{"version":3,"sources":["webpack:///./src/Pages/My/Notifications.vue?97fa","webpack:///./src/components/User/NotificationHistory.vue?2c9b","webpack:///src/components/User/NotificationHistory.vue","webpack:///./src/components/User/NotificationHistory.vue?004f","webpack:///./src/components/User/NotificationHistory.vue","webpack:///src/Pages/My/Notifications.vue","webpack:///./src/Pages/My/Notifications.vue?6b62","webpack:///./src/Pages/My/Notifications.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","_v","_s","fullname","staticRenderFns","loading","staticClass","model","value","callback","$$v","selected","expression","_l","item","i","key","id","icon","title","body","class","read","when","dtCreated","_e","notifications","length","on","$event","stopPropagation","load","data","history","page","computed","selectedNote","methods","clicked","markAsRead","n","$router","push","actionURL","menu","x","y","duration","humanize","$VBL","user","notification","get","markAs","markShown","mounted","watch","v","clearTimeout","to","val","setTimeout","component","VBtn","VCard","VCardText","VContainer","VDivider","VIcon","VList","VListItem","VListItemAction","VListItemContent","VListItemGroup","VListItemSubtitle","VListItemTitle","VToolbar","VToolbarTitle","$store","getters","firstName","middleName","lastName","join","components","NotificationHistory","created","VCol","VRow"],"mappings":"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","file":"js/chunk-2d0ba0fb.c29ceda6.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-container',[_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('h1',[_vm._v(_vm._s(_vm.fullname))])])],1),_c('v-row',{attrs:{\"dense\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('notification-history')],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-card',{attrs:{\"color\":\"grey lighten-4\",\"light\":\"\"}},[_c('v-toolbar',{attrs:{\"color\":\"color2 color2Text--text\"}},[_c('v-toolbar-title',[_vm._v(\"Notifications\")])],1),_c('loading-bar',{attrs:{\"value\":_vm.loading}}),_c('v-card-text',[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-list',{staticClass:\"py-0\"},[_c('v-list-item-group',{attrs:{\"color\":\"color3\"},model:{value:(_vm.selected),callback:function ($$v) {_vm.selected=$$v},expression:\"selected\"}},[_vm._l((_vm.notifications),function(item,i){return [_c('v-list-item',{key:item.id},[_c('v-list-item-action',{staticClass:\"mr-3 clickable\"},[_c('v-icon',[_vm._v(_vm._s(item.icon))])],1),_c('v-list-item-content',{staticClass:\"clickable\"},[_c('v-list-item-title',[_vm._v(_vm._s(item.title))]),_c('v-list-item-subtitle',[_vm._v(_vm._s(item.body))]),_c('v-list-item-subtitle',{class:{'color3--text': !item.read}},[_vm._v(_vm._s(_vm.when(item.dtCreated))+\" ago\")])],1),_c('v-list-item-action',{staticClass:\"mr-3\"},[(!item.read)?_c('v-icon',{attrs:{\"color\":\"color3\",\"x-small\":\"\"}},[_vm._v(\"fas fa-circle\")]):_vm._e()],1)],1),(i < (_vm.notifications.length - 1))?_c('v-divider',{key:((item.id) + \"d\")}):_vm._e()]})],2)],1)],1)],1),_c('div',{staticClass:\"pa-3 pt-0 text-end\"},[_c('v-btn',{attrs:{\"color\":\"color3\",\"x-small\":\"\",\"text\":\"\",\"icon\":\"\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.load($event)}}},[_c('v-icon',[_vm._v(\"fas fa-sync\")])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card color=\"grey lighten-4\" light>\r\n    <v-toolbar color=\"color2 color2Text--text\">\r\n      <v-toolbar-title>Notifications</v-toolbar-title>\r\n    </v-toolbar>\r\n    <loading-bar :value=\"loading\"></loading-bar>\r\n    <v-card-text>\r\n        <v-container fluid>\r\n          <v-list class=\"py-0\">\r\n            <v-list-item-group v-model=\"selected\" color=\"color3\">\r\n              <template v-for=\"(item, i) in notifications\">\r\n                <v-list-item :key=\"item.id\">\r\n                  <v-list-item-action class=\"mr-3 clickable\">\r\n                    <v-icon>{{ item.icon }}</v-icon>\r\n                  </v-list-item-action>\r\n                  <v-list-item-content class=\"clickable\">\r\n                    <v-list-item-title>{{ item.title }}</v-list-item-title>\r\n                    <v-list-item-subtitle>{{ item.body }}</v-list-item-subtitle>\r\n                    <v-list-item-subtitle :class=\"{'color3--text': !item.read}\">{{ when(item.dtCreated) }} ago</v-list-item-subtitle>\r\n                  </v-list-item-content>\r\n                  <v-list-item-action class=\"mr-3\">\r\n                    <v-icon color=\"color3\" x-small v-if=\"!item.read\">fas fa-circle</v-icon>\r\n                  </v-list-item-action>\r\n                </v-list-item>\r\n                <v-divider v-if=\"i < (notifications.length - 1)\" :key=\"`${item.id}d`\"></v-divider>\r\n              </template>\r\n            </v-list-item-group>\r\n          </v-list>\r\n        </v-container>\r\n      </v-card-text>\r\n      <div class=\"pa-3 pt-0 text-end\">\r\n        <v-btn\r\n          color=\"color3\"\r\n          x-small text icon\r\n          @click.stop=\"load\"\r\n        >\r\n          <v-icon>fas fa-sync</v-icon>\r\n        </v-btn>\r\n      </div>\r\n  </v-card>\r\n\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex'\r\nimport moment from 'moment'\r\nimport * as mutations from '@/store/MutationTypes'\r\n\r\nexport default {\r\n  data () {\r\n    return {\r\n      history: [],\r\n      loading: false,\r\n      page: null,\r\n      selected: null\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters(['user', 'unread', 'notifications']),\r\n    selectedNote () {\r\n      return this.selected && this.notifications[this.selected]\r\n    }\r\n  },\r\n  methods: {\r\n    clicked (n) {\r\n      this.markAsRead(n)\r\n      this.$router.push(n.actionURL)\r\n      this.menu = false\r\n    },\r\n    when (dtCreated) {\r\n      var x = moment()\r\n      var y = moment(dtCreated)\r\n      var duration = moment.duration(x.diff(y))\r\n      return duration.humanize()\r\n    },\r\n    load () {\r\n      this.loading = true\r\n      this.$VBL.user.notification.get(this.page)\r\n        .then(r => {\r\n          r.data && this.$store.commit(mutations.SET_NOTIFICATIONS, r.data)\r\n        })\r\n        .catch(e => {\r\n          console.log(e.response)\r\n        })\r\n        .finally(f => {\r\n          this.loading = false\r\n        })\r\n    },\r\n    markAsRead (item) {\r\n      if (item.read) return\r\n      this.$VBL.user.notification.markAs('read', { ids: [item.id] })\r\n        .then(r => {\r\n          item.read = true\r\n        })\r\n        .catch(e => console.log(e.response))\r\n        .finally(f => {\r\n          this.loading = false\r\n        })\r\n    },\r\n    markShown () {\r\n      this.$VBL.user.notification.markAs('shown', { ids: [] })\r\n        .catch(e => console.log(e.response))\r\n        .finally(f => {\r\n          clearTimeout(this.to)\r\n        })\r\n    }\r\n  },\r\n  mounted () {\r\n    this.load()\r\n  },\r\n  watch: {\r\n    selectedNote: function (v) {\r\n      if (v && v.actionURL) {\r\n        this.$router.push(v.actionURL)\r\n      }\r\n    },\r\n    menu: function (val) {\r\n      clearTimeout(this.to)\r\n      if (val) {\r\n        this.to = setTimeout(this.markShown, 1313)\r\n      }\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style>\r\n\r\n</style>\r\n","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!./NotificationHistory.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!./NotificationHistory.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NotificationHistory.vue?vue&type=template&id=7dc8a41f&\"\nimport script from \"./NotificationHistory.vue?vue&type=script&lang=js&\"\nexport * from \"./NotificationHistory.vue?vue&type=script&lang=js&\"\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  null,\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 { VCardText } from 'vuetify/lib/components/VCard';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemAction } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemGroup } from 'vuetify/lib/components/VList';\nimport { VListItemSubtitle } from 'vuetify/lib/components/VList';\nimport { VListItemTitle } from 'vuetify/lib/components/VList';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBtn,VCard,VCardText,VContainer,VDivider,VIcon,VList,VListItem,VListItemAction,VListItemContent,VListItemGroup,VListItemSubtitle,VListItemTitle,VToolbar,VToolbarTitle})\n","<template>\r\n  <v-container>\r\n    <v-row dense>\r\n      <v-col cols=\"12\">\r\n        <h1>{{fullname}}</h1>\r\n      </v-col>\r\n    </v-row>\r\n    <v-row dense>\r\n      <v-col cols=\"12\">\r\n        <notification-history></notification-history>\r\n      </v-col>\r\n    </v-row>\r\n  </v-container>\r\n\r\n</template>\r\n\r\n<script>\r\nimport NotificationHistory from '@/components/User/NotificationHistory.vue'\r\n\r\nexport default {\r\n  data () {\r\n    return {\r\n\r\n    }\r\n  },\r\n  computed: {\r\n    user () {\r\n      return this.$store.getters.user\r\n    },\r\n    fullname () {\r\n      return this.user && [this.user.firstName, this.user.middleName, this.user.lastName].join(' ')\r\n    }\r\n  },\r\n  components: {\r\n    'notification-history': NotificationHistory\r\n  },\r\n  methods: {\r\n\r\n  },\r\n  created () {\r\n\r\n  }\r\n}\r\n</script>\r\n","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!./Notifications.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!./Notifications.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Notifications.vue?vue&type=template&id=7083c440&\"\nimport script from \"./Notifications.vue?vue&type=script&lang=js&\"\nexport * from \"./Notifications.vue?vue&type=script&lang=js&\"\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  null,\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 { VRow } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VCol,VContainer,VRow})\n"],"sourceRoot":""}