RFIDボタン追加

app/css/app.css

@@ -20162,6 +20162,41 @@ button {
     transition: .3s
     transition: .3s
 }
 }
 
 
+.scan-overlay {
+    left: 0;
+    width: 100%;
+    top: 0;
+    height: calc(100%);
+    display: block;
+    position: absolute;
+    background: #000;
+    opacity: .5;
+    z-index: 1031;
+    transition: .3s
+}
+
+.scan-area {
+    border-radius: 15px;
+    z-index: 1032;
+    height: calc(40%);
+    width: 60%;
+    position: absolute;
+    top: 10%;
+    left: 20%;
+    background-color: white;
+}
+
+.loading-spinner {
+    margin-left: 33%;
+    margin-top: 10%;
+    color: lightslategray;
+}
+
+.loading-close {
+    margin-top: 3%;
+    margin-left: 85%;
+}
+
 .overlay.open {
 .overlay.open {
     width: 100%
     width: 100%
 }
 }

app/index.html

@@ -24,6 +24,10 @@
                 <i class="fa fa-folder fs-12 p-1" id="category-toggle-button"></i>
                 <i class="fa fa-folder fs-12 p-1" id="category-toggle-button"></i>
                 <span class="d-none d-md-inline fs-10">カテゴリー</span>
                 <span class="d-none d-md-inline fs-10">カテゴリー</span>
             </a>
             </a>
+            <a class="navbar-brand lht-0" href="#" style="margin:0px">
+                <i class="fa fa-wifi fs-12 p-1" id="rfidScanButton" onclick="CHK.startScan();"></i>
+                <span class="d-none d-md-inline fs-10">スキャン</span>
+            </a>
         </nav>
         </nav>
     </header>
     </header>
 
 
@@ -161,7 +165,12 @@
         </nav>
         </nav>
 
 
     </footer>
     </footer>
-
+    <div class="scan-overlay d-none"></div>
+    <div class="scan-area d-none">
+        <i class="text-right fas fa-times fa-2x loading-close" onclick="CHK.scanClose();"></i>
+        <i class="fas fa-spinner fa-5x fa-spin loading-spinner"></i>
+        <div class="fs-13 mt-4 text-center">読み込み中</div>
+    </div>
     <script type="text/javascript" src="js/app.js" defer></script>
     <script type="text/javascript" src="js/app.js" defer></script>
 </body>
 </body>
 
 

app/script/check.js

@@ -2907,3 +2907,13 @@ CHK.changeOperationGroupMaster = function(operationGroupMasterId) {
     CHK.createCategory(CHK.operationGroupMaster.operationGroupMasterList);
     CHK.createCategory(CHK.operationGroupMaster.operationGroupMasterList);
     CHK.search();
     CHK.search();
 }
 }
+
+CHK.startScan = function() {
+    $(".scan-overlay").removeClass("d-none");
+    $(".scan-area").removeClass("d-none");
+}
+
+CHK.scanClose = function() {
+    $(".scan-overlay").addClass("d-none");
+    $(".scan-area").addClass("d-none");
+}
\ No newline at end of file