{"version":3,"sources":["webpack:///./src/assets/images/icons/ico_calendar--wh.svg","webpack:///./src/assets/images/icons/ico_settings--wh.svg","webpack:///./src/assets/images/icons/ico_logout--bl.svg","webpack:///./src/assets/images/icons/ico_home--wh.svg","webpack:///./src/assets/images/icons/ico_logout--wh.svg","webpack:///./src/views/NotificationCenterView.vue","webpack:///./src/views/NotificationCenterView.vue?5b64","webpack:///./src/assets/images/icons/ico_d--black.svg","webpack:///./src/components/SideNav.vue","webpack:///./src/components/SideNav.vue?aa49","webpack:///./src/assets/images/icons/ico_d--white.svg","webpack:///./src/assets/images/icons/ico_bell--bl.svg"],"names":["module","exports","class","ref","_createElementVNode","x","y","rx","ry","width","height","_hoisted_12","_hoisted_15","_createElementBlock","_createVNode","_component_side_nav","$data","_hoisted_5","_Fragment","_renderList","_ctx","index","_createBlock","_component_Loader","key","viewBox","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","find","n","utc","createdAt","isSame","_hoisted_13","notification","id","isBefore","filter","indexOf","_hoisted_16","seen","href","innerHTML","$options","onClick","_toDisplayString","fromNow","components","SideNav","Loader","name","data","notifications","oldTotal","newTotal","checkNotifications","loading","page","loadingMoreNotifications","lastId","created","this","reNew","methods","$axios","post","then","res0","previous","res","total","preFilteredNotifications","length","push","shift","forEach","e","from","Array","isArray","route","route_id","type","includes","addCommasAndAnd","list","map","join","resto","slice","formatNotification","text","message_p","message_s","authors","title","replace","markAsRead","$router","params","$refs","dropdown","toggle","status","container","getBoundingClientRect","bottom","window","innerHeight","perPage","perPageCopy","mounted","$nextTick","addEventListener","onScroll","beforeUnmount","removeEventListener","__exports__","render","src","_imports_0","_imports_1","_imports_2","_imports_3","_imports_4","_imports_5","_imports_6","_imports_7","_imports_8","_imports_9","_imports_10","_imports_11","_hoisted_22","_hoisted_23","_component_router_link","meta","section","to","_hoisted_4","state","user","role_id","_hoisted_19","_hoisted_20","_component_NotificationDialog","onClose","NotificationDialog","showNotificationDialog","$store","notification_token","token","path","$route","query","logout"],"mappings":"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","file":"js/chunk-fc249764.6cc2b0dc.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/ico_calendar--wh.4de346d7.svg\";","module.exports = __webpack_public_path__ + \"img/ico_settings--wh.5f5893b8.svg\";","module.exports = __webpack_public_path__ + \"img/ico_logout--bl.20ff7545.svg\";","module.exports = __webpack_public_path__ + \"img/ico_home--wh.e06204fb.svg\";","module.exports = __webpack_public_path__ + \"img/ico_logout--wh.aef1d588.svg\";","<template>\r\n  <div class=\"content-wrapper__layout\">\r\n    <side-nav></side-nav>\r\n    <div class=\"content-wrapper__main-content-wrapper content-wrapper__main-content-wrapper--31\" :ref=\"'container'\">\r\n      <section class=\"main-content\">\r\n        <div class=\"section\" v-if=\"notifications\">\r\n          <div class=\"section__titles\">\r\n            <h3 class=\"section__title\">Centro de notificaciones</h3>\r\n          </div>\r\n          <!--h5 class=\"section__title text-alt\">Se han encontrado los siguientes ({{total}}) resultados de tipo {{filterType}} para \"{{keywords}}\"</!--h5-->\r\n          <Loader v-for=\"index in perPage\" :key=\"index\" viewBox=\"0 0 300 200\">\r\n            <rect x=\"0\" y=\"0\" rx=\"3\" ry=\"3\" width=\"250\" height=\"30\" />\r\n            <rect x=\"20\" y=\"40\" rx=\"3\" ry=\"3\" width=\"260\" height=\"15\" />\r\n            <rect x=\"20\" y=\"70\" rx=\"3\" ry=\"3\" width=\"260\" height=\"15\" />\r\n            <rect x=\"20\" y=\"100\" rx=\"3\" ry=\"3\" width=\"170\" height=\"15\" />\r\n          </Loader>\r\n          <template v-if=\"!loading\">\r\n            <div class=\"box box--no-shadow box--notifications\">\r\n              <h5 class=\"caption\" v-if=\"notifications.find(n => $moment.utc(n.createdAt).isSame($moment.utc(), 'day'))\"><strong>Hoy</strong></h5>\r\n              <div v-for=\"notification in notifications\" :key=\"notification.id\">\r\n                <p class=\"caption after\" v-if=\"$moment.utc(notification.createdAt).isBefore($moment.utc(), 'day') && \r\n                notifications.filter(n => $moment.utc(n.createdAt).isBefore($moment.utc(), 'day')).indexOf(notification) == 0\">\r\n                  <strong>Antes de hoy</strong>\r\n                </p>\r\n                <div class=\"notification\">\r\n                  <div :class=\"['dot', notification.seen ? 'dot--inactive' : '' ]\"></div>\r\n                  <p :class=\"[notification.seen ? 'notification--inactive' : '' ]\">\r\n                    <a href=\"#\"\r\n                      class=\"notification-item\"\r\n                      v-html=\"formatNotification(notification)\"\r\n                      @click=\"markAsRead(notification)\"\r\n                      >\r\n                    </a>\r\n                    {{$moment.utc(notification.createdAt).fromNow()}}\r\n                  </p>                  \r\n                </div>\r\n              </div>\r\n            </div>\r\n          </template>\r\n          <!-- <div class=\"post-list__end\" v-if=\"this.posts.length == this.totalSelected\">\r\n            <img src=\"@/assets/images/illustrations/ill_checklist.png\" alt=\"En la imagen un listado de tareas completado\">\r\n          </div> -->\r\n        </div>\r\n      </section>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport SideNav from '@/components/SideNav.vue'\r\nimport { ContentLoader as Loader } from 'vue-content-loader'\r\n\r\nexport default {\r\n  components: { SideNav, Loader },\r\n  name: 'Home',\r\n  data(){\r\n    return {\r\n      notifications: null,\r\n      oldTotal: 0,\r\n      newTotal: 0,\r\n      checkNotifications: false,\r\n      loading: false,\r\n      page: 0,\r\n      loadingMoreNotifications: false,\r\n      lastId: 0\r\n    }\r\n  },\r\n  created(){\r\n    this.loading = true\r\n    this.reNew()\r\n    this.loading = false\r\n  },\r\n  methods: {\r\n    reNew() {\r\n      this.$axios.post(\"notification/total\").then(res0 => {\r\n        this.oldTotal = res0.data\r\n          if(this.oldTotal != this.newTotal || this.checkNotifications) {\r\n            this.checkNotifications = false\r\n            let previous = null\r\n            this.$axios.post(`notification/getAll/${this.page}/0`).then(res => {\r\n              this.page++\r\n              this.newTotal = res.data.total\r\n              let preFilteredNotifications = []\r\n              const notifications = res.data.notifications\r\n              if(notifications.length > 0){\r\n                preFilteredNotifications.push(notifications[0])\r\n                previous = notifications[0]\r\n                notifications.shift()\r\n                notifications.forEach((e) => {\r\n                  previous.from = Array.isArray(previous.from) ? previous.from : [previous.from]\r\n                  previous.id = Array.isArray(previous.id) ? previous.id : [previous.id]\r\n                  if(previous.route == e.route && previous.route_id == e.route_id && previous.type == e.type) {\r\n                    if(!(previous.from.includes(e.from))){\r\n                      previous.from.push(e.from)\r\n                      previous.id.push(e.id)\r\n                    }\r\n                  }\r\n                  else\r\n                    preFilteredNotifications.push(e)\r\n                  \r\n                  previous = preFilteredNotifications[preFilteredNotifications.length - 1]\r\n                })\r\n                this.lastId = notifications[notifications.length - 1].id\r\n                previous.from = Array.isArray(previous.from) ? previous.from : [previous.from]\r\n                previous.id = Array.isArray(previous.id) ? previous.id : [previous.id]\r\n                }\r\n              this.notifications = preFilteredNotifications\r\n            })\r\n          }\r\n      })\r\n    },\r\n    addCommasAndAnd(list) {\r\n      list = list.map(e => { return `<span class=\"strong\">${e}</span>`})\r\n      if (list.length < 3)\r\n        return list.join(' y ')\r\n      if (list.length >= 3){\r\n        let resto = list.length - 2\r\n        list = list.slice(0, 2)\r\n        if(resto == 1)\r\n          list.push(` y a <span class=\"strong\">1</span> persona más`)\r\n        else\r\n          list.push(` y a ${resto} personas más`)\r\n      }\r\n      return `${list.slice(0, - 1).join(', ')}${list[list.length - 1]}`;\r\n    },\r\n    formatNotification(notification){\r\n      let text = notification.from.length > 1 ? notification.message_p : notification.message_s\r\n      let authors = this.addCommasAndAnd(notification.from)\r\n      let title = `<span class=\"strong\">${notification.title}</span>`\r\n      return text.replace('NAME_PLACEHOLDER', authors).replace('POST_PLACEHOLDER', title).replace('EVENT_PLACEHOLDER', title).replace('COMMENT_PLACEHOLDER', title)\r\n    },\r\n    markAsRead(notification)\r\n    {\r\n      if(!notification.seen)\r\n        this.$axios.post(\"notification/markAsRead\", {id: notification.id}).then(res => {\r\n          if(res.status == 200)\r\n            notification.seen = true\r\n          this.$router.push({name: notification.route, params: {id: notification.route_id}})\r\n          this.$refs.dropdown.toggle()\r\n        })\r\n      else{\r\n        this.$router.push({name: notification.route, params: {id: notification.route_id}})\r\n        this.$refs.dropdown.toggle()\r\n      }\r\n      //CREAR OPCION DE MARCAS TODAS LAS VISIBLES COMO LEÍDAS\r\n    },\r\n    \r\n    async onScroll() {\r\n      if(this.lastId != -1 && this.$refs.container.getBoundingClientRect().bottom < window.innerHeight + 300 && !this.loadingMoreNotifications && this.notifications.length < this.oldTotal){\r\n        this.loadingMoreNotifications = true\r\n        this.perPage = this.perPageCopy\r\n        \r\n        let previous = null\r\n        this.$axios.post(`notification/getAll/${this.page}/${this.lastId}`).then(res => {\r\n          this.page += 1\r\n          this.newTotal += res.data.total\r\n          let preFilteredNotifications = this.notifications\r\n          const notifications = res.data.notifications\r\n          if(notifications.length > 0){\r\n              previous = notifications[0]\r\n              notifications.shift()\r\n              notifications.forEach((e) => {\r\n                previous.from = Array.isArray(previous.from) ? previous.from : [previous.from]\r\n                previous.id = Array.isArray(previous.id) ? previous.id : [previous.id]\r\n                if(previous.route == e.route && previous.route_id == e.route_id) {\r\n                  if(!(previous.from.includes(e.from))){\r\n                    previous.from.push(e.from)\r\n                    previous.id.push(e.id)\r\n                  }\r\n                }\r\n                else\r\n                  preFilteredNotifications.push(e)\r\n                \r\n                previous = preFilteredNotifications[preFilteredNotifications.length - 1]\r\n              })\r\n            this.lastId = notifications[notifications.length - 1]?.id || -1\r\n            previous.from = Array.isArray(previous.from) ? previous.from : [previous.from]\r\n            previous.id = Array.isArray(previous.id) ? previous.id : [previous.id]\r\n            }\r\n          this.notifications = preFilteredNotifications\r\n          this.loadingMoreNotifications = false\r\n        })\r\n      }\r\n    },\r\n  },  \r\n  mounted() {\r\n    this.$nextTick(() => {\r\n        window.addEventListener('scroll', this.onScroll);\r\n    })\r\n  },\r\n  beforeUnmount() {\r\n    this.$nextTick(() => {\r\n        window.removeEventListener('scroll', this.onScroll);\r\n    })\r\n  }\r\n}\r\n</script>","import { render } from \"./NotificationCenterView.vue?vue&type=template&id=119a81bd\"\nimport script from \"./NotificationCenterView.vue?vue&type=script&lang=js\"\nexport * from \"./NotificationCenterView.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\gerardo\\\\source\\\\repos\\\\Dorapp Web\\\\Dorapp Web\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/ico_d--black.15699a3a.svg\";","<template>\r\n  <div class=\"sidenav\">\r\n    <div class=\"sidenav__position sidenav__position--top\">\r\n      <div class=\"sidenav__items\">\r\n        <router-link :class=\"['sidenav__item', $route.meta.section == 'home' ? 'sidenav__item--active' : '']\" :to=\"{ name: 'Home' }\">\r\n          <img class=\"sidenav__ico sidenav__ico--wh\" src=\"@/assets/images/icons/ico_home--wh.svg\">\r\n          <img class=\"sidenav__ico sidenav__ico--bl\" src=\"@/assets/images/icons/ico_home--bl.svg\">\r\n           Inicio\r\n        </router-link>\r\n        <router-link :class=\"['sidenav__item', $route.meta.section == 'events' ? 'sidenav__item--active' : '']\" :to=\"{ name: 'Events' }\">\r\n          <img class=\"sidenav__ico sidenav__ico--wh\" src=\"@/assets/images/icons/ico_calendar--wh.svg\">\r\n          <img class=\"sidenav__ico sidenav__ico--bl\" src=\"@/assets/images/icons/ico_calendar--bl.svg\">\r\n           Calendario\r\n        </router-link>        \r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"sidenav__position sidenav__position--bottom\">\r\n      <div class=\"sidenav__items\">\r\n        <router-link class=\"sidenav__item\" :to=\"{ name: 'Caracteristicas' }\">\r\n          <img class=\"sidenav__ico sidenav__ico--wh\" src=\"@/assets/images/icons/ico_d--white.svg\">\r\n          <img class=\"sidenav__ico sidenav__ico--bl\" src=\"@/assets/images/icons/ico_d--black.svg\">\r\n            ¿Qué es dorapp?\r\n        </router-link>\r\n        <template v-if=\"$store.state.user.role_id\">\r\n          <a href=\"#\" class=\"sidenav__item\" @click.prevent=\"showNotificationDialog = true\">\r\n            <img class=\"sidenav__ico sidenav__ico--wh\" src=\"@/assets/images/icons/ico_bell--wh.svg\">\r\n            <img class=\"sidenav__ico sidenav__ico--bl\" src=\"@/assets/images/icons/ico_bell--bl.svg\">\r\n            Notificaciones\r\n          </a>\r\n          <router-link v-if=\"$store.state.user.role_id == 1\" :class=\"['sidenav__item', $route.meta.section == 'sistema' ? 'sidenav__item--active' : '']\" :to=\"{ name: 'GroupsAndPermissions' }\">\r\n            <img class=\"sidenav__ico sidenav__ico--wh\" src=\"@/assets/images/icons/ico_settings--wh.svg\">\r\n            <img class=\"sidenav__ico sidenav__ico--bl\" src=\"@/assets/images/icons/ico_settings--bl.svg\">\r\n            Sistema\r\n          </router-link>\r\n          <a href=\"#\" class=\"sidenav__item sidenav__item--danger\" @click.prevent=\"logout()\">\r\n            <img class=\"sidenav__ico sidenav__ico--wh\" src=\"@/assets/images/icons/ico_logout--wh.svg\">\r\n            <img class=\"sidenav__ico sidenav__ico--bl\" src=\"@/assets/images/icons/ico_logout--bl.svg\">\r\n            Salir\r\n          </a>\r\n        </template>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <NotificationDialog v-if=\"showNotificationDialog\" @close=\"showNotificationDialog = false\"/>\r\n</template>\r\n\r\n<script>\r\n  import NotificationDialog from '@/components/NotificationsDialog.vue'\r\n  export default {\r\n    name: \"SideNav\",\r\n    components: { NotificationDialog },\r\n    \r\n    data() {\r\n      return {\r\n        showNotificationDialog: false\r\n      }\r\n    },\r\n    methods:{\r\n      async logout() {\r\n        if(this.$store.state.notification_token)\r\n          await this.$axios.post('users/clear-token', {token: this.$store.state.notification_token})\r\n        this.$router.push({ path: this.$route.path, query: { logout: true } })\r\n      }\r\n    }\r\n  }\r\n</script>","import { render } from \"./SideNav.vue?vue&type=template&id=2d3c1f9a\"\nimport script from \"./SideNav.vue?vue&type=script&lang=js\"\nexport * from \"./SideNav.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"C:\\\\Users\\\\gerardo\\\\source\\\\repos\\\\Dorapp Web\\\\Dorapp Web\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/ico_d--white.a55f6118.svg\";","module.exports = __webpack_public_path__ + \"img/ico_bell--bl.bf15531e.svg\";"],"sourceRoot":""}