{"version":3,"sources":["webpack:///./src/components/layout/ComponentBanner.vue?c986","webpack:///src/components/layout/ComponentBanner.vue","webpack:///./src/components/layout/ComponentBanner.vue?31ed","webpack:///./src/components/layout/ComponentBanner.vue","webpack:///./src/components/layout/ComponentBanner.vue?da15","webpack:///./src/views/pest_control/PestControlPage.vue?b1bc","webpack:///src/views/pest_control/PestControlPage.vue","webpack:///./src/views/pest_control/PestControlPage.vue?7527","webpack:///./src/views/pest_control/PestControlPage.vue","webpack:///./src/views/pest_control/PestControlPage.vue?22ce"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","image","staticRenderFns","component","VImg","_v","sectionData","staticStyle","base_url","_e","_l","service","index","key","on","$event","handleRouter","_s","icon","name","VCol","VContainer","VIcon","VRow"],"mappings":"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","file":"js/PestControlPage.b8aaef1b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-img',{staticClass:\"border-radius-4\",attrs:{\"lazy-src\":\"https://picsum.photos/id/11/10/6\",\"height\":\"200\",\"src\":_vm.image}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n          <v-img\r\n          class=\"border-radius-4\"\r\n          lazy-src=\"https://picsum.photos/id/11/10/6\"\r\n          height=\"200\"\r\n          :src=\"image\"\r\n          ></v-img> \r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    props:['image']\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n  .banner {\r\n    background: #dadada;\r\n    border-radius: 10px;\r\n    height: 200px;\r\n    .banner-content {\r\n        height: 100%;\r\n        padding: 18px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        justify-content: space-between;\r\n        .tagline {\r\n        color: #fff;\r\n        }\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!./ComponentBanner.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!./ComponentBanner.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ComponentBanner.vue?vue&type=template&id=4f6e56c5&scoped=true&\"\nimport script from \"./ComponentBanner.vue?vue&type=script&lang=js&\"\nexport * from \"./ComponentBanner.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ComponentBanner.vue?vue&type=style&index=0&id=4f6e56c5&scoped=true&lang=scss&\"\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  \"4f6e56c5\",\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 { VImg } from 'vuetify/lib/components/VImg';\ninstallComponents(component, {VImg})\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!./ComponentBanner.vue?vue&type=style&index=0&id=4f6e56c5&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',{staticClass:\"h-100 bg-bug\",attrs:{\"fluid\":true}},[_c('div',[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"10\",\"offset-md\":\"1\",\"lg\":\"8\",\"offset-lg\":\"2\",\"xl\":\"6\",\"offset-xl\":\"3\"}},[_c('h3',{staticClass:\"mb-3\"},[_vm._v(\"Pest Control\")]),(_vm.sectionData.image)?_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('BannerImage',{attrs:{\"image\":_vm.base_url+'/f/'+_vm.sectionData.image}})],1):_vm._e(),_c('v-row',{staticClass:\"mt-6\"},_vm._l((_vm.dashboardItems),function(service,index){return _c('v-col',{key:index,staticClass:\"item-container custom-bs\",attrs:{\"cols\":\"6\",\"sm\":\"4\",\"md\":\"3\"},on:{\"click\":function($event){return _vm.handleRouter(service)}}},[_c('div',{staticClass:\"icon-wrapper\"},[_c('v-icon',{attrs:{\"color\":\"primary\",\"large\":\"\"}},[_vm._v(_vm._s(service.icon))])],1),_c('div',{staticClass:\"text-wrapper w-100 text-center\"},[_c('p',{staticClass:\"pa-0 ma-0 text-heading text-center f9-bold\"},[_vm._v(_vm._s(service.name))])])])}),1)],1)],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <v-container :fluid=\"true\" class=\"h-100 bg-bug\">\r\n        <div>\r\n            <v-container>  \r\n                <v-row>\r\n                    <v-col cols=\"12\" md=\"10\" offset-md=\"1\" lg=\"8\" offset-lg=\"2\" xl=\"6\" offset-xl=\"3\">   \r\n                        <h3 class=\"mb-3\">Pest Control</h3>     \r\n                        <div v-if=\"sectionData.image\" style=\"width:100%\">\r\n                            <BannerImage :image=\"base_url+'/f/'+sectionData.image\"/>\r\n                        </div>\r\n                        <v-row class=\"mt-6\">\r\n                            <v-col cols=\"6\" sm=\"4\" md=\"3\"  class=\"item-container custom-bs\" \r\n                                v-for=\"(service, index) in dashboardItems\" \r\n                                :key=\"index\"\r\n                                @click=\"handleRouter(service)\"\r\n                                >\r\n                                <div class=\"icon-wrapper\">\r\n                                    <v-icon color=\"primary\" large>{{service.icon}}</v-icon>\r\n                                </div>\r\n                                <div class=\"text-wrapper w-100 text-center\">\r\n                                    <p class=\"pa-0 ma-0 text-heading text-center f9-bold\">{{ service.name }}</p>\r\n                                </div>\r\n                            </v-col>\r\n                        </v-row>\r\n                    </v-col>\r\n                </v-row>\r\n            </v-container>\r\n            <!-- <div class=\"wrapper\">\r\n                <div class=\"item-container\" v-for=\"(service, index) in dashboardItems\" :key=\"index\" \r\n                    @click=\"handleRouter(service)\">\r\n                    <div class=\"icon-wrapper\">\r\n                        <v-icon>{{service.icon}}</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                    </div>\r\n                    <div>\r\n                        <v-icon>mdi-chevron-right</v-icon>\r\n                    </div>\r\n                </div>\r\n            </div> -->\r\n        </div>\r\n    </v-container>\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\n// import Topnavbar from '@/components/layout/Topnavbar'\r\nimport BannerImage from '@/components/layout/ComponentBanner'\r\n// import Bottomnavbar from '@/components/layout/Bottomnavbar'\r\nimport { ApiService } from '@/core/services/api.service'\r\nimport { base_url } from '@/core/services/config'\r\nexport default {\r\n    data() {\r\n        return {\r\n            loggedIn:false,\r\n            base_url,\r\n            indexValue:1,\r\n            countMessages:0,\r\n            dashboardItems: [\r\n                {name:'Identify Pest',icon:'mdi-camera',component:'pest-identify',route:'pestIdentifyPage'},\r\n                {name:'Home Remedy',icon:'mdi-water-check',component:'home-remedy',route:'pestHomeRemedy'},\r\n                {name:'Service Schedule',icon:'mdi-calendar-clock',component:'schedule-service',route:'scheduleServicePage'}\r\n            ],\r\n            items: [\r\n                {id:2, name:'Dashboard',route:'dashboard',icon:'mdi-view-dashboard'},\r\n                {id:3, name:'Pest Control',route:'pest-control', icon:'mdi-spider'},\r\n                {id:4, name:'Inspection',route:'inspection', icon:'mdi-clipboard-text-multiple'},\r\n                {id:5, name:'Profile',route:'profile', icon:'mdi-account'},\r\n            ],\r\n            sectionData:{\r\n                image:'',\r\n            }\r\n        }\r\n    },\r\n    components: {\r\n        // Topnavbar,\r\n        // Bottomnavbar,\r\n        BannerImage\r\n    },\r\n    mounted() {\r\n        this.loggedIn = localStorage.getItem('login');\r\n        this.fetchSectionData();\r\n    },\r\n    methods: {\r\n        fetchSectionData() {\r\n            this.$bus.$emit('SHOW_PAGE_LOADER')\r\n            ApiService.post('/lookup-section-data',{code:'pest_control'})\r\n            .then((resp) => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.sectionData = resp.data;\r\n                this.sectionData.image = resp.image;\r\n            })\r\n            .catch((error) => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                console.log(error);\r\n            })\r\n        },\r\n        handleBack() {\r\n            this.$router.push('/dashboard');\r\n        },\r\n        handleRouter(route) {\r\n            console.log({route});\r\n            this.$router.push({ name : route.route});\r\n        },\r\n        // handleRoute(route){\r\n        //     this.$router.push(\"/\"+route.route);\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    .banner {\r\n    background: #dadada;\r\n    border-radius: 4px;\r\n    height: 200px;\r\n        .banner-content {\r\n            height: 100%;\r\n            padding: 18px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: flex-start;\r\n            justify-content: space-between;\r\n            .tagline {\r\n            color: #fff;\r\n            }\r\n        }\r\n    }\r\n    .item-container {\r\n        // display: flex;\r\n        // align-items: center;\r\n        margin: 24px;\r\n        padding: 20px 10px;\r\n        border-radius: 4px;\r\n        // background: #a0cbff91;\r\n    .icon-wrapper {\r\n        padding: 14px;\r\n        // background: #19477ede;\r\n        border-radius: 4px;\r\n        text-align: center;\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        color: #000;\r\n        font-weight: 400;\r\n        margin-bottom: 4px !important;\r\n        }\r\n        .text-sub-heading {\r\n        font-size: 0.8rem;\r\n        }\r\n    }\r\n    .footer-menu {\r\n        position: fixed;\r\n        width: 100%;\r\n        bottom: 0;\r\n        ul {\r\n        list-style: none;\r\n        display: flex;\r\n        justify-content: space-around;\r\n        background: #19477e;\r\n        border: 1px solid #a0cbff91;\r\n        padding: 12px;\r\n        li {\r\n            padding: 0;\r\n            margin: 0;\r\n        }\r\n        }\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    .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!./PestControlPage.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!./PestControlPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PestControlPage.vue?vue&type=template&id=553f8dee&scoped=true&\"\nimport script from \"./PestControlPage.vue?vue&type=script&lang=js&\"\nexport * from \"./PestControlPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PestControlPage.vue?vue&type=style&index=0&id=553f8dee&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  \"553f8dee\",\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 { 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, {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!./PestControlPage.vue?vue&type=style&index=0&id=553f8dee&lang=scss&scoped=true&\""],"sourceRoot":""}