{"version":3,"sources":["webpack:///./src/components/LoginPage.vue","webpack:///./src/components/LoginPage.vue?5903","webpack:///./src/components/LoginPage.vue?68b5"],"names":["class","_createElementVNode","src","width","for","_createElementBlock","_hoisted_1","_createVNode","_component_Dialog","visible","$data","modal","style","closable","dismissableMask","draggable","resizable","contentStyle","header","_hoisted_2","_hoisted_3","_component_Button","onClick","$options","label","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_component_InputText","type","id","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","data","phoneValue","passwordValue","emailValue","brand","brandName","showEmail","displayPortalDialog","mounted","beforeUnmount","created","route","useRoute","query","b","this","methods","toggleMail","doLogin","axios","defaults","withCredentials","process","method","params","phone","password","email","s","then","response","doRedirect","alert","catch","err","console","log","token","localStorage","onlineOrderToken","$router","push","path","name","redirectRegister","redirectSetPassword","redirectQueryBranch","openExternalPage","page","window","open","onDeliveryRegister","location","href","onMemberSite","__exports__","render"],"mappings":"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","file":"js/chunk-3a6b7cc2.6064a9d0.js","sourcesContent":["<template>\n    <div class=\"flex flex-wrap align-items-center justify-content-center p-fluid\">\n        <Dialog v-model:visible=\"displayPortalDialog\" :modal=\"true\" :style=\"{ width: '350px' }\" :closable=\"false\"\n            :dismissableMask=\"false\" :draggable=\"false\" :resizable=\"false\" :contentStyle=\"{\n                overflow: 'visible', borderBottomLeftRadius: '6px',\n                borderBottomRightRadius: '6px',\n            }\">\n            <template #header>\n                <span class=\"mx-auto p-dialog-title\">請選擇您欲使用的服務</span>\n            </template>\n            <div class=\"flex flex-column gap-4\">\n                <Button v-on:click=\"onDeliveryRegister\" label=\"網路外送點餐\" class=\"p-button-purpply p-button\" />\n                <Button v-on:click=\"onMemberSite\" label=\"品牌會員系統\" class=\"p-button-purpply p-button\" />\n            </div>\n        </Dialog>\n        <div class=\"col-12 md:col-5\">\n            <div class=\"card\">\n                <div class=\"grid formgrid\">\n                    <div class=\"col-12 mb-2 mt-4 lg:col-12 lg:mb-0\">\n                        <div class=\"w-full flex justify-content-center\">\n                            <img src=\"/images/logo-anh.png\" width=\"200\" />\n                        </div>\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-phone\" />\n                            <InputText type=\"number\" id=\"phone\" v-model=\"phoneValue\" />\n                            <label for=\"phone\">手機號碼</label>\n                        </span>\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-lock\" />\n                            <InputText type=\"password\" id=\"password\" v-model=\"passwordValue\" />\n                            <label for=\"password\">密碼</label>\n                        </span>\n                    </div>\n                    <div class=\"col-12 mb-2 mt-4 lg:col-12 lg:mb-0\">\n                        <div class=\"w-full flex justify-content-end\">\n                            <Button\n                                class=\"h-2rem w-12rem flex align-content-center justify-content-center p-button-purpply p-button-outlined\"\n                                v-on:click=\"toggleMail\">輸入電子郵件信箱</Button>\n                        </div>\n                        <span v-if=\"showEmail\" class=\"p-input-icon-left p-float-label mt-2\">\n                            <i class=\"pi pi-envelope\" />\n                            <InputText type=\"text\" id=\"email\" v-model=\"emailValue\" />\n                            <label for=\"email\">電子郵件信箱</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=\"doLogin\" label=\"登入\" class=\"p-button-purpply p-button mr-2\" />\n                    </div>\n                    <div class=\"col-12 mb-2 mt-4 lg:col-12 lg:mb-0\">\n                        <Button v-on:click=\"redirectRegister\" label=\"註冊\" class=\"p-button-purpply p-button mr-2\" />\n                    </div>\n                    <div class=\"col-12 mb-2 mt-4 lg:col-12 lg:mb-0\">\n                        <Button v-on:click=\"redirectQueryBranch\" label=\"外送門市及低消查詢\"\n                            class=\"p-button-outlined p-button-secondary p-button mr-2\" />\n                    </div>\n                    <div class=\"col-12 mb-2 mt-4 lg:col-12 lg:mb-0 text-center\">\n                        <span class=\"cursor-pointer\" v-on:click=\"redirectSetPassword()\">忘記密碼</span>\n                    </div>\n                </div>\n            </div>\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            phoneValue: \"\",\n            passwordValue: \"\",\n            emailValue: \"\",\n            brand: \"anh\",\n            brandName: \"一沐日\",\n            showEmail: false,\n            displayPortalDialog: true,\n        };\n    },\n    mounted() { },\n    beforeUnmount() { },\n    created() {\n        const route = useRoute();\n        const brand = route.query.b;\n        if (brand == \"anh\") {\n            this.brand = \"anh\";\n            this.brandName = \"一沐日\";\n        }\n        if (brand == \"test\") {\n            this.brand = \"test\";\n            this.brandName = \"一木日\";\n        }\n    },\n    methods: {\n        toggleMail() {\n            this.showEmail = !this.showEmail;\n        },\n        doLogin() {\n            axios.defaults.withCredentials = true;\n            axios(process.env.VUE_APP_API_BASE_URL + \"/doAuthToken\", {\n                method: \"GET\",\n                withCredentials: true,\n                params: {\n                    phone: this.phoneValue,\n                    password: this.passwordValue,\n                    email: this.emailValue,\n                    b: this.brand,\n                    s: \"\",\n                },\n            })\n                .then((response) => {\n                    if (response.data[\"code\"] == 200)\n                        this.doRedirect(response.data[\"token\"]);\n                    else alert(\"帳號或密碼錯誤\");\n                })\n                .catch((err) => {\n                    console.log(err.response);\n                });\n        },\n        doRedirect(token) {\n            // login to online order also\n            axios.defaults.withCredentials = true;\n            axios(process.env.VUE_APP_ONLINE_ORDERING_SITE_API_BASE_URL + \"/brandAuth\", {\n                method: \"GET\",\n                withCredentials: true,\n                params: {\n                    phone: this.phoneValue,\n                    password: this.passwordValue,\n                    b: this.brand,\n                },\n            })\n                .then((response) => {\n                    if (response.data[\"code\"] == 200) {\n                        localStorage.onlineOrderToken = response.data[\"token\"];\n                    }\n                    // store brand name first\n                    localStorage.brand = this.brand;\n                    localStorage.brandName = this.brandName;\n                    localStorage.token = token;\n                    this.$router.push({\n                        path: \"/landing\", // Entrance\n                        name: \"landing\",\n                    });\n                })\n                .catch((err) => {\n                    console.log(err.response);\n                });\n        },\n        redirectRegister() {\n            // store brand name first\n            localStorage.brand = this.brand;\n            localStorage.brandName = this.brandName;\n            this.$router.push({\n                path: \"/register\", // Entrance\n                name: \"register\",\n            });\n        },\n        redirectSetPassword() {\n            localStorage.brand = this.brand;\n            localStorage.brandName = this.brandName;\n            this.$router.push({\n                path: \"/set_password\", // Entrance\n                name: \"set_password\",\n            });\n        },\n        redirectQueryBranch() {\n            localStorage.brand = this.brand;\n            localStorage.brandName = this.brandName;\n            this.$router.push({\n                path: \"/query_branch\", // Entrance\n                name: \"query_branch\",\n            });\n        },\n        openExternalPage(page) {\n            console.log(page);\n            window.open(\n                \"https://docs.google.com/forms/d/e/1FAIpQLSdIjeJ1FO1JcFj6CTDc1D_6BzY1LOKrLPgyUip9eSrKPuXwWA/viewform\",\n                \"_blank\"\n            );\n        },\n        onDeliveryRegister() {\n            window.location.href = \"https://menu.noder.tw/brands/08ZmJ0lw1g/delivery-register\";\n        },\n        onMemberSite() {\n            this.displayPortalDialog = false;\n        },\n    },\n};\n</script>\n\n<style scoped lang=\"scss\">\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 \"./LoginPage.vue?vue&type=template&id=2769adbe&scoped=true\"\nimport script from \"./LoginPage.vue?vue&type=script&lang=js\"\nexport * from \"./LoginPage.vue?vue&type=script&lang=js\"\n\nimport \"./LoginPage.vue?vue&type=style&index=0&id=2769adbe&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-2769adbe\"]])\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!./LoginPage.vue?vue&type=style&index=0&id=2769adbe&scoped=true&lang=scss\""],"sourceRoot":""}