{"version":3,"sources":["webpack:///./src/components/dialogs/i4pro-dialog-notification.vue?c757","webpack:///src/components/dialogs/i4pro-dialog-notification.vue","webpack:///./src/components/dialogs/i4pro-dialog-notification.vue?7736","webpack:///./src/components/dialogs/i4pro-dialog-notification.vue","webpack:///./src/components/dialogs/i4pro-dialog-notification.vue?0a5b"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","model","value","callback","$$v","dialog","expression","_v","on","close","staticClass","tab","_l","item","index","key","_s","name","notifications","filter","notification","read","length","_e","i","scrollSettings","class","entry","$event","executeNotification","calculateDate","date","text","staticRenderFns","components","VuePerfectScrollbar","props","tabIndex","data","mounted","store","computed","methods","handleLoadRoute","watch","val","component","VBadge","VBtn","VCard","VCol","VContainer","VDialog","VIcon","VRow","VSpacer","VTab","VTabItem","VTabs","VTabsItems","VTabsSlider","VToolbar","VToolbarTitle"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,WAAW,CAACE,MAAM,CAAC,WAAa,GAAG,YAAY,OAAOC,MAAM,CAACC,MAAOR,EAAU,OAAES,SAAS,SAAUC,GAAMV,EAAIW,OAAOD,GAAKE,WAAW,WAAW,CAACR,EAAG,SAAS,CAACA,EAAG,YAAY,CAACE,MAAM,CAAC,MAAQ,UAAU,MAAQ,GAAG,KAAO,KAAK,CAACF,EAAG,kBAAkB,CAACJ,EAAIa,GAAG,kBAAkBT,EAAG,YAAYA,EAAG,QAAQ,CAACE,MAAM,CAAC,KAAO,GAAG,KAAO,IAAIQ,GAAG,CAAC,MAAQd,EAAIe,QAAQ,CAACX,EAAG,SAAS,CAACJ,EAAIa,GAAG,YAAY,IAAI,GAAGT,EAAG,cAAc,CAACY,YAAY,OAAOV,MAAM,CAAC,MAAQ,KAAK,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,SAAW,GAAG,KAAO,GAAG,mBAAmB,eAAeC,MAAM,CAACC,MAAOR,EAAO,IAAES,SAAS,SAAUC,GAAMV,EAAIiB,IAAIP,GAAKE,WAAW,QAAQ,CAACR,EAAG,iBAAiBJ,EAAIkB,GAAIlB,EAAQ,MAAE,SAASmB,EAAKC,GAAO,OAAOhB,EAAG,QAAQ,CAACiB,IAAID,EAAMd,MAAM,CAAC,KAAQ,KAAOc,EAAQ,KAAM,CAAChB,EAAG,OAAO,CAACY,YAAY,YAAY,CAAChB,EAAIa,GAAG,IAAIb,EAAIsB,GAAGH,EAAKI,MAAM,KAAMvB,EAAIwB,cAAcJ,EAAQ,GAAGK,QAAO,SAAUC,GAAgB,OAAQA,EAAaC,QAASC,OAAS,EAAGxB,EAAG,UAAU,CAACY,YAAY,mBAAmBV,MAAM,CAAC,MAAQ,MAAM,IAAM,GAAG,MAAQ,MAAMN,EAAI6B,MAAM,QAAOzB,EAAG,eAAe,CAACG,MAAM,CAACC,MAAOR,EAAO,IAAES,SAAS,SAAUC,GAAMV,EAAIiB,IAAIP,GAAKE,WAAW,QAAQZ,EAAIkB,GAAIlB,EAAQ,MAAE,SAAS8B,EAAEV,GAAO,OAAOhB,EAAG,aAAa,CAACiB,IAAID,EAAMd,MAAM,CAAC,MAAS,IAAMc,EAAQ,KAAM,CAAChB,EAAG,SAAS,CAAGJ,EAAIwB,cAAcJ,EAAQ,GAAGQ,OAA0P5B,EAAI6B,KAAtPzB,EAAG,cAAc,CAACY,YAAY,kBAAkB,CAACZ,EAAG,QAAQ,CAACE,MAAM,CAAC,gBAAgB,SAAS,QAAU,WAAW,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,GAAK,OAAO,CAACF,EAAG,OAAO,CAACY,YAAY,wBAAwB,CAAChB,EAAIa,GAAG,iCAAiC,IAAI,GAAYT,EAAG,MAAM,CAACY,YAAY,qBAAqB,CAACZ,EAAG,KAAK,CAACA,EAAG,wBAAwB,CAACY,YAAY,+BAA+BV,MAAM,CAAC,SAAWN,EAAI+B,iBAAiB/B,EAAIkB,GAAIlB,EAAIwB,cAAcJ,EAAQ,IAAI,SAASD,EAAKW,GAAG,OAAO1B,EAAG,KAAK,CAACiB,IAAIS,EAAEE,MAAM,CAACb,EAAKc,MAAQ,WAAa,cAAcnB,GAAG,CAAC,MAAQ,SAASoB,GAAQ,OAAOlC,EAAImC,oBAAoBhB,MAAS,CAACf,EAAG,MAAM,CAACJ,EAAIa,GAAGb,EAAIsB,GAAGtB,EAAIoC,cAAcjB,EAAKkB,UAAUjC,EAAG,OAAO,CAAC4B,MAAM,CAAE,GAAMb,EAAU,SAAMf,EAAG,IAAI,CAAC4B,MAAM,EAAEb,EAAKQ,MAAQ,kBAAkB,CAAC3B,EAAIa,GAAGb,EAAIsB,GAAGH,EAAKmB,cAAa,IAAI,MAAM,IAAI,MAAK,IAAI,IAAI,IAAI,IAAI,IACzoEC,EAAkB,G,2FCsEtB,GACEC,WAAY,CACVC,oBAAqB,WAAzB,6DAGEC,MAAO,CACL/B,OAAQ,CAAZ,yBACIgC,SAAU,CAAd,0BAGEC,KAAM,WAAR,OACA,0DACA,SACA,yCACA,wBAGEC,QAjBF,WAkBIC,EAAJ,wDAEQ7C,KAAK0C,WACP1C,KAAKgB,IAAMhB,KAAK0C,WAIpBI,SAAU,CACRvB,cAAe,WAAnB,mEAGEwB,QAAS,CACPC,gBAAJ,OAEI,MAHJ,WAGA,wKACA,oBADA,OAEA,wBAFA,8CAKIb,cAAe,SAAnB,GACM,OAAO,IAAb,GACA,gBACA,WAGI,oBAdJ,SAcA,4KACA,6CAEA,+BAHA,uBAIA,0BAJA,0CAQA,sEARA,uBAUA,gBACA,OACA,OACA,mCAbA,OAgBA,UAhBA,+CAoBEc,MAAO,CACLvC,OADJ,SACA,GACWwC,GAAKlD,KAAKc,WCxI6V,I,8OCQ9WqC,EAAY,eACd,EACArD,EACAwC,GACA,EACA,KACA,WACA,MAIa,aAAAa,EAAiB,QAoBhC,IAAkBA,EAAW,CAACC,SAAA,KAAOC,OAAA,KAAKC,QAAA,KAAMC,OAAA,KAAKC,aAAA,KAAWC,UAAA,KAAQC,QAAA,KAAMC,OAAA,KAAKC,UAAA,KAAQC,OAAA,KAAKC,WAAA,KAASC,QAAA,KAAMC,aAAA,KAAWC,cAAA,KAAYC,WAAA,KAASC,cAAA,U,kCCvC/I,yBAA2kB,EAAG","file":"js/chunk-02c6080e.480a08d0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"700\"},model:{value:(_vm.dialog),callback:function ($$v) {_vm.dialog=$$v},expression:\"dialog\"}},[_c('v-card',[_c('v-toolbar',{attrs:{\"color\":\"primary\",\"dense\":\"\",\"dark\":\"\"}},[_c('v-toolbar-title',[_vm._v(\"Notificações\")]),_c('v-spacer'),_c('v-btn',{attrs:{\"icon\":\"\",\"dark\":\"\"},on:{\"click\":_vm.close}},[_c('v-icon',[_vm._v(\"close\")])],1)],1),_c('v-container',{staticClass:\"py-5\",attrs:{\"fluid\":\"\"}},[_c('v-tabs',{attrs:{\"centered\":\"\",\"grow\":\"\",\"background-color\":\"transparent\"},model:{value:(_vm.tab),callback:function ($$v) {_vm.tab=$$v},expression:\"tab\"}},[_c('v-tabs-slider'),_vm._l((_vm.tabs),function(item,index){return _c('v-tab',{key:index,attrs:{\"href\":(\"#\" + (index + 1))}},[_c('span',{staticClass:\"tab-text\"},[_vm._v(\" \"+_vm._s(item.name)+\" \"),(_vm.notifications[index + 1].filter(function (notification) { return !notification.read; }).length > 0)?_c('v-badge',{staticClass:\"notification-tab\",attrs:{\"color\":\"red\",\"top\":\"\",\"right\":\"\"}}):_vm._e()],1)])}),_c('v-tabs-items',{model:{value:(_vm.tab),callback:function ($$v) {_vm.tab=$$v},expression:\"tab\"}},_vm._l((_vm.tabs),function(i,index){return _c('v-tab-item',{key:index,attrs:{\"value\":(\"\" + (index + 1))}},[_c('v-card',[(!_vm.notifications[index + 1].length)?_c('v-container',{staticClass:\"notification-0\"},[_c('v-row',{attrs:{\"align-content\":\"center\",\"justify\":\"center\"}},[_c('v-col',{attrs:{\"sm\":\"12\"}},[_c('span',{staticClass:\"notification-0-title\"},[_vm._v(\"Nenhuma nova notificação\")])])],1)],1):_vm._e(),_c('div',{staticClass:\"notification-list\"},[_c('ul',[_c('vue-perfect-scrollbar',{staticClass:\"drawer-notifications--scroll\",attrs:{\"settings\":_vm.scrollSettings}},_vm._l((_vm.notifications[index + 1]),function(item,i){return _c('li',{key:i,class:[item.entry ? 'msg-link' : 'msg-noLink'],on:{\"click\":function($event){return _vm.executeNotification(item)}}},[_c('div',[_vm._v(_vm._s(_vm.calculateDate(item.date)))]),_c('span',{class:[(\"\" + (item.class))]}),_c('p',{class:[!item.read && 'not-read-text']},[_vm._v(_vm._s(item.text))])])}),0)],1)])],1)],1)}),1)],2)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-dialog v-model=\"dialog\" persistent max-width=\"700\">\r\n    <v-card>\r\n      <v-toolbar color=\"primary\" dense dark>\r\n        <v-toolbar-title>Notificações</v-toolbar-title>\r\n        <v-spacer></v-spacer>\r\n        <v-btn icon dark @click=\"close\">\r\n          <v-icon>close</v-icon>\r\n        </v-btn>\r\n      </v-toolbar>\r\n      <v-container fluid class=\"py-5\">\r\n        <v-tabs v-model=\"tab\" centered grow background-color=\"transparent\">\r\n          <v-tabs-slider></v-tabs-slider>\r\n\r\n          <v-tab v-for=\"(item, index) in tabs\" :key=\"index\" :href=\"`#${index + 1}`\">\r\n            <span class=\"tab-text\">\r\n              {{ item.name }}\r\n              <v-badge\r\n                class=\"notification-tab\"\r\n                color=\"red\"\r\n                top\r\n                right\r\n                v-if=\"notifications[index + 1].filter(notification => !notification.read).length > 0\"\r\n              >\r\n              </v-badge>\r\n            </span>\r\n          </v-tab>\r\n\r\n          <v-tabs-items v-model=\"tab\">\r\n            <v-tab-item v-for=\"(i, index) in tabs\" :key=\"index\" :value=\"`${index + 1}`\">\r\n              <v-card>\r\n                <v-container class=\"notification-0\" v-if=\"!notifications[index + 1].length\">\r\n                  <v-row align-content=\"center\" justify=\"center\">\r\n                    <v-col sm=\"12\">\r\n                      <span class=\"notification-0-title\">Nenhuma nova notificação</span>\r\n                    </v-col>\r\n                  </v-row>\r\n                </v-container>\r\n\r\n                <div class=\"notification-list\">\r\n                  <ul>\r\n                    <vue-perfect-scrollbar class=\"drawer-notifications--scroll\" :settings=\"scrollSettings\">\r\n                      <li\r\n                        v-for=\"(item, i) in notifications[index + 1]\"\r\n                        :key=\"i\"\r\n                        @click=\"executeNotification(item)\"\r\n                        :class=\"[item.entry ? 'msg-link' : 'msg-noLink']\"\r\n                      >\r\n                        <div>{{ calculateDate(item.date) }}</div>\r\n                        <span :class=\"[`${item.class}`]\"></span>\r\n                        <p :class=\"[!item.read && 'not-read-text']\">{{ item.text }}</p>\r\n                      </li>\r\n                    </vue-perfect-scrollbar>\r\n                  </ul>\r\n                </div>\r\n              </v-card>\r\n            </v-tab-item>\r\n          </v-tabs-items>\r\n        </v-tabs>\r\n      </v-container>\r\n    </v-card>\r\n  </v-dialog>\r\n</template>\r\n\r\n<script>\r\nimport moment from 'moment';\r\nimport store from '@/store';\r\nimport { formatEntry } from '@/helpers/utils';\r\nimport { handleLoadRoute } from '@/helpers/page';\r\nimport { sleep } from '@/helpers/page';\r\n\r\nexport default {\r\n  components: {\r\n    VuePerfectScrollbar: () => import('vue-perfect-scrollbar')\r\n  },\r\n\r\n  props: {\r\n    dialog: { type: Boolean, default: false },\r\n    tabIndex: { type: String, default: '1' }\r\n  },\r\n\r\n  data: () => ({\r\n    scrollSettings: { maxScrollbarLength: 50, suppressScrollX: true },\r\n    tab: null,\r\n    tabs: [{ name: 'Alertas' }, { name: 'Eventos' }],\r\n    dialogNotification: false\r\n  }),\r\n\r\n  mounted() {\r\n    store.dispatch('notification/getAllNotificationsByUser');\r\n\r\n    if (this.tabIndex) {\r\n      this.tab = this.tabIndex;\r\n    }\r\n  },\r\n\r\n  computed: {\r\n    notifications: () => store.getters['notification/getNotificationByUserState']\r\n  },\r\n\r\n  methods: {\r\n    handleLoadRoute,\r\n\r\n    async close() {\r\n      await sleep(100);\r\n      this.$emit('handleDialog');\r\n    },\r\n\r\n    calculateDate: date => {\r\n      return moment(date)\r\n        .locale('pt-br')\r\n        .fromNow();\r\n    },\r\n\r\n    async executeNotification(item) {\r\n      const { page, mode, entry, id, type } = item;\r\n\r\n      if ((!page && !mode) || this.notificationDisabled) {\r\n        this.notificationDisabled = false;\r\n        return;\r\n      }\r\n\r\n      await store.dispatch('notification/makeReadNotifications', { ids: [id], tab: type });\r\n\r\n      await handleLoadRoute({\r\n        page: page,\r\n        mode: mode,\r\n        redirectParams: formatEntry(entry)\r\n      });\r\n\r\n      this.close();\r\n    }\r\n  },\r\n\r\n  watch: {\r\n    dialog(val) {\r\n      if (!val) this.close();\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.v-card.v-sheet,\r\n.v-window.v-item-group {\r\n  background-color: transparent;\r\n  box-shadow: none;\r\n}\r\n\r\n.tab-text {\r\n  position: relative;\r\n\r\n  .notification-tab {\r\n    position: absolute;\r\n  }\r\n}\r\n\r\n.notification-list {\r\n  padding: 10px;\r\n\r\n  ul {\r\n    padding: 0;\r\n    li {\r\n      list-style: none;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      margin-bottom: 15px;\r\n\r\n      &.msg-link {\r\n        cursor: pointer;\r\n      }\r\n\r\n      &.msg-noLink {\r\n        opacity: 0.7;\r\n      }\r\n\r\n      div {\r\n        font-weight: 500;\r\n        font-size: 16px;\r\n        width: 95px;\r\n      }\r\n\r\n      .not-read-text {\r\n        font-weight: 500;\r\n      }\r\n\r\n      span {\r\n        width: 15px;\r\n        height: 15px;\r\n        border-radius: 50%;\r\n        border: 3px solid red;\r\n        display: flex;\r\n        margin-top: 5px;\r\n        background-color: unset !important;\r\n      }\r\n\r\n      p {\r\n        width: 77%;\r\n        position: relative;\r\n        padding-bottom: 0px;\r\n\r\n        &:before {\r\n          content: '';\r\n          position: absolute;\r\n          left: -29px;\r\n          top: 26px;\r\n          width: 3px;\r\n          background: #e5e5e5;\r\n          height: 100%;\r\n        }\r\n      }\r\n\r\n      &:hover {\r\n        i {\r\n          visibility: visible;\r\n        }\r\n      }\r\n\r\n      .notify-icon-close {\r\n        visibility: hidden;\r\n        margin-right: 30px;\r\n        margin-top: -15px;\r\n      }\r\n    }\r\n  }\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!./i4pro-dialog-notification.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!./i4pro-dialog-notification.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./i4pro-dialog-notification.vue?vue&type=template&id=135d613d&scoped=true&\"\nimport script from \"./i4pro-dialog-notification.vue?vue&type=script&lang=js&\"\nexport * from \"./i4pro-dialog-notification.vue?vue&type=script&lang=js&\"\nimport style0 from \"./i4pro-dialog-notification.vue?vue&type=style&index=0&id=135d613d&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  \"135d613d\",\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 { VBadge } from 'vuetify/lib/components/VBadge';\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 { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTab } from 'vuetify/lib/components/VTabs';\nimport { VTabItem } from 'vuetify/lib/components/VTabs';\nimport { VTabs } from 'vuetify/lib/components/VTabs';\nimport { VTabsItems } from 'vuetify/lib/components/VTabs';\nimport { VTabsSlider } from 'vuetify/lib/components/VTabs';\nimport { VToolbar } from 'vuetify/lib/components/VToolbar';\nimport { VToolbarTitle } from 'vuetify/lib/components/VToolbar';\ninstallComponents(component, {VBadge,VBtn,VCard,VCol,VContainer,VDialog,VIcon,VRow,VSpacer,VTab,VTabItem,VTabs,VTabsItems,VTabsSlider,VToolbar,VToolbarTitle})\n","import mod 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!./i4pro-dialog-notification.vue?vue&type=style&index=0&id=135d613d&lang=scss&scoped=true&\"; export default mod; 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!./i4pro-dialog-notification.vue?vue&type=style&index=0&id=135d613d&lang=scss&scoped=true&\""],"sourceRoot":""}