{"version":3,"sources":["webpack:///../../../src/components/VToolbar/index.ts","webpack:///./src/views/dashboard/DashboardCustomerPage.vue?b1ba","webpack:///../../../src/components/VToolbar/VToolbar.ts","webpack:///./src/views/dashboard/DashboardCustomerPage.vue?a9d9","webpack:///src/views/dashboard/DashboardCustomerPage.vue","webpack:///./src/views/dashboard/DashboardCustomerPage.vue?c063","webpack:///./src/views/dashboard/DashboardCustomerPage.vue","webpack:///../../../src/components/VCard/VCard.ts","webpack:///./src/components/layout/Topnavbar.vue?de20","webpack:///./src/components/layout/Topnavbar.vue?10cc","webpack:///src/components/layout/Topnavbar.vue","webpack:///./src/components/layout/Topnavbar.vue?b8e0","webpack:///./src/components/layout/Topnavbar.vue"],"names":["VToolbarTitle","VToolbarItems","name","props","absolute","bottom","collapse","dense","extended","extensionHeight","default","type","Number","String","flat","floating","prominent","short","src","tag","data","isExtended","computed","computedHeight","height","this","parseInt","isCollapsed","isNaN","computedContentHeight","isProminent","$vuetify","breakpoint","classes","styles","created","breakingProps","original","replacement","methods","genBackground","image","$scopedSlots","img","$createElement","staticClass","genContent","style","genExtension","render","children","setBackgroundColor","class","on","$listeners","h","_vm","_h","_c","_self","_l","item","index","key","attrs","$event","handleRoute","route","currentItem","_v","_s","icon","service","n","handleRouter","formatDateTime","staticRenderFns","component","VCard","VCol","VContainer","VIcon","VImg","VRow","hover","link","loaderHeight","raised","Boolean","genProgress","$slots","staticStyle","currentUser","profile_pic","viewProfile","base_url","iconAccount","fname","scopedSlots","_u","fn","ref","_g","_b","handleAction","action","title","VAvatar","VBtn","VList","VListItem","VListItemTitle","VMenu","VSpacer","VToolbar"],"mappings":"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","file":"js/dashboardCustomerPage.b2d67809.js","sourcesContent":["// Components\nimport VToolbar from './VToolbar'\n\n// Utilities\nimport { createSimpleFunctional } from '../../util/helpers'\n\nconst VToolbarTitle = createSimpleFunctional('v-toolbar__title')\nconst VToolbarItems = createSimpleFunctional('v-toolbar__items')\n\nexport {\n  VToolbar,\n  VToolbarItems,\n  VToolbarTitle,\n}\n\nexport default {\n  $_vuetify_subcomponents: {\n    VToolbar,\n    VToolbarItems,\n    VToolbarTitle,\n  },\n}\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!./DashboardCustomerPage.vue?vue&type=style&index=0&id=4d7dc687&lang=scss&scoped=true&\"","// Styles\nimport './VToolbar.sass'\n\n// Extensions\nimport VSheet from '../VSheet/VSheet'\n\n// Components\nimport VImg, { srcObject } from '../VImg/VImg'\n\n// Utilities\nimport { convertToUnit, getSlot } from '../../util/helpers'\nimport { breaking } from '../../util/console'\n\n// Types\nimport { VNode, PropType } from 'vue'\n\n/* @vue/component */\nexport default VSheet.extend({\n  name: 'v-toolbar',\n\n  props: {\n    absolute: Boolean,\n    bottom: Boolean,\n    collapse: Boolean,\n    dense: Boolean,\n    extended: Boolean,\n    extensionHeight: {\n      default: 48,\n      type: [Number, String],\n    },\n    flat: Boolean,\n    floating: Boolean,\n    prominent: Boolean,\n    short: Boolean,\n    src: {\n      type: [String, Object] as PropType<string | srcObject>,\n      default: '',\n    },\n    tag: {\n      type: String,\n      default: 'header',\n    },\n  },\n\n  data: () => ({\n    isExtended: false,\n  }),\n\n  computed: {\n    computedHeight (): number {\n      const height = this.computedContentHeight\n\n      if (!this.isExtended) return height\n\n      const extensionHeight = parseInt(this.extensionHeight)\n\n      return this.isCollapsed\n        ? height\n        : height + (!isNaN(extensionHeight) ? extensionHeight : 0)\n    },\n    computedContentHeight (): number {\n      if (this.height) return parseInt(this.height)\n      if (this.isProminent && this.dense) return 96\n      if (this.isProminent && this.short) return 112\n      if (this.isProminent) return 128\n      if (this.dense) return 48\n      if (this.short || this.$vuetify.breakpoint.smAndDown) return 56\n      return 64\n    },\n    classes (): object {\n      return {\n        ...VSheet.options.computed.classes.call(this),\n        'v-toolbar': true,\n        'v-toolbar--absolute': this.absolute,\n        'v-toolbar--bottom': this.bottom,\n        'v-toolbar--collapse': this.collapse,\n        'v-toolbar--collapsed': this.isCollapsed,\n        'v-toolbar--dense': this.dense,\n        'v-toolbar--extended': this.isExtended,\n        'v-toolbar--flat': this.flat,\n        'v-toolbar--floating': this.floating,\n        'v-toolbar--prominent': this.isProminent,\n      }\n    },\n    isCollapsed (): boolean {\n      return this.collapse\n    },\n    isProminent (): boolean {\n      return this.prominent\n    },\n    styles (): object {\n      return {\n        ...this.measurableStyles,\n        height: convertToUnit(this.computedHeight),\n      }\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['app', '<v-app-bar app>'],\n      ['manual-scroll', '<v-app-bar :value=\"false\">'],\n      ['clipped-left', '<v-app-bar clipped-left>'],\n      ['clipped-right', '<v-app-bar clipped-right>'],\n      ['inverted-scroll', '<v-app-bar inverted-scroll>'],\n      ['scroll-off-screen', '<v-app-bar scroll-off-screen>'],\n      ['scroll-target', '<v-app-bar scroll-target>'],\n      ['scroll-threshold', '<v-app-bar scroll-threshold>'],\n      ['card', '<v-app-bar flat>'],\n    ]\n\n    /* istanbul ignore next */\n    breakingProps.forEach(([original, replacement]) => {\n      if (this.$attrs.hasOwnProperty(original)) breaking(original, replacement, this)\n    })\n  },\n\n  methods: {\n    genBackground () {\n      const props = {\n        height: convertToUnit(this.computedHeight),\n        src: this.src,\n      }\n\n      const image = this.$scopedSlots.img\n        ? this.$scopedSlots.img({ props })\n        : this.$createElement(VImg, { props })\n\n      return this.$createElement('div', {\n        staticClass: 'v-toolbar__image',\n      }, [image])\n    },\n    genContent () {\n      return this.$createElement('div', {\n        staticClass: 'v-toolbar__content',\n        style: {\n          height: convertToUnit(this.computedContentHeight),\n        },\n      }, getSlot(this))\n    },\n    genExtension () {\n      return this.$createElement('div', {\n        staticClass: 'v-toolbar__extension',\n        style: {\n          height: convertToUnit(this.extensionHeight),\n        },\n      }, getSlot(this, 'extension'))\n    },\n  },\n\n  render (h): VNode {\n    this.isExtended = this.extended || !!this.$scopedSlots.extension\n\n    const children = [this.genContent()]\n    const data = this.setBackgroundColor(this.color, {\n      class: this.classes,\n      style: this.styles,\n      on: this.$listeners,\n    })\n\n    if (this.isExtended) children.push(this.genExtension())\n    if (this.src || this.$scopedSlots.img) children.unshift(this.genBackground())\n\n    return h(this.tag, data, children)\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-dashboard\"},[_c('Topnavbar'),_c('v-container',{staticClass:\"mb80\"},[_c('div',{staticClass:\"pb-9\"},[_c('v-row',_vm._l((_vm.dashboardItems),function(item,index){return _c('v-col',{key:index,attrs:{\"cols\":\"6\",\"sm\":\"4\",\"md\":\"3\"},on:{\"click\":function($event){return _vm.handleRoute(item.route)}}},[_c('v-card',{staticClass:\"dashboard-items\",class:[index == _vm.currentItem ? 'active-item':'']},[_c('div',{staticClass:\"icon-wrapper\"},[_c('v-icon',{attrs:{\"color\":\"secondary\"}},[_vm._v(_vm._s(item.icon))])],1),_c('p',{staticClass:\"text-item\"},[_vm._v(_vm._s(item.name))])])],1)}),1),_c('div',{staticClass:\"wrapper\"},_vm._l((_vm.dashboardCustomer1),function(service,index){return _c('div',{key:index,staticClass:\"item-container\",on:{\"click\":function($event){return _vm.handleRoute(service.route)}}},[_c('div',{staticClass:\"icon-wrapper\"},[_c('v-icon',[_vm._v(\"mdi-account\")])],1),_c('div',{staticClass:\"text-wrapper w-100\"},[_c('p',{staticClass:\"pa-0 ma-0 text-heading\"},[_vm._v(_vm._s(service.name))]),_c('p',{staticClass:\"pa-0 ma-0 text-sub-heading\"},[_vm._v(\"Tagline here\")])])])}),0),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('h3',[_vm._v(\"Upcoming Schedules\")])]),_vm._l((5),function(n,index){return _c('v-col',{key:index,attrs:{\"cols\":\"12\"}},[_c('v-card',{staticClass:\"border-radius-10 custom-bs\",on:{\"click\":function($event){return _vm.handleRouter(n)}}},[_c('div',{staticClass:\"pa-2 d-flex align-center\"},[_c('v-img',{staticClass:\"border-radius-10\",attrs:{\"lazy-src\":\"https://picsum.photos/id/11/10/6\",\"src\":\"https://cdn.vuetifyjs.com/images/john.jpg\",\"alt\":\"John\",\"min-height\":\"80\",\"max-height\":\"80\",\"max-width\":\"80\"}}),_c('div',{staticClass:\"ml-4\"},[_c('div',{},[_c('h4',[_vm._v(\"Schedule 1\")]),_c('p',{staticClass:\"f9-bold ma-0\"},[_c('v-icon',[_vm._v(\"mdi-date\")]),_vm._v(_vm._s(_vm.formatDateTime()))],1)]),_c('p',{staticClass:\"f8 mb-0\"},[_c('v-icon',[_vm._v(\"mdi-map-marker\")]),_vm._v(\" 80 kane st, west hardford\")],1)])],1)])],1)})],2)],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"page-dashboard\"> \r\n        <Topnavbar />\r\n        <v-container class=\"mb80\">\r\n            <!-- <Carousel :items=\"sliders\"/> -->\r\n            <div class=\"pb-9\">\r\n                <v-row>\r\n                    <v-col cols=\"6\" sm=\"4\" md=\"3\" v-for=\"(item,index) in dashboardItems\" :key=\"index\" @click=\"handleRoute(item.route)\">\r\n                        <v-card class=\"dashboard-items\" :class=\"[index == currentItem ? 'active-item':'']\">\r\n                            <div class=\"icon-wrapper\">\r\n                                <v-icon color=\"secondary\">{{ item.icon }}</v-icon>\r\n                            </div>\r\n                             <p class=\"text-item\">{{ item.name }}</p>\r\n                        </v-card>\r\n                    </v-col>\r\n                </v-row>\r\n                <div class=\"wrapper\">\r\n                    <div class=\"item-container\" v-for=\"(service, index) in dashboardCustomer1\" :key=\"index\" @click=\"handleRoute(service.route)\">\r\n                        <div class=\"icon-wrapper\">\r\n                            <v-icon>mdi-account</v-icon>\r\n                        </div>\r\n                        <div class=\"text-wrapper w-100\">\r\n                            <p class=\"pa-0 ma-0 text-heading\">{{ service.name }}</p>\r\n                            <p class=\"pa-0 ma-0 text-sub-heading\">Tagline here</p>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <v-row>\r\n                    <v-col cols=\"12\">\r\n                       <h3>Upcoming Schedules</h3> \r\n                    </v-col>\r\n                    <v-col cols=\"12\" v-for=\"(n, index) in 5\" :key=\"index\">\r\n                        <v-card class=\"border-radius-10 custom-bs\" @click=\"handleRouter(n)\">\r\n                            <div class=\"pa-2 d-flex align-center\">\r\n                                <v-img\r\n                                    lazy-src=\"https://picsum.photos/id/11/10/6\"\r\n                                    src=\"https://cdn.vuetifyjs.com/images/john.jpg\"\r\n                                    alt=\"John\"\r\n                                    class=\"border-radius-10\"\r\n                                    min-height=\"80\"\r\n                                    max-height=\"80\"\r\n                                    max-width=\"80\"\r\n                                ></v-img>\r\n                                <div class=\"ml-4\">\r\n                                    <div class>\r\n                                        <h4>Schedule 1</h4>\r\n                                       <p class=\"f9-bold ma-0\"><v-icon>mdi-date</v-icon>{{ formatDateTime()}}</p>\r\n                                    </div>\r\n                                    <p class=\"f8 mb-0\"><v-icon>mdi-map-marker</v-icon> 80 kane st, west hardford</p>\r\n                                </div>\r\n                            </div>\r\n                        </v-card>\r\n                    </v-col>\r\n                </v-row>\r\n             \r\n          </div>\r\n        </v-container>\r\n       \r\n    </div>\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport Topnavbar from '@/components/layout/Topnavbar'\r\nimport { ApiService } from '@/core/services/api.service'\r\nimport JwtService from '@/core/services/jwt.service'\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            currentItem:0,\r\n            countMessages:0,\r\n            dashboardItems: [],\r\n            dashboardCustomer : [\r\n                {name:'Calendar',icon:'mdi-calendar',component:'pest-control',route:'customer-calendar'},\r\n                {name:'My Services',icon:'mdi-account',component:'pest-control',route:'customer-services'},\r\n                // {name:'Pest Control',icon:'mdi-spider',component:'pest-control',route:'pest-control'},\r\n                // {name:'Inspections',icon:'mdi-clipboard-text-multiple',component:'inspection',route:'inspection'},\r\n                // {name:'Services',icon:'mdi-notebook-check',component:'services',route:'services'},\r\n                // {name:'Card on File',icon:'mdi-clipboard-text-multiple',component:'card-on-file',route:'card-on-file'},\r\n            ],\r\n            dashboardCustomer1 : [\r\n                // {name:'Calendar',icon:'mdi-calendar',component:'pest-control',route:'pest-control'},\r\n                // {name:'My Services',icon:'mdi-account',component:'pest-control',route:'pest-control'},\r\n                {name:'Pest Control',icon:'mdi-spider',component:'pest-control',route:'pest-control'},\r\n                {name:'Inspections',icon:'mdi-clipboard-text-multiple',component:'inspection',route:'inspection'},\r\n                // {name:'Services',icon:'mdi-notebook-check',component:'services',route:'services'},\r\n                // {name:'Card on File',icon:'mdi-clipboard-text-multiple',component:'card-on-file',route:'card-on-file'},\r\n            ],\r\n            bottomItems:[\r\n                {id:2, name:'Dashboard',route:'dashboard-customer',icon:'mdi-view-dashboard'},\r\n                {id:3, name:'Pest Control',route:'pest-control', icon:'mdi-calendar'},\r\n                {id:4, name:'Inspection',route:'inspection', icon:'mdi-account'},\r\n            ],\r\n            sliders: [\r\n                {\r\n                    src: 'https://cdn.vuetifyjs.com/images/carousel/squirrel.jpg',\r\n                    route:'pest-identify'\r\n                },\r\n                {\r\n                    src: 'https://cdn.vuetifyjs.com/images/carousel/sky.jpg',\r\n                    route:'pest-home-remedy'\r\n                },\r\n                {\r\n                    src: 'https://cdn.vuetifyjs.com/images/carousel/bird.jpg',\r\n                    route:'pest-schedule-service'\r\n                }\r\n            ],\r\n            dashboardAdministrative: [\r\n                {name:\"Profile\",icon:'mdi-account',component:'profile-technician',route:'admin-profile'},\r\n                {name:'Calendar',icon:'mdi-calendar-clock',route:'admin-calendar'},\r\n                {name:'Services',icon:'mdi-calendar-clock',route:'admin-service'},\r\n                {name:'Templates',icon:'mdi-calendar-clock',route:'admin-template'},\r\n                {name:'Search Engine Articles',icon:'mdi-calendar-clock',route:'admin-article'},\r\n                {name:'Customer Profiles',icon:'mdi-calendar-clock',route:'admin-customer-profile'},\r\n                {name:'Technician Profiles',icon:'mdi-calendar-clock',route:'admin-technician-profile'},\r\n                {name:'Record Payments',icon:'mdi-calendar-clock',route:'admin-payment-record'},\r\n                {name:'Requests',icon:'mdi-calendar-clock',route:'admin-request'},\r\n                {name:'Completed Scheduling',icon:'mdi-calendar-clock',route:'admin-completed-scheduling'}\r\n            ],\r\n            dashboardTechnical: [\r\n                {name:\"Profile\",icon:'mdi-account',component:'profile-technician',route:'technical-profile'},\r\n                {name:\"Services\",icon:'mdi-water-check',component:'home-remedy',route:'technical-service'},\r\n                {name:\"Assigned\",icon:'mdi-water-check',component:'home-remedy',route:'technical-assigned-service'},\r\n                {name:'Templates',icon:'mdi-calendar-clock',component:'schedule-service',route:'technical-template'},\r\n                {name:'Calendar',icon:'mdi-calendar-clock',component:'schedule-service',route:'technical-calendar'}\r\n            ],\r\n        }\r\n    },\r\n    components: {\r\n        Topnavbar,\r\n        // Carousel,\r\n        // Bottomnavbar\r\n    },\r\n    mounted() {\r\n        // this.messageCount();\r\n        this.setDashboardItem(JwtService.getToken());\r\n        // console.log(JwtService.getToken());\r\n    },\r\n    methods: {\r\n        setDashboardItem(token){\r\n            switch(token) {\r\n                case 'customer':\r\n                    this.dashboardItems = this.dashboardCustomer;\r\n                    break;\r\n                case 'admin':\r\n                    this.dashboardItems = this.dashboardAdministrative;\r\n                    break;\r\n                case 'technical':\r\n                    this.dashboardItems = this.dashboardTechnical;\r\n                    break;\r\n                default:\r\n                    // this.messageError('Sth wrong');\r\n                    break;\r\n            }\r\n            // console.log(JwtSe)\r\n        },\r\n        handleRoute(route){\r\n            this.$router.push(\"/\"+route);\r\n        },\r\n        handleRouter(route){\r\n            this.$router.push(\"/customer-service/\"+route);\r\n        },\r\n        messageCount() {\r\n            this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            ApiService.get('/messages/count/'+this.currentUser.vendor.id)\r\n            .then((response) => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.countMessages = response.total;\r\n            })\r\n            .catch(() => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\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    $color-primary: #01a6bc;\r\n    $color-secondary: #01a6bc;\r\n    .active-item{\r\n            // background:#cce3ff !important;\r\n    }\r\n    // .custom-bs{\r\n    //     -webkit-box-shadow: 0px 0px 34px 1px rgba(222,222,222,1) !important;\r\n    //     -moz-box-shadow: 0px 0px 34px 1px rgba(222,222,222,1) !important;\r\n    //     box-shadow: 0px 0px 34px 1px rgba(222,222,222,1) !important;\r\n    // }\r\n    .dashboard-items{\r\n        border-radius: 10px;\r\n        text-align: center;\r\n        display: flex;\r\n        align-items: center;\r\n        flex-direction: column;\r\n        padding: 12px;\r\n        -webkit-box-shadow: 0px 0px 34px 1px rgba(222,222,222,1) !important;\r\n        -moz-box-shadow: 0px 0px 34px 1px rgba(222,222,222,1) !important;\r\n        box-shadow: 0px 0px 34px 1px rgba(222,222,222,1) !important;\r\n        \r\n        .icon-wrapper{\r\n            color:#dadada;\r\n            i{\r\n                font-size:2rem;\r\n            }\r\n        }\r\n        .text-item{\r\n            font-size:0.8rem;\r\n            font-weight: 600;\r\n        }\r\n    }\r\n    .item-container {\r\n        display: flex;\r\n        align-items: center;\r\n        margin: 24px 0;\r\n        padding: 14px 16px;\r\n        border-radius: 10px;\r\n        background: #a0cbff91;\r\n        // border: 1px solid #a0cbff91;\r\n        .icon-wrapper {\r\n            padding: 10px;\r\n            // background: #19477e26;\r\n            background: #19477ede;\r\n            border-radius: 9px;\r\n            i {\r\n            color: #fff;\r\n            }\r\n        }\r\n        .text-wrapper {\r\n            padding: 0 12px;\r\n            .text-heading {\r\n                padding: 0 12px;\r\n                font-weight: 600;\r\n                font-size: 1.2rem;\r\n                color: #000;\r\n            }\r\n            .text-sub-heading {\r\n                font-size: 0.8rem;\r\n            }\r\n        }\r\n        // .page-dashboard{\r\n        //     .section-header{\r\n        //         background: #4caf50;\r\n        //         padding: 6px;\r\n        //         height: 48px;\r\n        //         color: #fff;\r\n        //     }\r\n        //     .item-wrapper{\r\n        //         padding: 10px;\r\n        //         text-align: center;\r\n        //         min-height: 100px;\r\n        //         display: flex;\r\n        //         align-items: center;\r\n        //         flex-direction: column;\r\n        //         justify-content: space-between;\r\n        //         border-radius: 0;\r\n        //         i{\r\n        //             font-size: 3.1rem;\r\n        //             color: #01a6bc;\r\n        //         }\r\n        //         p{\r\n        //             margin: 0;\r\n        //             padding: 0;\r\n        //             text-align: center;\r\n        //             font-weight: 500;\r\n        //             color: #5a5a5a;\r\n        //             text-transform: capitalize;\r\n        //             font-size: 0.8rem;\r\n        //             letter-spacing: 0.7px;\r\n        //         }\r\n        //     }\r\n        // }\r\n    }\r\n    // .footer-copyright{\r\n    //     position: fixed;\r\n    //     bottom: 0;\r\n    //     text-align: center;\r\n    //     background: #ff5252;\r\n    //     width: 100%;\r\n    //     color: #fff;\r\n    //     font-weight: 400;\r\n    //     padding: 10px;\r\n    //     p{\r\n    //         margin: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!./DashboardCustomerPage.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!./DashboardCustomerPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DashboardCustomerPage.vue?vue&type=template&id=4d7dc687&scoped=true&\"\nimport script from \"./DashboardCustomerPage.vue?vue&type=script&lang=js&\"\nexport * from \"./DashboardCustomerPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DashboardCustomerPage.vue?vue&type=style&index=0&id=4d7dc687&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  \"4d7dc687\",\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 { VImg } from 'vuetify/lib/components/VImg';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCard,VCol,VContainer,VIcon,VImg,VRow})\n","// Styles\nimport './VCard.sass'\n\n// Extensions\nimport VSheet from '../VSheet'\n\n// Mixins\nimport Loadable from '../../mixins/loadable'\nimport Routable from '../../mixins/routable'\n\n// Helpers\nimport mixins from '../../util/mixins'\n\n// Types\nimport { VNode } from 'vue'\n\n/* @vue/component */\nexport default mixins(\n  Loadable,\n  Routable,\n  VSheet\n).extend({\n  name: 'v-card',\n\n  props: {\n    flat: Boolean,\n    hover: Boolean,\n    img: String,\n    link: Boolean,\n    loaderHeight: {\n      type: [Number, String],\n      default: 4,\n    },\n    raised: Boolean,\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        'v-card': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-card--flat': this.flat,\n        'v-card--hover': this.hover,\n        'v-card--link': this.isClickable,\n        'v-card--loading': this.loading,\n        'v-card--disabled': this.disabled,\n        'v-card--raised': this.raised,\n        ...VSheet.options.computed.classes.call(this),\n      }\n    },\n    styles (): object {\n      const style: Dictionary<string> = {\n        ...VSheet.options.computed.styles.call(this),\n      }\n\n      if (this.img) {\n        style.background = `url(\"${this.img}\") center center / cover no-repeat`\n      }\n\n      return style\n    },\n  },\n\n  methods: {\n    genProgress () {\n      const render = Loadable.options.methods.genProgress.call(this)\n\n      if (!render) return null\n\n      return this.$createElement('div', {\n        staticClass: 'v-card__progress',\n        key: 'progress',\n      }, [render])\n    },\n  },\n\n  render (h): VNode {\n    const { tag, data } = this.generateRouteLink()\n\n    data.style = this.styles\n\n    if (this.isClickable) {\n      data.attrs = data.attrs || {}\n      data.attrs.tabindex = 0\n    }\n\n    return h(tag, this.setBackgroundColor(this.color, data), [\n      this.genProgress(),\n      this.$slots.default,\n    ])\n  },\n})\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!./Topnavbar.vue?vue&type=style&index=0&id=526a5bcd&lang=scss&scoped=true&\"","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\":\"1\"},attrs:{\"color\":\"primary\"}},[(_vm.currentUser && _vm.currentUser.profile_pic)?_c('v-avatar',{attrs:{\"size\":\"32\"},on:{\"click\":_vm.viewProfile}},[_c('img',{attrs:{\"src\":_vm.currentUser.profile_pic? _vm.base_url+'/f/'+_vm.currentUser.profile_pic: _vm.base_url+'/f/usericon.png',\"alt\":\"Profile Pic\"}})]):_c('v-avatar',{attrs:{\"size\":\"32\"}},[_c('v-icon',{attrs:{\"dark\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.iconAccount)+\" \")])],1),_c('v-toolbar-title',{staticClass:\"text-capitalize\",staticStyle:{\"font-size\":\"0.9rem\",\"font-weight\":\"500\",\"margin-left\":\"10px\",\"color\":\"#fff\"}},[_vm._v(\"Hi, \"+_vm._s(_vm.currentUser.fname))]),_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: 1;\">\r\n            <v-avatar size=\"32\" @click=\"viewProfile\" v-if=\"currentUser && currentUser.profile_pic\">\r\n                <img\r\n                 :src=\"currentUser.profile_pic? base_url+'/f/'+currentUser.profile_pic: base_url+'/f/usericon.png'\"\r\n                alt=\"Profile Pic\"\r\n                >\r\n                </v-avatar>\r\n            <v-avatar v-else size=\"32\">\r\n                <v-icon dark>\r\n                   {{iconAccount}}\r\n                </v-icon>\r\n            </v-avatar>\r\n            <v-toolbar-title class=\"text-capitalize\" style=\"font-size: 0.9rem;font-weight: 500; margin-left:10px; color:#fff;\">Hi, {{ currentUser.fname }}</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\nimport { base_url } from '@/core/services/config'\r\nexport default {\r\n    data() {\r\n        return {\r\n            title:'ProfilePage',\r\n            base_url,\r\n            iconAccount: mdiAccountCircle,\r\n            iconLogout: mdiLogout,\r\n            usericon:'https://avatar-management--avatars.us-west-2.prod.public.atl-paas.net/default-avatar.png',\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        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('/');\r\n            })\r\n            .catch(() => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.$store.commit(PURGE_AUTH);\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.$router.push('/');\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$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!./Topnavbar.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!./Topnavbar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Topnavbar.vue?vue&type=template&id=526a5bcd&scoped=true&\"\nimport script from \"./Topnavbar.vue?vue&type=script&lang=js&\"\nexport * from \"./Topnavbar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Topnavbar.vue?vue&type=style&index=0&id=526a5bcd&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  \"526a5bcd\",\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 { VAvatar } from 'vuetify/lib/components/VAvatar';\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, {VAvatar,VBtn,VIcon,VList,VListItem,VListItemTitle,VMenu,VSpacer,VToolbar,VToolbarTitle})\n"],"sourceRoot":""}