{"version":3,"sources":["webpack:///./src/components/Header/Header.vue?1e57","webpack:///../../../src/components/VResponsive/VResponsive.ts","webpack:///../../../src/components/VResponsive/index.ts","webpack:///./src/components/Header/Notification.vue?b176","webpack:///../../../src/components/VImg/VImg.ts","webpack:///./src/components/Header/Header.vue?0d55","webpack:///./src/components/Header/Notification.vue?50e1","webpack:///src/components/Header/Notification.vue","webpack:///./src/components/Header/Notification.vue?d6ae","webpack:///../../../src/components/VStepper/VStepper.ts","webpack:///../../../src/components/VStepper/VStepperStep.ts","webpack:///../../../src/components/VStepper/VStepperContent.ts","webpack:///../../../src/components/VStepper/index.ts","webpack:///./src/components/Header/Notification.vue?4234","webpack:///./src/components/Header/Cart.vue?a2a3","webpack:///src/components/Header/Cart.vue","webpack:///./src/components/Header/Cart.vue?06f5","webpack:///./src/components/Header/Cart.vue?1b2c","webpack:///src/components/Header/Header.vue","webpack:///./src/components/Header/Header.vue?dae6","webpack:///./src/components/Header/Header.vue?d88e","webpack:///./src/components/Header/Cart.vue?2775"],"names":["name","props","aspectRatio","String","Number","computed","computedAspectRatio","this","aspectStyle","paddingBottom","__cachedSizer","$createElement","style","staticClass","methods","genContent","$slots","render","h","on","$listeners","hasIntersect","window","directives","intersect","alt","contain","eager","gradient","lazySrc","options","type","default","root","rootMargin","threshold","undefined","position","sizes","src","srcset","transition","Boolean","data","currentSrc","image","isLoading","calculatedAspectRatio","naturalWidth","hasError","normalisedSrc","aspect","__cachedImage","backgroundImage","class","backgroundPosition","key","attrs","mode","watch","loadImage","init","mounted","lazyImg","onLoad","onError","getSrc","err","pollForSize","timeout","poll","naturalHeight","setTimeout","content","width","__genPlaceholder","placeholder","appear","node","role","modifiers","once","value","handler","_vm","_h","_c","_self","headerClasses","navClasses","$i18n","hideNav","hideAll","_e","_v","_s","$t","$event","openSignInDialog","toggleShow","openVideo","scopedSlots","_u","fn","ref","_g","_l","item","idx","handleLang","lang","display","avatar","isLogin","logout","model","callback","$$v","videoDialog","expression","staticRenderFns","clickNotification","rawName","order","$set","orderIndex","orderStatus","openMessage","message","dateFormat","createTime","tag","getStaticFileURL","imgPath","messages","orders","tags","openContact","length","baseMixins","mixins","provide","stepClick","isVertical","vertical","altLabels","nonLinear","isBooted","steps","isReverse","classes","themeClasses","internalValue","oldVal","created","register","unregister","filter","i","updateView","index","ripple","inject","color","complete","completeIcon","editable","editIcon","errorIcon","rules","step","isActive","isInactive","some","validate","stepper","beforeDestroy","click","e","genIcon","VIcon","genLabel","genStep","setBackgroundColor","genStepContent","children","toggle","VStepperHeader","isVerticalProvided","from","required","height","computedTransition","reverse","$vuetify","rtl","styles","current","previous","leave","onTransition","enter","scrollHeight","requestAnimationFrame","$refs","wrapper","contentData","wrapperData","component","VBtn","VDivider","VImg","VList","VListItem","VListItemAvatar","VListItemContent","VListItemSubtitle","VListItemTitle","VMenu","VScaleTransition","VStepper","VStepperStep","VSubheader","clickCart","staticStyle","cart","slice","previewImg","unitPrice","saleVolume","amount","pr","interval","price","priceRanges","len","VProgressCircular","components","background","higher","fixedTop","languages","locale","$router","push","to","location","console","log","design","setVisible","setAfterLogin","getAvatar","VDialog","VResponsive"],"mappings":"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","file":"js/chunk-4f5199b6.cfef3c5c.js","sourcesContent":["import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=style&index=0&id=d8ca088e&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=style&index=0&id=d8ca088e&lang=sass&scoped=true&\"","import './VResponsive.sass'\n\n// Mixins\nimport Measurable, { NumberOrNumberString } from '../../mixins/measurable'\n\n// Types\nimport { VNode } from 'vue'\n\n// Utils\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Measurable).extend({\n  name: 'v-responsive',\n\n  props: {\n    aspectRatio: [String, Number] as NumberOrNumberString,\n  },\n\n  computed: {\n    computedAspectRatio (): number {\n      return Number(this.aspectRatio)\n    },\n    aspectStyle (): object | undefined {\n      return this.computedAspectRatio\n        ? { paddingBottom: (1 / this.computedAspectRatio) * 100 + '%' }\n        : undefined\n    },\n    __cachedSizer (): VNode | [] {\n      if (!this.aspectStyle) return []\n\n      return this.$createElement('div', {\n        style: this.aspectStyle,\n        staticClass: 'v-responsive__sizer',\n      })\n    },\n  },\n\n  methods: {\n    genContent (): VNode {\n      return this.$createElement('div', {\n        staticClass: 'v-responsive__content',\n      }, this.$slots.default)\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-responsive',\n      style: this.measurableStyles,\n      on: this.$listeners,\n    }, [\n      this.__cachedSizer,\n      this.genContent(),\n    ])\n  },\n})\n","import VResponsive from './VResponsive'\n\nexport { VResponsive }\nexport default VResponsive\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notification.vue?vue&type=style&index=0&id=9dd266ec&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notification.vue?vue&type=style&index=0&id=9dd266ec&lang=sass&scoped=true&\"","// Styles\nimport './VImg.sass'\n\n// Directives\nimport intersect from '../../directives/intersect'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\n// Components\nimport VResponsive from '../VResponsive'\n\n// Mixins\nimport Themeable from '../../mixins/themeable'\n\n// Utils\nimport mixins from '../../util/mixins'\nimport mergeData from '../../util/mergeData'\nimport { consoleWarn } from '../../util/console'\n\n// not intended for public use, this is passed in by vuetify-loader\nexport interface srcObject {\n  src: string\n  srcset?: string\n  lazySrc: string\n  aspect: number\n}\n\nconst hasIntersect = typeof window !== 'undefined' && 'IntersectionObserver' in window\n\n/* @vue/component */\nexport default mixins(\n  VResponsive,\n  Themeable,\n).extend({\n  name: 'v-img',\n\n  directives: { intersect },\n\n  props: {\n    alt: String,\n    contain: Boolean,\n    eager: Boolean,\n    gradient: String,\n    lazySrc: String,\n    options: {\n      type: Object,\n      // For more information on types, navigate to:\n      // https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API\n      default: () => ({\n        root: undefined,\n        rootMargin: undefined,\n        threshold: undefined,\n      }),\n    } as PropValidator<IntersectionObserverInit>,\n    position: {\n      type: String,\n      default: 'center center',\n    },\n    sizes: String,\n    src: {\n      type: [String, Object],\n      default: '',\n    } as PropValidator<string | srcObject>,\n    srcset: String,\n    transition: {\n      type: [Boolean, String],\n      default: 'fade-transition',\n    },\n  },\n\n  data () {\n    return {\n      currentSrc: '', // Set from srcset\n      image: null as HTMLImageElement | null,\n      isLoading: true,\n      calculatedAspectRatio: undefined as number | undefined,\n      naturalWidth: undefined as number | undefined,\n      hasError: false,\n    }\n  },\n\n  computed: {\n    computedAspectRatio (): number {\n      return Number(this.normalisedSrc.aspect || this.calculatedAspectRatio)\n    },\n    normalisedSrc (): srcObject {\n      return this.src && typeof this.src === 'object'\n        ? {\n          src: this.src.src,\n          srcset: this.srcset || this.src.srcset,\n          lazySrc: this.lazySrc || this.src.lazySrc,\n          aspect: Number(this.aspectRatio || this.src.aspect),\n        } : {\n          src: this.src,\n          srcset: this.srcset,\n          lazySrc: this.lazySrc,\n          aspect: Number(this.aspectRatio || 0),\n        }\n    },\n    __cachedImage (): VNode | [] {\n      if (!(this.normalisedSrc.src || this.normalisedSrc.lazySrc || this.gradient)) return []\n\n      const backgroundImage: string[] = []\n      const src = this.isLoading ? this.normalisedSrc.lazySrc : this.currentSrc\n\n      if (this.gradient) backgroundImage.push(`linear-gradient(${this.gradient})`)\n      if (src) backgroundImage.push(`url(\"${src}\")`)\n\n      const image = this.$createElement('div', {\n        staticClass: 'v-image__image',\n        class: {\n          'v-image__image--preload': this.isLoading,\n          'v-image__image--contain': this.contain,\n          'v-image__image--cover': !this.contain,\n        },\n        style: {\n          backgroundImage: backgroundImage.join(', '),\n          backgroundPosition: this.position,\n        },\n        key: +this.isLoading,\n      })\n\n      /* istanbul ignore if */\n      if (!this.transition) return image\n\n      return this.$createElement('transition', {\n        attrs: {\n          name: this.transition,\n          mode: 'in-out',\n        },\n      }, [image])\n    },\n  },\n\n  watch: {\n    src () {\n      // Force re-init when src changes\n      if (!this.isLoading) this.init(undefined, undefined, true)\n      else this.loadImage()\n    },\n    '$vuetify.breakpoint.width': 'getSrc',\n  },\n\n  mounted () {\n    this.init()\n  },\n\n  methods: {\n    init (\n      entries?: IntersectionObserverEntry[],\n      observer?: IntersectionObserver,\n      isIntersecting?: boolean\n    ) {\n      // If the current browser supports the intersection\n      // observer api, the image is not observable, and\n      // the eager prop isn't being used, do not load\n      if (\n        hasIntersect &&\n        !isIntersecting &&\n        !this.eager\n      ) return\n\n      if (this.normalisedSrc.lazySrc) {\n        const lazyImg = new Image()\n        lazyImg.src = this.normalisedSrc.lazySrc\n        this.pollForSize(lazyImg, null)\n      }\n      /* istanbul ignore else */\n      if (this.normalisedSrc.src) this.loadImage()\n    },\n    onLoad () {\n      this.getSrc()\n      this.isLoading = false\n      this.$emit('load', this.src)\n    },\n    onError () {\n      this.hasError = true\n      this.$emit('error', this.src)\n    },\n    getSrc () {\n      /* istanbul ignore else */\n      if (this.image) this.currentSrc = this.image.currentSrc || this.image.src\n    },\n    loadImage () {\n      const image = new Image()\n      this.image = image\n\n      image.onload = () => {\n        /* istanbul ignore if */\n        if (image.decode) {\n          image.decode().catch((err: DOMException) => {\n            consoleWarn(\n              `Failed to decode image, trying to render anyway\\n\\n` +\n              `src: ${this.normalisedSrc.src}` +\n              (err.message ? `\\nOriginal error: ${err.message}` : ''),\n              this\n            )\n          }).then(this.onLoad)\n        } else {\n          this.onLoad()\n        }\n      }\n      image.onerror = this.onError\n\n      this.hasError = false\n      image.src = this.normalisedSrc.src\n      this.sizes && (image.sizes = this.sizes)\n      this.normalisedSrc.srcset && (image.srcset = this.normalisedSrc.srcset)\n\n      this.aspectRatio || this.pollForSize(image)\n      this.getSrc()\n    },\n    pollForSize (img: HTMLImageElement, timeout: number | null = 100) {\n      const poll = () => {\n        const { naturalHeight, naturalWidth } = img\n\n        if (naturalHeight || naturalWidth) {\n          this.naturalWidth = naturalWidth\n          this.calculatedAspectRatio = naturalWidth / naturalHeight\n        } else {\n          timeout != null && !this.hasError && setTimeout(poll, timeout)\n        }\n      }\n\n      poll()\n    },\n    genContent () {\n      const content: VNode = VResponsive.options.methods.genContent.call(this)\n      if (this.naturalWidth) {\n        this._b(content.data!, 'div', {\n          style: { width: `${this.naturalWidth}px` },\n        })\n      }\n\n      return content\n    },\n    __genPlaceholder (): VNode | void {\n      if (this.$slots.placeholder) {\n        const placeholder = this.isLoading\n          ? [this.$createElement('div', {\n            staticClass: 'v-image__placeholder',\n          }, this.$slots.placeholder)]\n          : []\n\n        if (!this.transition) return placeholder[0]\n\n        return this.$createElement('transition', {\n          props: {\n            appear: true,\n            name: this.transition,\n          },\n        }, placeholder)\n      }\n    },\n  },\n\n  render (h): VNode {\n    const node = VResponsive.options.render.call(this, h)\n\n    const data = mergeData(node.data!, {\n      staticClass: 'v-image',\n      attrs: {\n        'aria-label': this.alt,\n        role: this.alt ? 'img' : undefined,\n      },\n      class: this.themeClasses,\n      // Only load intersect directive if it\n      // will work in the current browser.\n      directives: hasIntersect\n        ? [{\n          name: 'intersect',\n          modifiers: { once: true },\n          value: {\n            handler: this.init,\n            options: this.options,\n          },\n        }]\n        : undefined,\n    })\n\n    node.children = [\n      this.__cachedSizer,\n      this.__cachedImage,\n      this.__genPlaceholder(),\n      this.genContent(),\n    ] as VNode[]\n\n    return h(node.tag, data, node.children)\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{staticClass:\"p-relative d-flex\",class:_vm.headerClasses},[_c('nav',{staticClass:\"d-flex jc-between\",class:_vm.navClasses},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"logo d-flex ai-center\"},[_c('router-link',{staticClass:\"d-flex ai-end\",attrs:{\"active-class\":\"active\",\"tag\":\"a\",\"to\":(\"/\" + (this.$i18n.locale) + \"/\")}},[_c('img',{attrs:{\"src\":\"/assets/logo_IOT.svg\",\"alt\":\"logo\"}})])],1),(!_vm.hideNav && !_vm.hideAll)?_c('div',{staticClass:\"d-flex ai-center mt-1 nav-menu\"},[(_vm.isLogin)?_c('router-link',{attrs:{\"active-class\":\"active\",\"tag\":\"a\",\"to\":(\"/\" + (this.$i18n.locale) + \"/design\")}},[_vm._v(\" \"+_vm._s(_vm.$t(\"nav.design\"))+\" \")]):_c('a',{on:{\"click\":function($event){return _vm.openSignInDialog('design')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"nav.design\"))+\" \")]),_c('router-link',{attrs:{\"active-class\":\"active\",\"tag\":\"a\",\"to\":(\"/\" + (this.$i18n.locale) + \"/faq\")}},[_vm._v(\" \"+_vm._s(_vm.$t(\"nav.faq\"))+\" \")]),_c('a',{on:{\"click\":_vm.toggleShow}},[_vm._v(_vm._s(_vm.$t(\"nav.contact\")))])],1):_vm._e()]),(!_vm.hideAll)?_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"d-flex ai-center\"},[_c('v-btn',{staticClass:\"mr-6\",attrs:{\"icon\":\"\",\"x-large\":\"\",\"dark\":\"\"},on:{\"click\":_vm.openVideo}},[_c('img',{attrs:{\"src\":\"/assets/ic/header/ic_header_instruction_white.svg\",\"alt\":\"instruction icon\"}})]),_c('Notification'),_c('v-menu',{attrs:{\"auto\":\"\",\"offset-y\":\"\",\"nudge-bottom\":\"10\",\"light\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g({staticClass:\"mr-6\",attrs:{\"icon\":\"\",\"x-large\":\"\",\"dark\":\"\"}},on),[_c('img',{attrs:{\"src\":\"/assets/ic/header/ic_header_language_white.svg\",\"alt\":\"notification icon\"}})])]}}],null,false,3238375924)},[_c('v-list',_vm._l((_vm.languages),function(item,idx){return _c('v-list-item',{key:item + idx,on:{\"click\":function($event){return _vm.handleLang(item.lang)}}},[_c('v-list-item-title',[_vm._v(_vm._s(item.display))])],1)}),1)],1),(!_vm.hideNav)?_c('Cart'):_vm._e(),_c('v-menu',{attrs:{\"auto\":\"\",\"offset-y\":\"\",\"nudge-top\":\"-10\",\"light\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g({attrs:{\"icon\":\"\",\"width\":\"3rem\",\"height\":\"3rem\",\"dark\":\"\"}},on),[(_vm.hasAvatar)?_c('div',{staticClass:\"avatar\"},[_c('img',{attrs:{\"src\":_vm.avatar,\"alt\":\"\"}})]):_c('img',{staticClass:\"nav-icon icon-avatar\",attrs:{\"src\":_vm.avatar,\"alt\":\"user icon\"}})])]}}],null,false,905049325)},[(!_vm.isLogin)?_c('v-list',[_c('v-list-item',{on:{\"click\":_vm.openSignInDialog}},[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(_vm.$t(\"nav.login\"))+\" \")])],1)],1):_c('v-list',[_c('v-list-item',{attrs:{\"to\":(\"/\" + (this.$i18n.locale) + \"/profile\")}},[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(_vm.$t(\"nav.profile\"))+\" \")])],1),_c('v-list-item',{on:{\"click\":_vm.logout}},[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(_vm.$t(\"nav.logout\"))+\" \")])],1)],1)],1)],1)]):_vm._e()]),_c('v-dialog',{attrs:{\"width\":\"75%\"},model:{value:(_vm.videoDialog),callback:function ($$v) {_vm.videoDialog=$$v},expression:\"videoDialog\"}},[_c('v-responsive',{attrs:{\"aspect-ratio\":16 / 9}},[_c('video',{staticClass:\"video-player\",attrs:{\"controls\":\"\"}},[_c('source',{attrs:{\"src\":\"/assets/rfid_design.mp4\",\"type\":\"video/mp4\"}}),_vm._v(\" Your browser does not support the video tag. \")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-menu',{attrs:{\"offset-y\":\"\",\"nudge-left\":_vm.isLogin ? 200 : 0,\"nudge-bottom\":\"10\",\"max-height\":\"43rem\",\"light\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g({staticClass:\"mr-6 p-relative\",attrs:{\"icon\":\"\",\"x-large\":\"\",\"dark\":\"\"},on:{\"click\":_vm.clickNotification}},on),[_c('v-scale-transition',{attrs:{\"origin\":\"center center\"}},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.notification),expression:\"notification\"}],staticClass:\"notify-dot p-absolute\"})]),_c('img',{attrs:{\"src\":\"/assets/ic/header/ic_header_notification_white.svg\",\"alt\":\"notification icon\"}})],1)]}}])},[_c('v-list',{attrs:{\"subheader\":\"\",\"two-line\":\"\"}},[(!_vm.isLogin)?_c('v-list-item',[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(_vm.$t(\"nav.notLogin\"))+\" \")])],1):_c('div',[_c('v-subheader',[_vm._v(_vm._s(_vm.$t(\"notification.orderStatus\")))]),_vm._l((_vm.data.orders),function(order,idx){return _c('div',{key:'orderStatus' + idx,staticClass:\"mb-1\"},[_c('v-stepper',{attrs:{\"alt-labels\":\"\"},model:{value:(order.orderStatus),callback:function ($$v) {_vm.$set(order, \"orderStatus\", $$v)},expression:\"order.orderStatus\"}},[_c('span',{staticClass:\"pl-4\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"profile.order.orderId\"))+\": \"+_vm._s(order.orderIndex)+\" \")]),_c('v-stepper-header',[(order.orderStatus < 6)?_c('v-stepper-step',{key:(\"orderStatus\" + idx + \"_\" + (order.orderStatus - 1)),attrs:{\"step\":order.orderStatus - 1}},[_vm._v(\" \"+_vm._s(_vm.orderStatus[order.orderStatus - 1])+\" \")]):_vm._e(),(order.orderStatus < 6)?_c('v-divider'):_vm._e(),_c('v-stepper-step',{key:(\"orderStatus\" + idx + \"_\" + (order.orderStatus)),staticClass:\"mx-auto\",attrs:{\"color\":\"orange\",\"step\":order.orderStatus}},[_vm._v(\" \"+_vm._s(_vm.orderStatus[order.orderStatus])+\" \")]),(order.orderStatus < 6)?_c('v-divider'):_vm._e(),(order.orderStatus < 6)?_c('v-stepper-step',{key:(\"orderStatus\" + idx + \"_\" + (order.orderStatus + 1)),attrs:{\"step\":order.orderStatus + 1}},[_vm._v(\" \"+_vm._s(_vm.orderStatus[order.orderStatus + 1])+\" \")]):_vm._e()],1)],1)],1)}),_c('v-divider'),(_vm.message)?_c('div',[_c('v-subheader',[_vm._v(\" \"+_vm._s(_vm.$t(\"notification.newMessage\"))+\" \")]),_c('v-list-item',{staticClass:\"px-7\",on:{\"click\":_vm.openMessage}},[_c('v-list-item-avatar',[_c('div',[_c('v-img',{attrs:{\"contain\":\"\",\"src\":\"/assets/ic/contact/chatbox_head.svg\",\"alt\":\"admin_avatar\"}})],1)]),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(_vm.message.message)+\" \")]),_c('v-list-item-subtitle',[_vm._v(\" \"+_vm._s(_vm.dateFormat(_vm.message.createTime))+\" \")])],1)],1),_c('v-divider')],1):_vm._e(),_c('v-subheader',[_vm._v(_vm._s(_vm.$t(\"notification.newTags\")))]),_vm._l((_vm.data.tags),function(tag,idx){return _c('v-list-item',{key:'newTag' + idx,staticClass:\"px-7\"},[_c('v-list-item-avatar',[(tag.imgPath)?_c('v-img',{attrs:{\"src\":_vm.getStaticFileURL(tag.imgPath)}}):_vm._e()],1),_c('v-list-item-content',[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(tag.name)+\" \")]),_c('v-list-item-subtitle',[_vm._v(\" \"+_vm._s(_vm.dateFormat(tag.createTime))+\" \")])],1)],1)})],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-menu\r\n    offset-y\r\n    :nudge-left=\"isLogin ? 200 : 0\"\r\n    nudge-bottom=\"10\"\r\n    max-height=\"43rem\"\r\n    light\r\n  >\r\n    <template v-slot:activator=\"{ on }\">\r\n      <v-btn\r\n        icon\r\n        v-on=\"on\"\r\n        x-large\r\n        dark\r\n        class=\"mr-6 p-relative\"\r\n        @click=\"clickNotification\"\r\n      >\r\n        <v-scale-transition origin=\"center center\">\r\n          <div v-show=\"notification\" class=\"notify-dot p-absolute\"></div>\r\n        </v-scale-transition>\r\n        <img\r\n          src=\"/assets/ic/header/ic_header_notification_white.svg\"\r\n          alt=\"notification icon\"\r\n        />\r\n      </v-btn>\r\n    </template>\r\n    <v-list subheader two-line>\r\n      <v-list-item v-if=\"!isLogin\">\r\n        <v-list-item-title>\r\n          {{ $t(\"nav.notLogin\") }}\r\n        </v-list-item-title>\r\n      </v-list-item>\r\n      <div v-else>\r\n        <v-subheader>{{ $t(\"notification.orderStatus\") }}</v-subheader>\r\n        <div\r\n          v-for=\"(order, idx) in data.orders\"\r\n          :key=\"'orderStatus' + idx\"\r\n          class=\"mb-1\"\r\n        >\r\n          <v-stepper alt-labels v-model=\"order.orderStatus\">\r\n            <span class=\"pl-4\">\r\n              {{ $t(\"profile.order.orderId\") }}: {{ order.orderIndex }}\r\n            </span>\r\n            <v-stepper-header>\r\n              <v-stepper-step\r\n                v-if=\"order.orderStatus < 6\"\r\n                :key=\"`orderStatus${idx}_${order.orderStatus - 1}`\"\r\n                :step=\"order.orderStatus - 1\"\r\n              >\r\n                {{ orderStatus[order.orderStatus - 1] }}\r\n              </v-stepper-step>\r\n              <v-divider v-if=\"order.orderStatus < 6\"></v-divider>\r\n              <v-stepper-step\r\n                class=\"mx-auto\"\r\n                color=\"orange\"\r\n                :key=\"`orderStatus${idx}_${order.orderStatus}`\"\r\n                :step=\"order.orderStatus\"\r\n              >\r\n                {{ orderStatus[order.orderStatus] }}\r\n              </v-stepper-step>\r\n              <v-divider v-if=\"order.orderStatus < 6\"></v-divider>\r\n              <v-stepper-step\r\n                v-if=\"order.orderStatus < 6\"\r\n                :key=\"`orderStatus${idx}_${order.orderStatus + 1}`\"\r\n                :step=\"order.orderStatus + 1\"\r\n              >\r\n                {{ orderStatus[order.orderStatus + 1] }}\r\n              </v-stepper-step>\r\n            </v-stepper-header>\r\n          </v-stepper>\r\n        </div>\r\n        <v-divider></v-divider>\r\n        <div v-if=\"message\">\r\n          <v-subheader>\r\n            {{ $t(\"notification.newMessage\") }}\r\n          </v-subheader>\r\n          <v-list-item class=\"px-7\" @click=\"openMessage\">\r\n            <v-list-item-avatar>\r\n              <div>\r\n                <v-img\r\n                  contain\r\n                  src=\"/assets/ic/contact/chatbox_head.svg\"\r\n                  alt=\"admin_avatar\"\r\n                ></v-img>\r\n              </div>\r\n            </v-list-item-avatar>\r\n            <v-list-item-content>\r\n              <v-list-item-title>\r\n                {{ message.message }}\r\n              </v-list-item-title>\r\n              <v-list-item-subtitle>\r\n                {{ dateFormat(message.createTime) }}\r\n              </v-list-item-subtitle>\r\n            </v-list-item-content>\r\n          </v-list-item>\r\n          <v-divider></v-divider>\r\n        </div>\r\n        <v-subheader>{{ $t(\"notification.newTags\") }}</v-subheader>\r\n        <v-list-item\r\n          class=\"px-7\"\r\n          v-for=\"(tag, idx) in data.tags\"\r\n          :key=\"'newTag' + idx\"\r\n        >\r\n          <v-list-item-avatar>\r\n            <v-img\r\n              v-if=\"tag.imgPath\"\r\n              :src=\"getStaticFileURL(tag.imgPath)\"\r\n            ></v-img>\r\n          </v-list-item-avatar>\r\n          <v-list-item-content>\r\n            <v-list-item-title>\r\n              {{ tag.name }}\r\n            </v-list-item-title>\r\n            <v-list-item-subtitle>\r\n              {{ dateFormat(tag.createTime) }}\r\n            </v-list-item-subtitle>\r\n          </v-list-item-content>\r\n        </v-list-item>\r\n      </div>\r\n    </v-list>\r\n  </v-menu>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapMutations, mapState } from \"vuex\";\r\nexport default {\r\n  computed: {\r\n    ...mapState(\"user\", [\"isLogin\", \"notification\"]),\r\n    ...mapState(\"cart\", [\"cartLoading\", \"cart\"]),\r\n    orderStatus() {\r\n      return [\r\n        this.$t(\"profile.order.orderCreated\"),\r\n        this.$t(\"profile.order.unpaid2\"),\r\n        this.$t(\"profile.order.waitingForPayment\"),\r\n        this.$t(\"profile.order.orderProcessing\"),\r\n        this.$t(\"profile.order.transporting\"),\r\n        this.$t(\"profile.order.orderCompleted\"),\r\n        this.$t(\"profile.order.orderReturn\"),\r\n        this.$t(\"profile.order.cancelOrder\")\r\n      ];\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      data: {\r\n        messages: [],\r\n        orders: [],\r\n        tags: []\r\n      },\r\n      message: null,\r\n      init: false\r\n    };\r\n  },\r\n  methods: {\r\n    ...mapMutations(\"user\", [\"setUserNotification\"]),\r\n    ...mapActions(\"contact\", [\"openContact\"]),\r\n    openMessage() {\r\n      this.openContact();\r\n    },\r\n    async clickNotification() {\r\n      this.$forceUpdate();\r\n      if (!this.isLogin || (this.init && !this.notification)) return;\r\n      const res = await this.$http.get(\"members/notification\");\r\n      this.data = res.data;\r\n      if (res.data.messages.length > 0) this.message = this.data.messages[0];\r\n      this.init = true;\r\n      this.$forceUpdate();\r\n      this.setUserNotification(false);\r\n    }\r\n  },\r\n  watch: {\r\n    isLogin() {\r\n      this.data.messages.length = 0;\r\n      this.data.orders.length = 0;\r\n      this.data.tags.length = 0;\r\n      this.message = null;\r\n      this.init = false;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"sass\" scoped>\r\n.notify-dot\r\n  background: #FF6868\r\n  width: 13px\r\n  height: 13px\r\n  right: 8px\r\n  top: 8px\r\n  border-radius: 100%\r\n  border: 1px solid white\r\n\r\n.v-stepper, .v-stepper__header\r\n  box-shadow: none !important\r\n::v-deep .v-stepper__label\r\n  text-shadow: none !important\r\n  text-align: center !important\r\n::v-deep .v-stepper__step--active\r\n  .v-stepper__label\r\n    color: #ff9800 !important\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notification.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Notification.vue?vue&type=script&lang=js&\"","// Styles\nimport './VStepper.sass'\n\n// Components\nimport VStepperStep from './VStepperStep'\nimport VStepperContent from './VStepperContent'\n\n// Mixins\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\nimport Proxyable from '../../mixins/proxyable'\nimport Themeable from '../../mixins/themeable'\n\n// Utilities\nimport mixins from '../../util/mixins'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\n\nconst baseMixins = mixins(\n  RegistrableProvide('stepper'),\n  Proxyable,\n  Themeable\n)\n\ntype VStepperStepInstance = InstanceType<typeof VStepperStep>\ntype VStepperContentInstance = InstanceType<typeof VStepperContent>\n\n/* @vue/component */\nexport default baseMixins.extend({\n  name: 'v-stepper',\n\n  provide (): object {\n    return {\n      stepClick: this.stepClick,\n      isVertical: this.vertical,\n    }\n  },\n\n  props: {\n    altLabels: Boolean,\n    nonLinear: Boolean,\n    vertical: Boolean,\n  },\n\n  data () {\n    const data: Dictionary<any> = {\n      isBooted: false,\n      steps: [] as VStepperStepInstance[],\n      content: [] as VStepperContentInstance[],\n      isReverse: false,\n    }\n\n    data.internalLazyValue = this.value != null\n      ? this.value\n      : (data[0] || {}).step || 1\n\n    return data\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-stepper--is-booted': this.isBooted,\n        'v-stepper--vertical': this.vertical,\n        'v-stepper--alt-labels': this.altLabels,\n        'v-stepper--non-linear': this.nonLinear,\n        ...this.themeClasses,\n      }\n    },\n  },\n\n  watch: {\n    internalValue (val, oldVal) {\n      this.isReverse = Number(val) < Number(oldVal)\n\n      oldVal && (this.isBooted = true)\n\n      this.updateView()\n    },\n  },\n\n  created () {\n    /* istanbul ignore next */\n    if (this.$listeners.input) {\n      breaking('@input', '@change', this)\n    }\n  },\n\n  mounted () {\n    this.updateView()\n  },\n\n  methods: {\n    register (item: VStepperStepInstance | VStepperContentInstance) {\n      if (item.$options.name === 'v-stepper-step') {\n        this.steps.push(item as VStepperStepInstance)\n      } else if (item.$options.name === 'v-stepper-content') {\n        (item as VStepperContentInstance).isVertical = this.vertical\n        this.content.push(item as VStepperContentInstance)\n      }\n    },\n    unregister (item: VStepperStepInstance | VStepperContentInstance) {\n      if (item.$options.name === 'v-stepper-step') {\n        this.steps = this.steps.filter((i: VStepperStepInstance) => i !== item)\n      } else if (item.$options.name === 'v-stepper-content') {\n        (item as VStepperContentInstance).isVertical = this.vertical\n        this.content = this.content.filter((i: VStepperContentInstance) => i !== item)\n      }\n    },\n    stepClick (step: string | number) {\n      this.$nextTick(() => (this.internalValue = step))\n    },\n    updateView () {\n      for (let index = this.steps.length; --index >= 0;) {\n        this.steps[index].toggle(this.internalValue as any)\n      }\n      for (let index = this.content.length; --index >= 0;) {\n        this.content[index].toggle(this.internalValue as any, this.isReverse)\n      }\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-stepper',\n      class: this.classes,\n    }, this.$slots.default)\n  },\n})\n","// Components\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Directives\nimport ripple from '../../directives/ripple'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\nimport { PropValidator } from 'vue/types/options'\n\ntype VuetifyStepperRuleValidator = () => string | boolean\n\nconst baseMixins = mixins(\n  Colorable,\n  RegistrableInject('stepper', 'v-stepper-step', 'v-stepper')\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  stepClick: (step: number | string) => void\n}\n/* @vue/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'v-stepper-step',\n\n  directives: { ripple },\n\n  inject: ['stepClick'],\n\n  props: {\n    color: {\n      type: String,\n      default: 'primary',\n    },\n    complete: Boolean,\n    completeIcon: {\n      type: String,\n      default: '$complete',\n    },\n    editable: Boolean,\n    editIcon: {\n      type: String,\n      default: '$edit',\n    },\n    errorIcon: {\n      type: String,\n      default: '$error',\n    },\n    rules: {\n      type: Array,\n      default: () => [],\n    } as PropValidator<VuetifyStepperRuleValidator[]>,\n    step: [Number, String],\n  },\n\n  data () {\n    return {\n      isActive: false,\n      isInactive: true,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-stepper__step--active': this.isActive,\n        'v-stepper__step--editable': this.editable,\n        'v-stepper__step--inactive': this.isInactive,\n        'v-stepper__step--error error--text': this.hasError,\n        'v-stepper__step--complete': this.complete,\n      }\n    },\n    hasError (): boolean {\n      return this.rules.some(validate => validate() !== true)\n    },\n  },\n\n  mounted () {\n    this.stepper && this.stepper.register(this)\n  },\n\n  beforeDestroy () {\n    this.stepper && this.stepper.unregister(this)\n  },\n\n  methods: {\n    click (e: MouseEvent) {\n      e.stopPropagation()\n\n      this.$emit('click', e)\n\n      if (this.editable) {\n        this.stepClick(this.step)\n      }\n    },\n    genIcon (icon: string) {\n      return this.$createElement(VIcon, icon)\n    },\n    genLabel () {\n      return this.$createElement('div', {\n        staticClass: 'v-stepper__label',\n      }, this.$slots.default)\n    },\n    genStep () {\n      const color = (!this.hasError && (this.complete || this.isActive)) ? this.color : false\n\n      return this.$createElement('span', this.setBackgroundColor(color, {\n        staticClass: 'v-stepper__step__step',\n      }), this.genStepContent())\n    },\n    genStepContent () {\n      const children = []\n\n      if (this.hasError) {\n        children.push(this.genIcon(this.errorIcon))\n      } else if (this.complete) {\n        if (this.editable) {\n          children.push(this.genIcon(this.editIcon))\n        } else {\n          children.push(this.genIcon(this.completeIcon))\n        }\n      } else {\n        children.push(String(this.step))\n      }\n\n      return children\n    },\n    toggle (step: number | string) {\n      this.isActive = step.toString() === this.step.toString()\n      this.isInactive = Number(step) < Number(this.step)\n    },\n  },\n\n  render (h): VNode {\n    return h('div', {\n      staticClass: 'v-stepper__step',\n      class: this.classes,\n      directives: [{\n        name: 'ripple',\n        value: this.editable,\n      }],\n      on: { click: this.click },\n    }, [\n      this.genStep(),\n      this.genLabel(),\n    ])\n  },\n})\n","// Components\nimport {\n  VTabTransition,\n  VTabReverseTransition,\n} from '../transitions'\n\n// Mixins\nimport { inject as RegistrableInject } from '../../mixins/registrable'\n\n// Helpers\nimport { convertToUnit } from '../../util/helpers'\n\n// Utilities\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode, FunctionalComponentOptions, VNodeData } from 'vue'\n\nconst baseMixins = mixins(\n  RegistrableInject('stepper', 'v-stepper-content', 'v-stepper')\n)\n\ninterface options extends InstanceType<typeof baseMixins> {\n  $refs: {\n    wrapper: HTMLElement\n  }\n  isVerticalProvided: boolean\n}\n\n/* @vue/component */\nexport default baseMixins.extend<options>().extend({\n  name: 'v-stepper-content',\n\n  inject: {\n    isVerticalProvided: {\n      from: 'isVertical',\n    },\n  },\n\n  props: {\n    step: {\n      type: [Number, String],\n      required: true,\n    },\n  },\n\n  data () {\n    return {\n      height: 0 as number | string,\n      // Must be null to allow\n      // previous comparison\n      isActive: null as boolean | null,\n      isReverse: false,\n      isVertical: this.isVerticalProvided,\n    }\n  },\n\n  computed: {\n    computedTransition (): FunctionalComponentOptions {\n      // Fix for #8978\n      const reverse = this.$vuetify.rtl ? !this.isReverse : this.isReverse\n\n      return reverse\n        ? VTabReverseTransition\n        : VTabTransition\n    },\n    styles (): object {\n      if (!this.isVertical) return {}\n\n      return {\n        height: convertToUnit(this.height),\n      }\n    },\n  },\n\n  watch: {\n    isActive (current, previous) {\n      // If active and the previous state\n      // was null, is just booting up\n      if (current && previous == null) {\n        this.height = 'auto'\n        return\n      }\n\n      if (!this.isVertical) return\n\n      if (this.isActive) this.enter()\n      else this.leave()\n    },\n  },\n\n  mounted () {\n    this.$refs.wrapper.addEventListener(\n      'transitionend',\n      this.onTransition,\n      false\n    )\n    this.stepper && this.stepper.register(this)\n  },\n\n  beforeDestroy () {\n    this.$refs.wrapper.removeEventListener(\n      'transitionend',\n      this.onTransition,\n      false\n    )\n    this.stepper && this.stepper.unregister(this)\n  },\n\n  methods: {\n    onTransition (e: TransitionEvent) {\n      if (!this.isActive ||\n        e.propertyName !== 'height'\n      ) return\n\n      this.height = 'auto'\n    },\n    enter () {\n      let scrollHeight = 0\n\n      // Render bug with height\n      requestAnimationFrame(() => {\n        scrollHeight = this.$refs.wrapper.scrollHeight\n      })\n\n      this.height = 0\n\n      // Give the collapsing element time to collapse\n      setTimeout(() => this.isActive && (this.height = (scrollHeight || 'auto')), 450)\n    },\n    leave () {\n      this.height = this.$refs.wrapper.clientHeight\n      setTimeout(() => (this.height = 0), 10)\n    },\n    toggle (step: string | number, reverse: boolean) {\n      this.isActive = step.toString() === this.step.toString()\n      this.isReverse = reverse\n    },\n  },\n\n  render (h): VNode {\n    const contentData = {\n      staticClass: 'v-stepper__content',\n    } as VNodeData\n    const wrapperData = {\n      staticClass: 'v-stepper__wrapper',\n      style: this.styles,\n      ref: 'wrapper',\n    }\n\n    if (!this.isVertical) {\n      contentData.directives = [{\n        name: 'show',\n        value: this.isActive,\n      }]\n    }\n\n    const wrapper = h('div', wrapperData, [this.$slots.default])\n    const content = h('div', contentData, [wrapper])\n\n    return h(this.computedTransition, {\n      on: this.$listeners,\n    }, [content])\n  },\n})\n","import { createSimpleFunctional } from '../../util/helpers'\nimport VStepper from './VStepper'\nimport VStepperStep from './VStepperStep'\nimport VStepperContent from './VStepperContent'\n\nconst VStepperHeader = createSimpleFunctional('v-stepper__header')\nconst VStepperItems = createSimpleFunctional('v-stepper__items')\n\nexport {\n  VStepper,\n  VStepperContent,\n  VStepperStep,\n  VStepperHeader,\n  VStepperItems,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VStepper,\n    VStepperContent,\n    VStepperStep,\n    VStepperHeader,\n    VStepperItems,\n  },\n}\n","import { render, staticRenderFns } from \"./Notification.vue?vue&type=template&id=9dd266ec&scoped=true&\"\nimport script from \"./Notification.vue?vue&type=script&lang=js&\"\nexport * from \"./Notification.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Notification.vue?vue&type=style&index=0&id=9dd266ec&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"9dd266ec\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemAvatar } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemSubtitle } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VScaleTransition } from 'vuetify/lib/components/transitions';\nimport { VStepper } from 'vuetify/lib/components/VStepper';\nimport { VStepperHeader } from 'vuetify/lib/components/VStepper';\nimport { VStepperStep } from 'vuetify/lib/components/VStepper';\nimport { VSubheader } from 'vuetify/lib/components/VSubheader';\ninstallComponents(component, {VBtn,VDivider,VImg,VList,VListItem,VListItemAvatar,VListItemContent,VListItemSubtitle,VListItemTitle,VMenu,VScaleTransition,VStepper,VStepperHeader,VStepperStep,VSubheader})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-menu',{attrs:{\"offset-y\":\"\",\"nudge-top\":\"-10\",\"max-height\":\"25rem\",\"light\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nreturn [_c('v-btn',_vm._g({staticClass:\"mr-6\",attrs:{\"icon\":\"\",\"x-large\":\"\",\"dark\":\"\"},on:{\"click\":_vm.clickCart}},on),[_c('img',{attrs:{\"src\":\"/assets/ic/header/ic_header_cart_white.svg\",\"alt\":\"cart icon\"}})])]}}])},[_c('v-list',[(!_vm.isLogin)?_c('v-list-item',[_c('v-list-item-title',[_vm._v(\" \"+_vm._s(_vm.$t(\"nav.notLogin\"))+\" \")])],1):_c('div',{staticStyle:{\"width\":\"20rem\"}},[_c('v-subheader',[_vm._v(_vm._s(_vm.$t(\"cart.myCart\")))]),_c('v-divider'),_vm._l((_vm.cart.slice(0, 4)),function(item,idx){return _c('v-list-item',{key:'topCart' + idx,staticClass:\"mt-3\"},[_c('div',{staticClass:\"d-flex ai-center w-100\"},[_c('div',{staticClass:\"d-flex flex-column preview-img mr-2\"},[_c('div',{staticClass:\"flex-1\"},[_c('v-img',{attrs:{\"max-height\":\"1.2rem\",\"src\":_vm.getStaticFileURL(item.tag.imgPath),\"contain\":\"\"}})],1),_c('div',{staticClass:\"flex-1\"},[_c('v-img',{attrs:{\"max-height\":\"1.2rem\",\"src\":item.previewImg,\"contain\":\"\"}})],1)]),_c('div',{staticClass:\"flex-1 d-flex flex-column al-stretch jc-between\"},[_c('div',[_vm._v(\" \"+_vm._s(item.tag.name)+\" \")]),_c('div',{staticClass:\"d-flex\",staticStyle:{\"font-size\":\"0.7rem\"}},[_c('span',{staticClass:\"mr-5\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"cart.unitPrice\"))+\": \"+_vm._s(_vm.unitPrice(item))+\" \")]),_c('span',[_vm._v(\" \"+_vm._s(_vm.$t(\"cart.amount\"))+\": \"+_vm._s(item.saleVolume)+\" \")])])])])])}),(_vm.cartLoading)?_c('v-list-item',{staticClass:\"d-flex jc-center\"},[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}})],1):(_vm.cart.length > 0)?_c('v-list-item',{staticClass:\"d-flex jc-center mt-3\"},[_c('div',[_c('v-btn',{attrs:{\"to\":(\"/\" + (this.$i18n.locale) + \"/order/cart\"),\"depressed\":\"\",\"outlined\":\"\",\"color\":\"orange\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"cart.viewAll\"))+\" \")])],1)]):_vm._e()],2)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-menu offset-y nudge-top=\"-10\" max-height=\"25rem\" light>\r\n    <template v-slot:activator=\"{ on }\">\r\n      <v-btn @click=\"clickCart\" icon class=\"mr-6\" x-large dark v-on=\"on\">\r\n        <img src=\"/assets/ic/header/ic_header_cart_white.svg\" alt=\"cart icon\" />\r\n      </v-btn>\r\n    </template>\r\n    <v-list>\r\n      <v-list-item v-if=\"!isLogin\">\r\n        <v-list-item-title>\r\n          {{ $t(\"nav.notLogin\") }}\r\n        </v-list-item-title>\r\n      </v-list-item>\r\n      <div v-else style=\"width: 20rem;\">\r\n        <v-subheader>{{ $t(\"cart.myCart\") }}</v-subheader>\r\n        <v-divider></v-divider>\r\n        <v-list-item\r\n          v-for=\"(item, idx) in cart.slice(0, 4)\"\r\n          :key=\"'topCart' + idx\"\r\n          class=\"mt-3\"\r\n        >\r\n          <div class=\"d-flex ai-center w-100\">\r\n            <div class=\"d-flex flex-column preview-img mr-2\">\r\n              <div class=\"flex-1\">\r\n                <v-img\r\n                  max-height=\"1.2rem\"\r\n                  :src=\"getStaticFileURL(item.tag.imgPath)\"\r\n                  contain\r\n                ></v-img>\r\n              </div>\r\n              <div class=\"flex-1\">\r\n                <v-img\r\n                  max-height=\"1.2rem\"\r\n                  :src=\"item.previewImg\"\r\n                  contain\r\n                ></v-img>\r\n              </div>\r\n            </div>\r\n            <div class=\"flex-1 d-flex flex-column al-stretch jc-between\">\r\n              <div>\r\n                {{ item.tag.name }}\r\n              </div>\r\n              <div class=\"d-flex\" style=\"font-size: 0.7rem\">\r\n                <span class=\"mr-5\">\r\n                  {{ $t(\"cart.unitPrice\") }}: {{ unitPrice(item) }}\r\n                </span>\r\n                <span> {{ $t(\"cart.amount\") }}: {{ item.saleVolume }} </span>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </v-list-item>\r\n        <v-list-item class=\"d-flex jc-center\" v-if=\"cartLoading\">\r\n          <v-progress-circular\r\n            indeterminate\r\n            color=\"primary\"\r\n          ></v-progress-circular>\r\n        </v-list-item>\r\n        <v-list-item v-else-if=\"cart.length > 0\" class=\"d-flex jc-center mt-3\">\r\n          <div>\r\n            <v-btn\r\n              :to=\"`/${this.$i18n.locale}/order/cart`\"\r\n              depressed\r\n              outlined\r\n              color=\"orange\"\r\n            >\r\n              {{ $t(\"cart.viewAll\") }}\r\n            </v-btn>\r\n          </div>\r\n        </v-list-item>\r\n      </div>\r\n    </v-list>\r\n  </v-menu>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions } from \"vuex\";\r\nexport default {\r\n  computed: {\r\n    ...mapState(\"user\", [\"isLogin\"]),\r\n    ...mapState(\"cart\", [\"cartLoading\", \"cart\"])\r\n  },\r\n  methods: {\r\n    ...mapActions(\"cart\", [\"getCart\"]),\r\n    unitPrice(item) {\r\n      const amount = item.amount;\r\n      const pr = item.tag.priceRanges;\r\n      const len = item.tag.priceRanges.length;\r\n      for (let i = 0; i < len; i++) {\r\n        if (amount >= pr[i].interval) return pr[i].price;\r\n      }\r\n      return item.tag.priceRanges[len - 1].price;\r\n    },\r\n    async clickCart() {\r\n      if (!this.isLogin) return;\r\n      await this.getCart();\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"sass\" scoped>\r\n.preview-img\r\n  width: 2.6rem\r\n  height: 2.6rem\r\n  background: #f8f8f8\r\n  border-radius: 0.2rem\r\n  padding: 0.1rem\r\n\r\n.nav-icon\r\n  width: 2.5rem\r\n  &.icon-avatar\r\n    width: 3rem\r\n    height: 3rem\r\n  g\r\n    transition: ease-in-out 0.2s\r\n    stroke: white\r\n  &:hover\r\n    g\r\n      stroke: white\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Cart.vue?vue&type=template&id=a3a9995c&scoped=true&\"\nimport script from \"./Cart.vue?vue&type=script&lang=js&\"\nexport * from \"./Cart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Cart.vue?vue&type=style&index=0&id=a3a9995c&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a3a9995c\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VSubheader } from 'vuetify/lib/components/VSubheader';\ninstallComponents(component, {VBtn,VDivider,VImg,VList,VListItem,VListItemTitle,VMenu,VProgressCircular,VSubheader})\n","<template>\r\n  <header class=\"p-relative d-flex\" :class=\"headerClasses\">\r\n    <nav class=\"d-flex jc-between\" :class=\"navClasses\">\r\n      <div class=\"d-flex\">\r\n        <div class=\"logo d-flex ai-center\">\r\n          <router-link\r\n            active-class=\"active\"\r\n            tag=\"a\"\r\n            class=\"d-flex ai-end\"\r\n            :to=\"`/${this.$i18n.locale}/`\"\r\n          >\r\n            <img src=\"/assets/logo_IOT.svg\" alt=\"logo\" />\r\n          </router-link>\r\n        </div>\r\n        <div v-if=\"!hideNav && !hideAll\" class=\"d-flex ai-center mt-1 nav-menu\">\r\n          <router-link\r\n            active-class=\"active\"\r\n            v-if=\"isLogin\"\r\n            tag=\"a\"\r\n            :to=\"`/${this.$i18n.locale}/design`\"\r\n          >\r\n            {{ $t(\"nav.design\") }}\r\n          </router-link>\r\n          <a v-else @click=\"openSignInDialog('design')\">\r\n            {{ $t(\"nav.design\") }}\r\n          </a>\r\n          <router-link\r\n            active-class=\"active\"\r\n            tag=\"a\"\r\n            :to=\"`/${this.$i18n.locale}/faq`\"\r\n          >\r\n            {{ $t(\"nav.faq\") }}\r\n          </router-link>\r\n          <a @click=\"toggleShow\">{{ $t(\"nav.contact\") }}</a>\r\n        </div>\r\n      </div>\r\n      <div class=\"d-flex\" v-if=\"!hideAll\">\r\n        <div class=\"d-flex ai-center\">\r\n          <v-btn icon x-large dark class=\"mr-6\" @click=\"openVideo\">\r\n            <img\r\n              src=\"/assets/ic/header/ic_header_instruction_white.svg\"\r\n              alt=\"instruction icon\"\r\n            />\r\n          </v-btn>\r\n          <Notification></Notification>\r\n          <v-menu auto offset-y nudge-bottom=\"10\" light>\r\n            <template v-slot:activator=\"{ on }\">\r\n              <v-btn icon v-on=\"on\" x-large dark class=\"mr-6\">\r\n                <img\r\n                  src=\"/assets/ic/header/ic_header_language_white.svg\"\r\n                  alt=\"notification icon\"\r\n                />\r\n              </v-btn>\r\n            </template>\r\n            <v-list>\r\n              <v-list-item\r\n                v-for=\"(item, idx) in languages\"\r\n                :key=\"item + idx\"\r\n                @click=\"handleLang(item.lang)\"\r\n              >\r\n                <v-list-item-title>{{ item.display }}</v-list-item-title>\r\n              </v-list-item>\r\n            </v-list>\r\n          </v-menu>\r\n          <Cart v-if=\"!hideNav\"></Cart>\r\n          <v-menu auto offset-y nudge-top=\"-10\" light>\r\n            <template v-slot:activator=\"{ on }\">\r\n              <v-btn icon v-on=\"on\" width=\"3rem\" height=\"3rem\" dark>\r\n                <div v-if=\"hasAvatar\" class=\"avatar\">\r\n                  <img :src=\"avatar\" alt=\"\" />\r\n                </div>\r\n                <img\r\n                  v-else\r\n                  class=\"nav-icon icon-avatar\"\r\n                  :src=\"avatar\"\r\n                  alt=\"user icon\"\r\n                />\r\n              </v-btn>\r\n            </template>\r\n            <v-list v-if=\"!isLogin\">\r\n              <v-list-item @click=\"openSignInDialog\">\r\n                <v-list-item-title> {{ $t(\"nav.login\") }} </v-list-item-title>\r\n              </v-list-item>\r\n            </v-list>\r\n            <v-list v-else>\r\n              <v-list-item :to=\"`/${this.$i18n.locale}/profile`\">\r\n                <v-list-item-title> {{ $t(\"nav.profile\") }} </v-list-item-title>\r\n              </v-list-item>\r\n              <v-list-item @click=\"logout\">\r\n                <v-list-item-title> {{ $t(\"nav.logout\") }} </v-list-item-title>\r\n              </v-list-item>\r\n            </v-list>\r\n          </v-menu>\r\n        </div>\r\n      </div>\r\n    </nav>\r\n    <v-dialog v-model=\"videoDialog\" width=\"75%\">\r\n      <v-responsive :aspect-ratio=\"16 / 9\">\r\n        <video class=\"video-player\" controls>\r\n          <source src=\"/assets/rfid_design.mp4\" type=\"video/mp4\" />\r\n          Your browser does not support the video tag.\r\n        </video>\r\n      </v-responsive>\r\n    </v-dialog>\r\n  </header>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapMutations, mapActions } from \"vuex\";\r\nimport Notification from \"./Notification\";\r\nimport Cart from \"./Cart\";\r\nimport { disconnectWS } from \"@/plugins/websocket\";\r\nexport default {\r\n  components: { Notification, Cart },\r\n  computed: {\r\n    ...mapState(\"user\", [\"isLogin\", \"hasAvatar\", \"avatar\", \"notification\"]),\r\n    ...mapState(\"header\", [\r\n      \"background\",\r\n      \"fixedTop\",\r\n      \"higher\",\r\n      \"hideNav\",\r\n      \"hideAll\"\r\n    ]),\r\n    headerClasses() {\r\n      return {\r\n        \"bg-home\": this.background === \"home\",\r\n        \"bg-normal\": this.background === \"default\",\r\n        \"is-higher\": this.higher\r\n      };\r\n    },\r\n    navClasses() {\r\n      return {\r\n        \"fix-top\": this.fixedTop\r\n      };\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      languages: [\r\n        { display: \"正體中文\", lang: \"zh-TW\" },\r\n        { display: \"简体中文\", lang: \"zh-CN\" },\r\n        { display: \"English\", lang: \"en\" }\r\n      ],\r\n      videoDialog: false\r\n    };\r\n  },\r\n  methods: {\r\n    ...mapMutations(\"signInDialog\", [\"setVisible\", \"setAfterLogin\"]),\r\n    ...mapMutations(\"user\", [\"clearUser\"]),\r\n    ...mapMutations(\"contact\", [\"toggleShow\", \"clearMessage\"]),\r\n    ...mapActions(\"user\", [\"getAvatar\"]),\r\n    handleLang(locale) {\r\n      if (locale !== this.$i18n.locale) {\r\n        const to = this.$router.resolve({ params: { locale } });\r\n        this.$i18n.locale = locale;\r\n        this.$router.push(to.location);\r\n      }\r\n    },\r\n    openVideo() {\r\n      //window.open(\"/assets/rfid_design.mp4\");\r\n      this.videoDialog = true;\r\n    },\r\n    async logout() {\r\n      await this.$http.post(\"signout\");\r\n      this.$cookies.remove(\"token\");\r\n      this.$cookies.remove(\"notification\");\r\n      disconnectWS();\r\n      this.clearUser();\r\n      this.clearMessage();\r\n      this.$router.push(`/${this.$i18n.locale}`);\r\n      //window.location.reload();\r\n    },\r\n    openSignInDialog(design = null) {\r\n      console.log(design);\r\n      this.setVisible(true);\r\n      if (design) this.setAfterLogin(design);\r\n      //this.$store.commit(\"signInDialog/setVisible\", true);\r\n    },\r\n    async clickNotification() {\r\n      if (!this.isLogin) return;\r\n      const res = await this.$http.get(\"members/notification\");\r\n      console.log(res.data);\r\n    }\r\n  },\r\n  created() {\r\n    this.getAvatar();\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"sass\" scoped>\r\n.bg-normal\r\n  background-image: linear-gradient(135deg, #262B47 0%, #1F212D 100%)\r\n.bg-home\r\n  z-index: 2\r\n  background: transpraent\r\n  background-image: linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(255,255,255,0.00) 87%)\r\n.bg-transparent\r\n  z-index: 2\r\n  background: transpraent\r\n.fix-top\r\n  position: absolute\r\n  z-index: 10\r\n  top: 0\r\n  left: 0\r\n.is-higher\r\n  height: 15rem\r\n  min-height: 15rem\r\n.avatar\r\n  width: 3rem\r\n  height: 3rem\r\n  border-radius: 100%\r\n  border: 2px solid white\r\n  box-shadow: 2px 2px 6px #c7c7c7\r\n  overflow: hidden\r\n  display: flex\r\n  > img\r\n    object-fit: contain\r\n    flex: 1\r\n    height: 100%\r\n\r\nnav\r\n  width: 100%\r\n  height: 6.1rem\r\n  padding-left: 1.75rem\r\n  padding-right: 3.5rem\r\n  //padding-bottom: 1.4rem\r\n  .logo\r\n    margin-right: 7rem\r\n    img\r\n      //width: 19.4rem\r\n  .nav-menu\r\n    //margin-top: 3.2rem\r\n    > *\r\n      margin-right: 2.05rem\r\n      color: white\r\n      transition: color ease-in-out 0.1s\r\n      &:hover\r\n        color: rgba(255, 255 ,255, 0.8)\r\n\r\n  .nav-icon\r\n    width: 2.5rem\r\n    &.icon-avatar\r\n      width: 3rem\r\n      height: 3rem\r\n\r\n.video-player\r\n  width: 100%\r\n  height: 100%\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Header.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Header.vue?vue&type=template&id=d8ca088e&scoped=true&\"\nimport script from \"./Header.vue?vue&type=script&lang=js&\"\nexport * from \"./Header.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Header.vue?vue&type=style&index=0&id=d8ca088e&lang=sass&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d8ca088e\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VResponsive } from 'vuetify/lib/components/VResponsive';\ninstallComponents(component, {VBtn,VDialog,VList,VListItem,VListItemTitle,VMenu,VResponsive})\n","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cart.vue?vue&type=style&index=0&id=a3a9995c&lang=sass&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Cart.vue?vue&type=style&index=0&id=a3a9995c&lang=sass&scoped=true&\""],"sourceRoot":""}