// Common/MenuSideBar.js
(function ($) {
$.MenuSideBar = function (settings) {
//讀cookie-common
//拆common值
var commonCookieVal = false;
if (readCookie('common') != undefined) {
var commonCookie = readCookie('common').split('.');
for (var i = 0; i < commonCookie.length; i++) {
if ((window.location.hostname.indexOf(commonCookie[i])) > -1) {
commonCookieVal = true;
}
}
}
//讀取cookie
function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) == ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
}
return null;
}
if (commonCookieVal) {
// 走k8s-common
var gpsmfn = function () {
$('.cd_gpsm').cd_gpsm({
beforeRemoved: function beforeRemoved($this) {
var url = "";
var inputModel = {};
switch ($this.attr('section')) {
case 'favorite':
url = Router.action('common', 'deletefavorite'),
inputModel = {
TravelType: $this.data('traveltype'),
ProductID: $this.data('groupid')
};
$.ajax({
url: url,
data: { jsonStr: JSON.stringify(inputModel) },
type: "POST",
dataType: "json",
async: true,
success: function (result) {
if (result === true) {
//window.location.reload();
} else {
alert('error');
window.location.reload();
}
},
error: function (xhr, status, error) {
console.log(xhr.responseText)
}
});
break;
case 'compare':
url = Router.action('common', 'deletecompare');
inputModel = {
TravelType: $this.data('traveltype'),
ProductID: $this.data('groupid')
};
$.ajax({
url: url,
data: { jsonStr: JSON.stringify(inputModel) },
type: "POST",
dataType: "json",
async: true,
success: function (result) {
if (result === true) {
if ($('.contain-list.compare .cd_gpsm').length > 0) {
var allGroupID = "";
$('.contain-list.compare .cd_gpsm').each(function (i, e) {
var groupID = $(e).attr("data-groupid");
var travelType = $(e).attr("data-traveltype");
allGroupID += i > 0 ? "%2C" + groupID : groupID;
//history.pushState(null, null, "compare?CompareType=1&TravelType=" + travelType + "&GroupID=" + allGroupID);
//window.location.reload();
//$('.footer-btn').attr('href', "/side/compare?CompareType=1&TravelType=" + travelType + "&GroupID=" + allGroupID);
});
} else {
$('.footer-btn').attr('onclick', 'return false;');
}
} else {
alert('error');
window.location.reload();
}
},
error: function (xhr, status, error) {
console.log(xhr.responseText)
}
});
break;
case 'history':
break;
}
},
whenClickRemoved: function ($this) {
DetailPage.clickRemovedFavorite($this)
}
});
};
var defaultSetting = {
//order: ["favorite", "compare", "history","shares"],
initRun: function () {
$('.ntb_lnsd').ntb_lnsd("isAllowOpen", true);
},
types: {
productforeignGIF: '團體',
planeticketf: '機票',
hotelforeignBookingf: '訂房',
productforeignFITf: '雄獅自由行',
productdemosticFIT: '台灣自由行',
productairlineFITf: '航空自由行',
free: '自由行',
destination: "目的地"
},
banner: {
src: ''//'http://fakeimg.pl/250x100/'
},
menus: [
{
aName: "favorite",
iName: "toollike",
describe: '收藏'
},
//{
// aName: "compare",
// iName: "toolcompare",
// describe: '比較'
//},
//{
// aName: "pdfDownload",
// iName: "orderdownload",
// describe: 'PDF下載'
//},
//{
// aName: "printf",
// iName: "orderprintf",
// describe: '列印'
//},
{
aName: "history",
iName: "toolseenf",
describe: '看過'
}//,
//{
// aName: "shares",
// iName: "toolsharef",
// describe: '分享'
//}
],
clickItemEvents: {
favorite: function () {
$.ajax({
url: $('#memberDomain').val() + "/account/checkmemberlogin",
type: "POST",
xhrFields: {
withCredentials: true
}
}).done(function (data) {
if (!data.IsLogin) {
$('#lionLogin').trigger('open', ['login']);
} else {
$.ajax({
url: "/common" + Router.action('menu', 'favorite'),
type: 'POST',
dataType: 'json',
//data: { "jsonString": localStorage.getItem("VisitHistory").toString() }
}).done(function (data) {
$('.ntb_lnsd').ntb_lnsd('inputContentData', 'favorite', data);
$('.ntb_lnsd').ntb_lnsd('renderContent', 'favorite');
$('.ntb_lnsd').ntb_lnsd('openSidebar', 'favorite', gpsmfn);
}).fail(function () {
console.log('fail')
});
}
});
//var flag = $('.ntb_lnsd').data('ntb_lnsd').opts.isAllowOpen;
//if (!flag) {
// alert('您尚未登錄，請先登錄');
// return;
//}
}.bind(this),
comparison: function () {
$.ajax({
url: "/common" + Router.action('menu', 'compare'),
type: 'POST',
dataType: 'json',
//data: { "jsonString": localStorage.getItem("VisitHistory").toString() }
}).done(function (data) {
$('.ntb_lnsd').ntb_lnsd('inputContentData', 'compare', data);
$('.ntb_lnsd').ntb_lnsd('renderContent', 'compare');
$('.ntb_lnsd').ntb_lnsd('openSidebar', 'compare', gpsmfn);
}).success(function (data) {
}).fail(function () {
console.log('fail')
});
},
downloadPDF: function () {
$('.ntb_lnsd').ntb_lnsd('closeSidebar');
var urlPath = location.pathname.split("/");
var urlPathToLower = urlPath[1].toLowerCase().toString();
if (urlPathToLower === "common") {
PageToPdfFile({ sourceUrl: Router.action('common', 'compare') + location.search + "&PrintBtn=true" });
} else {
PageToPdfFile({ sourceUrl: Router.action('detail', 'print') + location.search + "&PrintItem=All" });
}
},
previewPrint: function () {
var urlPath = location.pathname.split("/");
var urlPathToLower = urlPath[1].toLowerCase().toString();
if (urlPathToLower === "detail") {
$('a#btnPrint').click();
} else if (urlPathToLower === "common") {
window.open(location.pathname + location.search + "&PrintBtn=true", '_blank');
} else {
print();
}
},
history: function () {
$.ajax({
url: "/common" + Router.action('menu', 'history'),
type: 'POST',
dataType: 'json',
data: { "jsonString": localStorage.getItem("VisitHistory") === null ? '' : localStorage.getItem("VisitHistory").toString() }
}).done(function (data) {
$('.ntb_lnsd').ntb_lnsd('inputContentData', 'history', data);
$('.ntb_lnsd').ntb_lnsd('renderContent', 'history');
$('.ntb_lnsd').ntb_lnsd('openSidebar', 'history', gpsmfn);
$('.delete').on('click', function () {
var historyManager = new HistoryManager();
//$('.ntb_lnsd').ntb_lnsd('openSidebar', 'history', gpsmfn);
historyManager.DeleteVisitHistory($(this).parent().attr("data-groupid"));
});
}).fail(function () {
console.log('fail')
});
},
share: function () {
$('.ntb_lnsd').ntb_lnsd('openSidebar', 'shares');
$(".share-fb").on('click', function (e) {
e.preventDefault();
facebookShare(encodeURIComponent(window.location.href));
});
//$(".share-fbm").on('click', function (e) {
// e.preventDefault();
// facebookMessageShare();
// //window.open('fb-messenger://share?link=' + productLink + '&app_id=' + encodeURIComponent(app_id));
//});
$(".share-line").on('click', function (e) {
e.preventDefault();
lineShare(encodeURIComponent(window.location.href));
})
$(".share-g").on('click', function (e) {
e.preventDefault();
googleShare(encodeURIComponent(window.location.href));
})
var errorString = {
enterSenderMail: '請輸入寄件者正確email格式',
enterRecipientMail: '請輸入收件者正確email格式',
noSenderMail: '寄件者email需輸入',
onlySenderMail: '寄件者email只能為一筆',
enterValidCodeError: '驗證碼有誤，請重新輸入',
enterValidCode: '驗證碼正確無誤',
enterCorrectFormError: '表單驗證錯誤',
enterCorrectForm: '表單驗證成功，資料已送出'
}
//將主旨固定不讓使用者輸入
$('#e-title').prop('readonly', true);
//判斷主旨是否為產品介紹頁
if (window.location.pathname.split("/")[1].toLocaleUpperCase() === "DETAIL") {
$("#e-title").val("雄獅旅遊-好友推薦行程" + $('div h3.p-l-xs.md-wrapper').text());
} else {
$("#e-title").val("雄獅旅遊-好友推薦行程");
}
//換下一張驗證碼
$(".changeCode").on('click', function () {
$(".codeImg").attr("src", "/common" + Router.action("menu", "getvalidatecode", { time: (new Date()).getTime() }));
})
//按下送出按鈕
$(".confirm").on('click', function () {
//email格式判斷
function checkEmail(email) {
emailRegex = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9])+$/;
if (!emailRegex.test(email)) {
return false;
} else {
return true;
}
}
var isVertify = false;
//1.宣告判斷寄件者與收件者的mail變數
var senderMail = $('#email').val().split(";"); //陣列
var recipientMail = $('#oemail').val().split(";"); //陣列
//2.判斷寄件者是否為一筆且不為空值
if (senderMail.length === 1) {
if (senderMail[0] !== "") {
//3.判斷驗證寄件者email格式
if (checkEmail(senderMail[0]) === false) {
alert(errorString.enterSenderMail);
} else {
isVertify = true;
}
} else {
alert(errorString.noSenderMail);
}
} else {
alert(errorString.onlySenderMail);
}
//4.判斷收件者不為空值
$.each(recipientMail, function (key, val) { //陣列,值
//5.判斷驗證收件者email格式
if (!checkEmail(val)) {
alert(errorString.enterRecipientMail);
isVertify = false;
return;
} else {
isVertify = true;
}
})
//宣告驗證碼變數
var validCode = $('.codeValue').val();
//圖形驗證碼
$.ajax({
//呼叫圖形驗證碼位址
url: "/common" + Router.action('menu', 'checkvalidatecode'),
//需要傳送物件(key/value)
data: { "validCode": validCode },
//使用post方法
type: "POST",
//接收回傳資料格式
dataType: 'json',
//ajax失敗，會進入error
error: function () {
alert(errorString.enterValidCodeError);
},
//ajax成功，會進入success
success: function (validCode) {
//1.判斷驗證碼是否為true或false
if (validCode === false) {
alert(errorString.enterValidCodeError);
} else {
isVertify = true;
}
}
})
if (isVertify) {
var jsonObj = { Subject: $('#e-title').val(), SenderMail: $('#email').val(), RecipientMail: $('#oemail').val(), ValidateCode: $('.codeValue').val(), PageUrl: window.location.toString() };
//將前端資料輸入丟置後端的SendMail
$.ajax({
//呼叫的位址
url: "/common" + Router.action('menu', 'sendmail'),
//需要傳送的物件(key/value)
data: { "jsonString": JSON.stringify(jsonObj) },
//使用POST方法
type: "POST",
//接收回傳資料的格式
dataType: 'json',
//傳送失敗則跳出失敗訊息
error: function (response) {
console.log(response);
console.log("data::" + JSON.stringify(jsonObj));
//資料傳送失敗後就會執行這個function內的程式，可以在這裡寫入要執行的程式
},
//傳送成功則跳出成功訊息
success: function (response) {
//資料傳送成功後就會執行這個function內的程式，可以在這裡寫入要執行的程式
alert(response);
}
});
} else {
alert(errorString.enterCorrectFormError);
}
return errorString;
});
//取消按鈕
$('input.cancel').on('click', function () {
$('div.share-form input[type="text"]:not(#e-title)').val('');
});
},
goTop: function () {
$('html,body').animate({
scrollTop: 0
}, 200)
}
},
template: {
cdGpsm: '\
{% for(var i=0;i<o.data.length;i++){ %}\
{% var type=o.data[i].type;var section=o.data[i].section;var mainkey=o.data[i].key;var tag=o.data[i].tag;var href=o.data[i].href; %}\
{% var title=o.data[i].title;var content=o.data[i].content;var attrs=o.data[i].attrs;var price=o.data[i].price; %}\
{% var str=""; if(attrs) {for(var key in attrs){ str+=key+\'=\'+attrs[key]+\' \';} } %}\
<div class="cd_gpsm" data-traveltype="{%=o.travelType%}" data-groupId={%=o.data[i].groupId%} section="{%=section%}" type="{%=type%}" key="{%=mainkey%}">\
{% if(tag === "a") { %}\
<{%=tag%} href="{%=href%}" target="_blank" class="{%=title.className%}" {%=str%}>\
{% } else { %} \
<{%=tag%} class="{%=title.className%}">\
{% } %}\
<h5 class="title">{%=title.value%}</h5>\
<div class="{%=content.className%}">\
{% for(var j=0;j<content.value.length;j++){ %}\
<p>{%=content.value[j]%}</p>\
{% } %}\
</div>\
{% for(var x=0;x<price.value.length;x++){ %}\
<p class="price">\
<span class="{%=price.className%}">{%=price.value[x]%} </span>\
</p>\
{% } %}\
</{%=tag%}>\
<a class="delete"></a>\
</div>\
{% } %}\
',
pannel: //比較模塊面板
'\
<div class="side-main-contain compare">\
<div class="contain-list">\
{% console.log(o); for(var i=0;i<o.items.length;i++){ %}\
{% if(o.items[i].data.length > 0) { %}\
{% var compareHref = "";if(o.items[i].travelType==1||o.items[i].travelType==2){compareHref="https://"+(location.host.indexOf("u")==0?"utravel":"travel")+".liontravel.com"+Router.action("side","compare",{CompareType:"1",TravelType:o.items[i].travelType,GroupID:o.items[i].compareHref})}else{compareHref="https://"+(location.host.indexOf("u")==0?"uvacation":"vacation")+".liontravel.com/detail/"+(o.items[i].travelType==8?"tw":"")+"compare"} %}\
<div class="pannel {%=o.items[i].type%}">\
<a class="pannel-btn" type="{%=o.items[i].type%}" target="_blank" href="{%=compareHref%}">\
<i class="ic-ln x3 {%=o.items[i].type%}"></i>\
<span class="describe">\
{%=o.items[i].typeName%}比較({%=o.items[i].data.length%}/{%=o.items[i].data.length%})\
</span>\
</a>\
</div>\
{% }} %}\
</div>\
</div>',
comparisonTemplate: //比較模版
'{% var btnHref = "";if(o.items[0].travelType===5){btnHref="https://" + (location.host.indexOf("u") == 0 ? "uvacation" : "vacation") + ".liontravel.com" + Router.action("detail","compare")}else if(o.items[0].travelType===8){btnHref= "https://" + (location.host.indexOf("u") == 0 ? "uvacation" : "vacation") + ".liontravel.com" + Router.action("detail","twcompare")}else if (o.items[0].travelType === 1 || o.items[0].travelType === 2) { btnHref = "https://" + (location.host.indexOf("u") == 0 ? "utravel" : "travel") + ".liontravel.com" + Router.action("side", "compare", { CompareType: "1", TravelType: o.items[0].travelType, GroupID: o.items[0].compareHref }) }else{btnHref=Router.action("common","compare",{CompareType:"1",TravelType:o.items[0].travelType,GroupID:o.items[0].compareHref})} %}\
<div class="side-main-contain compare">\
<div class="contain-list compare">\
</div>\
<div class="contain-footer compare">\
<a class="footer-btn" target="_blank" href="{%=btnHref%}">開始比較</a>\
</div>\
</div>',
favoriteTemplate: //收藏模版
'\
<div class="side-main-contain favorite">\
<div class="contain-list favorite">\
</div>\
<div class="contain-footer favorite">\
<ul class="favorite-tips">\
</ul>\
<div class="favorite-show">\
<a class="footer-btn" target="_blank" href="{%=$("#memberDomain").val() + "/common/common/favorite"%}">查看所有收藏</a>\
</div>\
</div>\
</div>',
historyPanel: //歷史面板
'\
<div class="side-main-contain history">\
<div class="contain-list history">\
{% for(var i=0;i<o.items.length;i++){ %}\
{% if(o.items[i].data.length > 0) { %}\
<div class="historyPanel">\
<a class="historyPanel-btn" type="{%=o.items[i].type%}" href="{%=Router.action("common","history")%}">\
<i class="ic-ln x3 {%=o.items[i].type%}"></i>\
<span class="describe">\
{%=o.items[i].typeName%}\
</span>\
</a>\
</div>\
{% }} %}\
</div>\
</div>\
{% if( typeof o.banner === "object" && o.banner !== null ) { %}\
<div class="banner-img" >\
<a href="{%=o.banner.url%}"><img src="{%=o.banner.src%}" /></a>\
</div>\
{% } %}\
',
historyTemplate: //歷史模版
'\
<div class="side-main-contain history">\
<div class="contain-list history">\
</div>\
<div class="contain-footer history">\
<a class="footer-btn" href="{%=Router.action("common","history")%}" target="_blank">查看瀏覽紀綠</a>\
</div>\
</div>',
lis: //收藏模块下的统计
'\
{% for(var i=0;i<o.items.length;i++){ %}\
{% if(o.items[i].data.length > 0) { %}\
<li><a href="{%=Router.action("common","favorite",{travelType:o.items[i].travelType})%}" target="_blank">{%=o.items[i].typeName%}({%=o.items[i].data.length%})</a></li>\
{% }} %}\
',
shares: //分享模塊
'\
<div class="side-main-contain shares">\
<div class="contain-list shares">\
<div class="share" >\
<a class="share-fb d-b ">\
<i class="i-icon d-ib"></i>\
<span class="d-ib" >FB分享</span>\
</a>\
</div>\
<div class="share" >\
<a class="share-line d-b fz-0">\
<i class="i-icon d-ib"></i>\
<span class="d-ib" >LINE分享</span>\
</a>\
</div>\
<div class="share">\
<a class="share-o d-b fz-0 pos-rlt">\
<i class="i-icon d-ib"></i>\
<span class="d-ib" >推薦好友</span>\
<div class="arrow pos-abt"></div>\
</a>\
<div class="share-form fcl_lnls">\
<div class="fm-grp">\
<div class="int-grp">\
<label for="e-title" class="label inside sm">主旨</label>\
<input type="text" class="fm-ctrl sm" id="e-title" placeholder="請輸入電子郵件主旨">\
</div>\
</div>\
<div class="fm-grp">\
<div class="int-grp">\
<label for="email" class="label inside sm">您的E-mail</label>\
<input type="text" class="fm-ctrl sm" id="email" placeholder="例:abc@xxx.com">\
</div>\
</div>\
<div class="fm-grp">\
<div class="int-grp">\
<label for="oemail" class="label inside sm">朋友的E-mail</label>\
<input type="text" class="fm-ctrl sm" id="oemail" placeholder="例:abc@xxx.com">\
</div>\
</div>\
<div class="e-tips"> 多個e-mail,請用英文半形分號;分隔</div>\
<div>\
<p>請輸入下圖中的驗證碼：</p>\
<div class="v-code">\
<img class="codeImg" src="/common{%=Router.action("menu","getvalidatecode")%}"/>\
<input class="codeValue" type="text"/>\
<a class="changeCode" src="">換一張</a>\
</div>\
<div class="btns clearfix">\
<input class="cancel fz-md" type="button" value="清除"/>\
<input class="confirm fz-md" type="button" value="送出"/>\
</div>\
</div>\
</div>\
</div>\
</div>\
</div>'
},
zindex: 9998,
}
} else {
// 走原js
var gpsmfn = function () {
$('.cd_gpsm').cd_gpsm({
beforeRemoved: function beforeRemoved($this) {
var url = "";
var inputModel = {};
switch ($this.attr('section')) {
case 'favorite':
url = "/common" + Router.action('common', 'deletefavorite'),
inputModel = {
TravelType: $this.data('traveltype'),
ProductID: $this.data('groupid')
};
$.ajax({
url: url,
data: { jsonStr: JSON.stringify(inputModel) },
type: "POST",
dataType: "json",
async: true,
success: function (result) {
if (result === true) {
//window.location.reload();
} else {
alert('error');
window.location.reload();
}
},
error: function (xhr, status, error) {
console.log(xhr.responseText)
}
});
break;
case 'compare':
url = "/common" + Router.action('common', 'deletecompare');
inputModel = {
TravelType: $this.data('traveltype'),
ProductID: $this.data('groupid')
};
$.ajax({
url: url,
data: { jsonStr: JSON.stringify(inputModel) },
type: "POST",
dataType: "json",
async: true,
success: function (result) {
if (result === true) {
if ($('.contain-list.compare .cd_gpsm').length > 0) {
var allGroupID = "";
$('.contain-list.compare .cd_gpsm').each(function (i, e) {
var groupID = $(e).attr("data-groupid");
var travelType = $(e).attr("data-traveltype");
allGroupID += i > 0 ? "%2C" + groupID : groupID;
//history.pushState(null, null, "compare?CompareType=1&TravelType=" + travelType + "&GroupID=" + allGroupID);
//window.location.reload();
//$('.footer-btn').attr('href', "/side/compare?CompareType=1&TravelType=" + travelType + "&GroupID=" + allGroupID);
});
} else {
$('.footer-btn').attr('onclick', 'return false;');
}
} else {
alert('error');
window.location.reload();
}
},
error: function (xhr, status, error) {
console.log(xhr.responseText)
}
});
break;
case 'history':
break;
}
},
whenClickRemoved: function ($this) {
DetailPage.clickRemovedFavorite($this)
}
});
};
var defaultSetting = {
//order: ["favorite", "compare", "history","shares"],
initRun: function () {
$('.ntb_lnsd').ntb_lnsd("isAllowOpen", true);
},
types: {
productforeignGIF: '團體',
planeticketf: '機票',
hotelforeignBookingf: '訂房',
productforeignFITf: '雄獅自由行',
productdemosticFIT: '台灣自由行',
productairlineFITf: '航空自由行',
free: '自由行',
destination: "目的地"
},
banner: {
src: ''//'http://fakeimg.pl/250x100/'
},
menus: [
{
aName: "favorite",
iName: "toollike",
describe: '收藏'
},
//{
// aName: "compare",
// iName: "toolcompare",
// describe: '比較'
//},
//{
// aName: "pdfDownload",
// iName: "orderdownload",
// describe: 'PDF下載'
//},
//{
// aName: "printf",
// iName: "orderprintf",
// describe: '列印'
//},
{
aName: "history",
iName: "toolseenf",
describe: '看過'
}//,
//{
// aName: "shares",
// iName: "toolsharef",
// describe: '分享'
//}
],
clickItemEvents: {
favorite: function () {
$.ajax({
url: $('#memberDomain').val() + "/account/checkmemberlogin",
type: "POST",
xhrFields: {
withCredentials: true
}
}).done(function (data) {
if (!data.IsLogin) {
$('#lionLogin').trigger('open', ['login']);
} else {
$.ajax({
url: "/common" + Router.action('menu', 'favorite'),
type: 'POST',
dataType: 'json',
//data: { "jsonString": localStorage.getItem("VisitHistory").toString() }
}).done(function (data) {
$('.ntb_lnsd').ntb_lnsd('inputContentData', 'favorite', data);
$('.ntb_lnsd').ntb_lnsd('renderContent', 'favorite');
$('.ntb_lnsd').ntb_lnsd('openSidebar', 'favorite', gpsmfn);
}).fail(function () {
console.log('fail')
});
}
});
//var flag = $('.ntb_lnsd').data('ntb_lnsd').opts.isAllowOpen;
//if (!flag) {
// alert('您尚未登錄，請先登錄');
// return;
//}
}.bind(this),
comparison: function () {
$.ajax({
url: "/common" + Router.action('menu', 'compare'),
type: 'POST',
dataType: 'json',
//data: { "jsonString": localStorage.getItem("VisitHistory").toString() }
}).done(function (data) {
$('.ntb_lnsd').ntb_lnsd('inputContentData', 'compare', data);
$('.ntb_lnsd').ntb_lnsd('renderContent', 'compare');
$('.ntb_lnsd').ntb_lnsd('openSidebar', 'compare', gpsmfn);
}).success(function (data) {
}).fail(function () {
console.log('fail')
});
},
downloadPDF: function () {
$('.ntb_lnsd').ntb_lnsd('closeSidebar');
var urlPath = location.pathname.split("/");
var urlPathToLower = urlPath[1].toLowerCase().toString();
if (urlPathToLower === "common") {
PageToPdfFile({ sourceUrl: Router.action('common', 'compare') + location.search + "&PrintBtn=true" });
} else {
PageToPdfFile({ sourceUrl: Router.action('detail', 'print') + location.search + "&PrintItem=All" });
}
},
previewPrint: function () {
var urlPath = location.pathname.split("/");
var urlPathToLower = urlPath[1].toLowerCase().toString();
if (urlPathToLower === "detail") {
$('a#btnPrint').click();
} else if (urlPathToLower === "common") {
window.open(location.pathname + location.search + "&PrintBtn=true", '_blank');
} else {
print();
}
},
history: function () {
$.ajax({
url: "/common" + Router.action('menu', 'history'),
type: 'POST',
dataType: 'json',
data: { "jsonString": localStorage.getItem("VisitHistory") === null ? '' : localStorage.getItem("VisitHistory").toString() }
}).done(function (data) {
$('.ntb_lnsd').ntb_lnsd('inputContentData', 'history', data);
$('.ntb_lnsd').ntb_lnsd('renderContent', 'history');
$('.ntb_lnsd').ntb_lnsd('openSidebar', 'history', gpsmfn);
$('.delete').on('click', function () {
var historyManager = new HistoryManager();
//$('.ntb_lnsd').ntb_lnsd('openSidebar', 'history', gpsmfn);
historyManager.DeleteVisitHistory($(this).parent().attr("data-groupid"));
});
}).fail(function () {
console.log('fail')
});
},
share: function () {
$('.ntb_lnsd').ntb_lnsd('openSidebar', 'shares');
$(".share-fb").on('click', function (e) {
e.preventDefault();
facebookShare(encodeURIComponent(window.location.href));
});
//$(".share-fbm").on('click', function (e) {
// e.preventDefault();
// facebookMessageShare();
// //window.open('fb-messenger://share?link=' + productLink + '&app_id=' + encodeURIComponent(app_id));
//});
$(".share-line").on('click', function (e) {
e.preventDefault();
lineShare(encodeURIComponent(window.location.href));
})
$(".share-g").on('click', function (e) {
e.preventDefault();
googleShare(encodeURIComponent(window.location.href));
})
var errorString = {
enterSenderMail: '請輸入寄件者正確email格式',
enterRecipientMail: '請輸入收件者正確email格式',
noSenderMail: '寄件者email需輸入',
onlySenderMail: '寄件者email只能為一筆',
enterValidCodeError: '驗證碼有誤，請重新輸入',
enterValidCode: '驗證碼正確無誤',
enterCorrectFormError: '表單驗證錯誤',
enterCorrectForm: '表單驗證成功，資料已送出'
}
//將主旨固定不讓使用者輸入
$('#e-title').prop('readonly', true);
//判斷主旨是否為產品介紹頁
if (window.location.pathname.split("/")[1].toLocaleUpperCase() === "DETAIL") {
$("#e-title").val("雄獅旅遊-好友推薦行程" + $('div h3.p-l-xs.md-wrapper').text());
} else {
$("#e-title").val("雄獅旅遊-好友推薦行程");
}
//換下一張驗證碼
$(".changeCode").on('click', function () {
$(".codeImg").attr("src", "/common" + Router.action("menu", "getvalidatecode", { time: (new Date()).getTime() }));
})
//按下送出按鈕
$(".confirm").on('click', function () {
//email格式判斷
function checkEmail(email) {
emailRegex = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9])+$/;
if (!emailRegex.test(email)) {
return false;
} else {
return true;
}
}
var isVertify = false;
//1.宣告判斷寄件者與收件者的mail變數
var senderMail = $('#email').val().split(";"); //陣列
var recipientMail = $('#oemail').val().split(";"); //陣列
//2.判斷寄件者是否為一筆且不為空值
if (senderMail.length === 1) {
if (senderMail[0] !== "") {
//3.判斷驗證寄件者email格式
if (checkEmail(senderMail[0]) === false) {
alert(errorString.enterSenderMail);
} else {
isVertify = true;
}
} else {
alert(errorString.noSenderMail);
}
} else {
alert(errorString.onlySenderMail);
}
//4.判斷收件者不為空值
$.each(recipientMail, function (key, val) { //陣列,值
//5.判斷驗證收件者email格式
if (!checkEmail(val)) {
alert(errorString.enterRecipientMail);
isVertify = false;
return;
} else {
isVertify = true;
}
})
//宣告驗證碼變數
var validCode = $('.codeValue').val();
//圖形驗證碼
$.ajax({
//呼叫圖形驗證碼位址
url: "/common" + Router.action('menu', 'checkvalidatecode'),
//需要傳送物件(key/value)
data: { "validCode": validCode },
//使用post方法
type: "POST",
//接收回傳資料格式
dataType: 'json',
//ajax失敗，會進入error
error: function () {
alert(errorString.enterValidCodeError);
},
//ajax成功，會進入success
success: function (validCode) {
//1.判斷驗證碼是否為true或false
if (validCode === false) {
alert(errorString.enterValidCodeError);
} else {
isVertify = true;
}
}
})
if (isVertify) {
var jsonObj = { Subject: $('#e-title').val(), SenderMail: $('#email').val(), RecipientMail: $('#oemail').val(), ValidateCode: $('.codeValue').val(), PageUrl: window.location.toString() };
//將前端資料輸入丟置後端的SendMail
$.ajax({
//呼叫的位址
url: "/common" + Router.action('menu', 'sendmail'),
//需要傳送的物件(key/value)
data: { "jsonString": JSON.stringify(jsonObj) },
//使用POST方法
type: "POST",
//接收回傳資料的格式
dataType: 'json',
//傳送失敗則跳出失敗訊息
error: function (response) {
console.log(response);
//資料傳送失敗後就會執行這個function內的程式，可以在這裡寫入要執行的程式
},
//傳送成功則跳出成功訊息
success: function (response) {
//資料傳送成功後就會執行這個function內的程式，可以在這裡寫入要執行的程式
alert(response);
}
});
} else {
alert(errorString.enterCorrectFormError);
}
return errorString;
});
//取消按鈕
$('input.cancel').on('click', function () {
$('div.share-form input[type="text"]:not(#e-title)').val('');
});
},
goTop: function () {
$('html,body').animate({
scrollTop: 0
}, 200)
}
},
template: {
cdGpsm: '\
{% for(var i=0;i<o.data.length;i++){ %}\
{% var type=o.data[i].type;var section=o.data[i].section;var mainkey=o.data[i].key;var tag=o.data[i].tag;var href=o.data[i].href; %}\
{% var title=o.data[i].title;var content=o.data[i].content;var attrs=o.data[i].attrs;var price=o.data[i].price; %}\
{% var str=""; if(attrs) {for(var key in attrs){ str+=key+\'=\'+attrs[key]+\' \';} } %}\
<div class="cd_gpsm" data-traveltype="{%=o.travelType%}" data-groupId={%=o.data[i].groupId%} section="{%=section%}" type="{%=type%}" key="{%=mainkey%}">\
{% if(tag === "a") { %}\
<{%=tag%} href="{%=href%}" target="_blank" class="{%=title.className%}" {%=str%}>\
{% } else { %} \
<{%=tag%} class="{%=title.className%}">\
{% } %}\
<h5 class="title">{%=title.value%}</h5>\
<div class="{%=content.className%}">\
{% for(var j=0;j<content.value.length;j++){ %}\
<p>{%=content.value[j]%}</p>\
{% } %}\
</div>\
{% for(var x=0;x<price.value.length;x++){ %}\
<p class="price">\
<span class="{%=price.className%}">{%=price.value[x]%} </span>\
</p>\
{% } %}\
</{%=tag%}>\
<a class="delete"></a>\
</div>\
{% } %}\
',
pannel: //比較模塊面板
'\
<div class="side-main-contain compare">\
<div class="contain-list">\
{% console.log(o); for(var i=0;i<o.items.length;i++){ %}\
{% if(o.items[i].data.length > 0) { %}\
{% var compareHref = "";if(o.items[i].travelType==1||o.items[i].travelType==2){compareHref="https://"+(location.host.indexOf("u")==0?"utravel":"travel")+".liontravel.com"+Router.action("side","compare",{CompareType:"1",TravelType:o.items[i].travelType,GroupID:o.items[i].compareHref})}else{compareHref="https://"+(location.host.indexOf("u")==0?"uvacation":"vacation")+".liontravel.com/detail/"+(o.items[i].travelType==8?"tw":"")+"compare"} %}\
<div class="pannel {%=o.items[i].type%}">\
<a class="pannel-btn" type="{%=o.items[i].type%}" target="_blank" href="{%=compareHref%}">\
<i class="ic-ln x3 {%=o.items[i].type%}"></i>\
<span class="describe">\
{%=o.items[i].typeName%}比較({%=o.items[i].data.length%}/{%=o.items[i].data.length%})\
</span>\
</a>\
</div>\
{% }} %}\
</div>\
</div>',
comparisonTemplate: //比較模版
'{% var btnHref = "";if(o.items[0].travelType===5){btnHref="https://" + (location.host.indexOf("u") == 0 ? "uvacation" : "vacation") + ".liontravel.com" + Router.action("detail","compare")}else if(o.items[0].travelType===8){btnHref= "https://" + (location.host.indexOf("u") == 0 ? "uvacation" : "vacation") + ".liontravel.com" + Router.action("detail","twcompare")}else if (o.items[0].travelType === 1 || o.items[0].travelType === 2) { btnHref = "https://" + (location.host.indexOf("u") == 0 ? "utravel" : "travel") + ".liontravel.com" + Router.action("side", "compare", { CompareType: "1", TravelType: o.items[0].travelType, GroupID: o.items[0].compareHref }) }else{btnHref=Router.action("common","compare",{area:"common",CompareType:"1",TravelType:o.items[0].travelType,GroupID:o.items[0].compareHref})} %}\
<div class="side-main-contain compare">\
<div class="contain-list compare">\
</div>\
<div class="contain-footer compare">\
<a class="footer-btn" target="_blank" href="{%=btnHref%}">開始比較</a>\
</div>\
</div>',
favoriteTemplate: //收藏模版
'\
<div class="side-main-contain favorite">\
<div class="contain-list favorite">\
</div>\
<div class="contain-footer favorite">\
<ul class="favorite-tips">\
</ul>\
<div class="favorite-show">\
<a class="footer-btn" target="_blank" href="{%=$("#memberDomain").val() + "/common/common/favorite"%}">查看所有收藏</a>\
</div>\
</div>\
</div>',
historyPanel: //歷史面板
'\
<div class="side-main-contain history">\
<div class="contain-list history">\
{% for(var i=0;i<o.items.length;i++){ %}\
{% if(o.items[i].data.length > 0) { %}\
<div class="historyPanel">\
<a class="historyPanel-btn" type="{%=o.items[i].type%}" href="{%=Router.action("common","history",{area:"common"})%}">\
<i class="ic-ln x3 {%=o.items[i].type%}"></i>\
<span class="describe">\
{%=o.items[i].typeName%}\
</span>\
</a>\
</div>\
{% }} %}\
</div>\
</div>\
{% if( typeof o.banner === "object" && o.banner !== null ) { %}\
<div class="banner-img" >\
<a href="{%=o.banner.url%}"><img src="{%=o.banner.src%}" /></a>\
</div>\
{% } %}\
',
historyTemplate: //歷史模版
'\
<div class="side-main-contain history">\
<div class="contain-list history">\
</div>\
<div class="contain-footer history">\
<a class="footer-btn" href="{%=Router.action("common","history",{area:"common"})%}" target="_blank">查看瀏覽紀綠</a>\
</div>\
</div>',
lis: //收藏模块下的统计
'\
{% for(var i=0;i<o.items.length;i++){ %}\
{% if(o.items[i].data.length > 0) { %}\
<li><a href="{%=Router.action("common","favorite",{area:"common",travelType:o.items[i].travelType})%}" target="_blank">{%=o.items[i].typeName%}({%=o.items[i].data.length%})</a></li>\
{% }} %}\
',
shares: //分享模塊
'\
<div class="side-main-contain shares">\
<div class="contain-list shares">\
<div class="share" >\
<a class="share-fb d-b ">\
<i class="i-icon d-ib"></i>\
<span class="d-ib" >FB分享</span>\
</a>\
</div>\
<div class="share" >\
<a class="share-line d-b fz-0">\
<i class="i-icon d-ib"></i>\
<span class="d-ib" >LINE分享</span>\
</a>\
</div>\
<div class="share">\
<a class="share-o d-b fz-0 pos-rlt">\
<i class="i-icon d-ib"></i>\
<span class="d-ib" >推薦好友</span>\
<div class="arrow pos-abt"></div>\
</a>\
<div class="share-form fcl_lnls">\
<div class="fm-grp">\
<div class="int-grp">\
<label for="e-title" class="label inside sm">主旨</label>\
<input type="text" class="fm-ctrl sm" id="e-title" placeholder="請輸入電子郵件主旨">\
</div>\
</div>\
<div class="fm-grp">\
<div class="int-grp">\
<label for="email" class="label inside sm">您的E-mail</label>\
<input type="text" class="fm-ctrl sm" id="email" placeholder="例:abc@xxx.com">\
</div>\
</div>\
<div class="fm-grp">\
<div class="int-grp">\
<label for="oemail" class="label inside sm">朋友的E-mail</label>\
<input type="text" class="fm-ctrl sm" id="oemail" placeholder="例:abc@xxx.com">\
</div>\
</div>\
<div class="e-tips"> 多個e-mail,請用英文半形分號;分隔</div>\
<div>\
<p>請輸入下圖中的驗證碼：</p>\
<div class="v-code">\
<img class="codeImg" src="{%=Router.action("menu","getvalidatecode",{area:"common"})%}"/>\
<input class="codeValue" type="text"/>\
<a class="changeCode" src="">換一張</a>\
</div>\
<div class="btns clearfix">\
<input class="cancel fz-md" type="button" value="清除"/>\
<input class="confirm fz-md" type="button" value="送出"/>\
</div>\
</div>\
</div>\
</div>\
</div>\
</div>'
},
zindex: 9998,
}
}
var _settings = $.extend(true, {}, defaultSetting, settings);
$('.ntb_lnsd').ntb_lnsd(_settings).ntb_lnsd('initRun');
}
})(jQuery);