☰

Cathay Award Search Fixer 2022

Beware: Only install using the "Install this Script" or "安裝腳本" button below, beware of fake buttons in the ad under it.

目前为 2023-10-31 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name                Cathay Award Search Fixer 2022
  3. // @name:zh-TW          國泰獎勵機票搜尋引擎修復神器 2022
  4. // @namespace           jayliutw
  5. // @version             4.0.3
  6. // @description         Beware: Only install using the "Install this Script" or "安裝腳本" button below, beware of fake buttons in the ad under it.
  7. // @description:zh-tw   注意：安裝請務必點選下方 "Install this Script" 或 "安裝腳本" 的按鈕，慎防不肖業者用下方 Google Ads 投放假按鈕的釣魚廣告！
  8. // @author              jayliutw
  9. // @connect             greasyfork.org
  10. // @connect             cathaypacific.com
  11. // @connect             userscripts.jayliu.net
  12. // @match               https://*.cathaypacific.com/cx/*/book-a-trip/redeem-flights/redeem-flight-awards.html*
  13. // @match               https://*.cathaypacific.com/cx/*/book-a-trip/redeem-flights/facade.html*
  14. // @match               https://api.cathaypacific.com/redibe/IBEFacade*
  15. // @match               https://cxplanner.jayliu.net/*
  16. // @match               https://userscripts.jayliu.net/*
  17. // @match               https://book.cathaypacific.com/*
  18. // @grant               GM_setValue
  19. // @grant               GM_getValue
  20. // @grant               GM_log
  21. // @grant               GM_xmlhttpRequest
  22. // @grant               unsafeWindow
  23. // @antifeature         payment Unlocked multi city pair search, route saving/favouriting, saved route searching, and multicity award booking for sponsors.
  24. // @license             GPL
  25. // ==/UserScript==
  26.  
  27.  
  28. if(window.location.href.indexOf("planner") > -1) {
  29.     unsafeWindow.checkVersion = function(){
  30.         return GM_info.script.version;
  31.     }
  32. }
  33.  
  34. //============================================================
  35. // Main Userscript
  36. //============================================================
  37.  
  38. (function() {
  39.     'use strict';
  40.  
  41.  
  42.  
  43. const debug = false;
  44.  
  45. //============================================================
  46. // Greasymonkey Function Wrappers
  47. //============================================================
  48.  
  49. // GM_Log
  50. function log(data){ if (debug) GM_log(data); }
  51.  
  52. // Get and Set Stored Values
  53. function value_get(valueName, defaultValue) { return GM_getValue(valueName, defaultValue) }
  54. function value_set(valueName, setValue) { GM_setValue(valueName, setValue); return setValue; }
  55.  
  56. // XMLHttpRequest and GM_xmlhttpRequest
  57. function httpRequest(request, native = false){
  58.     if(!native && !debug) {
  59.         GM_xmlhttpRequest(request);
  60.     } else {
  61.       if (!request.method || !request.url) return;
  62.       var http = new XMLHttpRequest();
  63.       http.withCredentials = true;
  64.       http.open(request.method, request.url, true);
  65.       if (request.headers) { for ( var key in request.headers ) { http.setRequestHeader(key,request.headers[key]) } }
  66.       if (request.onreadystatechange) http.onreadystatechange = function(){ request.onreadystatechange(this) }
  67.       if (request.onload) http.onload = function(){ request.onload(this) }
  68.       if (request.data) { http.send(request.data) } else { http.send() }
  69.     }
  70. }
  71.  
  72. //============================================================
  73. // Initialize Variables
  74. //============================================================
  75.  
  76.     let route_changed = false;
  77.  
  78.     // Retrieve CX Parameters
  79.  
  80.     let static_path = value_get("static_path", "/CathayPacificAwardV3/AML_IT3.1.14/");
  81.     let requestVars = {};
  82.     let tab_id = "";
  83.     let availability_url = "https://book.cathaypacific.com/CathayPacificAwardV3/dyn/air/booking/availability?TAB_ID=";
  84.     let form_submit_url = availability_url + tab_id;
  85.  
  86.     let autoScroll = true;
  87.  
  88.     function initCXvars(){
  89.         if(typeof staticFilesPath !== "undefined" && static_path != staticFilesPath){
  90.             log(typeof staticFilesPath);
  91.             static_path = staticFilesPath;
  92.             value_set("static_path", static_path);
  93.         }
  94.  
  95.         if (typeof tabId === 'string') { tab_id = tabId; }
  96.         if (typeof requestParams === 'string') {
  97.             requestVars = JSON.parse(requestParams);
  98.             tab_id = requestVars.TAB_ID;
  99.         } else if (typeof requestParams === 'object') {
  100.             requestVars = requestParams;
  101.             tab_id = requestParams.TAB_ID || "";
  102.         }
  103.  
  104.         form_submit_url = (typeof formSubmitUrl !== 'undefined') ? formSubmitUrl : availability_url + tab_id;
  105.     }
  106.  
  107.     const browser_locale = navigator.language;
  108.     const browser_lang = (browser_locale.trim().split(/-|_/)[0] == "zh") ? "zh" : "en";
  109.     const browser_country = (browser_locale.trim().split(/-|_/)[1]?.toUpperCase() == "TW") ? "TW" : "HK";
  110.  
  111.     let login_url = "https://www.cathaypacific.com/content/cx/" + browser_lang + "_" +browser_country + "/sign-in.html?loginreferrer=" + encodeURI("https://www.cathaypacific.com/cx/" + browser_lang + "_" +browser_country + "/book-a-trip/redeem-flights/redeem-flight-awards.html");
  112.  
  113.     let r = Math.random();
  114.     let t = tab_id || "";
  115.  
  116. //============================================================
  117. // Helper Functions
  118. //============================================================
  119.  
  120.     // Wait for Element to Load
  121.     function waitForElm(selector) {return new Promise(resolve => {if (document.querySelector(selector)) {return resolve(document.querySelector(selector)); } const observer = new MutationObserver(mutations => {if (document.querySelector(selector)) {resolve(document.querySelector(selector)); observer.disconnect(); } }); observer.observe(document.body, {childList: true, subtree: true }); }); }
  122.  
  123.     // Check CX Date String Validity (dateString YYYYMMDD)
  124.     function isValidDate(dateString) {if (!/^\d{8}$/.test(dateString)) return false; let year = dateString.substring(0, 4); let month = dateString.substring(4, 6); let day = dateString.substring(6, 8); if(year < 1000 || year > 3000 || month == 0 || month > 12) return false; let monthLength = [ 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 ]; if(year % 400 == 0 || (year % 100 != 0 && year % 4 == 0)) monthLength[1] = 29; if(day <= 0 || day > monthLength[month - 1]) return false; let today = new Date(); let date = new Date(year, month - 1, day); if ((date - today)/24/60/60/1000 >= 366 || (date - today)/24/60/60/1000 < -1) return false; return true; };
  125.  
  126.     // Add to Date and Return CX Date String
  127.     function dateAdd(days = 0, date = false) { let new_date = new Date(); if(date) { let year = +date.substring(0, 4); let month = +date.substring(4, 6); let day = +date.substring(6, 8); new_date = new Date(year, month - 1, day); }; new_date.setDate(new_date.getDate() + days); return new_date.getFullYear() +""+ (new_date.getMonth() +1).toString().padStart(2, '0') +""+ new_date.getDate().toString().padStart(2, '0'); };
  128.  
  129.     // Convert CX Date String to Dashed Date String
  130.     function toDashedDate(date){ return date.substring(0, 4).toString() + "-" + date.substring(4, 6).toString().padStart(2, '0') + "-" + date.substring(6, 8).toString().padStart(2, '0');}
  131.     function toDashedDateShort(date){ return date.substring(2, 4).toString() + "-" + date.substring(4, 6).toString().padStart(2, '0') + "-" + date.substring(6, 8).toString().padStart(2, '0');}
  132.  
  133.     // Get Weekday from CX Date String
  134.     function dateWeekday(date){ let newdate = new Date(+date.substring(0, 4),(+date.substring(4, 6)-1),+date.substring(6, 8)); const weekday = {1:"Mon", 2:"Tue", 3:"Wed", 4:"Thu", 5:"Fri", 6:"Sat", 0:"Sun"}; return weekday[newdate.getDay()];
  135.     };
  136.  
  137.     // Get Time
  138.     function getFlightTime(timestamp, timeonly = false){ 
  139.         let date = new Date(timestamp);
  140.         if (timeonly) {
  141.             let hours = (date.getUTCDate() - 1)*24 + date.getUTCHours();
  142.             return (hours > 0 ? hours.toString() + "hr " : "") + date.getUTCMinutes().toString() + "mins";
  143.         } else {
  144.             return date.getUTCFullYear() + "-" + (date.getUTCMonth() + 1).toString().padStart(2, '0') + "-" + date.getUTCDate().toString().padStart(2, '0') + " " + date.getUTCHours().toString().padStart(2, '0') + ":" + date.getUTCMinutes().toString().padStart(2, '0');
  145.         };
  146.     };
  147.  
  148.     // Append CSS to DOM Element (Default to Shadow Root)
  149.     function addCss(cssString, target = shadowRoot) {
  150.         var styleSheet = document.createElement("style");
  151.         styleSheet.innerHTML = cssString;
  152.         target.appendChild(styleSheet);
  153.     }
  154.  
  155.  
  156. //============================================================
  157. // Get Stored Values
  158. //============================================================
  159.  
  160.     // Set Search Parameters
  161.  
  162.     let uef_from = value_get("uef_from", "HKG");
  163.     let uef_to = value_get("uef_to", "TYO");
  164.     let uef_date = value_get("uef_date", dateAdd(14));
  165.     let uef_adult = value_get("uef_adult", "1");
  166.     let uef_child = value_get("uef_child", "0");
  167.  
  168.     // Saved Queries
  169.  
  170.     let saved = value_get("saved",{});
  171.     let saved_flights = value_get("saved_flights",{});
  172.  
  173.     let cont_query = value_get("cont_query", "0") == "0" ? 0 : 1; ///cont_query/.test(window.location.hash); //urlParams.get('cont_query');
  174.     let cont_batch = value_get("cont_batch", "0") == "0" ? 0 : 1;; ///cont_batch/.test(window.location.hash); //urlParams.get('cont_batch');
  175.     let cont_saved = value_get("cont_saved", "0") == "0" ? 0 : 1;; ///cont_saved/.test(window.location.hash); //urlParams.get('cont_saved');
  176.     let cont_ts = value_get("cont_ts", "0"); //window.location.hash.match(/cont_ts=([0-9]+)&/) ? window.location.hash.match(/cont_ts=([0-9]+)&/)[1] : 0;
  177.     let redirect_search = value_get("redirect_search", "0"); ///cont_query/.test(window.location.hash); //urlParams.get('cont_query');
  178.     let cxplanner_flights = value_get("cxplanner_flights", []) == [] ? 0 : value_get("cxplanner_flights", []); ///cont_query/.test(window.location.hash); //urlParams.get('cont_query');
  179.  
  180.     function reset_cont_vars() {
  181.         if(redirect_search != "0"){
  182.             value_set("redirect_search", "0")
  183.         } else {
  184.             value_set("cont_query", "0");
  185.             value_set("cont_batch", "0");
  186.             value_set("cont_saved", "0");
  187.             value_set("cont_ts", "0");
  188.         }
  189.     }
  190.  
  191. //============================================================
  192. // Initialize Shadow Root
  193. //============================================================
  194.  
  195.     const shadowWrapper = document.createElement("div");
  196.     shadowWrapper.style.margin = 0;
  197.     shadowWrapper.style.padding = 0;
  198.     const shadowRoot = shadowWrapper.attachShadow({ mode: "closed" });
  199.     const shadowContainer = document.createElement("div");
  200.     shadowContainer.classList.add("unelevated_container");
  201.     shadowRoot.appendChild(shadowContainer);
  202.  
  203.     if (debug && unsafeWindow.shadowRoot == undefined) {
  204.         unsafeWindow.shadowRoot = shadowRoot;
  205.     }
  206.  
  207.     function initRoot() {
  208.  
  209.         log("initRoot();")
  210.  
  211.         addCss(styleCss);
  212.  
  213.         const current_page = window.location.href;
  214.  
  215.         if(current_page.indexOf("/redibe/IBEFacade") > -1){
  216.  
  217.             log("initRoot /redibe/IBEFacade")
  218.             waitForElm('h1').then((elm) => {
  219.                 if(elm.innerText == "Access Denied") {
  220.                     document.body.querySelector("body > p").innerHTML = `<a href="https://www.cathaypacific.com/cx/${lang.el}_${lang.ec}/book-a-trip/redeem-flights/redeem-flight-awards.html">Go back and try again.</a>`
  221.                 }
  222.             });
  223.  
  224.         } else if(current_page.indexOf("redeem-flight-awards.html") > -1){
  225.             reset_cont_vars();
  226.  
  227.             log("initRoot redeem-flight-awards.html")
  228.             waitForElm('.redibe-v3-flightsearch form').then((elm) => {
  229.                 elm.before(shadowWrapper);
  230.                 initSearchBox();
  231.                 if(redirect_search != "0") {
  232.                     btn_search.innerHTML = lang.searching;
  233.                     btn_search.classList.add("searching");
  234.                     setTimeout(function(){
  235.                         location.href = redirect_search;
  236.                     },1500);
  237.                 } else {
  238.                     checkLogin();
  239.                 }
  240.             });
  241.  
  242.         } else if(current_page.indexOf("facade.html") > -1){
  243.             reset_cont_vars();
  244.  
  245.             log("initRoot facade.html")
  246.             waitForElm('.ibered__search-panel').then((elm) => {
  247.                 elm.before(shadowWrapper);
  248.                 initSearchBox();
  249.                 checkLogin();
  250.             });
  251.  
  252.         } else if(current_page.indexOf("air/booking/availability") > -1 && cont_query){
  253.  
  254.             log("initRoot air/booking/availability with cont_query")
  255.             waitForElm('body > header').then((elm) => {
  256.                 const boxes = document.querySelectorAll("body > div");
  257.                 boxes.forEach( box => { box.remove() });
  258.                 addCss(`
  259.                 html, body {overflow-x:inherit !important;}
  260.                 header {overflow-x:hidden;}
  261.                 `, document.body);
  262.                 document.body.append(shadowWrapper);
  263.                 shadowContainer.classList.add("results_container");
  264.                 if(cxplanner_flights) initCXplannerBox();
  265.                 initSearchBox();
  266.                 checkLogin();
  267.             });
  268.  
  269.  
  270.         } else if(window.location.href.indexOf("air/booking/availability") > -1){
  271.             reset_cont_vars();
  272.  
  273.             log("initRoot air/booking/availability without cont_query")
  274.             waitForElm('#section-flights .bound-route, #section-flights-departure .bound-route').then((elm) => {
  275.                 shadowWrapper.style.margin = "30px 20px 0px 20px";
  276.                 shadowWrapper.style.padding = 0;
  277.                 document.querySelector("#section-flights, #section-flights-departure").before(shadowWrapper);
  278.                 initSearchBox();
  279.                 checkLogin();
  280.             });
  281.  
  282.         } else if(window.location.href.indexOf("air/booking/complexAvailability") > -1){
  283.             reset_cont_vars();
  284.  
  285.             log("initRoot air/booking/complexAvailability")
  286.             waitForElm('.mc-trips .bound-route').then((elm) => {
  287.                 shadowWrapper.style.margin = "30px 20px 0px 20px";
  288.                 shadowWrapper.style.padding = 0;
  289.                 document.querySelector(".mc-trips").before(shadowWrapper);
  290.                 initSearchBox();
  291.                 checkLogin();
  292.             });
  293.  
  294.         }
  295.  
  296.     }
  297.  
  298. //============================================================
  299. // Localisation
  300. //============================================================
  301.  
  302.     var lang = (browser_lang != "zh") ? {
  303.         "ec" : "HK",
  304.         "el": "en",
  305.         "search" : "Search",
  306.         "coffee" : "Did this tool help you? Buy me a coffee! ",
  307.         "searching" : "<img src='https://book.cathaypacific.com"+static_path+"common/skin/img/icons/cx/icon-loading.gif'> Searching...",
  308.         "searching_w_cancel" : "<img src='https://book.cathaypacific.com"+static_path+"common/skin/img/icons/cx/icon-loading.gif'> Searching... (Click to Stop)",
  309.         "next_batch" : "Load More...",
  310.         "search_20" : "Batch Availability for 20 Days",
  311.         "search_all_cabins" : "Search Availability in All Cabins",
  312.         "flights" : "Available Flights",
  313.         "nonstop":"Non-Stop",
  314.         "first" : "First",
  315.         "business" : "Bus",
  316.         "premium" : "Prem",
  317.         "economy" : "Econ",
  318.         "first_full" : "First Class",
  319.         "business_full" : "Business Class",
  320.         "premium_full" : "Premium Economy",
  321.         "economy_full" : "Economy Class",
  322.         "date" : "Date",
  323.         "no_flights" : "No Redemption Availability",
  324.         "expired" : "Search Next 20 (Requires Refresh)",
  325.         "searching_cont" : "<img src='https://book.cathaypacific.com"+static_path+"common/skin/img/icons/cx/icon-loading.gif'> Please wait... (Page will refresh)",
  326.         "super" : "SuperCharged Award Search",
  327.         "error" : "Unknown Error... Try Again",
  328.         "bulk_batch" : "Batch Search",
  329.         "bulk_flights" : "Flights",
  330.         "new_version" : "New Version Available:",
  331.         "login" : "Reminder: Login before searching.",
  332.         "tab_retrieve_fail" : "Failed to retrieve key. Try logging out and in again.",
  333.         "key_exhausted" : "Key request quota exhausted, attempting to get new key...",
  334.         "getting_key" : "Attempting to retrieve API key...",
  335.         "invalid_code": "Invalid Destination Code",
  336.         "invalid_date": "Invalid Date",
  337.         "saved_queries": "Saved Flight Queries",
  338.         "maxsegments":"Max 6 Sectors Accepted",
  339.         "multi_book":"Book Multi-City Award",
  340.         "query":"Search",
  341.         "delete":"Remove",
  342.         "search_selected":"Search All Saved",
  343.         "book_multi":"Book Multicity Award",
  344.         "nosaves":"You do not have any saved queries. Click on ♥ in batch results to save.",
  345.         "advanced":"Advanced<br>Features",
  346.         "loading":"Searching...",
  347.         "hu_prompt":"Looks like you're searching a lot. You might want to read this.",
  348.         "prem_title":"Enable Advanced Features",
  349.         "prem_intro":"Hey fellow award flyer! Hope you're enjoying this plugin. How would you like to enhance your search experience even further? Here are some advanced features I think you're gonna love:",
  350.         "prem_feat1":"Search multiple routes at once.",
  351.         "prem_text1":"Flexible with your routings? Select multiple origins and destinations (up to 6 each), and find availability between those cities across multiple days with a single search! Also excellent for those of you trying to find availability for complex round-the-world itineraries! For example, searching for TPE,HKG to NRT,KIX will search for flights from Taipei and Hong Kong to Tokyo and Osaka.",
  352.         "prem_feat2":"Bookmark your search queries.",
  353.         "prem_text2":"Found availability for a date and want to save it to come back to later? Have a particular route that you're regularly watching for availability？ Now you can save your date and itinerary simply by clicking a heart on the results page, and later search for that route again by simply selecting it from your list.",
  354.         "prem_feat3":"Batch search your saved routes.",
  355.         "prem_text3":"At the click of a button, search for all itineraries and dates you have previously saved, regardless of their origins, destinations, and dates. Say goodbye to endlessly changing your origin and destination search paramters!",
  356.         "prem_feat4":"Submit oneworld Multi-City Award Search",
  357.         "prem_text4":"From your saved routes, create a multi-city itinerary search that would have taken ages on Cathay's multicity search.",
  358.         "prem_feat5":"And more to come!",
  359.         "prem_donate":"To enable these extended features, please click below to view the Extras package on buymeacoffee.com.<a href='https://www.buymeacoffee.com/jayliutw/e/106024' target='_blank' class='unlock_btn'>Unlock Advanced Features</a>",
  360.         "human":"Cathay's website needs you to prove you're a human:",
  361.         "bot_check":"Please Complete Cathay Bot Check",
  362.         "mixed":"Mixed Class Available via"
  363.     } : {
  364.         "ec" : "TW",
  365.         "el": "zh",
  366.         "search" : "搜尋",
  367.         "coffee" : "這工具有幫到你嗎？歡迎請我喝杯咖啡呀！",
  368.         "searching" : "<img src='https://book.cathaypacific.com"+static_path+"common/skin/img/icons/cx/icon-loading.gif'> 請稍後...",
  369.         "searching_w_cancel" : "<img src='https://book.cathaypacific.com"+static_path+"common/skin/img/icons/cx/icon-loading.gif'> 請稍後... (點我暫停)",
  370.         "next_batch" : "載人更多...",
  371.         "search_20" : "批次搜尋 20 天可兌換航班",
  372.         "search_all_cabins" : "批次搜尋全艙等航班",
  373.         "flights" : "可兌換航班",
  374.         "nonstop":"直飛",
  375.         "first" : "頭等",
  376.         "business" : "商務",
  377.         "premium" : "豪經",
  378.         "economy" : "經濟",
  379.         "first_full" : "頭等艙",
  380.         "business_full" : "商務艙",
  381.         "premium_full" : "特選經濟艙",
  382.         "economy_full" : "經濟艙",
  383.         "date" : "日期",
  384.         "no_flights" : "查無獎勵機位",
  385.         "expired" : "再搜尋 20 天 (畫面需重整)",
  386.         "searching_cont" : "<img src='https://book.cathaypacific.com"+static_path+"common/skin/img/icons/cx/icon-loading.gif'> 請稍後... (視窗將會刷新)",
  387.         "super" : "SUPERCharged Award Search",
  388.         "error" : "不明錯誤... 再試一次",
  389.         "bulk_batch" : "批次查詢",
  390.         "bulk_flights" : "航班",
  391.         "new_version" : "有新版本可更新:",
  392.         "login" : "提醒: 請先登入後再搜尋。",
  393.         "tab_retrieve_fail" : "無法取得金鑰，請試著登出再重新登入。",
  394.         "key_exhausted" : "金鑰查詢額度用盡，正嘗試取得新金鑰...",
  395.         "getting_key" : "正在嘗試取得 API 金鑰...",
  396.         "invalid_code": "目的地代碼錯誤",
  397.         "invalid_date": "日期錯誤",
  398.         "saved_queries": "收藏的航程日期",
  399.         "maxsegments":"至多可選擇 6 航段",
  400.         "multi_book":"兌換多城市行程",
  401.         "query":"查詢",
  402.         "delete":"刪除",
  403.         "search_selected":"批次查詢收藏行程",
  404.         "book_multi":"多目的地行程預定",
  405.         "nosaves":"您沒有收藏任何行程。您可以在批次結果頁點擊愛心 ♥ 收藏行程。",
  406.         "advanced":"進階功能<br>啟用說明",
  407.         "loading":"查詢中...",
  408.         "hu_prompt":"你好像查詢量很大...或許你該看看這裡!",
  409.         "prem_title":"啟用神器進階功能",
  410.         "prem_intro":"嗨，哩程同好們！希望這個插件有幫助到各位！有沒有想再更進一步提升查票體驗呢？那別錯過以下幾個相信一定會讓各位愛不釋手的進階功能：",
  411.         "prem_feat1":"一次查詢多個路線",
  412.         "prem_text1":"你也是行程彈性、有票就飛一族嗎？進階版支援同時輸入多個出發地和目的地（至多各 6 個），就可以輕鬆批次查找多個城市之間跨日期的獎勵機位！這對想要組合複雜的環球票行程的哩民們也是超級方便！比如，只要出發地選 TPE,KHH、目的地選 NRT,KIX，就可以同時輕鬆查找台北到東京、大阪和高雄到東京、大阪的機票！",
  413.         "prem_feat2":"把行程存到最愛",
  414.         "prem_text2":"找到了某個航線有位子的日期，想要收藏起來之後回來查？還是已經鎖定某個日期和航線，定期回來關注有沒有放票？現在只要在批次搜尋結果頁簡單按個愛心，就可以把選定的航程日期收藏到自己的最愛起來，之後回來就可以輕鬆從清單裡隨選即查！",
  415.         "prem_feat3":"一批次查詢收藏的路線",
  416.         "prem_text3":"只要一鍵就能批次查詢所有收藏清單裡的行程和日期，所有結果一次呈現，一目了然！再也不必來來回回改搜尋條件和日期！",
  417.         "prem_feat4":"多城市行程(環球票)查詢",
  418.         "prem_text4":"在你收藏的行程清單裡，簡單勾選你的行程（最多6個）就能組出國泰網站「多個城市」查詢的參數，並直接搜尋和選航班！",
  419.         "prem_feat5":"還有更多待產中，請拭目以待！",
  420.         "prem_donate":"若有興起解鎖上述進階功能，請點擊下方按鈕至 buymeacoffee.com 查看進階功能 Extras 包：<a href='https://www.buymeacoffee.com/jayliutw/e/106024' target='_blank' class='unlock_btn'>解鎖進階功能</a>",
  421.         "human":"國泰網站需要你證明你是真人：",
  422.         "bot_check":"請解除國泰網站機器人檢查",
  423.         "mixed":"潛在混艙航班經由"
  424.     };
  425.  
  426. //============================================================
  427. // Search Box
  428. //============================================================
  429.  
  430.     const searchBox = document.createElement("div");
  431.     searchBox.innerHTML = `
  432.         <div class='unelevated_form'>
  433.             <div class='unelevated_title'><a href="https://www.cathaypacific.com/cx/${lang.el}_${lang.ec}/book-a-trip/redeem-flights/redeem-flight-awards.html">Unelevated Award Search</a></div>
  434.  
  435.             <div class='login_prompt hidden'><span class='unelevated_error'><a href="` + login_url + `">` + lang.login + `</a></span></div>
  436.  
  437.             <div class='unelevated_update hidden'><a href='https://pse.is/cxupdate' target='_blank'>`+ lang.new_version + ` <span id='upd_version'>3.2.1</span> &raquo;</a></div>
  438.             
  439.             <div class='unelevated_prem_desc unelevated_prem_hidden'>
  440.                 <span class="prem_title">` + lang.prem_title + `</span>
  441.                 <div class="prem_content">
  442.                     <span class="prem_intro">` + lang.prem_intro + `</span>
  443.                     <ul>
  444.                         <li><span class="feat_title">` + lang.prem_feat1 + `</span><span class="feat_text">` + lang.prem_text1 + `</span></li>
  445.                         <li><span class="feat_title">` + lang.prem_feat2 + `</span><span class="feat_text">` + lang.prem_text2 + `</span></li>
  446.                         <li><span class="feat_title">` + lang.prem_feat3 + `</span><span class="feat_text">` + lang.prem_text3 + `</span></li>
  447.                         <li><span class="feat_title">` + lang.prem_feat4 + `</span><span class="feat_text">` + lang.prem_text4 + `</span></li>
  448.                         <li><span class="feat_title">` + lang.prem_feat5 + `</span></li>
  449.                     </ul>
  450.                     <span class="prem_intro">` + lang.prem_donate + `</span>
  451.                 </div>
  452.             </div>
  453.  
  454.             <div class='unelevated_faves unelevated_faves_hidden'>
  455.                 <div class="faves_tabs">
  456.                     <a href="javascript:void(0);" class="tabs tab_queries">Routes</a>
  457.                     <a href="javascript:void(0);" class="tabs tab_flights">Flights</a>
  458.                 </div>
  459.                 <a href="javascript:void(0);" class="search_selected">`+lang.search_selected+` &raquo;</a>
  460.                 <!--<a href="javascript:void(0);" class="search_multicity">${lang.book_multi} &raquo;</a>-->
  461.                 <div class="saved_flights"></div>
  462.                 <div class="saved_queries"></div>
  463.             </div>
  464.  
  465.             <div class="unelevated_saved"><a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="heart_save" viewBox="0 0 16 16"> <path d="M4 1c2.21 0 4 1.755 4 3.92C8 2.755 9.79 1 12 1s4 1.755 4 3.92c0 3.263-3.234 4.414-7.608 9.608a.513.513 0 0 1-.784 0C3.234 9.334 0 8.183 0 4.92 0 2.755 1.79 1 4 1z"></path></svg><span>0</span></a></div>
  466.             <div class="unelevated_premium"><a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" class="premium_crown"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M576 136c0 22.09-17.91 40-40 40c-.248 0-.4551-.1266-.7031-.1305l-50.52 277.9C482 468.9 468.8 480 453.3 480H122.7c-15.46 0-28.72-11.06-31.48-26.27L40.71 175.9C40.46 175.9 40.25 176 39.1 176c-22.09 0-40-17.91-40-40S17.91 96 39.1 96s40 17.91 40 40c0 8.998-3.521 16.89-8.537 23.57l89.63 71.7c15.91 12.73 39.5 7.544 48.61-10.68l57.6-115.2C255.1 98.34 247.1 86.34 247.1 72C247.1 49.91 265.9 32 288 32s39.1 17.91 39.1 40c0 14.34-7.963 26.34-19.3 33.4l57.6 115.2c9.111 18.22 32.71 23.4 48.61 10.68l89.63-71.7C499.5 152.9 496 144.1 496 136C496 113.9 513.9 96 536 96S576 113.9 576 136z"/></svg><span>` + lang.advanced + `</span></a></div>
  467.  
  468.             <div class='labels'>
  469.                 <a href="javascript:void(0);" class="switch"><svg height="16px" width="16px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 365.352 365.352" xml:space="preserve" stroke-width="0" transform="rotate(180)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g> <path d="M363.155,169.453l-14.143-14.143c-1.407-1.407-3.314-2.197-5.304-2.197 c-1.989,0-3.897,0.79-5.304,2.197l-45.125,45.125v-57.503c0-50.023-40.697-90.721-90.721-90.721H162.3c-4.143,0-7.5,3.358-7.5,7.5 v20c0,4.142,3.357,7.5,7.5,7.5h40.26c30.725,0,55.721,24.996,55.721,55.721v57.503l-45.125-45.125 c-1.407-1.407-3.314-2.197-5.304-2.197c-1.989,0-3.896,0.79-5.304,2.197l-14.143,14.143c-1.406,1.406-2.196,3.314-2.196,5.303 c0,1.989,0.79,3.897,2.196,5.303l82.071,82.071c1.465,1.464,3.385,2.197,5.304,2.197c1.919,0,3.839-0.732,5.304-2.197 l82.071-82.071c1.405-1.406,2.196-3.314,2.196-5.303C365.352,172.767,364.561,170.859,363.155,169.453z"></path> <path d="M203.052,278.14h-40.26c-30.725,0-55.721-24.996-55.721-55.721v-57.503l45.125,45.126 c1.407,1.407,3.314,2.197,5.304,2.197c1.989,0,3.896-0.79,5.304-2.197l14.143-14.143c1.406-1.406,2.196-3.314,2.196-5.303 c0-1.989-0.79-3.897-2.196-5.303l-82.071-82.071c-2.93-2.929-7.678-2.929-10.607,0L2.196,185.292C0.79,186.699,0,188.607,0,190.596 c0,1.989,0.79,3.897,2.196,5.303l14.143,14.143c1.407,1.407,3.314,2.197,5.304,2.197s3.897-0.79,5.304-2.197l45.125-45.126v57.503 c0,50.023,40.697,90.721,90.721,90.721h40.26c4.143,0,7.5-3.358,7.5-7.5v-20C210.552,281.498,207.194,278.14,203.052,278.14z"></path> </svg></a>
  470.                 <label class="labels_left"><span>From</span>
  471.                     <input tabindex="1" type='text' id='uef_from' name='uef_from' placeholder='TPE' value='` + uef_from + `'><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="clear_from" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path> </svg></a></label>
  472.                 <label class="labels_right"><span>Adults</span>
  473.                     <input tabindex="4" type='number' inputmode='decimal' onClick='this.select();' id='uef_adult' name='uef_adult' placeholder='Adults' value='` + uef_adult + `'></label>
  474.                 <label class="labels_left"><span>To</span>
  475.                     <input tabindex="2" type='text' id='uef_to' name='uef_to' placeholder='TYO' value='` + uef_to + `'><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="clear_to" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path> </svg></label>
  476.                 <label class="labels_right"><span>Children</span>
  477.                     <input tabindex="5" type='number' inputmode='decimal' onClick='this.select();' id='uef_child' name='uef_child' placeholder='Children' value='` + uef_child + `'></label>
  478.                 <label class="labels_left"><span>Date</span>
  479.                     <input tabindex="3" class='uef_date' onClick='this.setSelectionRange(6, 8);' id='uef_date' inputmode='decimal' name='uef_date' placeholder='` + dateAdd(30) + `' value='` + uef_date + `'></label>
  480.                 <button class='uef_search'>` + lang.search + `</button>
  481.             </div>
  482.  
  483.             <div class='unelevated_sub'><a href='https://jayliu.net/buymeacoffee' target='_blank'>` + lang.coffee + `</a><span class='coffee_emoji'>☕</span></div>
  484.         </div>
  485.  
  486.         <div class='multi_box hidden'>
  487.         <select id="multi_cabin">
  488.     <option value="Y">${lang.economy_full}</option>
  489.     <option value="W">${lang.premium_full}</option>
  490.     <option value="C">${lang.business_full}</option>
  491.     <option value="F">${lang.first_full}</option>
  492. </select>
  493.                 <label class="labels_right"><span>Adults</span>
  494.                     <input type='number' inputmode='decimal' onClick='this.select();' id='multi_adult' name='multi_adult' placeholder='Adults' value='1'></label>
  495.                 <label class="labels_right"><span>Children</span>
  496.                     <input type='number' inputmode='decimal' onClick='this.select();' id='multi_child' name='multi_child' placeholder='Children' value='0'></label>
  497.                                     <a href="javascript:void(0)" class='multi_search'>` + lang.multi_book + `</a>
  498.         </div>
  499.  
  500.         <div class='bulk_box'>
  501.             <div class="bulk_results bulk_results_hidden">
  502.             <div class="filters">
  503. <label><input type="checkbox" id="filter_nonstop">${lang.nonstop}</label>
  504. <label><input type="checkbox" id="filter_first" checked>${lang.first}</label>
  505. <label><input type="checkbox" id="filter_business" checked>${lang.business}</label>
  506. <label><input type="checkbox" id="filter_premium" checked>${lang.premium}</label>
  507. <label><input type="checkbox" id="filter_economy" checked>${lang.economy}</label>
  508. </div>
  509.                 <table class='bulk_table show_first show_business show_premium show_economy'><thead><th class='bulk_date'>` + lang.date + `</th><th class='bulk_flights'>` + lang.flights + ` <span class='info-x info-f'>` + lang.first + `</span><span class='info-x info-j'>` + lang.business + `</span><span class='info-x info-p'>` + lang.premium + `</span><span class='info-x info-y'>` + lang.economy + `</span></th></thead><tbody></tbody></table>
  510.             </div>
  511.             <div class="bulk_footer">
  512.                 <div class="bulk_footer_container">
  513.                     <button class='bulk_submit'>` + lang.search_20 + `</button>
  514.                     <div class="bulk_error bulk_error_hidden"><span></span></div>
  515.                 </div>
  516.             </div>
  517.         </div>
  518.         <div id="encbox"></div>
  519.        `;
  520.  
  521. //============================================================
  522. // Styles
  523. //============================================================
  524.  
  525.     const styleCss = `
  526.         .unelevated_form * { box-sizing:border-box; -webkit-text-size-adjust: none;}
  527.         .unelevated_form a, .bulk_box a { color:#367778; }
  528.         .unelevated_form input:focus { outline: none; }
  529.         .results_container { max-width: 900px; margin: 0 auto; padding: 20px 20px; }
  530.         @media screen and (max-width: 500px) { .results_container { padding:20px 10px; } }
  531.         .cont_query .modal {display:none !important;}
  532.         .unelevated_form { position:relative;transition: margin-left 0.7s ease-out;z-index: 11; font-family: "GT Walsheim","Cathay Sans EN", CathaySans_Rg, sans-serif; border: 1px solid #bcbec0; margin:10px 0; background: #f7f6f0; padding: 8px 0px 8px 8px; border-top: 5px solid #367778; box-shadow: 0px 0px 7px rgb(0 0 0 / 20%);}
  533.         .unelevated_form.uef_collapsed { margin-left:-90%;}
  534.         .unelevated_title {font-weight: 400; font-size: 17px; font-family: "GT Walsheim","Cathay Sans EN", CathaySans_Rg, sans-serif; color: #2d2d2d; margin: 5px; height:26px;}
  535.         .unelevated_title a {text-decoration:none; color: #2d2d2d;}
  536.         .unelevated_form .unelevated_premium {    position: absolute;
  537.             right: 10px;
  538.             top: 6px;
  539.             background: linear-gradient(339deg, #fdf98b, #e4c63f,#fef985,#eec946);
  540.             box-shadow: -1px 1px 3px rgb(155 95 70 / 40%);
  541.             display: inline-block;
  542.             border-radius: 5px;
  543.             padding: 1px;
  544.         }
  545.         .unelevated_form .unelevated_premium a, .unelevated_form .unelevated_premium a:hover, .unelevated_form .unelevated_premium a:active, .unelevated_form .unelevated_premium a:focus {
  546.             font-size: 15px; line-height: 28px; text-decoration: none !important; color: #4d3b0e; display: block; height: 28px;
  547.             background: linear-gradient(180deg, #fcd54a, #e8b524,#ffd561,#f7eb6d);
  548.             border-radius: 5px;
  549.             padding: 1px 8px;
  550.         }
  551.         .unelevated_form .unelevated_premium svg.premium_crown { width: 16px;margin-right: 6px;height: 26px;display: inline-block;}
  552.         .unelevated_form .unelevated_premium svg.premium_crown path { fill: #bf8028;}
  553.         .unelevated_form .unelevated_premium a span {
  554.             display:inline-block;
  555.             padding: 3px 0;
  556.             vertical-align: top;
  557.             line-height: 22px;
  558.             font-size: 18px;
  559.             zoom:0.5;
  560.             text-transform:uppercase;
  561.         }
  562.         .unelevated_form .unelevated_saved { position:absolute; right:10px;top:6px;background: #ae4b4b; display: inline-block; border-radius: 5px; padding: 3px 10px;}
  563.         .unelevated_form .unelevated_saved a, .unelevated_form .unelevated_saved a:hover, .unelevated_form .unelevated_saved a:active, .unelevated_form .unelevated_saved a:focus {font-size: 15px; line-height: 24px; text-decoration: none !important; color: white; display: block; height: 24px;}
  564.         .unelevated_form .unelevated_saved svg.heart_save { width: 16px;margin-right: 6px;height: 24px;display: inline-block;}
  565.         .unelevated_form .unelevated_saved svg.heart_save path { fill: #ff8b8b;}
  566.         .unelevated_form .unelevated_saved a span {vertical-align: top; line-height: 24px;}
  567.         .unelevated_container .unelevated_saved{ display:none; }
  568.  
  569.         .elevated_on .unelevated_prem_desc,
  570.         .elevated_on .unelevated_premium {
  571.             display:none;
  572.         }
  573.  
  574.         .unelevated_prem_desc {
  575.             line-height: 24px;
  576.             overflow:scroll;
  577.             transition: all 0.5s ease-out;
  578.             background:#fdfefe;
  579.             border: 1px solid #bebebe;
  580.             margin-right: 8px;
  581.             box-shadow: inset 0px 0px 4px 0px rgb(0 0 0 / 10%);
  582.             position: absolute;
  583.             top: 0px;
  584.             right: 0;
  585.             left: 8px;
  586.             z-index: 100;
  587.             height: calc(100% + 14px);
  588.             margin-top: 42px;
  589.             opacity:1;
  590.             padding:10px;
  591.         }
  592.         .unelevated_prem_hidden {height:0;opacity:0; z-index: -1;}
  593.         .unelevated_form .autocomplete-items div:hover{
  594.             background-color: #e9e9e9;
  595.         }
  596.         .unelevated_form .autocomplete-active {
  597.             /*when navigating through the items using the arrow keys:*/
  598.             background-color: DodgerBlue !important;
  599.             color: #ffffff;
  600.         }
  601.  
  602.         .prem_title {
  603.             display:block;
  604.             text-align:center;
  605.             font-size:17px;
  606.             font-weight:bold;
  607.             margin-bottom:8px;
  608.             color:#367778;
  609.         }
  610.  
  611.         .prem_intro {
  612.             display:block;
  613.             margin:10px;
  614.             font-size:14px;
  615.         }
  616.  
  617.         #activation_input {
  618.             font-size:17px;
  619.             margin:10px;
  620.             width: calc(100% - 20px);
  621.             padding: 10px;
  622.             text-transform:uppercase;
  623.         }
  624.  
  625.         .unelevated_prem_desc ul {
  626.             list-style-type: disclosure-closed;
  627.             padding-left:23px;
  628.         }
  629.  
  630.         .unelevated_prem_desc li{
  631.             list-style-type: disclosure-closed;
  632.             margin-bottom:5px;
  633.             padding-left:0;
  634.         }
  635.  
  636.         .feat_title {
  637.             display:block;
  638.             font-size:17px;
  639.             font-weight:bold;
  640.             margin-bottom:5px;
  641.             color:#ae4b4b;
  642.         }
  643.  
  644.  
  645.         .feat_text {
  646.             display:block;
  647.             font-size:14px;
  648.             color:#666;
  649.         }
  650.  
  651.         .unelevated_form .unlock_btn{
  652.             display: block;
  653.             margin: 10px auto;
  654.             padding: 5px;
  655.             border-radius: 5px;
  656.             text-align: center;
  657.             text-decoration: none;
  658.             width: 200px;
  659.             background: linear-gradient(180deg, #fcd54a, #e8b524,#ffd561,#f7eb6d);
  660.             color: rgb(130, 85, 50);
  661.             border: 1px solid #f8c19c;
  662.             box-shadow: -1px 1px 3px rgba(0,0,0,0.3);
  663.             font-weight:bold;
  664.         }
  665.  
  666.         .unelevated_faves .saved_queries{
  667.             display:block;
  668.         }
  669.  
  670.         .unelevated_faves .saved_flights{
  671.             display:none;
  672.         }
  673.         
  674.         .unelevated_faves.flights .saved_queries {
  675.             display:none;
  676.         }
  677.  
  678.         .unelevated_faves.flights .saved_flights {
  679.             display:block;
  680.         }
  681.         .faves_tabs{
  682.             margin-left: 10px;
  683.         }
  684.         .faves_tabs a.tabs {
  685.             display: inline-block;
  686.             border-radius: 5px 5px 0 0;
  687.             text-decoration: none;
  688.             font-size: 12px;
  689.             line-height: 15px;
  690.             margin-right: 5px;
  691.             height: 25px;
  692.             padding: 5px 10px;
  693.             margin-top: 7px;
  694.         }
  695.         .unelevated_faves .tab_queries,
  696.         .unelevated_faves.flights .tab_flights {
  697.             background:#357677;
  698.             color:white;
  699.         }
  700.         .unelevated_faves .tab_flights,
  701.         .unelevated_faves.flights .tab_queries {
  702.             background: #cec9b9;
  703.             color:#444444;
  704.         }
  705.  
  706.         .unelevated_faves .saved_queries,
  707.         .unelevated_faves .saved_query {
  708.             list-style: none;
  709.         }
  710.         .unelevated_faves .saved_queries {
  711.             margin: 0 10px;
  712.             padding:0px;
  713.             border-top: 2px solid #367778;
  714.             position: absolute;
  715.             left: 0;
  716.             right: 0;
  717.             bottom: 0;
  718.             top: 32px;
  719.             overflow: scroll;
  720.         }
  721.         .saved_queries:empty:after {
  722.             display:flex;
  723.             content:"` + lang.nosaves + `";
  724.             text-align: center;
  725.             font-size: 14px;
  726.             align-items: center;
  727.             justify-content: center;
  728.             height: 95%;
  729.             opacity: 40%;
  730.             line-height: 25px;
  731.             margin: 0 25px;
  732.  
  733.         }
  734.         .unelevated_faves .saved_query {
  735.             position:relative;
  736.             margin: 0;
  737.             padding:3px 10px;
  738.             font-size:12px;
  739.             font-family: "Cathay Sans EN", CathaySans_Md, sans-serif;
  740.         }
  741.         .unelevated_faves .saved_query label {
  742.             margin: 0;
  743.             min-width: 150px;
  744.             display: inline-block;
  745.         }
  746.         .unelevated_faves .saved_query input {
  747.             vertical-align:-2px;
  748.             margin-right:5px;
  749.             //display:none;
  750.         }
  751.         .unelevated_faves .saved_query:nth-child(odd){
  752.             background: #f1efe6;
  753.         }
  754.  
  755.  
  756.  
  757.  
  758.         .unelevated_faves .saved_flights {
  759.             list-style: none;
  760.         }
  761.         .unelevated_faves .saved_flights {
  762.             margin: 0 10px;
  763.             padding:0px;
  764.             border-top: 2px solid #367778;
  765.             position: absolute;
  766.             left: 0;
  767.             right: 0;
  768.             bottom: 0;
  769.             top: 32px;
  770.             overflow: scroll;
  771.         }
  772.         .saved_flights:empty:after {
  773.             display:flex;
  774.             content:"` + lang.nosaves + `";
  775.             text-align: center;
  776.             font-size: 14px;
  777.             align-items: center;
  778.             justify-content: center;
  779.             height: 95%;
  780.             opacity: 40%;
  781.             line-height: 25px;
  782.             margin: 0 25px;
  783.  
  784.         }
  785.         .unelevated_faves .saved_flights .saved_flight {
  786.             position:relative;
  787.             margin: 0;
  788.             padding:3px 10px;
  789.             font-size:10px;
  790.             font-family: "Cathay Sans EN", CathaySans_Md, sans-serif;
  791.         }
  792.         .unelevated_faves .saved_flights .saved_flight label {
  793.             margin: 0 0 5px 0;
  794.             min-width: 150px;
  795.             display: inline-block;
  796.         }
  797.         .unelevated_faves .saved_flights .saved_flight input {
  798.             vertical-align:-2px;
  799.             margin-right:5px;
  800.         }
  801.         .unelevated_faves .saved_flights .saved_flight:nth-child(odd){
  802.             background: #f1efe6;
  803.         }
  804.         .unelevated_faves .saved_flights .saved_flight label > span {
  805.             display:inline-block;
  806.             vertical-align:top;
  807.         }
  808.         span.sf_date {
  809.             display:block;
  810.         }
  811.         span.sf_route {
  812.             background: #CCCCCC;
  813.             padding: 2px 6px;
  814.             border-radius: 5px 0 0 5px;
  815.             display: inline-block;
  816.         }
  817.         span.sf_flights {
  818.             background: #e3cfc8;
  819.             padding: 2px 6px;
  820.             border-radius: 0 5px 5px 0;
  821.             display: inline-block;
  822.         }
  823.         span.sf_avail > span {
  824.             display: inline-block;
  825.             line-height: 11px;
  826.             font-size: 10px;
  827.             padding: 2px 4px;
  828.             color: white;
  829.             font-weight: normal;
  830.             border-radius: 3px;
  831.             margin-left: 3px;
  832.             height: 15px;
  833.         }
  834.         span.sf_avail .av_j { background: #002e6c;}
  835.         span.sf_avail .av_f { background: #832c40;}
  836.         span.sf_avail .av_p { background: #487c93;}
  837.         span.sf_avail .av_y { background: #016564;}
  838.  
  839.         .multi_box{
  840.             height: 67px;
  841.             background: #f7f6f0;
  842.             border: 1px solid #bcbec0;
  843.             position: relative;
  844.             margin-top: -11px;
  845.             margin-bottom: -67px;
  846.             z-index: 10;
  847.             padding: 10px;
  848.             box-sizing: border-box;
  849.             display: flex; flex-wrap: wrap;
  850.         }
  851.         .multi_box * {
  852.             box-sizing: border-box;
  853.  
  854.         }
  855.         .multi_box.hidden{
  856.             display:none;
  857.         }
  858.         .multi_box select{
  859.             border: 1px solid #bcbec0;
  860.             height: 45px;
  861.             width: calc(35% - 10px);
  862.             margin-right:10px;
  863.             display:inline-block;
  864.             vertical-align:top;
  865.             padding: 10px;
  866.         }
  867.  
  868.         .multi_box label { margin:0; display: inline-block; position: relative; width: calc(20% - 10px); margin-right:10px; }
  869.         .multi_box label > span { position: absolute; top: 0px; left: 5px; color: #66686a; font-family: Cathay Sans EN, CathaySans_Rg, sans-serif; line-height: 25px; font-size: 10px;}
  870.         .multi_box input {  font-family: Cathay Sans EN, CathaySans_Rg, sans-serif; padding: 19px 5px 5px 5px; border-radius: 0px; border: 1px solid #bcbec0; display: inline-block; margin: 0px 8px 8px 0px; height: 45px; width: 100%; font-size:16px}
  871.         .multi_box a.multi_search { background-color: #367778;
  872.             overflow: hidden;
  873.             text-overflow: ellipsis;
  874.             border: none;
  875.             color: white;
  876.             vertical-align: top;
  877.             margin: 0px;
  878.             height: 45px;
  879.             width: calc(25%);
  880.             font-size: 11px;
  881.             text-align: center;
  882.             display: flex;
  883.             flex-wrap: wrap;
  884.             align-content: center;
  885.             justify-content: center;
  886.             text-decoration: none;
  887.             padding: 0px 10px;
  888.             line-height:15px;
  889.         }
  890.         a.switch:active {
  891.             margin-top: 40px;
  892.             margin-left: -18px;
  893.         }
  894.         a.switch {
  895.             display: inline-block;
  896.             position: absolute;
  897.             background: white;
  898.             z-index: 15;
  899.             margin-top: 38px;
  900.             border: 1px solid #bcbec0;
  901.             text-decoration: none;
  902.             padding: 2px 10px;
  903.             border-radius: 15px;
  904.             left: 32.5%;
  905.             margin-left: -19px;
  906.             height: 22px;
  907.             line-height: 16px;
  908.         }
  909.         a.switch svg path {
  910.             fill: #AAA;
  911.         }
  912.         .unelevated_form .labels { display: flex; flex-wrap: wrap;}
  913.         .unelevated_form .labels label { margin:0; display: inline-block; position: relative; width:50%; padding: 0px 8px 0px 0px; }
  914.         .unelevated_form .labels label.labels_left {width:65%;}
  915.         .unelevated_form .labels label.labels_right {width:35%;}
  916.         .unelevated_form .labels label > span { position: absolute; top: 0px; left: 5px; color: #66686a; font-family: Cathay Sans EN, CathaySans_Rg, sans-serif; line-height: 25px; font-size: 10px;}
  917.         .unelevated_form .labels input {  font-family: Cathay Sans EN, CathaySans_Rg, sans-serif; padding: 19px 5px 5px 5px; border-radius: 0px; border: 1px solid #bcbec0; display: inline-block; margin: 0px 8px 8px 0px; height: 45px; width: 100%; font-size:16px}
  918.         svg.clear_from, svg.clear_to {
  919.             position: absolute;
  920.             right: 20px;
  921.             top: 15px;
  922.             opacity: 30%;
  923.         }
  924.  
  925.         .unelevated_form button.uef_search { background-color: #367778; white-space:nowrap; overflow:hidden;text-overflow:ellipsis;border: none; color: white; display: inline-block;vertical-align: top; margin: 0px; height: 45px; width: calc(35% - 8px); font-size:15px}
  926.         .unelevated_sub { line-height:25px; vertical-align:top;} .coffee_emoji {display:inline-block; line-height:25px; font-size: 25px; margin-left: 6px; vertical-align: top;}
  927.         .unelevated_sub a { line-height:25px; vertical-align:top; font-family: Cathay Sans EN, CathaySans_Bd, sans-serif; font-size: 14px !important; text-decoration:underline dotted !important; margin: 0px; color: #ae4b4b !important; font-weight: bold;}
  928.         .unelevated_sub a:after { content:none !important; }
  929.  
  930.  
  931.         .heavy_user_prompt {
  932.             background: linear-gradient(339deg, #fdf98b, #e4c63f,#fef985,#eec946);
  933.             box-shadow: -1px 1px 3px rgb(155 95 70 / 40%);
  934.             border-radius: 5px;
  935.             padding: 1px;
  936.             margin-right:10px;
  937.             margin-top:10px;
  938.         }
  939.         .heavy_user_prompt a {
  940.             font-size: 15px; min-height:20px; padding:10px; line-height: 20px; text-decoration: underline !important; color: #802d2d; display: block;
  941.             background: linear-gradient(180deg, #fcd54a, #e8b524,#ffd561,#f7eb6d);
  942.             border-radius: 5px;
  943.             padding: 10px 8px;
  944.             text-align:center;
  945.         }
  946.  
  947.  
  948.         a.uef_toggle, a.uef_toggle:hover { background: #367778; display: block; position: absolute; right: -1px; top: -5px; padding-top:5px; width: 30px; text-align: center; text-decoration: none; color: white !important; padding-bottom: 5px; }
  949.         a.uef_toggle:after {content:'«'} .uef_collapsed a.uef_toggle:after {content : '»'}
  950.         .bulk_box {min-height: 60px; transition: margin-top 0.7s ease-out;background: #f7f6f0; border: 1px solid #bcbec0; box-shadow: 0px 0px 7px rgb(0 0 0 / 20%); margin-top: -11px !important; margin-bottom: 20px; z-index: 9; position: relative;}
  951.         .bulk_box_hidden {position:relative; margin-top:-80px;}
  952.         .bulk_results {transition: all 0.5s ease-out; min-height: 30px; margin: 0 10px 10px 10px;}
  953.         .bulk_results_hidden { height:0; min-height:0; margin:0; overflow:hidden; transition: all 0.5s ease-out;}
  954.         .filters {
  955.             text-align: center;
  956.             font-size: 12px;
  957.             padding: 10px 0px 10px 0px;
  958.             position: sticky;
  959.             top: 0;
  960.             z-index: 10;
  961.             background: #f7f6f0;
  962.             border-bottom: 1px solid #c6c2c1;
  963.         }
  964.         .filters input{
  965.             vertical-align: -2px;
  966.             margin-right:5px;
  967.             margin-left:10px;
  968.         }
  969.         .filters label {
  970.             display:inline-block;
  971.         }
  972.         .bulk_table { width:100%; border: 1px solid #c6c2c1; margin-top: -1px; font-size: 12px; border-spacing: 0; border-collapse: collapse; }
  973.         .bulk_table th { text-align:center !important; font-weight:bold; background: #ebedec; line-height:17px; font-size: 12px; }
  974.         .bulk_table td { background:white; }
  975.         .bulk_table tr:nth-child(even) td { background:#f9f9f9; }
  976.         .bulk_table th, .bulk_table td { border: 1px solid #c6c2c1; padding: 5px; }
  977.         .bulk_table .bulk_date { width:80px; text-align:center; }
  978.         .bulk_table .bulk_date a { text-decoration:underline !important; font-family: "Cathay Sans EN", CathaySans_Md, sans-serif; font-weight: 400; display:block;margin-bottom:5px;}
  979.         .unelevated_container .bulk_table td.bulk_flights > div { display:none; }
  980.         .unelevated_container .bulk_table td.bulk_flights > div:first-of-type { display:block; }
  981.         .unelevated_container .bulk_table td.bulk_flights .flight_title { display:none; }
  982.         .bulk_table td.bulk_flights { padding:5px 5px 0 5px; font-family: "Cathay Sans EN", CathaySans_Rg, sans-serif; font-weight: 400; line-height:0px; }
  983.         .bulk_table td.bulk_flights .flight_list:empty:after {
  984.             display: block;
  985.             height: 24px;
  986.             content: "` + lang.no_flights+ `";
  987.             margin-bottom: 5px;
  988.             margin-top: -3px;
  989.             margin-left: 10px;
  990.             font-family: "Cathay Sans EN", CathaySans_Rg, sans-serif;
  991.             font-weight: 400;
  992.             line-height: 24px;
  993.             color: #AAA;
  994.            }
  995.         .bulk_table td.bulk_flights .flight_list span.bulk_response_error { line-height: 24px;}
  996.         .bulk_table .bulk_flights .bulk_no_flights { display:block;padding-bottom:5px; }
  997.         .bulk_response_error { display:block;padding-bottom:5px;padding-left:5px;padding-right:5px; color:red; }
  998.         .bulk_table .flight_title { display: block; background: #dde8e8; font-size: 12px; line-height: 15px; padding: 3px 7px; margin-bottom: 7px; margin-top: 2px; border-bottom: 3px solid #357677; position:relative; }
  999.         .bulk_go_book { float:right; margin-right:5px; margin-left:10px; font-weight:bold;}
  1000.         a.bulk_save, a.bulk_save:hover, a.bulk_save:active { outline: none !important; float: left; margin-right:5px; text-decoration: none !important;}
  1001.         a.bulk_save svg.heart_save { width: 12px; height: 12 px;display: inline-block;}
  1002.         a.bulk_save svg.heart_save path { fill:gray;}
  1003.         a.bulk_saved svg.heart_save path { fill:#d65656; }
  1004.         a.bulk_save *, a.bulk_go_book * {  pointer-events: none; }
  1005.         .flight_wrapper {
  1006.             position:relative;
  1007.             display:inline-block;
  1008.         }
  1009.         .flight_info {
  1010.             position: absolute;
  1011.             left: 0;
  1012.             top: 37px;
  1013.             background: #e0e0e0;
  1014.             border: 1px solid #bbb;
  1015.             padding: 6px 10px;
  1016.             display: none;
  1017.             line-height: 18px;
  1018.             z-index: 15;
  1019.             border-radius: 5px;
  1020.             white-space: nowrap;
  1021.             box-shadow: 0px 0px 5px rgb(0 0 0 / 30%);
  1022.         }
  1023.         .flight_info > span {
  1024.             display:block;
  1025.         }
  1026.         .flight_info span.info_flight {
  1027.             font-weight:bold;
  1028.             font-family: CathaySans_Bd, sans-serif;
  1029.         }
  1030.         .info_dept > span, .info_arr > span {
  1031.             display: inline-block;
  1032.             width: 50px;
  1033.             color: #999;
  1034.             font-weight: bold;
  1035.             font-family: CathaySans_Md, sans-serif;
  1036.         }
  1037.         span.info_transit,
  1038.         span.info_duration {
  1039.             margin: 8px 0px;
  1040.             background: #ededed;
  1041.             border-radius: 5px;
  1042.             padding: 2px 8px;
  1043.             text-align: center;
  1044.             font-size: 11px;
  1045.             color: #888;
  1046.         }
  1047.         span.info_duration {
  1048.             margin-bottom:5px;
  1049.         }
  1050.         .flight_item.active + .flight_info {
  1051.             display:block;
  1052.         }
  1053.         .flight_item {
  1054.             transition: all 0.5s ease-in;
  1055.             background: #e0e0e0;
  1056.             line-height:15px !important;
  1057.             border-radius: 5px;
  1058.             margin-bottom: 5px;
  1059.             white-space: nowrap;
  1060.             font-size:12px;
  1061.             font-family: "GT Walsheim","Cathay Sans EN", CathaySans_Rg, sans-serif;
  1062.             font-weight:400;
  1063.             position:relative;
  1064.             display: inline-block;
  1065.             overflow:hidden;
  1066.  
  1067.             max-width:0px;
  1068.             padding: 6px 0px;
  1069.             margin-right: 0px;
  1070.         }
  1071.         .flight_item span.stopover { border-radius:5px;padding: 2px 4px; color: #909090 !important; display: inline-block; background: white; font-size: 10px; margin: 0px 4px !important; line-height: 11px; }
  1072.         .flight_item.direct { background: #cbe0cf; }
  1073.         .flight_item.saved { background:#f5ebd8; }
  1074.         .flight_item img { line-height: 15px; max-height: 15px; vertical-align: middle; margin-right: 2px; max-width: 20px;}
  1075.         .show_first .flight_item[data-f="1"],
  1076.         .show_business .flight_item[data-j="1"],
  1077.         .show_premium .flight_item[data-p="1"],
  1078.         .show_economy .flight_item[data-y="1"] {
  1079.         max-width:280px;
  1080.         padding: 6px 6px;
  1081.         margin-right: 6px;
  1082.         }
  1083.         .nonstop_only .flight_item[data-direct="0"] {
  1084.             max-width:0px;
  1085.             padding:6px 0px;
  1086.             margin-right: 0px;
  1087.         }
  1088.         span.bulk_j { background: #002e6c;}
  1089.         span.bulk_f { background: #832c40;}
  1090.         span.bulk_p { background: #487c93;}
  1091.         span.bulk_y { background: #016564;}
  1092.         .flight_item span.flight_num{
  1093.             line-height: 16px;
  1094.             vertical-align: middle;
  1095.             height: 16px;
  1096.             display: inline-block;
  1097.             padding: 2px 0;
  1098.         }
  1099.         .flight_item span.bulk_j,
  1100.         .flight_item span.bulk_f,
  1101.         .flight_item span.bulk_p,
  1102.         .flight_item span.bulk_y {
  1103.             color: white;
  1104.             border-radius: 5px;
  1105.             font-size:10px;
  1106.             overflow:hidden;
  1107.             transition: all 0.5s ease-in;
  1108.             display:inline-block;
  1109.             vertical-align:top;
  1110.             height: 16px;
  1111.             line-height: 16px;
  1112.  
  1113.             max-width:0px;
  1114.             padding: 2px 0px;
  1115.             margin-left: 0px;
  1116.         }
  1117.         .show_first span.bulk_f,
  1118.         .show_business span.bulk_j,
  1119.         .show_premium span.bulk_p,
  1120.         .show_economy span.bulk_y {
  1121.             max-width:25px;
  1122.             padding: 2px 5px;
  1123.             margin-left: 3px;
  1124.         }
  1125.  
  1126.  
  1127.         .flight_item:hover img,
  1128.         .flight_item:focus img,
  1129.         .flight_item:active img,
  1130.         .flight_item.saved img {
  1131.             opacity:0;
  1132.         }
  1133.         span.flight_save {
  1134.             display:none;
  1135.             position:absolute;
  1136.             left:5px;
  1137.             top:5px;
  1138.             opacity:0.6;
  1139.         }
  1140.         span.flight_save * {
  1141.             pointer-events: none;
  1142.         }
  1143.         span.flight_save svg {
  1144.             height:12px;
  1145.             width:12px;
  1146.             padding:5px;
  1147.         }
  1148.         .flight_item.saved span.flight_save {
  1149.             opacity:1;
  1150.             display:block;
  1151.         }
  1152.         .flight_item.saved svg.heart_save path {
  1153.             fill:#d65656;
  1154.         }
  1155.         .flight_item:hover span.flight_save,
  1156.         .flight_item:focus span.flight_save,
  1157.         .flight_item:active span.flight_save {
  1158.             display:inline-block;
  1159.         }
  1160.         .flight_item .chevron {
  1161.             vertical-align: top;
  1162.             display: inline-block;
  1163.             padding: 2px 0 2px 0px;
  1164.             height: 16px;
  1165.             opacity: 0.5;
  1166.             margin-right: -2px;
  1167.             margin-left: -2px;
  1168.         }
  1169.         .flight_item .chevron svg {
  1170.             vertical-align: top;
  1171.             transform:rotate(-90deg);
  1172.         }
  1173.  
  1174.         .flight_item.active .chevron svg {
  1175.             transform:rotate(0deg);
  1176.         }
  1177.         .flight_item * {  pointer-events: none; }
  1178.         .flight_item .flight_save {  pointer-events: auto; }
  1179.  
  1180.         .bulk_footer{ min-height: 45px; position:sticky; bottom:0;}
  1181.         /*.bulk_footer.bulk_sticky .bulk_footer_container { position: fixed; bottom: 0; padding: 10px; background: #f7f6f0; margin: 0 auto; border-top: 1px solid #c6c2c1; box-shadow: 0px 0px 7px rgb(0 0 0 / 20%); max-width: 858px; left: 0; right: 0; }*/
  1182.         .bulk_footer .bulk_footer_container { padding: 10px; background: #f7f6f0; margin: 0; }
  1183.         .bulk_footer.bulk_sticky .bulk_footer_container { border-top: 1px solid #c6c2c1; box-shadow: 0px 0px 7px rgb(0 0 0 / 20%); }
  1184.         @media screen and (max-width: 500px) { .bulk_footer.bulk_sticky .bulk_footer_container  { max-width: 838px;} }
  1185.         button.bulk_submit {position:relative;background-color: #367778; border: none; color: white; vertical-align: middle; margin: 0px auto; height: 45px; line-height: 35px; padding: 5px 0; width: 100%; display: block; font-family: "GT Walsheim","Cathay Sans EN", CathaySans_Rg, sans-serif !important;font-size:15px}
  1186.         .bulk_submit img, button.uef_search img {line-height: 35px; height: 25px; width:auto; display: inline-block; margin-right: 10px; vertical-align: -7px;}
  1187.         .bulk_searching, .uef_search.searching  {background-color: #b9cdc9 !important;}
  1188.         .col-select-departure-flight > .row:last-of-type { padding-bottom: 140px; }
  1189.         span.info-x { border-radius: 5px; padding: 2px 5px; margin-left: 5px; color:white; font-size:10px; font-family: CathaySans_Md, Cathay Sans EN; font-weight: 400; }
  1190.         span.info-f { background: #832c40;}
  1191.         span.info-j { background: #002e6c;}
  1192.         span.info-p { background: #487c93;}
  1193.         span.info-y { background: #016564;}
  1194.         .unelevated_update.hidden { display:none; }
  1195.         .unelevated_update { border-radius: 5px; background: #f27878; padding: 5px 10px; margin: 0px 8px 10px 0; text-align: center; }
  1196.         .unelevated_update a { color:white !important; } .unelevated_update a:after { content:none !important; }
  1197.         .unelevated_update a span { font-weight:bold; font-family: "GT Walsheim","Cathay Sans EN", CathaySans_Md, sans-serif; }
  1198.         .unelevated_update.update_show { display:block; }
  1199.  
  1200.         .login_prompt {  height: 40px; line-height: 20px; overflow: hidden; transition: all 0.5s ease-out; margin-bottom: 10px; }
  1201.         .login_prompt.hidden { height: 0; overflow:hidden; margin: 0; }
  1202.  
  1203.         .unelevated_faves {
  1204.             line-height: 20px;
  1205.             overflow: hidden;
  1206.             transition: all 0.5s ease-out;
  1207.             background: #eae6d9;
  1208.             border: 1px solid #bebebe;
  1209.             margin-right: 8px;
  1210.             box-shadow: inset 0px 0px 4px 0px rgb(0 0 0 / 10%);
  1211.             position: absolute;
  1212.             top: 0px;
  1213.             right: 0;
  1214.             left: 8px;
  1215.             z-index: 100;
  1216.             height: calc(100% - 52px);
  1217.             margin-top: 42px;
  1218.             opacity:1;
  1219.         }
  1220.         .unelevated_faves_hidden {height:0;opacity:0;}
  1221.         .unelevated_faves span.saved_title {
  1222.             height:20px;
  1223.             display: block;
  1224.             margin: 6px 15px;
  1225.             font-size: 13px;
  1226.             color: #787878;
  1227.             font-weight: bold;
  1228.             font-family: "Cathay Sans EN", CathaySans_Md, sans-serif;
  1229.         }
  1230.         a.search_selected {
  1231.             position: absolute;
  1232.             right: 15px;
  1233.             top: 6px;
  1234.             height: 20px;
  1235.             line-height: 20px !important;
  1236.             font-size: 12px !important;
  1237.             font-weight: bold !important;
  1238.             display:block;
  1239.         }
  1240.         .flights a.search_selected {
  1241.             position: absolute;
  1242.             right: 15px;
  1243.             top: 6px;
  1244.             height: 20px;
  1245.             line-height: 20px !important;
  1246.             font-size: 12px !important;
  1247.             font-weight: bold !important;
  1248.             display:none;
  1249.         }
  1250.         a.search_multicity {
  1251.             position: absolute;
  1252.             right: 15px;
  1253.             top: 6px;
  1254.             height: 20px;
  1255.             line-height: 20px !important;
  1256.             font-size: 12px !important;
  1257.             font-weight: bold !important;
  1258.             display:none;
  1259.         }
  1260.         .saved_book {
  1261.             margin-left:10px;
  1262.             line-height:20px !important;
  1263.             font-weight:bold;
  1264.             display:inline-block;
  1265.         }
  1266.         .saved_remove {
  1267.             font-weight:bold;
  1268.             position: absolute;
  1269.             line-height: 20px !important;
  1270.             font-weight: bold;
  1271.             right: 5px;
  1272.             top: 3px;
  1273.         }
  1274.         .flights .saved_remove {
  1275.             line-height: 36px !important;
  1276.         }
  1277.         .multi_on .search_multicity {
  1278.             position: absolute;
  1279.             right: 15px;
  1280.             top: 6px;
  1281.             height: 20px;
  1282.             line-height: 20px !important;
  1283.             font-size: 12px !important;
  1284.             font-weight: bold !important;
  1285.             display:block;
  1286.         }
  1287.         .multi_on .saved_book,
  1288.         .multi_on .saved_remove,
  1289.         .multi_on .search_selected {
  1290.             display:none;
  1291.         }
  1292.         .leg{ color: #ae4b4b !important; font-weight:bold;}
  1293.         .saved_remove svg{
  1294.             height:20px;
  1295.             fill:#b4afaf;
  1296.         }
  1297.         .saved_book *, .saved_remove * {
  1298.             pointer-events: none;
  1299.         }
  1300.         span.unelevated_error { padding: 10px 0 10px 10px; line-height:20px; max-height:100%; display: block; background: #ffd2d2; border-radius: 5px; margin: 0 10px 5px 0; text-align: center; color: #b54545; font-weight:bold; font-size:14px;}
  1301.         span.unelevated_error a {padding: 0; margin: 0;  text-decoration: underline; line-height: 20px; max-height: 100%; height: 24px; display: block; background: #ffd2d2; border-radius: 5px; margin: 0 10px 5px 0; text-align: center; color: #b54545;font-family: CathaySans_Md, Cathay Sans EN; font-weight: 400;}
  1302.         .bulk_error span {padding: 5px; line-height: 20px; height: 20px; max-height: 100%; display: block; background: #eae6d9; border-radius: 5px; text-align: center; color: #b54545; margin-top: 10px; font-size: 12px; transition: all 0.5s ease-out;font-family: CathaySans_Md, Cathay Sans EN; font-weight: 400;}
  1303.         .bulk_error_hidden span { height:0; margin-top: 0; overflow:hidden; padding:0;}
  1304.  
  1305.         .unelevated_form .autocomplete {
  1306.             /*the container must be positioned relative:*/
  1307.             position: relative;
  1308.             display: inline-block;
  1309.         }
  1310.         .unelevated_form .autocomplete-items {
  1311.             position: absolute;
  1312.             border: 1px solid #bcbec0;
  1313.             border-top: none;
  1314.             z-index: 99;
  1315.             top: 100%;
  1316.             left: 0;
  1317.             right: 8px;;
  1318.             margin-top:-8px;
  1319.             max-height:200px;
  1320.             overflow:scroll;
  1321.             background:white;
  1322.         }
  1323.         .unelevated_form .autocomplete-items div {
  1324.             padding: 5px;
  1325.             cursor: pointer;
  1326.             background-color: #fff;
  1327.             border-bottom: 1px solid #e4e4e4;
  1328.             font-size:12px;
  1329.             font-weight: normal;
  1330.             font-family: "Cathay Sans EN", CathaySans_Rg, sans-serif;
  1331.             white-space: nowrap;
  1332.             overflow: hidden;
  1333.         }
  1334.         .unelevated_form .autocomplete-items div span.sa_code {
  1335.             margin-left:5px;
  1336.             display:inline-block;
  1337.             width:30px;
  1338.             font-weight:normal;
  1339.         }
  1340.         .unelevated_form .autocomplete-items div span.sc_code {
  1341.             color:#888;
  1342.             display:inline-block;
  1343.             margin-left:10px;
  1344.             font-weight:normal;
  1345.         }
  1346.  
  1347.         .unelevated_form .autocomplete-items div:hover {
  1348.             /*when hovering an item:*/
  1349.             background-color: #e9e9e9;
  1350.         }
  1351.         .unelevated_form .autocomplete-active, .unelevated_form div.autocomplete-active span.sc_code {
  1352.             /*when navigating through the items using the arrow keys:*/
  1353.             background-color: DodgerBlue !important;
  1354.             color: #ffffff;
  1355.         }
  1356.         #planner_routes {
  1357.             background: #f7f6f0;
  1358.             padding: 5px 10px;
  1359.             margin-bottom: -10px;
  1360.             border: 1px solid #bcbec0;
  1361.             box-shadow: 0px 0px 7px rgb(0 0 0 / 20%);
  1362.             border-bottom: none;
  1363.         }
  1364.         #planner_routes:empty {
  1365.             display:none;
  1366.         }
  1367.         a.planner_route {
  1368.             color: #016564;
  1369.             display: inline-block;
  1370.             margin-right: 10px;
  1371.             font-size: 14px;
  1372.         }
  1373.     `;
  1374.  
  1375.     addCss(`.captcha_wrapper {
  1376.             position: fixed;
  1377.             top: 150px;
  1378.             left: 50%;
  1379.             width: 300px;
  1380.             height: 200px;
  1381.             background: white;
  1382.             z-index: 20;
  1383.             padding: 10px;
  1384.             margin-left: -150px;
  1385.             box-shadow: 0px 0px 5px;
  1386.             border-radius: 5px;
  1387.         }
  1388.         .human_check {
  1389.             margin: 10px 20px 20px 20px;
  1390.             text-align: center;
  1391.         }
  1392.         `, document.body)
  1393.  
  1394. //============================================================
  1395. // Form Listeners
  1396. //============================================================
  1397.  
  1398.     let btn_search, btn_batch;
  1399.     let input_from, input_to, input_date, input_adult, input_child;
  1400.     let clear_from, clear_to;
  1401.     let link_search_saved, link_search_multi, div_filters;
  1402.     let div_update, div_login_prompt, div_bulk_box, div_footer,div_ue_container, div_saved, div_faves_tabs, div_saved_queries;
  1403.     let div_saved_flights, div_multi_box, div_table, div_table_body;
  1404.     let premium_switch;
  1405.  
  1406.     function assignElemets(){
  1407.  
  1408.         log("assignElemets()");
  1409.         btn_search =    shadowRoot.querySelector(".uef_search"); // Search Button
  1410.         btn_batch =     shadowRoot.querySelector(".bulk_submit"); // Batch Search Button
  1411.         input_from =    shadowRoot.querySelector("#uef_from");
  1412.         input_to =      shadowRoot.querySelector("#uef_to");
  1413.         input_date =    shadowRoot.querySelector("#uef_date");
  1414.         input_adult =   shadowRoot.querySelector("#uef_adult");
  1415.         input_child =   shadowRoot.querySelector("#uef_child");
  1416.         clear_from =    shadowRoot.querySelector(".clear_from");
  1417.         clear_to =      shadowRoot.querySelector(".clear_to");
  1418.  
  1419.         link_search_saved = shadowRoot.querySelector(".search_selected");
  1420.         link_search_multi = shadowRoot.querySelector(".multi_search");
  1421.  
  1422.         div_filters =        shadowRoot.querySelector(".filters");
  1423.         div_update =        shadowRoot.querySelector(".unelevated_update");
  1424.         div_login_prompt =  shadowRoot.querySelector(".login_prompt");
  1425.         div_bulk_box =        shadowRoot.querySelector(".bulk_box");
  1426.         div_footer =        shadowRoot.querySelector(".bulk_footer");
  1427.         div_ue_container =  shadowRoot.querySelector(".unelevated_form");
  1428.         div_saved = shadowRoot.querySelector(".unelevated_faves");
  1429.         div_faves_tabs = shadowRoot.querySelector(".unelevated_faves .faves_tabs");
  1430.         div_saved_queries = shadowRoot.querySelector(".unelevated_faves .saved_queries");
  1431.         div_saved_flights = shadowRoot.querySelector(".unelevated_faves .saved_flights");
  1432.         div_multi_box = shadowRoot.querySelector(".multi_box");
  1433.         div_table =         shadowRoot.querySelector(".bulk_table");
  1434.         div_table_body =    shadowRoot.querySelector(".bulk_table tbody");
  1435.  
  1436.         premium_switch =    shadowRoot.querySelector(".prem_title");
  1437.     }
  1438.  
  1439.     function addFormListeners(){
  1440.  
  1441.         log("addFormListeners()");
  1442.         btn_search.addEventListener("click", function(e) {
  1443.             uef_from =  value_set("uef_from",input_from.value);
  1444.             uef_to =    value_set("uef_to",input_to.value);
  1445.             uef_date =  value_set("uef_date",input_date.value);
  1446.             uef_adult = value_set("uef_adult",input_adult.value);
  1447.             uef_child = value_set("uef_child",input_child.value);
  1448.             regularSearch([{from:uef_from.substring(0,3), to:uef_to.substring(0, 3), date:uef_date}], {adult:uef_adult, child:uef_child}, "Y", (uef_to.length > 3 ? true : false), false);
  1449.         });
  1450.  
  1451.         btn_batch.addEventListener("click", function(e) {
  1452.             autoScroll = true;
  1453.             bulk_click();
  1454.         });
  1455.  
  1456.         shadowRoot.querySelector(".switch").addEventListener('click', function(e) {
  1457.             let from = input_from.value;
  1458.             let to = input_to.value;
  1459.             input_from.value = to;
  1460.             input_to.value = from;
  1461.             route_changed = true;
  1462.         });
  1463.  
  1464.         [input_from, input_to].forEach( item => { item.addEventListener('keyup', function(e) {
  1465.             if (r!=t) return;
  1466.             if (e.keyCode == 32 || e.keyCode == 188 || e.keyCode == 13){
  1467.                 if(e.keyCode == 13) this.value += ",";
  1468.                 this.value = this.value.toUpperCase().split(/[ ,]+/).join(',');
  1469.             }
  1470.         }) });
  1471.  
  1472.         input_from.addEventListener("change", function(e) {
  1473.             if (r!=t) this.value = this.value.toUpperCase().substring(0,3);
  1474.             route_changed = true;
  1475.             batchLabel(lang.bulk_batch + " " + input_from.value + " - " + input_to.value + " " + lang.bulk_flights);
  1476.             let dest = this.value.match(/[A-Z]{3}$/);
  1477.             if (dest) getDestinations(dest[0]);
  1478.         });
  1479.  
  1480.         input_to.addEventListener("change", function(e) {
  1481.             if (r!=t) this.value = this.value.toUpperCase().substring(0,3);
  1482.             route_changed = true;
  1483.             batchLabel(lang.bulk_batch + " " + input_from.value + " - " + input_to.value + " " + lang.bulk_flights);
  1484.         });
  1485.  
  1486.         let inFocus = false;
  1487.  
  1488.         [input_from, input_to].forEach( item => { item.addEventListener('focus', function(e){
  1489.             if(this.value.length > 0 && r == t) this.value = this.value + ",";
  1490.         }) });
  1491.  
  1492.         [input_from, input_to].forEach( item => { item.addEventListener('click', function(e){
  1493.             if(r==t){
  1494.                 if(!inFocus) this.setSelectionRange(this.value.length,this.value.length);
  1495.                 inFocus = true;
  1496.             } else {
  1497.                 this.select()
  1498.             }
  1499.         }) });
  1500.  
  1501.         [input_from, input_to].forEach( item => { item.addEventListener('blur', function(e) {
  1502.             inFocus = false;
  1503.             this.value = this.value.toUpperCase().split(/[ ,]+/).join(',').replace(/,+$/, "")
  1504.             this.dispatchEvent(new Event('change'));
  1505.             checkCities(this);
  1506.         }) });
  1507.  
  1508.         input_date.addEventListener("change",function(e){
  1509.             if (!isValidDate(this.value)) {
  1510.                 alert(lang.invalid_date);
  1511.                 this.value = uef_date;
  1512.             } else {
  1513.                 route_changed = true;
  1514.             }
  1515.         });
  1516.  
  1517.         clear_from.addEventListener("click", function(e) {
  1518.              input_from.value = "";
  1519.         });
  1520.  
  1521.         clear_to.addEventListener("click", function(e) {
  1522.              input_to.value = "";
  1523.         });
  1524.  
  1525.         div_table.addEventListener("click",function(e){
  1526.             var key;
  1527.             if(e.target.dataset.book) {
  1528.                 stop_batch();
  1529.                 //stop_search = true;
  1530.                 //searching = false;
  1531.                 e.target.innerText = lang.loading;
  1532.                 regularSearch([{from:(e.target.dataset.from ? e.target.dataset.from : uef_from.substring(0,3)), to:(e.target.dataset.dest ? e.target.dataset.dest : uef_to.substring(0,3)), date:e.target.dataset.date}], {adult:uef_adult, child:uef_child}, "Y", false, false, false)
  1533.             } else if (e.target.dataset.save) {
  1534.                 key = e.target.dataset.date + e.target.dataset.from + e.target.dataset.dest;
  1535.                 if(e.target.classList.contains("bulk_saved")){
  1536.                     e.target.classList.remove("bulk_saved");
  1537.                     delete saved[key];
  1538.                     update_saved_count();
  1539.                 } else{
  1540.                     e.target.classList.add("bulk_saved");
  1541.                     saved[key]=1;
  1542.                     update_saved_count();
  1543.                 }
  1544.                 value_set("saved", saved)
  1545.             } else if (e.target.classList.contains("flight_save")) {
  1546.                 key = e.target.parentNode.dataset.flightinfo;
  1547.                 var flightavail = e.target.parentNode.dataset.flightavail.split("_");
  1548.                 if(e.target.parentNode.classList.contains("saved")){
  1549.                     e.target.parentNode.classList.remove("saved");
  1550.                     delete saved_flights[key];
  1551.                     update_saved_flights();
  1552.                 } else{
  1553.                     e.target.parentNode.classList.add("saved");
  1554.                     saved_flights[key]={ f: flightavail[0], j: flightavail[1], p: flightavail[2], y: flightavail[3]};
  1555.                     update_saved_flights();
  1556.                 }
  1557.                 value_set("saved_flights", saved_flights)
  1558.             } else if (e.target.classList.contains("flight_item")) {
  1559.                 if(e.target.classList.contains("active")) {
  1560.                     e.target.classList.remove("active");
  1561.                 } else {
  1562.                     shadowRoot.querySelectorAll(".flight_item").forEach(function(elm){
  1563.                         elm.classList.remove('active');
  1564.                     });
  1565.                     e.target.classList.add("active");
  1566.                 }
  1567.                 
  1568.  
  1569.             }
  1570.         });
  1571.  
  1572.         document.addEventListener("scroll", function() {
  1573.             shadowRoot.querySelectorAll(".flight_item").forEach(function(elm){
  1574.                 elm.classList.remove('active');
  1575.             });
  1576.         });
  1577. /*
  1578.         value_set("saved",{
  1579.        "20230809TPETYO":1,
  1580.        "20230816TYOCDG":1,
  1581.        "20230816TYOLHR":1,
  1582.        "20230823CDGAMS":1,
  1583.        "20230823CDGMAD":1,
  1584.        "20230826AMSHKG":1,
  1585.        "20230826MADLHR":1,
  1586.        "20230906LHRHKG":1,
  1587.        "20230906LHRDOH":1,
  1588.        "20230913HKGTPE":1
  1589.         });*/
  1590.  
  1591.         div_saved.addEventListener("click",function(e){
  1592.             if (e.target.dataset.remove) {
  1593.                 delete saved[e.target.dataset.remove];
  1594.                 delete saved_flights[e.target.dataset.remove];
  1595.                 update_saved_count();
  1596.                 update_saved_flights();
  1597.                 value_set("saved", saved)
  1598.                 value_set("saved_flights", saved_flights)
  1599.             }
  1600.         });
  1601.  
  1602.         div_saved_queries.addEventListener("click",function(e){
  1603.             if(e.target.dataset.book) {
  1604.                 stop_batch();
  1605.                 e.target.innerText = lang.loading;
  1606.                 regularSearch([{from:(e.target.dataset.from ? e.target.dataset.from : uef_from), to:(e.target.dataset.dest ? e.target.dataset.dest : uef_to), date:e.target.dataset.date}], {adult:1, child:0})
  1607.             } else if (e.target.type == "checkbox") {
  1608.                 div_saved_queries.querySelectorAll(".selected").forEach(function(elm){
  1609.                     delete elm.dataset.new;
  1610.                 });
  1611.  
  1612.                 if(e.target.checked){
  1613.                     e.target.parentNode.parentNode.dataset.new = true;
  1614.                     e.target.parentNode.parentNode.classList.add("selected");
  1615.                     div_saved_queries.parentNode.classList.add("multi_on");
  1616.                     div_multi_box.classList.remove("hidden");
  1617.                 } else {
  1618.                     e.target.parentNode.parentNode.classList.remove("selected");
  1619.                     e.target.parentNode.parentNode.querySelector(".leg").innerText = "";
  1620.                     delete e.target.parentNode.parentNode.dataset.segment;
  1621.                     if(div_saved_queries.querySelectorAll(".selected").length == 0) {
  1622.                         div_saved_queries.parentNode.classList.remove("multi_on");
  1623.                         div_multi_box.classList.add("hidden");
  1624.                     }
  1625.                 }
  1626.  
  1627.                 let segments_array = div_saved_queries.querySelectorAll(".selected");
  1628.  
  1629.                 if(segments_array.length == 6) {
  1630.                     div_saved_queries.querySelectorAll("input:not(:checked)").forEach(item => {item.disabled = true});
  1631.                 } else {
  1632.                     div_saved_queries.querySelectorAll("input").forEach(item => {item.disabled = false});
  1633.                 }
  1634.  
  1635.                 let pos = 1;
  1636.                 Array.from(segments_array).sort(function(a,b){
  1637.                     if(+a.dataset.date > +b.dataset.date) return 1;
  1638.                     if(a.dataset.date == b.dataset.date) return (a.dataset.new ? 1 : (a.dataset.segment > b.dataset.segment ? 1 : -1));
  1639.                     return false;
  1640.                 }).forEach(function(elm){
  1641.                     elm.dataset.segment = pos;
  1642.                     elm.querySelector(".leg").innerText = "Segment " + pos;
  1643.                     pos++;
  1644.                 });
  1645.             }
  1646.         });
  1647.  
  1648.         div_saved_flights.addEventListener("click",function(e){
  1649.         });
  1650.  
  1651.  
  1652.         div_filters.querySelectorAll("input").forEach(item =>{ item.addEventListener("click",function(e){
  1653.             if(e.target.id == "filter_nonstop"){
  1654.                 if(e.target.checked){ div_table.classList.add("nonstop_only") } else { div_table.classList.remove("nonstop_only") }
  1655.             } else if (e.target.id == "filter_first"){
  1656.                 if(e.target.checked){ div_table.classList.add("show_first") } else { div_table.classList.remove("show_first") }
  1657.             } else if (e.target.id == "filter_business"){
  1658.                 if(e.target.checked){ div_table.classList.add("show_business") } else { div_table.classList.remove("show_business") }
  1659.             } else if (e.target.id == "filter_premium"){
  1660.                 if(e.target.checked){ div_table.classList.add("show_premium") } else { div_table.classList.remove("show_premium") }
  1661.             } else if (e.target.id == "filter_economy"){
  1662.                 if(e.target.checked){ div_table.classList.add("show_economy") } else { div_table.classList.remove("show_economy") }
  1663.             }
  1664.         })});
  1665.  
  1666.         link_search_saved.addEventListener("click",function(e){
  1667.             if(Object.keys(saved).length == 0) {
  1668.                 alert("No Saved Queries.");
  1669.             } else {
  1670.                 this.innerText = lang.loading;
  1671.                 saved_search();
  1672.             }
  1673.         });
  1674.  
  1675.         link_search_multi.addEventListener("click",function(e){
  1676.             if(shadowRoot.querySelectorAll(".saved_query.selected").length == 0) {
  1677.                 alert("No Selected Segments.");
  1678.             } else {
  1679.                 this.innerText = lang.loading;
  1680.                 var to_search = [];
  1681.                 Array.from(shadowRoot.querySelectorAll(".saved_query.selected")).sort(function(a,b){
  1682.                     return a.dataset.segment - b.dataset.segment;
  1683.                 }).forEach(segment => {
  1684.                     to_search.push({
  1685.                         date: segment.dataset.date,
  1686.                         from: segment.dataset.route.substring(0,3),
  1687.                         to: segment.dataset.route.substring(3,6)
  1688.                     });
  1689.                 })
  1690.                 regularSearch(to_search, {adult:shadowRoot.querySelector("#multi_adult").value,child:shadowRoot.querySelector("#multi_child").value} ,shadowRoot.querySelector("#multi_cabin").value);
  1691.             }
  1692.         });
  1693.  
  1694.         div_faves_tabs.addEventListener("click",function(e){
  1695.             if (e.target.classList.contains("tab_flights")) this.parentNode.classList.add("flights");
  1696.             if (e.target.classList.contains("tab_queries")) this.parentNode.classList.remove("flights");
  1697.         });
  1698.  
  1699.         shadowRoot.querySelector(".unelevated_saved a").addEventListener("click",function(e){
  1700.             //alert(JSON.stringify(saved));
  1701.             shadowRoot.querySelector(".unelevated_faves").classList.toggle("unelevated_faves_hidden");
  1702.         });
  1703.  
  1704.         shadowRoot.querySelector(".unelevated_premium a").addEventListener("click",function(e){
  1705.             shadowRoot.querySelector(".unelevated_prem_desc").classList.toggle("unelevated_prem_hidden");
  1706.         });
  1707.  
  1708.         let pt_count = 0
  1709.         premium_switch.addEventListener("click",function(e){
  1710.             if(++pt_count == 9){
  1711.                 let a_i = document.createElement("input");
  1712.                 a_i.type = "text";
  1713.                 a_i.setAttribute("id","activation_input");
  1714.                 a_i.setAttribute("placeholder","Activation Key");
  1715.                 a_i.addEventListener("input", function(e) {
  1716.                     check_key(this.value.toUpperCase());
  1717.                 });
  1718.                 premium_switch.after(a_i);
  1719.                 let cnft_script = document.createElement('script');
  1720.                 cnft_script.src = "https://cdn.jsdelivr.net/npm/js-confetti@latest/dist/js-confetti.browser.js";
  1721.                 document.body.appendChild(cnft_script);
  1722.             }
  1723.         });
  1724.  
  1725.     };
  1726.  
  1727. //============================================================
  1728. // Data Retrievers
  1729. //============================================================
  1730.  
  1731.     const airports = {
  1732.         origins:[],
  1733.         dest:[]
  1734.     };
  1735.  
  1736.  
  1737.     unsafeWindow.innerFunc = function innerFunc(){
  1738.         console.log("innerfunc");
  1739.     };
  1740.  
  1741.  
  1742.     function getOrigins(){
  1743.         log("getOrigins()");
  1744.         httpRequest({
  1745.             method: "GET",
  1746.             url: "https://api.cathaypacific.com/redibe/airport/origin/" + (browser_lang == "zh" ? (browser_country == "CN" ? "sc" : "zh") : "en") + "/",
  1747.             onload: function(response) {
  1748.                 var data = JSON.parse(response.responseText);
  1749.                 if(data.airports){
  1750.                     data.airports.forEach(airport => {
  1751.                         airports.origins[airport.airportCode] = {
  1752.                             airportCode:airport.airportCode,
  1753.                             shortName:airport.shortName,
  1754.                             countryName:airport.countryName
  1755.                         }
  1756.                     });
  1757.                 } else {
  1758.                     airports.origins = [];
  1759.                 }
  1760.             }
  1761.         });
  1762.     }
  1763.  
  1764.     function getDestinations(from){
  1765.         if (!airports.origins[from]) return;
  1766.         log("getDestinations()");
  1767.         httpRequest({
  1768.             method: "GET",
  1769.             url: "https://api.cathaypacific.com/redibe/airport/destination/" + from + "/" + (browser_lang == "zh" ? (browser_country == "CN" ? "sc" : "zh") : "en") + "/",
  1770.             onload: function(response) {
  1771.                 var data = JSON.parse(response.responseText);
  1772.                 if(data.airports){
  1773.                     data.airports.forEach(airport => {
  1774.                         airports.dest[airport.airportCode] = {
  1775.                             airportCode:airport.airportCode,
  1776.                             shortName:airport.shortName,
  1777.                             countryName:airport.countryName
  1778.                         }
  1779.                     });
  1780.                 } else {
  1781.                     airports.dest = [];
  1782.                 }
  1783.             }
  1784.         });
  1785.     }
  1786.  
  1787. //============================================================
  1788. // UI Logic
  1789. //============================================================
  1790.  
  1791.    //Batch Button Text
  1792.     function batchLabel(label){
  1793.         if(shadowRoot.querySelector(".bulk_submit")) {
  1794.             shadowRoot.querySelector(".bulk_submit").innerHTML = label;
  1795.         }
  1796.     }
  1797.     function batchError(label){
  1798.         if(label) {
  1799.             shadowRoot.querySelector(".bulk_error span").innerHTML = label;
  1800.             shadowRoot.querySelector(".bulk_error").classList.remove("bulk_error_hidden");
  1801.         } else {
  1802.             shadowRoot.querySelector(".bulk_error").classList.add("bulk_error_hidden");
  1803.         }
  1804.     }
  1805.  
  1806.     function autocomplete(inp, list) {
  1807.       /*the autocomplete function takes two arguments,
  1808.       the text field element and an array of possible autocompleted values:*/
  1809.       var currentFocus;
  1810.       /*execute a function when someone writes in the text field:*/
  1811.         inp.addEventListener("input", function(e) {
  1812.             newAC(this,e);
  1813.         });
  1814.         inp.addEventListener("click", function(e) {
  1815.             //newAC(this,e);
  1816.         });
  1817.       /*execute a function presses a key on the keyboard:*/
  1818.       inp.addEventListener("keydown", function(e) {
  1819.           var x = shadowRoot.getElementById(this.id + "autocomplete-list");
  1820.           if (x) x = x.getElementsByTagName("div");
  1821.           if (e.keyCode == 40) {
  1822.             /*If the arrow DOWN key is pressed,
  1823.             increase the currentFocus variable:*/
  1824.             currentFocus++;
  1825.             /*and and make the current item more visible:*/
  1826.             addActive(x);
  1827.           } else if (e.keyCode == 38) { //up
  1828.             /*If the arrow UP key is pressed,
  1829.             decrease the currentFocus variable:*/
  1830.             currentFocus--;
  1831.             /*and and make the current item more visible:*/
  1832.             addActive(x);
  1833.           } else if (e.keyCode == 13) {
  1834.             /*If the ENTER key is pressed, prevent the form from being submitted,*/
  1835.             e.preventDefault();
  1836.             closeAllLists();
  1837.             if (currentFocus > -1) {
  1838.               /*and simulate a click on the "active" item:*/
  1839.               if (x) x[currentFocus].click();
  1840.             } else {
  1841.               if (x) x.querySelector(":not").click();
  1842.             }
  1843.           } else if (e.keyCode == 32 || e.keyCode == 9) {
  1844.             /*If the SPACE or TAB key is pressed, select first option*/
  1845.             closeAllLists();
  1846.               /*and simulate a click on the "active" item:*/
  1847.               if (x) x[0].click();
  1848.           }
  1849.       });
  1850.       function addActive(x) {
  1851.         /*a function to classify an item as "active":*/
  1852.         if (!x) return false;
  1853.         /*start by removing the "active" class on all items:*/
  1854.         removeActive(x);
  1855.         if (currentFocus >= x.length) currentFocus = 0;
  1856.         if (currentFocus < 0) currentFocus = (x.length - 1);
  1857.         /*add class "autocomplete-active":*/
  1858.         x[currentFocus].classList.add("autocomplete-active");
  1859.       }
  1860.       function removeActive(x) {
  1861.         /*a function to remove the "active" class from all autocomplete items:*/
  1862.         for (var i = 0; i < x.length; i++) {
  1863.           x[i].classList.remove("autocomplete-active");
  1864.         }
  1865.       }
  1866.       function closeAllLists(elmnt) {
  1867.         /*close all autocomplete lists in the document,
  1868.         except the one passed as an argument:*/
  1869.         var x = shadowRoot.querySelectorAll(".autocomplete-items");
  1870.         for (var i = 0; i < x.length; i++) {
  1871.           if (elmnt != x[i] && elmnt != inp) {
  1872.           x[i].parentNode.removeChild(x[i]);
  1873.             }
  1874.         }
  1875.       }
  1876.         function checkLocale(code){
  1877.             return code.replace(atob("VGFpd2FuIENoaW5h"), atob("VGFpd2Fu")).replace(decodeURI(atob("JUU0JUI4JUFEJUU1JTlDJThCJUU1JThGJUIwJUU3JTgxJUEz")), decodeURI("%E5%8F%B0%E7%81%A3"));
  1878.         }
  1879.  
  1880.         function newAC(elm,e){
  1881.             var arr = airports[list] || [];
  1882.             var a, b, c, i, sa, sc, se, val = elm.value;
  1883.           /*close any already open lists of autocompleted values*/
  1884.           closeAllLists();
  1885.           val = elm.value.match(/[^,]+$/) ? elm.value.match(/[^,]+$/)[0] : false;
  1886.           if (!val) { return false;}
  1887.           currentFocus = -1;
  1888.           /*create a DIV element that will contain the items (values):*/
  1889.           a = document.createElement("DIV");
  1890.           a.setAttribute("id", elm.id + "autocomplete-list");
  1891.           a.setAttribute("class", "autocomplete-items");
  1892.           /*append the DIV element as a child of the autocomplete container:*/
  1893.           elm.parentNode.appendChild(a);
  1894.             var sep = document.createElement("span");
  1895.             sep.style.display="none";
  1896.             sep.classList.add("ac_separator");
  1897.             a.appendChild(sep);
  1898.           /*for each item in the array...*/
  1899.           var favs = ["TPE","TSA","KHH","RMQ","TYO","HND","NRT","KIX","ITM","CTS","FUK","NGO","OKA","ICN","PUS",
  1900.                       "GMP","CJU","HKG","MFM","BKK","CNX","HKT","CGK","DPS","SUB","KUL","BKI","PEN","DAD","HAN","SGN",
  1901.                       "CEB","MNL","SIN","PNH","DEL","BOM","DXB","DOH","TLV","BCN","MAD","MXP","CDG","ZRH","MUC",
  1902.                       "FCO","FRA","CDG","AMS","LHR","LGW","LON","MAN","FCO","BOS","JFK","YYZ","ORD","IAD","YVR",
  1903.                       "SFO","LAX","SAN","SEA","JNB","PER","SYD","BNE","MEL","AKL","HEL","BLR","SHA","PVG","PEK",
  1904.                       "CAN","KTM","ADL","CPT","ATH","IST","SOF","VCE","BUD","PRG","VIE","BER","WAW","KBP","CPH",
  1905.                      "DUS","BRU","OSL","ARN","DUB","MIA","ATL","IAH","DFW","PHL","CMN","LAS","SJC","DEN","AUS",
  1906.                      "MSY","MCO","EWR","NYC","LIS","OPO","SPU","DBV","ZAG","MLE","LIM","BOG","CNS","GRU","SCL","GIG","EZE","MEX","CUN"];
  1907.           Object.keys(arr).forEach(key => {
  1908.             /*check if the item starts with the same letters as the text field value:*/
  1909.             var airportCode = arr[key].airportCode;
  1910.             var countryName = checkLocale(arr[key].countryName);
  1911.             var shortName = arr[key].shortName;
  1912.             if(airportCode.length > 3) return;
  1913.             if (val.toUpperCase() == airportCode.substr(0, val.length).toUpperCase() || val.toUpperCase() == countryName.substr(0, val.length).toUpperCase() || val.toUpperCase() == shortName.substr(0, val.length).toUpperCase() ) {
  1914.             sa = (airportCode.substr(0, val.length).toUpperCase() == val.toUpperCase()) ? val.length : 0;
  1915.             se = (shortName.substr(0, val.length).toUpperCase() == val.toUpperCase()) ? val.length : 0;
  1916.             sc = (countryName.substr(0, val.length).toUpperCase() == val.toUpperCase()) ? val.length : 0;
  1917.               /*create a DIV element for each matching element:*/
  1918.               b = document.createElement("DIV");
  1919.               /*make the matching letters bold:*/
  1920.               c = "<span class='sa_code'><strong>" + airportCode.substr(0, sa) + "</strong>" + airportCode.substr(sa) + "</span>";
  1921.               c += "<span class='sc_code'><strong>" + shortName.substr(0, se) + "</strong>" + shortName.substr(se) + "";
  1922.               c += " - <strong>" + countryName.substr(0, sc) + "</strong>" + countryName.substr(sc) + "</span>";
  1923.               c += "</span>";
  1924.               /*insert a input field that will hold the current array item's value:*/
  1925.               c += "<input type='hidden' value='" + airportCode + "'>";
  1926.               b.dataset.city = airportCode;
  1927.               b.innerHTML = c;
  1928.               /*execute a function when someone clicks on the item value (DIV element):*/
  1929.                   b.addEventListener("click", function(e) {
  1930.                   /*insert the value for the autocomplete text field:*/
  1931.                   inp.value = [inp.value.replace(/([,]?[^,]*)$/,""),this.dataset.city].filter(Boolean).join(",");
  1932.                   inp.dispatchEvent(new Event('change'));
  1933.                   /*close the list of autocompleted values,
  1934.                   (or any other open lists of autocompleted values:*/
  1935.                   closeAllLists();
  1936.               });
  1937.  
  1938.                 if(["TPE","KHH","HKG"].includes(airportCode)){
  1939.                     a.prepend(b);
  1940.                 } else if(favs.includes(airportCode)) {
  1941.                     a.insertBefore(b, sep);
  1942.                 } else {
  1943.                     a.appendChild(b);
  1944.                 }
  1945.  
  1946.             }
  1947.           });
  1948.         }
  1949.         /*execute a function when someone clicks in the document:*/
  1950.         document.addEventListener("click", function (e) {
  1951.             if (e.target == inp) return;
  1952.            closeAllLists(e.target);
  1953.         });
  1954.     }
  1955.  
  1956.     function elevate(){
  1957.         log("elevate()");
  1958.         input_from.setAttribute('placeholder','TPE,HKG');
  1959.         input_to.setAttribute('placeholder','TYO,LHR,SFO');
  1960.     }
  1961.  
  1962. //============================================================
  1963. // Application Logic
  1964. //============================================================
  1965.  
  1966.     let searching, stop_search = false;
  1967.  
  1968.     function resetSearch(){
  1969.         searching = false;
  1970.         batchLabel(lang.search_20);
  1971.         shadowRoot.querySelector(".bulk_submit").classList.remove("bulk_searching");
  1972.     }
  1973.  
  1974.     let remaining_days = 20;
  1975.  
  1976.     function stop_batch(){
  1977.         log("Batch Clicked. Stopping Search.");
  1978.         stop_search = true;
  1979.         searching = false;
  1980.         shadowRoot.querySelector(".bulk_submit").innerText = lang.next_batch;
  1981.         shadowRoot.querySelector(".bulk_submit").classList.remove("bulk_searching");
  1982.         batchError(false);
  1983.         remaining_days = 20;
  1984.     }
  1985.  
  1986.     function bulk_click(single_date = false){
  1987.         shadowRoot.querySelector(".bulk_results").classList.remove("bulk_results_hidden");
  1988.         if(!searching) {
  1989.             log("Batch Clicked. Starting Search.");
  1990.             uef_from = value_set("uef_from",input_from.value);
  1991.             uef_to = value_set("uef_to",input_to.value);
  1992.             uef_date = value_set("uef_date",input_date.value);
  1993.             uef_adult = value_set("uef_adult",input_adult.value);
  1994.             uef_child = value_set("uef_child",input_child.value);
  1995.             btn_batch.innerHTML = lang.searching_w_cancel;
  1996.             btn_batch.classList.add("bulk_searching");
  1997.             bulk_search(single_date);
  1998.         } else {
  1999.             stop_batch();
  2000.         }
  2001.     }
  2002.  
  2003.     function saved_search() {
  2004.         var to_search = [];
  2005.         Object.keys(saved).forEach(query => {
  2006.             to_search.push({
  2007.                 date: query.substring(0,8),
  2008.                 from:query.substring(8,11),
  2009.                 to:query.substring(11,14)
  2010.             })
  2011.         });
  2012.         to_search.sort(function(a,b){return a.date - b.date})
  2013.  
  2014.         var ss_query = to_search.shift();
  2015.  
  2016.         shadowRoot.querySelector(".bulk_results").classList.remove("bulk_results_hidden");
  2017.         btn_batch.innerHTML = lang.searching_w_cancel;
  2018.         btn_batch.classList.add("bulk_searching");
  2019.         shadowRoot.querySelector(".bulk_table tbody").innerHTML = "";
  2020.  
  2021.  
  2022.         if(!cont_query && window.location.href.indexOf("air/booking/availability") > -1 ){
  2023.                 const boxes = document.querySelectorAll("body > div");
  2024.                 boxes.forEach( box => { box.remove() });
  2025.                 addCss(`
  2026.                 html, body {overflow-x:inherit !important;}
  2027.                 header {overflow-x:hidden;}
  2028.                 `, document.body);
  2029.                 document.body.append(shadowWrapper);
  2030.                 shadowContainer.classList.add("results_container");
  2031.                 document.body.classList.add("cont_query");
  2032.         } else if (!cont_query) {
  2033.             regularSearch([{from:ss_query.from, to:ss_query.to, date:ss_query.date}], {adult:1, child:0}, "Y", true, false, true);
  2034.             return;
  2035.         }
  2036.  
  2037.         var populate_next_query= function(flights){
  2038.             if (to_search.length == 0) {
  2039.                 link_search_saved.innerText = lang.search_selected;
  2040.                 insertResults(ss_query.from, ss_query.to, ss_query.date, flights);
  2041.                 stop_batch();
  2042.                 stop_search = false;
  2043.                 searching = false;
  2044.                 route_changed = true;
  2045.                 return;
  2046.             } else {
  2047.                 insertResults(ss_query.from, ss_query.to, ss_query.date, flights);
  2048.                 ss_query = to_search.shift();
  2049.                 searchAvailability(ss_query.from, ss_query.to, ss_query.date, 1, 0, populate_next_query);
  2050.             }
  2051.         }
  2052.  
  2053.         searchAvailability(ss_query.from, ss_query.to, ss_query.date, 1, 0, populate_next_query);
  2054.  
  2055.     }
  2056.  
  2057.     function update_saved_count() {
  2058.         log("update_saved_count()");
  2059.         let saved_list = "";
  2060.         let saved_arr = [];
  2061.         Object.keys(saved).forEach(query => {
  2062.             var sdate = new Date(query.substring(0,4),query.substring(4,6)-1,query.substring(6,8));
  2063.             var ndate = new Date();
  2064.             if(sdate <= ndate) {
  2065.                 delete saved[query];
  2066.                 return;
  2067.             }
  2068.             saved_arr.push({
  2069.                 date: query.substring(0,8),
  2070.                 from:query.substring(8,11).toUpperCase(),
  2071.                 to:query.substring(11,14).toUpperCase()
  2072.             })
  2073.         });
  2074.         saved_arr.sort(function(a,b){return a.date - b.date});
  2075.  
  2076.         saved_arr.forEach(query => {
  2077.             var date = query.date;
  2078.             var from = query.from;
  2079.             var to = query.to
  2080.             saved_list += `<div class="saved_query" data-date="${date}" data-route="${from + to}"><label><input type="checkbox" data-route="${date + from + to}" data-date="${date}"> ${toDashedDate(date)} ${from}-${to}</label>
  2081.             <a href="javascript:void(0);" class="saved_book" data-book="true" data-date="${date}" data-from="${from}" data-dest="${to}">${lang.query} &raquo;</a>
  2082.             <span class="leg"></span>
  2083.             <a href="javascript:void(0);" class="saved_remove" data-remove="${date + from + to}">
  2084.             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="saved_delete" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path> </svg>
  2085.             </a></div>`
  2086.  
  2087.         });
  2088.         shadowRoot.querySelector(".unelevated_faves .saved_queries").innerHTML = saved_list;
  2089.         shadowRoot.querySelector(".unelevated_saved a span").innerText = saved_arr.length;
  2090.  
  2091.     }
  2092.  
  2093.     function update_saved_flights() {
  2094.         log("update_saved_flights()");
  2095.         let saved_list = "";
  2096.         let saved_arr = [];
  2097.         Object.keys(saved_flights).forEach(query => {
  2098.             var sdate = new Date(query.substring(0,4),query.substring(4,6)-1,query.substring(6,8));
  2099.             var ndate = new Date();
  2100.             if(sdate <= ndate) {
  2101.                 delete saved_flights[query];
  2102.                 return;
  2103.             }
  2104.             saved_arr.push({
  2105.                 fullquery: query,
  2106.                 date: query.substring(0,8),
  2107.                 from: query.substring(8,11).toUpperCase(),
  2108.                 to: query.substring(11,14).toUpperCase(),
  2109.                 leg1: query.split("_")[1] || "",
  2110.                 stop: query.split("_")[2] || "",
  2111.                 leg2: query.split("_")[3] || "",
  2112.                 f:saved_flights[query].f,
  2113.                 j:saved_flights[query].j,
  2114.                 p:saved_flights[query].p,
  2115.                 y:saved_flights[query].y
  2116.             })
  2117.         });
  2118.         saved_arr.sort(function(a,b){return a.date - b.date});
  2119.  
  2120.         saved_arr.forEach(query => {
  2121.             var fullquery = query.fullquery;
  2122.             var date = query.date;
  2123.             var from = query.from;
  2124.             var to = query.to;
  2125.             var leg1 = query.leg1;
  2126.             var stop = query.stop;
  2127.             var leg2 = query.leg2;
  2128.             var avail = {f:query.f,j:query.j,p:query.p,y:query.y};
  2129.             saved_list += `<div class="saved_flight" data-date="${date}" data-route="${from + to}">
  2130.             <label>
  2131.                 <!--<input type="checkbox" data-route="${date + from + to}" data-date="${date}">-->
  2132.                 <span>
  2133.                     <span class="sf_date">${toDashedDate(date)}</span>
  2134.                     <span class="sf_route">${from}-${stop ? stop + "-" : ""}${to}
  2135.                     </span><span class="sf_flights">
  2136.                         ${leg1}${leg2 ? " + " + leg2 : ""}
  2137.                         <span class="sf_avail">
  2138.                             ${avail.f > 0 ? '<span class="av_f">F ' + avail.f + '</span>' : ''}
  2139.                             ${avail.j > 0 ? '<span class="av_j">J ' + avail.j + '</span>' : ''}
  2140.                             ${avail.p > 0 ? '<span class="av_p">PY ' + avail.p + '</span>' : ''}
  2141.                             ${avail.y > 0 ? '<span class="av_y">Y ' + avail.y + '</span>' : ''}
  2142.                         </span>
  2143.                     </span>
  2144.                     
  2145.                 </span>
  2146.             </label>
  2147.             <!--<a href="javascript:void(0);" class="saved_book" data-book="true" "data-date="${date}" data-from="${from}" data-dest="${to}">${lang.query} &raquo;</a>-->
  2148.             <span class="leg"></span>
  2149.             <a href="javascript:void(0);" class="saved_remove" data-remove="${fullquery}">
  2150.             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="saved_delete" viewBox="0 0 16 16"><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646z"></path> </svg>
  2151.             </a></div>`
  2152.  
  2153.         });
  2154.         shadowRoot.querySelector(".unelevated_faves .saved_flights").innerHTML = saved_list;
  2155.         shadowRoot.querySelector(".unelevated_saved a span").innerText = saved_arr.length;
  2156.  
  2157.     }
  2158.  
  2159.     function checkCities(elem){
  2160.         log("checkCities()");
  2161.         setTimeout(function() {
  2162.  
  2163.             var cities = elem.value.split(",");
  2164.             var errorcities = [];
  2165.             cities = cities.filter(city => {
  2166.                 if(city.match(/^[A-Z]{3}$/)) {
  2167.                     return true;
  2168.                 } else {
  2169.                     errorcities.push(city);
  2170.                     return false;
  2171.                 }
  2172.             })
  2173.  
  2174.             if(errorcities.filter(Boolean).length > 0) {
  2175.                 elem.value = cities.join(",");
  2176.                 elem.dispatchEvent(new Event('change'));
  2177.                 alert("Invalid Airport" + (errorcities.filter(Boolean).length > 1 ? "s" : "") + " Removed: " + errorcities.filter(Boolean).join(","));
  2178.             }
  2179.         }, 500);
  2180.     }
  2181.  
  2182.     function checkLogin(){
  2183.         return;
  2184.         log("checkLogin()");
  2185.         httpRequest({
  2186.             method: "GET",
  2187.             url: "https://api.cathaypacific.com/redibe/login/getProfile",
  2188.             headers: {
  2189.                 "Content-Type": "application/json"
  2190.             },
  2191.             withCredentials: "true",
  2192.             onload: function(response) {
  2193.                 log("getprofile");
  2194.                 let data = JSON.parse(response.responseText);
  2195.                 if (data.membershipNumber) return;
  2196.                 div_login_prompt.classList.remove("hidden");
  2197.             }
  2198.         });
  2199.     }
  2200.  
  2201.  
  2202. //============================================================
  2203. // Request Variables
  2204. //============================================================
  2205.  
  2206.     // Default Search JSON
  2207.  
  2208.     function newQueryPayload(route = {from: "HND", to: "ITM", date: dateAdd(14)}, passengers = {adult:1, child:0}, cabinclass ="Y",oneway = false, flexible = "false") {
  2209.         log("newQueryPayload()");
  2210.         const target = new URL('https://api.cathaypacific.com/redibe/IBEFacade');
  2211.         const params = new URLSearchParams();
  2212.         params.set('ACTION', 'RED_AWARD_SEARCH');
  2213.         params.set('ENTRYPOINT', 'https://www.cathaypacific.com/cx/' + lang.el + '_' + lang.ec + '/book-a-trip/redeem-flights/redeem-flight-awards.html');
  2214.         params.set('ENTRYLANGUAGE', lang.el);
  2215.         params.set('ENTRYCOUNTRY', lang.ec);
  2216.         params.set('RETURNURL', 'https://www.cathaypacific.com/cx/' + lang.el + '_' + lang.ec + '/book-a-trip/redeem-flights/redeem-flight-awards.html?recent_search=ow');
  2217.         params.set('ERRORURL', 'https://www.cathaypacific.com/cx/' + lang.el + '_' + lang.ec + '/book-a-trip/redeem-flights/redeem-flight-awards.html?recent_search=ow');
  2218.         params.set('CABINCLASS', cabinclass);
  2219.         params.set('BRAND', 'CX');
  2220.         params.set('ADULT', passengers.adult || 1);
  2221.         params.set('CHILD', passengers.child || 0);
  2222.         params.set('FLEXIBLEDATE', flexible);
  2223.         params.set('ORIGIN[1]', route.from);
  2224.         params.set('DESTINATION[1]', route.to);
  2225.         params.set('DEPARTUREDATE[1]', route.date);
  2226.         params.set('LOGINURL', 'https://www.cathaypacific.com/cx/' + lang.el + '_' + lang.ec + '/sign-in/campaigns/miles-flight.html?loginreferrer=https%3A%2F%2Fwww.cathaypacific.com%2Fcx%2F' + lang.el + '_' + lang.ec + '%2Fbook-a-trip%2Fredeem-flights%2Fredeem-flight-awards.html%3Fauto_submit%3Dtrue%26recent_search%3Dow%26vs%3D2');
  2227.         target.search = params.toString();
  2228.         return target;
  2229.     }
  2230.  
  2231.     function newMultiPayload(routes, passengers, cabinclass = "Y") {
  2232.         log("newMultiPayload()");
  2233.  
  2234.         const target = new URL('https://api.cathaypacific.com/redibe/IBEFacade');
  2235.         const params = new URLSearchParams();
  2236.         params.set('ACTION', 'RED_AWARD_SEARCH');
  2237.         params.set('ENTRYPOINT', 'https://www.cathaypacific.com/cx/' + lang.el + '_' + lang.ec + '/book-a-trip/redeem-flights/redeem-flight-awards.html');
  2238.         params.set('ENTRYLANGUAGE', lang.el);
  2239.         params.set('ENTRYCOUNTRY', lang.ec);
  2240.         params.set('RETURNURL', 'https://www.cathaypacific.com/cx/' + lang.el + '_' + lang.ec + '/book-a-trip/redeem-flights/redeem-flight-awards.html?recent_search=mc');
  2241.         params.set('ERRORURL', 'https://www.cathaypacific.com/cx/' + lang.el + '_' + lang.ec + '/book-a-trip/redeem-flights/redeem-flight-awards.html?recent_search=mc');
  2242.         params.set('CABINCLASS', cabinclass);
  2243.         params.set('BRAND', 'CX');
  2244.         params.set('ADULT', passengers.adult || 1);
  2245.         params.set('CHILD', passengers.child || 0);
  2246.         params.set('FLEXIBLEDATE', 'false');
  2247.  
  2248.         for (var i = 0; i < routes.length; i++) {
  2249.             params.set('ORIGIN['+(i+1)+']', routes[i].from);
  2250.             params.set('DESTINATION['+(i+1)+']', routes[i].to);
  2251.             params.set('DEPARTUREDATE['+(i+1)+']', routes[i].date);
  2252.         }
  2253.  
  2254.         params.set('LOGINURL', 'https://www.cathaypacific.com/cx/' + lang.el + '_' + lang.ec + '/sign-in/campaigns/miles-flight.html?loginreferrer=https%3A%2F%2Fwww.cathaypacific.com%2Fcx%2F' + lang.el + '_' + lang.ec + '%2Fbook-a-trip%2Fredeem-flights%2Fredeem-flight-awards.html%3Fauto_submit%3Dtrue%26recent_search%3Dow%26vs%3D2');
  2255.         target.search = params.toString();
  2256.         return target;
  2257.     }
  2258.  
  2259. //============================================================
  2260. // Get New TAB_ID
  2261. //============================================================
  2262.  
  2263.     function response_parser(response, regex){
  2264.         var result = response.match(regex);
  2265.         try {
  2266.             result = JSON.parse(result[1]);
  2267.         } catch (e) {
  2268.             result = false;
  2269.         }
  2270.         return result;
  2271.     }
  2272.  
  2273.      function newTabID(callback){
  2274.         log("Creating New Request Parameters...");
  2275.  
  2276.         let parameters = {};
  2277.         if (requestParams.ENC) {
  2278.             parameters.SERVICE_ID = "1";
  2279.             parameters.LANGUAGE = "TW";
  2280.             parameters.EMBEDDED_TRANSACTION = "AirAvailabilityServlet";
  2281.             parameters.SITE = "CXAWCXAW";
  2282.             parameters.ENC = requestParams.ENC;
  2283.             parameters.ENCT = "2";
  2284.             parameters.ENTRYCOUNTRY = "";
  2285.             parameters.ENTRYLANGUAGE = "";
  2286.         } else {
  2287.             alert("Error, No ENC.")
  2288.             return;
  2289.         }
  2290.         var form_data = "";
  2291.         for ( var key in parameters ) {
  2292.             form_data = form_data + key + "="+ parameters[key] + "&";
  2293.         }
  2294.         log("Requesting New Tab ID...");
  2295.         httpRequest({
  2296.             method: "POST",
  2297.             url: "https://book.cathaypacific.com/CathayPacificAwardV3/dyn/air/booking/availability",
  2298.             headers: {
  2299.                 "Content-Type": "application/x-www-form-urlencoded"
  2300.             },
  2301.             data: form_data,
  2302.             withCredentials: "true",
  2303.             onreadystatechange: function(response) {
  2304.                 var errorBOM = ""
  2305.                 var errorMessage = lang.tab_retrieve_fail;
  2306.                 if(response.readyState == 4 && response.status == 200) {
  2307.                     log("Tab ID Response Received. Parsing...");
  2308.                     var data = response.responseText;
  2309.                     requestVars = response_parser(data, /requestParams = JSON\.parse\(JSON\.stringify\('([^']+)/);
  2310.                     log(response_parser(data, /requestParams = JSON\.parse\(JSON\.stringify\('([^']+)/));
  2311.                     if(!requestVars) {
  2312.                         errorBOM = response_parser(data, /errorBom = ([^;]+)/);
  2313.                         if(errorBOM?.modelObject?.step == "Error"){
  2314.                             errorMessage = errorBOM.modelObject?.messages[0]?.subText || errorMessage;
  2315.                         }
  2316.                         log("Tab ID Could not be parsed.");
  2317.                         batchError("<strong>Error:</strong> " + errorMessage + " (<a href='"+login_url+"'>Login</a>) ");
  2318.                         resetSearch();
  2319.                         return false;
  2320.                     }
  2321.                     tab_id = requestVars.TAB_ID ? requestVars.TAB_ID : "";
  2322.                     log("New Tab ID: " + tab_id);
  2323.                     batchError(false);
  2324.                     form_submit_url = availability_url + tab_id;
  2325.                     if(callback) callback();
  2326.                 } else if (response.readyState == 4) {
  2327.                     errorBOM = response_parser(response.responseText, /errorBom = ([^;]+)/);
  2328.                     if(errorBOM?.modelObject?.step == "Error"){
  2329.                         errorMessage = errorBOM.modelObject?.messages[0]?.subText || errorMessage;
  2330.                     }
  2331.                     log("Failed to receive Tab ID.");
  2332.                     resetSearch();
  2333.                     batchError("<strong>Error:</strong> " + errorMessage + " ( <a href='"+login_url+"'>Login</a> ) ");
  2334.                 }
  2335.             }
  2336.         }, true);
  2337.     }
  2338.  
  2339. //============================================================
  2340. // Regular Search
  2341. //============================================================
  2342.  
  2343.     function regularSearch(route = [{from: "TPE", to: "TYO", date: dateAdd(14)}], passengers = {adult:1,child:0}, cabinclass ="Y", is_cont_query = false, is_cont_batch = false, is_cont_saved = false, flexible = "false"){
  2344.         var target;
  2345.         if (route.length == 1) {
  2346.             target = newQueryPayload(route[0], passengers, cabinclass, false, flexible);
  2347.         } else if (route.length > 1) {
  2348.             target = newMultiPayload(route, passengers, cabinclass);
  2349.         } else {
  2350.             return;
  2351.         }
  2352.  
  2353.         btn_search.innerHTML = lang.searching;
  2354.         btn_search.classList.add("searching");
  2355.  
  2356.         
  2357.         if (is_cont_query) value_set("cont_query","1");
  2358.         if (is_cont_batch) value_set("cont_batch","1");
  2359.         if (is_cont_saved) value_set("cont_saved","1");
  2360.         value_set("cont_ts",Date.now());
  2361.         if(window.location.href.indexOf("redeem-flight-awards.html") > -1) {
  2362.             location.href = target;
  2363.         } else {
  2364.             value_set("redirect_search",target.href);
  2365.             location.href = `https://www.cathaypacific.com/cx/${lang.el}_${lang.ec}/book-a-trip/redeem-flights/redeem-flight-awards.html`;
  2366.         }
  2367.     }
  2368.  
  2369. //============================================================
  2370. // Bulk Search
  2371. //============================================================
  2372.  
  2373.     var bulk_date = "";
  2374.  
  2375.     function bulk_search(single_date = false) {
  2376.         log("bulk_search start, remaining_days:" + remaining_days);
  2377.         var no_continue = false;
  2378.         if(remaining_days-- == 0){
  2379.             stop_batch();
  2380.             no_continue = true;
  2381.         }
  2382.  
  2383.         log("remaining_days: " + remaining_days);
  2384.  
  2385.         uef_from = input_from.value;
  2386.         uef_to = input_to.value;
  2387.         uef_date = input_date.value;
  2388.         uef_adult = input_adult.value;
  2389.         uef_child = input_child.value;
  2390.  
  2391.         if(!cont_query && window.location.href.indexOf("air/booking/availability") > -1 ){
  2392.                 const boxes = document.querySelectorAll("body > div");
  2393.                 boxes.forEach( box => { box.remove() });
  2394.                 addCss(`
  2395.                 html, body {overflow-x:inherit !important;}
  2396.                 header {overflow-x:hidden;}
  2397.                 `, document.body);
  2398.                 document.body.append(shadowWrapper);
  2399.                 shadowContainer.classList.add("results_container");
  2400.                 document.body.classList.add("cont_query");
  2401.         } else if (!cont_query) {
  2402.             regularSearch([{from:uef_from.substring(0,3), to:uef_to.substring(0,3), date:uef_date}], {adult:uef_adult, child:uef_child}, "Y", true, true, false, false);
  2403.             return;
  2404.         }
  2405.  
  2406.         bulk_date = bulk_date ? bulk_date : input_date.value;
  2407.  
  2408.         if(route_changed) {
  2409.             div_table_body.innerHTML = "";
  2410.             bulk_date = input_date.value;
  2411.             div_ue_container.scrollIntoView({behavior: "smooth", block: "start"});
  2412.             route_changed = false;
  2413.         }
  2414.         var routes = [];
  2415.         var rt_from = uef_from.split(",");
  2416.         var rt_to = uef_to.split(",");
  2417.         var query_count = (rt_from.length * rt_to.length);
  2418.  
  2419.         if (!no_continue & remaining_days > Math.ceil(25/query_count)) {
  2420.             remaining_days = (Math.ceil(25/query_count) - 1);
  2421.         }
  2422.  
  2423.         if ( r == t ) {
  2424.             rt_from.forEach(from => {
  2425.                 rt_to.forEach(to => {
  2426.                     routes.push({ from:from, to:to }) });
  2427.             });
  2428.         } else {
  2429.             routes.push({from:rt_from[0],to:rt_to[0]})
  2430.         }
  2431.  
  2432.         var this_route = routes.shift();
  2433.  
  2434.         var populate_next_route = function(flights){
  2435.  
  2436.             insertResults(this_route.from, this_route.to, bulk_date, flights);
  2437.  
  2438.             if (routes.length <= 0) {
  2439.                 bulk_date = dateAdd(1,bulk_date);
  2440.                 if (single_date) stop_batch();
  2441.                 bulk_search();
  2442.             } else {
  2443.                 this_route = routes.shift();
  2444.                 searchAvailability(this_route.from, this_route.to, bulk_date, uef_adult, uef_child, populate_next_route);
  2445.             }
  2446.         }
  2447.         searchAvailability(this_route.from, this_route.to, bulk_date, uef_adult, uef_child, populate_next_route);
  2448.     }
  2449.  
  2450. //============================================================
  2451. // Search Availability
  2452. //============================================================
  2453.  
  2454.     function searchAvailability(from, to, date, adult, child, callback) {
  2455.         if(stop_search){
  2456.             stop_search = false;
  2457.             searching = false;
  2458.             return;
  2459.         }
  2460.  
  2461.         searching = true;
  2462.  
  2463.         // If destination is not valid, abort
  2464.         if(!/^[A-Z]{3}$/.test(to)){
  2465.             callback({ modelObject :{ isContainingErrors : true, messages:
  2466.                 [{ text: lang.invalid_code }]
  2467.             }});
  2468.             return;
  2469.         }
  2470.  
  2471.         var requests = { ...requestVars };
  2472.  
  2473.         log("searchAvailability() requests");
  2474.         log(requests);
  2475.  
  2476.         requests.B_DATE_1 = date + "0000";
  2477.         //requests.B_DATE_2 = dateAdd(1,date) + "0000";
  2478.         requests.B_LOCATION_1 = from;
  2479.         requests.E_LOCATION_1 = to;
  2480.         //requests.B_LOCATION_2 = to;
  2481.         //requests.E_LOCATION_2 = from;
  2482.         delete requests.ENCT;
  2483.         delete requests.SERVICE_ID;
  2484.         delete requests.DIRECT_LOGIN;
  2485.         delete requests.ENC;
  2486.  
  2487.         var params = "";
  2488.         for ( var key in requests ) {
  2489.             params = params + key + "="+ requests[key] + "&";
  2490.         }
  2491.  
  2492.         httpRequest({
  2493.             method: "POST",
  2494.             url: form_submit_url,
  2495.             withCredentials: "true",
  2496.             headers: {
  2497.                 "Content-Type": "application/x-www-form-urlencoded",
  2498.                 "Accept": "application/json, text/plain, */*"
  2499.             },
  2500.             data: params,
  2501.             onreadystatechange: function(response) {
  2502.                 var search_again = function(){
  2503.                     searchAvailability(from, to, date, adult, child, callback);
  2504.                 }
  2505.                 if(response.readyState == 4 && response.status == 200) {
  2506.                     batchError(false);;
  2507.                     try {
  2508.                         var data = JSON.parse(response.responseText);
  2509.                     } catch {
  2510.                         /* var res = response.responseText;
  2511.                         var incapsula_script = res.match(/<script src="(\/_Incapsula_[^]+.js)"><\/script>/);
  2512.                         if (incapsula_script) {
  2513.                             batchError("Cathay bot block triggered.");
  2514.                         }*/
  2515.                         batchError("Response not valid JSON.");
  2516.                         return;
  2517.                     }
  2518.                     if(data.modelObject) {
  2519.                         callback(data);
  2520.                     } else if(data.pageBom) {
  2521.                         var pageBom = JSON.parse(data.pageBom);
  2522.                         callback(pageBom);
  2523.                     } else {
  2524.                         batchError("modelObject does not exist.");
  2525.                     }
  2526.                 } else if(response.readyState == 4 && response.status == 404) {
  2527.                     batchError(lang.key_exhausted);
  2528.                     newTabID(search_again);
  2529.                 } else if(response.readyState == 4 && response.status >= 300) {
  2530.                     batchError(lang.getting_key)
  2531.                     newTabID(search_again);
  2532.                 }
  2533.             }
  2534.         }, true);
  2535.     }
  2536.  
  2537. //============================================================
  2538. // Insert Search Results
  2539. //============================================================
  2540.  
  2541. function insertResults(from, to, date, pageBom){
  2542.  
  2543.     if(!shadowRoot.querySelector('.bulk_table tr[data-date="' + date + '"]')) {
  2544.         var results_row = "";
  2545.         results_row += `<tr data-date='${date}'><td class='bulk_date'>
  2546.         <a href='javascript:void(0);' data-book='true' data-date='${date}'>${toDashedDate(date)}</a>
  2547.         ${dateWeekday(date)}
  2548.         </td><td class='bulk_flights'></td></tr>`;
  2549.         shadowRoot.querySelector(".bulk_table tbody").insertAdjacentHTML("beforeend", results_row);
  2550.     }
  2551.  
  2552.     let heart_svg =`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="heart_save" viewBox="0 0 16 16"> <path d="M4 1c2.21 0 4 1.755 4 3.92C8 2.755 9.79 1 12 1s4 1.755 4 3.92c0 3.263-3.234 4.414-7.608 9.608a.513.513 0 0 1-.784 0C3.234 9.334 0 8.183 0 4.92 0 2.755 1.79 1 4 1z"></path></svg>`;
  2553.  
  2554.     var noflights = true;
  2555.     var flightHTML = `<div data-from="${from}" data-to="${to}">
  2556.     <span class="flight_title">${from} - ${to}
  2557.     <a href="javascript:void(0)" class="bulk_save ${(saved[date+from+to] ? " bulk_saved" :"")}" data-save="true" data-date="${date}" data-from="${from}" data-dest="${to}">${heart_svg}</a>
  2558.     <a href="javascript:void(0)" class="bulk_go_book" data-book="true" data-date="${date}" data-from="${from}" data-dest="${to}">Book &raquo;</a>
  2559.     </span><div class="flight_list">`;
  2560.  
  2561.     if(pageBom.modelObject?.isContainingErrors) {
  2562.         flightHTML += `<span class='bulk_response_error'><strong>Error:</strong> ${pageBom.modelObject?.messages[0]?.text}</span>`;
  2563.        // stop_batch();
  2564.     } else {
  2565.         var flights = pageBom.modelObject?.availabilities?.upsell?.bounds[0].flights;
  2566.         flights.forEach((flight) => {
  2567.             var available = "";
  2568.             var f1 = +flight.segments[0].cabins?.F?.status || 0;
  2569.             var j1 = +flight.segments[0].cabins?.B?.status || 0;
  2570.             var p1 = +flight.segments[0].cabins?.N?.status || 0;
  2571.             var y1 = (+flight.segments[0].cabins?.E?.status || 0) + (+flight.segments[0].cabins?.R?.status || 0);
  2572.             var d_f = false;
  2573.             var d_j = false;
  2574.             var d_p = false;
  2575.             var d_y = false;
  2576.             var n_f = 0;
  2577.             var n_j = 0;
  2578.             var n_p = 0;
  2579.             var n_y = 0;
  2580.             var leg1_airline = flight.segments[0].flightIdentifier.marketingAirline;
  2581.             var leg1_flight_no = flight.segments[0].flightIdentifier.flightNumber;
  2582.             var leg1_dep_time = getFlightTime(flight.segments[0].flightIdentifier.originDate);
  2583.             var leg1_arr_time = getFlightTime(flight.segments[0].destinationDate);
  2584.             var leg1_duration = getFlightTime(flight.duration,true);
  2585.             var leg1_origin = flight.segments[0].originLocation;
  2586.             var leg1_dest = flight.segments[0].destinationLocation;
  2587.             var flightkey;
  2588.             if(flight.segments.length == 1) {
  2589.                 if (f1 >= 1) { available = available + ` <span class='bulk_cabin bulk_f'>F <b>${f1}</b></span>`; d_f = true; }
  2590.                 if (j1 >= 1) { available = available + ` <span class='bulk_cabin bulk_j'>J <b>${j1}</b></span>`; d_j = true; }
  2591.                 if (p1 >= 1) { available = available + ` <span class='bulk_cabin bulk_p'>PY <b>${p1}</b></span>`; d_p = true; }
  2592.                 if (y1 >= 1) { available = available + ` <span class='bulk_cabin bulk_y'>Y <b>${y1}</b></span>`; d_y = true; }
  2593.                 flightkey = date+leg1_origin.slice(-3)+leg1_dest.slice(-3)+"_"+leg1_airline+leg1_flight_no;
  2594.                 if (available != "") {
  2595.                     flightHTML += `<div class="flight_wrapper">`;
  2596.                     flightHTML += `<div class='flight_item direct ${(saved_flights[flightkey] ? " saved" :"")}' data-flightinfo='${flightkey}' data-flightavail='${f1 + "_" + j1+ "_" + p1+ "_" + y1}' data-direct='1' data-f='${(d_f ? 1 : 0)}' data-j='${(d_j ? 1 : 0)}' data-p='${(d_p ? 1 : 0)}' data-y='${(d_y ? 1 : 0)}'>
  2597.                         <img src='https://book.cathaypacific.com${static_path}common/skin/img/airlines/logo-${leg1_airline.toLowerCase()}.png'>
  2598.                         <span class="flight_num">${leg1_airline+leg1_flight_no}</span>
  2599.                         ${available}
  2600.                         <span class="chevron"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z" fill="currentColor"></path></svg></span>
  2601.                         <span class="flight_save">${heart_svg}</span>
  2602.                     </div>
  2603.                     <div class="flight_info">
  2604.                         <span class="info_flight">${leg1_airline+leg1_flight_no} (${leg1_origin.slice(-3)} ✈ ${leg1_dest.slice(-3)})</span>
  2605.                         <span class="info_dept"><span>Departs:</span> ${leg1_dep_time}</span>
  2606.                         <span class="info_arr"><span>Arrives:</span> ${leg1_arr_time}</span>
  2607.                         <span class="info_duration"><span>Total Flight Duration:</span> ${leg1_duration}</span>
  2608.                     </div>
  2609.                     `;
  2610.                     noflights = false;
  2611.                     flightHTML += `</div>`;
  2612.                 }
  2613.                 if(saved_flights[flightkey]) {saved_flights[flightkey] = { f: f1, j: j1, p: p1, y: y1}; update_saved_flights();}
  2614.             } else {
  2615.                 var f2 = +flight.segments[1].cabins?.F?.status || 0;
  2616.                 var j2 = +flight.segments[1].cabins?.B?.status || 0;
  2617.                 var p2 = +flight.segments[1].cabins?.N?.status || 0;
  2618.                 var y2 = (+flight.segments[1].cabins?.E?.status || 0) + (+flight.segments[1].cabins?.R?.status || 0);
  2619.  
  2620.                 if (f1 >= 1 && f2 >= 1) { d_f = true; n_f = Math.min(f1, f2); available = available + ` <span class='bulk_cabin bulk_f'>F <b>${ n_f }</b></span>`; }
  2621.                 if (j1 >= 1 && j2 >= 1) { d_j = true; n_j = Math.min(j1, j2); available = available + ` <span class='bulk_cabin bulk_j'>J <b>${ n_j }</b></span>`; }
  2622.                 if (p1 >= 1 && p2 >= 1) { d_p = true; n_p = Math.min(p1, p2); available = available + ` <span class='bulk_cabin bulk_p'>PY <b>${ n_p }</b></span>`; }
  2623.                 if (y1 >= 1 && y2 >= 1) { d_y = true; n_y = Math.min(y1, y2); available = available + ` <span class='bulk_cabin bulk_y'>Y <b>${ n_y }</b></span>`; }
  2624.                 var leg2_airline = flight.segments[1].flightIdentifier.marketingAirline;
  2625.                 var leg2_flight_no = flight.segments[1].flightIdentifier.flightNumber;
  2626.                 var leg2_dep_time = getFlightTime(flight.segments[1].flightIdentifier.originDate);
  2627.                 var leg2_arr_time = getFlightTime(flight.segments[1].destinationDate);
  2628.                 var leg2_origin = flight.segments[1].originLocation;
  2629.                 var leg2_dest = flight.segments[1].destinationLocation;
  2630.                 var transit_time = getFlightTime(flight.segments[1].flightIdentifier.originDate - flight.segments[0].destinationDate,true);
  2631.                 var stopcity = /^[A-Z]{3}:([A-Z:]{3,7}):[A-Z]{3}_/g.exec(flight.flightIdString)[1].replace(":"," / ");
  2632.                 flightkey = date+leg1_origin.slice(-3)+leg2_dest.slice(-3)+"_"+leg1_airline+leg1_flight_no+"_"+stopcity+"_"+leg2_airline+leg2_flight_no;
  2633.                 if (available != "") {
  2634.                     flightHTML += `<div class="flight_wrapper">`;
  2635.                     flightHTML += `<div class='flight_item ${(saved_flights[flightkey] ? " saved" :"")}' data-direct='0' data-flightinfo='${flightkey}'  data-flightavail='${n_f + "_" + n_j + "_" + n_p + "_" + n_y}' data-f='${ d_f ? 1 : 0 }' data-j='${ d_j ? 1 : 0 }' data-p='${ d_p ? 1 : 0 }' data-y='${ d_y ? 1 : 0 }'>
  2636.                         <img src='https://book.cathaypacific.com${static_path}common/skin/img/airlines/logo-${leg1_airline.toLowerCase()}.png'>
  2637.                         <span class="flight_num">${leg1_airline + leg1_flight_no}
  2638.                         <span class='stopover'>${stopcity}</span>
  2639.                         ${leg2_airline + leg2_flight_no}</span>
  2640.                         ${available}
  2641.                         <span class="chevron"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.34317 7.75732L4.92896 9.17154L12 16.2426L19.0711 9.17157L17.6569 7.75735L12 13.4142L6.34317 7.75732Z" fill="currentColor"></path></svg></span>
  2642.                         <span class="flight_save">${heart_svg}</span>
  2643.                     </div>
  2644.                     <div class="flight_info">
  2645.                         <span class="info_flight">${leg1_airline+leg1_flight_no} (${leg1_origin.slice(-3)} ✈ ${leg1_dest.slice(-3)})</span>
  2646.                         <span class="info_dept"><span>Departs:</span> ${leg1_dep_time}</span>
  2647.                         <span class="info_arr"><span>Arrives:</span> ${leg1_arr_time}</span>
  2648.                         <span class="info_transit"><span>Transit Time:</span> ${transit_time}</span>
  2649.                         <span class="info_flight">${leg2_airline+leg2_flight_no} (${leg2_origin.slice(-3)} ✈ ${leg2_dest.slice(-3)})</span>
  2650.                         <span class="info_dept"><span>Departs:</span> ${leg2_dep_time}</span>
  2651.                         <span class="info_arr"><span>Arrives:</span> ${leg2_arr_time}</span>
  2652.                         <span class="info_duration"><span>Total Flight Duration:</span> ${leg1_duration}</span>
  2653.                     </div>
  2654.                     `;
  2655.                     noflights = false;
  2656.                     flightHTML += `</div>`;
  2657.                 }
  2658.                 if(saved_flights[flightkey]) {saved_flights[flightkey] = { f: n_f,j: n_j,p: n_p, y: n_y }; update_saved_flights();}
  2659.             }
  2660.         });
  2661.     }
  2662.     flightHTML += "</div></div>"
  2663.  
  2664.     shadowRoot.querySelector('.bulk_table tr[data-date="' + date + '"] .bulk_flights').insertAdjacentHTML("beforeend", flightHTML);
  2665.     stickyFooter();
  2666.     if(autoScroll) shadowRoot.querySelector(".bulk_results").scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
  2667. }
  2668.  
  2669. window.addEventListener('wheel', function(){
  2670.     if ((window.innerHeight + window.scrollY) >= document.body.scrollHeight) {
  2671.         autoScroll = true;
  2672.     } else {
  2673.         autoScroll = false;
  2674.     }
  2675. });
  2676. window.addEventListener('touchmove', function(){
  2677.     if ((window.innerHeight + window.scrollY) >= document.body.scrollHeight) {
  2678.         autoScroll = true;
  2679.     } else {
  2680.         autoScroll = false;
  2681.     }
  2682. });
  2683.  
  2684.  
  2685.  
  2686.  
  2687. //============================================================
  2688. // Update Saved Flights
  2689. //============================================================
  2690.     
  2691.     function updateFlights(){
  2692.             let saved = value_get("saved_flights",{});
  2693.             unsafeWindow.ue_saved_flights = saved;
  2694.             unsafeWindow.ue_flights = {};
  2695.             let route, flightnum;
  2696.             Object.entries(saved).sort((a, b) => a[0].substring(0, 8) - b[0].substring(0, 8)).forEach(flight => {
  2697.                 if(flight[0].split("_")[2]) return;
  2698.                 route = flight[0].substring(8, 14);
  2699.                 flightnum = flight[0].split("_")[1];
  2700.                 unsafeWindow.ue_flights[route] = unsafeWindow.ue_flights[route] || [];
  2701.                 unsafeWindow.ue_flights[route].push({
  2702.                     date: flight[0].substring(0, 8),
  2703.                     flight: flightnum,
  2704.                     y: flight[1].y,
  2705.                     j: flight[1].j,
  2706.                     f: flight[1].f
  2707.                 });
  2708.             })
  2709.             unsafeWindow.populateFlights();
  2710.     }
  2711.  
  2712.     if(window.location.href.indexOf("https://cxplanner.jayliu.net/") > -1 || window.location.href.indexOf("Development/cx_planner") == 21) {
  2713.         unsafeWindow.ue_saved_flights = value_get("saved_flights",{});
  2714.         updateFlights();
  2715.         window.addEventListener("focus", function(e){
  2716.             unsafeWindow.ue_saved_flights = value_get("saved_flights",{});
  2717.             setTimeout(function() {
  2718.             unsafeWindow.ue_saved_flights = value_get("saved_flights",{});
  2719.               updateFlights(e);
  2720.             }, 500);
  2721.         });
  2722.     }
  2723.  
  2724.  
  2725.     unsafeWindow.searchAwards = function(e){
  2726.         let origin = e.target.closest("tr").querySelector(".rt-origin span");
  2727.         let dest = e.target.closest("tr").querySelector(".rt-dest span");
  2728.  
  2729.         if(!data.routes[[origin.innerText,dest.innerText].sort().join("-")]?.length) {
  2730.             alert("Invalid route.");
  2731.             return;
  2732.         }
  2733.  
  2734.         let saved = unsafeWindow.ue_flights || {};
  2735.         let target = newQueryPayload({from:origin.innerText, to:dest.innerText, date:dateAdd(14)}, {adult:1, child:0}, "Y", true, false);
  2736.  
  2737.         value_set("uef_from",origin.innerText);
  2738.         value_set("uef_to",dest.innerText);
  2739.         value_set("cont_ts",Date.now());
  2740.         value_set("cont_query","1");
  2741.         value_set("cont_batch","0");
  2742.         value_set("redirect_search",target.href);
  2743.         value_set("cxplanner_flights",fullRoute);
  2744.  
  2745.         const url = `https://www.cathaypacific.com/cx/${lang.el}_${lang.ec}/book-a-trip/redeem-flights/redeem-flight-awards.html`;
  2746.         window.open(url, "cxplanner", "noopener noreferrer");
  2747.  
  2748.         //location.href = `https://www.cathaypacific.com/cx/${lang.el}_${lang.ec}/book-a-trip/redeem-flights/redeem-flight-awards.html`;
  2749.         //console.log(target.href)
  2750.  
  2751.     };
  2752. //============================================================
  2753. // Sticky Footer
  2754. //============================================================
  2755.  
  2756.     function stickyFooter() {
  2757.         var bulkboxOffset = div_bulk_box.getBoundingClientRect();
  2758.         var ueformOffset = div_ue_container.getBoundingClientRect();
  2759.         //if (footerOffset.top < window.innerHeight - 55 || ueformOffset.top + div_ue_container.clientHeight > window.innerHeight - 72) {
  2760.         if(bulkboxOffset.bottom < window.innerHeight) {
  2761.             div_footer.classList.remove("bulk_sticky");
  2762.             shadowRoot.querySelector(".bulk_results").style.paddingBottom = "0px"
  2763.         } else {
  2764.             div_footer.classList.add("bulk_sticky");
  2765.             shadowRoot.querySelector(".bulk_results").style.paddingBottom = "65px"
  2766.         }
  2767.     }
  2768.  
  2769. //============================================================
  2770. // Enable Advanced Features
  2771. //============================================================
  2772.  
  2773.     //value_set("pKey","false");
  2774.  
  2775.     let pKey = value_get("pKey","");
  2776.  
  2777.     function is_valid_key(key){
  2778.         //var hash = encJS.MD5(encJS.AES.decrypt("U2FsdGVkX18+gMipG7SN/jcVZuccMP/M3IN/HG2brkhx0CoRJFkxcKSNyQounYc9XiF9Pk48buZ58RcxV6W5Rn3NGzEN3kz0sN0ulGThPwadtChhIC58c65+vqo4l4MT", key).toString(encJS.enc.Utf8) || "").toString();
  2779.         //return (hash == "68a1fc33f27f95281c831e99f5c4fabc");
  2780.         return (btoa(key) == "Q1gyMlVFQVM=");
  2781.     }
  2782.  
  2783.     function is_trial_key(key){
  2784.         return (btoa(key) == "Q1gwMzEyRlJFRQ==");
  2785.     }
  2786.  
  2787.     function check_key(key){
  2788.         if(is_valid_key(key)){
  2789.             const jsConfetti = new JSConfetti();
  2790.             jsConfetti.addConfetti({
  2791.                   confettiRadius: 3.5,
  2792.                   confettiNumber: 500,
  2793.             });
  2794.            pKey = value_set("pKey",key);
  2795.            advanced_features();
  2796.            input_to.value = "";
  2797.            input_from.value = "";
  2798.            elevate();
  2799.         } else if(is_trial_key(key)){
  2800.             if(Date.now() > 1679241599000) {
  2801.                 alert("序號已過期");
  2802.                 shadowRoot.querySelector("#activation_input").value = "";
  2803.             } else if(value_get("trial","")){
  2804.                 alert("已經使用過試用序號");
  2805.             } else {
  2806.                 alert("已解鎖 36 小時試用");
  2807.                 const jsConfetti = new JSConfetti();
  2808.                 jsConfetti.addConfetti({
  2809.                       confettiRadius: 3.5,
  2810.                       confettiNumber: 500,
  2811.                 });
  2812.                 value_set("trial",Date.now())
  2813.                 advanced_features();
  2814.                 input_to.value = "";
  2815.                 input_from.value = "";
  2816.                 elevate();
  2817.             }
  2818.  
  2819.         }
  2820.     }
  2821.     //GM.deleteValue("trial");
  2822.     if(is_valid_key(value_get("pKey","")) || (Date.now() - value_get("trial",0) < 60*60*36*1000)) {//60*60*24*1000)) {
  2823.         advanced_features();
  2824.     }
  2825.  
  2826.     function advanced_features(){
  2827.         //let code = "U2FsdGVkX18HnJPtvD6mz6QtAuSQH5QT2SPCHL7n5IyEvb/rBQgTAPy4LWR4oRODB+/F7QHVXYqM4V/";
  2828.         //code += "NDW1Fb0RAPbdiIPQY1A6sBgc+/JOQdpnjHb8mswg6lLoEsywchzBSKrzB7QDQr7/9A0aqXeWE80tnH9mHpxKDMBuo04c=";
  2829.         //eval(encJS.AES.decrypt(code, pKey).toString(encJS.enc.Utf8));
  2830.         let code = "c2hhZG93Q29udGFpbmVyLmNsYXNzTGlzdC5hZGQoImVsZXZhdGVkX29uIik7c2hhZG93Q29";
  2831.         code += "udGFpbmVyLmNsYXNzTGlzdC5yZW1vdmUoInVuZWxldmF0ZWRfY29udGFpbmVyIik7dCA9IHI7";
  2832.         eval(atob(code));
  2833.     }
  2834.  
  2835.  
  2836.     /*
  2837.     // ENCRYPT
  2838.     pKey = "";let code = ``;
  2839.     document.querySelector("body").insertAdjacentHTML("beforebegin", encJS.AES.encrypt(code, pKey).toString());
  2840.     // DECRYPT:
  2841.     eval(encJS.AES.decrypt("code_string", pkey).toString(encJS.enc.Utf8));
  2842.     */
  2843.  
  2844.  
  2845. //============================================================
  2846. // Check Version (Max once per day)
  2847. //============================================================
  2848.  
  2849.     let currentVersion = GM_info.script.version;
  2850.     let lastCheck = value_get("lastCheck",0)
  2851.     let latestVersion = value_get("latestVersion",currentVersion)
  2852.  
  2853.     function hasUpdate(newer, older) {
  2854.         let latest = newer.trim().split('.');
  2855.         let loaded = older.trim().split('.');
  2856.         for (let i = 0; i < Math.min(latest.length, loaded.length); i++) {
  2857.             latest[i] = Number(latest[i]) || 0;
  2858.             loaded[i] = Number(loaded[i]) || 0;
  2859.             if (latest[i] !== loaded[i]) {return (latest[i] > loaded[i] ? newer : false );};
  2860.         }
  2861.         return (latest.length > loaded.length ? newer : false);
  2862.     }
  2863.  
  2864.     function showUpdate(liveVersion){
  2865.         log("currentVersion: "+ currentVersion);
  2866.         log("metaData.version: "+ liveVersion);
  2867.  
  2868.         shadowRoot.querySelector(".unelevated_update a").href = value_get("update_link","https://cxplanner.jayliu.net/private.html");
  2869.                 
  2870.         let newVersion = hasUpdate(liveVersion,currentVersion);
  2871.         if(newVersion){
  2872.             value_set("latestVersion",liveVersion);
  2873.             div_update.classList.remove("hidden");
  2874.             shadowRoot.querySelector("#upd_version").innerText = newVersion;
  2875.         };
  2876.     }
  2877.  
  2878.     function getLatest(date) {
  2879.         GM_xmlhttpRequest({
  2880.             method: 'GET',
  2881.             url: 'https://cxplanner.jayliu.net/latest_private.json?v='+date,
  2882.             onload: function(e) {
  2883.                 const response = JSON.parse(e.responseText);
  2884.                 const version = response.latest_version;
  2885.                 const link = response.update_link;
  2886.                 value_set("update_link", (link ? link : "https://cxplanner.jayliu.net/private.html"));
  2887.                 //const key = /\/\/ @version +([0-9\.]+)/;
  2888.                 //const version = e.responseText.match(key) ? e.responseText.match(key)[1] : "0";
  2889.                 showUpdate(version);
  2890.             }
  2891.         })
  2892.     }
  2893.  
  2894.     function versionCheck(update, updateurl, metaData){
  2895.         let date = new Date();
  2896.         date = Math.floor(date.setHours(0,0,0)/1000);
  2897.         if (date > lastCheck || !lastCheck) {
  2898.             getLatest(date);
  2899.             lastCheck = value_set("lastCheck",date)
  2900.         } else {
  2901.             showUpdate(latestVersion)
  2902.         }
  2903.         //value_set("lastCheck",0);
  2904.     }
  2905.  
  2906. //============================================================
  2907. // Initialise
  2908. //============================================================
  2909.  
  2910.     function initSearchBox() {
  2911.         initCXvars();
  2912.         shadowContainer.appendChild(searchBox);
  2913.         assignElemets();
  2914.         if(r==t) elevate();
  2915.         addFormListeners();
  2916.         window.onscroll = function() { stickyFooter() };
  2917.         update_saved_count();
  2918.         update_saved_flights();
  2919.         autocomplete(input_from, "origins");
  2920.         autocomplete(input_to, "origins");
  2921.         getOrigins();
  2922.         versionCheck();
  2923.  
  2924.         if (cont_query) {
  2925.             reset_cont_vars();
  2926.             // If over 5 minutes since cont query, don't auto search
  2927.             if (Date.now() - cont_ts > 60*5*1000 && !debug) return;
  2928.             btn_batch.innerHTML = lang.searching_w_cancel;
  2929.             btn_batch.classList.add("bulk_searching");
  2930.             document.body.classList.add("cont_query");
  2931.             if(cont_saved){
  2932.                 setTimeout(() => { saved_search(); }, "1000")
  2933.             } else {
  2934.                 setTimeout(() => { bulk_click(cont_batch ? false : true); }, "1000")
  2935.             }
  2936.         }
  2937.     };
  2938.  
  2939.     function initCXplannerBox(){
  2940.         if(cxplanner_flights){
  2941.             const cxplanner_box = document.createElement("div");
  2942.             let html = "";
  2943.             cxplanner_flights.forEach(item=>{
  2944.                 if(item) html += `<a href="#" class="planner_route" data-route="${item}">${item}</a>`;
  2945.             })
  2946.             cxplanner_box.innerHTML = "<div id='planner_routes'>"+html+"</div>";
  2947.             shadowContainer.appendChild(cxplanner_box);
  2948.  
  2949.             value_set("cxplanner_flights", [])
  2950.             cxplanner_box.addEventListener("click",function(e){
  2951.                 if(e.target.dataset["route"]){
  2952.                     route_changed = true;
  2953.                     input_from.value = e.target.dataset["route"].split("-")[0];
  2954.                     input_to.value = e.target.dataset["route"].split("-")[1];
  2955.                 }
  2956.             })
  2957.         }
  2958.  
  2959.     }
  2960.     
  2961.  
  2962.     if(window.location.href.indexOf("cathaypacific") > -1){
  2963.         initRoot();
  2964.     }
  2965.  
  2966. })();