{"version":3,"sources":["webpack:///./src/components/common/tile_floating_title.vue?50cb","webpack:///src/components/common/tile_floating_title.vue","webpack:///./src/components/common/tile_floating_title.vue?dc24","webpack:///./src/components/common/tile_floating_title.vue","webpack:///../../../src/components/VCard/index.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","_b","directives","name","rawName","value","stickyWidth","expression","style","floatingCardPros","staticClass","staticStyle","_v","_s","floatingOptions","title","attrs","on","doSubmit","staticRenderFns","component","VBtn","VCard","VCardText","VIcon","VCardActions","VCardSubtitle","VCardTitle"],"mappings":"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","file":"js/chunk-5a01eb40.5f2e0b9a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',_vm._b({directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.stickyWidth != 0),expression:\"stickyWidth != 0\"}],style:(_vm.styleSticky)},'v-card',_vm.floatingCardPros,false),[_c('v-card-text',{staticClass:\"mt-n3\"},[_c('div',{staticClass:\"cont-title\",staticStyle:{\"float\":\"left\"}},[_vm._v(_vm._s(_vm.floatingOptions.title))]),_c('div',{staticClass:\"mt-5\",staticStyle:{\"float\":\"right\"}},[(_vm.handleBtnActive)?_c('v-btn',{staticClass:\"text-h6 text-right\",attrs:{\"outlined\":\"\",\"large\":\"\",\"rounded\":\"\",\"color\":\"primary\"},on:{\"click\":_vm.doSubmit}},[_c('v-icon',{attrs:{\"left\":\"\",\"dark\":\"\",\"size\":\"25\"}},[_vm._v(\" mdi-check-circle \")]),_vm._v(\" 저장 \")],1):_c('v-btn',{staticClass:\"text-h6\",attrs:{\"large\":\"\",\"rounded\":\"\",\"color\":\"grey\"},on:{\"click\":_vm.doSubmit}},[_c('v-icon',{attrs:{\"left\":\"\",\"size\":\"25\"}},[_vm._v(\" mdi-check-circle \")]),_vm._v(\" 저장 \")],1)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-card v-bind=\"floatingCardPros\" :style=\"styleSticky\" v-show=\"stickyWidth != 0\">\n        <v-card-text class=\"mt-n3\">\n            <div class=\"cont-title\" style=\"float: left;\">{{ floatingOptions.title }}</div>\n            <div style=\"float: right;\" class=\"mt-5\">\n                <v-btn v-if=\"handleBtnActive\" outlined large rounded class=\"text-h6 text-right\" color=\"primary\" @click=\"doSubmit\">\n                    <v-icon left dark size=\"25\">\n                        mdi-check-circle\n                    </v-icon>\n                    저장\n                </v-btn>\n                <v-btn v-else large rounded class=\"text-h6\" color=\"grey\" @click=\"doSubmit\">\n                    <v-icon left size=\"25\">\n                        mdi-check-circle\n                    </v-icon>\n                    저장\n                </v-btn>\n            </div>\n        </v-card-text>\n    </v-card>\n</template>\n\n<script>\nimport {mapState} from \"vuex\";\n\nexport default {\n    name: \"tile_floating_title\",\n    data: () => ({\n        stickyWidth: 0,\n        stickyScrollY: 0,\n        floatingCardPros: { outlined: true, tile: true },\n        validItem: {\n            'isValid': true,\n            'errorMsg': '',\n            'itemA': '',\n            'type': ''\n        }\n    }),\n    computed: {\n        ...mapState('svcVoiceIntro', {\n            introMent: state => state.introMent,\n            workOffMent: state => state.workOffMent,\n            breakTimeConf: state => state.breakTimeConf,\n            floatingOptions: state => state.floatingOptions\n        }),\n        styleSticky() {\n\n            let optionsPixedWidth = this.floatingOptions.css.pixedWidth ? this.floatingOptions.css.pixedWidth : 0\n            let optionsPixedMarginLeft = this.floatingOptions.css.pixedMarginLeft ? this.floatingOptions.css.pixedMarginLeft : 0\n\n            let width = this.stickyWidth + optionsPixedWidth\n            let border = '0px solid white'\n            let bgColor = '#FFFFFF'\n            let top = 90\n            let marginLeft = optionsPixedMarginLeft\n\n            if (this.stickyScrollY != 0) {\n                border = '0.8px solid #b9b9b9'\n                bgColor = 'rgb(244, 246, 248)'\n                top = 85\n            }\n\n            return {\n                'width': width + 'px',\n                'height': '100px',\n                'position': 'fixed',\n                'top': `${top}px`,\n                'z-index': 196,\n                'border': border,\n                'margin-left': `${marginLeft}px`,\n                'background-color': bgColor\n            }\n        },\n        handleBtnActive() {\n            return this.checkValid()\n        }\n    },\n    watch: {\n        stickyScrollY() {\n            if (this.stickyScrollY == 0) {\n                this.floatingCardPros = { outlined: true, tile: true }\n            } else {\n                this.floatingCardPros = { outlined: false }\n            }\n        }\n    },\n    created() {\n        this.handlePage()\n    },\n    mounted() {\n        window.addEventListener('scroll', this.handlePage, true)\n        window.addEventListener('resize', this.handlePage, true)\n        this.handlePage()\n    },\n    updated() {\n        this.handlePage()\n    },\n    methods: {\n        handlePage() {\n            let followingRow = document.querySelector('.following-row')\n            if (followingRow) {\n                this.stickyWidth = followingRow.clientWidth\n            }\n            this.stickyScrollY = window.scrollY\n        },\n        doSubmit() {\n            if (!this.validItem.isValid) {\n                this.$store.dispatch('openAlert', {\n                    'message': this.validItem.errorMsg,\n                    'closeCb': (va) => {\n                        if (va) {\n                            if (va.floatingOptions.page == 'svc_voice_intro' && va.validItem.item && Object.keys(va.validItem.item).length != 0) {\n                                let errorItem = va.validItem.item\n                                errorItem.error.flag = true\n                                errorItem.error.msg = va.validItem.errorMsg\n                                errorItem.error.type = va.validItem.type\n                            }\n                        }\n                    },\n                    'va': this\n                })\n                return\n            }\n\n            this.$emit('submit')\n        },\n        checkValid() {\n\n            this.validItem = {'isValid': true, 'errorMsg': '', 'item': {}, 'type': ''}\n\n            if (this.floatingOptions.page == 'svc_voice_intro') {\n\n                // 인사말 문구 체크\n                if (this.introMent.trim().length == 0) {\n                    this.validItem.isValid = false\n                    this.validItem.errorMsg = '인사말 문구를 입력해 주세요.'\n                }\n\n                // 영업종료 문구 체크\n                if (this.validItem.isValid && this.workOffMent.trim().length == 0) {\n                    this.validItem.isValid = false\n                    this.validItem.errorMsg= '영업종료 문구를 입력해 주세요.'\n                }\n\n                // 휴게시간 체크\n                if (this.validItem.isValid) {\n                    let breakTimeUseYn = this.breakTimeConf.breakTimeUseYn\n                    let breakTimeList = this.breakTimeConf.breakTimes\n\n                    let itemA, itemB = {}\n\n                    if (breakTimeUseYn == 'Y' && breakTimeList.length != 0) {\n                        for (let i = 0; i < breakTimeList.length; i++) {\n\n                            if (!this.validItem.isValid) {\n                                break\n                            }\n\n                            itemA = breakTimeList[i]\n                            let itemABreakStartTime = itemA.break_start_hour + itemA.break_start_min\n                            let itemABreakEndTime = itemA.break_end_hour + itemA.break_end_min\n\n                            if (itemABreakStartTime == itemABreakEndTime || parseInt(itemABreakStartTime) >= parseInt(itemABreakEndTime)) {\n                                this.validItem.isValid = false\n                                this.validItem.errorMsg = '휴게시간을 확인해 주세요.'\n                                this.validItem.item = itemA\n                                this.validItem.type = 'TIME'\n                                break\n                            }\n\n                            if (itemA.break_ment.trim().length == 0) {\n                                this.validItem.isValid = false\n                                this.validItem.errorMsg = '휴게시간의 문구를 입력해 주세요'\n                                this.validItem.item = itemA\n                                this.validItem.type = 'MENT'\n                                break\n                            }\n\n                            for (let j = 0; j < breakTimeList.length; j++) {\n                                itemB = breakTimeList[j]\n\n                                let itemBBreakStartTime = itemB.break_start_hour + itemB.break_start_min\n                                let itemBBreakEndTime = itemB.break_end_hour + itemB.break_end_min\n\n                                if (i != j && ((itemABreakStartTime >= itemBBreakStartTime && itemABreakStartTime < itemBBreakEndTime) || (itemABreakEndTime > itemBBreakStartTime && itemABreakEndTime <= itemBBreakEndTime))) {\n                                    this.validItem.isValid = false\n                                    this.validItem.errorMsg = '휴게시간은 서로 중복될 수 없습니다'\n                                    this.validItem.item = itemA\n                                    this.validItem.type = 'TIME'\n                                    break\n                                }\n                            }\n\n                            itemA.error = {'flag': false, 'msg': '', 'type': ''}\n                        }\n                    }\n                }\n            }\n\n            return this.validItem.isValid\n        }\n    }\n}\n</script>\n\n<style scoped>\n\n</style>","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!./tile_floating_title.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!./tile_floating_title.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./tile_floating_title.vue?vue&type=template&id=ef555b2c&scoped=true&\"\nimport script from \"./tile_floating_title.vue?vue&type=script&lang=js&\"\nexport * from \"./tile_floating_title.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  \"ef555b2c\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\ninstallComponents(component, {VBtn,VCard,VCardText,VIcon})\n","import VCard from './VCard'\nimport { createSimpleFunctional } from '../../util/helpers'\n\nconst VCardActions = createSimpleFunctional('v-card__actions')\nconst VCardSubtitle = createSimpleFunctional('v-card__subtitle')\nconst VCardText = createSimpleFunctional('v-card__text')\nconst VCardTitle = createSimpleFunctional('v-card__title')\n\nexport {\n  VCard,\n  VCardActions,\n  VCardSubtitle,\n  VCardText,\n  VCardTitle,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VCard,\n    VCardActions,\n    VCardSubtitle,\n    VCardText,\n    VCardTitle,\n  },\n}\n"],"sourceRoot":""}