{"version":3,"sources":["webpack:///./src/views/Signboards.vue?d2aa","webpack:///./src/components/BrickLayout.vue?4c82","webpack:///src/components/BrickLayout.vue","webpack:///./src/components/BrickLayout.vue?7729","webpack:///./src/components/BrickLayout.vue","webpack:///src/views/Signboards.vue","webpack:///./src/views/Signboards.vue?c3fe","webpack:///./src/views/Signboards.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_l","signboard","index","key","attrs","staticRenderFns","status","style","width","flexGrow","paddingBottom","name","params","slug","directives","rawName","value","expression","_v","_s","description","_e","props","icon","data","created","setDivWidth","setDivFlexGrow","setIPaddingBottom","updated","methods","loadImage","Promise","img","onload","onerror","src","component","computed","components","BrickLayout"],"mappings":"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","file":"js/chunk-2d217e2b.22f57191.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"signboard-page\"},[_c('div',{staticClass:\"container page\"},[_c('div',{staticClass:\"brick-layout\"},_vm._l((_vm.signboards),function(signboard,index){return _c('BrickLayout',{key:index,attrs:{\"signboard\":signboard}})}),1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.signboard.status=='show')?_c('div',{staticClass:\"brick-item\",style:({ width: _vm.width, flexGrow: _vm.flexGrow })},[_c('i',{style:({ paddingBottom: _vm.paddingBottom})}),_c('router-link',{attrs:{\"to\":{name:'menu', params:{slug:_vm.signboard.slug}}}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(_vm.signboard.icon),expression:\"signboard.icon\"}],staticClass:\"brick-item-image\",attrs:{\"alt\":\"\"}}),_c('div',{staticClass:\"img_lable d-flex\"},[_c('div',{staticClass:\"flex-grow-1\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.signboard.name))]),_c('div',{staticClass:\"des\"},[_vm._v(_vm._s(_vm.signboard.description))])]),_c('div',{staticClass:\"btn btn-secondary align-self-center btn-sm\"},[_vm._v(\" 快速點餐 \"),_c('b-icon-hand-index',{attrs:{\"variant\":\"light\"}})],1)])])],1):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"brick-item\"\r\n    v-if=\"signboard.status=='show'\"\r\n    :style=\"{ width: width, flexGrow: flexGrow }\"\r\n  >\r\n    <i :style=\"{ paddingBottom: paddingBottom}\"></i>\r\n    <router-link :to=\"{name:'menu', params:{slug:signboard.slug}}\">\r\n      <img v-lazy=\"signboard.icon\" alt class=\"brick-item-image\" />\r\n      <div class=\"img_lable d-flex\">\r\n        <div class=\"flex-grow-1\">\r\n          <div class=\"title\">{{signboard.name}}</div>\r\n          <div class=\"des\">{{signboard.description}}</div>\r\n        </div>\r\n        <div class=\"btn btn-secondary align-self-center btn-sm\">\r\n          快速點餐\r\n          <b-icon-hand-index variant=\"light\"></b-icon-hand-index>\r\n        </div>\r\n      </div>\r\n    </router-link>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    signboard: {\r\n      status: \"\",\r\n      slug: \"\",\r\n      icon: \"\",\r\n      name: \"\",\r\n      description: \"\"\r\n    }\r\n  },\r\n\r\n  data: () => ({\r\n    width: \"\",\r\n    height: 200,\r\n    imageWidth: 300,\r\n    imageHeight: 400,\r\n    flexGrow: 0,\r\n    paddingBottom: 0\r\n  }),\r\n  created() {\r\n    this.setDivWidth(this.signboard.icon);\r\n    this.setDivFlexGrow(this.signboard.icon);\r\n    this.setIPaddingBottom(this.signboard.icon);\r\n  },\r\n  updated() {\r\n    this.setDivWidth(this.signboard.icon);\r\n    this.setDivFlexGrow(this.signboard.icon);\r\n    this.setIPaddingBottom(this.signboard.icon);\r\n  },\r\n\r\n  methods: {\r\n    async setDivWidth(image_url) {\r\n      const res = await this.loadImage(image_url);\r\n      this.width = (res.width * this.height) / res.height + \"px\";\r\n    },\r\n    async setDivFlexGrow(image_url) {\r\n      const res = await this.loadImage(image_url);\r\n      this.flexGrow = (res.width * this.height) / res.height;\r\n    },\r\n    async setIPaddingBottom(image_url) {\r\n      const res = await this.loadImage(image_url);\r\n      this.paddingBottom = (res.height / res.width) * 100;\r\n    },\r\n    loadImage(src) {\r\n      return new Promise((resolve, reject) => {\r\n        const img = new Image();\r\n        img.onload = () => resolve(img);\r\n        img.onerror = e => reject(e);\r\n        img.src = src;\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>","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!./BrickLayout.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!./BrickLayout.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BrickLayout.vue?vue&type=template&id=174b9fa6&\"\nimport script from \"./BrickLayout.vue?vue&type=script&lang=js&\"\nexport * from \"./BrickLayout.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"signboard-page\">\r\n    <div class=\"container page\">\r\n      <div class=\"brick-layout\">\r\n        <BrickLayout :signboard=\"signboard\" v-for=\"(signboard, index) in signboards\" :key=\"index\"></BrickLayout>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nimport store from \"@/store\";\r\nimport BrickLayout from \"../components/BrickLayout.vue\";\r\nexport default {\r\n  name: \"Signboards\",\r\n  async beforeRouteEnter(to, from, next) {\r\n    store.dispatch(\"fetchSignboards\", to.params.slug);\r\n    return next();\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"signboards\"]),\r\n  },\r\n  methods: {},\r\n  components: {\r\n    BrickLayout,\r\n  },\r\n};\r\n</script>\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!./Signboards.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!./Signboards.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Signboards.vue?vue&type=template&id=74cbefd9&\"\nimport script from \"./Signboards.vue?vue&type=script&lang=js&\"\nexport * from \"./Signboards.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}