{"version":3,"sources":["webpack:///./src/components/pagination.vue?6386","webpack:///./src/components/pagination.vue?2a6a","webpack:///src/components/pagination.vue","webpack:///./src/components/pagination.vue?e8cc","webpack:///./src/components/pagination.vue","webpack:///./src/views/notice/Index.vue?9dd4","webpack:///src/views/notice/Index.vue","webpack:///./src/views/notice/Index.vue?39da","webpack:///./src/views/notice/Index.vue","webpack:///./src/views/notice/Index.vue?a51b"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","pagingInfo","page","on","$event","$emit","_e","_l","pageLink","i","key","class","active","isNaN","parseInt","staticStyle","_v","_s","pages","length","staticRenderFns","props","computed","result","push","forEach","component","sipUser","$http","defaults","replaceByDefault","FullName","$const","SIP_ROLES_TEXT","RoleCode","AreaName","Email","Company","reloadPage","markAllAsRead","items","item","Status","NOTICE_STATUS","New","CreatedByNavigation","clickNotice","domProps","showNoticeText","showDateTime","CreatedAt","scopedSlots","_u","fn","proxy","markAsReadUnread","removeNotice","queryObject","pageSize","total","navigatePage","name","components","Pagination","loading","hasNewNotice","JSON","parse","created","$messageHub","$on","updateNotice","beforeDestroy","$off","loadItems","watch","val","methods","queryObj","$router","e","target","src","notice","ActionType","SIP_ACTION_TYPES","Post","UserId","userId","datetime","$moment","diff"],"mappings":"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","file":"js/chunk-0c3a108f.44572fa4.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pagination.vue?vue&type=style&index=0&id=391efb98&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pageination\"},[_c('nav',{attrs:{\"aria-label\":\"Page navigation example\"}},[_c('ul',{staticClass:\"pagination mb-0 justify-content-center\"},[(_vm.pagingInfo.page > 1)?_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:\",\"aria-label\":\"Previous\"},on:{\"click\":function($event){return _vm.$emit('page', _vm.pagingInfo.page - 1)}}},[_c('i',{staticClass:\"fas fa-angle-double-left\"})])]):_vm._e(),_vm._l((_vm.pageLinks),function(pageLink,i){return _c('li',{key:(\"page-\" + i),staticClass:\"page-item\",class:{\n          active: !isNaN(pageLink) && parseInt(pageLink) == _vm.pagingInfo.page,\n        }},[(!isNaN(pageLink))?_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:\"},on:{\"click\":function($event){return _vm.$emit('page', pageLink)}}},[_vm._v(\" \"+_vm._s(pageLink)+\" \")]):_c('span',{staticStyle:{\"line-height\":\"2rem\"}},[_vm._v(\" ... \")])])}),(_vm.pages && _vm.pages.length > _vm.pagingInfo.page)?_c('li',{staticClass:\"page-item\"},[_c('a',{staticClass:\"page-link\",attrs:{\"href\":\"javascript:\",\"aria-label\":\"Next\"},on:{\"click\":function($event){return _vm.$emit('page', _vm.pagingInfo.page + 1)}}},[_c('i',{staticClass:\"fas fa-angle-double-right\"})])]):_vm._e()],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"pageination\">\r\n    <nav aria-label=\"Page navigation example\">\r\n      <ul class=\"pagination mb-0 justify-content-center\">\r\n        <li class=\"page-item\" v-if=\"pagingInfo.page > 1\">\r\n          <a\r\n            class=\"page-link\"\r\n            href=\"javascript:\"\r\n            aria-label=\"Previous\"\r\n            @click=\"$emit('page', pagingInfo.page - 1)\"\r\n          >\r\n            <i class=\"fas fa-angle-double-left\"></i>\r\n          </a>\r\n        </li>\r\n        <li\r\n          v-for=\"(pageLink, i) in pageLinks\"\r\n          class=\"page-item\"\r\n          :key=\"`page-${i}`\"\r\n          :class=\"{\r\n            active: !isNaN(pageLink) && parseInt(pageLink) == pagingInfo.page,\r\n          }\"\r\n        >\r\n          <a\r\n            v-if=\"!isNaN(pageLink)\"\r\n            class=\"page-link\"\r\n            href=\"javascript:\"\r\n            @click=\"$emit('page', pageLink)\"\r\n          >\r\n            {{ pageLink }}\r\n          </a>\r\n          <span style=\"line-height: 2rem\" v-else> ... </span>\r\n        </li>\r\n        <li class=\"page-item\" v-if=\"pages && pages.length > pagingInfo.page\">\r\n          <a\r\n            class=\"page-link\"\r\n            href=\"javascript:\"\r\n            aria-label=\"Next\"\r\n            @click=\"$emit('page', pagingInfo.page + 1)\"\r\n          >\r\n            <i class=\"fas fa-angle-double-right\"></i>\r\n          </a>\r\n        </li>\r\n      </ul>\r\n    </nav>\r\n  </div>\r\n</template>\r\n  \r\n  <script>\r\nexport default {\r\n  props: [\"pagingInfo\"],\r\n  computed: {\r\n    pages() {\r\n      let result = [];\r\n      let pagingInfo = this.pagingInfo;\r\n      if (pagingInfo) {\r\n        let pageNum = Math.ceil(pagingInfo.total / pagingInfo.pageSize);\r\n        for (let i = 0; i < pageNum; i++) {\r\n          result.push(i + 1);\r\n        }\r\n      }\r\n      return result;\r\n    },\r\n\r\n    pageLinks() {\r\n      let result = [];\r\n      let pages = this.pages;\r\n      let currentPage = this.pagingInfo.page;\r\n      pages.forEach((page) => {\r\n        if (\r\n          page == 1 ||\r\n          page == 2 ||\r\n          page == pages.length ||\r\n          page == pages.length - 1 ||\r\n          page == currentPage ||\r\n          page == currentPage - 1 ||\r\n          page == currentPage + 1\r\n        ) {\r\n          result.push(page);\r\n        } else if (\r\n          (page > 2 ||\r\n            page < pages.length - 1 ||\r\n            page == currentPage - 2 ||\r\n            page == currentPage + 2) &&\r\n          result.length &&\r\n          result[result.length - 1] != \"...\"\r\n        ) {\r\n          result.push(\"...\");\r\n        }\r\n      });\r\n      return result;\r\n    },\r\n  },\r\n};\r\n</script>\r\n  \r\n  <style lang=\"scss\" scoped>\r\n.pageination {\r\n  margin-bottom: 2rem;\r\n\r\n  .page-item {\r\n    span {\r\n      line-height: 2.5rem;\r\n      font-size: 1.5rem;\r\n      color: #979797;\r\n      padding: 10px 8px;\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pagination.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./pagination.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./pagination.vue?vue&type=template&id=391efb98&scoped=true&\"\nimport script from \"./pagination.vue?vue&type=script&lang=js&\"\nexport * from \"./pagination.vue?vue&type=script&lang=js&\"\nimport style0 from \"./pagination.vue?vue&type=style&index=0&id=391efb98&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  \"391efb98\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"form-row\"},[_c('div',{staticClass:\"col-md-3\"},[(_vm.sipUser)?_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body text-center\"},[(_vm.sipUser.Email)?_c('img',{staticClass:\"rounded-circle img-fluid w-50\",attrs:{\"src\":((_vm.$http.defaults.baseURL) + \"/Document/download/Employees/\" + (_vm.sipUser.Email) + \".jpg\")},on:{\"error\":_vm.replaceByDefault}}):_c('img',{staticClass:\"rounded-circle img-fluid w-50\",attrs:{\"src\":\"/img/avatar.png\"}})]),_c('div',{staticClass:\"card-body p-2 text-center\"},[_c('h5',{staticClass:\"card-title\"},[_vm._v(_vm._s(_vm.sipUser.FullName))]),_c('p',{staticClass:\"card-text\"},[_vm._v(\" \"+_vm._s(_vm.$const.SIP_ROLES_TEXT[_vm.sipUser.RoleCode])+\" \"),(_vm.sipUser.AreaName)?_c('span',[_vm._v(\" in \"+_vm._s(_vm.sipUser.AreaName)+\" \")]):_vm._e()])]),_c('ul',{staticClass:\"list-group list-group-flush\"},[_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"fas fa-envelope mr-2\"}),_c('a',{attrs:{\"href\":(\"mailto:\" + (_vm.sipUser.Email))}},[_vm._v(_vm._s(_vm.sipUser.Email))])]),(_vm.sipUser.Company)?_c('li',{staticClass:\"list-group-item\"},[_c('i',{staticClass:\"fas fa-building mr-2\"}),_vm._v(\" \"+_vm._s(_vm.sipUser.Company)+\" \")]):_vm._e()])]):_vm._e()]),_c('div',{staticClass:\"col-md-9\"},[(_vm.hasNewNotice)?_c('button',{staticClass:\"new-notice btn btn-sm btn-primary rounded-pill\",on:{\"click\":_vm.reloadPage}},[_c('i',{staticClass:\"fas fa-arrow-up\"}),_vm._v(\" New Notice \")]):_vm._e(),_c('div',{staticClass:\"border border-gray p-3 bg-white rounded box-shadow\"},[_c('div',{staticClass:\"d-flex justify-content-between align-items-center w-100 border-bottom border-gray pb-2\"},[_c('h5',{staticClass:\"mb-0\"},[_vm._v(\" Notifications \"),(_vm.loading)?_c('div',{staticClass:\"d-inline-block font-italic\"},[_c('CSpinner',{staticClass:\"ml-2\",attrs:{\"color\":\"info\",\"size\":\"sm\"}}),_c('small',[_vm._v(\"Loading...\")])],1):_c('a',{attrs:{\"href\":\"javascript:\"},on:{\"click\":_vm.reloadPage}},[_c('i',{staticClass:\"fas fa-refresh\"})])]),_c('a',{staticClass:\"text-muted\",attrs:{\"href\":\"javascript:\"},on:{\"click\":_vm.markAllAsRead}},[_vm._v(\" Mark all as read \")])]),(_vm.items && _vm.items.length)?_vm._l((_vm.items),function(item){return _c('div',{key:(\"notice-\" + (item.Id)),staticClass:\"media text-muted pt-2 px-2 notice-item\",class:{ 'bg-light': item.Status == _vm.$const.NOTICE_STATUS.New }},[(item.CreatedByNavigation && item.CreatedByNavigation.Email)?_c('img',{staticClass:\"mr-2 rounded-circle\",staticStyle:{\"width\":\"50px\",\"height\":\"50px\"},attrs:{\"src\":((_vm.$http.defaults.baseURL) + \"/Document/download/Employees/\" + (item.CreatedByNavigation.Email) + \".jpg\")}}):_c('img',{staticClass:\"mr-2 rounded-circle\",attrs:{\"src\":\"/img/avatar.png\"}}),_c('div',{staticClass:\"media-body pb-2 mb-0 lh-125 border-bottom border-gray\"},[_c('div',{staticClass:\"d-flex justify-content-between align-items-center w-100\"},[_c('div',{attrs:{\"role\":\"button\"},on:{\"click\":function($event){return _vm.clickNotice(item)}}},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.showNoticeText(item))}}),_c('span',{staticClass:\"text-muted small\"},[_c('i',{staticClass:\"fas fa-clock\"}),_vm._v(\" \"+_vm._s(_vm.showDateTime(item.CreatedAt))+\" \")])]),_c('div',{staticClass:\"d-flex justify-content-between align-items-center\"},[(item.Status == _vm.$const.NOTICE_STATUS.New)?_c('i',{staticClass:\"fas fa-circle\",staticStyle:{\"font-size\":\"0.8rem\"}}):_vm._e(),_c('CDropdown',{staticClass:\"c-header-nav-items\",attrs:{\"placement\":\"bottom-end\",\"add-menu-classes\":\"py-0\"},scopedSlots:_vm._u([{key:\"toggler\",fn:function(){return [_c('CButton',{staticClass:\"float-right d-inline\",staticStyle:{\"font-size\":\"1.2rem\",\"line-height\":\"1rem\"},attrs:{\"color\":\"none\",\"size\":\"sm\",\"title\":\"Options\"}},[_c('i',{staticClass:\"fas fa-ellipsis\"})])]},proxy:true}],null,true)},[_c('CDropdownItem',{staticClass:\"px-2 py-1\",on:{\"click\":function($event){return _vm.markAsReadUnread(item)}}},[_c('i',{staticClass:\"fas fa-check mr-2\"}),_vm._v(\" \"+_vm._s(item.Status == _vm.$const.NOTICE_STATUS.New ? \"Mark as read\" : \"Mark as unread\")+\" \")]),_c('CDropdownItem',{staticClass:\"px-2 py-1\",on:{\"click\":function($event){return _vm.removeNotice(item)}}},[_c('i',{staticClass:\"fas fa-trash mr-2\"}),_vm._v(\" Remove \")])],1)],1)])])])}):_vm._e(),_c('Pagination',{staticClass:\"mt-3 mb-0\",attrs:{\"pagingInfo\":{\n          page: _vm.queryObject.page,\n          pageSize: _vm.queryObject.pageSize,\n          total: _vm.total,\n        }},on:{\"page\":_vm.navigatePage}})],2)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"form-row\">\r\n    <div class=\"col-md-3\">\r\n      <div class=\"card\" v-if=\"sipUser\">\r\n        <div class=\"card-body text-center\">\r\n          <img\r\n            v-if=\"sipUser.Email\"\r\n            :src=\"`${$http.defaults.baseURL}/Document/download/Employees/${sipUser.Email}.jpg`\"\r\n            class=\"rounded-circle img-fluid w-50\"\r\n            @error=\"replaceByDefault\"\r\n          />\r\n          <img\r\n            v-else\r\n            src=\"/img/avatar.png\"\r\n            class=\"rounded-circle img-fluid w-50\"\r\n          />\r\n        </div>\r\n        <div class=\"card-body p-2 text-center\">\r\n          <h5 class=\"card-title\">{{ sipUser.FullName }}</h5>\r\n          <p class=\"card-text\">\r\n            {{ $const.SIP_ROLES_TEXT[sipUser.RoleCode] }}\r\n            <span v-if=\"sipUser.AreaName\"> in {{ sipUser.AreaName }} </span>\r\n          </p>\r\n        </div>\r\n        <ul class=\"list-group list-group-flush\">\r\n          <li class=\"list-group-item\">\r\n            <i class=\"fas fa-envelope mr-2\"></i>\r\n            <a :href=\"`mailto:${sipUser.Email}`\">{{ sipUser.Email }}</a>\r\n          </li>\r\n          <li class=\"list-group-item\" v-if=\"sipUser.Company\">\r\n            <i class=\"fas fa-building mr-2\"></i>\r\n            {{ sipUser.Company }}\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"col-md-9\">\r\n      <button\r\n        v-if=\"hasNewNotice\"\r\n        class=\"new-notice btn btn-sm btn-primary rounded-pill\"\r\n        @click=\"reloadPage\"\r\n      >\r\n        <i class=\"fas fa-arrow-up\"></i>\r\n        New Notice\r\n      </button>\r\n      <div class=\"border border-gray p-3 bg-white rounded box-shadow\">\r\n        <div\r\n          class=\"d-flex justify-content-between align-items-center w-100 border-bottom border-gray pb-2\"\r\n        >\r\n          <h5 class=\"mb-0\">\r\n            Notifications\r\n            <div class=\"d-inline-block font-italic\" v-if=\"loading\">\r\n              <CSpinner color=\"info\" size=\"sm\" class=\"ml-2\" />\r\n              <small>Loading...</small>\r\n            </div>\r\n            <a v-else href=\"javascript:\" @click=\"reloadPage\">\r\n              <i class=\"fas fa-refresh\"></i>\r\n            </a>\r\n          </h5>\r\n          <a href=\"javascript:\" class=\"text-muted\" @click=\"markAllAsRead\">\r\n            Mark all as read\r\n          </a>\r\n        </div>\r\n\r\n        <template v-if=\"items && items.length\">\r\n          <div\r\n            v-for=\"item in items\"\r\n            :key=\"`notice-${item.Id}`\"\r\n            class=\"media text-muted pt-2 px-2 notice-item\"\r\n            :class=\"{ 'bg-light': item.Status == $const.NOTICE_STATUS.New }\"\r\n          >\r\n            <img\r\n              class=\"mr-2 rounded-circle\"\r\n              style=\"width: 50px; height: 50px\"\r\n              v-if=\"item.CreatedByNavigation && item.CreatedByNavigation.Email\"\r\n              :src=\"`${$http.defaults.baseURL}/Document/download/Employees/${item.CreatedByNavigation.Email}.jpg`\"\r\n            />\r\n            <img v-else src=\"/img/avatar.png\" class=\"mr-2 rounded-circle\" />\r\n\r\n            <div class=\"media-body pb-2 mb-0 lh-125 border-bottom border-gray\">\r\n              <div\r\n                class=\"d-flex justify-content-between align-items-center w-100\"\r\n              >\r\n                <div role=\"button\" @click=\"clickNotice(item)\">\r\n                  <div v-html=\"showNoticeText(item)\"></div>\r\n                  <span class=\"text-muted small\">\r\n                    <i class=\"fas fa-clock\"></i>\r\n                    {{ showDateTime(item.CreatedAt) }}\r\n                  </span>\r\n                </div>\r\n                <div class=\"d-flex justify-content-between align-items-center\">\r\n                  <i\r\n                    v-if=\"item.Status == $const.NOTICE_STATUS.New\"\r\n                    class=\"fas fa-circle\"\r\n                    style=\"font-size: 0.8rem\"\r\n                  ></i>\r\n                  <CDropdown\r\n                    class=\"c-header-nav-items\"\r\n                    placement=\"bottom-end\"\r\n                    add-menu-classes=\"py-0\"\r\n                  >\r\n                    <template #toggler>\r\n                      <CButton\r\n                        color=\"none\"\r\n                        size=\"sm\"\r\n                        class=\"float-right d-inline\"\r\n                        title=\"Options\"\r\n                        style=\"font-size: 1.2rem; line-height: 1rem\"\r\n                      >\r\n                        <i class=\"fas fa-ellipsis\"></i>\r\n                      </CButton>\r\n                    </template>\r\n                    <CDropdownItem\r\n                      class=\"px-2 py-1\"\r\n                      @click=\"markAsReadUnread(item)\"\r\n                    >\r\n                      <i class=\"fas fa-check mr-2\"></i>\r\n                      {{\r\n                        item.Status == $const.NOTICE_STATUS.New\r\n                          ? \"Mark as read\"\r\n                          : \"Mark as unread\"\r\n                      }}\r\n                    </CDropdownItem>\r\n                    <CDropdownItem\r\n                      class=\"px-2 py-1\"\r\n                      @click=\"removeNotice(item)\"\r\n                    >\r\n                      <i class=\"fas fa-trash mr-2\"></i> Remove\r\n                    </CDropdownItem>\r\n                  </CDropdown>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </template>\r\n\r\n        <Pagination\r\n          class=\"mt-3 mb-0\"\r\n          :pagingInfo=\"{\r\n            page: queryObject.page,\r\n            pageSize: queryObject.pageSize,\r\n            total,\r\n          }\"\r\n          @page=\"navigatePage\"\r\n        />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Pagination from \"@/components/pagination.vue\";\r\nexport default {\r\n  name: \"Notice\",\r\n  components: {\r\n    Pagination,\r\n  },\r\n  data() {\r\n    return {\r\n      loading: false,\r\n      total: 0,\r\n      items: [],\r\n      hasNewNotice: false,\r\n    };\r\n  },\r\n  computed: {\r\n    queryObject() {\r\n      let val = this.$route.query ?? {};\r\n      return {\r\n        page: val.page ?? 1,\r\n        pageSize: val.pageSize ?? 20,\r\n      };\r\n    },\r\n    sipUser() {\r\n      let sipUser = localStorage.getItem(\"sipUser\");\r\n      if (sipUser) {\r\n        return JSON.parse(sipUser);\r\n      } else {\r\n        return null;\r\n      }\r\n    },\r\n  },\r\n  created: function () {\r\n    this.$messageHub.$on(\"UpdatedNotice\", this.updateNotice);\r\n  },\r\n  beforeDestroy: function () {\r\n    //clean SignalR event\r\n    this.$messageHub.$off(\"UpdatedNotice\", this.updateNotice);\r\n  },\r\n  mounted() {\r\n    this.loadItems(this.queryObject);\r\n  },\r\n  watch: {\r\n    queryObject(val) {\r\n      this.loadItems(val);\r\n    },\r\n  },\r\n  methods: {\r\n    async loadItems(queryObj) {\r\n      this.loading = true;\r\n\r\n      try {\r\n        let filter = [];\r\n\r\n        let params = {\r\n          $top: queryObj ? queryObj.pageSize : 20,\r\n          $count: true,\r\n          $orderby: \"CreatedAt desc\",\r\n          $select: \"Id,EntityName,EntityId,ActionType,Status,CreatedAt\",\r\n          $skip: queryObj ? (queryObj.page - 1) * queryObj.pageSize : 0,\r\n          $expand: `CreatedByNavigation($select=FirstName,Email)`,\r\n        };\r\n\r\n        if (filter && filter.length) {\r\n          params.$filter = filter.join(` and `);\r\n        }\r\n\r\n        let resp = await this.$http.get(`odata/SipNotice`, {\r\n          params,\r\n        });\r\n        if (resp && resp.status == 200) {\r\n          this.total = resp.data ? resp.data[\"@odata.count\"] : 0;\r\n          this.items =\r\n            resp.data.value && resp.data.value.length ? resp.data.value : [];\r\n        } else {\r\n          this.total = 0;\r\n          this.items = [];\r\n        }\r\n      } catch (error) {\r\n        alert(error);\r\n      }\r\n\r\n      this.loading = false;\r\n    },\r\n\r\n    reloadPage() {\r\n      let queryObj = this.queryObject;\r\n      if (queryObj && queryObj.page > 1) {\r\n        let query = {\r\n          page: 1,\r\n          pageSize: queryObj.pageSize,\r\n        };\r\n\r\n        this.$router\r\n          .push({\r\n            name: \"Notice\",\r\n            query,\r\n            //hash: null,\r\n          })\r\n          .catch(() => {});\r\n      } else {\r\n        this.loadItems(queryObj);\r\n      }\r\n      this.hasNewNotice = false;\r\n    },\r\n\r\n    navigatePage(page) {\r\n      if (this.queryObject.page != page) {\r\n        let query = {\r\n          page: page,\r\n          pageSize: this.queryObject.pageSize,\r\n        };\r\n\r\n        this.$router\r\n          .push({\r\n            name: \"Notice\",\r\n            query,\r\n            //hash: null,\r\n          })\r\n          .catch(() => {});\r\n      }\r\n    },\r\n\r\n    replaceByDefault(e) {\r\n      e.target.src = \"/img/avatar.png\";\r\n    },\r\n\r\n    showNoticeText(notice) {\r\n      let result = \"\";\r\n\r\n      let firstName = notice.CreatedByNavigation.FirstName;\r\n      let objName = notice.EntityName\r\n        ? notice.EntityName.toLowerCase()\r\n        : \"post\";\r\n\r\n      if (notice.ActionType == this.$const.SIP_ACTION_TYPES.Post) {\r\n        result = `<strong>${firstName}</strong> has just generated new ${objName}.`;\r\n      } else if (notice.ActionType == this.$const.SIP_ACTION_TYPES.Update) {\r\n        result = `<strong>${firstName}</strong> has just updated his/her ${objName}.`;\r\n      } else if (notice.ActionType == this.$const.SIP_ACTION_TYPES.Approve) {\r\n        result = `<strong>${firstName}</strong> has just approved your ${objName}.`;\r\n      } else if (notice.ActionType == this.$const.SIP_ACTION_TYPES.NeedsInfo) {\r\n        result = `<strong>${firstName}</strong> needs more information about your ${objName}.`;\r\n      } else if (notice.ActionType == this.$const.SIP_ACTION_TYPES.Reject) {\r\n        result = `<strong>${firstName}</strong> has just declined your ${objName}.`;\r\n      } else if (\r\n        notice.ActionType == this.$const.SIP_ACTION_TYPES.AddSolution\r\n      ) {\r\n        result = `<strong>${firstName}</strong> has just added new solution in the ${objName}.`;\r\n      } else if (\r\n        notice.ActionType == this.$const.SIP_ACTION_TYPES.ApproveSolution\r\n      ) {\r\n        result = `<strong>${firstName}</strong> has just approved your solution for the ${objName}.`;\r\n      } else if (\r\n        notice.ActionType == this.$const.SIP_ACTION_TYPES.ChallengeSolved\r\n      ) {\r\n        result = `<strong>${firstName}</strong> has already solved your ${objName}.`;\r\n      } else {\r\n        result = `<strong>${firstName}</strong> has just done something with your ${objName}.`;\r\n      }\r\n\r\n      return result;\r\n    },\r\n\r\n    async clickNotice(item) {\r\n      if (item.Status == this.$const.NOTICE_STATUS.New) {\r\n        await this.$http.patch(`/odata/SipNotice/${item.Id}`, {\r\n          Status: this.$const.NOTICE_STATUS.Read,\r\n        });\r\n        this.$user.dispatch(\"getNoticeCount\");\r\n      }\r\n      let routerName =\r\n        item.EntityName == \"Idea\"\r\n          ? \"IdeaDetail\"\r\n          : item.EntityName == \"Challenge\"\r\n          ? \"ChallengeDetail\"\r\n          : \"\";\r\n      if (routerName) {\r\n        this.$router.push({\r\n          name: routerName,\r\n          params: {\r\n            id: item.EntityId,\r\n          },\r\n        });\r\n      }\r\n    },\r\n\r\n    async markAsReadUnread(item) {\r\n      await this.$http.patch(`/odata/SipNotice/${item.Id}`, {\r\n        Status:\r\n          item.Status == this.$const.NOTICE_STATUS.New\r\n            ? this.$const.NOTICE_STATUS.Read\r\n            : this.$const.NOTICE_STATUS.New,\r\n      });\r\n      item.Status =\r\n        item.Status == this.$const.NOTICE_STATUS.New\r\n          ? this.$const.NOTICE_STATUS.Read\r\n          : this.$const.NOTICE_STATUS.New;\r\n      this.$user.dispatch(\"getNoticeCount\");\r\n    },\r\n\r\n    async removeNotice(item) {\r\n      await this.$http.delete(`/odata/SipNotice/${item.Id}`);\r\n      this.loadItems(this.queryObject);\r\n      this.$user.dispatch(\"getNoticeCount\");\r\n    },\r\n\r\n    async markAllAsRead() {\r\n      let ids = [];\r\n      let resp = await this.$http.get(`/odata/SipNotice`, {\r\n        params: {\r\n          $select: `Id`,\r\n          $filter: `Status eq ${this.$const.NOTICE_STATUS.New}`,\r\n        },\r\n      });\r\n      if (\r\n        resp &&\r\n        resp.status == 200 &&\r\n        resp.data &&\r\n        resp.data.value &&\r\n        resp.data.value.length\r\n      ) {\r\n        ids = resp.data.value.map((_) => _.Id);\r\n      }\r\n\r\n      if (ids && ids.length) {\r\n        await this.$func.asyncForEach(ids, async (id) => {\r\n          await this.$http.patch(`/odata/SipNotice/${id}`, {\r\n            Status: this.$const.NOTICE_STATUS.Read,\r\n          });\r\n        });\r\n        this.$user.dispatch(\"getNoticeCount\");\r\n        this.reloadPage();\r\n      }\r\n    },\r\n\r\n    updateNotice({ userId }) {\r\n      if (this.sipUser && this.sipUser.UserId == userId) {\r\n        this.hasNewNotice = true;\r\n      }\r\n    },\r\n\r\n    showDateTime(datetime) {\r\n      return this.$moment().diff(this.$moment(datetime), \"weeks\") < 1\r\n        ? this.$moment(datetime).fromNow()\r\n        : this.$moment(datetime).format(\"DD MMM YYYY, HH:mm\");\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.notice-item {\r\n  &:hover {\r\n    font-weight: bold;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=d80faf2a&scoped=true&\"\nimport script from \"./Index.vue?vue&type=script&lang=js&\"\nexport * from \"./Index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=d80faf2a&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  \"d80faf2a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=style&index=0&id=d80faf2a&lang=scss&scoped=true&\""],"sourceRoot":""}