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

Sidebar update

Browse Source
This commit is contained in:
sbilketay
2025-11-05 19:51:37 +03:00
parent 4205a8d387
commit 879d56c4dd
3 changed files with 880 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2,12 +2,13 @@
import { onMount, onDestroy } from 'svelte';
import { goto } from '$app/navigation';
import { io } from 'socket.io-client';
let user = null;
let loading = true;
let currentTime = '';
let showMobileMenu = false;
let showFuelForm = false;
let showGoodsManager = false;
let socket = null;
// Fuel Manager için veriler
@@ -330,6 +331,8 @@
}
function navigateTo(page) {
console.log('🔄 navigateTo called with:', page, 'user role:', user?.role);
if (page === 'fuel-slips' && user?.role === 'fuel_manager') {
showFuelForm = true;
showMobileMenu = false;
@@ -342,6 +345,19 @@
return;
}
if (page === '' && user?.role === 'goods_manager') {
showGoodsManager = false;
showMobileMenu = false;
return;
}
if (page === 'goods-manager' && user?.role === 'goods_manager') {
console.log('🎯 Setting showGoodsManager to true');
showGoodsManager = true;
showMobileMenu = false;
return;
}
if (page === 'distribution-document' && user?.role === 'fuel_manager') {
// Dağıtım belgesi sayfasına yönlendir (gelecekte oluşturulacak)
showMobileMenu = false;
@@ -357,8 +373,16 @@
}
if (page === 'goods-manager') {
goto('/goods-manager');
return;
if (user?.role === 'goods_manager') {
console.log('🎯 Setting showGoodsManager to true');
showGoodsManager = true;
showFuelForm = false;
showMobileMenu = false;
return;
} else {
goto('/goods-manager');
return;
}
}
goto(`/dashboard/${page}`);
@@ -390,7 +414,7 @@
</div>
<ul class="nav-menu">
<li class="nav-item">
<button class="nav-btn" on:click={() => navigateTo('')} class:active={user.role !== 'fuel_manager' || !showFuelForm}>
<button class="nav-btn" on:click={() => navigateTo('')} class:active={user.role === 'goods_manager' ? !showGoodsManager : (user.role !== 'fuel_manager' ? !showFuelForm : true)}>
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/>
<polyline points="9 22 9 12 15 12 15 22"/>
@@ -468,7 +492,7 @@
</li>
{:else if user.role === 'goods_manager'}
<li class="nav-item">
<button class="nav-btn" on:click={() => navigateTo('goods-manager')}>
<button class="nav-btn" on:click={() => navigateTo('goods-manager')} class:active={showGoodsManager}>
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
<path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/>
<polyline points="22 4 12 14.01 9 11.01"/>
@@ -520,7 +544,7 @@
<div class="divider"></div>
<!-- Sadece admin ve goods_manager için bilgilendirme -->
{#if user.role === 'admin' || user.role === 'goods_manager'}
{#if user.role === 'admin' || (user.role === 'goods_manager' && !showGoodsManager)}
<!-- Karşılama mesajı -->
<div class="welcome-content">
<div class="welcome-icon">
@@ -613,6 +637,33 @@
</div>
</div>
</div>
{:else if user.role === 'goods_manager' && showGoodsManager}
<!-- Goods Manager Content -->
<div class="goods-manager-content">
<div class="content-header">
<h1 class="content-title">Atanan Yakıt Fişleri</h1>
<div class="stats-badge">
<span class="count">0</span>
<span>Bekleyen Fiş</span>
</div>
</div>
<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="M9 11H3v10h6V11z"/>
<path d="M21 11h-6v10h6V11z"/>
<path d="M14 3v4h-4V3"/>
<path d="M17 7V3h-4v4"/>
<path d="M7 7V3H3v4"/>
<path d="M21 7v-4h-4v4"/>
</svg>
</div>
<h3>Onay Bekleyen Fiş Yok</h3>
<p>Size atanan yeni yakıt fişleri olmadığında burada görünecekler.</p>
<p style="margin-top: 1rem; color: var(--primary-color); font-weight: 600;">✅ SPA navigasyonu başarıyla çalışıyor!</p>
</div>
</div>
{:else}
<!-- Fuel Manager ana görünümü -->
{#if formSuccess}
@@ -1899,4 +1950,71 @@
font-size: 1.5rem;
}
}
/* Goods Manager Content Styles */
.goods-manager-content {
padding: 0;
max-width: none;
margin: 0;
}
.content-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
gap: 1rem;
flex-wrap: wrap;
}
.content-title {
font-size: 1.8rem;
font-weight: 700;
color: var(--text-color);
margin: 0;
}
.goods-manager-content .stats-badge {
background: var(--primary-color);
color: white;
padding: 0.5rem 1rem;
border-radius: 20px;
font-size: 0.9rem;
font-weight: 600;
display: flex;
align-items: center;
gap: 0.5rem;
}
.goods-manager-content .count {
background: rgba(255, 255, 255, 0.2);
padding: 0.25rem 0.5rem;
border-radius: 10px;
font-weight: 700;
}
.goods-manager-content .empty-state {
text-align: center;
padding: 3rem;
background: white;
border-radius: 12px;
border: 1px solid var(--card-border-color);
}
.goods-manager-content .empty-icon {
color: var(--text-secondary);
margin-bottom: 1rem;
}
.goods-manager-content .empty-state h3 {
font-size: 1.5rem;
font-weight: 600;
color: var(--text-color);
margin-bottom: 0.5rem;
}
.goods-manager-content .empty-state p {
color: var(--text-secondary);
margin: 0;
}
</style>

10
src/routes/goods-manager/+page.svelte
View File

@@ -26,13 +26,9 @@
let rejectionNotes = '';
onMount(async () => {
const userData = localStorage.getItem('user');
if (!userData || JSON.parse(userData).role !== 'goods_manager') {
goto('/dashboard');
return;
}
user = JSON.parse(userData);
// Artık mal sorumlu işlemleri dashboard içinde SPA olarak çalışıyor
goto('/dashboard');
return;
// Socket.IO bağlantısı
socket = io('http://localhost:3000');