{"version":3,"sources":["webpack:///./src/views/SignboardEdit.vue?8583","webpack:///./src/views/SignboardEdit.vue?b8f5","webpack:///src/views/SignboardEdit.vue","webpack:///./src/views/SignboardEdit.vue?5a8c","webpack:///./src/views/SignboardEdit.vue?5b84"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","preventDefault","onSubmit","currentUser","account","attrs","inProgress","_v","directives","name","rawName","value","signboard","expression","domProps","target","composing","$set","cancelUpload","previewImage","icon","ref","uploadImage","$$selectedVal","Array","prototype","filter","call","options","o","selected","map","val","_value","multiple","scopedSlots","_u","key","fn","tags","inputAttrs","inputHandlers","addTag","removeTag","_g","_b","_l","tag","replace","_s","model","callback","$$v","staticRenderFns","methods","reader","readAsDataURL","image","onload","console","log","$store","dispatch","$refs","uploadInput","files","action","data","errors","mounted","computed","component"],"mappings":"yIAAA,yBAAod,EAAG,G,yCCAvd,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,OAAO,CAACG,GAAG,CAAC,OAAS,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBT,EAAIU,SAASV,EAAIW,YAAYC,YAAY,CAACR,EAAG,WAAW,CAACS,MAAM,CAAC,SAAWb,EAAIc,aAAa,CAACV,EAAG,WAAW,CAACE,YAAY,cAAc,CAACN,EAAIe,GAAG,UAAUX,EAAG,QAAQ,CAACY,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOnB,EAAIoB,UAAc,KAAEC,WAAW,mBAAmBf,YAAY,eAAeO,MAAM,CAAC,KAAO,OAAO,YAAc,QAAQS,SAAS,CAAC,MAAStB,EAAIoB,UAAc,MAAGb,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOe,OAAOC,WAAqBxB,EAAIyB,KAAKzB,EAAIoB,UAAW,OAAQZ,EAAOe,OAAOJ,aAAaf,EAAG,WAAW,CAACE,YAAY,cAAc,CAACN,EAAIe,GAAG,QAAQX,EAAG,QAAQ,CAACY,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOnB,EAAIoB,UAAqB,YAAEC,WAAW,0BAA0Bf,YAAY,eAAeO,MAAM,CAAC,KAAO,OAAO,YAAc,MAAMS,SAAS,CAAC,MAAStB,EAAIoB,UAAqB,aAAGb,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOe,OAAOC,WAAqBxB,EAAIyB,KAAKzB,EAAIoB,UAAW,cAAeZ,EAAOe,OAAOJ,aAAaf,EAAG,WAAW,CAACE,YAAY,cAAc,CAACN,EAAIe,GAAG,UAAUX,EAAG,WAAW,CAACS,MAAM,CAAC,QAAU,OAAO,KAAO,MAAMN,GAAG,CAAC,MAAQP,EAAI0B,eAAe,CAAC1B,EAAIe,GAAG,QAASf,EAAgB,aAAEI,EAAG,MAAM,CAACE,YAAY,kBAAkBO,MAAM,CAAC,IAAMb,EAAI2B,gBAAgBvB,EAAG,MAAM,CAACE,YAAY,kBAAkBO,MAAM,CAAC,IAAMb,EAAIoB,UAAUQ,QAAQxB,EAAG,QAAQ,CAACyB,IAAI,cAAchB,MAAM,CAAC,KAAO,OAAO,OAAS,cAAcN,GAAG,CAAC,OAASP,EAAI8B,eAAe1B,EAAG,QAAQ,CAACY,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOnB,EAAIoB,UAAc,KAAEC,WAAW,mBAAmBf,YAAY,eAAeO,MAAM,CAAC,KAAO,OAAO,OAAS,SAAS,YAAc,SAASS,SAAS,CAAC,MAAStB,EAAIoB,UAAc,MAAGb,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOe,OAAOC,WAAqBxB,EAAIyB,KAAKzB,EAAIoB,UAAW,OAAQZ,EAAOe,OAAOJ,YAAY,GAAGf,EAAG,WAAW,CAACE,YAAY,cAAc,CAACN,EAAIe,GAAG,QAAQX,EAAG,SAAS,CAACY,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOnB,EAAIoB,UAAgB,OAAEC,WAAW,qBAAqBf,YAAY,gBAAgBC,GAAG,CAAC,OAAS,SAASC,GAAQ,IAAIuB,EAAgBC,MAAMC,UAAUC,OAAOC,KAAK3B,EAAOe,OAAOa,SAAQ,SAASC,GAAG,OAAOA,EAAEC,YAAWC,KAAI,SAASF,GAAG,IAAIG,EAAM,WAAYH,EAAIA,EAAEI,OAASJ,EAAElB,MAAM,OAAOqB,KAAOxC,EAAIyB,KAAKzB,EAAIoB,UAAW,SAAUZ,EAAOe,OAAOmB,SAAWX,EAAgBA,EAAc,OAAO,CAAC3B,EAAG,SAAS,CAACS,MAAM,CAAC,MAAQ,SAAS,CAACb,EAAIe,GAAG,QAAQX,EAAG,SAAS,CAACS,MAAM,CAAC,MAAQ,SAAS,CAACb,EAAIe,GAAG,YAAYX,EAAG,cAAc,CAACE,YAAY,OAAOO,MAAM,CAAC,iBAAiB,IAAI8B,YAAY3C,EAAI4C,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASjB,GACzpF,IAAIkB,EAAOlB,EAAIkB,KACXC,EAAanB,EAAImB,WACjBC,EAAgBpB,EAAIoB,cACpBC,EAASrB,EAAIqB,OACbC,EAAYtB,EAAIsB,UACpB,MAAO,CAAC/C,EAAG,gBAAgB,CAACS,MAAM,CAAC,gBAAgB,wBAAwB,CAACT,EAAG,QAAQJ,EAAIoD,GAAGpD,EAAIqD,GAAG,CAAC/C,YAAY,eAAeO,MAAM,CAAC,YAAc,SAAS,QAAQmC,GAAW,GAAOC,IAAgB7C,EAAG,uBAAuB,CAACA,EAAG,WAAW,CAACS,MAAM,CAAC,QAAU,WAAWN,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO0C,OAAY,CAAClD,EAAIe,GAAG,SAAS,IAAI,GAAGX,EAAG,KAAK,CAACE,YAAY,6CAA6CO,MAAM,CAAC,GAAK,sBAAsB,YAAY,SAAS,cAAc,QAAQ,gBAAgB,uBAAuBb,EAAIsD,GAAG,GAAO,SAASC,GAAK,OAAOnD,EAAG,SAAS,CAACyC,IAAIU,EAAIjD,YAAY,YAAYO,MAAM,CAAC,GAAM,sBAAyB0C,EAAIC,QAAQ,MAAO,KAAQ,IAAK,IAAM,KAAK,aAAa,cAAc,CAACpD,EAAG,SAAS,CAACJ,EAAIe,GAAGf,EAAIyD,GAAGF,MAAQnD,EAAG,WAAW,CAACS,MAAM,CAAC,QAAU,OAAO,KAAO,KAAK,gBAAiB,sBAAyB0C,EAAIC,QAAQ,MAAO,KAAQ,KAAMjD,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO2C,EAAUI,MAAQ,CAACvD,EAAIe,GAAG,SAAS,MAAK,QAAQ2C,MAAM,CAACvC,MAAOnB,EAAIoB,UAA0B,iBAAEuC,SAAS,SAAUC,GAAM5D,EAAIyB,KAAKzB,EAAIoB,UAAW,mBAAoBwC,IAAMvC,WAAW,gCAAgCjB,EAAG,cAAc,CAACE,YAAY,OAAOO,MAAM,CAAC,iBAAiB,IAAI8B,YAAY3C,EAAI4C,GAAG,CAAC,CAACC,IAAI,UAAUC,GAAG,SAASjB,GACntC,IAAIkB,EAAOlB,EAAIkB,KACXC,EAAanB,EAAImB,WACjBC,EAAgBpB,EAAIoB,cACpBC,EAASrB,EAAIqB,OACbC,EAAYtB,EAAIsB,UACpB,MAAO,CAAC/C,EAAG,gBAAgB,CAACS,MAAM,CAAC,gBAAgB,wBAAwB,CAACT,EAAG,QAAQJ,EAAIoD,GAAGpD,EAAIqD,GAAG,CAAC/C,YAAY,eAAeO,MAAM,CAAC,YAAc,SAAS,QAAQmC,GAAW,GAAOC,IAAgB7C,EAAG,uBAAuB,CAACA,EAAG,WAAW,CAACS,MAAM,CAAC,QAAU,WAAWN,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO0C,OAAY,CAAClD,EAAIe,GAAG,SAAS,IAAI,GAAGX,EAAG,KAAK,CAACE,YAAY,6CAA6CO,MAAM,CAAC,GAAK,sBAAsB,YAAY,SAAS,cAAc,QAAQ,gBAAgB,uBAAuBb,EAAIsD,GAAG,GAAO,SAASC,GAAK,OAAOnD,EAAG,SAAS,CAACyC,IAAIU,EAAIjD,YAAY,YAAYO,MAAM,CAAC,GAAM,sBAAyB0C,EAAIC,QAAQ,MAAO,KAAQ,IAAK,IAAM,KAAK,aAAa,0BAA0B,CAACpD,EAAG,SAAS,CAACJ,EAAIe,GAAGf,EAAIyD,GAAGF,MAAQnD,EAAG,WAAW,CAACS,MAAM,CAAC,QAAU,OAAO,KAAO,KAAK,gBAAiB,sBAAyB0C,EAAIC,QAAQ,MAAO,KAAQ,KAAMjD,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO2C,EAAUI,MAAQ,CAACvD,EAAIe,GAAG,SAAS,MAAK,QAAQ2C,MAAM,CAACvC,MAAOnB,EAAIoB,UAAsB,aAAEuC,SAAS,SAAUC,GAAM5D,EAAIyB,KAAKzB,EAAIoB,UAAW,eAAgBwC,IAAMvC,WAAW,4BAA4BjB,EAAG,SAAS,CAACE,YAAY,yCAAyCO,MAAM,CAAC,SAAWb,EAAIc,WAAW,KAAO,WAAW,CAACd,EAAIe,GAAG,SAAS,UACruC8C,EAAkB,G,4DCkItB,GACE5C,KAAM,YACN6C,QAAS,CACPhC,YADJ,SACA,cACA,oBACA,iBACMiC,EAAOC,cAAcC,GACrBF,EAAOG,OAAS,SAAtB,GACQ,EAAR,6BACQC,QAAQC,IAAI,yBAGhB1D,SAVJ,SAUA,cAEA,sCACA,yBAEQT,KAAKoE,OAAOC,SAAS,cAAerE,KAAKsE,MAAMC,YAAYC,MAAM,IACzE,iBAAU,OAAV,wBACA,mBAAU,OAAV,YAEQxE,KAAKoE,OAAOC,SAASI,IAGzBhD,aAtBJ,WAuBMzB,KAAKsE,MAAMC,YAAYrD,MAA7B,KACMlB,KAAK0B,aAAe,OAGxB,iBA7BF,SA6BA,2JACA,gDADA,kBAEA,KAFA,8CAIEgD,KAjCF,WAkCI,MAAO,CACLhD,aAAc,KACdb,YAAY,EACZ8D,OAAQ,KAGZC,QAxCF,aAyCEC,SAAU,OAAZ,OAAY,CAAZ,GACA,8CCzLuV,I,wBCQnVC,EAAY,eACd,EACAhF,EACA8D,GACA,EACA,KACA,KACA,MAIa,aAAAkB,E","file":"js/chunk-d6a33256.d08d2bbf.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignboardEdit.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignboardEdit.vue?vue&type=style&index=0&lang=css&\"","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('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.onSubmit(_vm.currentUser.account)}}},[_c('fieldset',{attrs:{\"disabled\":_vm.inProgress}},[_c('fieldset',{staticClass:\"form-group\"},[_vm._v(\" 招牌名稱 \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.signboard.name),expression:\"signboard.name\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":\"招牌名稱\"},domProps:{\"value\":(_vm.signboard.name)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.signboard, \"name\", $event.target.value)}}})]),_c('fieldset',{staticClass:\"form-group\"},[_vm._v(\" 描述 \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.signboard.description),expression:\"signboard.description\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"placeholder\":\"描述\"},domProps:{\"value\":(_vm.signboard.description)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.signboard, \"description\", $event.target.value)}}})]),_c('fieldset',{staticClass:\"form-group\"},[_vm._v(\" 招牌圖示 \"),_c('b-button',{attrs:{\"variant\":\"link\",\"size\":\"sm\"},on:{\"click\":_vm.cancelUpload}},[_vm._v(\"移除\")]),(_vm.previewImage)?_c('img',{staticClass:\"uploading-image\",attrs:{\"src\":_vm.previewImage}}):_c('img',{staticClass:\"uploading-image\",attrs:{\"src\":_vm.signboard.icon}}),_c('input',{ref:\"uploadInput\",attrs:{\"type\":\"file\",\"accept\":\"image/jpeg\"},on:{\"change\":_vm.uploadImage}}),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.signboard.icon),expression:\"signboard.icon\"}],staticClass:\"form-control\",attrs:{\"type\":\"text\",\"hidden\":\"hidden\",\"placeholder\":\"圖示ULR\"},domProps:{\"value\":(_vm.signboard.icon)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.signboard, \"icon\", $event.target.value)}}})],1),_c('fieldset',{staticClass:\"form-group\"},[_vm._v(\" 狀態 \"),_c('select',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.signboard.status),expression:\"signboard.status\"}],staticClass:\"custom-select\",on:{\"change\":function($event){var $$selectedVal = Array.prototype.filter.call($event.target.options,function(o){return o.selected}).map(function(o){var val = \"_value\" in o ? o._value : o.value;return val}); _vm.$set(_vm.signboard, \"status\", $event.target.multiple ? $$selectedVal : $$selectedVal[0])}}},[_c('option',{attrs:{\"value\":\"show\"}},[_vm._v(\"顯示\")]),_c('option',{attrs:{\"value\":\"hide\"}},[_vm._v(\"隱藏\")])])]),_c('b-form-tags',{staticClass:\"mb-2\",attrs:{\"no-outer-focus\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar tags = ref.tags;\nvar inputAttrs = ref.inputAttrs;\nvar inputHandlers = ref.inputHandlers;\nvar addTag = ref.addTag;\nvar removeTag = ref.removeTag;\nreturn [_c('b-input-group',{attrs:{\"aria-controls\":\"my-custom-tags-list\"}},[_c('input',_vm._g(_vm._b({staticClass:\"form-control\",attrs:{\"placeholder\":\"送餐地點\"}},'input',inputAttrs,false),inputHandlers)),_c('b-input-group-append',[_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return addTag()}}},[_vm._v(\"新增\")])],1)],1),_c('ul',{staticClass:\"list-unstyled d-inline-flex flex-wrap mb-0\",attrs:{\"id\":\"my-custom-tags-list\",\"aria-live\":\"polite\",\"aria-atomic\":\"false\",\"aria-relevant\":\"additions removals\"}},_vm._l((tags),function(tag){return _c('b-card',{key:tag,staticClass:\"mt-1 mr-1\",attrs:{\"id\":(\"my-custom-tags-tag_\" + (tag.replace(/\\s/g, '_')) + \"_\"),\"tag\":\"li\",\"body-class\":\"py-1 pr-2\"}},[_c('strong',[_vm._v(_vm._s(tag))]),_c('b-button',{attrs:{\"variant\":\"link\",\"size\":\"sm\",\"aria-controls\":(\"my-custom-tags-tag_\" + (tag.replace(/\\s/g, '_')) + \"_\")},on:{\"click\":function($event){return removeTag(tag)}}},[_vm._v(\"移除\")])],1)}),1)]}}]),model:{value:(_vm.signboard.deliveryLocation),callback:function ($$v) {_vm.$set(_vm.signboard, \"deliveryLocation\", $$v)},expression:\"signboard.deliveryLocation\"}}),_c('b-form-tags',{staticClass:\"mb-2\",attrs:{\"no-outer-focus\":\"\"},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar tags = ref.tags;\nvar inputAttrs = ref.inputAttrs;\nvar inputHandlers = ref.inputHandlers;\nvar addTag = ref.addTag;\nvar removeTag = ref.removeTag;\nreturn [_c('b-input-group',{attrs:{\"aria-controls\":\"my-custom-tags-list\"}},[_c('input',_vm._g(_vm._b({staticClass:\"form-control\",attrs:{\"placeholder\":\"送餐時間\"}},'input',inputAttrs,false),inputHandlers)),_c('b-input-group-append',[_c('b-button',{attrs:{\"variant\":\"primary\"},on:{\"click\":function($event){return addTag()}}},[_vm._v(\"新增\")])],1)],1),_c('ul',{staticClass:\"list-unstyled d-inline-flex flex-wrap mb-0\",attrs:{\"id\":\"my-custom-tags-list\",\"aria-live\":\"polite\",\"aria-atomic\":\"false\",\"aria-relevant\":\"additions removals\"}},_vm._l((tags),function(tag){return _c('b-card',{key:tag,staticClass:\"mt-1 mr-1\",attrs:{\"id\":(\"my-custom-tags-tag_\" + (tag.replace(/\\s/g, '_')) + \"_\"),\"tag\":\"li\",\"body-class\":\"py-1 pr-2 text-nowrap\"}},[_c('strong',[_vm._v(_vm._s(tag))]),_c('b-button',{attrs:{\"variant\":\"link\",\"size\":\"sm\",\"aria-controls\":(\"my-custom-tags-tag_\" + (tag.replace(/\\s/g, '_')) + \"_\")},on:{\"click\":function($event){return removeTag(tag)}}},[_vm._v(\"移除\")])],1)}),1)]}}]),model:{value:(_vm.signboard.deliveryTime),callback:function ($$v) {_vm.$set(_vm.signboard, \"deliveryTime\", $$v)},expression:\"signboard.deliveryTime\"}}),_c('button',{staticClass:\"btn btn-lg pull-xs-right btn-secondary\",attrs:{\"disabled\":_vm.inProgress,\"type\":\"submit\"}},[_vm._v(\"確定\")])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"signboard-page\">\r\n    <div class=\"container page\">\r\n      <form @submit.prevent=\"onSubmit(currentUser.account)\">\r\n        <fieldset :disabled=\"inProgress\">\r\n          <fieldset class=\"form-group\">\r\n            招牌名稱\r\n            <input type=\"text\" class=\"form-control\" v-model=\"signboard.name\" placeholder=\"招牌名稱\" />\r\n          </fieldset>\r\n          <fieldset class=\"form-group\">\r\n            描述\r\n            <input\r\n              type=\"text\"\r\n              class=\"form-control\"\r\n              v-model=\"signboard.description\"\r\n              placeholder=\"描述\"\r\n            />\r\n          </fieldset>\r\n          <fieldset class=\"form-group\">\r\n            招牌圖示\r\n            <b-button\r\n              @click=\"cancelUpload\"\r\n              variant=\"link\"\r\n              size=\"sm\"\r\n            >移除</b-button>\r\n            <img v-if=\"previewImage\" :src=\"previewImage\" class=\"uploading-image\" />\r\n            <img v-else :src=\"signboard.icon\" class=\"uploading-image\" />\r\n            <input\r\n              ref=\"uploadInput\"\r\n              type=\"file\"\r\n              accept=\"image/jpeg\"\r\n              @change=\"uploadImage\"\r\n            />\r\n            <input\r\n              type=\"text\"\r\n              hidden=\"hidden\"\r\n              class=\"form-control\"\r\n              v-model=\"signboard.icon\"\r\n              placeholder=\"圖示ULR\"\r\n            />\r\n          </fieldset>\r\n          <fieldset class=\"form-group\">\r\n            狀態\r\n            <select class=\"custom-select\" v-model=\"signboard.status\">\r\n              <option value=\"show\">顯示</option>\r\n              <option value=\"hide\">隱藏</option>\r\n            </select>\r\n          </fieldset>\r\n          <b-form-tags v-model=\"signboard.deliveryLocation\" no-outer-focus class=\"mb-2\">\r\n            <template v-slot=\"{ tags, inputAttrs, inputHandlers, addTag, removeTag }\">\r\n              <b-input-group aria-controls=\"my-custom-tags-list\">\r\n                <input\r\n                  v-bind=\"inputAttrs\"\r\n                  v-on=\"inputHandlers\"\r\n                  placeholder=\"送餐地點\"\r\n                  class=\"form-control\">\r\n                <b-input-group-append>\r\n                  <b-button @click=\"addTag()\" variant=\"primary\">新增</b-button>\r\n                </b-input-group-append>\r\n              </b-input-group>\r\n              <ul\r\n                id=\"my-custom-tags-list\"\r\n                class=\"list-unstyled d-inline-flex flex-wrap mb-0\"\r\n                aria-live=\"polite\"\r\n                aria-atomic=\"false\"\r\n                aria-relevant=\"additions removals\"\r\n              >\r\n                <b-card\r\n                  v-for=\"tag in tags\"\r\n                  :key=\"tag\"\r\n                  :id=\"`my-custom-tags-tag_${tag.replace(/\\s/g, '_')}_`\"\r\n                  tag=\"li\"\r\n                  class=\"mt-1 mr-1\"\r\n                  body-class=\"py-1 pr-2\"\r\n                >\r\n                  <strong>{{ tag }}</strong>\r\n                  <b-button\r\n                    @click=\"removeTag(tag)\"\r\n                    variant=\"link\"\r\n                    size=\"sm\"\r\n                    :aria-controls=\"`my-custom-tags-tag_${tag.replace(/\\s/g, '_')}_`\"\r\n                  >移除</b-button>\r\n                </b-card>\r\n              </ul>\r\n            </template>\r\n          </b-form-tags>\r\n          <b-form-tags v-model=\"signboard.deliveryTime\" no-outer-focus class=\"mb-2\">\r\n            <template v-slot=\"{ tags, inputAttrs, inputHandlers, addTag, removeTag }\">\r\n              <b-input-group aria-controls=\"my-custom-tags-list\">\r\n                <input\r\n                  v-bind=\"inputAttrs\"\r\n                  v-on=\"inputHandlers\"\r\n                  placeholder=\"送餐時間\"\r\n                  class=\"form-control\">\r\n                <b-input-group-append>\r\n                  <b-button @click=\"addTag()\" variant=\"primary\">新增</b-button>\r\n                </b-input-group-append>\r\n              </b-input-group>\r\n              <ul\r\n                id=\"my-custom-tags-list\"\r\n                class=\"list-unstyled d-inline-flex flex-wrap mb-0\"\r\n                aria-live=\"polite\"\r\n                aria-atomic=\"false\"\r\n                aria-relevant=\"additions removals\"\r\n              >\r\n                <b-card\r\n                  v-for=\"tag in tags\"\r\n                  :key=\"tag\"\r\n                  :id=\"`my-custom-tags-tag_${tag.replace(/\\s/g, '_')}_`\"\r\n                  tag=\"li\"\r\n                  class=\"mt-1 mr-1\"\r\n                  body-class=\"py-1 pr-2 text-nowrap\"\r\n                >\r\n                  <strong>{{ tag }}</strong>\r\n                  <b-button\r\n                    @click=\"removeTag(tag)\"\r\n                    variant=\"link\"\r\n                    size=\"sm\"\r\n                    :aria-controls=\"`my-custom-tags-tag_${tag.replace(/\\s/g, '_')}_`\"\r\n                  >移除</b-button>\r\n                </b-card>\r\n              </ul>\r\n            </template>\r\n          </b-form-tags>\r\n          <button\r\n            :disabled=\"inProgress\"\r\n            class=\"btn btn-lg pull-xs-right btn-secondary\"\r\n            type=\"submit\"\r\n          >確定</button>\r\n        </fieldset>\r\n      </form>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<style>\r\n.uploading-image {\r\n  display: flex;\r\n}\r\n</style>\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nimport store from \"@/store\";\r\nexport default {\r\n  name: \"Signboard\",\r\n  methods: {\r\n    uploadImage(e) {\r\n      const image = e.target.files[0];\r\n      const reader = new FileReader();\r\n      reader.readAsDataURL(image);\r\n      reader.onload = (e) => {\r\n        this.previewImage = e.target.result;\r\n        console.log('previewImage is set');\r\n      };\r\n    },\r\n    onSubmit(slug) {\r\n      //if previewImage set , upload img and get url.\r\n      let action = slug ? \"signboardEdit\" : \"signboardCreate\";\r\n      if( this.previewImage !== null ){\r\n        // console.log('previewImage upload');\r\n        this.$store.dispatch(\"ImageUpload\", this.$refs.uploadInput.files[0])\r\n          .then(()=>this.$store.dispatch(action))\r\n          .catch(err=>alert(err));\r\n      }else{\r\n        this.$store.dispatch(action)\r\n      }\r\n    },\r\n    cancelUpload(){\r\n      this.$refs.uploadInput.value=null;\r\n      this.previewImage = null;\r\n    }\r\n  },\r\n  async beforeRouteEnter(to, from, next) {\r\n    store.dispatch(\"fetchSignboard\", to.params.slug);\r\n    return next();\r\n  },\r\n  data() {\r\n    return {\r\n      previewImage: null,\r\n      inProgress: false,\r\n      errors: {}\r\n    };\r\n  },\r\n  mounted() {},\r\n  computed: {\r\n    ...mapGetters([\"signboard\", \"currentUser\"])\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!./SignboardEdit.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!./SignboardEdit.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SignboardEdit.vue?vue&type=template&id=0f424228&\"\nimport script from \"./SignboardEdit.vue?vue&type=script&lang=js&\"\nexport * from \"./SignboardEdit.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SignboardEdit.vue?vue&type=style&index=0&lang=css&\"\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":""}