{"version":3,"sources":["webpack:///./src/components/ViewPage.vue","webpack:///./src/components/ViewPage.vue?5084","webpack:///./src/components/ViewPage.vue?6f8d"],"names":["class","_createElementVNode","style","_hoisted_4","src","for","id","_hoisted_54","_hoisted_58","_createElementBlock","_hoisted_1","_hoisted_2","$data","_hoisted_3","_hoisted_6","_createVNode","_component_Toast","_hoisted_7","_hoisted_8","_hoisted_9","shopNameValue","onClick","$options","_hoisted_10","_hoisted_11","_Fragment","category","selected_category","key","name","_hoisted_13","ref","_hoisted_14","items","item","_hoisted_16","_hoisted_17","price","_hoisted_18","desc","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_component_Dialog","position","header","visible","closable","dismissableMask","breakpoints","width","modal","footer","_hoisted_23","_hoisted_24","_hoisted_25","_component_InputText","_ctx","type","_hoisted_26","itemValue","itemKey","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","option","purpply_option_extra_selected","$event","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","extra","_hoisted_40","_hoisted_41","_component_Dropdown","options","optionValue","optionLabel","_hoisted_42","_createBlock","_component_Button","label","_hoisted_43","_hoisted_44","invalid","_hoisted_63","cart","length","_hoisted_45","_hoisted_47","_hoisted_48","_hoisted_49","quantity","_hoisted_50","_hoisted_51","basePrice","extrasTotal","_hoisted_52","_hoisted_56","_hoisted_60","_hoisted_61","extras","buyer","_hoisted_62","data","hash","b","menu","nameValue","selectedCategory","selectedItemID","selectedItemName","selectedItemPrice","selectedItem","selectedOptions","selectedExtras","selectedExtrasPrice","selectedQuantity","editingItemIndex","displaySelectionDialog","quantities","code","invalidSummary","displayInvalidPopup","displayCartDialog","flagInit","mounted","this","fetchInfo","beforeUnmount","created","methods","route","useRoute","h","query","selected_shop","params","channel","address","phone","company_id","note","request_date","request_time","axios","defaults","withCredentials","process","method","then","response","console","log","statusLogin","catch","err","copyTextToClipboard","text","textArea","document","createElement","top","left","height","padding","border","outline","boxShadow","background","value","body","appendChild","select","execCommand","removeChild","copyLink","location","href","alert","selectCategory","category_id","element","$refs","scrollIntoView","behavior","block","selectItem","d_id","flagInitDialog","selectOption","event","group","parent","currentTarget","parentElement","child","firstChild","nextSibling","classList","innerText","add","remove","initOptionSelected","initExtraSelected","selectExtra","doSelect","split","trim","$toast","severity","summary","detail","life","applyToCart","wrongFmt","parseInt","push","hot","includes","JSON","parse","stringify","editCartItem","toString","removeCartItem","splice","showCart","buildOrderJSON","output","option_extra","redirectToStatusPage","$router","path","submitCart","idx","order","URLSearchParams","order_content","d","computed","summarizeCart","total","i","extraPrice","unitPrice","__exports__","render"],"mappings":"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","file":"js/chunk-4430f480.68c17b84.js","sourcesContent":["<template>\n    <!-- menu -->\n    <div class=\"flex flex-wrap align-items-center justify-content-center p-fluid\">\n        <div class=\"col-12 md:col-5\">\n            <div v-if=\"hash == null\" class=\"card\">\n                <div class=\"mb-4 mt-6\" style=\"text-align: center\">\n                    <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem\"></i>\n                </div>\n            </div>\n            <div v-if=\"hash != null\" class=\"w-full absolute top-0 left-0\">\n                <Toast />\n\n                <!-- title bar -->\n                <div\n                    class=\"z-5 fixed top-0 left-0 w-full flex align-items-center justify-content-between flex-wrap card-container green-container bg-white purpply-topbar p-0\">\n                    <img class=\"my-0 ml-2 flex align-items-center justify-content-center\" src=\"images/logo-anh.png\"\n                        style=\"height: 30px\" />\n                    <div class=\"inline-block flex align-items-center justify-content-center text-black\">\n                        店家: {{ this.shopNameValue }}\n                    </div>\n                    <div v-on:click=\"copyLink\"\n                        class=\"inline-block flex align-items-center justify-content-center purpply-share-button w-7rem h-3rem\">\n                        分享連結\n                    </div>\n                </div>\n                <!-- dummy bar to reserve space-->\n                <div class=\"top-0 left-0 h-3rem\">&nbsp;</div>\n                <!-- 左側分類 -->\n                <div class=\"fixed purpply-inline-block\" style=\"width: 30%\">\n                    <div v-on:click=\"selectCategory(category.id)\" class=\"pt-2 pl-3 pb-2 w-full\" v-for=\"category in menu\"\n                        v-bind:key=\"category.id\" v-bind:class=\"{ selected_category: selectedCategory == category.id }\"\n                        style=\"cursor:pointer;\">\n                        {{ category.name }}\n                    </div>\n                </div>\n                <!-- 右側品項 -->\n                <div class=\"absolute bg-white purpply-inline-block\" style=\"left: 30%; width: 70%\">\n                    <div class=\"pt-2 pl-3 pr-3 pb-2 w-full bg-white\" v-for=\"category in menu\" v-bind:key=\"category.id\"\n                        :ref=\"'category' + category.id\">\n                        <div class=\"text-lg font-bold border-bottom-2 p-1\">{{ category.name }}</div>\n                        <div v-on:click=\"selectItem(item)\" v-for=\"item in category.items\" v-bind:key=\"item.name\"\n                            style=\"cursor:pointer;\">\n                            <div class=\"w-9 inline-block p-2\">{{ item.name }}</div>\n                            <div class=\"w-3 inline-block p-2 text-right\" style=\"color: #ff5339\">\n                                $ {{ item.price }}\n                            </div>\n                            <div class=\"pl-2 text-sm text-gray-400 w-full\">{{ item.desc }}</div>\n                        </div>\n                    </div>\n                    <div class=\"h-30rem\">&nbsp;</div>\n                </div>\n            </div>\n            <div v-if=\"hash != null\" class=\"w-full fixed bottom-0 left-0\">\n                <!-- footer bar -->\n                <div\n                    class=\"w-full flex align-items-center justify-content-between flex-wrap card-container green-container bg-gray-800 purpply-bottombar p-0\">\n                    <div\n                        class=\"border-white border-round border-1 inline-block flex align-items-center justify-content-center text-sm h-2rem ml-3 py-2 px-2 text-white\">\n                        <!--<i class=\"flex align-items-center justify-content-center pi pi-shopping-cart text-white text-lg h-4rem\">&nbsp;{{ summarizeCart }}</i> -->\n                        {{ summarizeCart }}\n                    </div>\n                    <div v-on:click=\"showCart\"\n                        class=\"inline-block flex align-items-center justify-content-center p-button-purpply p-button w-10rem h-4rem m-2 p-2\">\n                        查看已選商品\n                    </div>\n                </div>\n            </div>\n\n            <!-- 點選品項 -->\n            <Dialog position=\"bottom\" v-model:header=\"selectedItemName\" v-model:visible=\"displaySelectionDialog\"\n                closable=\"false\" dismissableMask=\"true\" :breakpoints=\"{ '960px': '96vw' }\" :style=\"{ width: '30vw' }\"\n                :modal=\"true\">\n\n                <div class=\"grid formgrid\">\n                    <!-- 姓名 -->\n                    <span class=\"p-input-icon-left p-float-label mt-4 mb-2 col-12\">\n                        <i class=\"pi pi-user ml-2\" />\n                        <InputText class=\"w-full\" type=\"text\" id=\"name\" v-model=\"nameValue\"\n                            v-bind:class=\"{ 'p-invalid': isInvalidName }\" />\n                        <label for=\"name\">訂購人名 (必填，可填寫暱稱)</label>\n                    </span>\n                    <!-- 選項 -->\n                    <div v-for=\"(itemValue, itemKey) in selectedItem['options']\" :key=\"itemKey\" class=\"mt-2 col-12\">\n                        <div class=\"mx-2 my-2 text-lg\">\n                            <span class=\"text-pink-300\">▸&nbsp;</span>\n                            <span class=\"font-bold\">{{ itemValue.name }}</span>\n                            <span class=\"text-pink-300\">&nbsp;◂</span>\n                        </div>\n                        <div class=\"mt-2 w-full\">\n                            <div v-bind:class=\"{ purpply_option_extra_selected: initOptionSelected(id, itemValue.name, option), 'mr-2': id % 3 != 2 }\"\n                                v-on:click=\"selectOption($event, itemValue.name, option)\"\n                                class=\"my-2 inline-block border-round text-lg text-center py-2 px-2 purpply_options_extras cursor-pointer\"\n                                style=\"width:31.5%;\" v-for=\"(option, id) in itemValue['elem']\" :key=\"option\">\n                                {{ option }}\n                            </div>\n                        </div>\n                    </div>\n                    <!-- 加點 -->\n                    <div v-for=\"(itemValue, itemKey) in selectedItem['extras']\" :key=\"itemKey\" class=\"mt-2 col-12\">\n                        <div class=\"mx-2 my-2 text-lg\">\n                            <span class=\"text-pink-300\">▸&nbsp;</span>\n                            <span class=\"font-bold\">{{ itemValue.name }}</span>\n                            <span class=\"text-pink-300\">&nbsp;◂</span>\n                        </div>\n                        <div class=\"mt-2 w-full\">\n                            <div v-bind:class=\"{ purpply_option_extra_selected: initExtraSelected(itemValue.name, extra['name']), 'mr-2': id % 3 != 2 }\"\n                                v-on:click=\"selectExtra($event, itemValue.name, extra['name'], extra['price'])\"\n                                class=\"my-2 inline-block border-round text-lg text-center py-2 px-2 purpply_options_extras cursor-pointer\"\n                                style=\"width:31.5%;\" v-for=\"(extra, id) in itemValue['elem']\" :key=\"extra\">\n                                {{ extra['name'] }} <br /> ${{ extra['price'] }}\n                            </div>\n                        </div>\n                    </div>\n                    <!-- 數量 -->\n                    <div class=\"mx-2 my-2 text-lg col-12\">\n                        <span class=\"text-pink-300\">▸&nbsp;</span>\n                        <span class=\"font-bold\">數量</span>\n                        <span class=\"text-pink-300\">&nbsp;◂</span>\n                    </div>\n                    <span class=\"p-float-label mt-2 mb-2 col-12\">\n                        <Dropdown id=\"dropdown\" class=\"w-full\" :options=\"quantities\" optionValue=\"code\" optionLabel=\"name\"\n                            v-model=\"selectedQuantity\"></Dropdown>\n                    </span>\n                    <!-- 確認 -->\n                    <div class=\"col-12 mb-2 mt-4\">\n                        <Button v-if=\"editingItemIndex < 0\" v-on:click=\"applyToCart\" label=\"加入已選商品\"\n                            class=\"p-button-secondary p-button w-full\" />\n                        <Button v-else v-on:click=\"applyToCart\" label=\"更新已選商品\" class=\"p-button-secondary p-button w-full\" />\n                    </div>\n                </div>\n                <template #footer> </template>\n            </Dialog>\n            <!-- 顯示錯誤 -->\n            <Dialog position=\"bottom\" header=\"請修正輸入資料\" v-model:visible=\"displayInvalidPopup\" closable=\"false\"\n                dismissableMask=\"true\" :breakpoints=\"{ '960px': '75vw' }\" :style=\"{ width: '30vw' }\" :modal=\"true\">\n                <p class=\"line-height-3 m-0\">\n                <ul id=\"example-1\" class=\"p-1 m-0\">\n                    <div v-for=\"invalid in invalidSummary\" :key=\"invalid\" class=\"mt-2\">\n                        - {{ invalid }}\n                    </div>\n                </ul>\n                </p>\n                <template #footer>\n                </template>\n            </Dialog>\n\n            <!-- 購物車 -->\n            <Dialog position=\"bottom\" header=\"已選商品紀錄\" v-model:visible=\"displayCartDialog\" closable=\"false\"\n                dismissableMask=\"true\" :breakpoints=\"{ '960px': '96vw' }\" :style=\"{ width: '30vw' }\" :modal=\"true\">\n                <div class=\"grid formgrid col-12\">\n                    <div v-if=\"cart.length == 0\">目前沒有選擇任何商品喔</div>\n                    <div class=\"col-12 p-2\" v-for=\"(item, id) in cart\" :key=\"id\">\n                        <div class=\"inline-block col-2\">\n                            <div class=\"flex align-items-center justify-content-center bg-gray-100 border-round\"\n                                style=\"width:2.5rem;height:2.5rem\">\n                                <i class=\"pi text-gray-500 text-sm\">{{ item.quantity }}x</i>\n                            </div>\n                        </div>\n                        <div class=\"inline-block col-4 text-lg font-bold\">{{ item.name }}</div>\n                        <div class=\"inline-block col-2 text-lg\">${{ (item.basePrice + item.extrasTotal) * item.quantity }}\n                        </div>\n                        <div class=\"inline-block col-2\">\n                            <div v-on:click=\"editCartItem(id)\"\n                                class=\"flex align-items-center justify-content-center bg-blue-100 border-round cursor-pointer\"\n                                style=\"width:2.5rem;height:2.5rem\">\n                                <i class=\"pi pi-pencil text-blue-500 text-sm\"></i>\n                            </div>\n                        </div>\n                        <div class=\"inline-block col-2\">\n                            <div v-on:click=\"removeCartItem(id)\"\n                                class=\"flex align-items-center justify-content-center bg-blue-100 border-round cursor-pointer\"\n                                style=\"width:2.5rem;height:2.5rem\">\n                                <i class=\"pi pi-trash text-blue-500 text-sm\"></i>\n                            </div>\n                        </div>\n                        <div class=\"inline-block col-2\">&nbsp;</div>\n                        <div class=\"inline-block col-10\">\n                            <div class=\"inline-block text-gray-600 mt-1 mr-2\" v-for=\"key in item.options\" :key=\"key\">{{ key\n                            }}</div>\n                            <div class=\"inline-block text-gray-600 mt-1 mr-2\" v-for=\"key in item.extras\" :key=\"key\">{{ key\n                            }}</div>\n                            <div class=\"inline-block text-gray-600 font-bold mt-1\" v-if=\"item.buyer != ''\"> {{ item.buyer }}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <template #footer>\n                    <!-- 確認 -->\n                    <div class=\"w-full mb-2 mt-4\">\n                        <Button v-if=\"this.cart.length != 0\" v-on:click=\"submitCart\" label=\"送出\"\n                            class=\"p-button-secondary p-button w-full\" />\n                        <Button v-else v-on:click=\"submitCart\" label=\"跳過此步驟\" class=\"p-button-secondary p-button w-full\" />\n                    </div>\n                </template>\n            </Dialog>\n        </div>\n    </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport { useRoute } from \"vue-router\";\n\nexport default {\n    data() {\n        return {\n            hash: null,\n            b: null,\n            shopNameValue: \"\",\n            menu: null,\n            nameValue: \"\",\n            selectedCategory: -1,\n            selectedItemID: -1,\n            selectedItemName: \"\",\n            selectedItemPrice: -1,\n            selectedItem: null,\n            selectedOptions: {},\n            selectedExtras: {},\n            selectedExtrasPrice: {},\n            selectedQuantity: '1',\n            editingItemIndex: -1,\n            cart: [],\n            displaySelectionDialog: false,\n            quantities: [\n                { name: '1', code: '1' },\n                { name: '2', code: '2' },\n                { name: '3', code: '3' },\n                { name: '4', code: '4' },\n                { name: '5', code: '5' },\n                { name: '6', code: '6' },\n                { name: '7', code: '7' },\n                { name: '8', code: '8' },\n                { name: '9', code: '9' },\n                { name: '10', code: '10' },\n                { name: '11', code: '11' },\n                { name: '12', code: '12' },\n                { name: '13', code: '13' },\n                { name: '14', code: '14' },\n                { name: '15', code: '15' },\n                { name: '16', code: '16' },\n                { name: '17', code: '17' },\n                { name: '18', code: '18' },\n                { name: '19', code: '19' },\n            ],\n            invalidSummary: [],\n            displayInvalidPopup: false,\n            displayCartDialog: false,\n            flagInit: false,\n        };\n    },\n    mounted() {\n        this.fetchInfo();\n    },\n    beforeUnmount() { },\n    created() { },\n    methods: {\n        fetchInfo() {\n            const route = useRoute();\n            const h = route.query.h;\n            const selected_shop = route.params.selected_shop;\n            const channel = route.params.channel;\n            const name = route.params.name;\n            const address = route.params.address;\n            const phone = route.params.phone;\n            const company_id = route.params.company_id;\n            const note = route.params.note;\n            const request_date = route.params.request_date;\n            const request_time = route.params.request_time;\n\n            this.hash = h;\n\n            var params = {\n                h: h,\n                selected_shop: selected_shop,\n                channel: channel,\n                name: name,\n                address: address,\n                phone: phone,\n                company_id: company_id,\n                note: note,\n                request_date: request_date,\n                request_time: request_time,\n            };\n\n            axios.defaults.withCredentials = true;\n            axios(process.env.VUE_APP_API_BASE_URL + \"/v\", {\n                method: \"GET\",\n                withCredentials: true,\n                params: params,\n            })\n                .then((response) => {\n                    console.log(response.data);\n                    this.statusLogin = response.data[\"code\"];\n                    if (this.statusLogin == 200) {\n                        this.shopNameValue = response.data[\"shop_name\"];\n                        this.menu = response.data[\"menu\"];\n                        this.nameValue = response.data[\"name\"];\n                    }\n                })\n                .catch((err) => {\n                    console.log(err.response);\n                });\n        },\n        copyTextToClipboard(text) {\n            var textArea = document.createElement(\"textarea\");\n            textArea.style.position = \"fixed\";\n            textArea.style.top = 0;\n            textArea.style.left = 0;\n\n            textArea.style.width = \"2em\";\n            textArea.style.height = \"2em\";\n\n            textArea.style.padding = 0;\n\n            textArea.style.border = \"none\";\n            textArea.style.outline = \"none\";\n            textArea.style.boxShadow = \"none\";\n\n            textArea.style.background = \"transparent\";\n\n            textArea.value = text;\n\n            document.body.appendChild(textArea);\n            textArea.select();\n            document.execCommand(\"copy\");\n            document.body.removeChild(textArea);\n        },\n        copyLink() {\n            this.copyTextToClipboard(location.href);\n            alert(\"複製完成！\");\n        },\n        selectCategory(category_id) {\n            this.selectedCategory = category_id;\n            var element = this.$refs[\"category\" + category_id];\n            console.log(element);\n            element.scrollIntoView({\n                behavior: \"smooth\",\n                block: \"start\",\n            });\n        },\n        selectItem(item) {\n            this.selectedItemID = item.d_id;\n            this.selectedItemName = item.name;\n            this.selectedItem = item;\n            this.selectedItemPrice = item.price;\n            this.selectedOptions = {};\n            this.selectedExtras = {};\n            this.selectedExtrasPrice = {};\n            this.selectedQuantity = '1';\n            this.flagInitDialog = 'defaultOptionExtra';\n            this.editingItemIndex = -1; // -1 for new item\n            this.displaySelectionDialog = true;\n        },\n        selectOption(event, group, option) {\n            this.flagInitDialog = 'loadOptionExtra';\n            this.selectedOptions[group] = option;\n            // this is a hack, should be modified later\n            // loop through all child of parent\n            var parent = event.currentTarget.parentElement;\n            for (var child = parent.firstChild; child !== null; child = child.nextSibling) {\n                console.log(child);\n                if (child.classList == null) continue;\n                if (child.innerText == option) {\n                    child.classList.add(\"purpply_option_extra_selected\");\n                } else {\n                    child.classList.remove(\"purpply_option_extra_selected\");\n                }\n            }\n        },\n        initOptionSelected(id, group, option) {\n            if (this.flagInitDialog == 'defaultOptionExtra') {\n                if (id == 0) {\n                    this.selectedOptions[group] = option;\n                    return true;\n                } else {\n                    return false;\n                }\n            } else if (this.flagInitDialog == 'loadOptionExtra') {\n                if (group in this.selectedOptions && option == this.selectedOptions[group])\n                    return true;\n                return false;\n            }\n        },\n        initExtraSelected(group, extra) {\n            if (this.flagInitDialog == 'defaultOptionExtra') {\n                return false;\n            } else if (this.flagInitDialog == 'loadOptionExtra') {\n                if (group in this.selectedExtras && extra == this.selectedExtras[group])\n                    return true;\n                return false;\n            }\n        },\n        selectExtra(event, group, extra, price) {\n            var doSelect = true;\n            if (this.selectedExtras[group] == extra) doSelect = false;\n            // this is a hack, should be modified later\n            // loop through all child of parent\n            var parent = event.currentTarget.parentElement;\n            for (var child = parent.firstChild; child !== null; child = child.nextSibling) {\n                console.log(child);\n                if (child.classList == null) continue;\n                console.log(child.innerText.split('\\n')[0]);\n                if (child.innerText.split('\\n')[0].split('\\n')[0].trim() == extra && doSelect) { // this is a hack in a hack, git rid of the price\n                    child.classList.add(\"purpply_option_extra_selected\");\n                    this.selectedExtras[group] = extra;\n                    this.selectedExtrasPrice[group] = price;\n                    this.$toast.add({ severity: 'info', summary: '已選加點', detail: '再次點擊即可取消', life: 3000 });\n                } else {\n                    child.classList.remove(\"purpply_option_extra_selected\");\n                    if (!doSelect) {\n                        delete this.selectedExtras[group];\n                        delete this.selectedExtrasPrice[group];\n                    }\n                }\n            }\n        },\n        applyToCart() {\n            // check\n            var wrongFmt = false;\n            this.invalidSummary = [];\n            if (parseInt(this.selectedQuantity) < 1 || parseInt(this.selectedQuantity) > 19) {\n                wrongFmt = true;\n                this.invalidSummary.push(\"請選擇數量\");\n            }\n\n            this.nameValue = this.nameValue.trim();\n            if (this.nameValue.length > 20) {\n                wrongFmt = true;\n                this.invalidSummary.push(\"訂購人名太長\");\n            }\n            if (this.nameValue.length == 0) {\n                wrongFmt = true;\n                this.invalidSummary.push(\"訂購人名不得為空白\");\n            }\n\n            // 熱飲\n            var hot = false;\n            for (key in this.selectedOptions)\n                if (this.selectedOptions[key].includes('熱')) hot = true;\n\n            if (hot)\n                for (key in this.selectedExtras) {\n                    if (!this.selectedExtras[key].includes('波霸')) {\n                        wrongFmt = true;\n                        this.invalidSummary.push(\"熱飲加點僅能加波霸\");\n                    }\n                }\n\n            console.log(hot);\n\n            if (wrongFmt) {\n                this.displayInvalidPopup = true;\n                return;\n            }\n\n            // build item\n            var item = {}\n            item['id'] = this.selectedItemID;\n            item['name'] = this.selectedItemName;\n            item['buyer'] = this.nameValue;\n            item['basePrice'] = this.selectedItemPrice;\n            item['options'] = {};\n            item['extras'] = {};\n            item['extrasPrice'] = {};\n            for (var key in this.selectedOptions) {\n                item['options'][key] = this.selectedOptions[key];\n            }\n            for (key in this.selectedExtras) {\n                item['extras'][key] = this.selectedExtras[key];\n            }\n            var extrasTotal = 0;\n            for (key in this.selectedExtras) {\n                item['extrasPrice'][key] = this.selectedExtrasPrice[key];\n                extrasTotal += this.selectedExtrasPrice[key];\n            }\n            item['extrasTotal'] = extrasTotal;\n            item['quantity'] = parseInt(this.selectedQuantity);\n\n            item['item'] = this.selectedItem; // add a reference\n            console.log(item);\n\n\n            if (this.editingItemIndex >= 0) {\n                // refresh cart\n                this.cart[this.editingItemIndex] = JSON.parse(JSON.stringify(item));\n                this.$toast.add({ severity: 'success', summary: '已選商品紀錄', detail: '品項已加入已選商品紀錄', life: 3000 });\n            } else {\n                // add to cart by cloning first\n                this.cart.push(JSON.parse(JSON.stringify(item)));\n                this.$toast.add({ severity: 'success', summary: '已選商品紀錄', detail: '品項已加入已選商品紀錄', life: 3000 });\n            }\n            this.displaySelectionDialog = false;\n        },\n        editCartItem(id) {\n            var item = JSON.parse(JSON.stringify(this.cart[id]));\n\n            // reverse item\n            this.selectedItemID = item.id;\n            this.selectedItemName = item.name;\n            this.nameValue = item.buyer;\n            this.selectedItem = item['item'];\n            this.selectedItemPrice = item['basePrice'];\n            this.selectedOptions = item['options'];\n            this.selectedExtras = item['extras'];\n            this.selectedExtrasPrice = item['extrasPrice'];\n            this.selectedQuantity = item['quantity'].toString();\n\n            this.editingItemIndex = id;\n            this.flagInitDialog = 'loadOptionExtra'\n            this.displaySelectionDialog = true;\n        },\n        removeCartItem(id) {\n            this.cart.splice(id, 1);\n            this.$toast.add({ severity: 'success', summary: '已選商品紀錄', detail: '品項已從已選商品紀錄移除', life: 3000 });\n        },\n        showCart() {\n            this.displayCartDialog = true;\n        },\n        buildOrderJSON(item) {\n            console.log(item);\n            var output = {};\n\n            var options = \"\";\n            var extras = \"\";\n            for (var key in item['options']) {\n                options += item['options'][key] + \" \";\n            }\n            for (key in item['extras']) {\n                extras += item['extras'][key] + \" \";\n            }\n\n            var option_extra = (options.trim() + \" \" + extras.trim()).trim();\n            if (option_extra != '') option_extra = \" (\" + option_extra + \")\";\n\n            output['price'] = (item['basePrice'] + item['extrasTotal']) * item['quantity'];\n            output['text'] = item['name'] + option_extra;\n            output['quantity'] = item['quantity'];\n            return output;\n        },\n        redirectToStatusPage() {\n            this.$router.push({\n                path: \"/status\",\n                name: \"status\",\n                query: {\n                    hash: this.hash,\n                },\n            });\n        },\n        submitCart() {\n            // check\n            // var wrongFmt = false;\n            // this.invalidSummary = [];\n            // if(this.cart.length == 0) {\n            //     wrongFmt = true;\n            //     this.invalidSummary.push(\"目前尚無已選商品，請先選擇商品\")\n            // }\n\n            // if(wrongFmt) {\n            //     this.displayInvalidPopup = true;\n            //     return;\n            // }\n            if (this.cart.length == 0) {\n                this.redirectToStatusPage();\n            }\n\n            var output = {};\n            for (var idx in this.cart) {\n                var buyer = this.cart[idx]['buyer'];\n                if (this.cart[idx]['buyer'] in output) {\n                    output[buyer].push(this.buildOrderJSON(this.cart[idx]));\n                } else {\n                    output[buyer] = [this.buildOrderJSON(this.cart[idx])];\n                }\n            }\n\n            var order = [];\n            for (buyer in output) {\n                order.push({ 'nick': buyer, 'order': output[buyer] });\n            }\n            console.log(order);\n\n            // {\"nick\":\"連先生\",\"order\":[{\"price\":30,\"text\":\"招牌紅+(●熱+正常甜)\",\"quantity\":1},{\"price\":35,\"text\":\"炭焙烏龍+(●熱+正常甜)\",\"quantity\":1},{\"price\":35,\"text\":\"手採高山青+(●熱+正常甜)\",\"quantity\":1}]}\n            axios.defaults.withCredentials = true;\n            axios(process.env.VUE_APP_API_BASE_URL + \"/dv\", {\n                method: \"POST\",\n                withCredentials: true,\n                data: new URLSearchParams({\n                    h: this.hash,\n                    order_content: JSON.stringify(order),\n                    d: [],\n                }),\n            })\n                .then((response) => {\n                    console.log(response.data);\n                    if (response.data[\"code\"] == 200) {\n                        this.redirectToStatusPage();\n                    } else {\n                        this.$toast.add({ severity: 'error', summary: '已選商品紀錄', detail: response.data[\"msg\"], life: 3000 });\n                    }\n                })\n                .catch((err) => {\n                    console.log(err.response);\n                });\n        }\n    },\n    computed: {\n        summarizeCart() {\n            var quantity = 0;\n            var total = 0;\n            for (var i = 0; i < this.cart.length; i++) {\n                var item = this.cart[i];\n\n                // calculate extra\n                var extraPrice = 0;\n                for (var key in item['extrasPrice'])\n                    extraPrice += item['extrasPrice'][key];\n\n                var unitPrice = item['basePrice'] + extraPrice;\n                console.log(unitPrice);\n\n                total += unitPrice * item['quantity'];\n                if (unitPrice > 3) quantity += item['quantity'];\n            }\n            console.log(total);\n            return quantity;\n        },\n    },\n};\n</script>\n<style scoped lang=\"scss\">\n* {\n    scroll-margin-top: 3rem;\n}\n\n.selected_category {\n    background-color: white;\n}\n\n.purpply_option_extra_selected {\n    background-color: var(--purpply-primary-color);\n    color: white;\n}\n\n.purpply_options_extras {\n    border: 1px solid var(--purpply-primary-color);\n}\n\n.purpply-inline-block {\n    vertical-align: top;\n    display: inline-block;\n}\n\n.purpply-topbar {\n    border-top: 1px solid var(--purpply-primary-color);\n    border-bottom: 1px solid var(--purpply-primary-color);\n}\n\n.purpply-bottombar {\n    border-top: 1px solid var(--purpply-primary-color);\n    border-bottom: 1px solid var(--purpply-primary-color);\n}\n\n.purpply-share-button {\n    border: 0px;\n    background-color: var(--purpply-primary-color);\n    color: white;\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 \"./ViewPage.vue?vue&type=template&id=585c1ffc&scoped=true\"\nimport script from \"./ViewPage.vue?vue&type=script&lang=js\"\nexport * from \"./ViewPage.vue?vue&type=script&lang=js\"\n\nimport \"./ViewPage.vue?vue&type=style&index=0&id=585c1ffc&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-585c1ffc\"]])\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!./ViewPage.vue?vue&type=style&index=0&id=585c1ffc&scoped=true&lang=scss\""],"sourceRoot":""}