|
|
@@ -324,42 +324,232 @@ function shareTargetPicker() {
|
|
|
external: true
|
|
|
});
|
|
|
}
|
|
|
-
|
|
|
- // if (liff.isApiAvailable('shareTargetPicker')) {
|
|
|
- // liff.shareTargetPicker([
|
|
|
- // {
|
|
|
- // type: "text",
|
|
|
- // text: "Hello, World!"
|
|
|
- // }
|
|
|
- // ])
|
|
|
- // .then(
|
|
|
- // console.log("ShareTargetPicker was launched")
|
|
|
- // ).catch(function(res) {
|
|
|
- // console.log("Failed to launch ShareTargetPicker")
|
|
|
- // })
|
|
|
- // }
|
|
|
+}
|
|
|
+
|
|
|
+async function sendShare() {
|
|
|
+ const result = await liff.shareTargetPicker([
|
|
|
+ {
|
|
|
+ "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"
|
|
|
+ }
|
|
|
+ }
|
|
|
+ ])
|
|
|
+ if (result) {
|
|
|
+ alert(`[${result.status}] Message sent!`)
|
|
|
+ } else {
|
|
|
+ const [majorVer, minorVer, patchVer] = (liff.getLineVersion() || "").split('.');
|
|
|
|
|
|
- // 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)
|
|
|
- // })
|
|
|
+ if (minorVer === undefined) {
|
|
|
+ alert('ShareTargetPicker was canceled in external browser')
|
|
|
+ return
|
|
|
+ }
|
|
|
+
|
|
|
+ if (parseInt(majorVer) >= 10 && parseInt(minorVer) >= 10 && parseInt(patchVer) > 0) {
|
|
|
+ alert('ShareTargetPicker was canceled in LINE app')
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
develop_Yu
