{"version":3,"sources":["webpack:///./src/components/QueryBranchPage.vue","webpack:///./src/components/QueryBranchPage.vue?a54e","webpack:///./src/components/QueryBranchPage.vue?3c65"],"names":["class","_createElementVNode","for","_createElementBlock","_hoisted_1","_hoisted_2","_createVNode","_component_Toast","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_component_InputText","type","id","$data","_ctx","_hoisted_9","_hoisted_10","_component_Button","onClick","$options","label","_hoisted_11","length","_hoisted_12","_Fragment","shop","_createBlock","_component_Span","key","branch","style","name","_hoisted_13","phone_number","busy","_hoisted_14","min","_hoisted_15","_hoisted_16","_hoisted_17","data","addressValue","shops","availableShops","mounted","this","fetchInfo","beforeUnmount","created","methods","fetchAvailableShops","trim","shop_hash","shop_name","shop_branch","params","addr","b","localStorage","brandName","console","log","axios","process","method","then","response","$toast","add","severity","summary","life","catch","err","alert","redirectLogin","$router","push","path","computed","filteredShops","i","shop_list","JSON","parse","stringify","available_shops","mapping","h","includes","splice","__exports__","render"],"mappings":"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","file":"js/chunk-2d647f74.144cbf05.js","sourcesContent":["<template>\n  <div class=\"flex flex-wrap align-items-center justify-content-center p-fluid\">\n    <div class=\"col-12 md:col-5\">\n      <Toast />\n      <div class=\"card\">\n        <div class=\"grid formgrid\">\n          <div class=\"col-12\">\n            <h4>查詢外送門市</h4>\n          </div>\n          <div class=\"col-12 mb-2 mt-4 lg:col-12 lg:mb-0\">\n            <span class=\"p-input-icon-left p-float-label\">\n              <i class=\"pi pi-map-marker\" />\n              <InputText type=\"text\" id=\"address\" v-model=\"addressValue\"\n                v-bind:class=\"{ 'p-invalid': isInvalidAddress }\" />\n              <label for=\"address\">外送地址</label>\n            </span>\n          </div>\n          <div class=\"col-12 mb-2 mt-4 lg:col-12 lg:mb-0\">\n            <Button v-on:click=\"fetchAvailableShops\" label=\"尋找門市\" class=\"p-button-secondary p-button mr-2\" />\n          </div>\n\n          <!-- 選擇門市 -->\n          <!--<p class=\"line-height-3 m-0\">\n                        <ul v-if=\"filteredShops.length != 0\" class=\"p-1 m-0\">\n                            <Span v-for=\"shop in filteredShops\" :key=\"shop.branch\">\n                                <Button style=\"width:100%;\" class=\"mt-2 p-button-purpply p-button-outlined\">\n                                    {{ shop.name }} {{ shop.branch }}\n                                    <span v-if=\"shop.busy\" class=\"p-text-purpply ml-3 text-pink-400\"> [忙碌中] </span>\n                                    <span v-if=\"shop.min\" class=\"p-text-purpply ml-3\"> 低消 ${{shop.min}}</span>\n                                </Button>\n                            </Span>\n                        </ul>\n                        <ul v-else class=\"p-1 m-0\">\n                            很抱歉，此地址附近查無門市，請嘗試其他地址或自取，謝謝您。\n                        </ul>\n                    </p>-->\n          <div class=\"col-12 mb-2 mt-4 lg:col-12 lg:mb-0\">\n            <ul v-if=\"filteredShops.length != 0\" class=\"p-0 m-0\">\n              <Span v-for=\"shop in filteredShops\" :key=\"shop.branch\">\n                <Button style=\"width:100%;\" class=\"mt-2 p-button-purpply p-button-outlined\">\n                  {{ shop.name }} {{ shop.branch }}\n                  <span class=\"p-text-purpply ml-3\">{{ shop.phone_number }}</span>\n                  <span v-if=\"shop.busy\" class=\"p-text-purpply ml-3 text-pink-400\"> [忙碌中] </span>\n                  <span v-if=\"shop.min\" class=\"p-text-purpply ml-3\"> 低消 ${{ shop.min }} </span>\n                </Button>\n              </Span>\n            </ul>\n            <ul v-else class=\"p-1 m-0\">\n              請先輸入外送地址，再點選查詢門市，謝謝您\n            </ul>\n          </div>\n\n          <div class=\"col-12 mb-2 mt-4 lg:col-12 lg:mb-0\">\n            <Button v-on:click=\"redirectLogin\" label=\"點此返回\" class=\"p-button-outlined p-button-secondary p-button mr-2\" />\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\n\nexport default {\n  data() {\n    return {\n      addressValue: \"\",\n      shops: [],\n      availableShops: [],\n    };\n  },\n  mounted() {\n    this.fetchInfo();\n  },\n  beforeUnmount() { },\n  created() { },\n  methods: {\n    fetchAvailableShops() {\n      if (this.addressValue.trim() === \"\") {\n        alert(\"請先輸入外送地址，再點選查詢門市，謝謝您\");\n        return;\n      }\n      // clear shop\n      this.shop_hash = null;\n      this.shop_name = null;\n      this.shop_branch = null;\n\n      if (this.addressValue == null) return;\n\n      var params = {\n        addr: this.addressValue,\n        b: localStorage.brandName,\n      };\n      console.log(\"fetchAvailableShops: \" + params[\"addr\"]);\n      axios(process.env.VUE_APP_ONLINE_ORDERING_SITE_API_BASE_URL + \"/fs\", {\n        method: \"GET\",\n        params: params,\n      })\n        .then((response) => {\n          if (response.data[\"code\"] == 200) {\n            console.log(response.data);\n            this.availableShops = response.data[\"shop\"];\n            if (response.data[\"shop\"].length == 0) this.$toast.add({ severity: 'info', summary: '目前此地址附近查無門市，謝謝您', life: 3000 });\n          }\n        })\n        .catch((err) => {\n          console.log(err.response);\n        });\n    },\n    fetchInfo() {\n      const shop_name = localStorage.brandName;\n\n      var params = {\n        shop_name: shop_name,\n      };\n\n      axios(process.env.VUE_APP_ONLINE_ORDERING_SITE_API_BASE_URL + \"/search_shops\", {\n        method: \"GET\",\n        params: params,\n      })\n        .then((response) => {\n          // {code: 200, intent: \"redirect\", page: \"status\", hash: \"3wnndx2YgFiIZDfQeSBlEe3FTWn\"}\n          console.log(response.data);\n          this.shops = response.data[\"shops\"];\n        })\n        .catch((err) => {\n          console.log(err.response);\n        });\n    },\n    redirectLogin() {\n      this.$router.push({\n        path: \"/login\", // Entrance\n        name: \"login\",\n      });\n    }\n  },\n  computed: {\n    filteredShops() {\n      var shop_list = JSON.parse(JSON.stringify(this.shops)); // clone by json trick\n      var available_shops = [];\n      var i;\n      var mapping = {};\n\n      for (i = 0; i < this.availableShops.length; i++) {\n\n        available_shops.push(this.availableShops[i].h);\n        mapping[this.availableShops[i].h] = this.availableShops[i];\n      }\n\n      for (i = shop_list.length - 1; i >= 0; i--) {\n        if (!available_shops.includes(shop_list[i].h) ||\n          mapping[shop_list[i].h]['min'] == -1) shop_list.splice(i, 1); // remove if not available\n        else {\n          shop_list[i]['min'] = mapping[shop_list[i].h]['min']; // 低消\n          shop_list[i]['busy'] = mapping[shop_list[i].h]['busy']; // 忙碌\n        }\n      }\n\n      console.log(shop_list);\n      return shop_list;\n    },\n  },\n};\n</script>\n\n<style scoped lang=\"scss\">\n.p-text-purpply {\n  color: var(--gray-700);\n}\n\n.btn {\n  border-radius: 10px;\n  border-bottom: 0px;\n  display: inline-block;\n  padding: 10px;\n  position: relative;\n  text-align: center;\n  transition: background 600ms ease, color 600ms ease;\n}\n\ninput[type=\"radio\"].toggle {\n  display: none;\n\n  &+label {\n    cursor: pointer;\n    min-width: 120px;\n    background-color: var(--purpply-unselected-color);\n\n    &:hover {\n      background: none;\n      color: var(--purpply-primary-color);\n    }\n\n    &:after {\n      background-color: var(--purpply-primary-color);\n      content: \"\";\n      height: 100%;\n      position: absolute;\n      top: 0;\n      transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);\n      width: 100%;\n      z-index: -1;\n    }\n  }\n\n  &.toggle-left+label {\n    border-right: 0;\n\n    &:after {\n      left: 100%;\n    }\n  }\n\n  &.toggle-right+label {\n    margin-left: 0px;\n\n    &:after {\n      left: -100%;\n    }\n  }\n\n  &:checked+label {\n    cursor: default;\n    color: #fff;\n    background-color: var(--purpply-primary-color);\n    transition: color 200ms;\n\n    &:after {\n      left: 0;\n    }\n  }\n}\n</style>\n","import { render } from \"./QueryBranchPage.vue?vue&type=template&id=6eb7d18f&scoped=true\"\nimport script from \"./QueryBranchPage.vue?vue&type=script&lang=js\"\nexport * from \"./QueryBranchPage.vue?vue&type=script&lang=js\"\n\nimport \"./QueryBranchPage.vue?vue&type=style&index=0&id=6eb7d18f&scoped=true&lang=scss\"\n\nimport exportComponent from \"/Users/lu/repositories/member-site/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6eb7d18f\"]])\n\nexport default __exports__","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-v16/dist/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--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./QueryBranchPage.vue?vue&type=style&index=0&id=6eb7d18f&scoped=true&lang=scss\""],"sourceRoot":""}