From e45ddb24dd257eaed79ce1470ef3599eeeba1ed7 Mon Sep 17 00:00:00 2001
From: dev01 <dev01@yourteam.tw>
Date: Wed, 16 Nov 2022 09:25:08 +0800
Subject: [PATCH] =?UTF-8?q?[Frontend]=20yourteam.ajax=20=E5=88=A4=E6=96=B7?=
 =?UTF-8?q?=20401(token=E5=A4=B1=E6=95=88)=20=E5=80=92=E7=99=BB=E5=85=A5?=
 =?UTF-8?q?=E9=A0=81=E9=87=8D=E6=96=B0=E7=99=BB=E5=85=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Frontend/index.html                         | 15 +++++++++++-
 Frontend/js/yourteam/yourteam.ajax.class.js | 26 ++++++++++++++-------
 2 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/Frontend/index.html b/Frontend/index.html
index 7e2e38e..1c1654c 100644
--- a/Frontend/index.html
+++ b/Frontend/index.html
@@ -1139,7 +1139,7 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li
                             <a href="javascript:;" class="dropdown-toggle no-arrow text-center" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                 <i class="fal fa-tv fa-2x"></i><br>系統監控
                             </a>
-                            <div class="dropdown-menu">
+                            <div class="dropdown-menu" id="sysMonBtnList">
                                 <button class="dropdown-item" type="button" name="sysMonBtn">電錶</button>
                                 <button class="dropdown-item" type="button" name="sysMonBtn">照明系統</button>
                                 <button class="dropdown-item" type="button" name="sysMonBtn">電梯系統</button>
@@ -2072,6 +2072,10 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li
             location.href = "login.html";
         }
 
+        $(function () {
+            getSysMonBtnList();
+        })
+
         onEvent("click", "button[name^=sysMonBtn]", function () {
             $("#app").load("_systemMonitor.html", loadCallback);
         })
@@ -2083,6 +2087,15 @@ License: You must have a valid license purchased only from wrapbootstrap.com (li
             initTabsByEle();
             resetYTTooltip();
         }
+
+        function getSysMonBtnList() {
+            let url = baseApiUrl + "/api/Device/GetMainSub";
+            ytAjax = new YourTeam.Ajax(url, null, function (data) {
+                console.log(data)
+                /*sysMonBtnList*/
+            },null,"POST").send();
+            
+        }
     </script>
 </body>
 <!-- END Body -->
diff --git a/Frontend/js/yourteam/yourteam.ajax.class.js b/Frontend/js/yourteam/yourteam.ajax.class.js
index ac23527..ca1ea94 100644
--- a/Frontend/js/yourteam/yourteam.ajax.class.js
+++ b/Frontend/js/yourteam/yourteam.ajax.class.js
@@ -27,7 +27,7 @@ class Ajax {
         this.type = type;
         this.dataType = dataType;
         this.sendData = sendData;
-        if (successFunction) this.successFunction = successFunction;
+        /*if (successFunction) this.successFunction = successFunction;*/
         if (errorFunction) this.errorFunction = errorFunction;
         return this;
     }
@@ -45,8 +45,9 @@ class Ajax {
     * beforeSendFunction
     * @description beforeSendFunction
     */
-    beforeSendFunction = function () {
-
+    beforeSendFunction = function (xhr) {
+        let token = localStorage.getItem("JWT-Authorization");
+        xhr.setRequestHeader('Authorization', "Bearer " + token);
     }
     /**
     * successFunction
@@ -54,7 +55,13 @@ class Ajax {
     * @param {Object} data the data object from the api return
     * @return {Object} data
     */
-    successFunction = function (data) {
+    successFunction = function (data,callback) {
+        if (data && data.unauthorized == 401) {
+            location.href = "login.html";
+        }
+        if (callback) {
+            callback(data);
+        }
         return data;
     }
     /**
@@ -74,6 +81,7 @@ class Ajax {
             location.href = "~/Login/Login";
         }
     }
+
     /**
     * completeFunction
     * @description completeFunction
@@ -120,9 +128,9 @@ class Ajax {
         if (sendData) {
             this.sendData = sendData;
         }
-        if (successFunction) {
-            this.successFunction = successFunction;
-        }
+        //if (successFunction) {
+        //    this.successFunction = successFunction;
+        //}
         if (errorFunction) {
             this.errorFunction = errorFunction;
         }
@@ -140,11 +148,11 @@ class Ajax {
                 //processData: false,
 
                 beforeSend: this.beforeSendFunction,
-                success: this.successFunction,
+                success:(data) => this.successFunction(data,successFunction),
                 error: this.errorFunction,
                 complete: this.completeFunction,
                 statusCode: {
-                    201: this.successFunction
+                    201: (data) => this.successFunction(data,successFunction),
                 }
             });
         }