\n
\n","import { LanguageService } from 'src/app/service/language.service';\nimport { Component, Input, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-footer',\n templateUrl: './footer.component.html',\n styleUrls: ['./footer.component.css']\n})\nexport class FooterComponent implements OnInit {\n\n isOpen = false;\n @Input() isShowPaddingBottom = false;\n\n constructor(\n public languagesvc: LanguageService\n ) { }\n\n ngOnInit(): void {\n\n jQuery('.sky-foot-item').on( 'click', () => {\n\n jQuery(this).toggleClass('active');\n\n });\n }\n\n mobileToogle($event): void {\n\n const isOpen = $event.target.getAttribute('aria-expanded');\n this.isOpen = isOpen === 'false' ? true : false;\n }\n}\n","\n\n\n","import { MemberLoginType } from './../../core/enums/member/member-login-type.enum';\nimport { BaseDataService } from 'src/app/service/base-data.service';\nimport { AlertService } from 'src/app/shared/alert/alert.service';\nimport { MenuType } from './../../core/enums/menu/menu-type.enum';\nimport { LayoutService } from './../layout.service';\nimport { TopNewsService } from './../../service/top-news.service';\nimport { TopNewsConditionModel } from './../../service/model/top-news/top-news-condition.model';\nimport { LanguageModel } from './../../service/model/language/language.model';\nimport { LanguageService } from './../../service/language.service';\nimport { Component, OnInit, HostListener, Output, EventEmitter, Pipe } from '@angular/core';\n\nimport { ShoppingCartService } from '../../service/shopping-cart.service';\nimport { MemberService } from '../../service/member.service';\nimport { MenuService } from '../menu/menu.service';\nimport { SearchService } from '../search/search.service';\nimport { HeaderService } from './../../service/header.service';\n\nimport { TopNewsModel } from '../../service/model/top-news/top-news.model';\nimport { ShoppingCarQueryModel } from 'src/app/service/model/shopping/shopping-car-query.model';\nimport { data } from 'jquery';\nimport { DatePipe } from '@angular/common';\nimport { Router } from '@angular/router';\nimport { MenuStep } from '../menu/menu-step.enum';\nimport { TranslateService } from '@ngx-translate/core';\nimport { CheckEmpIDRequestModel } from 'src/app/service/model/member/check-empID-request.model';\n\n@Component({\n selector: 'app-header',\n templateUrl: './header.component.html',\n styleUrls: ['./header.component.css']\n})\nexport class HeaderComponent implements OnInit {\n topNewsArr: TopNewsModel[];\n loginIsOpen = false;\n languageAry: LanguageModel[] = [];\n nowLanguageName = '';\n @Output() openMenu = new EventEmitter\n
\n\n \n
\n \n \n
\n 0\">\n
\n\n \n \n
\n \n
\n \n
\n \n {{\"HeaderNewsNotice\" | translate}}：
\n\n
\n \n
\n \n {{topNewsData.Info}}\n
\n \n
\n\n \n \n
\n\n \n
\n \n
\n - \n
- \n
\n \n \n{{\"HeaderRightEmpHello\" | translate}} {{this.baseDatasvc.memberData.loginData ? this.baseDatasvc.memberData.loginData.dfpCardNumber : \"\"}} {{\"HeaderRightEmpLogOut\" | translate}}
\n \n\n \n \n{{\"HeaderRightEmpLogin\" | translate}}
\n \n \n - \n \n
{{\"HeaderRightNews\" | translate}}
\n \n \n - \n \n
{{\"HeaderRightShoppingNotice\" | translate}}
\n \n \n - \n \n
{{\"HeaderRightContactUs\" | translate}}
\n \n \n - \n
![](\"../../../assets/content/images/ic-earth.svg\")
\n \n {{this.nowLanguageName}}
\n \n \n \n
\n
\n \n
\n - \n
- \n \n
![\"\"](\"../../../assets/content/images/img-logo-sb-header@3x.png\")
\n \n \n - \n \n
![\"\"](\"../../../assets/content/images/img_logo_CAL_header.svg\")
\n \n \n
\n
\n\n - \n
- \n \n
{{\"HeaderRightButtonSearch\" | translate}}
\n \n \n - \n \n
{{\"HeaderRightButtonAccount\" | translate}}
\n{{\"HeaderRightButtonLogin\" | translate}}
\n \n \n - \n \n
![\"\"](\"../../../assets/content/images/ic-cart.svg\")
\n \n 0\">{{this.baseDatasvc.shoppingCarCount}}\n \n
\n
\n\n
\n \n \n
\n \n \n \n \n \n
\n \n \n \n \n \n
\n","import { BaseDataService } from 'src/app/service/base-data.service';\nimport { GeneralPopProductDataModel, PopupService } from './../shared/popup/popup.service';\nimport { MemberService } from 'src/app/service/member.service';\nimport { AlertService } from './../shared/alert/alert.service';\nimport { Component, OnInit, HostListener, OnDestroy } from '@angular/core';\nimport { Router, Event, NavigationStart, NavigationEnd, NavigationError } from '@angular/router';\nimport { trigger, transition, animate, style, state } from '@angular/animations';\nimport { Subscription } from 'rxjs';\n\nimport { LayoutService } from './layout.service';\nimport { MenuService } from './menu/menu.service';\nimport { SearchService } from './search/search.service';\nimport { CookieService } from '../service/cookie.service';\nimport { ShoppingCartService } from '../service/shopping-cart.service';\nimport { MemberLoginType } from '../core/enums/member/member-login-type.enum';\nimport { MenuType } from '../core/enums/menu/menu-type.enum';\nimport { MenuStep } from './menu/menu-step.enum';\n\n@Component({\n selector: 'app-layout',\n templateUrl: './layout.component.html',\n styleUrls: ['./layout.component.css'],\n animations: [\n trigger('slideInOut', [\n state('open', style({\n transform: 'translateX(0%)'\n })),\n state('closed', style({\n transform: 'translateX(-100%)'\n })),\n transition('closed => open', [\n animate('0.3s linear')\n ]),\n transition('open => closed', [\n animate('0.3s linear')\n ])\n ])\n ]\n})\nexport class LayoutComponent implements OnInit {\n\n windowWidth = 0;\n // wasInside = false;\n menuOpen = false;\n docScrollTop: number;\n isShow = true;\n // isShowTop = true;\n isShowFooterPaddingBottom = false;\n\n memberLoginTypeEnum = MemberLoginType;\n\n constructor(\n public layoutsvc: LayoutService,\n public menusvc: MenuService,\n public searchsvc: SearchService,\n public cookiesvc: CookieService,\n public shoppingcartsvc: ShoppingCartService,\n private router: Router,\n public membersvc: MemberService,\n public alertsvc: AlertService,\n public popupsvc: PopupService,\n public baseDataSvc: BaseDataService\n ) {\n\n this.layoutsvc.isScrollDown = false;\n this.docScrollTop = document.documentElement.scrollTop;\n\n }\n\n ngOnInit(): void {\n\n if (this.membersvc.isLoginSubject.value) {\n if (this.baseDataSvc.flightData) {\n this.shoppingcartsvc.shoppingGet().subscribe();\n }\n }\n\n this.layoutsvc.windowWidth = window.innerWidth;\n this.layoutsvc.windowHeight = window.innerHeight;\n\n if (window.innerWidth <= 991) {\n this.layoutsvc.isMobile = true;\n }\n\n this.router.events.subscribe((event: Event) => {\n\n if (event instanceof NavigationStart) {\n // Show loading indicator\n //console.log('NavigationStart');\n window.scrollTo(0, 0);\n this.menusvc.closePcMenu();\n this.menusvc.closeMobileMenu();\n this.membersvc.memberConIsOpen = false;\n this.searchsvc.pcSearchIsopen = false;\n this.layoutsvc.isShowTop = true;\n }\n\n if (event instanceof NavigationEnd) {\n // Hide loading indicator\n //console.log('NavigationEnd');\n this.isShow = event.url.includes('/member/download') ? false : true;\n\n if (event.url.includes('/product/detail') && this.layoutsvc.isMobile) {\n this.layoutsvc.isShowTop = false;\n this.isShowFooterPaddingBottom = true;\n } else {\n this.layoutsvc.isShowTop = true;\n this.isShowFooterPaddingBottom = false;\n }\n }\n if (event instanceof NavigationError) {\n\n }\n });\n }\n\n @HostListener('window:resize', ['$event'])\n onResize(event): void {\n\n this.layoutsvc.windowWidth = window.innerWidth;\n this.layoutsvc.windowHeight = window.innerHeight;\n\n if (window.innerWidth <= 991) {\n this.layoutsvc.isMobile = true;\n } else {\n this.layoutsvc.isMobile = false;\n }\n }\n\n @HostListener('window:scroll', ['$event']) // for window scroll events\n onScroll(event): void {\n\n const doc = document.documentElement;\n\n let mobileMargin = 0;\n\n if (this.layoutsvc.isMobile) {\n mobileMargin = 105;\n }\n\n if (doc.scrollTop > this.docScrollTop){\n\n if (doc.scrollTop > mobileMargin) {\n\n this.layoutsvc.isScrollDown = true;\n }\n }else{\n\n this.layoutsvc.isScrollDown = false;\n }\n\n this.docScrollTop = doc.scrollTop;\n }\n\n openMenuEvent($event): void {\n this.menuOpen = true;\n }\n\n closeMenuEvent($event): void {\n this.menuOpen = false;\n }\n\n onActivate(event): void {\n window.scroll(0, 0);\n }\n\n removeAllDetails(): void {\n\n this.popupsvc.closeAll();\n this.shoppingcartsvc.shoppingCartRemoveAll().subscribe();\n }\n\n removeProduct(data: GeneralPopProductDataModel): void {\n\n this.popupsvc.closeAll();\n this.shoppingcartsvc.shoppingCartRemoveFromCart(data.popRemoveProductNo, data.popRemoveProductType, data.popRemoveCount, data.isShoppingCart)\n }\n\n openLoginPopCon(memberLoginType?: MemberLoginType, isCheckDfpIDAndName?: boolean): void {\n if (this.layoutsvc.isMobile) {\n this.popupsvc.closeAll();\n this.menusvc.menuType = MenuType.Member;\n this.membersvc.memberLoginType = memberLoginType;\n this.menusvc.openMobileMenu(MenuStep.step2);\n }else{\n this.membersvc.openLoginPopCon(memberLoginType, isCheckDfpIDAndName);\n }\n }\n}\n","\n\n\n\n
\n \n\n
\n {{\"MobileMenuLanguage\" | translate}}
\n\n
\n\n
\n {{this.alertsvc.alertText}}
\n \n\n
\n\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n\n ![](\"./assets/content/images/ic-cancel.svg\")
\n
\n \n \n
\n \n \n {{this.popupsvc.generalPopData.title}}
\n\n
\n\n
\n \n \n \n
\n \n {{\"MemberLoginToolNotAMemberYet\" | translate}}\n {{\"MemberLoginToolSignUp\" | translate}}\n
\n\n {{\"MemberLoginToolNotAMemberYet\" | translate}}\n {{\"MemberLoginToolSignUp\" | translate}}\n
\n\n
\n \n {{\"MemberLoginToolOr\" | translate}}
\n \n
\n\n
\n \n
\n \n \n
\n\n 0\">\n
\n \n\n \n {{item}}\n
\n - \n
- {{\"LoginInquiryPassword\" | translate}} \n
- {{\"LoginInquiryDFPMemberNo\" | translate}} \n
- {{\"LoginApplyforPassword\" | translate}} \n
\n {{\"MemberLoginToolNotAMemberYet\" | translate}}{{\"MemberLoginToolSignUp\" | translate}}\n
\n\n {{\"MemberLoginToolNotAMemberYet\" | translate}}{{\"MemberLoginToolSignUp\" | translate}}\n
\n\n
\n {{\"LoginResevation/E-ticketNumberChangeWording\" | translate}}
\n \n\n
\n {{\"LoginDynatyMemberBottomWordingTitle\" | translate}}
\n- \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n\n
\n \n
\n \n \n
\n 0\">\n
\n\n \n\n \n {{item}}\n
\n - \n
- {{\"LoginInquiryPassword\" | translate}} \n
- {{\"LoginInquiryDFPMemberNo\" | translate}} \n
- {{\"LoginApplyforPassword\" | translate}} \n
\n {{\"MemberLoginToolNotAMemberYet\" | translate}}{{\"MemberLoginToolSignUp\" | translate}}\n
\n\n {{\"MemberLoginToolNotAMemberYet\" | translate}}{{\"MemberLoginToolSignUp\" | translate}}\n
\n\n
\n {{\"MemberToolLoginMobileWording\" | translate}}
\n \n\n
\n {{\"LoginDynatyMemberBottomWordingTitle\" | translate}}
\n- \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n\n {{\"FlightChooseTitleWording\" | translate}}
\n{{\"FlightChangeTitleWording\" | translate}}
\n{{\"FlightChooseContentWording\" | translate}}
\n {{\"FlightChangeContentWording\" | translate}}
\n 0\">\n
\n \n\n {{item}}\n
\n \n \n
\n 0\">\n
\n \n\n \n {{item | unescapeHtml}}\n
\n - \n
- {{\"LoginInquiryPassword\" | translate}} \n
- {{\"LoginInquiryDFPMemberNo\" | translate}} \n
- {{\"LoginApplyforPassword\" | translate}} \n
\n {{\"MemberLoginToolNotAMemberYet\" | translate}}\n \n {{\"MemberLoginToolSignUp\" | translate}}\n \n
\n\n {{\"MemberLoginToolNotAMemberYet\" | translate}}\n \n {{\"MemberLoginToolSignUp\" | translate}}\n \n
\n\n\n
\n\n {{\"LoginResevation/E-ticketNumberChangeWording\" | translate}}
\n \n \n\n
\n{{\"LoginDynatyMemberBottomWordingTitle\" | translate}}
\n- \n \n \n \n \n \n \n \n \n \n \n \n
\n \n
\n 0\">\n
\n \n\n \n {{item}}\n
\n - \n
- {{\"LoginInquiryPassword\" | translate}} \n
- {{\"LoginInquiryDFPMemberNo\" | translate}} \n
- {{\"LoginApplyforPassword\" | translate}} \n
{{\"MemberLoginToolNotAMemberYet\" | translate}}{{\"MemberLoginToolSignUp\" | translate}}
\n{{\"MemberLoginToolNotAMemberYet\" | translate}}{{\"MemberLoginToolSignUp\" | translate}}
\n\n
\n\n {{\"LoginDynastyMemberChangeWording\" | translate}}
\n \n \n\n
\n{{\"LoginDynatyMemberBottomWordingTitle\" | translate}}
\n- \n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n
\n\n\n\n
\n\n \n\n \n\n \n \n \n
\n \n
\n\n \n
\n \n {{this.baseDatasvc.memberData.userData.eName.split(\"/\")[0] + \"/**\"}}\n \n
\n\n {{\"MemberDynastyMember\" | translate}} | {{this.baseDatasvc.memberData.userData.dfpCardNumber}}\n
\n\n ![](\"../../../../assets/content/images/{{this.baseDatasvc.memberData.userData.dfpCardType}}_s.png\")
\n
\n \n \n
\n\n \n
\n \n \n
\n
\n\n \n
\n \n \n {{this.baseDatasvc.memberData.loginData.paxLastName + \"/\" + this.baseDatasvc.memberData.loginData.paxFirstName}}\n
\n \n {{\"MemberReservationNumber\" | translate}}\n |\n {{this.baseDatasvc.memberData.loginData.PaxLocator}}\n \n\n
\n\n \n
\n \n \n {{this.baseDatasvc.memberData.loginData.paxLastName + \"/\" + this.baseDatasvc.memberData.loginData.paxFirstName}}\n
\n \n {{\"MemberE-TicketNumber\" | translate}}\n |\n {{this.baseDatasvc.memberData.loginData.TicketNumber}}\n \n- \n
- \n {{\"MemberToolListMyOrder\" | translate}}\n \n
- \n {{\"MemberToolPushNotification\" | translate}}\n \n
- \n {{\"MemberToolWishlist\" | translate}}\n \n
- \n \n \n
\n \n \n
\n \n {{\"MemberLoginToolNotAMemberYet\" | translate}}\n \n {{\"MemberLoginToolSignUp\" | translate}}\n \n
\n\n {{\"MemberLoginToolNotAMemberYet\" | translate}}\n \n {{\"MemberLoginToolSignUp\" | translate}}\n \n
\n\n {{\"MemberLoginToolNotAMemberYet\" | translate}}\n \n \n {{\"MemberLoginToolSignUp\" | translate}}\n \n \n
\n\n {{\"MemberLoginToolNotAMemberYet\" | translate}}\n \n \n {{\"MemberLoginToolSignUp\" | translate}}\n \n \n
\n\n
\n \n {{\"MemberLoginToolOr\" | translate}}
\n \n
\n\n\n \n\n \n \n\n \n \n
\n \n\n \n
\n\n {{\"FlghtNoneTitleWording\" | translate}}
\n{{\"FlghtNoneContentWording\" | translate}}
\n\n \n \n\n \n\n
\n","import { element } from 'protractor';\nimport { Banner } from './../../../../service/model/menu/menu.model';\nimport { Component, OnInit, Input } from '@angular/core';\n\n@Component({\n selector: 'app-pc-menu-banner',\n templateUrl: './pc-menu-banner.component.html',\n styleUrls: ['./pc-menu-banner.component.css']\n})\nexport class PcMenuBannerComponent implements OnInit {\n\n bannerOptions: any;\n pager = '';\n\n @Input() bannerAry: Banner[] = [];\n constructor() { }\n\n ngOnInit(): void {\n\n this.bannerOptions = { // 設定 Owl Carousel Options\n items: 1,\n dots: true,\n nav: true,\n loop: true,\n autoHeight: true,\n autoplay: true,\n autoplayTimeout: 5000,\n autoplayHoverPause: true,\n navText: [\n '![\"\"](\"../../../../assets/content/images/img-logo-cal-header-w@3x.png\"){kind=logo}
\n \n \n
\n\n \n \n \n \n \n \n \n \n \n\n \n \n\n \n \n\n \n \n \n \n \n \n \n output2 \n \n
\n\n \n
\n \n
\n \n \n
\n {{this.menuData.CategoryName}}
\n\n
\n \n
\n \n \n
\n {{this.menuData.CategoryName}}
\n\n
\n \n
\n \n \n \n
\n {{this.menuData.CategoryName}}
\n\n
\n \n
\n \n \n
\n {{this.menuData.CategoryName}}
\n\n
\n \n
\n \n \n
\n {{\"MenuBrandCollection\" | translate}}
\n\n \n \n \n \n
\n\n \n\n
\n \n
\n\n \n \n
\n {{this.menuCategoryData.CategoryName}}
\n![](\"./assets/content/images/ic-banner-2-previous.svg\")
',\n '![](\"./assets/content/images/ic-banner-2-next.svg\")
'\n ],\n onDragged : this.pageChange,\n onChanged : this.pageChange\n };\n\n this.pager = '01/' + '0' + this.bannerAry.length.toString();\n }\n\n pageChange(event): void {\n\n this.pager = `0` + (event.item.index + 1).toString() + `/0` + event.item.count + ``;\n\n const parentNode = event.target.closest('.sky-navbar-img');\n\n const pagerTitle = parentNode.getElementsByClassName('float-right');\n\n const dotNode = parentNode.getElementsByClassName('owl-dot');\n\n this.pager = `01` + `/0` + event.item.count + ``;\n\n for (let index = 0; index < dotNode.length; index++) {\n\n const element = dotNode[index];\n\n if (element.classList.contains('active')) {\n\n this.pager = `0` + (index + 1).toString() + `/0` + event.item.count + ``;\n }\n }\n\n pagerTitle[0].innerHTML = this.pager;\n }\n\n}\n","\n
\n","import { LanguageService } from './../../../../service/language.service';\nimport { Component, OnInit, AfterViewInit, Input, ViewChild } from '@angular/core';\nimport { BrandDataModel } from '../../../../service/model/brand/brand.model';\nimport { NgModel } from '@angular/forms';\n\nimport { debounceTime } from 'rxjs/operators';\n\n@Component({\n selector: 'app-pc-menu-brand-search',\n templateUrl: './pc-menu-brand-search.component.html',\n styleUrls: ['./pc-menu-brand-search.component.css']\n})\nexport class PcMenuBrandSearchComponent implements OnInit, AfterViewInit {\n\n public keyword = '';\n\n @ViewChild('tKeyword') tKeyword: NgModel;\n\n @Input() public brandsDataAry: BrandDataModel[];\n\n public brandsData: BrandDataModel[];\n\n constructor(\n public languagesvc: LanguageService\n ) { }\n\n ngOnInit(): void {\n this.brandsData = this.brandsDataAry;\n }\n\n ngAfterViewInit(): void {\n\n this.tKeyword.valueChanges\n .pipe(\n debounceTime(500)\n )\n .subscribe(k => {\n\n const kw: string = k;\n\n this.brandsData = this.brandsDataAry;\n\n if (kw.length > 0) {\n\n this.brandsData = this.brandsData.filter(x => {\n\n return x.BrandName.includes(k);\n });\n }\n });\n }\n}\n","\n\n","import { SearchService } from 'src/app/layout/search/search.service';\nimport { BaseDataService } from 'src/app/service/base-data.service';\nimport { MemberService } from './../../../service/member.service';\nimport { ShoppingCartService } from 'src/app/service/shopping-cart.service';\nimport { LanguageService } from './../../../service/language.service';\nimport { ProductFeatureModel } from './../../../service/model/product-feature/product-feature.model';\nimport { ProductFeatureConditionModel } from './../../../service/model/product-feature/product-feature-condition.model';\nimport { ProductFeatureService } from './../../../service/product-feature.service';\nimport { LayoutService } from './../../layout.service';\nimport { Component, OnInit, Input, HostListener } from '@angular/core';\nimport { CategoryType } from '../../../core/enums/server/category-type.enum';\nimport { MenuDataModel } from '../../../service/model/menu/menu.model';\nimport { BrandService } from './../../../service/brand.service';\nimport { MenuService } from '../../../layout/menu/menu.service';\nimport { MemberLoginType } from 'src/app/core/enums/member/member-login-type.enum';\ndeclare const jQuery: any;\n\n@Component({\n selector: 'app-pc-menu',\n templateUrl: './pc-menu.component.html',\n styleUrls: ['./pc-menu.component.css']\n})\nexport class PcMenuComponent implements OnInit {\n\n wasInside = false;\n\n @Input() menuDataList: MenuDataModel[];\n\n categoryType = CategoryType;\n menuMaxHeight = 490;\n menuMinHeight = 490;\n productFeatureAry: ProductFeatureModel[] = [];\n loginTypeEnum = MemberLoginType;\n\n rightBannerOptions: any;\n\n constructor(\n private menusvc: MenuService,\n public layoutsvc: LayoutService,\n public brandsvc: BrandService,\n public languagesvc: LanguageService,\n private shoppingCartsvc: ShoppingCartService,\n public membersvc: MemberService,\n public baseDatasvc: BaseDataService,\n private searchsvc: SearchService\n ) { }\n\n ngOnInit(): void {\n\n this.rightBannerOptions = { // 設定 Owl Carousel Options\n items: 1,\n dots: false,\n nav: true,\n loop: true,\n autoHeight: true,\n navText: [\n '{{this.pager}}
\n \n\n\n
\n\n \n\n \n ![]()
\n \n
\n ',\n ''\n ],\n };\n }\n\n @HostListener('click')\n clickInside(): void {\n\n this.wasInside = true;\n }\n\n @HostListener('document:click')\n clickout(): void {\n\n if (!this.wasInside) {\n\n this.menusvc.closePcMenu();\n }\n\n this.wasInside = false;\n }\n\n menu(isOpen: boolean): void {\n if (isOpen) {\n const coverBgY = 55;\n const menuMarginTop = jQuery('.sky-navbar').offset().top;\n const coverBgHeight = this.layoutsvc.windowHeight;\n const bodyHeight = jQuery('body').height();\n jQuery('.sky-cover-bg').height(bodyHeight);\n this.layoutsvc.headerToolIsOpen = true;\n } else {\n jQuery('.sky-navbar-con-box').removeClass('show');\n jQuery('.sky-cover-bg').height(0);\n jQuery('.sky-navbar-bg').height(0);\n this.layoutsvc.headerToolIsOpen = false;\n }\n }\n\n openMenu(el): void {\n jQuery('.sky-navbar-con-box').removeClass('show');\n const maxHeight = 436;\n const minHeight = 436;\n const subMenu = el;\n const subMenuCon = el.find('.sub-container');\n subMenu.addClass('show');\n // subMenuCon.hasClass('short-con') ? minHeight : maxHeight\n jQuery('.sky-navbar-bg').height(maxHeight);\n jQuery('.sky-cover-bg').addClass('show');\n this.menu(true);\n }\n\n closeMenu(): void {\n this.menu(false);\n const subMenu = jQuery('.sky-navbar-con-box');\n subMenu.removeClass('show');\n jQuery('.sky-cover-bg').removeClass('show');\n }\n\n clickMenu($event): void {\n const subMenu = jQuery($event.target).parent('li').find('.sky-navbar-con-box');\n\n if (subMenu.hasClass('show')) {\n subMenu.removeClass('show');\n jQuery('.sky-cover-bg').removeClass('show');\n } else {\n this.openMenu(subMenu);\n }\n }\n}\n","\n","import { ProductService } from './../../../service/product.service';\nimport { ProductPriceType } from './../../../core/enums/product/product-price-type.enum';\nimport { Router } from '@angular/router';\nimport { LayoutService } from './../../layout.service';\nimport { Component, OnInit, Input, ElementRef, HostListener, ViewChild, AfterViewInit } from '@angular/core';\nimport { trigger, transition, animate, style, state } from '@angular/animations';\n\nimport { SearchStepEnum } from './../search-step-enum.enum';\nimport { SearchService } from '../search.service';\nimport { BrandDataModel } from 'src/app/service/model/brand/brand.model';\nimport { NgModel } from '@angular/forms';\nimport { ProductFeatureModel } from 'src/app/service/model/product-feature/product-feature.model';\nimport { MenuDataModel } from 'src/app/service/model/menu/menu.model';\nimport { LanguageService } from 'src/app/service/language.service';\nimport { ProductFeatureService } from 'src/app/service/product-feature.service';\nimport { MenuService } from '../../menu/menu.service';\nimport { ProductFeatureConditionModel } from 'src/app/service/model/product-feature/product-feature-condition.model';\nimport { CategoryType } from 'src/app/core/enums/server/category-type.enum';\nimport { debounceTime } from 'rxjs/operators';\nimport { ProductModel } from 'src/app/service/model/product/product.model';\nimport { ProductConditionModel } from 'src/app/service/model/product/product-condition.model';\nimport { ProductType } from 'src/app/core/enums/product/product-type.enum';\n\nexport enum searchValueTypeEnum {\n Categorie,\n SubCategorie,\n BranchCategorie,\n ProductFeature,\n Brand,\n priceType\n}\n\n@Component({\n selector: 'app-mobile-search',\n templateUrl: './mobile-search.component.html',\n styleUrls: ['./mobile-search.component.css'],\n animations: [\n trigger('slideInOut', [\n state('open', style({\n transform: 'translateX(0%)'\n })),\n state('closed', style({\n transform: 'translateX(100%)'\n })),\n transition('closed => open', [\n animate('0.3s linear')\n ]),\n transition('open => closed', [\n animate('0.3s linear')\n ])\n ])\n ]\n})\nexport class MobileSearchComponent implements OnInit, AfterViewInit {\n\n private element: any;\n windowHeight: number;\n searchStepEnum = SearchStepEnum;\n @Input() brandDataAry: BrandDataModel[] = [];\n\n keyword = '';\n @ViewChild('tKey') tKey: NgModel;\n\n productKey = '';\n @ViewChild('tproductKey') tproductKey: NgModel;\n\n productFeatureAry: ProductFeatureModel[] = [];\n searchValueType = searchValueTypeEnum;\n brandsData: BrandDataModel[];\n CategorieAry: MenuDataModel[];\n\n categorieIds: number[] = [];\n subCategorieIds: number[] = [];\n branchCategorieIds: number[] = [];\n brandIds: number[] = [];\n productFeatureIds: number[] = [];\n priceTypes: number[] = [];\n\n searchResultData: ProductModel[] = [];\n\n searchConIsOpen = false;\n\n productPriceTypeEnum = ProductPriceType;\n\n constructor(\n private route: Router,\n public layoutsvc: LayoutService,\n private el: ElementRef,\n public searchsvc: SearchService,\n public languagesvc: LanguageService,\n private productFeaturesvc: ProductFeatureService,\n private menusvc: MenuService,\n private productsevc: ProductService\n ) {\n this.element = el.nativeElement;\n }\n\n ngOnInit(): void {\n\n document.getElementById('mobile_search').appendChild(this.element);\n\n this.windowHeight = window.outerHeight;\n\n window.addEventListener('resize', () => {\n\n this.windowHeight = window.outerHeight;\n });\n\n this.getProductFeature();\n this.getCatalogList();\n }\n ngAfterViewInit(): void {\n\n this.tproductKey.valueChanges.pipe(debounceTime(500)).subscribe(keyword => {\n\n // this.keyword = '';\n\n if (keyword.length > 0) {\n\n this.productKey = keyword;\n this.productSearch(keyword);\n }\n });\n }\n\n productSearch(key: string): void {\n\n this.searchConIsOpen = false;\n\n const condition: ProductConditionModel = {\n PageNumber: 1,\n PageSize: 5\n };\n\n if (this.checkProductNoVal(key)) {\n\n condition.ProductNo = key;\n }else{\n\n condition.KeyWord = key;\n }\n\n // condition.ProductTypes = [ProductType.General];\n\n this.productsevc.getProduct(condition).subscribe(result => {\n this.searchResultData = [];\n\n if (result.Success) {\n\n if (result.Data.AllDataCount > 0 && key.length > 0) {\n this.searchConIsOpen = true;\n }\n\n this.searchResultData = result.Data.Datas;\n }\n });\n }\n\n @HostListener('window:resize', ['$event'])\n onResize(event): void {\n\n this.windowHeight = window.innerHeight;\n }\n\n changePage(searchStep: SearchStepEnum): void {\n this.searchsvc.searchStep = searchStep;\n }\n backPage(searchStep: SearchStepEnum): void {\n switch (searchStep) {\n case (this.searchStepEnum.Step2): {\n this.searchsvc.searchStep = this.searchStepEnum.Step1;\n break;\n }\n case (this.searchStepEnum.Step3): {\n this.searchsvc.searchStep = this.searchStepEnum.Step2;\n break;\n }\n default: {\n this.searchsvc.searchStep = this.searchStepEnum.Step1;\n }\n }\n }\n closeSearch(): void {\n\n this.searchConIsOpen = false;\n }\n getProductFeature(): void {\n\n const condition: ProductFeatureConditionModel = { PageSize: 1000 };\n\n this.productFeaturesvc.getData(condition).subscribe(result => {\n\n if (result !== undefined && result.Data.Datas !== undefined) {\n\n this.productFeatureAry = result.Data.Datas;\n }\n },\n (error) => {\n\n });\n }\n getCatalogList(): void {\n\n this.menusvc.getData(false).subscribe(result => {\n if (result.Success) {\n this.CategorieAry = result.Data.filter(x => x.CategoryType === CategoryType.Type1);\n }\n }, (error) => { });\n }\n valueChange($event, valueType: searchValueTypeEnum, valueId: number): void {\n\n const checkStatus: boolean = $event.target.checked;\n\n switch (valueType) {\n\n case searchValueTypeEnum.Categorie: {\n\n const parentnode = $event.target.closest('.primary_category');\n const subinputnodes = Array.prototype.slice.call(parentnode.getElementsByClassName('subcategories')[0].getElementsByClassName('subcategoriesCheckbox'));\n\n if (checkStatus === true) {\n\n this.categorieIds.push(valueId);\n } else {\n\n this.categorieIds = this.categorieIds.filter(id => id !== valueId);\n subinputnodes.forEach(element => {\n\n const subValueId = Number(element.getAttribute('data-valueId'));\n\n element.checked = false;\n this.subCategorieIds = this.subCategorieIds.filter(id => id !== subValueId);\n });\n }\n\n\n break;\n }\n\n case searchValueTypeEnum.SubCategorie: {\n\n if (checkStatus === true) {\n\n this.subCategorieIds.push(valueId);\n } else {\n\n this.subCategorieIds = this.subCategorieIds.filter(id => id !== valueId);\n }\n break;\n }\n\n case searchValueTypeEnum.BranchCategorie: {\n\n if (checkStatus === true) {\n\n this.branchCategorieIds.push(valueId);\n } else {\n\n this.branchCategorieIds = this.branchCategorieIds.filter(id => id !== valueId);\n }\n break;\n }\n\n case searchValueTypeEnum.Brand: {\n\n if (checkStatus === true) {\n\n this.brandIds.push(valueId);\n } else {\n\n this.brandIds = this.brandIds.filter(id => id !== valueId);\n }\n break;\n }\n\n case searchValueTypeEnum.ProductFeature: {\n\n if (checkStatus === true) {\n\n this.productFeatureIds.push(valueId);\n } else {\n\n this.productFeatureIds = this.productFeatureIds.filter(id => id !== valueId);\n }\n break;\n }\n\n case searchValueTypeEnum.priceType: {\n\n if (checkStatus === true) {\n\n this.priceTypes.push(valueId);\n } else {\n\n this.priceTypes = this.priceTypes.filter(id => id !== valueId);\n }\n break;\n }\n\n default: {\n break;\n }\n }\n\n }\n search(): void {\n this.searchsvc.closeMobileSearch();\n this.route.navigate([ this.languagesvc.nowLangNo + '/searchResult'],\n { queryParams: {\n keyword: this.productKey,\n categorieIds: this.categorieIds.toString(),\n subCategorieIds: this.subCategorieIds.toString(),\n brandIds: this.brandIds.toString(),\n productFeatureIds: this.productFeatureIds.toString(),\n priceTypes: this.priceTypes.toString()\n } });\n }\n cancelSearch(): void {\n this.categorieIds = [];\n this.subCategorieIds = [];\n this.branchCategorieIds = [];\n this.brandIds = [];\n this.productFeatureIds = [];\n this.priceTypes = [];\n\n const searchContainer = document.getElementsByClassName('sky-search-item-mb')[0];\n\n const checkboxs = Array.prototype.slice.call(document.getElementsByClassName('search_check_box'));\n\n checkboxs.forEach(element => {\n\n element.checked = false;\n });\n\n const filterItems = Array.prototype.slice.call(document.getElementsByClassName('filterItem'));\n\n filterItems.forEach(element => {\n\n element.setAttribute('aria-expanded', false);\n element.classList.remove('collapsed');\n element.classList.add('collapsed');\n });\n\n const collapses = Array.prototype.slice.call(document.getElementsByClassName('collapse'));\n\n collapses.forEach(element => {\n\n element.classList.remove('show');\n });\n }\n checkProductNoVal(str: string): boolean {\n\n const regExp = /^[a-zA-Z]{2}\\d{4}$/;\n\n if (regExp.test(str)) {\n\n return true;\n }\n\n return false;\n }\n}\n","\n
\n","import { ProductPriceType, ProductPriceTypeDisplay } from './../../../core/enums/product/product-price-type.enum';\nimport { ProductService } from './../../../service/product.service';\nimport { LanguageService } from './../../../service/language.service';\nimport { ProductFeature, ProductModel } from './../../../service/model/product/product.model';\nimport { MenuService } from './../../menu/menu.service';\nimport { ProductFeatureModel } from './../../../service/model/product-feature/product-feature.model';\nimport { Component, OnInit, AfterViewInit, Input, ViewChild, HostListener } from '@angular/core';\nimport { debounceTime } from 'rxjs/operators';\nimport { NgModel } from '@angular/forms';\nimport { Router } from '@angular/router';\n\nimport { SearchService } from '../search.service';\nimport { BrandDataModel } from 'src/app/service/model/brand/brand.model';\nimport { ProductFeatureService } from 'src/app/service/product-feature.service';\nimport { ProductFeatureConditionModel } from 'src/app/service/model/product-feature/product-feature-condition.model';\nimport { MenuDataModel } from 'src/app/service/model/menu/menu.model';\nimport { CategoryType } from 'src/app/core/enums/server/category-type.enum';\nimport { THIS_EXPR } from '@angular/compiler/src/output/output_ast';\nimport { ProductConditionModel } from 'src/app/service/model/product/product-condition.model';\nimport { ProductType } from 'src/app/core/enums/product/product-type.enum';\n\nexport enum searchValueTypeEnum {\n Categorie,\n SubCategorie,\n BranchCategorie,\n ProductFeature,\n Brand,\n priceType\n}\n\n@Component({\n selector: 'app-pc-search',\n templateUrl: './pc-search.component.html',\n styleUrls: ['./pc-search.component.css']\n})\nexport class PcSearchComponent implements OnInit, AfterViewInit {\n\n wasInside = false;\n\n keyword = '';\n @ViewChild('tKey') tKey: NgModel;\n\n productKey = '';\n @ViewChild('tproductKey') tproductKey: NgModel;\n\n @Input() brandDataAry: BrandDataModel[] = [];\n productFeatureAry: ProductFeatureModel[] = [];\n searchValueType = searchValueTypeEnum;\n brandsData: BrandDataModel[];\n CategorieAry: MenuDataModel[];\n\n categorieIds: number[] = [];\n subCategorieIds: number[] = [];\n branchCategorieIds: number[] = [];\n brandIds: number[] = [];\n productFeatureIds: number[] = [];\n priceTypes: number[] = [];\n\n searchResultData: ProductModel[] = [];\n\n searchConIsOpen = false;\n\n productPriceTypeEnum = ProductPriceType;\n\n constructor(\n private route: Router,\n public searchsvc: SearchService,\n public languagesvc: LanguageService,\n private productFeaturesvc: ProductFeatureService,\n private menusvc: MenuService,\n private productsevc: ProductService\n ) { }\n\n ngOnInit(): void {\n\n this.searchsvc.openPcSearchMethod.subscribe(() => {\n this.clickInside();\n });\n\n this.getProductFeature();\n this.getCatalogList();\n }\n\n @HostListener('click')\n clickInside(): void {\n\n this.wasInside = true;\n }\n\n @HostListener('document:click')\n clickout(): void {\n\n if (this.searchsvc.pcSearchIsopen) {\n\n if (!this.wasInside) {\n\n this.closeSearch();\n }\n\n this.wasInside = false;\n }\n }\n\n ngAfterViewInit(): void {\n\n this.tKey.valueChanges\n .pipe(\n debounceTime(500)\n )\n .subscribe(k => {\n\n this.brandsData = this.brandDataAry;\n\n const kw: string = k;\n\n if (kw.length > 0) {\n\n this.brandsData = this.brandDataAry.filter(x => {\n\n return x.BrandName.toLowerCase().includes(k.toLowerCase());\n });\n }\n });\n\n this.tproductKey.valueChanges.pipe(debounceTime(500)).subscribe(keyword => {\n\n // this.keyword = '';\n\n if (keyword.length > 0) {\n\n this.productKey = keyword;\n this.productSearch(keyword);\n }\n });\n }\n\n productSearch(key: string): void {\n\n this.searchConIsOpen = false;\n\n const condition: ProductConditionModel = {\n PageNumber: 1,\n PageSize: 5\n };\n\n if (this.checkProductNoVal(key)) {\n\n condition.ProductNo = key;\n }else{\n\n condition.KeyWord = key;\n }\n\n // condition.ProductTypes = [ProductType.General];\n\n this.productsevc.getProduct(condition).subscribe(result => {\n this.searchResultData = [];\n\n if (result.Success) {\n\n if (result.Data.AllDataCount > 0 && key.length > 0) {\n this.searchConIsOpen = true;\n }\n\n this.searchResultData = result.Data.Datas;\n }\n });\n }\n\n closeSearch(): void {\n\n this.searchsvc.pcSearchIsopen = false;\n }\n\n getProductFeature(): void {\n\n const condition: ProductFeatureConditionModel = { PageSize: 1000 };\n\n this.productFeaturesvc.getData(condition).subscribe(result => {\n\n if (result !== undefined && result.Data.Datas !== undefined) {\n\n this.productFeatureAry = result.Data.Datas;\n }\n },\n (error) => {\n\n });\n }\n getCatalogList(): void {\n\n this.menusvc.getData(false).subscribe(result => {\n\n if (result.Success) {\n\n this.CategorieAry = result.Data.filter(x => x.CategoryType === CategoryType.Type1);\n }\n }, (error) => { });\n }\n valueChange($event, valueType: searchValueTypeEnum, valueId: number): void {\n\n const checkStatus: boolean = $event.target.checked;\n\n switch (valueType) {\n\n case searchValueTypeEnum.Categorie: {\n\n const parentnode = $event.target.closest('.sky-item');\n const subinputnodes = Array.prototype.slice.call(parentnode.getElementsByClassName('subcategories')[0].getElementsByClassName('subcategoriesCheckbox'));\n\n if (checkStatus === true) {\n\n this.categorieIds.push(valueId);\n } else {\n\n this.categorieIds = this.categorieIds.filter(id => id !== valueId);\n subinputnodes.forEach(element => {\n\n const subValueId = Number(element.getAttribute('data-valueId'));\n\n element.checked = false;\n this.subCategorieIds = this.subCategorieIds.filter(id => id !== subValueId);\n });\n }\n\n\n break;\n }\n\n case searchValueTypeEnum.SubCategorie: {\n\n if (checkStatus === true) {\n\n this.subCategorieIds.push(valueId);\n } else {\n\n this.subCategorieIds = this.subCategorieIds.filter(id => id !== valueId);\n }\n break;\n }\n\n case searchValueTypeEnum.BranchCategorie: {\n\n if (checkStatus === true) {\n\n this.branchCategorieIds.push(valueId);\n } else {\n\n this.branchCategorieIds = this.branchCategorieIds.filter(id => id !== valueId);\n }\n break;\n }\n\n case searchValueTypeEnum.Brand: {\n\n if (checkStatus === true) {\n\n this.brandIds.push(valueId);\n } else {\n\n this.brandIds = this.brandIds.filter(id => id !== valueId);\n }\n break;\n }\n\n case searchValueTypeEnum.ProductFeature: {\n\n if (checkStatus === true) {\n\n this.productFeatureIds.push(valueId);\n } else {\n\n this.productFeatureIds = this.productFeatureIds.filter(id => id !== valueId);\n }\n break;\n }\n\n case searchValueTypeEnum.priceType: {\n\n if (checkStatus === true) {\n\n this.priceTypes.push(valueId);\n } else {\n\n this.priceTypes = this.priceTypes.filter(id => id !== valueId);\n }\n break;\n }\n\n default: {\n break;\n }\n }\n\n }\n search(): void {\n\n this.route.navigate([this.languagesvc.nowLangNo + '/searchResult'],\n {\n queryParams: {\n keyword: this.productKey,\n categorieIds: this.categorieIds.toString(),\n subCategorieIds: this.subCategorieIds.toString(),\n brandIds: this.brandIds.toString(),\n productFeatureIds: this.productFeatureIds.toString(),\n priceTypes: this.priceTypes.toString()\n }\n });\n }\n cancelSearch(): void {\n this.categorieIds = [];\n this.subCategorieIds = [];\n this.branchCategorieIds = [];\n this.brandIds = [];\n this.productFeatureIds = [];\n this.priceTypes = [];\n this.keyword = '';\n this.productKey = '';\n\n const checkboxs = Array.prototype.slice.call(document.getElementsByClassName('search_check_box'));\n\n checkboxs.forEach(element => {\n element.checked = false;\n });\n\n\n const collapses = Array.prototype.slice.call(document.getElementsByClassName('collapse'));\n\n collapses.forEach(element => {\n element.classList.remove('show');\n });\n\n this.searchsvc.pcSearchIsopen = false;\n }\n checkProductNoVal(str: string): boolean {\n const regExp = /^[a-zA-Z]{2}\\d{4}$/;\n\n if (regExp.test(str)) {\n\n return true;\n }\n\n return false;\n }\n}\n","\n
\n \n
\n \n
\n \n \n \n \n \n {{\"MobileAdvancedSearch\" | translate}}\n \n
\n \n \n
\n \n \n
\n\n\n \n
\n \n
\n \n \n \n
\n \n
\n {{\"SearchProductTitle\" | translate}}
\n \n\n \n
\n\n \n
\n {{\"SearchFilterCategory\" | translate}}
\n\n \n \n \n
\n\n \n
\n \n \n
\n {{\"SearchFilterCategory\" | translate}}
\n\n
\n \n \n
\n {{\"SearchFilterFeatures\" | translate}}
\n\n
\n \n \n
\n {{\"SearchFilterPrice\" | translate}}
\n\n \n \n \n
\n\n \n\n \n \n \n \n
\n","export enum SearchStepEnum {\n Step1,\n Step2,\n Step3\n}\n","import { BrandService } from './../../service/brand.service';\nimport { LayoutService } from './../layout.service';\nimport { Component, OnInit } from '@angular/core';\n\nimport { SearchService } from './search.service';\nimport { BrandDataModel } from 'src/app/service/model/brand/brand.model';\n\n@Component({\n selector: 'app-search',\n templateUrl: './search.component.html',\n styleUrls: ['./search.component.css']\n})\nexport class SearchComponent implements OnInit {\n\n windowWidth = 0;\n isMobile = false;\n brandDataAry: BrandDataModel[] = [];\n constructor(\n public searchsvc: SearchService,\n public layoutsvc: LayoutService,\n public brandsvc: BrandService\n ) {\n\n this.windowWidth = document.body.clientWidth;\n\n if (this.windowWidth <= 991) {\n this.isMobile = true;\n }\n\n window.addEventListener('resize', () => {\n this.windowWidth = document.body.clientWidth;\n\n if (this.windowWidth <= 991 && this.isMobile === false) {\n this.isMobile = true;\n } else if (this.windowWidth > 991 && this.isMobile === true) {\n this.isMobile = false;\n }\n });\n }\n\n ngOnInit(): void {\n\n this.brandDataAry = this.brandsvc.brandsData;\n }\n}\n","\n\n
\n","import { Component, OnInit, ElementRef, ViewEncapsulation } from '@angular/core';\nimport { ShoppingCartService } from '../../../service/shopping-cart.service';\nimport { LayoutService } from '../../layout.service';\n\n@Component({\n selector: 'app-mobile-shopping-cart',\n templateUrl: './mobile-shopping-cart.component.html',\n styleUrls: ['./mobile-shopping-cart.component.css']\n})\nexport class MobileShoppingCartComponent implements OnInit {\n\n private element: any;\n constructor(\n public layoutsvc: LayoutService,\n private el: ElementRef,\n public shoppingcartsvc: ShoppingCartService\n ) {\n this.element = el.nativeElement;\n }\n\n ngOnInit(): void {\n document.getElementById('mobile_shooping_cart').appendChild(this.element);\n }\n\n}\n","\n\n\n \n
\n\n
\n \n\n {{\"FlghtNoneGoBuyTicket\" | translate}}\n \n {{\"FlghtNoneContentWording\" | translate}}
\n\n
\n\n","import { ProductService } from 'src/app/service/product.service';\nimport { TranslateService } from '@ngx-translate/core';\nimport { ProductType } from './../../../core/enums/product/product-type.enum';\nimport { WishListService } from './../../../service/wish-list.service';\nimport { ShoppingCartStep } from './../../../core/enums/shopping-cart/shopping-cart-step.enum';\nimport { LanguageService } from './../../../service/language.service';\nimport { AlertService } from './../../../shared/alert/alert.service';\nimport { error, element } from 'protractor';\nimport { MemberPopupType } from './../../../core/enums/member/member-popup-type.enum';\nimport { GeneralPopModel, PopupService } from './../../../shared/popup/popup.service';\nimport { MemberLoginType } from './../../../core/enums/member/member-login-type.enum';\nimport { MemberService } from './../../../service/member.service';\nimport { Component, OnInit, HostListener } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { ShoppingCartService } from '../../../service/shopping-cart.service';\nimport { ShoppingCarItemModel } from 'src/app/service/model/shopping/shopping-car-item.model';\nimport { ShoppingCarQueryModel } from 'src/app/service/model/shopping/shopping-car-query.model';\nimport { DatePipe } from '@angular/common';\nimport { BaseDataService } from 'src/app/service/base-data.service';\nimport { ShoppingCarErrorCode } from 'src/app/core/enums/shopping-car-error-code.enum';\nimport { DfpLoginRequestModel } from 'src/app/service/model/member/dfpLoginRequest.model';\nimport { ShoppingCarMainModel } from 'src/app/service/model/shopping/shopping-car-main.model';\nimport { ExChangeRequestModel } from 'src/app/service/model/member/exChangeRequest.model';\nimport { EmpLoginRequestModel } from 'src/app/service/model/member/empLoginRequest.model';\nimport { PnrLoginRequestModel } from 'src/app/service/model/member/pnrLoginRequest.model';\nimport { TktLoginRequestModel } from 'src/app/service/model/member/tktLoginRequest.mode';\n\ndeclare const jQuery: any;\n\n@Component({\n selector: 'app-pc-shopping-cart',\n templateUrl: './pc-shopping-cart.component.html',\n styleUrls: ['./pc-shopping-cart.component.css']\n})\nexport class PcShoppingCartComponent implements OnInit {\n wasInside = false;\n\n memberPopupTypeEnum = MemberPopupType;\n memberLoginTypeEnum = MemberLoginType;\n memberLoginType: MemberLoginType;\n shoppingCarData?: ShoppingCarMainModel;\n isDone = false;\n\n detailTwPriceAry = [];\n memberTwPriceAry = [];\n\n constructor(\n private route: Router,\n public shoppingcartsvc: ShoppingCartService,\n public popupsvc: PopupService,\n public membersvc: MemberService,\n private alertsvc: AlertService,\n private datepipe: DatePipe,\n public languagesvc: LanguageService,\n public wishListsvc: WishListService,\n public baseDatasvc: BaseDataService,\n private translateService: TranslateService,\n private productsvc: ProductService\n ) {\n this.membersvc.memberPageReloadMethod.subscribe(async () => {\n if (this.baseDatasvc.flightData) {\n this.shoppingCarData = null;\n this.getShoppingCarData();\n }\n });\n this.shoppingcartsvc.shoppingCartOpenMethod.subscribe(() => {\n //console.log('shoppingCartOpenMethod');\n this.clickInside();\n this.getShoppingCarData();\n });\n // this.shoppingcartsvc.shoppingCartPageReloadMethod.subscribe(() => {\n // this.shoppingCarData = null;\n // this.getShoppingCarData();\n // });\n }\n\n ngOnInit(): void {\n }\n\n @HostListener('click')\n clickInside(): void {\n this.wasInside = true;\n }\n\n @HostListener('document:click')\n clickout(): void {\n if (!this.wasInside) {\n this.shoppingcartsvc.openPcShoppingCart(false);\n }\n this.wasInside = false;\n }\n\n goToCart(): void {\n this.shoppingcartsvc.pcShoppingCartIsopen = false;\n this.route.navigate([this.languagesvc.nowLangNo + '/shoppingCart', ShoppingCartStep[ShoppingCartStep.step1]]);\n }\n\n openLogin(id: string, memberLoginType: MemberLoginType): void {\n // this.popupsvc.open(id);\n this.membersvc.openLoginPopCon(memberLoginType);\n this.shoppingcartsvc.tooglePcShoppingCart();\n }\n\n openFlightSelect(): void {\n if (this.membersvc.checkMemberIsLogin(this.baseDatasvc.memberData)) {\n this.membersvc.openFlightPopCon(true);\n } else {\n this.openLogin(this.membersvc.memberPopupId, MemberLoginType.DynastyMember);\n }\n\n this.shoppingcartsvc.pcShoppingCartIsopen = false;\n }\n\n async getShoppingCarData(): Promise\n
\n\n \n
\n \n
\n \n \n
\n \n \n
\n \n\n\n \n \n\n \n \n\n
\n\n","import { LayoutService } from '../layout.service';\nimport { Component, OnInit } from '@angular/core';\n\n@Component({\n selector: 'app-shopping-cart',\n templateUrl: './shopping-cart.component.html',\n styleUrls: ['./shopping-cart.component.css']\n})\nexport class ShoppingCartComponent implements OnInit {\n\n constructor(public layoutsvc: LayoutService) { }\n\n ngOnInit(): void {\n }\n\n}\n","\n\n\n
\n \n
\n \n
\n {{\"ShoppingCartLoginNotice\" | translate}}
\n \n \n
\n \n {{\"MemberLoginToolNotAMemberYet\" | translate}}\n \n \n {{\"MemberLoginToolSignUp\" | translate}}\n \n \n
\n\n {{\"MemberLoginToolNotAMemberYet\" | translate}}\n \n \n {{\"MemberLoginToolSignUp\" | translate}}\n \n \n
\n\n\n
\n \n or
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n 0) ||\n (this.shoppingCarData.Members && this.shoppingCarData.Members.length > 0))\">\n \n \n \n \n \n \n \n \n
\n \n
\n \n
\n \n {{\"ShoppingCartToolFlightdelivery\" | translate}}
\n\n
\n
\n \n
\n {{\"ShoppingCartToolChooseAndStart\" | translate}}
\n \n
\n \n \n
\n \n \n
\n \n
\n \n \n \n \n \n
\n {{this.baseDatasvc.flightErrorMsg}}
\n {{\"ShoppingCartToolNoFilghtWording\" | translate}}
\n \n
\n \n
\n {{\"ShoppingCartToolArrangeATrip\" | translate}}
\n \n\n
\n \n
\n {{\"ShoppingCartToolHaveNoProducts\" | translate}}
\n \n\n
\n \n
\n {{\"ShoppingCartToolWording\" | translate}}
\n\n \n \n
\n \n
\n - \n \n
- \n \n\n \n\n\n
\n
\n\n{{item.ProductNo}}
\n{{item.ProductName}}
\n\n \n\n{{item.Count}}\n \n \n - \n \n\n \n\n\n
\n
\n\n{{item.ProductNo}}
\n{{item.ProductName}}
\n\n \n\n{{item.Count}}\n \n \n
\n
\n \n
\n \n \n \n
\n \n
\n \n
\n {{\"ShoppingCartHasOrder\" | translate}}
\n\n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n ![](\"./assets/content/images/arrivals_1.png\")
\n
\n \n\n
\n {{productData.ProductNo}}
\n{{productData.ProductName}}
\n\n \n \n \n
\n \n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AlertComponent } from './alert.component';\n\n\n\n@NgModule({\n declarations: [AlertComponent],\n imports: [CommonModule],\n exports: [AlertComponent]\n})\nexport class AlertModule { }\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class AlertService {\n\n private alerts: any[] = [];\n\n public alertId = 'mainAlert';\n public alertText = '';\n public alertOpenIsOk = true;\n constructor() { }\n\n add(alert: any): void {\n this.alerts.push(alert);\n }\n\n remove(id: string): void {\n this.alerts = this.alerts.filter(x => x.id !== id);\n }\n\n open(id: string): void {\n\n const alert = this.alerts.find(x => x.id === id);\n alert.open();\n }\n\n close(id: string): void {\n const alert = this.alerts.find(x => x.id === id);\n alert.close();\n }\n\n openAlert(text: string, isOk: boolean): void {\n\n const alert = this.alerts.find(x => x.id === this.alertId);\n\n this.alertText = text;\n\n this.alertOpenIsOk = isOk;\n\n alert.open();\n\n setTimeout(() => {\n\n alert.close();\n }, 2000);\n }\n\n openLoading(isOpen: boolean): void {\n\n const alert = this.alerts.find(x => x.id === 'loading');\n\n if (isOpen) {\n\n alert.open();\n\n } else {\n\n alert.close();\n }\n }\n}\n","import { transition } from '@angular/animations';\nimport { Component, Input, Output, EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';\n\nimport paginate from 'jw-paginate';\n\n@Component({\n selector: 'app-jw-pagination',\n templateUrl: './jw-pagination.component.html',\n styleUrls: ['./jw-pagination.component.css']\n})\n\nexport class JwPaginationComponent implements OnInit, OnChanges {\n @Input() items: Array\n
\n \n\n
\n - \n \n
- \n {{\"ProductPagerPrevious\" | translate}}\n \n\n
- \n 1\n \n\n
- 1\">... \n\n
- \n {{page}}\n \n
- ... \n\n
- 1\" [ngClass]=\"{active:pager.currentPage === pager.totalPages}\" class=\"page-item number-item\">\n {{pager.totalPages}}\n \n\n
- = 1\" [ngClass]=\"{disabled:pager.currentPage === pager.totalPages}\" class=\"page-item next-item\">\n {{\"ProductPagerNext\" | translate}}\n \n \n
\n\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MobilePageToolComponent } from './mobile-page-tool.component';\n\n\n\n@NgModule({\n declarations: [MobilePageToolComponent],\n imports: [CommonModule],\n exports: [MobilePageToolComponent]\n})\nexport class MobilePageToolModule { }\n","import { Injectable } from '@angular/core';\n\n@Injectable({\n providedIn: 'root'\n})\nexport class MobilePageToolService {\n\n private mobilePageTools: any[] = [];\n\n isOpen = false;\n\n constructor() { }\n\n add(alert: any): void {\n this.mobilePageTools.push(alert);\n }\n\n remove(id: string): void {\n this.mobilePageTools = this.mobilePageTools.filter(x => x.id !== id);\n }\n\n open(id: string): void {\n\n const alert = this.mobilePageTools.find(x => x.id === id);\n this.isOpen = true;\n alert.open();\n }\n\n close(id: string): void {\n const alert = this.mobilePageTools.find(x => x.id === id);\n this.isOpen = false;\n alert.close();\n }\n\n}\n","import { MobilePageToolService } from './../mobile-page-tool.service';\nimport { Component, OnInit, Input, Output, EventEmitter, ViewChild, ElementRef } from '@angular/core';\nimport { NgModel } from '@angular/forms';\nimport { ActivatedRoute, Router } from '@angular/router';\nimport { CategoryType } from 'src/app/core/enums/server/category-type.enum';\nimport { LayoutService } from 'src/app/layout/layout.service';\nimport { MenuService } from 'src/app/layout/menu/menu.service';\nimport { SearchStepEnum } from 'src/app/layout/search/search-step-enum.enum';\nimport { SearchService } from 'src/app/layout/search/search.service';\nimport { ProductQueryModel } from 'src/app/routes/product/product-Query.model';\nimport { LanguageService } from 'src/app/service/language.service';\nimport { BrandDataModel } from 'src/app/service/model/brand/brand.model';\nimport { MenuDataModel } from 'src/app/service/model/menu/menu.model';\nimport { ProductFeatureConditionModel } from 'src/app/service/model/product-feature/product-feature-condition.model';\nimport { ProductFeatureModel } from 'src/app/service/model/product-feature/product-feature.model';\nimport { ProductConditionModel } from 'src/app/service/model/product/product-condition.model';\nimport { ProductFeatureService } from 'src/app/service/product-feature.service';\n\nexport enum searchValueTypeEnum {\n Categorie,\n SubCategorie,\n BranchCategorie,\n ProductFeature,\n Brand\n}\n\n@Component({\n selector: 'app-mobile-product-filter',\n templateUrl: './mobile-product-filter.component.html',\n styleUrls: ['./mobile-product-filter.component.css']\n})\nexport class MobileProductFilterComponent implements OnInit {\n\n searchStepEnum = SearchStepEnum;\n @Input() brandDataAry: BrandDataModel[] = [];\n @Input() toolId: string;\n\n @Output() searchSubmit = new EventEmitter\n
\n\n \n
\n \n
\n \n \n
\n \n ![\"\"](\"./assets/content/images/ic-cancel-w.svg\"\n)
\n
\n \n \n \n\n \n \n \n
\n","import { Component, OnInit, OnDestroy, Input, ElementRef, ViewEncapsulation } from '@angular/core';\nimport { PopupService } from './popup.service';\n\n@Component({\n selector: 'app-popup',\n templateUrl: './popup.component.html',\n styleUrls: ['./popup.component.css'],\n encapsulation: ViewEncapsulation.None\n})\nexport class PopupComponent implements OnInit, OnDestroy {\n\n @Input() id: string;\n\n private element: any;\n\n isCenter = false;\n isTop = false;\n\n constructor(\n private popupsvc: PopupService,\n private el: ElementRef\n ) {\n this.element = el.nativeElement;\n }\n\n ngOnInit(): void {\n\n if (!this.id) {\n\n return;\n }\n\n document.body.appendChild(this.element);\n\n this.element.addEventListener('click', el => {\n if (el.target.className === 'popup-model') {\n this.close();\n }\n });\n\n if (this.element.classList.contains('center')) {\n this.element.children[0].classList.add('center');\n }\n\n this.popupsvc.add(this);\n }\n\n ngOnDestroy(): void {\n this.popupsvc.remove(this.id);\n this.element.remove();\n }\n\n open(): void {\n this.element.style.display = 'block';\n document.body.classList.add('popup-model-open');\n }\n\n close(): void {\n this.element.style.display = 'none';\n document.body.classList.remove('popup-model-open');\n }\n\n}\n","\n
\n \n \n
\n {{\"MobileProductFilterCATEGORIES\" | translate}}
\n\n
\n \n \n
\n {{\"MobileProductFilterFEATURES\" | translate}}
\n\n
\n \n \n
\n {{\"MobileProductFilterPRICE(USD)\" | translate}}
\n\n
\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PopupComponent } from './popup.component';\n\n\n\n@NgModule({\n declarations: [PopupComponent],\n imports: [CommonModule],\n exports: [PopupComponent]\n})\nexport class PopupModule { }\n","import { element } from 'protractor';\nimport { Injectable } from '@angular/core';\nimport { ProductType } from 'src/app/core/enums/product/product-type.enum';\n\nexport interface GeneralPopModel {\n title?: string;\n content?: string;\n confirmButtonText?: string;\n fightButtonText?: string;\n loginButtonText?: string;\n removeAllProductConfirmText?: string;\n removeProductConfirmText?: string;\n productData?: GeneralPopProductDataModel;\n}\n\nexport interface GeneralPopProductDataModel {\n popRemoveProductNo: string;\n popRemoveProductType: ProductType;\n popRemoveCount: number;\n isShoppingCart: boolean;\n}\n\n@Injectable({\n providedIn: 'root'\n})\nexport class PopupService {\n\n private popups: any[] = [];\n\n wishListCheckId = 'wishListCheck';\n generalPop = 'generalPop';\n\n generalPopData?: GeneralPopModel = null;\n\n\n constructor() { }\n\n add(popup: any): void {\n this.popups.push(popup);\n }\n\n remove(id: string): void {\n this.popups = this.popups.filter(x => x.id !== id);\n }\n\n open(id: string, isCenter?: boolean, isTop?: boolean): void {\n const popup = this.popups.find(x => x.id === id);\n\n popup.open();\n\n if (isCenter !== null) {\n popup.isCenter = isCenter;\n }else{\n popup.isCenter = false;\n }\n\n if (isTop) {\n popup.isTop = true;\n }else{\n popup.isTop = false;\n }\n }\n\n close(id: string): void {\n const popup = this.popups.find(x => x.id === id);\n popup.close();\n }\n\n closeAll(): void {\n\n this.popups.forEach(element => {\n\n const popup = this.popups.find(x => x.id === element.id);\n popup.close();\n });\n }\n\n openGeralPop(data: GeneralPopModel): void {\n\n this.generalPopData = data;\n\n this.open(this.generalPop, true);\n }\n}\n","import { ProductType } from './../../../core/enums/product/product-type.enum';\nimport { BaseDataService } from 'src/app/service/base-data.service';\nimport { DatePipe } from '@angular/common';\nimport { Router } from '@angular/router';\nimport { LanguageService } from './../../../service/language.service';\nimport { ProductModel } from './../../../service/model/product/product.model';\nimport { Component, OnInit, Input } from '@angular/core';\nimport { MemberService } from 'src/app/service/member.service';\nimport { ShoppingCartService } from 'src/app/service/shopping-cart.service';\nimport { AlertService } from '../../alert/alert.service';\nimport { ShoppingCarItemModel } from 'src/app/service/model/shopping/shopping-car-item.model';\nimport { WishListService } from 'src/app/service/wish-list.service';\nimport { ShoppingCartStep } from 'src/app/core/enums/shopping-cart/shopping-cart-step.enum';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-product-image-text',\n templateUrl: './product-image-text.component.html',\n styleUrls: ['./product-image-text.component.css']\n})\nexport class ProductImageTextComponent implements OnInit {\n\n @Input() productAllCount: number;\n @Input() productList: ProductModel[];\n @Input() productEnList: ProductModel[] = [];\n @Input() productTwPriceAry = [];\n @Input() productTwOldPriceAry = [];\n @Input() productType: ProductType = ProductType.General;\n\n constructor(\n private router: Router,\n private membersvc: MemberService,\n private shoppingcartsvc: ShoppingCartService,\n private alertsvc: AlertService,\n public languagesvc: LanguageService,\n public wishListSvc: WishListService,\n private datepipe: DatePipe,\n public baseDatasvc: BaseDataService,\n private translateService: TranslateService\n ) { }\n\n ngOnInit(): void {\n }\n\n async addShoppingCart(productNo: string, productType: ProductType): Promise\n
\n \n\n
\n \n
\n","import { ProductType } from './../../../core/enums/product/product-type.enum';\nimport { BaseDataService } from 'src/app/service/base-data.service';\nimport { DatePipe } from '@angular/common';\nimport { Router } from '@angular/router';\nimport { now } from 'jquery';\nimport { WishListService } from './../../../service/wish-list.service';\nimport { LanguageService } from './../../../service/language.service';\nimport { AlertService } from './../../alert/alert.service';\nimport { MemberService } from './../../../service/member.service';\nimport { ShoppingCartService } from './../../../service/shopping-cart.service';\nimport { ProductModel } from './../../../service/model/product/product.model';\nimport { Component, OnInit, Input } from '@angular/core';\nimport { ShoppingCarItemModel } from 'src/app/service/model/shopping/shopping-car-item.model';\nimport { ShoppingCartStep } from 'src/app/core/enums/shopping-cart/shopping-cart-step.enum';\nimport { TranslateService } from '@ngx-translate/core';\n\n@Component({\n selector: 'app-product-img',\n templateUrl: './product-img.component.html',\n styleUrls: ['./product-img.component.css']\n})\nexport class ProductImgComponent implements OnInit {\n\n @Input() productAllCount: number;\n @Input() productList: ProductModel[];\n @Input() productEnList: ProductModel[] = [];\n @Input() productTwPriceAry = [];\n @Input() productTwOldPriceAry = [];\n @Input() productType: ProductType = ProductType.General;\n\n constructor(\n private router: Router,\n private membersvc: MemberService,\n private shoppingcartsvc: ShoppingCartService,\n private alertsvc: AlertService,\n public languagesvc: LanguageService,\n public wishListSvc: WishListService,\n private datepipe: DatePipe,\n public baseDatasvc: BaseDataService,\n private translateService: TranslateService\n ) { }\n\n ngOnInit(): void {\n\n }\n\n async addShoppingCart(productNo: string, productType: ProductType): Promise\n
\n\n
\n \n \n
\n 0\">\n \n
\n \n
\n\n \n \n
\n \n
\n {{item.ProductFeatureName}}
\n {{\"ProductDetailItemNo\" | translate}} : {{productData.No}}
\n{{productData.BrandName}}
\n\n {{productData.ProductName}}\n
\n {{this.getProductEnName(productData.No)}}\n
\n USD {{productData.OldPrice}} \n 0 && this.productTwOldPriceAry[i]\">\n / TWD {{this.productTwOldPriceAry[i]}}\n \n \n
\n 0\">\n
\n
\n","import { YoutubeUrlPipe } from './../core/pipe/youtube-url.pipe';\nimport { AlertModule } from './alert/alert.module';\nimport { UnescapeHtmlPipe } from './../core/pipe/unescape-html.pipe';\nimport { EnumToArrayPipe } from './../core/pipe/enum-to-array.pipe';\nimport { OwlcarouselDirective } from './../core/directive/owalcarousel.directive';\nimport { NgModule, ModuleWithProviders } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { PopupModule } from './popup/popup.module';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { ProductImgComponent } from './product/product-img/product-img.component';\nimport { ProductImageTextComponent } from './product/product-image-text/product-image-text.component';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { NgxPaginationModule } from 'ngx-pagination/dist/ngx-pagination.module';\nimport { JwPaginationComponent } from './jw-pagination/jw-pagination.component';\nimport { MobilePageToolModule } from './mobile-page-tool/mobile-page-tool.module';\nimport { MobileProductFilterComponent } from './mobile-page-tool/mobile-product-filter/mobile-product-filter.component';\nimport { SafeHtmlPipe } from '../core/pipe/safe-html.pipe';\n\n@NgModule({\n declarations: [\n OwlcarouselDirective,\n EnumToArrayPipe,\n YoutubeUrlPipe,\n UnescapeHtmlPipe,\n SafeHtmlPipe,\n ProductImgComponent,\n ProductImageTextComponent,\n JwPaginationComponent,\n MobileProductFilterComponent\n ],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n RouterModule,\n TranslateModule,\n ],\n exports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n RouterModule,\n PopupModule,\n AlertModule,\n OwlcarouselDirective,\n EnumToArrayPipe,\n UnescapeHtmlPipe,\n SafeHtmlPipe,\n YoutubeUrlPipe,\n ProductImgComponent,\n ProductImageTextComponent,\n TranslateModule,\n JwPaginationComponent,\n MobilePageToolModule,\n MobileProductFilterComponent\n ]\n})\nexport class SharedModule {\n static forRoot(): ModuleWithProviders\n
\n\n \n \n
\n