From b0408184d851481e032a3c7c65554b2e5a566ca0 Mon Sep 17 00:00:00 2001
From: SinoroWu <w0923915919@outlook.com>
Date: Thu, 24 Nov 2022 14:47:44 +0800
Subject: [PATCH] =?UTF-8?q?=5FgraphManagement.html=20=E8=AA=BF=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Frontend/_graphManagement.html | 90 +++++++++++++++-------------------
 1 file changed, 40 insertions(+), 50 deletions(-)

diff --git a/Frontend/_graphManagement.html b/Frontend/_graphManagement.html
index 06c5e4f..c783a2e 100644
--- a/Frontend/_graphManagement.html
+++ b/Frontend/_graphManagement.html
@@ -28,34 +28,33 @@
             </div>
 
             <div class="row bg-dark p-2 mb-5 align-items-center">
-                <div class="col-auto">
-                    <a href="#" class="btn btn-info">全選</a>
-                </div>
-
                 <div class="col-auto">
                     <div class="frame-wrap">
+                        <input id="checkAll" type="checkbox" name="all" onclick="check_all(this,'c')"
+                            style="display:none" />
+                        <label for="checkAll" type="button" class="btn btn-info mr-3">全選</label>
                         <div class="custom-control custom-checkbox custom-control-inline">
-                            <input type="checkbox" class="custom-control-input" id="defaultInline1">
+                            <input type="checkbox" name="c" class="custom-control-input" id="defaultInline1">
                             <label class="custom-control-label" for="defaultInline1">施工詳圖</label>
                         </div>
                         <div class="custom-control custom-checkbox custom-control-inline">
-                            <input type="checkbox" class="custom-control-input" id="defaultInline2">
+                            <input type="checkbox" name="c" class="custom-control-input" id="defaultInline2">
                             <label class="custom-control-label" for="defaultInline2">設備規範</label>
                         </div>
                         <div class="custom-control custom-checkbox custom-control-inline">
-                            <input type="checkbox" class="custom-control-input" id="defaultInline3">
+                            <input type="checkbox" name="c" class="custom-control-input" id="defaultInline3">
                             <label class="custom-control-label" for="defaultInline3">工程介面圖說</label>
                         </div>
                         <div class="custom-control custom-checkbox custom-control-inline">
-                            <input type="checkbox" class="custom-control-input" id="defaultInline4">
+                            <input type="checkbox" name="c" class="custom-control-input" id="defaultInline4">
                             <label class="custom-control-label" for="defaultInline4">門禁規範</label>
                         </div>
                         <div class="custom-control custom-checkbox custom-control-inline">
-                            <input type="checkbox" class="custom-control-input" id="defaultInline5">
+                            <input type="checkbox" name="c" class="custom-control-input" id="defaultInline5">
                             <label class="custom-control-label" for="defaultInline5">監控平面圖</label>
                         </div>
                         <div class="custom-control custom-checkbox custom-control-inline">
-                            <input type="checkbox" class="custom-control-input" id="defaultInline6">
+                            <input type="checkbox" name="c" class="custom-control-input" id="defaultInline6">
                             <label class="custom-control-label" for="defaultInline6">其它</label>
                         </div>
                     </div>
@@ -78,28 +77,7 @@
                         </tr>
                     </thead>
 
-                    <tbody>
-                        <!-- <tr>
-                            <td>TEST03</td>
-                            <td>TEST03</td>
-                            <td>A-01.dwg</td>
-                            <td></td>
-                            <td>
-                                <a href="#" class="btn btn-info">編輯</a>
-                                <a href="#" class="btn btn-danger">刪除</a>
-                            </td>
-                        </tr>
-                        <tr>
-                            <td>TEST06</td>
-                            <td>TEST06</td>
-                            <td>A-01.dwg</td>
-                            <td>AS-01.dwg</td>
-                            <td>
-                                <a href="#" class="btn btn-info">編輯</a>
-                                <a href="#" class="btn btn-danger">刪除</a>
-                            </td>
-                        </tr> -->
-                    </tbody>
+                    <tbody></tbody>
                 </table>
             </div>
 
@@ -163,26 +141,22 @@
                             <label>原設計</label>
                         </div>
                         <div class="col-md-12">
-                            <input id="myFile" type="file" style="display:none" />
-                            <label for="myFile" type="button" class="file-upload btn btn-info"
+                            <input id="myDesignDiagram" type="file" style="display:none" />
+                            <label for="myDesignDiagram" type="button" class="file-upload btn btn-info"
                                 style="cursor : pointer ">上傳檔案</label>
-                            <div id='forFile' class="col-sm-12 forimage mt-2 offset-3 p-0"></div>
-                        </div>
-                        <div class="col-md-12 mt-1">
-                            <small>欲上傳之檔案名稱</small>
+                            <div id='forDesignDiagram' class="col-sm-12 forimage mt-2 offset-3 p-0"></div>
                         </div>
+                        <div id="designDiagram" class="col-md-12 ml-3"></div>
                         <div class="col-md-12 mt-3">
                             <label>竣工圖</label>
                         </div>
                         <div class="col-md-12">
-                            <input id="myFile" type="file" style="display:none" />
-                            <label for="myFile" type="button" class="file-upload btn btn-info"
+                            <input id="myAsBuilt" type="file" style="display:none" />
+                            <label for="myAsBuilt" type="button" class="file-upload btn btn-info"
                                 style="cursor : pointer ">上傳檔案</label>
-                            <div id='forFile' class="col-sm-12 forimage mt-2 offset-3 p-0"></div>
-                        </div>
-                        <div class="col-md-12 mt-1">
-                            <small>欲上傳之檔案名稱</small>
+                            <div id='forAsBuilt' class="col-sm-12 forimage mt-2 offset-3 p-0"></div>
                         </div>
+                        <div id="asBuiltDrawing" class="col-md-12 ml-3"></div>
                     </div>
                 </div>
                 <div class="modal-footer">
@@ -195,6 +169,7 @@
 </div>
 
 <script>
+
     $(function () {
         initList();
     })
@@ -206,7 +181,6 @@
         objSendData.Data = sendData;
         let url = baseApiUrl + "/GraphManage/GraManList";
         function success(res) {
-            console.log(res);
             let strHtml = ``;
             $.each(res, function (index, val) {
 
@@ -227,12 +201,28 @@
         ytAjax = new YourTeam.Ajax(url, objSendData, success, null, "POST").send();
     }
 
-    $("#myFile").on("change", function (e) {
+    // 取上傳檔名
+    $("#myDesignDiagram").on("change", function (e) {
         let fileHelper = new YourTeam.Utility.File();
+        let fileName = this.files[0].name;
 
-        if ($('#forFile').length > 0) {
-            $("#forFile").html("");
-        }
-        console.log(this.files);
+        strHtml = `<small>${fileName}</small>`;
+        $('#designDiagram').html(strHtml);
     });
+
+    // 取上傳檔名
+    $("#myAsBuilt").on("change", function (e) {
+        let fileHelper = new YourTeam.Utility.File();
+        let fileName = this.files[0].name;
+
+        strHtml = `<small>${fileName}</small>`;
+        $('#asBuiltDrawing').html(strHtml);
+    });
+
+    // 全選功能
+    function check_all(obj, cName) {
+        var checkboxs = document.getElementsByName(cName);
+        for (var i = 0; i < checkboxs.length; i++) { checkboxs[i].checked = obj.checked; }
+    }
+
 </script>
\ No newline at end of file