380 lines
15 KiB
HTML
380 lines
15 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>測試</title>
|
||
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600" rel="stylesheet"><!-- End Google font -->
|
||
<!-- BEGIN PLUGINS STYLES -->
|
||
<link rel="stylesheet" href="assets/vendor/@fortawesome/fontawesome-free/css/all.min.css"><!-- END PLUGINS STYLES -->
|
||
<!-- BEGIN THEME STYLES -->
|
||
<link rel="stylesheet" href="assets/stylesheets/theme.min.css" data-skin="default">
|
||
<link rel="stylesheet" href="assets/stylesheets/custom.css">
|
||
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />
|
||
<!-- Google tag (gtag.js) -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2G92RZQS1G"></script>
|
||
<!-- Google tag (gtag.js) -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-2G92RZQS1G"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag() { dataLayer.push(arguments); }
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'G-2G92RZQS1G');
|
||
</script>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="app">
|
||
<!-- .app-main -->
|
||
<main class="app-main">
|
||
<!-- .wrapper -->
|
||
<div class="wrapper">
|
||
<!-- .page -->
|
||
<div class="page">
|
||
<div class="page-inner">
|
||
<div class="form-group">
|
||
<div class="form-label-group">
|
||
<input type="text" id="line_displayname" class="form-control" placeholder="姓名" autofocus=""> <label for="login_id">姓名</label>
|
||
</div>
|
||
</div><!-- /.form-group -->
|
||
<!-- .form-group -->
|
||
<div class="form-group">
|
||
<button id="submit_btn" class="btn btn-lg btn-primary btn-block" type="button">確定送出</button>
|
||
</div><!-- /.form-group -->
|
||
</div>
|
||
</div><!-- /.page -->
|
||
</div><!-- /.wrapper -->
|
||
</main><!-- /.app-main -->
|
||
</div>
|
||
|
||
|
||
<script src="jquery/jquery.min.js"></script>
|
||
<script src="assets/vendor/jquery.cookie/jquery.cookie.js"></script>
|
||
<script src="assets/vendor/popper.js/umd/popper.min.js"></script>
|
||
<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
|
||
<script src="https://static.line-scdn.net/liff/edge/2/sdk.js"></script>
|
||
<script src="bootstrap/js/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/javascript/theme.js"></script> <!-- END THEME JS -->
|
||
|
||
<script>
|
||
$(document).ready(function () {
|
||
$('#submit_btn').on('click', function () {
|
||
var displayname = $('#line_displayname').val();
|
||
|
||
if (displayname.length == 0) {
|
||
alert('請輸入姓名!');
|
||
return;
|
||
}
|
||
|
||
location.href = "page1.html";
|
||
});
|
||
});
|
||
|
||
var getUrlParameter = function getUrlParameter(sParam) {
|
||
var sPageURL = window.location.search.substring(1),
|
||
sURLVariables = sPageURL.split('&'),
|
||
sParameterName,
|
||
i;
|
||
|
||
for (i = 0; i < sURLVariables.length; i++) {
|
||
sParameterName = sURLVariables[i].split('=');
|
||
|
||
if (sParameterName[0] === sParam) {
|
||
return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
|
||
}
|
||
}
|
||
return false;
|
||
};
|
||
|
||
//return;
|
||
|
||
var liffID = '2006708411-0lWgQ4Va';
|
||
liff.init({
|
||
liffId: liffID
|
||
}).then(function () {
|
||
|
||
//if (!liff.isInClient()) {
|
||
// alert("請在Line App裡開啟!");
|
||
// return;
|
||
//}
|
||
|
||
|
||
console.log('LIFF init');
|
||
// 這邊開始寫使用其他功能
|
||
if (!liff.isLoggedIn()) {
|
||
console.log("你還沒登入Line哦！");
|
||
liff.login();
|
||
} else {
|
||
var line_uid = "";
|
||
var line_name = "";
|
||
|
||
|
||
|
||
|
||
|
||
method = getUrlParameter("method");
|
||
//alert(method);
|
||
liff.getProfile()
|
||
.then(profile => {
|
||
line_uid = profile.userId;
|
||
line_name = profile.displayName;
|
||
|
||
$('#line_displayname').val(line_name).trigger('change');
|
||
|
||
//測試
|
||
if (method == "test") {
|
||
var formData = {
|
||
uid: "Ud08c721e9f14c02da8a000ac0900f3f7",
|
||
finished: "game3"
|
||
}
|
||
|
||
$.ajax({
|
||
url: "https://heineken-line.horyuken.com/api/gamestatus",
|
||
type: "POST",
|
||
data: formData,
|
||
success: function (data, textStatus, jqXHR) {
|
||
if (data.ret == "yes") {
|
||
liff.closeWindow();
|
||
} else {
|
||
|
||
if (data.err_code == "0004") {
|
||
alert('您尚未報名活動喔!');
|
||
} else {
|
||
alert(data.message);
|
||
}
|
||
|
||
liff.closeWindow();
|
||
}
|
||
|
||
|
||
},
|
||
error: function (jqXHR, textStatus, errorThrown) {
|
||
alert('網路或伺服器發生錯誤，請稍後重試!');
|
||
liff.closeWindow();
|
||
}
|
||
});
|
||
}
|
||
|
||
//報到
|
||
if (method == "checkin") {
|
||
var formData = {
|
||
uid: line_uid,
|
||
name: line_name
|
||
}
|
||
|
||
$.ajax({
|
||
url: "/api/checkin",
|
||
type: "POST",
|
||
data: formData,
|
||
success: function (data, textStatus, jqXHR) {
|
||
if (data.ret == "yes") {
|
||
location.href = "https://r.botbonnie.com/5qq3b";
|
||
//liff.closeWindow();
|
||
} else {
|
||
|
||
if (data.err_code == "0001") {
|
||
alert('您尚未報名活動喔!');
|
||
} else {
|
||
alert(data.message);
|
||
}
|
||
|
||
liff.closeWindow();
|
||
}
|
||
|
||
|
||
},
|
||
error: function (jqXHR, textStatus, errorThrown) {
|
||
alert(textStatus);
|
||
alert('網路或伺服器發生錯誤，請稍後重試!');
|
||
liff.closeWindow();
|
||
}
|
||
});
|
||
}
|
||
|
||
//vip報到
|
||
if (method == "vip_checkin") {
|
||
var formData = {
|
||
uid: line_uid,
|
||
name: line_name
|
||
}
|
||
|
||
$.ajax({
|
||
url: "/api/vip_checkin",
|
||
type: "POST",
|
||
data: formData,
|
||
success: function (data, textStatus, jqXHR) {
|
||
if (data.ret == "yes") {
|
||
location.href = "https://r.botbonnie.com/5qq3b";
|
||
//liff.closeWindow();
|
||
} else {
|
||
|
||
if (data.err_code == "0001") {
|
||
alert('您尚未報名活動喔!');
|
||
} else {
|
||
alert(data.message);
|
||
}
|
||
|
||
liff.closeWindow();
|
||
}
|
||
|
||
|
||
},
|
||
error: function (jqXHR, textStatus, errorThrown) {
|
||
alert('網路或伺服器發生錯誤，請稍後重試!');
|
||
liff.closeWindow();
|
||
}
|
||
});
|
||
}
|
||
|
||
//準備釀造之旅
|
||
if (method == "readyplay") {
|
||
var formData = {
|
||
uid: line_uid
|
||
}
|
||
|
||
$.ajax({
|
||
url: "/api/readyplay",
|
||
type: "POST",
|
||
data: formData,
|
||
success: function (data, textStatus, jqXHR) {
|
||
if (data.ret == "yes") {
|
||
liff.closeWindow();
|
||
} else {
|
||
|
||
if (data.err_code == "0001") {
|
||
alert('您尚未報名活動喔!');
|
||
} else {
|
||
alert(data.message);
|
||
}
|
||
|
||
liff.closeWindow();
|
||
}
|
||
|
||
|
||
},
|
||
error: function (jqXHR, textStatus, errorThrown) {
|
||
alert('網路或伺服器發生錯誤，請稍後重試!');
|
||
liff.closeWindow();
|
||
}
|
||
});
|
||
}
|
||
|
||
//領取啤酒
|
||
if (method == "getBeer") {
|
||
|
||
if (confirm("限工作人員點擊才能領取喔!") == true) {
|
||
var formData = {
|
||
uid: line_uid
|
||
}
|
||
|
||
$.ajax({
|
||
url: "/api/getBeer",
|
||
type: "POST",
|
||
data: formData,
|
||
success: function (data, textStatus, jqXHR) {
|
||
if (data.ret == "yes") {
|
||
liff.closeWindow();
|
||
} else {
|
||
|
||
if (data.err_code == "0004") {
|
||
alert('您尚未報名活動喔!');
|
||
liff.closeWindow();
|
||
} else {
|
||
if (data.err_code == "0009") {
|
||
alert('您已經領過啤酒了喔!');
|
||
liff.closeWindow();
|
||
} else {
|
||
alert(data.message);
|
||
liff.closeWindow();
|
||
}
|
||
}
|
||
|
||
|
||
|
||
|
||
liff.closeWindow();
|
||
}
|
||
|
||
|
||
},
|
||
error: function (jqXHR, textStatus, errorThrown) {
|
||
alert('網路或伺服器發生錯誤，請稍後重試!');
|
||
liff.closeWindow();
|
||
}
|
||
});
|
||
}
|
||
else {
|
||
liff.closeWindow();
|
||
}
|
||
}
|
||
|
||
//開始體驗
|
||
if (method == "gamestatus") {
|
||
var formData = {
|
||
uid: line_uid,
|
||
finished: "nogame"
|
||
}
|
||
|
||
$.ajax({
|
||
url: "/api/gamestatus",
|
||
type: "POST",
|
||
data: formData,
|
||
success: function (data, textStatus, jqXHR) {
|
||
if (data.ret == "yes") {
|
||
liff.closeWindow();
|
||
} else {
|
||
|
||
if (data.err_code == "0004") {
|
||
alert('您尚未報名活動喔!');
|
||
} else {
|
||
alert(data.message);
|
||
}
|
||
|
||
liff.closeWindow();
|
||
}
|
||
|
||
|
||
},
|
||
error: function (jqXHR, textStatus, errorThrown) {
|
||
alert('網路或伺服器發生錯誤，請稍後重試!');
|
||
liff.closeWindow();
|
||
}
|
||
});
|
||
}
|
||
|
||
//發送填寫問卷
|
||
if (method == "survey") {
|
||
var survey_url = 'https://www.surveycake.com/s/vG3zw?ssn27=' + line_uid;
|
||
|
||
liff.openWindow({
|
||
url: survey_url,
|
||
external: false
|
||
});
|
||
|
||
//liff.closeWindow();
|
||
}
|
||
|
||
})
|
||
.catch((err) => {
|
||
console.log('error', err);
|
||
});
|
||
}
|
||
|
||
}).catch(function (error) {
|
||
console.log(error);
|
||
});
|
||
</script>
|
||
<script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script>
|
||
<script>
|
||
// VConsole 默认会挂载到 `window.VConsole` 上
|
||
var vConsole = new window.VConsole();
|
||
// 接下来即可照常使用 `console` 等方法
|
||
//console.log('Hello world');
|
||
|
||
// 结束调试后，可移除掉
|
||
//vConsole.destroy();
|
||
</script>
|
||
|
||
</body>
|
||
</html> |