qr_to_table_scan/index.html at main · ViktorKub/qr_to_table_scan · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="ru">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover, interactive-widget=resizes-content">
  <link rel="manifest" href="manifest.json">
  <link rel="stylesheet" href="style.css">
  <title>QR_Scan</title>
</head>
<body>

<div id="sidebar" class="sidebar">
  <div class="sidebar-header">Меню системы</div>
  <nav>
    <button onclick="switchModule('inventory')" class="nav-btn active">📦 Инвентаризация</button>
    <button onclick="switchModule('viewDb')" class="nav-btn">🗃️ Просмотр БД</button>
    <button onclick="switchModule('settings')" class="nav-btn">⚙️ Настройки</button>
  </nav>
  <div class="sidebar-footer">v1.0.8</div>
</div>
<div id="sidebarOverlay" onclick="toggleSidebar()"></div>

<div id="dbStatusStrip">БД не загружена</div>

<main id="inventoryModule">
  <div id="topControls">
    <button class="db-btn" onclick="document.getElementById('csvFile').click()">📂 База</button>
    <button class="clear-btn" onclick="handleDeleteAction()">🧹 Удалить лист</button>
    <button onclick="removeLast()">🗑️ Удал. посл.</button>
    <button class="export-btn" onclick="exportCSV()">💾 CSV</button>
  </div>
  <input type="file" id="csvFile" accept=".csv" style="display:none">

  <div class="table-wrapper">
    <table>
      <thead>
        <tr><th>№</th><th>Код</th><th>Наименование</th><th>Доп</th><th>Яч.</th><th>Ост.</th><th>Кол</th><th>Статус</th></tr>
      </thead>
      <tbody id="tableBody"></tbody>
    </table>
  </div>

  <div id="bottomFixedContainer">
    <div id="tabBarContainer">
      <button id="addTabBtn" onclick="addTab()">+</button>
    </div>
    <div id="actionButtons">
      <button class="menu-btn" onclick="toggleSidebar()">☰</button>
      <button id="manualBtn">⌨️ ВВОД</button>
      <button id="startScan">📸 СКАНЕР</button>
    </div>
  </div>
</main>

<main id="viewDbModule" style="display: none;">
  <div class="search-container">
    <input type="text" id="dbSearchInput" placeholder="🔍 Поиск по базе..." oninput="searchDb(this.value)">
  </div>

  <div class="table-wrapper">
    <table>
      <thead>
        <tr><th>Код</th><th>Наименование</th><th>Доп</th><th>Ячейка</th><th>Остаток</th></tr>
      </thead>
      <tbody id="dbTableBody"></tbody>
    </table>
  </div>

  <div class="bottom-simple-bar">
  <button class="menu-btn" onclick="toggleSidebar()">☰</button>
  </div>
</main>

<main id="settingsModule" style="display: none;">
  <div style="padding: 20px; flex-grow: 1;">
    <h2>Настройки</h2>
    <p>Здесь будут настройки приложения.</p>
    <p style="color: #666; font-size: 14px;">Пока пусто.</p>
  </div>

  <div class="bottom-simple-bar">
  <button class="menu-btn" onclick="toggleSidebar()">☰</button>
  </div>
</main>

<div id="videoContainer">
  <video id="video" autoplay playsinline></video>
  <canvas id="canvas" hidden></canvas>
  <button id="closeVideo">ЗАКРЫТЬ</button>
</div>

<script src="jsQR.js"></script>
<script src="scanner.js"></script>
<script src="app.js"></script>
</body>
</html>