wisecolt/ytp-glm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style

Browse Source
This commit is contained in:
szbk
2025-11-08 01:21:35 +03:00
parent f1a95c2118
commit c1c443401d
7 changed files with 229 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
src/lib/components/GoodsManagersContent.svelte
View File

@@ -312,24 +312,49 @@
<div class="manager-details">
<div class="detail-item">
<span class="detail-label">📄 Sicil No:</span>
<span class="detail-value">{manager.registration_number}</span>
<div class="detail-icon">
<i class="fas fa-id-badge"></i>
</div>
<div class="detail-content">
<span class="detail-label">Sicil No:</span>
<span class="detail-value">{manager.registration_number}</span>
</div>
</div>
<div class="detail-item">
<span class="detail-label">🆔 TC Kimlik:</span>
<span class="detail-value">{manager.tc_kimlik}</span>
<div class="detail-icon">
<i class="fas fa-id-card"></i>
</div>
<div class="detail-content">
<span class="detail-label">TC Kimlik:</span>
<span class="detail-value">{manager.tc_kimlik}</span>
</div>
</div>
<div class="detail-item">
<span class="detail-label">🏢 Birlik:</span>
<span class="detail-value">{manager.unit_name || 'Belirtilmemiş'}</span>
<div class="detail-icon">
<i class="fas fa-building"></i>
</div>
<div class="detail-content">
<span class="detail-label">Birlik:</span>
<span class="detail-value">{manager.unit_name || 'Belirtilmemiş'}</span>
</div>
</div>
<div class="detail-item">
<span class="detail-label">📱 İrtibat:</span>
<span class="detail-value">{manager.phone}</span>
<div class="detail-icon">
<i class="fas fa-phone"></i>
</div>
<div class="detail-content">
<span class="detail-label">İrtibat:</span>
<span class="detail-value">{manager.phone}</span>
</div>
</div>
<div class="detail-item">
<span class="detail-label">👤 Kullanıcı Adı:</span>
<span class="detail-value">{manager.username || 'Belirlenmemiş'}</span>
<div class="detail-icon">
<i class="fas fa-user"></i>
</div>
<div class="detail-content">
<span class="detail-label">Kullanıcı Adı:</span>
<span class="detail-value">{manager.username || 'Belirlenmemiş'}</span>
</div>
</div>
</div>
@@ -761,20 +786,51 @@
.detail-item {
display: flex;
justify-content: space-between;
margin-bottom: 0.5rem;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
padding: 0.5rem;
background: #F9FAFB;
border-radius: 8px;
border: 1px solid #F3F4F6;
transition: background-color 0.2s ease;
}
.detail-item:hover {
background: #F3F4F6;
}
.detail-icon {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: var(--primary-color);
color: white;
border-radius: 8px;
font-size: 0.9rem;
flex-shrink: 0;
}
.detail-content {
flex: 1;
display: flex;
justify-content: space-between;
align-items: center;
gap: 0.5rem;
}
.detail-label {
font-weight: 500;
color: var(--text-secondary);
font-size: 0.9rem;
}
.detail-value {
font-weight: 500;
font-weight: 600;
color: var(--text-color);
text-align: right;
font-family: 'Courier New', monospace;
}
.manager-actions {
@@ -947,10 +1003,22 @@
}
.detail-item {
flex-direction: row;
gap: 0.75rem;
}
.detail-content {
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
}
.detail-icon {
width: 28px;
height: 28px;
font-size: 0.8rem;
}
.detail-value {
text-align: left;
}

8
src/lib/components/Navbar.svelte
View File

@@ -27,7 +27,7 @@
.navbar-content {
padding: 0 var(--page-horizontal-padding);
margin-left: 16px;
margin-left: 25px;
display: flex;
align-items: center;
justify-content: space-between;
@@ -39,18 +39,18 @@
.navbar-brand {
display: flex;
align-items: center;
gap: 0px;
gap: 3px;
}
.brand-text {
font-size: 50px;
font-size: 45px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
.brand-logo {
height: 65px;
height: 47px;
width: auto;
object-fit: contain;
}

127
src/lib/components/PersonnelContent.svelte
View File

@@ -216,10 +216,7 @@
<span>Personel</span>
</div>
<button class="btn btn-primary" on:click={openAddModal}>
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<line x1="12" y1="5" x2="12" y2="19"/>
<line x1="5" y1="12" x2="19" y2="12"/>
</svg>
<i class="fas fa-user-plus"></i>
Yeni Personel Ekle
</button>
</div>
@@ -238,16 +235,12 @@
{:else if personnel.length === 0}
<div class="empty-state">
<div class="empty-icon">
<svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
<circle cx="9" cy="7" r="4"/>
<path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
<path d="M16 3.13a4 4 0 0 1 0 7.75"/>
</svg>
<i class="fas fa-users-slash"></i>
</div>
<h3>Henüz Personel Yok</h3>
<p>Sisteme personel eklemek için "Yeni Personel Ekle" butonuna tıklayın.</p>
<button class="btn btn-primary" on:click={openAddModal}>
<i class="fas fa-user-plus"></i>
İlk Personeli Ekle
</button>
</div>
@@ -268,25 +261,37 @@
<div class="personnel-details">
<div class="detail-item">
<span class="detail-label">Sicil No:</span>
<span class="detail-value">{person.registration_number}</span>
<div class="detail-icon">
<i class="fas fa-id-badge"></i>
</div>
<div class="detail-content">
<span class="detail-label">Sicil No:</span>
<span class="detail-value">{person.registration_number}</span>
</div>
</div>
<div class="detail-item">
<span class="detail-label">TC Kimlik:</span>
<span class="detail-value">{person.tc_kimlik}</span>
<div class="detail-icon">
<i class="fas fa-id-card"></i>
</div>
<div class="detail-content">
<span class="detail-label">TC Kimlik:</span>
<span class="detail-value">{person.tc_kimlik}</span>
</div>
</div>
<div class="detail-item">
<span class="detail-label">İrtibat:</span>
<span class="detail-value">{person.phone}</span>
<div class="detail-icon">
<i class="fas fa-phone"></i>
</div>
<div class="detail-content">
<span class="detail-label">İrtibat:</span>
<span class="detail-value">{person.phone}</span>
</div>
</div>
</div>
<div class="personnel-actions">
<button class="btn btn-sm btn-secondary" on:click={() => openEditModal(person)}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/>
<path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/>
</svg>
<i class="fas fa-edit"></i>
Düzenle
</button>
<button
@@ -294,25 +299,15 @@
on:click={() => togglePersonnelStatus(person)}
>
{#if person.is_active}
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
<path d="M7 11V7a5 5 0 0 1 10 0v4"/>
</svg>
<i class="fas fa-user-slash"></i>
Pasif Yap
{:else}
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"/>
<circle cx="12" cy="16" r="1"/>
<path d="M7 11V7a5 5 0 0 1 9.9-1"/>
</svg>
<i class="fas fa-user-check"></i>
Aktif Yap
{/if}
</button>
<button class="btn btn-sm btn-danger" on:click={() => handleDeletePersonnel(person)}>
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<polyline points="3 6 5 6 21 6"/>
<path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
</svg>
<i class="fas fa-trash-alt"></i>
Sil
</button>
</div>
@@ -494,6 +489,12 @@
flex-wrap: wrap;
}
.content-header .btn {
display: flex;
align-items: center;
gap: 0.5rem;
}
.content-title {
font-size: 1.5rem;
font-weight: 600;
@@ -563,6 +564,14 @@
.empty-icon {
color: var(--text-secondary);
margin-bottom: 1rem;
font-size: 4rem;
opacity: 0.6;
}
.empty-state .btn {
display: flex;
align-items: center;
gap: 0.5rem;
}
.empty-state h3 {
@@ -640,19 +649,52 @@
}
.detail-item {
display: flex;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
padding: 0.5rem;
background: #F9FAFB;
border-radius: 8px;
border: 1px solid #F3F4F6;
transition: background-color 0.2s ease;
}
.detail-item:hover {
background: #F3F4F6;
}
.detail-icon {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: var(--primary-color);
color: white;
border-radius: 8px;
font-size: 0.9rem;
flex-shrink: 0;
}
.detail-content {
flex: 1;
display: flex;
justify-content: space-between;
margin-bottom: 0.5rem;
align-items: center;
gap: 0.5rem;
}
.detail-label {
font-weight: 500;
color: var(--text-secondary);
font-size: 0.9rem;
}
.detail-value {
font-weight: 500;
font-weight: 600;
color: var(--text-color);
font-family: 'Courier New', monospace;
}
.personnel-actions {
@@ -664,6 +706,9 @@
.btn-sm {
padding: 0.5rem 1rem;
font-size: 0.875rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.btn-danger {
@@ -816,8 +861,20 @@
}
.detail-item {
flex-direction: row;
gap: 0.75rem;
}
.detail-content {
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
}
.detail-icon {
width: 28px;
height: 28px;
font-size: 0.8rem;
}
}
</style>

6
src/routes/dashboard/+page.svelte
View File

@@ -628,12 +628,6 @@
{#if user.role === 'admin' && !showVehicles && !showUnits && !showPersonnel && !showGoodsManagers}
<!-- Karşılama mesajı -->
<div class="welcome-content">
<div class="welcome-icon">
<svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M3 12h18m-9-9v18"/>
</svg>
</div>
<h1 class="welcome-title">Hoş Geldiniz! 👋</h1>
<p class="welcome-message">
{#if user.role === 'admin'}
Sisteme hoş geldiniz! Araç, birlik ve personel yönetimi yapabilirsiniz.

59
src/routes/dashboard/personnel/+page.svelte
View File

@@ -291,16 +291,31 @@
<div class="personnel-details">
<div class="detail-item">
<span class="detail-label">Sicil No:</span>
<span class="detail-value">{person.registration_number}</span>
<div class="detail-icon">
<i class="fas fa-id-badge"></i>
</div>
<div class="detail-content">
<span class="detail-label">Sicil No:</span>
<span class="detail-value">{person.registration_number}</span>
</div>
</div>
<div class="detail-item">
<span class="detail-label">TC Kimlik:</span>
<span class="detail-value">{person.tc_kimlik}</span>
<div class="detail-icon">
<i class="fas fa-id-card"></i>
</div>
<div class="detail-content">
<span class="detail-label">TC Kimlik:</span>
<span class="detail-value">{person.tc_kimlik}</span>
</div>
</div>
<div class="detail-item">
<span class="detail-label">İrtibat:</span>
<span class="detail-value">{person.phone}</span>
<div class="detail-icon">
<i class="fas fa-phone"></i>
</div>
<div class="detail-content">
<span class="detail-label">İrtibat:</span>
<span class="detail-value">{person.phone}</span>
</div>
</div>
</div>
@@ -652,8 +667,36 @@
.detail-item {
display: flex;
justify-content: space-between;
margin-bottom: 0.5rem;
align-items: center;
gap: 0.75rem;
margin-bottom: 0.75rem;
padding: 0.5rem;
border-radius: 8px;
transition: background 0.2s ease;
}
.detail-item:hover {
background: #F3F4F6;
}
.detail-icon {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: rgba(37, 99, 235, 0.1);
color: #3B82F6;
border-radius: 6px;
font-size: 14px;
flex-shrink: 0;
}
.detail-content {
display: flex;
flex-direction: column;
gap: 0.25rem;
flex: 1;
}
.detail-label {

BIN
static/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 133 KiB

After

Width:  |  Height:  |  Size: 135 KiB

BIN
static/logo1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 133 KiB