{"version":3,"sources":["webpack:///./src/views/screens/administration/NotificationManager.vue?cf1f","webpack:///./src/views/screens/administration/NotificationManager.vue?58d0","webpack:///src/views/screens/administration/NotificationManager.vue","webpack:///./src/views/screens/administration/NotificationManager.vue?6d4c","webpack:///./src/views/screens/administration/NotificationManager.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","data_read","read_status","on","$event","getNotification","columns","data_notification","enabled","perPageDropdownEnabled","nextLabel","prevLabel","ofLabel","perPage","placeholder","rowStyleClassFn","scopedSlots","_u","key","fn","props","column","field","row","read","proxy","updateNotification","id","_e","staticStyle","slot","staticRenderFns","components","VueGoodTable","data","label","thClass","width","tdClass","created","methods","computed","component"],"mappings":"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","file":"js/chunk-12d48a26.0f05cacf.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.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!./NotificationManager.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"notification\"},[_c('CCard',{staticClass:\"mb-2\",attrs:{\"title\":\"Tìm kiếm\"}},[_c('CCardHeader',{staticClass:\"pt-1 pb-1\"},[_c('h4',[_vm._v(\"Tìm kiếm\")])]),_c('CCardBody',{staticClass:\"pt-1 pb-1\"},[_c('CRow',{staticClass:\"mb-2\"},[_c('CCol',{attrs:{\"sm\":\"3\"}}),_c('CCol',{attrs:{\"sm\":\"4\"}},[_c('label',{staticClass:\"mb-1\"},[_vm._v(\"Trạng thái\")]),_c('CSelect',{attrs:{\"options\":_vm.data_read,\"value\":_vm.read_status},on:{\"update:value\":function($event){_vm.read_status=$event}}})],1),_c('CCol',{attrs:{\"sm\":\"2\"}},[_c('label',{staticClass:\"mb-0\"},[_vm._v(\" \")]),_c('vs-button',{staticClass:\"custom_btn_search\",attrs:{\"warn\":\"\",\"square\":\"\"},on:{\"click\":function($event){return _vm.getNotification()}}},[_c('i',{staticClass:\"bx bx-search\"}),_vm._v(\" Tìm kiếm\")])],1),_c('CCol',{attrs:{\"sm\":\"3\"}})],1)],1)],1),_c('CCard',{staticClass:\"mb-2\"},[_c('vue-good-table',{attrs:{\"columns\":_vm.columns,\"rows\":_vm.data_notification,\"compactMode\":\"\",\"pagination-options\":{\n        enabled: true,\n        perPageDropdownEnabled: false,\n        nextLabel: 'Trang sau',\n        prevLabel: 'Trang trước',\n        ofLabel: 'của',\n        perPage: 50,\n      },\"line-numbers\":false,\"search-options\":{\n        enabled: false,\n        placeholder: 'Tìm kiếm',\n      },\"sort-options\":{\n        enabled: false,\n      },\"row-style-class\":_vm.rowStyleClassFn},scopedSlots:_vm._u([{key:\"table-row\",fn:function(props){return [(props.column.field === 'action')?_c('div',{staticClass:\"row center\"},[(props.row.read === 1)?_c('div',[_c('vs-tooltip',{attrs:{\"color\":\"success\"},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(\" Đánh dấu là đã đọc \")]},proxy:true}],null,true)},[_c('vs-button',{attrs:{\"transparent\":\"\",\"success\":\"\",\"circle\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.updateNotification(props.row.id)}}},[_c('i',{staticClass:\"bx bxs-check-circle\"})])],1)],1):_vm._e()]):_vm._e()]}}])},[_c('div',{staticStyle:{\"margin-top\":\"10px\",\"margin-bottom\":\"10px\"},attrs:{\"slot\":\"emptystate\"},slot:\"emptystate\"},[_vm._v(\" Không có dữ liệu \")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"notification\">\r\n    <CCard title=\"Tìm kiếm\" class=\"mb-2\">\r\n      <CCardHeader class=\"pt-1 pb-1\">\r\n        <h4>Tìm kiếm</h4>\r\n      </CCardHeader>\r\n      <CCardBody class=\"pt-1 pb-1\">\r\n        <CRow  class=\"mb-2\">\r\n          <CCol sm=\"3\" />\r\n          <CCol sm=\"4\">\r\n              <label  class=\"mb-1\">Trạng thái</label>\r\n              <CSelect\r\n                :options='data_read'\r\n                :value.sync=\"read_status\"\r\n              />\r\n            </CCol>\r\n          <CCol sm=\"2\">\r\n            <label class=\"mb-0\">&nbsp;</label>\r\n            <vs-button\r\n              warn\r\n              square\r\n              class=\"custom_btn_search\"\r\n              @click=\"getNotification()\"\r\n            >\r\n              <i class=\"bx bx-search\"></i>&nbsp;Tìm kiếm</vs-button\r\n            >\r\n          </CCol>\r\n          <CCol sm=\"3\" />\r\n        </CRow>\r\n      </CCardBody>\r\n    </CCard>\r\n    <CCard class=\"mb-2\">\r\n      <vue-good-table\r\n        :columns=\"columns\"\r\n        :rows=\"data_notification\"\r\n        compactMode\r\n        :pagination-options=\"{\r\n          enabled: true,\r\n          perPageDropdownEnabled: false,\r\n          nextLabel: 'Trang sau',\r\n          prevLabel: 'Trang trước',\r\n          ofLabel: 'của',\r\n          perPage: 50,\r\n        }\"\r\n        :line-numbers=\"false\"\r\n        :search-options=\"{\r\n          enabled: false,\r\n          placeholder: 'Tìm kiếm',\r\n        }\"\r\n        :sort-options=\"{\r\n          enabled: false,\r\n        }\"\r\n        :row-style-class=\"rowStyleClassFn\"\r\n      >\r\n        <div slot=\"emptystate\" style=\"margin-top: 10px; margin-bottom: 10px\">\r\n          Không có dữ liệu\r\n        </div>\r\n        <template slot=\"table-row\" slot-scope=\"props\">\r\n          <div v-if=\"props.column.field === 'action'\" class=\"row center\">\r\n            <div v-if=\"props.row.read === 1\">\r\n              <vs-tooltip color=\"success\">\r\n                      <vs-button\r\n                        transparent\r\n                        @click=\"updateNotification(props.row.id)\"\r\n                        success\r\n                        circle\r\n                        icon\r\n                        ><i class=\"bx bxs-check-circle\"></i\r\n                      ></vs-button>\r\n                      <template #tooltip>\r\n                        Đánh dấu là đã đọc\r\n                      </template>\r\n                    </vs-tooltip>\r\n            </div>\r\n          </div>\r\n        </template>\r\n      </vue-good-table>\r\n    </CCard>\r\n\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport ClientFactory from \"@/api/ClientFactory\";\r\nimport { VueGoodTable } from \"vue-good-table\";\r\nconst notificationApi = ClientFactory.get(\"notifications\");\r\n\r\nexport default {\r\n  components: {\r\n    VueGoodTable,\r\n  },\r\n  data: () => ({\r\n    read_status:-1,\r\n    data_read:[\r\n        {\r\n          value: -1,\r\n          label: \"Tất cả\",\r\n        },\r\n        {\r\n          value: 2,\r\n          label: \"Đã đọc\",\r\n        },\r\n        {\r\n          value: 1,\r\n          label: \"Chưa đọc\",\r\n        },\r\n      ],\r\n\r\n    columns: [\r\n      {\r\n        label: \"Người gửi\",\r\n        field: \"full_name_create\",\r\n        thClass: \"text-center\",\r\n        width: \"150px\",\r\n      },\r\n      {\r\n        label: \"Thời gian gửi\",\r\n        field: \"created_date\",\r\n        thClass: \"text-center\",\r\n        width: \"150px\",\r\n      },\r\n      {\r\n        label: \"Tiêu đề\",\r\n        field: \"title\",\r\n        thClass: \"text-center\",\r\n      },\r\n      {\r\n        label: \"Nội dung thông báo\",\r\n        field: \"content\",\r\n        thClass: \"text-center\",\r\n      },\r\n      {\r\n        label: \"Thao tác\",\r\n        field: \"action\",\r\n        thClass: \"text-center\",\r\n        width: '90px',\r\n        tdClass: 'text-center',\r\n      },\r\n    ],\r\n    itemsCount:0,\r\n    data_notification:[],\r\n  }),\r\n  created() {\r\n    this.getNotification();\r\n  },\r\n  methods: {\r\n    ...mapActions(\"ui\", [\"loading\", \"closeLoading\", \"notify\"]),\r\n\r\n    async getNotification() {\r\n        this.loading(this.$vs);\r\n        const {data} = await notificationApi.getNotification(this.read_status,\"\");\r\n        console.log(data);\r\n        if (data.status == \"success\") {\r\n          this.itemsCount = data.data[0].total;\r\n          this.data_notification = data.data[0].notifications;\r\n        } else {\r\n        }\r\n        this.closeLoading();\r\n    },\r\n    async updateNotification(id){\r\n      const {data} = await notificationApi.updateNotification({id:id});\r\n      this.getNotification();\r\n    },\r\n    rowStyleClassFn(row) {\r\n      return row.read ===1 ? 'un-read' : '';\r\n    },\r\n  },\r\n  computed: {\r\n    ...mapState(\"auth\", [\"AppActiveUser\"]),\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.notification {\r\n  table.vgt-table td {\r\n      vertical-align: inherit;\r\n      padding: 0.5em 0.75em 0.5em 0.75em;\r\n  }\r\n  .vgt-responsive {\r\n    overflow-x: inherit;\r\n  }\r\n  .visible {\r\n    visibility: visible !important;\r\n  }\r\n  .un-read td{\r\n    background-color: rgb(231, 247, 231);\r\n    font-weight: bold;\r\n  }\r\n}\r\n\r\n</style>\r\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!./NotificationManager.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!./NotificationManager.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NotificationManager.vue?vue&type=template&id=3f92f679&\"\nimport script from \"./NotificationManager.vue?vue&type=script&lang=js&\"\nexport * from \"./NotificationManager.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NotificationManager.vue?vue&type=style&index=0&lang=scss&\"\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":""}