{"version":3,"sources":["webpack:///./src/views/Notifications.vue?bb3d","webpack:///src/views/Notifications.vue","webpack:///./src/views/Notifications.vue?db3e","webpack:///./src/views/Notifications.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","attrs","on","$event","preventDefault","markAllNotificationsRead","_e","notificationCount","unseenNotifications","length","_l","notification","key","id","goToNotification","_m","body","formatDate","created_at","notifications","message","staticRenderFns","component"],"mappings":"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","file":"js/notifications~1f923722.2948a1ac.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper-page\"},[_c('div',{staticClass:\"container-fluid\"},[_c('h1',{staticClass:\"page-title\"},[_vm._v(_vm._s(_vm.$t('notifications.header')))]),_c('div',{staticClass:\"clearfix\"}),(_vm.showMarkAllAsRead)?_c('a',{staticClass:\"btn btn-outline-primary float-right\",attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.preventDefault();return _vm.markAllNotificationsRead($event)}}},[_vm._v(\"\\n      \"+_vm._s(_vm.$t('notifications.mark_read'))+\"\\n    \")]):_vm._e(),_c('div',{staticClass:\"nav-tabs-wrapper\"},[_c('ul',{staticClass:\"nav nav-tabs\",attrs:{\"role\":\"tablist\"}},[_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link show active\",attrs:{\"data-toggle\":\"tab\",\"href\":\"#unread\",\"role\":\"tab\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('notifications.unread', {notificationCount: _vm.unseenNotifications.length}))+\"\\n          \")])]),_c('li',{staticClass:\"nav-item\"},[_c('a',{staticClass:\"nav-link show\",attrs:{\"data-toggle\":\"tab\",\"href\":\"#notifications\",\"role\":\"tab\"}},[_vm._v(\"\\n            \"+_vm._s(_vm.$t('notifications.all_notifications'))+\"\\n          \")])])])]),_c('div',{staticClass:\"tab-content\",attrs:{\"id\":\"nav-tabContent\"}},[_c('div',{staticClass:\"active tab-pane\",attrs:{\"id\":\"unread\",\"role\":\"tabpanel\"}},[(!_vm.unseenNotifications.length)?_c('div',{staticClass:\"empty-list-wrapper\"},[_c('img',{attrs:{\"src\":require(\"../assets/empty_states/notifications.png\")}}),_c('p',[_vm._v(\"\\n            \"+_vm._s(_vm.$t('dashboard_progress.no_unread_notifications'))+\"\\n          \")])]):_c('div',{staticClass:\"table_wrapper\"},[_c('table',{staticClass:\"table\"},[_c('thead',[_c('tr',[_c('th'),_c('th',[_vm._v(_vm._s(_vm.$t('notifications.message')))]),_c('th',[_vm._v(_vm._s(_vm.$t('notifications.received_on')))])])]),_c('tbody',_vm._l((_vm.unseenNotifications),function(notification){return _c('tr',{key:notification.id,staticClass:\"clickable-row\",on:{\"click\":function($event){$event.preventDefault();return _vm.goToNotification(notification)}}},[_vm._m(0,true),_c('td',[_vm._v(_vm._s(notification.body))]),_c('td',[_vm._v(_vm._s(_vm.formatDate(notification.created_at)))])])}),0)])])]),_c('div',{staticClass:\"tab-pane\",attrs:{\"id\":\"notifications\",\"role\":\"tabpanel\"}},[_c('div',{staticClass:\"table_wrapper\"},[_c('table',{staticClass:\"table\"},[_c('thead',[_c('tr',[_c('th'),_c('th',[_vm._v(_vm._s(_vm.$t(_vm.notifications.message)))]),_c('th',[_vm._v(_vm._s(_vm.$t('notifications.received_on')))])])]),_c('tbody',_vm._l((_vm.notifications),function(notification){return _c('tr',{key:notification.id,staticClass:\"clickable-row\",on:{\"click\":function($event){$event.preventDefault();return _vm.goToNotification(notification)}}},[_c('td'),_c('td',[_vm._v(_vm._s(notification.body))]),_c('td',[_vm._v(_vm._s(_vm.formatDate(notification.created_at)))])])}),0)])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('td',[_c('div',{staticClass:\"red-dot\"})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrapper-page\">\n    <div class=\"container-fluid\">\n      <h1 class=\"page-title\">{{$t('notifications.header')}}</h1>\n      <div class=\"clearfix\"></div>\n      <a v-if=\"showMarkAllAsRead\" @click.prevent=\"markAllNotificationsRead\" href=\"#\" class=\"btn btn-outline-primary float-right\">\n        {{ $t('notifications.mark_read') }}\n      </a>\n\n      <div class=\"nav-tabs-wrapper\">\n        <ul role=\"tablist\" class=\"nav nav-tabs\">\n          <li class=\"nav-item\">\n            <a class=\"nav-link show active\" data-toggle=\"tab\" href=\"#unread\" role=\"tab\">\n              {{$t('notifications.unread', {notificationCount: unseenNotifications.length})}}\n            </a>\n          </li>\n          <li class=\"nav-item\">\n            <a class=\"nav-link show\" data-toggle=\"tab\" href=\"#notifications\" role=\"tab\">\n              {{$t('notifications.all_notifications')}}\n            </a>\n          </li>\n        </ul>\n      </div>\n      <div class=\"tab-content\" id=\"nav-tabContent\">\n        <div class=\"active tab-pane\" id='unread' role=\"tabpanel\">\n          <div v-if=\"!unseenNotifications.length\" class=\"empty-list-wrapper\">\n            <img src=\"../assets/empty_states/notifications.png\">\n            <p>\n              {{$t('dashboard_progress.no_unread_notifications')}}\n            </p>\n          </div>\n          <div class=\"table_wrapper\" v-else>\n            <table class=\"table\">\n              <thead>\n              <tr>\n                <th></th>\n                <th>{{$t('notifications.message')}}</th>\n                <th>{{$t('notifications.received_on')}}</th>\n              </tr>\n              </thead>\n              <tbody>\n              <tr @click.prevent=\"goToNotification(notification)\" v-for='notification in unseenNotifications' :key='notification.id' class=\"clickable-row\">\n                <td><div class=\"red-dot\"></div></td>\n                <td>{{ notification.body }}</td>\n                <td>{{ formatDate(notification.created_at) }}</td>\n              </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n        <div class=\"tab-pane\" id='notifications' role=\"tabpanel\">\n          <div class=\"table_wrapper\">\n            <table class=\"table\">\n              <thead>\n              <tr>\n                <th></th>\n                <th>{{$t(notifications.message)}}</th>\n                <th>{{$t('notifications.received_on')}}</th>\n              </tr>\n              </thead>\n              <tbody>\n              <tr @click.prevent=\"goToNotification(notification)\" v-for='notification in notifications' :key='notification.id' class=\"clickable-row\">\n                <td></td>\n                <td>{{ notification.body }}</td>\n                  <td>{{ formatDate(notification.created_at) }}</td>\n              </tr>\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        showMarkAll: true\n      }\n    },\n    created() {\n      this.store.getNotifications()\n      this.store.sendMetrics({name: 'notifications', params: this.$route.params, path: this.$route.fullPath})\n    },\n    methods: {\n      goToNotification(notification) {\n        this.store.updateNotification(notification.id, { seen: true }).then(() => {\n          if(notification.link)\n            window.open(notification.link, '_blank')\n          else\n            this.$router.push(notification.router_params)\n          this.store.getNotifications()\n        })\n      },\n      markAllNotificationsRead(){\n        this.showMarkAll = false\n        this.$toastr.success(this.$t('notifications.updating'))\n        this.store.markAllNotificationsSeen().then(({data}) => {\n          this.store.getNotifications()\n          this.store.getUnseenNotificationsCount()\n          let message = this.$t('notifications.mark_as_all_read', {notifications: data.success})\n\n          if (data.failures > 0)\n            message += this.$t('notifications.but', {notificationsFailed: data.failures})\n            this.showMarkAll = true\n\n          this.$toastr.success(message)\n        })\n      }\n    },\n    computed: {\n      notifications() {\n        return this.state.notifications || []\n      },\n      unseenNotifications() {\n        return this.notifications.filter(({seen}) => !seen)\n      },\n      showMarkAllAsRead(){\n        return this.unseenNotifications.length > 0 && this.showMarkAll\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=335ef585&\"\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"],"sourceRoot":""}