{"version":3,"sources":["webpack:///./src/views/auth/platform/notifications.vue","webpack:///src/views/auth/platform/notifications.vue","webpack:///./src/views/auth/platform/notifications.vue?bd51","webpack:///./src/views/auth/platform/notifications.vue?d4b0","webpack:///./src/views/auth/platform/notifications.vue?4275"],"names":["render","_vm","this","_c","_self","staticClass","_v","_s","$t","on","readAllNotifications","notifications","length","_l","notification","key","id","$event","goToNotificationRoute","message","_f","created_at","read_at","_e","staticRenderFns","methods","read","user_id","data","name","params","query","date","week","computed","currentUser","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,IAAI,CAACE,YAAY,oCAAoC,CAACF,EAAG,OAAO,CAACE,YAAY,mBAAmB,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,GAAG,4BAA4BL,EAAG,IAAI,CAACE,YAAY,6DAA6DI,GAAG,CAAC,MAAQR,EAAIS,uBAAuB,CAACT,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,GAAG,wCAAyCP,EAAIU,cAAcC,OAAS,EAAGX,EAAIY,GAAIZ,EAAIU,eAAe,SAASG,GAAc,OAAOX,EAAG,MAAM,CAACY,IAAID,EAAaE,GAAGX,YAAY,YAAY,CAACF,EAAG,IAAI,CAACE,YAAY,yEAAyEI,GAAG,CAAC,MAAQ,SAASQ,GAAQ,OAAOhB,EAAIiB,sBAAsBJ,MAAiB,CAACX,EAAG,IAAI,CAACE,YAAY,aAAa,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,GAAG,UAAD,OAAWM,EAAaK,cAAehB,EAAG,IAAI,CAACE,YAAY,iCAAiC,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,GAAG,UAAD,OAAWM,EAAaK,QAAO,cAAahB,EAAG,IAAI,CAACE,YAAY,mBAAmB,CAACJ,EAAIK,GAAGL,EAAIM,GAAGN,EAAImB,GAAG,SAAPnB,CAAiB,CAAEa,EAAaO,YAAa,OAAQ,WAAqC,OAAzBP,EAAaQ,QAAkBnB,EAAG,OAAO,CAACE,YAAY,YAAYJ,EAAIsB,YAAWtB,EAAIsB,MAAM,IAEzpCC,EAAkB,GC4CP,GAEfC,SACAP,kCAAA,WACA,IAAAF,QAAAU,UACA,iDAAAC,iCAAAC,SAAA,iBACA,SACA,6BAAAC,kBAAAC,QAAAd,oBACA,qCAAAa,wBAAAE,OAAAC,qBAAAC,sBACA,wCAAAJ,qBACA,8BAGAnB,gCACA,iDAAAM,QAAAU,YACA,iDAAAC,iCAAAC,WAIAM,UACAvB,yBACA,kDAEAwB,uBACA,kDCtEqX,I,wBCQjXC,EAAY,eACd,EACApC,EACAwB,GACA,EACA,KACA,WACA,MAIa,aAAAY,E,oECnBf","file":"js/chunk-0550b6c1.76e37316.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"notifications py-32\"},[_c('p',{staticClass:\"fw-b mb-16 mt-16 px-md-24 d-flex\"},[_c('span',{staticClass:\"h4 fw-b my-auto\"},[_vm._v(_vm._s(_vm.$t('navbar.notifications')))]),_c('a',{staticClass:\"text-right text-gold small px-16 c-pointer ml-auto my-auto\",on:{\"click\":_vm.readAllNotifications}},[_vm._v(_vm._s(_vm.$t('notifications.mark_all_as_read')))])]),(_vm.notifications.length > 0)?_vm._l((_vm.notifications),function(notification){return _c('div',{key:notification.id,staticClass:\"nav-item\"},[_c('a',{staticClass:\"pr-md-16 py-8 border-bottom d-block position-relative mx-md-24 my-auto\",on:{\"click\":function($event){return _vm.goToNotificationRoute(notification)}}},[_c('p',{staticClass:\"text-dark\"},[_vm._v(_vm._s(_vm.$t(`navbar.${notification.message}`)))]),_c('p',{staticClass:\"text-gray small col-md-8 px-0\"},[_vm._v(_vm._s(_vm.$t(`navbar.${notification.message}_desc`)))]),_c('p',{staticClass:\"small text-gray\"},[_vm._v(_vm._s(_vm._f(\"moment\")([ notification.created_at ],\"from\", \"now\")))]),(notification.read_at === null)?_c('span',{staticClass:\"read-at\"}):_vm._e()])])}):_vm._e()],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<style lang=\"scss\" scoped>\n.notifications {\n    .view-all {\n        border-top: 1px solid var(--border-color);\n    }\n    .nav-item {\n        cursor: pointer;\n        line-height: 24px;\n        &:hover {\n            background: var(--white-hover);\n        }\n    }\n    .read-at {\n        background: var(--gold);\n        border-radius: 50%;\n        width: 8px;\n        height: 8px;\n        position: absolute;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        margin: auto;\n    }\n}\n</style>\n\n<template>\n    <div class=\"notifications py-32\">\n        <p class=\"fw-b mb-16 mt-16 px-md-24 d-flex\">\n            <span class=\"h4 fw-b my-auto\">{{ $t('navbar.notifications') }}</span>\n            <a @click=\"readAllNotifications\" class=\"text-right text-gold small px-16 c-pointer ml-auto my-auto\">{{ $t('notifications.mark_all_as_read') }}</a>\n        </p>\n        <template v-if=\"notifications.length > 0\">\n            <div class=\"nav-item\" v-for=\"notification in notifications\" :key=\"notification.id\">\n                <a @click=\"goToNotificationRoute(notification)\" class=\"pr-md-16 py-8 border-bottom d-block position-relative mx-md-24 my-auto\">\n                    <p class=\"text-dark\">{{ $t(`navbar.${notification.message}`) }}</p>\n                    <p class=\"text-gray small col-md-8 px-0\">{{ $t(`navbar.${notification.message}_desc`) }}</p>\n                    <p class=\"small text-gray\">{{ [ notification.created_at ] | moment(\"from\", \"now\") }}</p>\n                    <span v-if=\"notification.read_at === null\" class=\"read-at\"></span>\n                </a>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script>\nexport default {\n\n    methods: {\n        goToNotificationRoute(n) {\n            let notification_status = [{ id: n.id, read: true }]\n            this.$store.dispatch('user/updateNotifications', { user_id: this.currentUser.user.id, data: notification_status }).then(() => {\n                let route = ''\n                if (n.resource_type === 'tip') route = { name: 'tip-detail', params: { id: n.resource_id } }\n                if (n.resource_type === 'diary_entry') route = { name: 'schedule-details', query: { date: n.metadata.date, week: n.resource_id } }\n                if (n.resource_type === 'sleep_schedule') route = { name: 'user-habits' }\n                if (route !== '') this.$router.push(route)\n            })\n        },\n        readAllNotifications() {\n            let notification_status = this.notifications.map((n) => { return { id: n.id, read: true } })\n            this.$store.dispatch('user/updateNotifications', { user_id: this.currentUser.user.id, data: notification_status })\n        }\n    },\n\n    computed: {\n        notifications() {\n            return this.$store.getters['user/notifications']\n        },\n        currentUser() {\n            return this.$store.getters['user/currentUser']\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=3a2494e4&scoped=true&\"\nimport script from \"./notifications.vue?vue&type=script&lang=js&\"\nexport * from \"./notifications.vue?vue&type=script&lang=js&\"\nimport style0 from \"./notifications.vue?vue&type=style&index=0&id=3a2494e4&prod&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  \"3a2494e4\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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!./notifications.vue?vue&type=style&index=0&id=3a2494e4&prod&lang=scss&scoped=true&\""],"sourceRoot":""}