-
-
-
+
+
←
+
+
+
+
+ ${suppliersHtml}
+
+
${CONFIG.lang.quantity}:
+
+
+
+
+
+
+
+
+
+
-
`;
bindOrderEvents();
+ bindOrderToolsEvents();
+ bindSwipeEvents();
}
function bindOrderEvents() {
@@ -589,6 +689,16 @@
// Add to order
document.getElementById('add-to-order').addEventListener('click', addToOrder);
+
+ // Print barcode button
+ const printBtn = document.getElementById('btn-print-barcode');
+ if (printBtn) {
+ printBtn.addEventListener('click', function() {
+ if (typeof window._showPrintBarcodeModal === 'function') {
+ window._showPrintBarcodeModal(currentProduct);
+ }
+ });
+ }
}
function addToOrder() {
@@ -603,6 +713,7 @@
fetch(CONFIG.ajaxUrl + 'addtoorder.php', {
method: 'POST',
+ credentials: 'same-origin',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
@@ -614,6 +725,8 @@
if (data.success) {
const productName = currentProduct.label || currentProduct.ref || 'Produkt';
showToast(`${CONFIG.lang.added}: ${productName} (${qty}x)`, 'success');
+ // Save last order ID for auto-open in order view
+ lastOrderId = data.order_id;
hideResult();
} else {
showToast(data.error || CONFIG.lang.error, 'error');
@@ -626,6 +739,769 @@
});
}
+ // Bind order tools (search + freetext buttons)
+ function bindOrderToolsEvents() {
+ const searchBtn = document.getElementById('btn-product-search');
+ const freetextBtn = document.getElementById('btn-freetext');
+
+ if (searchBtn) {
+ searchBtn.addEventListener('click', showProductSearchModal);
+ }
+ if (freetextBtn) {
+ freetextBtn.addEventListener('click', showFreetextModal);
+ }
+ }
+
+ // PRODUCT SEARCH MODAL
+ function showProductSearchModal() {
+ pauseScanner();
+
+ const modal = document.createElement('div');
+ modal.className = 'search-modal';
+ modal.id = 'search-modal';
+ modal.innerHTML = `
+
+ `;
+ document.body.appendChild(modal);
+
+ const input = document.getElementById('product-search-input');
+ const results = document.getElementById('search-results');
+ let searchTimeout = null;
+
+ function closeModal() {
+ modal.remove();
+ resumeScanner();
+ }
+
+ input.addEventListener('input', function() {
+ clearTimeout(searchTimeout);
+ const query = this.value.trim();
+ if (query.length < 2) {
+ results.innerHTML = '';
+ return;
+ }
+ results.innerHTML = '
Suche...
';
+ searchTimeout = setTimeout(() => {
+ searchProducts(query, closeModal);
+ }, 300);
+ });
+
+ document.getElementById('search-close').addEventListener('click', closeModal);
+
+ modal.addEventListener('click', function(e) {
+ if (e.target === modal) {
+ closeModal();
+ }
+ });
+
+ input.focus();
+ }
+
+ function searchProducts(query, closeModalCallback) {
+ fetch(CONFIG.ajaxUrl + 'searchproduct.php?token=' + CONFIG.token + '&q=' + encodeURIComponent(query), {credentials: 'same-origin'})
+ .then(res => res.json())
+ .then(data => {
+ const results = document.getElementById('search-results');
+ if (!results) return;
+
+ if (data.success && data.products.length > 0) {
+ results.innerHTML = data.products.map(p => `
+
+
${escapeHtml(p.label)}
+
+ Ref: ${escapeHtml(p.ref)}
+ Lager: ${p.stock} ${escapeHtml(p.stock_unit || 'Stk')}
+
+
+ `).join('');
+
+ results.querySelectorAll('.search-result-item').forEach(item => {
+ item.addEventListener('click', function() {
+ const product = JSON.parse(this.dataset.product);
+ if (closeModalCallback) closeModalCallback();
+ currentProduct = product;
+ window._scannerCurrentProduct = product;
+ showProductResult(product);
+ });
+ });
+ } else {
+ results.innerHTML = '
Keine Produkte gefunden
';
+ }
+ })
+ .catch(err => {
+ console.error('Search error:', err);
+ const results = document.getElementById('search-results');
+ if (results) {
+ results.innerHTML = '
Fehler bei der Suche
';
+ }
+ });
+ }
+
+ // FREETEXT MODAL
+ function showFreetextModal() {
+ // Need a supplier for freetext
+ if (allSuppliers.length === 0) {
+ showToast('Keine Lieferanten verfügbar', 'error');
+ return;
+ }
+
+ pauseScanner();
+
+ const modal = document.createElement('div');
+ modal.className = 'freetext-modal';
+ modal.id = 'freetext-modal';
+ modal.innerHTML = `
+
+
Freitext-Position
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ `;
+ document.body.appendChild(modal);
+
+ function closeModal() {
+ modal.remove();
+ resumeScanner();
+ }
+
+ document.getElementById('freetext-cancel').addEventListener('click', closeModal);
+
+ document.getElementById('freetext-add').addEventListener('click', function() {
+ addFreetextLine(closeModal);
+ });
+
+ modal.addEventListener('click', function(e) {
+ if (e.target === modal) {
+ closeModal();
+ }
+ });
+
+ document.getElementById('freetext-desc').focus();
+ }
+
+ function addFreetextLine(closeModalCallback) {
+ const supplierId = document.getElementById('freetext-supplier').value;
+ const description = document.getElementById('freetext-desc').value.trim();
+ const qty = parseFloat(document.getElementById('freetext-qty').value) || 1;
+ const price = parseFloat(document.getElementById('freetext-price').value) || 0;
+
+ if (!description) {
+ showToast('Bitte Beschreibung eingeben', 'error');
+ return;
+ }
+
+ showLoading();
+
+ fetch(CONFIG.ajaxUrl + 'addfreetextline.php', {
+ method: 'POST',
+ credentials: 'same-origin',
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded'
+ },
+ body: `token=${CONFIG.token}&supplier_id=${supplierId}&description=${encodeURIComponent(description)}&qty=${qty}&price=${price}`
+ })
+ .then(res => res.json())
+ .then(data => {
+ hideLoading();
+ if (data.success) {
+ showToast(`Hinzugefügt: ${description} (${qty}x)`, 'success');
+ lastOrderId = data.order_id;
+ if (closeModalCallback) closeModalCallback();
+ } else {
+ showToast(data.error || CONFIG.lang.error, 'error');
+ }
+ })
+ .catch(err => {
+ hideLoading();
+ console.error('Add freetext error:', err);
+ showToast(CONFIG.lang.error, 'error');
+ });
+ }
+
+ // ORDERS PANEL AS MODAL (for toolbar button)
+ function showOrdersPanel() {
+ pauseScanner();
+
+ const modal = document.createElement('div');
+ modal.className = 'orders-modal';
+ modal.id = 'orders-modal';
+ modal.innerHTML = `
+
+ `;
+ document.body.appendChild(modal);
+
+ function closeModal() {
+ modal.remove();
+ resumeScanner();
+ }
+
+ // Close button
+ document.getElementById('orders-modal-close').addEventListener('click', closeModal);
+
+ // Click outside to close
+ modal.addEventListener('click', function(e) {
+ if (e.target === modal) {
+ closeModal();
+ }
+ });
+
+ // Back button in detail view
+ document.getElementById('orders-modal-detail-back').addEventListener('click', function() {
+ document.getElementById('orders-modal-detail').classList.add('hidden');
+ document.getElementById('orders-modal-scroller').classList.remove('hidden');
+ });
+
+ // Load orders
+ loadOrdersIntoModal();
+ }
+
+ function loadOrdersIntoModal() {
+ const scroller = document.getElementById('orders-modal-scroller');
+ if (!scroller) return;
+
+ scroller.innerHTML = '
';
+
+ fetch(CONFIG.ajaxUrl + 'getorders.php?token=' + CONFIG.token, {credentials: 'same-origin'})
+ .then(res => res.json())
+ .then(data => {
+ if (data.success) {
+ cachedOrders = data.orders;
+ renderOrdersInModal(data.orders);
+ } else {
+ scroller.innerHTML = '
Fehler beim Laden
';
+ }
+ })
+ .catch(err => {
+ console.error('Load orders error:', err);
+ scroller.innerHTML = '
Fehler beim Laden
';
+ });
+ }
+
+ function renderOrdersInModal(orders) {
+ const scroller = document.getElementById('orders-modal-scroller');
+ if (!scroller) return;
+
+ if (orders.length === 0) {
+ scroller.innerHTML = '
Keine Bestellungen
';
+ return;
+ }
+
+ scroller.innerHTML = orders.map(order => {
+ const statusClass = order.status === 0 ? 'draft' : 'validated';
+ const isActive = order.id === lastOrderId;
+ const direktClass = order.is_direkt ? 'direkt' : '';
+
+ return `
+
+
${escapeHtml(order.supplier_name)}
+
${escapeHtml(order.ref)}
+
${escapeHtml(order.status_label)}
+
${order.line_count} Pos. / ${order.total_qty} Stk
+
+ `;
+ }).join('');
+
+ // Bind click events
+ scroller.querySelectorAll('.order-card').forEach(card => {
+ card.addEventListener('click', function() {
+ const orderId = parseInt(this.dataset.orderId);
+ openOrderDetailInModal(orderId);
+ });
+ });
+ }
+
+ function openOrderDetailInModal(orderId) {
+ const scroller = document.getElementById('orders-modal-scroller');
+ const detailSection = document.getElementById('orders-modal-detail');
+ const content = document.getElementById('orders-modal-detail-content');
+ const title = document.getElementById('orders-modal-detail-title');
+
+ if (!scroller || !detailSection || !content) return;
+
+ scroller.classList.add('hidden');
+ detailSection.classList.remove('hidden');
+ content.innerHTML = '
';
+
+ fetch(CONFIG.ajaxUrl + 'getorderlines.php?token=' + CONFIG.token + '&order_id=' + orderId, {credentials: 'same-origin'})
+ .then(res => res.json())
+ .then(data => {
+ if (data.success) {
+ currentOrderDetail = data.order;
+ title.textContent = data.order.ref + ' - ' + data.order.supplier_name;
+ renderOrderLinesInModal(data.lines, data.order, orderId);
+ } else {
+ content.innerHTML = '
Fehler beim Laden
';
+ }
+ })
+ .catch(err => {
+ console.error('Load order lines error:', err);
+ content.innerHTML = '
Fehler beim Laden
';
+ });
+ }
+
+ function renderOrderLinesInModal(lines, order, orderId) {
+ const content = document.getElementById('orders-modal-detail-content');
+ if (!content) return;
+
+ if (lines.length === 0) {
+ content.innerHTML = '
Keine Positionen
';
+ return;
+ }
+
+ const canEdit = order.status === 0;
+
+ content.innerHTML = lines.map(line => `
+
+
+
${escapeHtml(line.product_label)}
+
${line.product_ref ? 'Ref: ' + escapeHtml(line.product_ref) : ''} ${line.stock > 0 ? '| Lager: ' + line.stock : ''}
+
+
${line.qty}x
+
+ `).join('');
+
+ if (canEdit) {
+ content.querySelectorAll('.order-line').forEach(lineEl => {
+ lineEl.addEventListener('click', function() {
+ const lineId = parseInt(this.dataset.lineId);
+ const oId = parseInt(this.dataset.orderId);
+ const line = lines.find(l => l.id === lineId);
+ if (line) {
+ showLineEditDialogInModal(line, oId);
+ }
+ });
+ });
+ }
+ }
+
+ function showLineEditDialogInModal(line, orderId) {
+ pauseScanner();
+
+ const dialog = document.createElement('div');
+ dialog.className = 'line-edit-dialog';
+ dialog.id = 'line-edit-dialog';
+ dialog.innerHTML = `
+
+
${escapeHtml(line.product_label)}
+
+
Lagerbestand: ${line.stock}
+
+
+
+
+
+
+
+
+
+
+
+ `;
+ document.body.appendChild(dialog);
+
+ function closeDialog() {
+ dialog.remove();
+ resumeScanner();
+ }
+
+ document.getElementById('line-cancel').addEventListener('click', closeDialog);
+
+ document.getElementById('line-save').addEventListener('click', () => {
+ const newQty = parseFloat(document.getElementById('line-qty-input').value) || 1;
+ updateOrderLineInModal(orderId, line.id, 'update', newQty);
+ closeDialog();
+ });
+
+ document.getElementById('line-delete').addEventListener('click', () => {
+ if (confirm('Position wirklich löschen?')) {
+ updateOrderLineInModal(orderId, line.id, 'delete');
+ closeDialog();
+ }
+ });
+
+ dialog.addEventListener('click', function(e) {
+ if (e.target === dialog) {
+ closeDialog();
+ }
+ });
+ }
+
+ function updateOrderLineInModal(orderId, lineId, action, qty = 0) {
+ showLoading();
+
+ let body = `token=${CONFIG.token}&order_id=${orderId}&line_id=${lineId}&action=${action}`;
+ if (action === 'update') {
+ body += `&qty=${qty}`;
+ }
+
+ fetch(CONFIG.ajaxUrl + 'updateorderline.php', {
+ method: 'POST',
+ credentials: 'same-origin',
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded'
+ },
+ body: body
+ })
+ .then(res => res.json())
+ .then(data => {
+ hideLoading();
+ if (data.success) {
+ showToast(action === 'delete' ? 'Position gelöscht' : 'Anzahl aktualisiert', 'success');
+ if (data.order_deleted) {
+ // Go back to orders list
+ document.getElementById('orders-modal-detail').classList.add('hidden');
+ document.getElementById('orders-modal-scroller').classList.remove('hidden');
+ loadOrdersIntoModal();
+ } else {
+ // Reload order detail
+ openOrderDetailInModal(orderId);
+ }
+ } else {
+ showToast(data.error || CONFIG.lang.error, 'error');
+ }
+ })
+ .catch(err => {
+ hideLoading();
+ console.error('Update line error:', err);
+ showToast(CONFIG.lang.error, 'error');
+ });
+ }
+
+ // SWIPE GESTURE FOR ORDER OVERVIEW
+ function bindSwipeEvents() {
+ const container = document.getElementById('order-view-container');
+ if (!container) return;
+
+ let startX = 0;
+ let startY = 0;
+ let isDragging = false;
+
+ container.addEventListener('touchstart', function(e) {
+ startX = e.touches[0].clientX;
+ startY = e.touches[0].clientY;
+ isDragging = true;
+ }, { passive: true });
+
+ container.addEventListener('touchmove', function(e) {
+ if (!isDragging) return;
+ const deltaX = e.touches[0].clientX - startX;
+ const deltaY = e.touches[0].clientY - startY;
+
+ // Only horizontal swipe
+ if (Math.abs(deltaX) > Math.abs(deltaY) && Math.abs(deltaX) > 30) {
+ e.preventDefault();
+ }
+ }, { passive: false });
+
+ container.addEventListener('touchend', function(e) {
+ if (!isDragging) return;
+ isDragging = false;
+
+ const endX = e.changedTouches[0].clientX;
+ const deltaX = endX - startX;
+
+ // Swipe left to show orders
+ if (deltaX < -50 && !container.classList.contains('swiped')) {
+ container.classList.add('swiped');
+ loadOrders();
+ }
+ // Swipe right to go back
+ else if (deltaX > 50) {
+ if (container.classList.contains('detail-open')) {
+ container.classList.remove('detail-open');
+ } else if (container.classList.contains('swiped')) {
+ container.classList.remove('swiped');
+ }
+ }
+ }, { passive: true });
+
+ // Back buttons
+ const ordersBack = document.getElementById('orders-back');
+ const detailBack = document.getElementById('order-detail-back');
+
+ if (ordersBack) {
+ ordersBack.addEventListener('click', function() {
+ container.classList.remove('swiped');
+ });
+ }
+
+ if (detailBack) {
+ detailBack.addEventListener('click', function() {
+ container.classList.remove('detail-open');
+ });
+ }
+ }
+
+ // LOAD ORDERS
+ function loadOrders() {
+ const scroller = document.getElementById('orders-scroller');
+ if (!scroller) return;
+
+ scroller.innerHTML = '
';
+
+ fetch(CONFIG.ajaxUrl + 'getorders.php?token=' + CONFIG.token, {credentials: 'same-origin'})
+ .then(res => res.json())
+ .then(data => {
+ if (data.success) {
+ cachedOrders = data.orders;
+ renderOrders(data.orders);
+ } else {
+ scroller.innerHTML = '
Fehler beim Laden
';
+ }
+ })
+ .catch(err => {
+ console.error('Load orders error:', err);
+ scroller.innerHTML = '
Fehler beim Laden
';
+ });
+ }
+
+ function renderOrders(orders) {
+ const scroller = document.getElementById('orders-scroller');
+ if (!scroller) return;
+
+ if (orders.length === 0) {
+ scroller.innerHTML = '
Keine Bestellungen
';
+ return;
+ }
+
+ scroller.innerHTML = orders.map(order => {
+ const statusClass = order.status === 0 ? 'draft' : 'validated';
+ const isActive = order.id === lastOrderId;
+ const direktClass = order.is_direkt ? 'direkt' : '';
+
+ return `
+
+
${escapeHtml(order.supplier_name)}
+
${escapeHtml(order.ref)}
+
${escapeHtml(order.status_label)}
+
${order.line_count} Pos. / ${order.total_qty} Stk
+
+ `;
+ }).join('');
+
+ // Bind click events
+ scroller.querySelectorAll('.order-card').forEach(card => {
+ card.addEventListener('click', function() {
+ const orderId = parseInt(this.dataset.orderId);
+ openOrderDetail(orderId);
+ });
+ });
+
+ // Auto-scroll to active order
+ if (lastOrderId) {
+ const activeCard = scroller.querySelector('.order-card.active');
+ if (activeCard) {
+ activeCard.scrollIntoView({ behavior: 'smooth', inline: 'center' });
+ }
+ }
+ }
+
+ // OPEN ORDER DETAIL
+ function openOrderDetail(orderId) {
+ const container = document.getElementById('order-view-container');
+ const content = document.getElementById('order-detail-content');
+ const title = document.getElementById('order-detail-title');
+
+ if (!container || !content) return;
+
+ content.innerHTML = '
';
+ container.classList.add('detail-open');
+
+ fetch(CONFIG.ajaxUrl + 'getorderlines.php?token=' + CONFIG.token + '&order_id=' + orderId, {credentials: 'same-origin'})
+ .then(res => res.json())
+ .then(data => {
+ if (data.success) {
+ currentOrderDetail = data.order;
+ title.textContent = data.order.ref + ' - ' + data.order.supplier_name;
+ renderOrderLines(data.lines, data.order);
+ } else {
+ content.innerHTML = '
Fehler beim Laden
';
+ }
+ })
+ .catch(err => {
+ console.error('Load order lines error:', err);
+ content.innerHTML = '
Fehler beim Laden
';
+ });
+ }
+
+ function renderOrderLines(lines, order) {
+ const content = document.getElementById('order-detail-content');
+ if (!content) return;
+
+ if (lines.length === 0) {
+ content.innerHTML = '
Keine Positionen
';
+ return;
+ }
+
+ const canEdit = order.status === 0; // Only draft orders can be edited
+
+ content.innerHTML = lines.map(line => `
+
+
+
${escapeHtml(line.product_label)}
+
${line.product_ref ? 'Ref: ' + escapeHtml(line.product_ref) : ''} ${line.stock > 0 ? '| Lager: ' + line.stock : ''}
+
+
${line.qty}x
+
+ `).join('');
+
+ if (canEdit) {
+ content.querySelectorAll('.order-line').forEach(lineEl => {
+ lineEl.addEventListener('click', function() {
+ const lineId = parseInt(this.dataset.lineId);
+ const orderId = parseInt(this.dataset.orderId);
+ const line = lines.find(l => l.id === lineId);
+ if (line) {
+ showLineEditDialog(line, orderId);
+ }
+ });
+ });
+ }
+ }
+
+ // LINE EDIT DIALOG
+ function showLineEditDialog(line, orderId) {
+ pauseScanner();
+
+ const dialog = document.createElement('div');
+ dialog.className = 'line-edit-dialog';
+ dialog.id = 'line-edit-dialog';
+ dialog.innerHTML = `
+
+
${escapeHtml(line.product_label)}
+
+
Lagerbestand: ${line.stock}
+
+
+
+
+
+
+
+
+
+
+
+ `;
+ document.body.appendChild(dialog);
+
+ function closeDialog() {
+ dialog.remove();
+ resumeScanner();
+ }
+
+ document.getElementById('line-cancel').addEventListener('click', closeDialog);
+
+ document.getElementById('line-save').addEventListener('click', () => {
+ const newQty = parseFloat(document.getElementById('line-qty-input').value) || 1;
+ updateOrderLine(orderId, line.id, 'update', newQty);
+ closeDialog();
+ });
+
+ document.getElementById('line-delete').addEventListener('click', () => {
+ if (confirm('Position wirklich löschen?')) {
+ updateOrderLine(orderId, line.id, 'delete');
+ closeDialog();
+ }
+ });
+
+ dialog.addEventListener('click', function(e) {
+ if (e.target === dialog) {
+ closeDialog();
+ }
+ });
+ }
+
+ function updateOrderLine(orderId, lineId, action, qty = 0) {
+ showLoading();
+
+ let body = `token=${CONFIG.token}&order_id=${orderId}&line_id=${lineId}&action=${action}`;
+ if (action === 'update') {
+ body += `&qty=${qty}`;
+ }
+
+ fetch(CONFIG.ajaxUrl + 'updateorderline.php', {
+ method: 'POST',
+ credentials: 'same-origin',
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded'
+ },
+ body: body
+ })
+ .then(res => res.json())
+ .then(data => {
+ hideLoading();
+ if (data.success) {
+ showToast(action === 'delete' ? 'Position gelöscht' : 'Anzahl aktualisiert', 'success');
+ if (data.order_deleted) {
+ // Go back to orders list
+ const container = document.getElementById('order-view-container');
+ if (container) {
+ container.classList.remove('detail-open');
+ }
+ loadOrders();
+ } else {
+ // Reload order detail
+ openOrderDetail(orderId);
+ }
+ } else {
+ showToast(data.error || CONFIG.lang.error, 'error');
+ }
+ })
+ .catch(err => {
+ hideLoading();
+ console.error('Update line error:', err);
+ showToast(CONFIG.lang.error, 'error');
+ });
+ }
+
// SHOP MODE
function showShopMode(product) {
const suppliers = product.suppliers || [];
@@ -741,6 +1617,8 @@
}
function showConfirmDialog(oldStock, newStock) {
+ pauseScanner();
+
const dialog = document.createElement('div');
dialog.className = 'confirm-dialog';
dialog.innerHTML = `
@@ -755,12 +1633,15 @@
`;
document.body.appendChild(dialog);
- document.getElementById('confirm-cancel').addEventListener('click', () => {
+ function closeDialog() {
dialog.remove();
- });
+ resumeScanner();
+ }
+
+ document.getElementById('confirm-cancel').addEventListener('click', closeDialog);
document.getElementById('confirm-ok').addEventListener('click', () => {
- dialog.remove();
+ closeDialog();
saveStock(newStock);
});
}
@@ -772,6 +1653,7 @@
fetch(CONFIG.ajaxUrl + 'updatestock.php', {
method: 'POST',
+ credentials: 'same-origin',
headers: {
'Content-Type': 'application/x-www-form-urlencoded'
},
diff --git a/langs/de_DE/handybarcodescanner.lang b/langs/de_DE/handybarcodescanner.lang
index 68a356c..0929c83 100755
--- a/langs/de_DE/handybarcodescanner.lang
+++ b/langs/de_DE/handybarcodescanner.lang
@@ -81,3 +81,19 @@ EnableSound = Ton bei Scan
EnableSoundDesc = Akustisches Signal bei erfolgreichem Scan
MobileAccess = Mobiler Zugriff
ScanQRCodeOrOpenURL = QR-Code scannen oder URL oeffnen
+
+# Order View Extensions
+ProductSearch = Produktsuche
+FreetextPosition = Freitext-Position
+Orders = Bestellungen
+Back = Zurueck
+NoOrders = Keine Bestellungen
+Positions = Positionen
+Pieces = Stueck
+DeletePosition = Position loeschen
+DeleteConfirm = Position wirklich loeschen?
+PositionDeleted = Position geloescht
+QuantityUpdated = Anzahl aktualisiert
+Description = Beschreibung
+NetPrice = Preis (netto)
+AddLine = Hinzufuegen
diff --git a/pwa.php b/pwa.php
index d37ed1b..88195b7 100755
--- a/pwa.php
+++ b/pwa.php
@@ -345,18 +345,20 @@ $colormain = getDolGlobalString('THEME_ELDY_TOPMENU_BACK1', '#0077b3');
}
.scanner-controls {
- padding: 10px;
+ padding: 8px 10px;
background: #444;
- text-align: center;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ gap: 10px;
}
.scan-btn {
- min-width: 180px;
- padding: 14px 28px;
- font-size: 16px;
+ padding: 10px 20px;
+ font-size: 14px;
font-weight: 600;
border: none;
- border-radius: 8px;
+ border-radius: 6px;
cursor: pointer;
transition: all 0.2s;
}
@@ -371,6 +373,46 @@ $colormain = getDolGlobalString('THEME_ELDY_TOPMENU_BACK1', '#0077b3');
color: white;
}
+ /* Tool buttons next to scan button */
+ .scan-tool-btn {
+ width: 44px;
+ height: 44px;
+ border-radius: 8px;
+ border: none;
+ background: var(--colorbackline);
+ color: var(--colortext);
+ cursor: pointer;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transition: all 0.2s;
+ }
+ .scan-tool-btn:active { transform: scale(0.95); opacity: 0.8; }
+ .scan-tool-btn svg { width: 22px; height: 22px; }
+ .scan-tool-btn.search-btn { order: 1; }
+ .scan-tool-btn.freetext-btn { order: 3; }
+ .scan-buttons-group { order: 2; display: flex; gap: 8px; }
+
+ /* Swipe hint */
+ .swipe-hint {
+ position: fixed;
+ right: 8px;
+ top: 50%;
+ transform: translateY(-50%);
+ background: rgba(0,0,0,0.6);
+ color: var(--colortextmuted);
+ padding: 8px 12px;
+ border-radius: 20px;
+ font-size: 12px;
+ pointer-events: none;
+ animation: swipeHintPulse 2s ease-in-out infinite;
+ z-index: 50;
+ }
+ @keyframes swipeHintPulse {
+ 0%, 100% { opacity: 0.7; transform: translateY(-50%) translateX(0); }
+ 50% { opacity: 1; transform: translateY(-50%) translateX(-5px); }
+ }
+
/* Last Scan */
.scanner-last-scan {
background: var(--colorbackline);
@@ -477,6 +519,145 @@ $colormain = getDolGlobalString('THEME_ELDY_TOPMENU_BACK1', '#0077b3');
.confirm-buttons { display: flex; gap: 12px; }
.confirm-buttons .action-btn { flex: 1; margin-top: 0; }
.action-btn.btn-secondary, .btn-secondary { background: var(--colorbacktitle) !important; color: var(--colortext) !important; border: 1px solid var(--colorborder); }
+ .action-btn.btn-danger, .btn-danger { background: var(--danger) !important; color: white !important; }
+
+ /* Order Tools - Search & Freetext buttons */
+ .order-tools { display: flex; gap: 8px; margin-bottom: 12px; }
+ .tool-btn { flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px; background: var(--colorbackline); border: 1px solid var(--colorborder); border-radius: 8px; font-size: 14px; color: var(--colortext); cursor: pointer; }
+ .tool-btn:active { transform: scale(0.98); opacity: 0.8; }
+ .tool-btn svg { width: 18px; height: 18px; }
+
+ /* Search Modal Dark */
+ .search-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: flex; align-items: flex-start; justify-content: center; z-index: 10000; padding: 15px; padding-top: 50px; }
+ .search-modal-content { background: var(--colorbackline); border-radius: 12px; width: 100%; max-width: 400px; max-height: 80vh; display: flex; flex-direction: column; border: 1px solid var(--colorborder); }
+ .search-modal-header { padding: 12px; border-bottom: 1px solid var(--colorborder); display: flex; align-items: center; gap: 10px; }
+ .search-modal-header input { flex: 1; padding: 12px; border: 1px solid var(--colorborder); border-radius: 6px; font-size: 16px; background: var(--colorbackinput); color: var(--colortext); }
+ .search-close-btn { padding: 8px 12px; background: none; border: none; font-size: 22px; cursor: pointer; color: var(--colortextmuted); }
+ .search-results { flex: 1; overflow-y: auto; padding: 10px; }
+ .search-result-item { padding: 14px; border: 1px solid var(--colorborder); border-radius: 8px; margin-bottom: 8px; cursor: pointer; background: var(--colorbacktitle); }
+ .search-result-item:active { background: var(--colorbackline); }
+ .search-result-label { font-weight: 600; font-size: 15px; color: var(--colortext); margin-bottom: 4px; }
+ .search-result-info { font-size: 13px; color: var(--colortextmuted); display: flex; gap: 15px; }
+ .search-loading { text-align: center; padding: 20px; color: var(--colortextmuted); }
+
+ /* Freetext Modal Dark */
+ .freetext-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 10000; padding: 15px; }
+ .freetext-modal-content { background: var(--colorbackline); border-radius: 12px; padding: 20px; width: 100%; max-width: 380px; border: 1px solid var(--colorborder); }
+ .freetext-modal-title { font-size: 18px; font-weight: 600; margin-bottom: 16px; color: var(--colortext); }
+ .freetext-form { display: flex; flex-direction: column; gap: 14px; }
+ .freetext-form label { font-size: 13px; color: var(--colortextmuted); margin-bottom: 4px; display: block; }
+ .freetext-form input, .freetext-form select { width: 100%; padding: 12px; border: 1px solid var(--colorborder); border-radius: 6px; font-size: 16px; background: var(--colorbackinput); color: var(--colortext); box-sizing: border-box; }
+ .freetext-row { display: flex; gap: 10px; }
+ .freetext-row > div { flex: 1; }
+ .freetext-buttons { display: flex; gap: 10px; margin-top: 8px; }
+ .freetext-buttons .action-btn { flex: 1; margin-top: 0; }
+
+ /* Swipeable Order Overview */
+ .order-view-container { position: relative; overflow: hidden; width: 100%; }
+ .swipe-indicator { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); padding: 10px; background: rgba(255,255,255,0.1); border-radius: 50%; font-size: 18px; color: var(--colortextmuted); pointer-events: none; opacity: 0.7; animation: swipeHint 2s ease-in-out infinite; z-index: 5; }
+ @keyframes swipeHint { 0%, 100% { transform: translateY(-50%) translateX(0); } 50% { transform: translateY(-50%) translateX(-6px); } }
+ .order-view-container.swiped .swipe-indicator { display: none; }
+
+ /* Orders Panel */
+ .orders-panel { position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background: var(--colorbackbody); transition: transform 0.3s ease; overflow: hidden; display: flex; flex-direction: column; }
+ .order-view-container.swiped .orders-panel { transform: translateX(-100%); }
+ .orders-panel-header { padding: 14px; background: var(--colorbacktitle); border-bottom: 1px solid var(--colorborder); display: flex; align-items: center; justify-content: space-between; }
+ .orders-panel-title { font-weight: 600; font-size: 16px; color: var(--colortext); }
+ .orders-panel-back { padding: 8px 14px; background: var(--colorbackline); border: 1px solid var(--colorborder); border-radius: 6px; font-size: 14px; cursor: pointer; color: var(--colortext); }
+
+ /* Order Scroller */
+ .orders-scroller { flex: 1; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding: 15px; -webkit-overflow-scrolling: touch; }
+ .order-card { display: inline-block; vertical-align: top; width: 170px; min-height: 110px; padding: 14px; margin-right: 12px; background: var(--colorbackline); border: 2px solid var(--colorborder); border-radius: 10px; cursor: pointer; white-space: normal; }
+ .order-card.active { border-color: var(--butactionbg); background: rgba(173,140,79,0.15); }
+ .order-card.direkt { font-weight: bold; }
+ .order-card.direkt .order-card-ref { font-weight: 700; }
+ .order-card-supplier { font-size: 15px; font-weight: 600; margin-bottom: 6px; color: var(--colortext); overflow: hidden; text-overflow: ellipsis; }
+ .order-card-ref { font-size: 13px; color: var(--colortextmuted); margin-bottom: 6px; }
+ .order-card-status { display: inline-block; font-size: 11px; padding: 3px 8px; border-radius: 4px; background: var(--colorbacktitle); color: var(--colortextmuted); }
+ .order-card-status.draft { background: rgba(188,149,38,0.3); color: var(--warning); }
+ .order-card-status.validated { background: rgba(37,165,128,0.3); color: var(--success); }
+ .order-card-info { margin-top: 10px; font-size: 12px; color: var(--colortextmuted); }
+
+ /* Order Detail Panel */
+ .order-detail-panel { position: absolute; top: 0; left: 200%; width: 100%; height: 100%; background: var(--colorbackbody); transition: transform 0.3s ease; overflow: hidden; display: flex; flex-direction: column; }
+ .order-view-container.detail-open .order-detail-panel { transform: translateX(-200%); }
+ .order-detail-header { padding: 14px; background: var(--colorbacktitle); border-bottom: 1px solid var(--colorborder); display: flex; align-items: center; justify-content: space-between; }
+ .order-detail-title { font-weight: 600; font-size: 15px; color: var(--colortext); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
+ .order-detail-back { padding: 8px 14px; background: var(--colorbackline); border: 1px solid var(--colorborder); border-radius: 6px; font-size: 14px; cursor: pointer; color: var(--colortext); margin-left: 10px; }
+ .order-detail-content { flex: 1; overflow-y: auto; padding: 15px; }
+
+ /* Order Lines */
+ .order-line { display: flex; align-items: center; justify-content: space-between; padding: 14px; background: var(--colorbackline); border: 1px solid var(--colorborder); border-radius: 8px; margin-bottom: 10px; cursor: pointer; }
+ .order-line:active { background: var(--colorbacktitle); }
+ .order-line-info { flex: 1; min-width: 0; }
+ .order-line-label { font-size: 15px; font-weight: 500; color: var(--colortext); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+ .order-line-ref { font-size: 12px; color: var(--colortextmuted); margin-top: 3px; }
+ .order-line-qty { font-size: 18px; font-weight: 700; color: var(--colortextlink); margin-left: 15px; white-space: nowrap; }
+
+ /* Line Edit Dialog */
+ .line-edit-dialog { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 10000; padding: 15px; }
+ .line-edit-content { background: var(--colorbackline); border-radius: 12px; padding: 20px; width: 100%; max-width: 340px; border: 1px solid var(--colorborder); }
+ .line-edit-title { font-size: 17px; font-weight: 600; margin-bottom: 16px; color: var(--colortext); }
+ .line-edit-info { background: var(--colorbacktitle); padding: 14px; border-radius: 8px; margin-bottom: 16px; }
+ .line-edit-stock { font-size: 14px; color: var(--colortextmuted); }
+ .line-edit-stock strong { color: var(--colortext); }
+ .line-edit-qty { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
+ .line-edit-qty label { font-size: 15px; font-weight: 500; color: var(--colortext); }
+ .line-edit-qty input { width: 90px; padding: 10px; text-align: center; font-size: 18px; font-weight: 600; border: 1px solid var(--colorborder); border-radius: 6px; background: var(--colorbackinput); color: var(--colortext); }
+ .line-edit-buttons { display: flex; gap: 10px; }
+ .line-edit-buttons .action-btn { flex: 1; margin-top: 0; padding: 14px; }
+
+ .no-orders { text-align: center; padding: 30px; color: var(--colortextmuted); }
+ .main-content { /* Wrapper für den normalen Content */ }
+
+ /* Orders Modal (for toolbar button) */
+ .orders-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85); display: flex; align-items: flex-start; justify-content: center; z-index: 10000; padding: 15px; padding-top: 40px; }
+ .orders-modal-content { background: var(--colorbackbody); border-radius: 12px; width: 100%; max-width: 450px; max-height: 85vh; display: flex; flex-direction: column; border: 1px solid var(--colorborder); overflow: hidden; }
+ .orders-modal .orders-panel-header { padding: 14px 16px; background: var(--colorbacktitle); border-bottom: 1px solid var(--colorborder); display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; }
+ .orders-modal .orders-panel-title { font-weight: 600; font-size: 17px; color: var(--colortext); }
+ .orders-modal .orders-scroller { flex: 1; overflow-x: auto; overflow-y: auto; padding: 15px; -webkit-overflow-scrolling: touch; }
+ .orders-modal .order-card { display: block; width: 100%; padding: 14px; margin-bottom: 12px; background: var(--colorbackline); border: 2px solid var(--colorborder); border-radius: 10px; cursor: pointer; }
+ .orders-modal .order-card.active { border-color: var(--butactionbg); background: rgba(173,140,79,0.15); }
+ .orders-modal .order-card.direkt { font-weight: bold; }
+ .orders-modal .order-card.direkt .order-card-ref { font-weight: 700; }
+ .orders-modal .order-card-supplier { font-size: 16px; font-weight: 600; margin-bottom: 6px; color: var(--colortext); }
+ .orders-modal .order-card-ref { font-size: 13px; color: var(--colortextmuted); margin-bottom: 6px; }
+ .orders-modal .order-card-status { display: inline-block; font-size: 11px; padding: 3px 8px; border-radius: 4px; background: var(--colorbacktitle); color: var(--colortextmuted); }
+ .orders-modal .order-card-status.draft { background: rgba(188,149,38,0.3); color: var(--warning); }
+ .orders-modal .order-card-status.validated { background: rgba(37,165,128,0.3); color: var(--success); }
+ .orders-modal .order-card-info { margin-top: 10px; font-size: 12px; color: var(--colortextmuted); }
+ .orders-modal .order-detail-section { flex: 1; display: flex; flex-direction: column; overflow: hidden; }
+ .orders-modal .order-detail-header { padding: 14px 16px; background: var(--colorbacktitle); border-bottom: 1px solid var(--colorborder); display: flex; align-items: center; justify-content: space-between; flex-shrink: 0; }
+ .orders-modal .order-detail-title { font-weight: 600; font-size: 15px; color: var(--colortext); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; }
+ .orders-modal .order-detail-content { flex: 1; overflow-y: auto; padding: 15px; }
+ .orders-modal .loading-spinner { width: 40px; height: 40px; border: 3px solid var(--colorborder); border-top-color: var(--primary); border-radius: 50%; animation: spin 1s linear infinite; margin: 30px auto; }
+
+ /* Print barcode button in product card */
+ .product-card-header { display: flex; align-items: flex-start; gap: 10px; }
+ .product-card-header .product-info { flex: 1; }
+ .print-barcode-btn { width: 44px; height: 44px; border-radius: 8px; border: 1px solid var(--colorborder); background: var(--colorbacktitle); color: var(--colortext); cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
+ .print-barcode-btn:active { transform: scale(0.95); opacity: 0.8; }
+ .print-barcode-btn svg { width: 22px; height: 22px; }
+
+ /* Barcode Print Modal */
+ .print-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.85); display: flex; align-items: center; justify-content: center; z-index: 10000; padding: 15px; }
+ .print-modal-content { background: #fff; border-radius: 12px; width: 100%; max-width: 350px; padding: 20px; text-align: center; }
+ .print-modal-title { font-size: 16px; font-weight: 600; color: #333; margin-bottom: 15px; }
+ .print-modal-barcode { background: #fff; padding: 15px; margin-bottom: 15px; }
+ .print-modal-barcode svg { max-width: 100%; height: auto; }
+ .print-modal-ref { font-size: 14px; font-weight: 600; color: #333; margin-bottom: 5px; }
+ .print-modal-label { font-size: 12px; color: #666; margin-bottom: 15px; }
+ .print-modal-buttons { display: flex; gap: 10px; }
+ .print-modal-buttons .action-btn { flex: 1; margin: 0; padding: 14px; font-size: 15px; }
+ /* Print-specific styles */
+ @media print {
+ body * { visibility: hidden; }
+ .print-area, .print-area * { visibility: visible; }
+ .print-area { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #fff; padding: 5mm; }
+ .print-barcode-container { width: 24mm; text-align: center; }
+ .print-barcode-container svg { width: 100%; height: auto; }
+ .print-barcode-ref { font-size: 8pt; font-weight: bold; margin-top: 2mm; font-family: Arial, sans-serif; }
+ }
@@ -548,11 +729,30 @@ $colormain = getDolGlobalString('THEME_ELDY_TOPMENU_BACK1', '#0077b3');
if (typeof SCANNER_CONFIG !== 'undefined' && SCANNER_CONFIG) SCANNER_CONFIG.mode = mode;
if (typeof window.SCANNER_CONFIG !== 'undefined' && window.SCANNER_CONFIG) window.SCANNER_CONFIG.mode = mode;
history.replaceState(null, '', window.location.pathname + '?mode=' + mode);
+ // Order-Mode Buttons ein/ausblenden
+ var searchBtn = document.getElementById('ctrl-search');
+ var freetextBtn = document.getElementById('ctrl-freetext');
+ var swipeHint = document.getElementById('swipe-hint');
+ if (searchBtn) searchBtn.style.display = (mode === 'order') ? 'flex' : 'none';
+ if (freetextBtn) freetextBtn.style.display = (mode === 'order') ? 'flex' : 'none';
+ if (swipeHint) swipeHint.style.display = (mode === 'order') ? 'block' : 'none';
if (typeof window._scannerHideResult === 'function') window._scannerHideResult();
if (window._scannerCurrentProduct && typeof window._scannerShowResult === 'function') {
window._scannerShowResult(window._scannerCurrentProduct);
}
}
+ // Initial Buttons anzeigen wenn order mode
+ document.addEventListener('DOMContentLoaded', function() {
+ var mode = '';
+ var searchBtn = document.getElementById('ctrl-search');
+ var freetextBtn = document.getElementById('ctrl-freetext');
+ var swipeHint = document.getElementById('swipe-hint');
+ if (mode === 'order') {
+ if (searchBtn) searchBtn.style.display = 'flex';
+ if (freetextBtn) freetextBtn.style.display = 'flex';
+ if (swipeHint) swipeHint.style.display = 'block';
+ }
+ });
@@ -562,9 +762,20 @@ $colormain = getDolGlobalString('THEME_ELDY_TOPMENU_BACK1', '#0077b3');
@@ -573,6 +784,11 @@ $colormain = getDolGlobalString('THEME_ELDY_TOPMENU_BACK1', '#0077b3');