update misa-event

misa-event/js/liff-functions.js

@@ -29,33 +29,9 @@ function sendMessage() {
 }
 
 function login() {
-  console.log('login');
   liff.login();
-  //   liff.login({
-  //   // 使用者登入後導向頁面
-  //   redirectUri: 'https://liff.googo.org/misa/'
-  // });
 }
 
-// function login() {
-//   console.log('login');
-//   // liff.login();
-//   liff.login({
-//     // 使用者登入後導向頁面
-//     redirectUri: 'https://liff.googo.org/misa/'
-//   });
-//   // (async () => {
-//   //   await liff.init({ liffId: liffId })
-//   //   if (new URL(window.location).searchParams.get('liff.state')) return
-//   //   const liffLoginRedirect = sessionStorage.getItem('liffLoginRedirect')
-//   //   if (_.isString(liffLoginRedirect)) {
-//   //     sessionStorage.removeItem('liffLoginRedirect')
-//   //     location.href = liffLoginRedirect
-//   //     console.log(liffLoginRedirect)
-//   //   }
-//   // })()
-// }
-
 function scanCode() {
   liff
     .scanCode()
@@ -79,7 +55,6 @@ function closeWindow() {
 }
 
 function logout() {
-  console.log('logout');
   if (liff.isLoggedIn()) {
     liff.logout();
     window.alert("Successfully to Logout");
@@ -88,38 +63,263 @@ function logout() {
 }
 
 
+// function createFlexMessageData() {
+//   var flex = {
+//     "type": "flex",
+//     "altText": redistitle,
+//     "contents": redisdata,
+//   };
+
+//   return flex;
+// }
+
+var _title = "MISA 向您分享了最新消息！";
+
 function createFlexMessageData() {
+  var myFlexContent = {
+    "type": "bubble",
+    "hero": {
+      "type": "box",
+      "layout": "vertical",
+      "contents": [
+        {
+          "type": "box",
+          "layout": "vertical",
+          "contents": [
+            {
+              "type": "text",
+              "text": "MISA 新年度 新思維",
+              "color": "#ffffff",
+              "align": "center",
+              "offsetTop": "3px",
+              "size": "lg",
+              "weight": "bold"
+            }
+          ],
+          "backgroundColor": "#dd462b",
+          "paddingAll": "15px"
+        },
+        {
+          "type": "box",
+          "layout": "vertical",
+          "contents": [
+            {
+              "type": "image",
+              "size": "full",
+              "margin": "none",
+              "url": "https://upload.cc/i1/2023/01/07/U4iHYt.jpg"
+            }
+          ],
+          "paddingStart": "5px",
+          "paddingEnd": "5px",
+          "height": "220px",
+          "paddingTop": "10px"
+        }
+      ]
+    },
+    "body": {
+      "type": "box",
+      "layout": "vertical",
+      "contents": [
+        {
+          "type": "text",
+          "text": "【2023 新的一年如何翻轉慣性思考邏輯",
+          "weight": "bold",
+          "size": "sm",
+          "align": "center",
+          "wrap": true
+        },
+        {
+          "type": "text",
+          "text": "創造新思維模式】",
+          "weight": "bold",
+          "size": "sm",
+          "align": "center",
+          "wrap": true
+        },
+        {
+          "type": "text",
+          "text": "「經營管理」的面向非常廣泛",
+          "weight": "bold",
+          "size": "sm",
+          "align": "center",
+          "wrap": true,
+          "margin": "xxl"
+        },
+        {
+          "type": "text",
+          "text": "曾國棟院士透過線上課程視頻",
+          "weight": "bold",
+          "size": "sm",
+          "align": "center",
+          "wrap": true,
+          "margin": "sm"
+        },
+        {
+          "type": "text",
+          "text": "為您分析歸納在職場管理會遇到的問題",
+          "weight": "bold",
+          "size": "sm",
+          "align": "center",
+          "wrap": true,
+          "margin": "sm"
+        },
+        {
+          "type": "text",
+          "text": "跳出框架，充分建立基本的心理建設",
+          "weight": "bold",
+          "size": "sm",
+          "align": "center",
+          "margin": "sm",
+          "wrap": true
+        },
+        {
+          "type": "text",
+          "text": "幫助您減少摸索的時間",
+          "weight": "bold",
+          "size": "sm",
+          "align": "center",
+          "margin": "sm",
+          "wrap": true
+        },
+        {
+          "type": "text",
+          "text": "新年度跨越思維",
+          "weight": "bold",
+          "size": "sm",
+          "align": "center",
+          "margin": "xxl"
+        },
+        {
+          "type": "text",
+          "text": "讓您瞭解成功領導者在想什麼！",
+          "weight": "bold",
+          "size": "sm",
+          "align": "center",
+          "margin": "sm"
+        }
+      ]
+    },
+    "footer": {
+      "type": "box",
+      "layout": "vertical",
+      "spacing": "sm",
+      "contents": [
+        {
+          "type": "box",
+          "layout": "vertical",
+          "contents": [
+            {
+              "type": "button",
+              "style": "link",
+              "height": "sm",
+              "action": {
+                "type": "uri",
+                "label": "活動主頁",
+                "uri": "https://www.misaglobal.org/event"
+              },
+              "color": "#ffffff"
+            }
+          ],
+          "backgroundColor": "#dd462b",
+          "cornerRadius": "md"
+        },
+        {
+          "type": "box",
+          "layout": "vertical",
+          "contents": [
+            {
+              "type": "button",
+              "style": "link",
+              "height": "sm",
+              "action": {
+                "type": "uri",
+                "label": "活動分享",
+                "uri": "https://liff.googo.org/misa-event/"
+              },
+              "color": "#dd462b"
+            }
+          ],
+          "cornerRadius": "md",
+          "margin": "lg",
+          "borderColor": "#dd462b",
+          "borderWidth": "normal"
+        },
+        {
+          "type": "box",
+          "layout": "vertical",
+          "contents": [
+            {
+              "type": "button",
+              "style": "link",
+              "height": "sm",
+              "action": {
+                "type": "uri",
+                "label": "官方網站",
+                "uri": "https://www.misaglobal.org/"
+              },
+              "color": "#dd462b"
+            }
+          ],
+          "cornerRadius": "md",
+          "margin": "lg",
+          "borderColor": "#dd462b",
+          "borderWidth": "normal"
+        },
+        {
+          "type": "box",
+          "layout": "vertical",
+          "contents": [
+            {
+              "type": "image",
+              "url": "https://static.kolable.com/images/misa/logo.png/120?v=1641520480847"
+            }
+          ],
+          "margin": "none",
+          "position": "absolute",
+          "offsetStart": "108px",
+          "offsetTop": "130px"
+        }
+      ],
+      "flex": 0,
+      "height": "200px"
+    }
+  };
+
   var flex = {
     "type": "flex",
-    "altText": redistitle,
-    "contents": redisdata,
+    "altText": _title,
+    "contents": myFlexContent,
   };
-  alert(`${flex}`)
+
   return flex;
 }
 
 var redisdata = '';
 
 function shareTargetPicker() {
-  const url = 'https://liff.googo.org:9898/misa'
-  axios
-    .get(url)
-    .then(({data}) => {
-      redisdata=data.data;
-      redistitle=data.title;
-      console.log(redistitle);
-      console.log(redisdata);
-
-      liff
-      .shareTargetPicker([
-        createFlexMessageData()      
-      ])
-      .then(() => {
-        alert("Shared to the friend(s) you picked");
-      })
-      .catch(function(res) {
-        alert(res);
-      });
-  
-    });
-}
+
+  liff.shareTargetPicker([
+    createFlexMessageData()
+  ])
+    .then(function (res) {
+      if (res) {
+        // succeeded in sending a message through TargetPicker
+        console.log(`[${res.status}] Message sent!`)
+      } else {
+        const [majorVer, minorVer] = (liff.getLineVersion() || "").split('.');
+        if (parseInt(majorVer) == 10 && parseInt(minorVer) < 11) {
+          // LINE 10.3.0 - 10.10.0
+          // Old LINE will access here regardless of user's action
+          console.log('TargetPicker was opened at least. Whether succeeded to send message is unclear')
+        } else {
+          // LINE 10.11.0 -
+          // sending message canceled
+          console.log('TargetPicker was closed!')
+        }
+      }
+    }).catch(function (error) {
+      // something went wrong before sending a message
+      console.log('something wrong happen', error)
+    })
+}

misa-event/js/liff-init.js

@@ -1,8 +1,7 @@
 // ----- Configuration Zone! -----
 // Don't forget to change this to your LIFF ID
 
-// const liffId = "1657114132-2vvKr7Pe";
-const liffId = "1657798288-gbq4rdxV"; // MISA-Event ID
+const liffId = "1657798288-gbq4rdxV";
 
 // Don't forget to change this to your LIFF ID