{"version":3,"sources":["webpack:///./src/views/pages/Notifications.vue","webpack:///./src/components/NotificationCard.vue","webpack:///./src/components/NotificationCard.vue?e2d4","webpack:///./src/components/Loader/NotificationCardLoader.vue","webpack:///./src/components/Loader/NotificationCardLoader.vue?5539","webpack:///./src/views/pages/Notifications.vue?79eb","webpack:///./src/components/NotificationCard.vue?0669"],"names":["class","href","markAllAsRead","markAsReadLoading","$apollo","queries","me","loading","notifications","data","notification","key","id","length","read_at","created_at","message","target_type","to","target_id","props","__exports__","x","y","rx","ry","width","height","i","components","ContentLoader","NotificationCard","NotificationCardLoader","setup","toast","methods","this","mutate","mutation","then","res","console","log","markAllNotificationsAsRead","refetch","$store","commit","success","catch","error","apollo","query","variables","first","render"],"mappings":"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","file":"js/chunk-7419abf4.6b15f6f2.js","sourcesContent":["<template>\n  <div class=\"notifications-page px-2\">\n    <div class=\"d-flex px-2\">\n      <div class=\"col title font-weight-bold h5 my-4 mt-2\">اﻹشعارات</div>\n        <a href=\"#\" @click.prevent=\"markAllAsRead\" class=\"pt-2 card-secondary-lable font-weight-bold\">\n          <i class=\"la la-spinner la-spin\" v-if=\"markAsReadLoading\"></i>\n          <i class=\"la la-check-circle\" v-else></i>\n           تحديد الكل كمقروء</a>\n      <div>\n      </div>\n    </div>\n    \n    <div class=\"hide-scrollbar ps-2\" v-if=\"$apollo.queries.me.loading\">\n        <NotificationCardLoader />\n    </div>\n\n    <div class=\"px-2 justify-content-md-center text-center text-light mx-0\">\n        <div class=\"\" v-for=\"notification in me?.notifications.data\" :key=\"notification.id\">\n            <NotificationCard :notification=\"notification\" />\n        </div>\n    </div>\n\n    <div class=\"text-center px-2\" v-if=\"!$apollo.queries.me.loading && !me.notifications.data.length\">\n      <div class=\"main-card p-5\">\n        لا توجد إشعارات\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport gql from \"graphql-tag\";\nimport NotificationCard from \"../../components/NotificationCard.vue\";\nimport NotificationCardLoader from \"../../components/Loader/NotificationCardLoader.vue\";\nimport { useToast } from 'vue-toastification';\n\nexport default {\n  components: { NotificationCard, NotificationCardLoader },\n\n  setup () {\n    const toast = useToast()\n\n    return {\n      toast\n    }\n  },\n\n  data: () => {\n    return {\n      markAsReadLoading: false,\n      me: null,\n    };\n  },\n\n  methods: {\n\n    markAllAsRead() {\n      this.markAsReadLoading = true\n      this.$apollo.mutate({\n          mutation: gql`\n              mutation {\n                markAllNotificationsAsRead\n              }\n          `,\n      })\n      .then((res) => {\n          // Result\n          console.log(res.data.markAllNotificationsAsRead)\n          this.$apollo.queries.me.refetch()\n          this.$store.commit('UPDATE_UNREAD_NOTIFICATIONS_COUNT', 0)\n          this.toast.success('تم تحديد الكل كمقروء')\n          this.markAsReadLoading = false\n      }).catch((error) => {\n          // Error\n          console.error(error)\n          this.markAsReadLoading = false\n      });\n\n    }\n  },\n\n  apollo: {\n    me: {\n      query: gql`\n        query Provider($first: Int!) {\n          me {\n            notifications (first: $first) {\n              data {\n                id\n                read_at\n                created_at\n\n                data {\n                  message\n                  target_id\n                  target_type\n                }\n              }\n            }\n          }\n        }\n      `,\n      variables () {\n        return {\n          first: 100,\n        }\n      }\n    },\n  },\n};\n</script>\n\n<style>\n\n</style>\n","<template>\n  <div>\n    <div class=\"item shadow-sm p-2 mb-2 card-hover card-secondary-lable \" :class=\"{'active': notification.read_at == null }\">\n      <div class=\"d-flex\">\n        <div class=\"d-flex flex-column justify-content-center\">\n          <span><i class=\"la la-bell h1 pe-3 ps-1\" :class=\"{'text-success': notification.read_at == null }\"></i></span>\n        </div>\n        <div class=\"col\">\n          <div class=\"text-start\">{{ notification.created_at }} </div>\n          <div class=\"text-dark text-start\">{{ notification.data.message }}</div>\n          <div class=\"text-start py-2\" v-if=\"notification.data.target_type != null\">\n            <small>\n              <router-link :to=\"{ name: 'Category', params: { id: notification.data.target_id } }\" class=\"btn btn-default shadow-1 btn-sm\" v-if=\"notification.data.target_type == 'App\\\\Models\\\\Category'\">عرض التصنيف <i class=\"la la-angle-left ms-2\"></i></router-link>\n              <router-link :to=\"{ name: 'Program', params: { id: notification.data.target_id } }\" class=\"btn btn-default shadow-1 btn-sm\" v-if=\"notification.data.target_type == 'App\\\\Models\\\\Program'\" >عرض البرنامج <i class=\"la la-angle-left ms-2\"></i></router-link>\n            </small>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: ['notification'],\n};\n</script>\n\n<style scoped>\n\n  .active {\n    background-color: rgba(140, 255, 147, 0.1);\n  }\n\n</style>\n","import { render } from \"./NotificationCard.vue?vue&type=template&id=03f645c9&scoped=true\"\nimport script from \"./NotificationCard.vue?vue&type=script&lang=js\"\nexport * from \"./NotificationCard.vue?vue&type=script&lang=js\"\n\nimport \"./NotificationCard.vue?vue&type=style&index=0&id=03f645c9&scoped=true&lang=css\"\n\nimport exportComponent from \"/var/www/zaytoon-sudani-frontend/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-03f645c9\"]])\n\nexport default __exports__","<template>\n    <div class=\"col-md-12 mb-2\" v-for=\"i in 4\" :key=\"i\">\n        <div class=\"shadow-sm\">\n            <ContentLoader width=\"400\" height=\"80\" >\n            <rect x=\"357\" y=\"25\" rx=\"7\" ry=\"7\" width=\"30\" height=\"30\" />\n            <rect x=\"193\" y=\"18\" rx=\"3\" ry=\"3\" width=\"150\" height=\"15\" />\n            <rect x=\"63\" y=\"45\" rx=\"3\" ry=\"3\" width=\"280\" height=\"10\" />\n            <rect x=\"113\" y=\"60\" rx=\"3\" ry=\"3\" width=\"230\" height=\"10\" />\n            </ContentLoader>\n        </div>\n    </div>\n</template>\n\n<script>\nimport { ContentLoader } from 'vue-content-loader'\n\nexport default {\n    components: {\n        ContentLoader,\n    }\n}\n</script>\n\n<style>\n\n</style>","import { render } from \"./NotificationCardLoader.vue?vue&type=template&id=bc1e8998\"\nimport script from \"./NotificationCardLoader.vue?vue&type=script&lang=js\"\nexport * from \"./NotificationCardLoader.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/var/www/zaytoon-sudani-frontend/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./Notifications.vue?vue&type=template&id=80c63572\"\nimport script from \"./Notifications.vue?vue&type=script&lang=js\"\nexport * from \"./Notifications.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/var/www/zaytoon-sudani-frontend/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/dist/index.js??ref--1-1!./NotificationCard.vue?vue&type=style&index=0&id=03f645c9&scoped=true&lang=css\""],"sourceRoot":""}