Program-Data-List/Stock.html at main · 1604200/Program-Data-List · 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
<!doctype html>
<html lang="id">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Stock</title>

  <link rel="stylesheet" href="Stock.css" />
  <script src="https://cdn.jsdelivr.net/npm/tesseract.js@4/dist/tesseract.min.js"></script>
  <script defer src="Stock.js"></script>
</head>

<body>

  <!-- NOTIF BAR -->
  <div id="notifBar" class="notifBar" role="button" tabindex="0">
    <div class="notifIcon">🔔</div>
    <div class="notifContent">
      <div class="notifTitle">NOTIFIKASI</div>
      <div id="notifText" class="notifText"></div>
    </div>
  </div>


  <div class="page">

    <header class="header">
      <img
        src="https://seeklogo.com/images/A/ahm-logo-DF87D9699E-seeklogo.com.png"
        class="logo"
        alt="AHM"
        loading="lazy"
        referrerpolicy="no-referrer"
      />
      <a href="index.html" class="backBtn">← Back</a>
    </header>

    <section class="sheet">
      <div class="tableArea">
        <table id="stockTable" aria-label="Tabel Stock">
          <thead>
            <tr>
              <th class="center">NO RAK</th>
              <th>NAMA PART</th>
              <th class="center">NO PART</th>
              <th class="center">JUMLAH</th>
              <th>KETERANGAN</th>
            </tr>
          </thead>
          <tbody id="tableBody"></tbody>
        </table>
      </div>

      <aside class="actions">
        <button id="editBtn" class="btn">EDIT</button>

        <!-- ✅ tombol tambah baris -->
        <button id="addRowBtn" class="btn" disabled>+ ADD</button>

        <button id="scanBtn" class="btn" disabled>SCAN PART</button>
        <button id="saveBtn" class="btn" disabled>SAVE</button>
        <button id="cancelBtn" class="btn" disabled>CANCEL</button>

        <div class="status" id="status"></div>
      </aside>
    </section>

    <section class="notes" id="notesSection">
      <div class="notesTitle">📄 CATATAN</div>
      <div class="notesHint">
        CATATAN otomatis terisi saat Scan (IN +) dan saat RO ACCEPT (IN/OUT).
      </div>
      <div id="notesList"></div>
    </section>

  </div>

  <!-- CAMERA MODAL -->
  <div id="cameraModal" class="cameraModal">
    <div class="cameraBox">
      <div class="cameraTop">
        <div class="cameraTitle">Scan Part</div>
        <button id="closeCamera" class="closeCamera">X</button>
      </div>

      <video id="video" autoplay playsinline muted></video>
      <canvas id="canvas"></canvas>

      <button id="captureBtn" class="captureBtn">CAPTURE</button>
      <div id="cameraStatus" class="cameraStatus"></div>
    </div>
  </div>

</body>
</html>