Demo Widget<\/title>\n <meta\n name=\"viewport\"\n content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui\"\n \/>\n \n\n <link rel=\"stylesheet\" href=\"\/demo.css\" \/>\n <style>\n \/* Set Default Widget Colors *\/\n .ias-search-widget {\n --theme-primary-color: rgb(19, 48, 74);\n --theme-primary-color-lighter: rgb(16, 79, 134);\n --theme-primary-color-lightest: rgb(39, 126, 202);\n --theme-primary-dark: rgb(19, 48, 74);\n --theme-primary-dark-lighter: rgb(19, 48, 74);\n --theme-primary-light: #fff;\n --theme-secondary-color: rgb(55, 156, 244);\n }\n\n \/* Given then selection highlight color set a more readable text color *\/\n .ias-search-widget .react-autosuggest__suggestion--highlighted span.name {\n color: var(--theme-primary-light) !important;\n }\n\n \/* Hide \"Travelling\" & Promocode labels *\/\n .ias-search-widget .tripTypeSelection > label {\n display: none;\n }\n\n .ias-tab-container {\n --theme-tab-border: #000;\n --theme-tab-background: #ececec;\n --theme-tab-background-inactive: #c2c2c2;\n }\n <\/style>\n <\/head>\n\n <body>\n <div class=\"container\">\n \n <div class=\"docs\">\n <small\n ><a\n href=\"https:\/\/docs.google.com\/document\/d\/12ndmtv-pU5kEwhh_IAf8F6e1s6JfJyxwGUQ6y5W8DGY\/edit?usp=sharing\"\n >View Widget Docs Here<\/a\n ><\/small\n >\n <\/div>\n\n <div class=\"ias-tab-container\">\n <div class=\"ias-tab-widget\" data-prop-lang=\"en\">Loading...<\/div>\n\n <div\n class=\"flight-search-widget ias-search-preload\"\n data-prop-airline=\"intelisys\"\n data-prop-environment=\"maint\"\n data-prop-lang=\"en\"\n data-prop-widget-id=\"my-search-widget\"\n data-prop-show-cabin-class=\"on\"\n data-prop-trip-type-options=\"rt|ow|mc\"\n data-prop-trip-type-display=\"group\"\n data-prop-show-currencies=\"on\"\n data-prop-show-promocode=\"on\"\n data-prop-show-available-dates=\"on\"\n data-prop-use-ptc=\"on\"\n data-prop-ptc-types=\"ADT:CHD:INF\"\n data-prop-ptc-default=\"ADT|1:CHD|0:INF|0\"\n data-prop-ptc-min-max=\"ADT|0-9:CHD|0-5:INF|0-2\"\n data-prop-ptc-total-max=\"9\"\n data-prop-date-format=\"MM-DD-YYYY\"\n data-prop-start-on-monday=\"on\"\n data-prop-desktop-viewable-months=\"2\"\n data-prop-mobile-viewable-months=\"1\"\n data-prop-soar-url=\"https:\/\/intelisys-soar.intelisys.ca\"\n data-prop-horizontal-breakpoint=\"900\"\n data-prop-list-position=\"below\"\n data-prop-contain-autosuggest-scroll=\"on\"\n data-prop-fare-rounding=\"down\"\n data-prop-fare-decimals=\"off\"\n data-prop-show-lowest-fare=\"on\"\n data-prop-default-tab=\"manage-booking\"\n >\n <div class=\"loader\">LOADING...<\/div>\n <\/div>\n\n <div class=\"flights-with-hotels ias-tab-preload\">\n <h2>Custom Tab HTML<\/h2>\n This content can be another widget from another vendor, another IAS\n Flight Search widget (with the ABB Packaging IBE for example) or\n custom HTML.\n <\/div>\n <div class=\"flight-status ias-tab-preload\">\n <h2>Flight Status<\/h2>\n \n <a\n href=\"https:\/\/intelisys-soar.intelisys.ca\/flight-status\"\n class=\"btn btn-primary\"\n >\n Click here to check status\n <\/a>\n <\/div>\n <div\n id=\"manage-booking-container\"\n class=\"manage-booking ias-tab-preload\"\n >\n <h2>Manage your booking<\/h2>\n <form action=\"#\" id=\"manage-booking-form\">\n <div class=\"mb-3\">\n <label for=\"reservationLocator\" class=\"form-label\">PNR<\/label>\n <input\n type=\"text\"\n class=\"form-control\"\n id=\"reservationLocator\"\n name=\"reservationLocator\"\n aria-describedby=\"pnrHelp\"\n \/>\n <div id=\"pnrHelp\" class=\"form-text\">\n This may be called Booking or Reservation Number\n <\/div>\n <\/div>\n <div class=\"mb-3\">\n <label for=\"reservationLastname\" class=\"form-label\"\n >Last Name<\/label\n >\n <input\n type=\"text\"\n class=\"form-control\"\n id=\"reservationLastname\"\n name=\"reservationLastname\"\n \/>\n <\/div>\n <button type=\"submit\" class=\"btn btn-primary\">\n Find Reservation\n <\/button>\n <\/form>\n <div class=\"mt-3 alert alert-warning\" role=\"alert\">\n Use this example at your own descretion. Be sure to update the URL\n to point to your production environment\n <\/div>\n <script>\n \/\/ Add an event listener to the form to handle the submission\n \/\/ This script is loaded right after the form html so that it is already in the dom, otherwise race conditions may prevent the event being attached.\n document.getElementById(\"manage-booking-form\").addEventListener(\n \"submit\",\n function (evt) {\n \/\/ stop the default submit action.\n evt.preventDefault();\n\n \/\/ get the form data\n var formData = new FormData(event.target);\n\n \/\/ your soar url with NO following slash \/\n var soarUrl = \"https:\/\/intelisys-soar.intelisys.ca\";\n\n \/\/ send the form to your soar instance\n window.location = `${soarUrl}\/res\/${formData.get(\n \"reservationLocator\"\n )}?lastName=${formData.get(\"reservationLastname\")}`;\n },\n true\n );\n <\/script>\n <\/div>\n <\/div>\n\n <script id=\"flight-search-widget-data-extension\" type=\"application\/json\">\n {\n \"tabs\": {\n \"flight-search-tab\": {\n \"contentSelector\": \"#my-search-widget\"\n },\n \"flight-hotel-tab\": {\n \"contentSelector\": \"div.flights-with-hotels\"\n },\n \"flight-status\": {\n \"contentSelector\": \"div.flight-status\"\n },\n \"manage-booking\": {\n \"contentSelector\": \"#manage-booking-container\"\n }\n }\n }\n <\/script>\n\n <script id=\"flight-search-widget-translations\" type=\"application\/json\">\n {\n \"en\": {\n \"passengersTypeLabels\": {\n \"ADT\": \"Adults\",\n \"CHD\": \"Childs\",\n \"INF\": \"Infants\"\n },\n \"passengersTypeDescriptions\": {\n \"ADT\": \"16 \u2014 65 years\",\n \"CHD\": \"2 \u2014 16 years\",\n \"INF\": \"0 \u2014 2 years\"\n },\n \"tabs\": {\n \"flight-search-tab\": {\n \"tabLabel\": \"Book a Flight\"\n },\n \"flight-hotel-tab\": {\n \"tabLabel\": \"Hotel + Flight\"\n },\n \"manage-booking\": {\n \"tabLabel\": \"Manage Booking\"\n },\n \"flight-status\": {\n \"tabLabel\": \"Flight Status\"\n }\n }\n }\n }\n <\/script>\n\n <script>\n function handleWidgetLoaded(event) {\n console.log(\"Widget Loaded!\", event.detail);\n window.IASflightWidget.updateWidget({\n widgetId: \"my-search-widget\",\n promocode: \"tester\",\n });\n\n \/\/ Remove the event listener when loaded!\n window.removeEventListener(\"IASwidgetLoaded\", handleWidgetLoaded);\n }\n \/\/ Add the event listener\n window.addEventListener(\"IASwidgetLoaded\", handleWidgetLoaded);\n <\/script>\n\n <script\n async\n src=\"https:\/\/flight-search-widget.intelisys.ca\/v\/2.1.0\/lib.js\"\n data-mount-in=\".flight-search-widget\"\n data-tab-container=\".ias-tab-widget\"\n type=\"text\/javascript\"\n ><\/script>\n <\/div>\n <\/body>\n<\/html>\n<\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/posts\/56"}],"collection":[{"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":12,"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/posts\/56\/revisions"}],"predecessor-version":[{"id":152,"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/posts\/56\/revisions\/152"}],"wp:attachment":[{"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/media?parent=56"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/categories?post=56"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/tags?post=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n \n \n Demo Widget<\/title>\n <meta\n name=\"viewport\"\n content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui\"\n \/>\n \n\n <link rel=\"stylesheet\" href=\"\/demo.css\" \/>\n <style>\n \/* Set Default Widget Colors *\/\n .ias-search-widget {\n --theme-primary-color: rgb(19, 48, 74);\n --theme-primary-color-lighter: rgb(16, 79, 134);\n --theme-primary-color-lightest: rgb(39, 126, 202);\n --theme-primary-dark: rgb(19, 48, 74);\n --theme-primary-dark-lighter: rgb(19, 48, 74);\n --theme-primary-light: #fff;\n --theme-secondary-color: rgb(55, 156, 244);\n }\n\n \/* Given then selection highlight color set a more readable text color *\/\n .ias-search-widget .react-autosuggest__suggestion--highlighted span.name {\n color: var(--theme-primary-light) !important;\n }\n\n \/* Hide \"Travelling\" & Promocode labels *\/\n .ias-search-widget .tripTypeSelection > label {\n display: none;\n }\n\n .ias-tab-container {\n --theme-tab-border: #000;\n --theme-tab-background: #ececec;\n --theme-tab-background-inactive: #c2c2c2;\n }\n <\/style>\n <\/head>\n\n <body>\n <div class=\"container\">\n \n <div class=\"docs\">\n <small\n ><a\n href=\"https:\/\/docs.google.com\/document\/d\/12ndmtv-pU5kEwhh_IAf8F6e1s6JfJyxwGUQ6y5W8DGY\/edit?usp=sharing\"\n >View Widget Docs Here<\/a\n ><\/small\n >\n <\/div>\n\n <div class=\"ias-tab-container\">\n <div class=\"ias-tab-widget\" data-prop-lang=\"en\">Loading...<\/div>\n\n <div\n class=\"flight-search-widget ias-search-preload\"\n data-prop-airline=\"intelisys\"\n data-prop-environment=\"maint\"\n data-prop-lang=\"en\"\n data-prop-widget-id=\"my-search-widget\"\n data-prop-show-cabin-class=\"on\"\n data-prop-trip-type-options=\"rt|ow|mc\"\n data-prop-trip-type-display=\"group\"\n data-prop-show-currencies=\"on\"\n data-prop-show-promocode=\"on\"\n data-prop-show-available-dates=\"on\"\n data-prop-use-ptc=\"on\"\n data-prop-ptc-types=\"ADT:CHD:INF\"\n data-prop-ptc-default=\"ADT|1:CHD|0:INF|0\"\n data-prop-ptc-min-max=\"ADT|0-9:CHD|0-5:INF|0-2\"\n data-prop-ptc-total-max=\"9\"\n data-prop-date-format=\"MM-DD-YYYY\"\n data-prop-start-on-monday=\"on\"\n data-prop-desktop-viewable-months=\"2\"\n data-prop-mobile-viewable-months=\"1\"\n data-prop-soar-url=\"https:\/\/intelisys-soar.intelisys.ca\"\n data-prop-horizontal-breakpoint=\"900\"\n data-prop-list-position=\"below\"\n data-prop-contain-autosuggest-scroll=\"on\"\n data-prop-fare-rounding=\"down\"\n data-prop-fare-decimals=\"off\"\n data-prop-show-lowest-fare=\"on\"\n data-prop-default-tab=\"manage-booking\"\n >\n <div class=\"loader\">LOADING...<\/div>\n <\/div>\n\n <div class=\"flights-with-hotels ias-tab-preload\">\n <h2>Custom Tab HTML<\/h2>\n This content can be another widget from another vendor, another IAS\n Flight Search widget (with the ABB Packaging IBE for example) or\n custom HTML.\n <\/div>\n <div class=\"flight-status ias-tab-preload\">\n <h2>Flight Status<\/h2>\n \n <a\n href=\"https:\/\/intelisys-soar.intelisys.ca\/flight-status\"\n class=\"btn btn-primary\"\n >\n Click here to check status\n <\/a>\n <\/div>\n <div\n id=\"manage-booking-container\"\n class=\"manage-booking ias-tab-preload\"\n >\n <h2>Manage your booking<\/h2>\n <form action=\"#\" id=\"manage-booking-form\">\n <div class=\"mb-3\">\n <label for=\"reservationLocator\" class=\"form-label\">PNR<\/label>\n <input\n type=\"text\"\n class=\"form-control\"\n id=\"reservationLocator\"\n name=\"reservationLocator\"\n aria-describedby=\"pnrHelp\"\n \/>\n <div id=\"pnrHelp\" class=\"form-text\">\n This may be called Booking or Reservation Number\n <\/div>\n <\/div>\n <div class=\"mb-3\">\n <label for=\"reservationLastname\" class=\"form-label\"\n >Last Name<\/label\n >\n <input\n type=\"text\"\n class=\"form-control\"\n id=\"reservationLastname\"\n name=\"reservationLastname\"\n \/>\n <\/div>\n <button type=\"submit\" class=\"btn btn-primary\">\n Find Reservation\n <\/button>\n <\/form>\n <div class=\"mt-3 alert alert-warning\" role=\"alert\">\n Use this example at your own descretion. Be sure to update the URL\n to point to your production environment\n <\/div>\n <script>\n \/\/ Add an event listener to the form to handle the submission\n \/\/ This script is loaded right after the form html so that it is already in the dom, otherwise race conditions may prevent the event being attached.\n document.getElementById(\"manage-booking-form\").addEventListener(\n \"submit\",\n function (evt) {\n \/\/ stop the default submit action.\n evt.preventDefault();\n\n \/\/ get the form data\n var formData = new FormData(event.target);\n\n \/\/ your soar url with NO following slash \/\n var soarUrl = \"https:\/\/intelisys-soar.intelisys.ca\";\n\n \/\/ send the form to your soar instance\n window.location = `${soarUrl}\/res\/${formData.get(\n \"reservationLocator\"\n )}?lastName=${formData.get(\"reservationLastname\")}`;\n },\n true\n );\n <\/script>\n <\/div>\n <\/div>\n\n <script id=\"flight-search-widget-data-extension\" type=\"application\/json\">\n {\n \"tabs\": {\n \"flight-search-tab\": {\n \"contentSelector\": \"#my-search-widget\"\n },\n \"flight-hotel-tab\": {\n \"contentSelector\": \"div.flights-with-hotels\"\n },\n \"flight-status\": {\n \"contentSelector\": \"div.flight-status\"\n },\n \"manage-booking\": {\n \"contentSelector\": \"#manage-booking-container\"\n }\n }\n }\n <\/script>\n\n <script id=\"flight-search-widget-translations\" type=\"application\/json\">\n {\n \"en\": {\n \"passengersTypeLabels\": {\n \"ADT\": \"Adults\",\n \"CHD\": \"Childs\",\n \"INF\": \"Infants\"\n },\n \"passengersTypeDescriptions\": {\n \"ADT\": \"16 \u2014 65 years\",\n \"CHD\": \"2 \u2014 16 years\",\n \"INF\": \"0 \u2014 2 years\"\n },\n \"tabs\": {\n \"flight-search-tab\": {\n \"tabLabel\": \"Book a Flight\"\n },\n \"flight-hotel-tab\": {\n \"tabLabel\": \"Hotel + Flight\"\n },\n \"manage-booking\": {\n \"tabLabel\": \"Manage Booking\"\n },\n \"flight-status\": {\n \"tabLabel\": \"Flight Status\"\n }\n }\n }\n }\n <\/script>\n\n <script>\n function handleWidgetLoaded(event) {\n console.log(\"Widget Loaded!\", event.detail);\n window.IASflightWidget.updateWidget({\n widgetId: \"my-search-widget\",\n promocode: \"tester\",\n });\n\n \/\/ Remove the event listener when loaded!\n window.removeEventListener(\"IASwidgetLoaded\", handleWidgetLoaded);\n }\n \/\/ Add the event listener\n window.addEventListener(\"IASwidgetLoaded\", handleWidgetLoaded);\n <\/script>\n\n <script\n async\n src=\"https:\/\/flight-search-widget.intelisys.ca\/v\/2.1.0\/lib.js\"\n data-mount-in=\".flight-search-widget\"\n data-tab-container=\".ias-tab-widget\"\n type=\"text\/javascript\"\n ><\/script>\n <\/div>\n <\/body>\n<\/html>\n<\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/posts\/56"}],"collection":[{"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/comments?post=56"}],"version-history":[{"count":12,"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/posts\/56\/revisions"}],"predecessor-version":[{"id":152,"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/posts\/56\/revisions\/152"}],"wp:attachment":[{"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/media?parent=56"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/categories?post=56"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/124.158.110.4\/eznis\/index.php\/wp-json\/wp\/v2\/tags?post=56"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}