{"version":3,"sources":["webpack:///./src/views/appointments/AppointmentPage.vue?fd1a","webpack:///src/views/appointments/AppointmentPage.vue","webpack:///./src/views/appointments/AppointmentPage.vue?19df","webpack:///./src/views/appointments/AppointmentPage.vue","webpack:///../../../src/components/VCard/VCard.ts","webpack:///./src/views/appointments/AppointmentPage.vue?72d4"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","model","value","callback","$$v","search","expression","_v","appointments","_l","appointment","index","key","on","$event","viewPest","id","_s","onlyMonth","start_date","onlyDay","onlyWeekDay","appointment_no","formatTimeOnly","start_time","end_time","staticRenderFns","component","VBtn","VCard","VCol","VContainer","VIcon","VRow","VTextField","name","props","flat","hover","img","link","loaderHeight","type","Number","default","raised","Boolean","computed","classes","styles","style","methods","genProgress","data","h","tag","setBackgroundColor","$slots"],"mappings":"2KAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,cAAc,CAACE,YAAY,eAAeC,MAAM,CAAC,OAAQ,IAAO,CAACH,EAAG,cAAc,CAACA,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,KAAK,GAAK,KAAK,YAAY,IAAI,GAAK,IAAI,YAAY,IAAI,GAAK,IAAI,YAAY,MAAM,CAACH,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,OAAO,CAACH,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,eAAe,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAUC,MAAM,CAACC,MAAOT,EAAU,OAAEU,SAAS,SAAUC,GAAMX,EAAIY,OAAOD,GAAKE,WAAW,YAAYT,EAAG,QAAQ,CAACG,MAAM,CAAC,UAAU,GAAG,IAAM,GAAG,MAAQ,YAAY,CAACH,EAAG,SAAS,CAACJ,EAAIc,GAAG,kBAAkB,IAAI,MAAM,GAAId,EAAIe,aAAmB,OAAEX,EAAG,QAAQJ,EAAIgB,GAAIhB,EAAgB,cAAE,SAASiB,EAAYC,GAAO,OAAOd,EAAG,QAAQ,CAACe,IAAID,EAAMX,MAAM,CAAC,KAAO,OAAO,CAACH,EAAG,SAAS,CAACE,YAAY,6BAA6Bc,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOrB,EAAIsB,SAASL,EAAYM,OAAO,CAACnB,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACF,EAAG,IAAI,CAACE,YAAY,WAAW,CAACN,EAAIc,GAAGd,EAAIwB,GAAGxB,EAAIyB,UAAUR,EAAYS,gBAAgBtB,EAAG,IAAI,CAACE,YAAY,qBAAqB,CAACN,EAAIc,GAAGd,EAAIwB,GAAGxB,EAAI2B,QAAQV,EAAYS,gBAAgBtB,EAAG,IAAI,CAACE,YAAY,WAAW,CAACN,EAAIc,GAAGd,EAAIwB,GAAGxB,EAAI4B,YAAYX,EAAYS,kBAAkBtB,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,kBAAkB,CAACN,EAAIc,GAAGd,EAAIwB,GAAGP,EAAYY,mBAAmBzB,EAAG,MAAM,CAACE,YAAY,MAAM,CAACF,EAAG,SAAS,CAACE,YAAY,KAAKC,MAAM,CAAC,MAAQ,cAAc,CAACP,EAAIc,GAAG,eAAed,EAAIc,GAAG,IAAId,EAAIwB,GAAGxB,EAAI8B,eAAeb,EAAYc,aAAa,MAAM/B,EAAIwB,GAAGxB,EAAI8B,eAAeb,EAAYe,WAAW,MAAM,SAAS5B,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,SAAS,CAACJ,EAAIc,GAAG,wBAAwB,QAAQ,MAAK,GAAGV,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,OAAO,CAACH,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,IAAI,CAACJ,EAAIc,GAAG,6BAA6B,IAAI,IAAI,IAAI,IAAI,IACx7DmB,EAAkB,G,gFCwDtB,GACE,KAAF,YACE,KAFF,WAGI,MAAJ,CACM,MAAN,GACM,WAAN,EACM,GAAN,GACM,aAAN,GACM,SAAN,GACM,OAAN,GACM,MAAN,CACA,CAAQ,GAAR,EAAQ,KAAR,YAAQ,MAAR,YAAQ,KAAR,sBACA,CAAQ,GAAR,EAAQ,KAAR,eAAQ,MAAR,eAAQ,KAAR,cACA,CAAQ,GAAR,EAAQ,KAAR,aAAQ,MAAR,aAAQ,KAAR,kCAIE,WAAF,GAKE,QAtBF,WAuBI,KAAJ,uCACI,KAAJ,4BAEE,QAAF,CACI,eADJ,SACA,KACM,OAAN,kCAEI,SAJJ,SAIA,GAEM,IAAN,IACA,8BACM,EAAN,oCACQ,GAAR,WAEM,IAAN,UAEM,OAAN,wBAEI,SAfJ,SAeA,GACM,KAAN,iCAEI,WAlBJ,WAmBM,KAAN,gBAEI,kBArBJ,WAqBM,IAAN,OAAM,OAAN,qDAAQ,OAAR,iFACA,iCADA,SAEA,kCACA,kBACA,iCACA,yBAEA,mBACA,iCACA,kBATA,+CAaE,SAAF,kBACA,kCCtHwW,I,iICQpWC,EAAY,eACd,EACAnC,EACAkC,GACA,EACA,KACA,WACA,MAIa,aAAAC,EAAiB,QAWhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,OAAA,KAAKC,aAAA,KAAWC,QAAA,KAAMC,OAAA,KAAKC,aAAA,Q,kICbrD,sBAAO,EAAD,YAAN,eAIN,CACPC,KADO,SAGPC,MAAO,CACLC,KADK,QAELC,MAFK,QAGLC,IAHK,OAILC,KAJK,QAKLC,aAAc,CACZC,KAAM,CAACC,OADK,QAEZC,QAAS,GAEXC,OAAQC,SAGVC,SAAU,CACRC,QADQ,WAEN,sCACE,UADK,GAEF,qCAFE,OAAP,IAGE,eAAgBtD,KAHX,KAIL,gBAAiBA,KAJZ,MAKL,eAAgBA,KALX,YAML,kBAAmBA,KANd,QAOL,mBAAoBA,KAPf,SAQL,iBAAkBA,KARb,QASF,6CAGPuD,OAdQ,WAeN,IAAMC,EAAK,kBACN,2CAOL,OAJIxD,KAAJ,MACEwD,EAAA,0BAA2BxD,KAA3B,2CAGF,IAIJyD,QAAS,CACPC,YADO,WAEL,IAAM5D,EAAS,wCAAf,MAEA,SAEOE,KAAKE,eAAe,MAAO,CAChCG,YADgC,mBAEhCa,IAAK,YACJ,CAHH,IAFoB,OASxBpB,OAvDO,SAuDD,GACJ,MAAsBE,KAAtB,oBAAM,EAAN,EAAM,IAAO2D,EAAb,EAAaA,KASb,OAPAA,EAAA,MAAa3D,KAAb,OAEIA,KAAJ,cACE2D,EAAA,MAAaA,EAAA,OAAb,GACAA,EAAA,kBAGKC,EAAEC,EAAK7D,KAAK8D,mBAAmB9D,KAAxB,MAAN,GAAiD,CACvDA,KADuD,cAEvDA,KAAK+D,OAFP,c,kCCtFJ","file":"js/AppointmentsPage.08fe3838.js","sourcesContent":["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('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('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"d-flex align-center\"},[_c('v-text-field',{staticClass:\"mr-4\",attrs:{\"label\":\"Search\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}}),_c('v-btn',{attrs:{\"x-small\":\"\",\"fab\":\"\",\"color\":\"primary\"}},[_c('v-icon',[_vm._v(\"mdi-magnify\")])],1)],1)])],1),(_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.viewPest(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-3 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',{attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"no-data\"},[_c('p',[_vm._v(\"No appointment yet\")])])])],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        <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                    <v-row>\r\n                        <v-col cols=\"12\">\r\n                            <div class=\"d-flex align-center\">\r\n                                <v-text-field label=\"Search\" class=\"mr-4\" v-model=\"search\"></v-text-field>\r\n                                <v-btn x-small fab color=\"primary\"><v-icon>mdi-magnify</v-icon></v-btn>\r\n                            </div>\r\n                        </v-col>\r\n                    </v-row>\r\n                    <v-row v-if=\"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=\"viewPest(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-3 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 cols=\"12\">\r\n                            <div class=\"no-data\">\r\n                                <p>No appointment yet</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    </v-container>\r\n</template>\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport { ApiService } from '@/core/services/api.service'\r\n// import Banner from '@/components/layout/ComponentBanner'\r\n// import Topnavbar from '@/components/layout/TopnavbarBackCustom'\r\n// import Bottomnavbar from '@/components/layout/Bottomnavbar'\r\nexport default {\r\n    name:'QuotePage',\r\n    data() {\r\n        return {\r\n            title:'',\r\n            indexValue:0,\r\n            id:'',\r\n            appointments:{},\r\n            base_url:'',\r\n            search:'',\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            ],\r\n        }\r\n    },\r\n    components: {\r\n        // Topnavbar,\r\n        // Bottomnavbar\r\n        // Banner\r\n    },\r\n    mounted() {\r\n        this.id = this.$router.currentRoute.params.id;\r\n        this.fetchAppointments(this.id);\r\n    },\r\n    methods: {\r\n        charactersLeft(text,max) {\r\n            return text.length > 25 ? text.slice(0,max) + \"...\" : text;\r\n        },\r\n        getTotal(data) {\r\n            \r\n            let amount = 0;\r\n            let taxRate = data.taxes ? data.taxes[0].value: 13;\r\n            data.quote_services.forEach((item) => {\r\n                amount+=item.price;\r\n            });\r\n            let tax = (taxRate / amount) *  100;\r\n\r\n            return this.formatAmount(amount+tax);\r\n        },\r\n        viewPest(id) {\r\n            this.$router.push('/appointment/'+id);\r\n        },\r\n        handleBack() {\r\n            this.$router.back();\r\n        },\r\n        async fetchAppointments(){\r\n            this.$bus.$emit('SHOW_PAGE_LOADER');\r\n            await ApiService.post('/pest-appointments')\r\n            .then((resp) => {\r\n                this.$bus.$emit('HIDE_PAGE_LOADER');\r\n                this.appointments = resp.data;\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    },\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    .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\r\n    .text{\r\n        margin-bottom: 0;\r\n    }\r\n    .f1{\r\n        font-size:1rem;\r\n    }\r\n    .no-data {\r\n        height: calc(100vh - 300px);\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: space-around;\r\n        h3,p{\r\n        //   color:#dadada;\r\n        font-size: 600;\r\n          text-align: center;\r\n          text-transform: uppercase;\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!./AppointmentPage.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!./AppointmentPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AppointmentPage.vue?vue&type=template&id=783de3aa&scoped=true&\"\nimport script from \"./AppointmentPage.vue?vue&type=script&lang=js&\"\nexport * from \"./AppointmentPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AppointmentPage.vue?vue&type=style&index=0&id=783de3aa&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  \"783de3aa\",\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 { 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';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCol,VContainer,VIcon,VRow,VTextField})\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!./AppointmentPage.vue?vue&type=style&index=0&id=783de3aa&lang=scss&scoped=true&\""],"sourceRoot":""}