{"version":3,"sources":["webpack:///../../../src/components/VTooltip/VTooltip.ts","webpack:///./src/views/backoffice/administrator/system/notifications/systemNotifications/notifications.vue?0d35","webpack:///src/views/backoffice/administrator/system/notifications/systemNotifications/notifications.vue","webpack:///./src/views/backoffice/administrator/system/notifications/systemNotifications/notifications.vue?4e5c","webpack:///./src/views/backoffice/administrator/system/notifications/systemNotifications/notifications.vue"],"names":["name","props","closeDelay","type","Number","default","disabled","fixed","openDelay","openOnHover","tag","transition","String","data","calculatedMinWidth","closeDependents","computed","calculatedLeft","this","content","unknown","activatorLeft","attach","activator","left","top","right","parseInt","calcXOverflow","dimensions","calculatedTop","activatorTop","bottom","calcYOverflow","classes","computedTransition","isActive","offsetY","offsetX","styles","maxWidth","minWidth","opacity","zIndex","activeZIndex","beforeMount","mounted","methods","activate","requestAnimationFrame","deactivate","genActivatorListeners","listeners","e","genTransition","$createElement","genContent","setBackgroundColor","staticClass","class","activatorFixed","style","attrs","directives","value","isContentActive","ref","render","h","showLazyContent","_vm","_h","_c","_self","headers","search","$t","scopedSlots","_u","key","fn","$vuetify","breakpoint","smAndDown","model","callback","$$v","expression","proxy","item","on","$event","$copy","id","_v","_s","staticStyle","domProps","message","viewed","color","text","_g","_b","readNotification","staticRenderFns","items","showDialog","$store","commit","viewedStatus","setNotificationToRead","$router","push","params","map","notificationId","component","VBtn","VCard","VChip","VCol","VDataTable","VDivider","VIcon","VRow","VTextField","VTooltip"],"mappings":"gRAoBe,sBAAO,EAAD,iCAAN,eAAiF,CAC9FA,KAD8F,YAG9FC,MAAO,CACLC,WAAY,CACVC,KAAM,CAACC,OADG,QAEVC,QAAS,GAEXC,SALK,QAMLC,MAAO,CACLJ,KADK,QAELE,SAAS,GAEXG,UAAW,CACTL,KAAM,CAACC,OADE,QAETC,QAAS,GAEXI,YAAa,CACXN,KADW,QAEXE,SAAS,GAEXK,IAAK,CACHP,KADG,OAEHE,QAAS,QAEXM,WAAYC,QAGdC,KAAM,iBAAO,CACXC,mBADW,EAEXC,iBAAiB,IAGnBC,SAAU,CACRC,eADQ,WACM,MACmBC,KAA/B,WAAM,EADM,EACN,UAAaC,EADP,EACOA,QACbC,GAAWF,KAAD,SAAiBA,KAAjB,OAA+BA,KAA/B,MAA4CA,KAA5D,MACMG,GAAgC,IAAhBH,KAAKI,OAAmBC,EAAxB,WAA+CA,EAArE,KACIC,EAAJ,EAmBA,OAjBIN,KAAKO,KAAOP,KAAZ,QAAJ,EACEM,EACEH,EACCE,EAAA,MADD,EAECJ,EAAA,MAHH,GAKSD,KAAKM,MAAQN,KAAjB,SACLM,EACEH,GACCH,KAAKQ,MAAQH,EAAb,OAAgCJ,EADjC,QAECD,KAAKQ,MAAQ,IAHhB,KAOER,KAAJ,YAAoBM,GAAQG,SAAST,KAAjB,YAChBA,KAAJ,aAAqBM,GAAQG,SAAST,KAAjB,aAErB,UAAUA,KAAKU,cAAcJ,EAAMN,KAAKW,WAAWV,QAAnD,cAEFW,cA1BQ,WA0BK,MACoBZ,KAA/B,WAAM,EADK,EACL,UAAaC,EADR,EACQA,QACbY,GAA+B,IAAhBb,KAAKI,OAAmBC,EAAxB,UAA8CA,EAAnE,IACIE,EAAJ,EAmBA,OAjBIP,KAAKO,KAAOP,KAAhB,OACEO,EACEM,GACCb,KAAKc,OAAST,EAAd,QAAkCJ,EADnC,SAECD,KAAKc,OAAS,IAHjB,KAKSd,KAAKM,MAAQN,KAAjB,SACLO,EACEM,EACCR,EAAA,OADD,EAECJ,EAAA,OAHH,GAOED,KAAJ,WAAmBO,GAAOE,SAAST,KAAhB,WACfA,KAAJ,cAAsBO,GAAOE,SAAST,KAAhB,cAEtB,UAAUA,KAAKe,cAAcR,EAAMP,KAAnC,oBAEFgB,QAlDQ,WAmDN,MAAO,CACL,iBAAkBhB,KADb,IAEL,mBAAoBA,KAFf,MAGL,oBAAqBA,KAHhB,OAIL,kBAAmBA,KAJd,KAKL,sBACkB,KAAhBA,KAAKI,SAAL,IACAJ,KAAKI,QACW,WAAhBJ,KAAKI,SAGXa,mBA9DQ,WA+DN,OAAIjB,KAAJ,WAA4BA,KAAP,WAEdA,KAAKkB,SAAW,mBAAvB,mBAEFC,QAnEQ,WAoEN,OAAOnB,KAAKO,KAAOP,KAAnB,QAEFoB,QAtEQ,WAuEN,OAAOpB,KAAKM,MAAQN,KAApB,OAEFqB,OAzEQ,WA0EN,MAAO,CACLf,KAAMN,KADD,eAELsB,SAAU,eAActB,KAFnB,UAGLuB,SAAU,eAAcvB,KAHnB,UAILwB,QAASxB,KAAKkB,SAAW,GAJpB,EAKLX,IAAKP,KALA,cAMLyB,OAAQzB,KAAKyB,QAAUzB,KAAK0B,gBAKlCC,YAtH8F,WAsHnF,WACT3B,KAAA,WAAe,WACb,SAAc,EAAd,mBAIJ4B,QA5H8F,WA6H5F,WAAI,eAAY5B,KAAM,aAAlB,IACF,eAAa,uGAAb,OAIJ6B,QAAS,CACPC,SADO,WAIL9B,KAHM,mBAKN+B,sBAAsB/B,KAAtB,kBAEFgC,WARO,WASLhC,KAAA,mBAEFiC,sBAXO,WAWc,WACbC,EAAY,kDAAlB,MAiBA,OAfAA,EAAA,MAAmB,SAAAC,GACjB,kBACA,oBAEFD,EAAA,KAAkB,SAAAC,GAChB,kBACA,qBAEFD,EAAA,QAAqB,SAAAC,GACfA,EAAA,UAAc,OAAlB,MACE,kBACA,sBAIJ,GAEFC,cA/BO,WAgCL,IAAMnC,EAAUD,KAAhB,aAEA,OAAKA,KAAL,mBAEOA,KAAKqC,eAAe,aAAc,CACvCtD,MAAO,CACLD,KAAMkB,KAAKiB,qBAEZ,CAJH,IAFqChB,GAQvCqC,WA1CO,WA0CG,MACR,OAAOtC,KAAKqC,eAAe,MAEzBrC,KAAKuC,mBAAmBvC,KAAxB,MAAoC,CAClCwC,YADkC,qBAElCC,OAAK,sBACFzC,KAAD,cADK,GAAF,6CAEwBA,KAFtB,UAAF,iBAGH,4BAA6BA,KAAK0C,gBAH/B,GAKLC,MAAO3C,KAP2B,OAQlC4C,MAAO5C,KAR2B,kBASlC6C,WAAY,CAAC,CACX/D,KADW,OAEXgE,MAAO9C,KAAK+C,kBAEdC,IAAK,YAEPhD,KAjBF,oBAsBJiD,OAnM8F,SAmMxF,GAAG,WACP,OAAOC,EAAElD,KAAD,IAAW,CACjBwC,YADiB,YAEjBC,MAAOzC,KAAKgB,SACX,CACDhB,KAAKmD,iBAAgB,iBAAM,CAAC,EAD3B,oBAEDnD,KALF,qB,gECxNJ,IAAIiD,EAAS,WAAa,IAAIG,EAAIpD,KAASqD,EAAGD,EAAIf,eAAmBiB,EAAGF,EAAIG,MAAMD,IAAID,EAAG,OAAOC,EAAG,MAAM,CAACA,EAAG,SAAS,CAACA,EAAG,aAAaA,EAAG,eAAe,CAACV,MAAM,CAAC,QAAUQ,EAAII,QAAQ,MAAQJ,EAAIzD,KAAK,OAASyD,EAAIK,OAAO,iBAAiB,GAAG,eAAe,CACvP,sBAAuBzD,KAAK0D,GAAG,iBAC9BC,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,MAAMC,GAAG,WAAW,MAAO,CAACR,EAAG,QAAQ,CAACd,YAAY,iCAAiCI,MAAM,CAAC,aAAa,KAAK,CAACU,EAAG,QAAQ,CAACV,MAAM,CAAC,KAAO,KAAK,GAAK,MAAM,CAACU,EAAG,eAAe,CAACb,MAAMW,EAAIW,SAASC,WAAWC,UAAY,OAAS,GAAGrB,MAAM,CAAC,cAAc,cAAc,MAAQQ,EAAIM,GAAG,UAAU,cAAc,GAAG,eAAe,GAAG,MAAQ,GAAG,gBAAgB,GAAG,UAAY,IAAIQ,MAAM,CAACpB,MAAOM,EAAU,OAAEe,SAAS,SAAUC,GAAMhB,EAAIK,OAAOW,GAAKC,WAAW,aAAa,IAAI,KAAKC,OAAM,GAAM,CAACT,IAAI,UAAUC,GAAG,SAASd,GACvhB,IAAIuB,EAAOvB,EAAIuB,KACrB,MAAO,CAACjB,EAAG,QAAQ,CAACV,MAAM,CAAC,UAAU,IAAI4B,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOrB,EAAIsB,MAAMH,EAAKI,OAAO,CAACvB,EAAIwB,GAAG,IAAIxB,EAAIyB,GAAGN,EAAKI,IAAI,UAAU,CAACd,IAAI,eAAeC,GAAG,SAASd,GACnK,IAAIuB,EAAOvB,EAAIuB,KACrB,MAAO,CAACjB,EAAG,IAAI,CAACwB,YAAY,CAAC,YAAY,OAAO,SAAW,SAAS,gBAAgB,WAAW,cAAc,UAAUC,SAAS,CAAC,UAAY3B,EAAIyB,GAAGN,EAAKS,eAAe,CAACnB,IAAI,cAAcC,GAAG,SAASd,GACjM,IAAIuB,EAAOvB,EAAIuB,KACrB,MAAO,CAACjB,EAAG,SAAS,CAACV,MAAM,CAAC,MAAQ2B,EAAKU,OAAOC,MAAM,MAAQ,KAAK,CAAC9B,EAAIwB,GAAGxB,EAAIyB,GAAGN,EAAKU,OAAOE,YAAY,CAACtB,IAAI,cAAcC,GAAG,SAASd,GACnI,IAAIuB,EAAOvB,EAAIuB,KACrB,MAAO,CAACjB,EAAG,YAAY,CAACV,MAAM,CAAC,IAAM,IAAIe,YAAYP,EAAIQ,GAAG,CAAC,CAACC,IAAI,YAAYC,GAAG,SAASd,GACpF,IAAIwB,EAAKxB,EAAIwB,GACT5B,EAAQI,EAAIJ,MACtB,MAAO,CAACU,EAAG,QAAQF,EAAIgC,GAAGhC,EAAIiC,GAAG,CAACzC,MAAM,CAAC,MAAQ,IAAI4B,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOrB,EAAIkC,iBAAiBf,MAAS,QAAQ3B,GAAM,GAAO4B,GAAI,CAAClB,EAAG,SAAS,CAACF,EAAIwB,GAAG,+BAA+B,OAAO,MAAK,IAAO,CAACtB,EAAG,OAAO,CAACF,EAAIwB,GAAGxB,EAAIyB,GAAGzB,EAAIM,GAAG,wBAAwB,GAAGJ,EAAG,gBAAgB,IAClSiC,EAAkB,G,8ECmHtB,GACEzG,KAAM,uCAENa,KAAM,WAAR,OACA,UACA,UAEEG,SAAU,CACR0F,MADJ,WAEM,MAAO,CACb,CAAQ,KAAR,4BAAQ,OAAR,EAAQ,MAAR,SACA,CAAQ,KAAR,6BAAQ,OAAR,EAAQ,MAAR,YAGIhC,QAPJ,WAQM,MAAO,CACb,CAAQ,KAAR,KAAQ,MAAR,MACA,CAAQ,KAAR,mBAAQ,MAAR,WACA,CAAQ,KAAR,gBAAQ,MAAR,qBAEM,CAAE,KAAR,kBAAQ,MAAR,UACA,CAAQ,KAAR,mBAAQ,MAAR,aAKE,QA1BF,WA0BA,8KACA,eACA,qCAFA,OACA,EADA,OAIA,6BACA,4BACA,qBACA,oCAEA,wBAEA,6BACA,qBACA,qBACA,6BACA,UACA,gDACA,0CAGA,eApBA,8CAuBE3B,QAAS,CACP4D,WADJ,WAEMzF,KAAK0F,OAAOC,OAAO,cAAc,IAEnCL,iBAJJ,SAIA,GACWf,EAAKqB,eACR5F,KAAK6F,sBAAsBtB,EAAKI,IAChC3E,KAAK0F,OAAOC,OAAO,yBAGrB3F,KAAK8F,QAAQC,KAAK,CAChBjH,KAAM,kCACNkH,OAAQ,CAAhB,WAGMhG,KAAKyF,cAEPI,sBAjBJ,SAiBA,cACM7F,KAAKL,KAAOK,KAAKL,KAAKsG,KAAI,SAAhC,GACQ,OAAIC,IAAmB3B,EAAKI,GACnB,iCACjB,GADA,IAEYiB,cAAc,EACdX,OAAQ,CAApB,qCAIeV,QC7MmZ,I,yJCO9Z4B,EAAY,eACd,EACAlD,EACAsC,GACA,EACA,KACA,KACA,MAIa,aAAAY,EAAiB,QAchC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,QAAA,KAAMC,OAAA,KAAKC,aAAA,KAAWC,WAAA,KAASC,QAAA,KAAMC,OAAA,KAAKC,aAAA,KAAWC,WAAA","file":"js/chunk-738273b7.0c37b744.js","sourcesContent":["import './VTooltip.sass'\n\n// Mixins\nimport Activatable from '../../mixins/activatable'\nimport Colorable from '../../mixins/colorable'\nimport Delayable from '../../mixins/delayable'\nimport Dependent from '../../mixins/dependent'\nimport Detachable from '../../mixins/detachable'\nimport Menuable from '../../mixins/menuable'\nimport Toggleable from '../../mixins/toggleable'\n\n// Helpers\nimport { convertToUnit, keyCodes, getSlotType } from '../../util/helpers'\nimport { consoleError } from '../../util/console'\n\n// Types\nimport { VNode } from 'vue'\nimport mixins from '../../util/mixins'\n\n/* @vue/component */\nexport default mixins(Colorable, Delayable, Dependent, Detachable, Menuable, Toggleable).extend({\n  name: 'v-tooltip',\n\n  props: {\n    closeDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    disabled: Boolean,\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n    openDelay: {\n      type: [Number, String],\n      default: 0,\n    },\n    openOnHover: {\n      type: Boolean,\n      default: true,\n    },\n    tag: {\n      type: String,\n      default: 'span',\n    },\n    transition: String,\n  },\n\n  data: () => ({\n    calculatedMinWidth: 0,\n    closeDependents: false,\n  }),\n\n  computed: {\n    calculatedLeft (): string {\n      const { activator, content } = this.dimensions\n      const unknown = !this.bottom && !this.left && !this.top && !this.right\n      const activatorLeft = this.attach !== false ? activator.offsetLeft : activator.left\n      let left = 0\n\n      if (this.top || this.bottom || unknown) {\n        left = (\n          activatorLeft +\n          (activator.width / 2) -\n          (content.width / 2)\n        )\n      } else if (this.left || this.right) {\n        left = (\n          activatorLeft +\n          (this.right ? activator.width : -content.width) +\n          (this.right ? 10 : -10)\n        )\n      }\n\n      if (this.nudgeLeft) left -= parseInt(this.nudgeLeft)\n      if (this.nudgeRight) left += parseInt(this.nudgeRight)\n\n      return `${this.calcXOverflow(left, this.dimensions.content.width)}px`\n    },\n    calculatedTop (): string {\n      const { activator, content } = this.dimensions\n      const activatorTop = this.attach !== false ? activator.offsetTop : activator.top\n      let top = 0\n\n      if (this.top || this.bottom) {\n        top = (\n          activatorTop +\n          (this.bottom ? activator.height : -content.height) +\n          (this.bottom ? 10 : -10)\n        )\n      } else if (this.left || this.right) {\n        top = (\n          activatorTop +\n          (activator.height / 2) -\n          (content.height / 2)\n        )\n      }\n\n      if (this.nudgeTop) top -= parseInt(this.nudgeTop)\n      if (this.nudgeBottom) top += parseInt(this.nudgeBottom)\n\n      return `${this.calcYOverflow(top + this.pageYOffset)}px`\n    },\n    classes (): object {\n      return {\n        'v-tooltip--top': this.top,\n        'v-tooltip--right': this.right,\n        'v-tooltip--bottom': this.bottom,\n        'v-tooltip--left': this.left,\n        'v-tooltip--attached':\n          this.attach === '' ||\n          this.attach === true ||\n          this.attach === 'attach',\n      }\n    },\n    computedTransition (): string {\n      if (this.transition) return this.transition\n\n      return this.isActive ? 'scale-transition' : 'fade-transition'\n    },\n    offsetY (): boolean {\n      return this.top || this.bottom\n    },\n    offsetX (): boolean {\n      return this.left || this.right\n    },\n    styles (): object {\n      return {\n        left: this.calculatedLeft,\n        maxWidth: convertToUnit(this.maxWidth),\n        minWidth: convertToUnit(this.minWidth),\n        opacity: this.isActive ? 0.9 : 0,\n        top: this.calculatedTop,\n        zIndex: this.zIndex || this.activeZIndex,\n      }\n    },\n  },\n\n  beforeMount () {\n    this.$nextTick(() => {\n      this.value && this.callActivate()\n    })\n  },\n\n  mounted () {\n    if (getSlotType(this, 'activator', true) === 'v-slot') {\n      consoleError(`v-tooltip's activator slot must be bound, try '<template #activator=\"data\"><v-btn v-on=\"data.on>'`, this)\n    }\n  },\n\n  methods: {\n    activate () {\n      // Update coordinates and dimensions of menu\n      // and its activator\n      this.updateDimensions()\n      // Start the transition\n      requestAnimationFrame(this.startTransition)\n    },\n    deactivate () {\n      this.runDelay('close')\n    },\n    genActivatorListeners () {\n      const listeners = Activatable.options.methods.genActivatorListeners.call(this)\n\n      listeners.focus = (e: Event) => {\n        this.getActivator(e)\n        this.runDelay('open')\n      }\n      listeners.blur = (e: Event) => {\n        this.getActivator(e)\n        this.runDelay('close')\n      }\n      listeners.keydown = (e: KeyboardEvent) => {\n        if (e.keyCode === keyCodes.esc) {\n          this.getActivator(e)\n          this.runDelay('close')\n        }\n      }\n\n      return listeners\n    },\n    genTransition () {\n      const content = this.genContent()\n\n      if (!this.computedTransition) return content\n\n      return this.$createElement('transition', {\n        props: {\n          name: this.computedTransition,\n        },\n      }, [content])\n    },\n    genContent () {\n      return this.$createElement(\n        'div',\n        this.setBackgroundColor(this.color, {\n          staticClass: 'v-tooltip__content',\n          class: {\n            [this.contentClass]: true,\n            menuable__content__active: this.isActive,\n            'v-tooltip__content--fixed': this.activatorFixed,\n          },\n          style: this.styles,\n          attrs: this.getScopeIdAttrs(),\n          directives: [{\n            name: 'show',\n            value: this.isContentActive,\n          }],\n          ref: 'content',\n        }),\n        this.getContentSlot()\n      )\n    },\n  },\n\n  render (h): VNode {\n    return h(this.tag, {\n      staticClass: 'v-tooltip',\n      class: this.classes,\n    }, [\n      this.showLazyContent(() => [this.genTransition()]),\n      this.genActivator(),\n    ])\n  },\n})\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-card',[_c('v-divider'),_c('v-data-table',{attrs:{\"headers\":_vm.headers,\"items\":_vm.data,\"search\":_vm.search,\"items-per-page\":10,\"footer-props\":{\n        'items-per-page-text': this.$t('rowsPerPage'),\n      }},scopedSlots:_vm._u([{key:\"top\",fn:function(){return [_c('v-row',{staticClass:\"align-center pa-4 d-print-none\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"3\"}},[_c('v-text-field',{class:_vm.$vuetify.breakpoint.smAndDown ? 'mt-3' : '',attrs:{\"append-icon\":\"mdi-magnify\",\"label\":_vm.$t('search'),\"single-line\":\"\",\"hide-details\":\"\",\"dense\":\"\",\"solo-inverted\":\"\",\"clearable\":\"\"},model:{value:(_vm.search),callback:function ($$v) {_vm.search=$$v},expression:\"search\"}})],1)],1)]},proxy:true},{key:\"item.id\",fn:function(ref){\n      var item = ref.item;\nreturn [_c('v-btn',{attrs:{\"x-small\":\"\"},on:{\"click\":function($event){return _vm.$copy(item.id)}}},[_vm._v(\" \"+_vm._s(item.id)+\" \")])]}},{key:\"item.message\",fn:function(ref){\n      var item = ref.item;\nreturn [_c('p',{staticStyle:{\"max-width\":\"15ch\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\",\"white-space\":\"nowrap\"},domProps:{\"innerHTML\":_vm._s(item.message)}})]}},{key:\"item.viewed\",fn:function(ref){\n      var item = ref.item;\nreturn [_c('v-chip',{attrs:{\"color\":item.viewed.color,\"small\":\"\"}},[_vm._v(_vm._s(item.viewed.text))])]}},{key:\"item.action\",fn:function(ref){\n      var item = ref.item;\nreturn [_c('v-tooltip',{attrs:{\"top\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function(ref){\n      var on = ref.on;\n      var attrs = ref.attrs;\nreturn [_c('v-btn',_vm._g(_vm._b({attrs:{\"small\":\"\"},on:{\"click\":function($event){return _vm.readNotification(item)}}},'v-btn',attrs,false),on),[_c('v-icon',[_vm._v(\"mdi-magnify-plus-outline\")])],1)]}}],null,true)},[_c('span',[_vm._v(_vm._s(_vm.$t(\"toView\")))])])]}}])})],1),_c('router-view')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-card>\n      <!-- <div class=\"pa-2 d-print-none\">\n        <v-row no-gutters class=\"align-center\">\n          Button Adicionar\n          <v-col cols=\"12\" md=\"9\">\n            <v-btn small color=\"info\" class=\"mr-4\" \n                @click=\"[$router.push({name: 'AdministratorSystemNotificationNew'}), showDialog()]\"\n              >\n                <v-icon left>mdi-plus</v-icon>\n                Adicionar Notificação\n              </v-btn>\n          </v-col>\n          End Button Adicionar\n\n          Search Table\n          <v-col cols=\"12\" md=\"3\">\n            <v-text-field\n              :class=\"$vuetify.breakpoint.smAndDown ? 'mt-3' : ''\"\n              v-model=\"search\"\n              append-icon=\"mdi-magnify\"\n              :label=\"$t('search')\"\n              single-line\n              hide-details\n              dense\n              solo-inverted\n              clearable\n            ></v-text-field>\n          </v-col>\n          End Search Table\n        </v-row>\n      </div> -->\n      <v-divider></v-divider>\n\n      <!-- Table -->\n      <v-data-table\n        :headers=\"headers\"\n        :items=\"data\"\n        :search=\"search\"\n        :items-per-page=\"10\"\n        :footer-props=\"{\n          'items-per-page-text': this.$t('rowsPerPage'),\n        }\"\n      >\n        <template v-slot:top>\n          <!-- <div class=\"pa-2 d-print-none\">\n          </div> -->\n          <v-row no-gutters class=\"align-center pa-4 d-print-none\">\n            <!-- Button Adicionar -->\n            <!-- <v-col cols=\"12\" md=\"9\">\n              <v-btn color=\"info\" class=\"mr-4\" \n                  @click=\"[$router.push({name: 'AdministratorSystemNotificationAdd'}), showDialog()]\"\n                >\n                  <v-icon left>mdi-plus</v-icon>\n                  {{ $t(\"newMessage\") }}\n                </v-btn>\n            </v-col> -->\n            <!-- End Button Adicionar -->\n\n            <!-- Search Table -->\n            <v-col cols=\"12\" md=\"3\">\n              <v-text-field\n                :class=\"$vuetify.breakpoint.smAndDown ? 'mt-3' : ''\"\n                v-model=\"search\"\n                append-icon=\"mdi-magnify\"\n                :label=\"$t('search')\"\n                single-line\n                hide-details\n                dense\n                solo-inverted\n                clearable\n              ></v-text-field>\n            </v-col>\n            <!-- End Search Table -->\n          </v-row>\n        </template>\n        <template v-slot:item.id=\"{ item }\">\n          <v-btn @click=\"$copy(item.id)\" x-small>\n            {{ item.id }}\n          </v-btn>\n        </template>\n\n        <!--  -->\n        <template v-slot:item.message=\"{ item }\">\n          <p\n            v-html=\"item.message\"\n            style=\"\n              max-width: 15ch;\n              overflow: hidden;\n              text-overflow: ellipsis;\n              white-space: nowrap;\n            \"\n          ></p>\n        </template>\n        <!--  -->\n\n        <!--  -->\n        <template v-slot:item.viewed=\"{ item }\">\n          <v-chip :color=\"item.viewed.color\" small>{{\n            item.viewed.text\n          }}</v-chip>\n        </template>\n        <!--  -->\n\n        <!--  -->\n        <template v-slot:item.action=\"{ item }\">\n          <v-tooltip top>\n            <template v-slot:activator=\"{ on, attrs }\">\n              <v-btn\n                v-bind=\"attrs\"\n                v-on=\"on\"\n                small\n                @click=\"readNotification(item)\"\n              >\n                <v-icon>mdi-magnify-plus-outline</v-icon>\n              </v-btn>\n            </template>\n            <span>{{ $t(\"toView\") }}</span>\n          </v-tooltip>\n        </template>\n      </v-data-table>\n      <!-- End Table -->\n    </v-card>\n    <!-- End Datatable -->\n    <router-view></router-view>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"administrator-dashboard-notification\",\n\n  data: () => ({\n    search: \"\",\n    data: [],\n  }),\n  computed: {\n    items() {\n      return [\n        { text: this.$t(\"sgaNotifications\"), status: 1, color: \"green\" },\n        { text: this.$t(\"yourNotifications\"), status: 0, color: \"purple\" },\n      ];\n    },\n    headers() {\n      return [\n        { text: \"Nº\", value: \"id\" },\n        { text: this.$t(\"subject\"), value: \"subject\" },\n        { text: this.$t(\"date\"), value: \"date_notification\" },\n        // { text: \"Mensagem\", value: \"message\" },\n        { text: this.$t(\"status\"), value: \"viewed\" },\n        { text: this.$t(\"actions\"), value: \"action\" },\n      ];\n    },\n  },\n\n  async mounted() {\n    const request = await this.$request.get(\n      \"/administrator/notifications/list\"\n    );\n    request.dados.forEach((item) => {\n      if (/\\[|\\]/.test(item.message)) {\n        var regex = /(\\[)(.*)(\\])/;\n        item.subject = regex.exec(item.message)[2];\n      } else {\n        item.subject = \"sem assunto\";\n      }\n      item.date_notification = new Date(\n        item.date_notification\n      ).toLocaleDateString();\n      item.viewedStatus = item.viewed == \"1\";\n      item.viewed = {\n        text: item.viewed == \"1\" ? this.$t(\"read\") : this.$t(\"notRead\"),\n        color: item.viewed == \"1\" ? \"success\" : \"error\",\n      };\n    });\n    this.data = request.dados;\n  },\n\n  methods: {\n    showDialog() {\n      this.$store.commit(\"showDialog\", true);\n    },\n    readNotification(item) {\n      if (!item.viewedStatus) {\n        this.setNotificationToRead(item.id);\n        this.$store.commit(\"minusOneNotification\");\n      }\n\n      this.$router.push({\n        name: \"AdministratorSystemNotification\",\n        params: { id: item.id },\n      });\n\n      this.showDialog();\n    },\n    setNotificationToRead(notificationId) {\n      this.data = this.data.map((item) => {\n        if (notificationId === item.id) {\n          return {\n            ...item,\n            viewedStatus: true,\n            viewed: { text: this.$t(\"read\"), color: \"success\" },\n          };\n        }\n\n        return item;\n      });\n    },\n  },\n};\n</script>\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=789e70e3&\"\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\nimport { VTooltip } from 'vuetify/lib/components/VTooltip';\ninstallComponents(component, {VBtn,VCard,VChip,VCol,VDataTable,VDivider,VIcon,VRow,VTextField,VTooltip})\n"],"sourceRoot":""}