{"version":3,"sources":["webpack:///./src/components/layout/TopnavbarBackCustom.vue?48c4","webpack:///src/components/layout/TopnavbarBackCustom.vue","webpack:///./src/components/layout/TopnavbarBackCustom.vue?7b66","webpack:///./src/components/layout/TopnavbarBackCustom.vue","webpack:///./src/views/portal_technical/TechnicalCalendarPage.vue?8ee8","webpack:///src/views/portal_technical/TechnicalCalendarPage.vue","webpack:///./src/views/portal_technical/TechnicalCalendarPage.vue?b657","webpack:///./src/views/portal_technical/TechnicalCalendarPage.vue","webpack:///./src/components/layout/TopnavbarBackCustom.vue?2d0b","webpack:///./src/views/portal_technical/TechnicalCalendarPage.vue?d92e"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","staticClass","on","handleBack","_v","_s","receiver","name","title","scopedSlots","_u","key","fn","ref","_g","_b","_l","item","index","$event","handleAction","action","icon","staticRenderFns","component","VBtn","VIcon","VList","VListItem","VListItemTitle","VMenu","VSpacer","VToolbar","VToolbarTitle","masks","attributes","onDayClick","appointments","length","appointment","handleRoute","id","onlyMonth","start_date","onlyDay","onlyWeekDay","appointment_no","formatTimeOnly","start_time","end_time","items","indexValue","VCard","VCol","VContainer","VRow"],"mappings":"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","file":"js/TechnicalCalendar.a95506ab.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-toolbar',{staticStyle:{\"position\":\"sticky\",\"top\":\"0\",\"z-index\":\"2\"},attrs:{\"color\":\"primary\"}},[_c('v-btn',{staticClass:\"pl-0\",attrs:{\"tile\":\"\",\"text\":\"\",\"color\":\"white\"},on:{\"click\":_vm.handleBack}},[_c('v-icon',[_vm._v(\"mdi-chevron-left\")]),_vm._v(\"Back \")],1),_c('v-toolbar-title',{staticStyle:{\"font-size\":\"0.9rem\",\"font-weight\":\"500\",\"margin-left\":\"10px\",\"color\":\"#fff\"}},[_vm._v(_vm._s(_vm.receiver ? _vm.receiver.name : _vm.title))]),_c('v-spacer'),_c('v-menu',{attrs:{\"offset-y\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\nvar on = ref.on;\nvar attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({staticClass:\"pr-0\",attrs:{\"text\":\"\",\"color\":\"primary\",\"small\":\"\"}},'v-btn',attrs,false),on),[_c('v-icon',{attrs:{\"color\":\"white\"}},[_vm._v(\"mdi-dots-vertical\")])],1)]}}])},[_c('v-list',_vm._l((_vm.items),function(item,index){return _c('v-list-item',{key:index,on:{\"click\":function($event){return _vm.handleAction(item.action)}}},[_c('v-list-item-title',[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(item.icon))]),_vm._v(\" \"+_vm._s(item.title))],1)],1)}),1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n        <v-toolbar color=\"primary\" style=\"position: sticky;top: 0;px;z-index: 2;\">\r\n           <v-btn class=\"pl-0\" @click=\"handleBack\" tile text color=\"white\">\r\n            <v-icon>mdi-chevron-left</v-icon>Back \r\n            </v-btn> \r\n            <v-toolbar-title style=\"font-size: 0.9rem;font-weight: 500; margin-left:10px; color:#fff;\">{{ receiver ? receiver.name : title }}</v-toolbar-title>\r\n            <v-spacer></v-spacer>\r\n            <v-menu offset-y>\r\n                <template v-slot:activator=\"{ on, attrs }\">\r\n                    <v-btn\r\n                    text\r\n                    color=\"primary\"\r\n                    v-bind=\"attrs\"\r\n                    v-on=\"on\"\r\n                    small\r\n                    class=\"pr-0\"\r\n\r\n                    >\r\n                    <v-icon color=\"white\">mdi-dots-vertical</v-icon>\r\n                    </v-btn>\r\n                </template>\r\n                <v-list>\r\n                    <v-list-item\r\n                    v-for=\"(item, index) in items\"\r\n                    :key=\"index\"\r\n                    @click=\"handleAction(item.action)\"\r\n                    >\r\n                    <v-list-item-title><v-icon color=\"primary\">{{ item.icon }}</v-icon> &nbsp; {{ item.title }}</v-list-item-title>\r\n                    </v-list-item>\r\n                </v-list>\r\n            </v-menu>\r\n        </v-toolbar>\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport { mdiAccountCircle, mdiLogout } from '@mdi/js'\r\nimport {ApiService} from '@/core/services/api.service'\r\n// import JwtService from '@/core/services/jwt.service'\r\nimport {PURGE_AUTH} from '@/core/services/store/auth.module'\r\nexport default {\r\n    props:{\r\n        receiver : {},\r\n        title:{\r\n            type:String,\r\n            default : ''\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            iconAccount: mdiAccountCircle,\r\n            iconLogout: mdiLogout,\r\n            items: [\r\n                {id:1, icon:'mdi-account', title: 'Profile', action:'profile' },\r\n                {id:2, icon:'mdi-logout', title: 'Logout', action:'logout' },\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        viewProfile() {\r\n            this.$router.push('/profile');\r\n        },\r\n        handleBack() {\r\n            this.$emit('back');\r\n        },\r\n        handleAction(action) {\r\n            switch(action) {\r\n                case 'logout':\r\n                    this.handleLogouts();\r\n                    break;\r\n                case 'profile':\r\n                    this.viewProfile();\r\n                    break;\r\n            }\r\n        },\r\n        async handleLogouts(){\r\n            this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            await ApiService.post('/logout')\r\n            .then(() => {\r\n                this.$store.commit(PURGE_AUTH);\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.$router.push({name:'loginPage'});\r\n            })\r\n            .catch(() => {\r\n                this.$store.commit(PURGE_AUTH);\r\n                this.$router.push({name:'loginPage'});\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n            })\r\n            \r\n            // this.$router.push('/');\r\n            // ApiService.defaults.headers.common['Authorization'] = `Bearer ${JwtService.getToken()}`;\r\n            // this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            // ApiService.post(\"logout\",{\r\n            //     access_token: JwtService.getToken(),\r\n            // })\r\n            // .then(() => {\r\n            //     this.$store.commit(PURGE_AUTH);\r\n            //     this.$router.push('/login');\r\n            //     this.$bus.$emit('HIDE_PAGE_LOADER');\r\n            // })\r\n            // .catch(() => {\r\n            //     this.$bus.$emit('HIDE_PAGE_LOADER');\r\n            //     this.$store.commit(PURGE_AUTH);\r\n            //     this.messageError('error',\"Failed to logout\");\r\n            // });\r\n        }\r\n    },\r\n    computed: {\r\n        ...mapGetters(['currentUser'])\r\n    }\r\n\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n$colorprimary : #19477e !important;\r\n$colorsecondary : #75ab26;\r\n.section-top-navbar{\r\n    background:$colorprimary;\r\n    padding: 6px 24px;\r\n    height: 52px;\r\n    color: #fff;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    .page-title{\r\n        margin: 0;\r\n        font-weight: 500;\r\n    }\r\n    i{\r\n        color:#fff !important;\r\n    }\r\n}\r\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!./TopnavbarBackCustom.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!./TopnavbarBackCustom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TopnavbarBackCustom.vue?vue&type=template&id=f22ed85a&scoped=true&\"\nimport script from \"./TopnavbarBackCustom.vue?vue&type=script&lang=js&\"\nexport * from \"./TopnavbarBackCustom.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TopnavbarBackCustom.vue?vue&type=style&index=0&id=f22ed85a&lang=scss&scoped=true&\"\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  \"f22ed85a\",\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 { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VMenu } from 'vuetify/lib/components/VMenu';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VIcon,VList,VListItem,VListItemTitle,VMenu,VSpacer,VToolbar,VToolbarTitle})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"pa-0 ma-0 page-container mb-14 h-100 bg-bug\"},[_c('Topnavbar',{attrs:{\"title\":_vm.title},on:{\"back\":_vm.handleBack}}),_c('v-container',{staticClass:\"mb80\"},[_c('vc-calendar',{staticClass:\"max-w-full\",attrs:{\"masks\":_vm.masks,\"attributes\":_vm.attributes,\"disable-page-swipe\":\"\",\"is-expanded\":\"\"},on:{\"dayclick\":_vm.onDayClick}}),_c('h3',{staticClass:\"mt-4 mb-4\"},[_vm._v(\"Appointments\")]),(_vm.appointments && _vm.appointments.length)?_c('v-row',_vm._l((_vm.appointments),function(appointment,index){return _c('v-col',{key:index,attrs:{\"cols\":\"12\"}},[_c('v-card',{staticClass:\"no-border-radius custom-bs\",on:{\"click\":function($event){return _vm.handleRoute(appointment.id)}}},[_c('div',{staticClass:\"d-flex align-center justify-space-between\"},[_c('div',{staticClass:\"d-flex align-center\"},[_c('div',{staticClass:\"appointment-date\"},[_c('p',{staticClass:\"f8 ma-0\"},[_vm._v(_vm._s(_vm.onlyMonth(appointment.start_date)))]),_c('p',{staticClass:\"f9-bold day-style\"},[_vm._v(_vm._s(_vm.onlyDay(appointment.start_date)))]),_c('p',{staticClass:\"f8 ma-0\"},[_vm._v(_vm._s(_vm.onlyWeekDay(appointment.start_date)))])]),_c('div',{staticClass:\"pa-2 d-flex align-cneter\"},[_c('div',[_c('h5',{staticClass:\"text-uppercase\"},[_vm._v(_vm._s(appointment.appointment_no))]),_c('div',{staticClass:\"f8\"},[_c('v-icon',{staticClass:\"f1\",attrs:{\"color\":\"secondary\"}},[_vm._v(\"mdi-clock\")]),_vm._v(\" \"+_vm._s(_vm.formatTimeOnly(appointment.start_time))+\" - \"+_vm._s(_vm.formatTimeOnly(appointment.end_time))+\" \")],1)])])]),_c('div',{staticClass:\"pr-2\"},[_c('v-icon',[_vm._v(\"mdi-chevron-right\")])],1)])])],1)}),1):_c('v-row',[_c('v-col',[_vm._v(\"No appointments\")])],1)],1),_c('Bottomnavbar',{attrs:{\"items\":_vm.items,\"value\":_vm.indexValue}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container class=\"pa-0 ma-0 page-container mb-14 h-100 bg-bug\"> \r\n        <Topnavbar :title=\"title\" @back=\"handleBack\"/>\r\n        <v-container class=\"mb80\">\r\n                <vc-calendar\r\n                    class=\"max-w-full\"\r\n                    :masks=\"masks\"\r\n                    :attributes=\"attributes\"\r\n                    disable-page-swipe\r\n                    @dayclick=\"onDayClick\"\r\n                    is-expanded\r\n                    >\r\n                </vc-calendar>\r\n                <h3 class=\"mt-4 mb-4\">Appointments</h3>\r\n                <v-row v-if=\"appointments && appointments.length\">\r\n                    <v-col cols=\"12\" v-for=\"(appointment, index) in appointments\" :key=\"index\">\r\n                        <v-card class=\"no-border-radius custom-bs\" @click=\"handleRoute(appointment.id)\">\r\n                            <div class=\"d-flex align-center justify-space-between\">\r\n                                <div class=\"d-flex align-center\">\r\n                                    <div class=\"appointment-date\">\r\n                                        <p class=\"f8 ma-0\">{{onlyMonth(appointment.start_date)}}</p>\r\n                                        <p class=\"f9-bold day-style\">{{onlyDay(appointment.start_date)}}</p>\r\n                                        <p class=\"f8 ma-0\">{{onlyWeekDay(appointment.start_date)}}</p>\r\n                                    </div>\r\n                                    <div class=\"pa-2 d-flex align-cneter\">\r\n                                        <div>\r\n                                            <h5 class=\"text-uppercase\">{{appointment.appointment_no}}</h5>\r\n                                            <div class=\"f8\">\r\n                                                <v-icon color=\"secondary\" class=\"f1\">mdi-clock</v-icon> {{formatTimeOnly(appointment.start_time)}} - {{formatTimeOnly(appointment.end_time)}}\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"pr-2\">\r\n                                    <v-icon>mdi-chevron-right</v-icon>\r\n                                </div>\r\n                            </div>\r\n                        </v-card>\r\n                    </v-col>\r\n                </v-row>\r\n                <v-row v-else>\r\n                    <v-col>No appointments</v-col>\r\n                </v-row>\r\n        </v-container>\r\n        <Bottomnavbar :items=\"items\" :value=\"indexValue\"/>\r\n    </v-container>\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport { ApiService } from '@/core/services/api.service'\r\nimport Topnavbar from '@/components/layout/TopnavbarBackCustom'\r\nimport Bottomnavbar from '@/components/layout/BottomnavbarFixed'\r\n// import ScheduleNew from './TechnicalScheduleNew.vue'\r\nimport moment from 'moment'\r\nexport default {\r\n    data() {\r\n        // const month = new Date().getMonth();\r\n        // const year = new Date().getFullYear();\r\n        return {\r\n            title:'',\r\n            indexValue:1,\r\n            items: [\r\n                {id:1, name:'Dashboard',route:'dashboard-technical',icon:'mdi-view-dashboard'},\r\n                {id:2, name:'Calendar',route:'technical-calendar', icon:'mdi-calendar'},\r\n                {id:3, name:'Profile',route:'profile', icon:'mdi-account'},\r\n            ],\r\n            moment,\r\n            masks: {\r\n                weekdays: 'WWW',\r\n            },\r\n            dialogSchedule:false,\r\n            attributes: [],\r\n            selectedDate: moment().format('MM/DD/YYYY'),\r\n            dateProps:new Date(),\r\n            days: [],\r\n            events:[],\r\n            colorCodes:[\r\n                {title:'Available',icon:'mdi-calendar', color:'green'},\r\n                {title:'Booked',icon:'mdi-octagon', color:'red'},\r\n            ],\r\n            appointments:[],\r\n        };\r\n    },\r\n    components: {\r\n        Topnavbar,\r\n        Bottomnavbar\r\n        // ScheduleNew\r\n    },\r\n    mounted() {\r\n        this.fetchData();\r\n    },\r\n    methods: {\r\n        handleRoute(route){\r\n            this.$router.push(\"/technical-service/\"+route);\r\n        },\r\n        fetchData() {\r\n            ApiService.post('/calendar-data') \r\n            .then((resp) => {\r\n                this.attributes = resp.data;\r\n                this.attributes.forEach((item)=> {\r\n                    this.appointments.push(item.customData);\r\n                })\r\n            })\r\n            .catch((error) => {\r\n                console.log(error);\r\n            })\r\n        },\r\n        handleBack() {\r\n            this.$router.back();\r\n        },\r\n        handleClose() {\r\n            this.dialogSchedule = false;\r\n        },\r\n        onDayClick(day) {\r\n            this.dateProps = day.date;\r\n            this.appointments = [];\r\n            this.selectedDate = moment(day.date).format('MM/DD/YYYY');\r\n            if(day.attributes.length > 0){\r\n                day.attributes.forEach((item)=> {\r\n                    this.appointments.push(item.customData);\r\n                })\r\n            }\r\n        },\r\n    },\r\n    computed: {\r\n        ...mapGetters(['currentUser'])\r\n    }\r\n\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.appointment-date{\r\n    background: #99cc00;\r\n    width: 60px;\r\n    color: #fff;\r\n    text-align: center;\r\n    padding: 0 10px;\r\n}\r\n.card-custom{\r\n    border-bottom: 1px solid #dadada;\r\n}\r\n.day-style {\r\n    font-size: 1.2rem;\r\n    font-weight: 500;\r\n    margin:0;\r\n}\r\n.date-wrapper{\r\n    display:flex; \r\n    align-items: center;\r\n    color:#99cc00 !important;\r\n    margin-bottom: 10px;\r\n    i{\r\n        font-size:1.2rem;\r\n    }\r\n}\r\n.event-lists{\r\n    list-style: none;\r\n    padding:0;\r\n}\r\n.label-list{\r\n    list-style: none;\r\n    padding:0;\r\n    margin:0;\r\n    display:flex;\r\n    margin-bottom: 20px;\r\n    li{\r\n        margin-right: 20px;\r\n        font-size:0.9rem;\r\n    }\r\n}\r\n.event-title{\r\n    padding: 12px;\r\n    // color: #fff;\r\n    // background:#75ab26;\r\n}\r\nul.event-lists {\r\n    padding-top: 15px;\r\n    li{\r\n        font-size: 0.9rem;\r\n        font-weight: 400;\r\n        padding: 4px 0;\r\n    }\r\n}\r\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!./TechnicalCalendarPage.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!./TechnicalCalendarPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TechnicalCalendarPage.vue?vue&type=template&id=57942b7f&scoped=true&\"\nimport script from \"./TechnicalCalendarPage.vue?vue&type=script&lang=js&\"\nexport * from \"./TechnicalCalendarPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TechnicalCalendarPage.vue?vue&type=style&index=0&id=57942b7f&lang=scss&scoped=true&\"\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  \"57942b7f\",\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 { VCard } from 'vuetify/lib/components/VCard';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCol,VContainer,VIcon,VRow})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TopnavbarBackCustom.vue?vue&type=style&index=0&id=f22ed85a&lang=scss&scoped=true&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TechnicalCalendarPage.vue?vue&type=style&index=0&id=57942b7f&lang=scss&scoped=true&\""],"sourceRoot":""}