{"version":3,"sources":["webpack:///./src/views/notification/NotificationPage.vue?7d10","webpack:///./src/views/notification/NotificationPage.vue?aeed","webpack:///src/views/notification/NotificationPage.vue","webpack:///./src/views/notification/NotificationPage.vue?740c","webpack:///./src/views/notification/NotificationPage.vue","webpack:///../../../src/components/VChip/VChip.ts"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_l","sta","index","key","activeStatus","on","$event","handleChangeStatus","value","name","_s","count","notifications","length","notification","handleMarkRead","class","is_seen","formatDate","created_at","fname","lname","domProps","content","staticRenderFns","component","VChip","VCol","VContainer","VRow","props","active","type","default","activeClass","chipGroup","close","closeIcon","closeLabel","disabled","draggable","filter","filterIcon","label","link","outlined","pill","tag","textColor","data","proxyClass","computed","classes","groupClasses","hasClose","Boolean","isClickable","created","breakingProps","original","replacement","methods","click","genFilter","children","left","genClose","right","size","$vuetify","lang","t","e","genContent","$slots","tabindex","setBackgroundColor","color","h","setTextColor"],"mappings":"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","file":"js/NotificationPage.6fdf98cb.js","sourcesContent":["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!./NotificationPage.vue?vue&type=style&index=0&id=6422c3e3&lang=scss&scoped=true&\"","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-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"10\",\"offset-sm\":\"1\",\"md\":\"8\",\"offset-md\":\"2\",\"lg\":\"6\",\"offset-lg\":\"3\",\"xl\":\"4\",\"offset-xl\":\"4\"}},[_c('h3',{staticClass:\"mb-3\"},[_vm._v(\"Notifications \")]),_c('div',{staticClass:\"mb-4\"},_vm._l((_vm.status),function(sta,index){return _c('v-chip',{key:index,staticClass:\"mr-3 text-capitalize\",attrs:{\"color\":index==_vm.activeStatus?'secondary':'primary'},on:{\"click\":function($event){return _vm.handleChangeStatus(sta.value,index)}}},[(sta.name !=='all')?_c('span',[_vm._v(\" \"+_vm._s(sta.name)+\" - \"+_vm._s(sta.count)+\" \")]):_c('span',[_vm._v(_vm._s(sta.name))])])}),1),(_vm.notifications && _vm.notifications.length)?_c('v-row',_vm._l((_vm.notifications),function(notification,index){return _c('v-col',{key:index,attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"custom-bs pl-3 pr-3\",on:{\"click\":function($event){return _vm.handleMarkRead(notification)}}},[_c('div',[_c('div',{staticClass:\"pa-3\"},[_c('p',{staticClass:\"notification-date\",class:notification.is_seen==0 ?'color-primary':''},[_vm._v(_vm._s(_vm.formatDate(notification.created_at)))]),_c('h5',{staticClass:\"text-capitalize\"},[_vm._v(_vm._s(notification.fname)+\" \"+_vm._s(notification.lname))]),_c('div',{staticClass:\"content-style f8\",domProps:{\"innerHTML\":_vm._s(notification.content)}})])])])])}),1):_c('v-row',[_c('v-col',[_c('v-container',{staticClass:\"page-not-found\"},[_c('h3',[_vm._v(\"No notifications\")])])],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-row>\r\n                <v-col cols=\"12\" sm=\"10\" offset-sm=\"1\" md=\"8\" offset-md=\"2\" lg=\"6\" offset-lg=\"3\" xl=\"4\" offset-xl=\"4\">\r\n                    <h3 class=\"mb-3\">Notifications </h3>\r\n                    <div class=\"mb-4\">\r\n                        <v-chip class=\"mr-3 text-capitalize\" \r\n                            @click=\"handleChangeStatus(sta.value,index)\" \r\n                            :color=\"index==activeStatus?'secondary':'primary'\" \r\n                            v-for=\"(sta,index) in status\" :key=\"index\">\r\n                            <span v-if=\"sta.name !=='all'\">\r\n                            {{ sta.name }} - {{sta.count}}\r\n                            </span>\r\n                            <span v-else>{{sta.name}}</span>\r\n                        </v-chip>\r\n                    </div>\r\n                    <v-row v-if=\"notifications && notifications.length\">\r\n                        <v-col cols=\"12\" v-for=\"(notification, index) in notifications\" :key=\"index\">\r\n                            <div class=\"custom-bs pl-3 pr-3\" @click=\"handleMarkRead(notification)\">\r\n                    \r\n                                <div>\r\n                                    <div class=\"pa-3\">\r\n                                        <p class=\"notification-date\" :class=\"notification.is_seen==0 ?'color-primary':''\">{{formatDate(notification.created_at)}}</p>\r\n                                        <h5 class=\"text-capitalize\">{{ notification.fname}} {{ notification.lname }}</h5>\r\n                                        <div class=\"content-style f8\" v-html=\"notification.content\"></div>\r\n\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </v-col>\r\n                    </v-row>\r\n                    <v-row v-else>\r\n                        <v-col>\r\n                            <v-container class=\"page-not-found\">\r\n                                <h3>No notifications</h3>\r\n                            </v-container>\r\n                        </v-col>\r\n                    </v-row>\r\n                </v-col>\r\n            </v-row>\r\n        </div>\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 Topnavbar from '@/components/layout/TopnavbarBackCustom'\r\n// import Bottomnavbar from '@/components/layout/Bottomnavbar'\r\n// import BottomnavbarServiceProvider from '@/components/layout/BottomnavbarFixed'\r\nimport  JwtService from '@/core/services/jwt.service';\r\nexport default {\r\n    data() {\r\n        return {\r\n            title:'',\r\n            indexValue:0,\r\n            artists : [\r\n                {id:1, name:\"John Doe\",phone:'98988888888', email:'example@email.com', address:'80 kane st', service:'Eye Brow Tinting'},\r\n                {id:2, name:\"Tina Rapsom\",phone:'98988888888', email:'example@email.com', address:'80 kane st', service:'Threading'},\r\n                {id:3, name:\"Marshal M\",phone:'98988888888', email:'example@email.com', address:'80 kane st', service:'Facials'},\r\n                {id:4, name:\"Devid Joe\",phone:'98988888888', email:'example@email.com', address:'80 kane st', service:'Waxing'},\r\n            ],\r\n            notifications:[],\r\n            status:[\r\n                {name:'unread',value:'0'},\r\n                {name:'read',value:'1'},\r\n                {name:'all', value:''},\r\n            ],\r\n            technicalDashboardItems: [\r\n                {id:2, name:'Dashboard',route:'dashboard-technical',icon:'mdi-view-dashboard'},\r\n                {id:3, name:'Calendar',route:'technical-calendar', icon:'mdi-calendar'},\r\n                {id:4, name:'Profile',route:'profile', icon:'mdi-account'},\r\n            ],\r\n            items: [\r\n                {id:1, name:'Dashboard',route:'dashboard',icon:'mdi-view-dashboard'},\r\n                {id:2, name:'Pest Control',route:'pest-control', icon:'mdi-spider'},\r\n                {id:3, name:'Inspection',route:'inspection',icon:'mdi-clipboard-text-multiple'},\r\n                {id:4, name:'Profile',route:'profile', icon:'mdi-account'},\r\n            ],\r\n            utype:'',\r\n            activeStatus:0,\r\n            readStatus:0,\r\n        }\r\n    },\r\n    components: {\r\n        // Topnavbar,\r\n        // Bottomnavbar,\r\n        // BottomnavbarServiceProvider\r\n    },\r\n    mounted() {\r\n        this.utype = JwtService.getUtype();\r\n        this.fetchData();\r\n    },\r\n    methods: {\r\n         handleChangeStatus(v,index){\r\n            this.activeStatus = index;\r\n            this.readStatus = v;\r\n            this.fetchData();\r\n        },\r\n        handleMarkRead(notification) {\r\n            this.loaderShow()\r\n            ApiService.post('/notifications-read',{id: notification.notification_id})\r\n            .then(() => {\r\n                this.loaderHide();\r\n                this.handleRedirect(notification);\r\n               \r\n            })\r\n            .catch((error) => {\r\n                this.loaderHide();\r\n                console.log(error);\r\n            })\r\n        },\r\n        handleRedirect(notification){\r\n            console.log(notification);\r\n            switch(notification.related_table){\r\n                case 'quote_enqs':\r\n                    this.$router.push(\"/pest-identify/\"+notification.related_table_id);\r\n                    break;\r\n                case 'quotes':\r\n                    this.$router.push(\"/quote/\"+notification.related_table_id);\r\n                    break;\r\n                default:\r\n                    this.fetchData();\r\n                    break;\r\n\r\n            }\r\n        },\r\n        fetchData() {\r\n            ApiService.post('/notifications',{read: this.readStatus})\r\n            .then((resp) => {\r\n                this.notifications = resp.data;\r\n                this.status = resp.filter_data;\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    },\r\n    computed: {\r\n        ...mapGetters(['currentUser'])\r\n    }\r\n\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.notification-date {\r\n    font-size: 0.8rem;\r\n    margin: 0;\r\n    font-weight: 500;\r\n    color: #959595;\r\n}\r\n.page-not-found {\r\n    height: calc(100vh - 300px);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-around;\r\n    h3{\r\n        color:#afafaf;\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n    }\r\n}\r\n.content-style {\r\n    p{\r\n        padding:0 !important;\r\n        margin:0 !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!./NotificationPage.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!./NotificationPage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NotificationPage.vue?vue&type=template&id=6422c3e3&scoped=true&\"\nimport script from \"./NotificationPage.vue?vue&type=script&lang=js&\"\nexport * from \"./NotificationPage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NotificationPage.vue?vue&type=style&index=0&id=6422c3e3&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  \"6422c3e3\",\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 { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VChip,VCol,VContainer,VRow})\n","// Styles\nimport './VChip.sass'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n// Components\nimport { VExpandXTransition } from '../transitions'\nimport VIcon from '../VIcon'\n\n// Mixins\nimport Colorable from '../../mixins/colorable'\nimport { factory as GroupableFactory } from '../../mixins/groupable'\nimport Themeable from '../../mixins/themeable'\nimport { factory as ToggleableFactory } from '../../mixins/toggleable'\nimport Routable from '../../mixins/routable'\nimport Sizeable from '../../mixins/sizeable'\n\n// Utilities\nimport { breaking } from '../../util/console'\n\n// Types\nimport { PropValidator, PropType } from 'vue/types/options'\n\n/* @vue/component */\nexport default mixins(\n  Colorable,\n  Sizeable,\n  Routable,\n  Themeable,\n  GroupableFactory('chipGroup'),\n  ToggleableFactory('inputValue')\n).extend({\n  name: 'v-chip',\n\n  props: {\n    active: {\n      type: Boolean,\n      default: true,\n    },\n    activeClass: {\n      type: String,\n      default (): string | undefined {\n        if (!this.chipGroup) return ''\n\n        return this.chipGroup.activeClass\n      },\n    } as any as PropValidator<string>,\n    close: Boolean,\n    closeIcon: {\n      type: String,\n      default: '$delete',\n    },\n    closeLabel: {\n      type: String,\n      default: '$vuetify.close',\n    },\n    disabled: Boolean,\n    draggable: Boolean,\n    filter: Boolean,\n    filterIcon: {\n      type: String,\n      default: '$complete',\n    },\n    label: Boolean,\n    link: Boolean,\n    outlined: Boolean,\n    pill: Boolean,\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    textColor: String,\n    value: null as any as PropType<any>,\n  },\n\n  data: () => ({\n    proxyClass: 'v-chip--active',\n  }),\n\n  computed: {\n    classes (): object {\n      return {\n        'v-chip': true,\n        ...Routable.options.computed.classes.call(this),\n        'v-chip--clickable': this.isClickable,\n        'v-chip--disabled': this.disabled,\n        'v-chip--draggable': this.draggable,\n        'v-chip--label': this.label,\n        'v-chip--link': this.isLink,\n        'v-chip--no-color': !this.color,\n        'v-chip--outlined': this.outlined,\n        'v-chip--pill': this.pill,\n        'v-chip--removable': this.hasClose,\n        ...this.themeClasses,\n        ...this.sizeableClasses,\n        ...this.groupClasses,\n      }\n    },\n    hasClose (): boolean {\n      return Boolean(this.close)\n    },\n    isClickable (): boolean {\n      return Boolean(\n        Routable.options.computed.isClickable.call(this) ||\n        this.chipGroup\n      )\n    },\n  },\n\n  created () {\n    const breakingProps = [\n      ['outline', 'outlined'],\n      ['selected', 'input-value'],\n      ['value', 'active'],\n      ['@input', '@active.sync'],\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    click (e: MouseEvent): void {\n      this.$emit('click', e)\n\n      this.chipGroup && this.toggle()\n    },\n    genFilter (): VNode {\n      const children = []\n\n      if (this.isActive) {\n        children.push(\n          this.$createElement(VIcon, {\n            staticClass: 'v-chip__filter',\n            props: { left: true },\n          }, this.filterIcon)\n        )\n      }\n\n      return this.$createElement(VExpandXTransition, children)\n    },\n    genClose (): VNode {\n      return this.$createElement(VIcon, {\n        staticClass: 'v-chip__close',\n        props: {\n          right: true,\n          size: 18,\n        },\n        attrs: {\n          'aria-label': this.$vuetify.lang.t(this.closeLabel),\n        },\n        on: {\n          click: (e: Event) => {\n            e.stopPropagation()\n            e.preventDefault()\n\n            this.$emit('click:close')\n            this.$emit('update:active', false)\n          },\n        },\n      }, this.closeIcon)\n    },\n    genContent (): VNode {\n      return this.$createElement('span', {\n        staticClass: 'v-chip__content',\n      }, [\n        this.filter && this.genFilter(),\n        this.$slots.default,\n        this.hasClose && this.genClose(),\n      ])\n    },\n  },\n\n  render (h): VNode {\n    const children = [this.genContent()]\n    let { tag, data } = this.generateRouteLink()\n\n    data.attrs = {\n      ...data.attrs,\n      draggable: this.draggable ? 'true' : undefined,\n      tabindex: this.chipGroup && !this.disabled ? 0 : data.attrs!.tabindex,\n    }\n    data.directives!.push({\n      name: 'show',\n      value: this.active,\n    })\n    data = this.setBackgroundColor(this.color, data)\n\n    const color = this.textColor || (this.outlined && this.color)\n\n    return h(tag, this.setTextColor(color, data), children)\n  },\n})\n"],"sourceRoot":""}