Shop update
This commit is contained in:
@@ -55,6 +55,7 @@
|
||||
<button class="tab-nav-btn active" onclick="switchTab('logs', event)">Dnevnik skeniranja</button>
|
||||
<button class="tab-nav-btn" onclick="switchTab('participants', event)">Člani</button>
|
||||
<button class="tab-nav-btn" onclick="switchTab('documents', event)">Dokumenti</button>
|
||||
<button class="tab-nav-btn" onclick="switchTab('store', event)">Trgovina</button>
|
||||
</div>
|
||||
|
||||
<!-- Participants Tab -->
|
||||
@@ -162,6 +163,131 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Store Tab -->
|
||||
<div id="store-tab" class="tab-panel">
|
||||
<div class="panel-header">
|
||||
<h2>Trgovina</h2>
|
||||
<div class="header-actions">
|
||||
<div class="store-balance-display">
|
||||
<span class="store-balance-label">Stanje:</span>
|
||||
<span id="storeBalanceDisplay" class="store-balance-value">€0.00</span>
|
||||
<button id="editBalanceBtn" class="btn btn-primary" onclick="openEditBalanceModal()" style="display:none;">Uredi stanje</button>
|
||||
</div>
|
||||
<button class="btn btn-primary" onclick="togglePaymentHistory()">Zgodovina plačil</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="store-tab-scroll panel-content">
|
||||
<div class="store-layout">
|
||||
<!-- Inventory -->
|
||||
<div class="store-inventory">
|
||||
<div class="store-section-header">
|
||||
<h3>Zaloga</h3>
|
||||
<button id="addItemBtn" class="btn btn-primary" onclick="openAddItemModal()" style="display:none;">+ Dodaj artikel</button>
|
||||
</div>
|
||||
<div class="inventory-grid" id="inventoryGrid">
|
||||
<p style="color: var(--text-secondary);">Nalaganje...</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Cart -->
|
||||
<div class="store-cart">
|
||||
<div class="store-section-header">
|
||||
<h3>Košarica</h3>
|
||||
<button class="btn btn-primary" onclick="clearCart()">Počisti</button>
|
||||
</div>
|
||||
<div class="cart-items" id="cartItems">
|
||||
<p style="color: var(--text-secondary); text-align: center; padding: 20px;">Košarica je prazna</p>
|
||||
</div>
|
||||
<div class="cart-total">
|
||||
<div class="cart-total-row">
|
||||
<span>Skupaj:</span>
|
||||
<span id="cartTotal" class="cart-total-amount">€0.00</span>
|
||||
</div>
|
||||
<div class="cart-total-row cart-balance-row">
|
||||
<span>Stanje po plačilu:</span>
|
||||
<span id="cartBalanceAfter" class="cart-balance-after">€0.00</span>
|
||||
</div>
|
||||
<button class="btn btn-primary cart-pay-btn" onclick="processPayment()">Plačaj</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- end store-layout -->
|
||||
|
||||
<!-- Payment History Panel -->
|
||||
<div id="paymentHistoryPanel" class="payment-history-panel" style="display:none;">
|
||||
<div class="store-section-header" style="padding: 0 16px 12px;">
|
||||
<h3>Zgodovina plačil</h3>
|
||||
<button id="clearHistoryBtn" class="action-btn delete-btn" onclick="clearPaymentHistory()" style="display:none;">Izbriši zgodovino</button>
|
||||
</div>
|
||||
<div class="table-container" style="margin: 0 16px 16px;">
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>#</th>
|
||||
<th>Datum</th>
|
||||
<th>Čas</th>
|
||||
<th>Artikli</th>
|
||||
<th>Skupaj</th>
|
||||
<th>Stanje pred</th>
|
||||
<th>Stanje po</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="paymentHistoryTable">
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Add Item Modal -->
|
||||
<div id="addItemModal" class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="close" onclick="closeAddItemModal()">×</span>
|
||||
<h2 id="addItemModalTitle">Dodaj artikel</h2>
|
||||
<div class="form-group">
|
||||
<label>Slika (neobvezno):</label>
|
||||
<div class="image-upload-area" id="imageUploadArea" onclick="document.getElementById('itemImageInput').click()">
|
||||
<div id="imagePreviewWrapper">
|
||||
<div class="image-upload-placeholder" id="imageUploadPlaceholder">
|
||||
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><circle cx="8.5" cy="8.5" r="1.5"/><polyline points="21 15 16 10 5 21"/></svg>
|
||||
<span>Kliknite za nalaganje slike</span>
|
||||
</div>
|
||||
<img id="imagePreview" src="" alt="" style="display:none; max-height:140px; border-radius:6px; object-fit:contain;">
|
||||
</div>
|
||||
<input type="file" id="itemImageInput" accept="image/*" style="display:none" onchange="handleImageUpload(event)">
|
||||
</div>
|
||||
<button type="button" class="btn-remove-image" id="removeImageBtn" onclick="removeItemImage()" style="display:none;">Odstrani sliko</button>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Ime artikla:</label>
|
||||
<input type="text" id="itemName" placeholder="Ime artikla">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Cena (€):</label>
|
||||
<input type="number" id="itemPrice" placeholder="0.00" min="0" step="0.01">
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label>Zaloga (kos):</label>
|
||||
<input type="number" id="itemStock" placeholder="0" min="0" step="1">
|
||||
</div>
|
||||
<button class="btn btn-primary" id="addItemSubmitBtn" onclick="submitItem()">Dodaj</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Edit Balance Modal -->
|
||||
<div id="editBalanceModal" class="modal">
|
||||
<div class="modal-content">
|
||||
<span class="close" onclick="closeEditBalanceModal()">×</span>
|
||||
<h2>Uredi stanje</h2>
|
||||
<div class="form-group">
|
||||
<label>Novo stanje (€):</label>
|
||||
<input type="number" id="balanceInput" placeholder="0.00" step="0.01">
|
||||
</div>
|
||||
<button class="btn btn-primary" onclick="saveBalance()">Shrani</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user