{"version":3,"sources":["webpack:///./src/containers/TheContainer.vue?6198","webpack:///./src/containers/TheFooter.vue?c55d","webpack:///./src/containers/TheHeaderDropdownAccnt.vue?9d06","webpack:///./src/components/notification/Notification.vue?e4e5","webpack:///./src/containers/TheHeaderNotificationDropdown.vue?a4b3","webpack:///./src/components/inform/TheInform.vue?80fb","webpack:///./src/containers/TheContainer.vue?9ad7","webpack:///./src/containers/TheSidebar.vue?116e","webpack:///src/containers/TheSidebar.vue","webpack:///./src/containers/TheSidebar.vue?4bfd","webpack:///./src/containers/TheSidebar.vue","webpack:///./src/containers/TheHeader.vue?2e57","webpack:///./src/containers/TheHeaderDropdownAccnt.vue?89a9","webpack:///src/containers/TheHeaderDropdownAccnt.vue","webpack:///./src/containers/TheHeaderDropdownAccnt.vue?7418","webpack:///./src/containers/TheHeaderDropdownAccnt.vue","webpack:///./src/containers/TheHeaderNotificationDropdown.vue?4fee","webpack:///./src/components/notification/Notification.vue?9d19","webpack:///src/components/notification/Notification.vue","webpack:///./src/components/notification/Notification.vue?7a27","webpack:///./src/components/notification/Notification.vue","webpack:///src/containers/TheHeaderNotificationDropdown.vue","webpack:///./src/containers/TheHeaderNotificationDropdown.vue?4c3f","webpack:///./src/containers/TheHeaderNotificationDropdown.vue","webpack:///./src/components/inform/TheInform.vue?0394","webpack:///src/components/inform/TheInform.vue","webpack:///./src/components/inform/TheInform.vue?b00e","webpack:///./src/components/inform/TheInform.vue","webpack:///src/containers/TheHeader.vue","webpack:///./src/containers/TheHeader.vue?5773","webpack:///./src/containers/TheHeader.vue","webpack:///./src/containers/TheFooter.vue?5be4","webpack:///src/containers/TheFooter.vue","webpack:///./src/containers/TheFooter.vue?2965","webpack:///./src/containers/TheFooter.vue","webpack:///src/containers/TheContainer.vue","webpack:///./src/containers/TheContainer.vue?3720","webpack:///./src/containers/TheContainer.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","key","$route","path","staticRenderFns","minimize","show","on","value","$store","commit","nav","data","name","computed","state","sidebarShow","sidebarMinimize","created","load_role","load_menu","methods","component","$event","staticStyle","_v","_s","AppActiveUser","full_name","department_name","directives","rawName","expression","alert","scopedSlots","_u","fn","avatar","proxy","logout","itemsCount","loading","$vs","dispatch","destroyed","closeLoading","data_notification","_e","length","_l","notify","index","id","title","full_name_create","created_date","updateNotification","content","goToPage","link_web","components","getNotification","dismiss","ma_chi_tiet_tin","tieu_de","displayDetail","dialog","isShow","model","callback","$$v","$set","ngay_tao","nguoi_tao","dia_diem","ngay_bd","gio_bd","TheHeaderDropdownAccnt","TheHeaderNotificationDropdown","TheInform","displayInform","Date","getFullYear","GetLinkAndroid","GetLinkIOS","TheSidebar","TheHeader","TheFooter"],"mappings":"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","file":"js/chunk-47eb9eb2.bdf2db99.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheContainer.vue?vue&type=style&index=0&id=3b21ac01&scoped=true&lang=css&\"","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!./TheFooter.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHeaderDropdownAccnt.vue?vue&type=style&index=0&id=47edd3bf&scoped=true&lang=css&\"","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!./Notification.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHeaderNotificationDropdown.vue?vue&type=style&index=0&id=461a4f32&scoped=true&lang=css&\"","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!./TheInform.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:\"c-app\"},[_c('TheSidebar'),_c('CWrapper',[_c('TheHeader'),_c('div',{staticClass:\"c-body\"},[_c('main',{staticClass:\"c-main\"},[_c('CContainer',{attrs:{\"fluid\":\"\"}},[_c('transition',{attrs:{\"name\":\"fade\",\"mode\":\"out-in\"}},[_c('router-view',{key:_vm.$route.path})],1)],1)],1)]),_c('TheFooter')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CSidebar',{attrs:{\"fixed\":\"\",\"minimize\":_vm.minimize,\"show\":_vm.show},on:{\"update:show\":function (value) { return _vm.$store.commit('set', ['sidebarShow', value]); }}},[_c('CSidebarBrand',{staticClass:\"d-md-down-none\",attrs:{\"to\":\"/\",\"colorScheme\":\"light\"}},[_c('CImg',{staticClass:\"img-fluid c-sidebar-brand-full\",attrs:{\"src\":\"/img/logo.png\"}}),_c('CImg',{staticClass:\"img-fluid c-sidebar-brand-minimized\",attrs:{\"src\":\"/img/logo.png\"}})],1),_c('CRenderFunction',{attrs:{\"flat\":\"\",\"content-to-render\":_vm.nav}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <CSidebar\n    fixed\n    :minimize=\"minimize\"\n    :show=\"show\"\n    @update:show=\"(value) => $store.commit('set', ['sidebarShow', value])\"\n  >\n    <CSidebarBrand class=\"d-md-down-none\" to=\"/\" colorScheme=\"light\">\n      <CImg src=\"/img/logo.png\" class=\"img-fluid c-sidebar-brand-full\" />\n\n      <CImg src=\"/img/logo.png\" class=\"img-fluid c-sidebar-brand-minimized\" />\n    </CSidebarBrand>\n\n    <CRenderFunction flat :content-to-render=\"nav\" />\n  </CSidebar>\n</template>\n\n<script>\n// import nav2 from \"./_nav\";\nimport { mapActions } from \"vuex\";\nimport ClientFactory from \"@/api/ClientFactory\";\nconst menuApi = ClientFactory.get(\"menus\");\nconst UserApi = ClientFactory.get(\"users\");\nexport default {\n  data: () => ({\n    nav: [],\n  }),\n  name: \"TheSidebar\",\n  computed: {\n    show() {\n      return this.$store.state.sidebarShow;\n    },\n    minimize() {\n      return this.$store.state.sidebarMinimize;\n    },\n  },\n  created() {\n    this.load_role();\n    this.load_menu();\n  },\n  methods: {\n    ...mapActions(\"ui\", [\"loading\", \"closeLoading\", \"notify\"]),\n\n    load_role: async function() {\n      const result = await UserApi.get_role_user();\n      if (result.status == \"success\") {\n        localStorage.setItem(\"rus\", JSON.stringify(result.data));\n      }\n    },\n    load_menu: async function() {\n      const result = await menuApi.list_menu_main();\n      if (result.status == \"success\") {\n        this.nav = [await this.convert(result.data)];\n      } else {\n        this.nav = [];\n      }\n    },\n    async convert(array) {\n      var map = {};\n      map._name = \"CSidebarNav\";\n      map._children = [];\n      for (var i = 0; i < array.length; i++) {\n        var obj = {};\n        if (array[i].url_menu != null) {\n          obj.to = array[i].url_menu;\n          obj._name = \"CSidebarNavItem\";\n          obj.name = array[i].menu_name;\n          obj.icon = array[i].icon;\n        } else {\n          obj._name = \"CSidebarNavTitle\";\n          obj._children = [array[i].menu_name];\n        }\n        map._children.push(obj);\n      }\n      return map;\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!./TheSidebar.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!./TheSidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheSidebar.vue?vue&type=template&id=1e4e3831&\"\nimport script from \"./TheSidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./TheSidebar.vue?vue&type=script&lang=js&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CHeader',{attrs:{\"fixed\":\"\",\"with-subheader\":\"\",\"light\":\"\"}},[_c('CToggler',{staticClass:\"ml-3 d-lg-none\",attrs:{\"in-header\":\"\"},on:{\"click\":function($event){return _vm.$store.commit('toggleSidebarMobile')}}}),_c('CToggler',{staticClass:\"ml-3 d-md-down-none\",attrs:{\"in-header\":\"\"},on:{\"click\":function($event){return _vm.$store.commit('toggleSidebarDesktop')}}}),_c('CHeaderBrand',{staticClass:\"mx-auto d-lg-none\",staticStyle:{\"margin-left\":\"10% !important\"},attrs:{\"to\":\"/\"}},[_c('CImg',{staticClass:\"img-fluid c-sidebar-brand-minimized\",attrs:{\"src\":\"/img/logo.png\"}})],1),_c('CHeaderNav',{staticClass:\"d-md-down-none mr-auto\"},[_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{attrs:{\"to\":\"/dashboard\"}},[_vm._v(\" Dashboard \")])],1),_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{attrs:{\"to\":\"/timekeeping\",\"exact\":\"\"}},[_vm._v(\" Chấm công \")])],1),_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{attrs:{\"to\":\"/surveys/list\",\"exact\":\"\"}},[_vm._v(\" Khảo sát \")])],1)],1),_c('CHeaderNav',{staticClass:\"mr-4\"},[_c('TheHeaderNotificationDropdown'),_c('CHeaderNavItem',{staticClass:\"d-md-down-none mx-2\"},[_c('div',{staticClass:\"text-right mr-1 ml-1\"},[_c('span',{staticClass:\"fw-bold\"},[_vm._v(_vm._s(_vm.AppActiveUser.full_name))])]),_c('div',{staticClass:\"text-right mr-1 ml-1\"},[_c('span',{staticClass:\"font-italic small\",staticStyle:{\"color\":\"green\"}},[_vm._v(_vm._s(_vm.AppActiveUser.department_name))])])]),_c('TheHeaderDropdownAccnt')],1),_c('CSubheader',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.alert),expression:\"alert\"}],staticClass:\"px-3 pl-4 \"},[_c('the-inform',{on:{\"show\":function (value) { return _vm.alert = value; }}})],1),_c('CSubheader',{staticClass:\"px-3\"},[_c('CBreadcrumbRouter',{staticClass:\"border-0 mb-0\"})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CDropdown',{staticClass:\"c-header-nav-items\",attrs:{\"inNav\":\"\",\"placement\":\"bottom-end\",\"add-menu-classes\":\"pt-0\"},scopedSlots:_vm._u([{key:\"toggler\",fn:function(){return [_c('CHeaderNavLink',[_c('div',{staticClass:\"c-avatar\"},[_c('CImg',{staticClass:\"c-avatar-img\",attrs:{\"src\":_vm.AppActiveUser.avatar}})],1)])]},proxy:true}])},[_c('CDropdownHeader',{staticClass:\"text-center\",attrs:{\"tag\":\"div\",\"color\":\"light\"}},[_c('strong',[_vm._v(\"Tài khoản\")])]),_c('CDropdownItem',{attrs:{\"to\":\"/user\"}},[_c('CIcon',{attrs:{\"name\":\"cil-user\"}}),_vm._v(\" Thông tin tài khoản \")],1),_c('CDropdownItem',{on:{\"click\":_vm.logout}},[_c('CIcon',{attrs:{\"name\":\"cil-lock-locked\"}}),_vm._v(\" Đăng xuất \")],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { mapState, mapActions } from \"vuex\";\nexport default {\n  name: \"TheHeaderDropdownAccnt\",\n  data() {\n    return {\n      itemsCount: 42, // dummy.This value should get from vuex or API.\n    };\n  },\n  methods: {\n    ...mapActions(\"ui\", [\"loading\", \"closeLoading\"]),\n    logout() {\n      // Gọi hàm logout từ Vuex\n      this.loading(this.$vs);\n      this.$store.dispatch(\"auth/logout\");\n    },\n  },\n  computed: {\n    ...mapState(\"auth\", [\"AppActiveUser\"]),\n  },\n  destroyed() {\n    this.closeLoading();\n  },\n};\n</script>\n\n<template>\n  <CDropdown\n    inNav\n    class=\"c-header-nav-items\"\n    placement=\"bottom-end\"\n    add-menu-classes=\"pt-0\"\n  >\n    <template #toggler>\n      <CHeaderNavLink>\n        <div class=\"c-avatar\">\n          <CImg :src=\"AppActiveUser.avatar\" class=\"c-avatar-img\" />\n        </div>\n      </CHeaderNavLink>\n    </template>\n    <CDropdownHeader tag=\"div\" class=\"text-center\" color=\"light\">\n      <strong>Tài khoản</strong>\n    </CDropdownHeader>\n    <!-- <CDropdownItem>\n      <CIcon name=\"cil-envelope-open\" /> Thông báo\n      <CBadge color=\"success\" class=\"mfs-auto\">{{ itemsCount }}</CBadge>\n    </CDropdownItem> -->\n    <CDropdownItem to=\"/user\">\n      <CIcon name=\"cil-user\" /> Thông tin tài khoản\n    </CDropdownItem>\n    <!-- <CDropdownDivider/> -->\n    <!-- <CDropdownItem>\n      <CIcon name=\"cil-shield-alt\" /> Khóa tài khoản\n    </CDropdownItem> -->\n    <CDropdownItem @click=\"logout\">\n      <CIcon name=\"cil-lock-locked\" /> Đăng xuất\n    </CDropdownItem>\n  </CDropdown>\n</template>\n\n<style scoped>\n.c-icon {\n  margin-right: 0.3rem;\n}\n</style>\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!./TheHeaderDropdownAccnt.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!./TheHeaderDropdownAccnt.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheHeaderDropdownAccnt.vue?vue&type=template&id=47edd3bf&scoped=true&\"\nimport script from \"./TheHeaderDropdownAccnt.vue?vue&type=script&lang=js&\"\nexport * from \"./TheHeaderDropdownAccnt.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheHeaderDropdownAccnt.vue?vue&type=style&index=0&id=47edd3bf&scoped=true&lang=css&\"\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  \"47edd3bf\",\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('Notification',{attrs:{\"itemsCount\":this.itemsCount,\"data_notification\":this.data_notification}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"notification-container\"},[_c('CDropdown',{staticClass:\"c-header-nav-items\",attrs:{\"inNav\":\"\",\"placement\":\"bottom-end\",\"add-menu-classes\":\"pt-0\"},scopedSlots:_vm._u([{key:\"toggler\",fn:function(){return [_c('CHeaderNavItem',{staticClass:\"d-md-down-none mx-2\"},[_c('CHeaderNavLink',[_c('CIcon',{staticClass:\"bx-tada-hover\",attrs:{\"name\":\"cil-bell\",\"size\":\"lg\"}}),(_vm.itemsCount > 0)?_c('CBadge',{staticClass:\"mfs-auto\",attrs:{\"color\":\"danger\"}},[_vm._v(_vm._s(_vm.itemsCount))]):_vm._e()],1)],1)]},proxy:true}])},[_c('CDropdownHeader',{staticClass:\"text-right\",staticStyle:{\"width\":\"410px\"},attrs:{\"tag\":\"div\",\"color\":\"light\"}},[_c('CLink',{attrs:{\"href\":\"/notification\"}},[_vm._v(\"Xem tất cả\")])],1),(_vm.data_notification.length === 0)?_c('span',{staticClass:\"center\"},[_vm._v(\"Không có thông báo\")]):_vm._e(),_c('div',{staticClass:\"notification-dropdown-containner\"},_vm._l((_vm.data_notification),function(notify,index){return _c('div',{key:index,staticClass:\"accordion\",attrs:{\"role\":\"tablist\"}},[_c('b-card',{staticClass:\"mb-1\",attrs:{\"no-body\":\"\"}},[_c('b-card-header',{staticClass:\"p-1\",attrs:{\"header-tag\":\"header\",\"role\":\"tab\"}},[_c('div',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:('accordion-'+notify.id),expression:\"'accordion-'+notify.id\"}],attrs:{\"block\":\"\"}},[_c('CRow',{staticClass:\"ml-0 mr-0 \"},[_c('CCol',{staticClass:\"center\",attrs:{\"sm\":\"1\"}},[_c('CImg',{staticClass:\"c-avatar-img\",attrs:{\"src\":notify.avatar}})],1),_c('CCol',{staticClass:\"center-vertical\",attrs:{\"sm\":\"10\"}},[_c('div',{staticClass:\"mr-1 ml-1\"},[_c('span',{staticClass:\"fw-bold title\"},[_vm._v(_vm._s(notify.title))])]),_c('div',{staticClass:\"mr-1 ml-1\"},[_c('span',{staticClass:\"small short-description\"},[_vm._v(\"Người gửi: \"+_vm._s(notify.full_name_create || 'Hệ thống')+\" - Ngày gửi: \"+_vm._s(notify.created_date))])])]),_c('CCol',{staticClass:\"center\",attrs:{\"sm\":\"1\"}},[_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(notify.id)}}},[_c('i',{staticClass:\"bx bxs-check-circle\"})])],1)],1)],1)],1)]),_c('b-collapse',{attrs:{\"id\":'accordion-'+notify.id,\"accordion\":\"my-accordion\",\"role\":\"tabpanel\"}},[_c('CRow',{staticClass:\"ml-0 mr-0 center\"},[_c('CCol',{staticClass:\"none\",attrs:{\"sm\":\"1\"}}),_c('CCol',{attrs:{\"sm\":\"10\"}},[_c('b-card-text',{staticClass:\"text-left body-text\"},[_vm._v(\"Tin nhắn: \"),_c('em',[_vm._v(_vm._s(notify.content))])])],1),_c('CCol',{staticClass:\"center\",attrs:{\"sm\":\"1\"}},[_c('vs-tooltip',{attrs:{\"color\":\"success\"},scopedSlots:_vm._u([{key:\"tooltip\",fn:function(){return [_vm._v(\" Tra cứu nội dung \")]},proxy:true}],null,true)},[_c('vs-button',{attrs:{\"transparent\":\"\",\"circle\":\"\",\"icon\":\"\"},on:{\"click\":function($event){return _vm.goToPage(notify.link_web,notify.id)}}},[_c('i',{staticClass:\"bx bxs-arrow-from-left\"})])],1)],1)],1)],1)],1)],1)}),0)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"notification-container\">\r\n    <CDropdown\r\n      inNav\r\n      class=\"c-header-nav-items\"\r\n      placement=\"bottom-end\"\r\n      add-menu-classes=\"pt-0\"\r\n    >\r\n      <template #toggler>\r\n        <CHeaderNavItem class=\"d-md-down-none mx-2\">\r\n          <CHeaderNavLink>\r\n            <CIcon name=\"cil-bell\" class=\"bx-tada-hover\" size=\"lg\"/>\r\n            <CBadge color=\"danger\" class=\"mfs-auto\" v-if=\"itemsCount > 0\">{{ itemsCount }}</CBadge>\r\n          </CHeaderNavLink>\r\n        </CHeaderNavItem>\r\n      </template>\r\n      <CDropdownHeader tag=\"div\" class=\"text-right\" color=\"light\"  style=\"width:410px\">\r\n          <CLink href= \"/notification\">Xem tất cả</CLink>\r\n      </CDropdownHeader>\r\n      <span v-if=\"data_notification.length === 0\" class=\"center\">Không có thông báo</span>\r\n      <div class=\"notification-dropdown-containner\">\r\n        <div class=\"accordion\" role=\"tablist\" v-for=\"(notify, index) in data_notification\" v-bind:key=\"index\" >\r\n          <b-card no-body class=\"mb-1\">\r\n            <b-card-header header-tag=\"header\" class=\"p-1\" role=\"tab\">\r\n              <div block v-b-toggle=\"'accordion-'+notify.id\">\r\n                <CRow class=\"ml-0 mr-0 \">\r\n                  <CCol sm=\"1\" class=\"center\">\r\n                    <CImg\r\n                    :src=\"notify.avatar\"\r\n                    class=\"c-avatar-img\"\r\n                  />\r\n                  </CCol>\r\n                  <CCol sm=\"10\" class=\"center-vertical\">\r\n                      <div class=\"mr-1 ml-1\">\r\n                          <span class=\"fw-bold title\">{{ notify.title }}</span>\r\n                      </div>\r\n                      <div class=\"mr-1 ml-1\">\r\n                          <span class=\"small short-description\">Người gửi: {{ notify.full_name_create || 'Hệ thống'}} - Ngày gửi: {{ notify.created_date }}</span>\r\n                      </div>\r\n                  </CCol>\r\n                  <CCol sm=\"1\" class=\"center\">\r\n                    <vs-tooltip color=\"success\">\r\n                            <vs-button\r\n                              transparent\r\n                              @click=\"updateNotification(notify.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                  </CCol>\r\n                </CRow>\r\n              </div>\r\n            </b-card-header>\r\n            <b-collapse v-bind:id=\"'accordion-'+notify.id\" accordion=\"my-accordion\" role=\"tabpanel\">\r\n              <CRow class=\"ml-0 mr-0 center\">\r\n                <CCol sm=\"1\" class=\"none\"></CCol>\r\n                <CCol sm=\"10\">\r\n                  <b-card-text class=\"text-left body-text\" >Tin nhắn: <em>{{ notify.content }}</em></b-card-text>\r\n                </CCol>\r\n                  <CCol sm=\"1\" class=\"center\">\r\n                    <vs-tooltip color=\"success\">\r\n                            <vs-button\r\n                              transparent\r\n                              @click=\"goToPage(notify.link_web,notify.id)\"\r\n                              circle\r\n                              icon\r\n                              ><i class=\"bx bxs-arrow-from-left\"></i\r\n                            ></vs-button>\r\n                            <template #tooltip>     \r\n                              Tra cứu nội dung\r\n                            </template>\r\n                          </vs-tooltip>\r\n                  </CCol>\r\n                  \r\n                </CRow>\r\n            </b-collapse>\r\n          </b-card>\r\n        </div>\r\n      </div>\r\n      \r\n    </CDropdown>\r\n  </div>\r\n</template>\r\n \r\n<script>\r\nimport ClientFactory from \"@/api/ClientFactory\";\r\nconst notificationApi = ClientFactory.get(\"notifications\");\r\nexport default {\r\n    name: \"Notification\",\r\n    props: {\r\n      itemsCount: 0,\r\n      data_notification:[]\r\n    },\r\n    methods: {\r\n        async getNotification() {\r\n            const {data} = await notificationApi.getNotification(1,\"\");\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        },\r\n        async updateNotification(id){\r\n            const {data} = await notificationApi.updateNotification({id:id});\r\n            this.getNotification();\r\n        },\r\n        goToPage(url,id){\r\n            this.$router.push({path: url}).catch(() => {});\r\n            this.updateNotification(id);\r\n        },\r\n        // gotoNotificationManager(){\r\n        //     this.$router.push({path: `notification`}).catch(() => {});\r\n        // }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  .notification-container {\r\n    .body-text {\r\n      color: black\r\n    }\r\n    .short-description {\r\n      color: gray;\r\n    }\r\n    .card {\r\n      border: 0;\r\n      border-bottom: 0.5px solid #ebe9f1;\r\n      border-radius: 0;\r\n    }\r\n    .card-header {\r\n      border-bottom: 1px dashed gray;\r\n    }\r\n    .title {\r\n      color: #444444;\r\n      word-wrap: break-word;\r\n      width: 300px;\r\n      display: block;\r\n      // white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n    .notification-dropdown-containner {\r\n      max-height: 400px;\r\n      margin: 0em;\r\n      overflow-y: auto;\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!./Notification.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!./Notification.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Notification.vue?vue&type=template&id=440a09c8&\"\nimport script from \"./Notification.vue?vue&type=script&lang=js&\"\nexport * from \"./Notification.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Notification.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","<script>\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport ClientFactory from \"@/api/ClientFactory\";\r\nimport Notification from \"../components/notification/Notification\"\r\nconst notificationApi = ClientFactory.get(\"notifications\");\r\nexport default {\r\n  name: \"TheHeaderNotificationDropdown\",\r\n  components:{Notification},\r\n  data() {\r\n    return {\r\n      itemsCount: 0, // dummy.This value should get from vuex or API.\r\n      data_notification:[]\r\n    };\r\n  },\r\n  created() {\r\n    this.getNotification();\r\n  },\r\n  methods: {\r\n    ...mapActions(\"ui\", [\"loading\", \"closeLoading\"]),\r\n    async getNotification() {\r\n        const {data} = await notificationApi.getNotification(1,\"\");\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    },\r\n  },\r\n  computed: {\r\n    ...mapState(\"auth\", [\"AppActiveUser\"]),\r\n  },\r\n  destroyed() {\r\n    this.closeLoading();\r\n  },\r\n};\r\n</script>\r\n<template>\r\n    <Notification :itemsCount=\"this.itemsCount\" :data_notification=\"this.data_notification\"/>\r\n</template>\r\n\r\n<style scoped>\r\n.c-icon {\r\n  margin-right: 0.3rem;\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!./TheHeaderNotificationDropdown.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!./TheHeaderNotificationDropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheHeaderNotificationDropdown.vue?vue&type=template&id=461a4f32&scoped=true&\"\nimport script from \"./TheHeaderNotificationDropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./TheHeaderNotificationDropdown.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheHeaderNotificationDropdown.vue?vue&type=style&index=0&id=461a4f32&scoped=true&lang=css&\"\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  \"461a4f32\",\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:\"inform-containner mt-2\"},[_c('CAlert',{staticClass:\"mb-2\",attrs:{\"color\":\"danger\",\"closeButton\":\"\",\"fade\":\"\"},on:{\"update:show\":_vm.dismiss}},[(_vm.alert.ma_chi_tiet_tin > 0)?_c('transition',{attrs:{\"name\":\"slide-fade\",\"mode\":\"out-in\"}},[_c('div',{key:_vm.alert.tieu_de},[_c('CLink',{staticClass:\"mr-5\",on:{\"click\":function($event){return _vm.displayDetail(_vm.alert)}}},[_vm._v(_vm._s(_vm.alert.tieu_de))])],1)]):_c('span',{staticClass:\"mr-5\"},[_vm._v(_vm._s(_vm.alert.tieu_de))])],1),_c('vs-dialog',{attrs:{\"prevent-close\":\"\",\"width\":\"550px\"},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"con-footer flex flex-end\"},[_c('vs-button',{attrs:{\"danger\":\"\",\"transparent\":\"\"},on:{\"click\":function($event){_vm.state.dialog.isShow = false}}},[_vm._v(\" OK \")])],1)]},proxy:true}]),model:{value:(_vm.state.dialog.isShow),callback:function ($$v) {_vm.$set(_vm.state.dialog, \"isShow\", $$v)},expression:\"state.dialog.isShow\"}},[_c('h4',[_vm._v(\"Thông báo\")]),(_vm.state.dialog.data.tieu_de)?_c('p',[_vm._v(\" \"+_vm._s(_vm.state.dialog.data.tieu_de || \"Không có nội dung\"))]):_vm._e(),_c('hr'),_c('CRow',{staticClass:\"ml-0 mb-1\"},[_c('span',[_c('b',[_vm._v(\"Ngày tạo:\")]),_vm._v(\" \"+_vm._s(_vm.state.dialog.data.ngay_tao))])]),(_vm.state.dialog.data.nguoi_tao)?_c('CRow',{staticClass:\"ml-0 mb-1\"},[_c('span',[_c('b',[_vm._v(\"Người tạo:\")]),_vm._v(\" \"+_vm._s(_vm.state.dialog.data.nguoi_tao))])]):_vm._e(),(_vm.state.dialog.data.dia_diem)?_c('CRow',{staticClass:\"ml-0 mb-1\"},[_c('span',[_c('b',[_vm._v(\"Địa điểm:\")]),_vm._v(\" \"+_vm._s(_vm.state.dialog.data.dia_diem))])]):_vm._e(),(_vm.state.dialog.data.ngay_bd)?_c('CRow',{staticClass:\"ml-0 mb-1\"},[_c('span',[_c('b',[_vm._v(\"Thời gian bắt đầu:\")]),_vm._v(\" \"+_vm._s(_vm.state.dialog.data.ngay_bd)+\", \"+_vm._s(_vm.state.dialog.data.gio_bd))])]):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\r\nimport ClientFactory from \"@/api/ClientFactory\";\r\nconst informApi = ClientFactory.get(\"inform\");\r\nimport { CAlert } from '@coreui/vue'\r\n\r\nexport default {\r\n    components:{\r\n        CAlert\r\n    },\r\n    data: () => ({\r\n        informs:[{\r\n            title: \"\",\r\n            link:\"\",\r\n        }],\r\n        alert: {},\r\n        interval: \"\",\r\n        state: {\r\n            dialog: {\r\n                isShow: false,\r\n                data: {}\r\n            }\r\n            \r\n        }\r\n    }),\r\n\r\n    created() {\r\n        this.getInforms();\r\n    },\r\n    methods: {\r\n        async getInforms() {\r\n             const {data: {data}} = await informApi.getLatest();\r\n             this.informs = data;\r\n             this.displayAlert(data);\r\n        },\r\n        dismiss () {\r\n            this.$emit('show', false);\r\n            clearInterval(this.interval);\r\n        },\r\n        displayAlert(data = []) {\r\n            if(data.length == 0) {\r\n                // hide inform bar\r\n                return this.$emit('show', false);\r\n            }\r\n\r\n            if(data.length > 0) {\r\n                // Hiển thị một thông báo và không cần thiết phải thiết lập interval thay đổi thông báo\r\n                const [firstItem] = data;\r\n                this.alert = firstItem;\r\n            }\r\n\r\n            if(data.length > 1) {\r\n                // Hiển thị thông báo và thiết lập interval thay đổi thông báo luân phiên\r\n                this.interval = setInterval(()=> {\r\n                    this.alert = data[Math.floor(Math.random() * data.length)]\r\n                }, 6000)\r\n            }\r\n            return this.$emit('show', true);\r\n        },\r\n        displayDetail(data) {\r\n            if(this.alert['ma_chi_tiet_tin'] > 0) {\r\n                this.state.dialog.isShow = true;\r\n                this.state.dialog.data = data;\r\n            }\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<template>\r\n    <div class=\"inform-containner mt-2\" >\r\n        <CAlert class=\"mb-2\" color=\"danger\" closeButton fade @update:show=\"dismiss\">\r\n            <transition v-if=\"alert.ma_chi_tiet_tin > 0\" name=\"slide-fade\" mode=\"out-in\">\r\n                <div :key=\"alert.tieu_de\">\r\n                    <CLink @click=\"displayDetail(alert)\" class=\"mr-5\">{{alert.tieu_de}}</CLink>\r\n                </div>\r\n            </transition>\r\n            <span v-else class=\"mr-5\">{{alert.tieu_de}}</span>\r\n        </CAlert>\r\n        <vs-dialog prevent-close width=\"550px\" v-model=\"state.dialog.isShow\">\r\n            <h4>Thông báo</h4>\r\n            <p v-if=\"state.dialog.data.tieu_de\"> {{state.dialog.data.tieu_de || `Không có nội dung`}}</p>\r\n            <hr>\r\n            <CRow class=\"ml-0 mb-1\">\r\n                <span><b>Ngày tạo:</b> {{state.dialog.data.ngay_tao}}</span>\r\n            </CRow>\r\n            <CRow class=\"ml-0 mb-1\" v-if=\"state.dialog.data.nguoi_tao\">\r\n                <span><b>Người tạo:</b> {{state.dialog.data.nguoi_tao}}</span>\r\n            </CRow>\r\n            <CRow class=\"ml-0 mb-1\" v-if=\"state.dialog.data.dia_diem\">\r\n                <span><b>Địa điểm:</b> {{state.dialog.data.dia_diem}}</span>\r\n            </CRow>\r\n            <CRow class=\"ml-0 mb-1\" v-if=\"state.dialog.data.ngay_bd\">\r\n                <span><b>Thời gian bắt đầu:</b> {{state.dialog.data.ngay_bd}}, {{state.dialog.data.gio_bd}}</span>\r\n            </CRow>\r\n            \r\n            <template #footer>\r\n                <div class=\"con-footer flex flex-end\">\r\n                    <vs-button @click=\"state.dialog.isShow = false\" danger transparent>\r\n                       OK\r\n                    </vs-button>\r\n                </div>\r\n            </template>\r\n        </vs-dialog>\r\n    </div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n    .inform-containner {\r\n        .title {\r\n            color: #ff0000;\r\n            font-weight: bold;\r\n        }\r\n        .title a {\r\n            color: #ff0000 !important;\r\n        }\r\n        width: 100%;\r\n        .slide-fade-enter-active {\r\n            transition: all .3s ease;\r\n        }\r\n        .slide-fade-leave-active {\r\n            transition: all .8s cubic-bezier(1.0, 0.5, 0.8, 1.0);\r\n        }\r\n        .slide-fade-enter, .slide-fade-leave-to\r\n        /* .slide-fade-leave-active for <2.1.8 */ {\r\n            transform: translateX(10px);\r\n            opacity: 0;\r\n        }\r\n        a {\r\n            color: #893232;\r\n        }\r\n        a:hover {\r\n            text-decoration: none;\r\n        }\r\n    }\r\n\r\n</style>","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!./TheInform.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!./TheInform.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheInform.vue?vue&type=template&id=8605522c&\"\nimport script from \"./TheInform.vue?vue&type=script&lang=js&\"\nexport * from \"./TheInform.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheInform.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","<template>\n  <CHeader fixed with-subheader light>\n    <CToggler\n      in-header\n      class=\"ml-3 d-lg-none\"\n      @click=\"$store.commit('toggleSidebarMobile')\"\n    />\n    <CToggler\n      in-header\n      class=\"ml-3 d-md-down-none\"\n      @click=\"$store.commit('toggleSidebarDesktop')\"\n    />\n    <CHeaderBrand\n      class=\"mx-auto d-lg-none\"\n      style=\"margin-left: 10% !important;\"\n      to=\"/\"\n    >\n      <CImg src=\"/img/logo.png\" class=\"img-fluid c-sidebar-brand-minimized\" />\n    </CHeaderBrand>\n    <CHeaderNav class=\"d-md-down-none mr-auto\">\n      <CHeaderNavItem class=\"px-3\">\n        <CHeaderNavLink to=\"/dashboard\">\n          Dashboard\n        </CHeaderNavLink>\n      </CHeaderNavItem>\n      <CHeaderNavItem class=\"px-3\">\n        <CHeaderNavLink to=\"/timekeeping\" exact>\n          Chấm công\n        </CHeaderNavLink>\n      </CHeaderNavItem>\n      <CHeaderNavItem class=\"px-3\">\n        <CHeaderNavLink to=\"/surveys/list\" exact>\n          Khảo sát\n        </CHeaderNavLink>\n      </CHeaderNavItem>\n    </CHeaderNav>\n    <CHeaderNav class=\"mr-4\">\n      <!-- <CHeaderNavItem class=\"d-md-down-none mx-2\">\n        <CHeaderNavLink>\n          <CIcon name=\"cil-bell\"/>\n          <CBadge color=\"success\" class=\"mfs-auto\">{{ itemsCount }}</CBadge>\n        </CHeaderNavLink>\n      </CHeaderNavItem> -->\n      <TheHeaderNotificationDropdown/>\n      <CHeaderNavItem class=\"d-md-down-none mx-2\">\n        <div class=\"text-right mr-1 ml-1\">\n          <span class=\"fw-bold\">{{ AppActiveUser.full_name }}</span>\n        </div>\n        <div class=\"text-right mr-1 ml-1\">\n          <span class=\"font-italic small\" style=\"color: green\">{{ AppActiveUser.department_name }}</span>\n        </div>\n      </CHeaderNavItem>\n      <TheHeaderDropdownAccnt />\n    </CHeaderNav>\n\n    <CSubheader class=\"px-3 pl-4 \" v-show=\"alert\">\n        <the-inform @show=\"value => alert = value\" />\n    </CSubheader>\n    \n    <CSubheader class=\"px-3\">\n      <CBreadcrumbRouter class=\"border-0 mb-0\" />\n    </CSubheader>\n  </CHeader>\n</template>\n\n<script>\nimport TheHeaderDropdownAccnt from \"./TheHeaderDropdownAccnt\";\nimport TheHeaderNotificationDropdown from \"./TheHeaderNotificationDropdown.vue\"\nimport TheInform from \"../components/inform/TheInform.vue\";\nimport { mapState } from \"vuex\";\n\nexport default {\n  name: \"TheHeader\",\n  components: {\n    TheHeaderDropdownAccnt,\n    TheHeaderNotificationDropdown,\n    TheInform\n  },\n  data: () => ({\n    alert: false,\n  }),\n  computed: {\n    ...mapState(\"auth\", [\"AppActiveUser\"]),\n  },\n  methods: {\n    displayInform() {\n      this.alert = false\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!./TheHeader.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!./TheHeader.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheHeader.vue?vue&type=template&id=6653f5b3&\"\nimport script from \"./TheHeader.vue?vue&type=script&lang=js&\"\nexport * from \"./TheHeader.vue?vue&type=script&lang=js&\"\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CFooter',{attrs:{\"fixed\":false,\"id\":\"FooterPage\"}},[_c('div',[_vm._v(\" Copyright \"),_c('span',{staticClass:\"ml-1\"},[_vm._v(\"© \"+_vm._s(new Date().getFullYear())+\" \"),_c('a',{attrs:{\"href\":\"http://thainguyen.vnpt.vn\",\"target\":\"_blank\"}},[_vm._v(\"VNPT Thái Nguyên\")]),_vm._v(\".\")])]),_c('div',{staticClass:\"c-application2\"},[_c('vs-button',{staticClass:\"c-android\",attrs:{\"square\":\"\",\"transparent\":\"\"},on:{\"click\":function($event){return _vm.GetLinkAndroid()}}},[_c('div',{staticClass:\"c-application\"},[_c('CImg',{staticClass:\"c-application-img\",attrs:{\"src\":\"https://ttdhnbstcapi.vnptthainguyen.vn/images/avatar/google.png\"}})],1)]),_c('vs-button',{staticClass:\"c-ios\",attrs:{\"square\":\"\",\"transparent\":\"\"},on:{\"click\":function($event){return _vm.GetLinkIOS()}}},[_c('div',{staticClass:\"c-application\"},[_c('CImg',{staticClass:\"c-application-img\",attrs:{\"src\":\"https://ttdhnbstcapi.vnptthainguyen.vn/images/avatar/ios.png\"}})],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <CFooter :fixed=\"false\" id=\"FooterPage\">\n    <div>\n      Copyright\n      <span class=\"ml-1\"\n        >&copy; {{ new Date().getFullYear() }}\n        <a href=\"http://thainguyen.vnpt.vn\" target=\"_blank\">VNPT Thái Nguyên</a\n        >.</span\n      >\n    </div>\n    <div class=\"c-application2\">\n      <vs-button square transparent @click=\"GetLinkAndroid()\" class=\"c-android\">\n        <div class=\"c-application\">\n          <CImg\n            src=\"https://ttdhnbstcapi.vnptthainguyen.vn/images/avatar/google.png\"\n            class=\"c-application-img\"\n          />\n        </div>\n      </vs-button>\n      <vs-button square transparent @click=\"GetLinkIOS()\" class=\"c-ios\">\n        <div class=\"c-application\">\n          <CImg\n            src=\"https://ttdhnbstcapi.vnptthainguyen.vn/images/avatar/ios.png\"\n            class=\"c-application-img\"\n          />\n        </div>\n      </vs-button>\n    </div>\n  </CFooter>\n</template>\n\n<script>\nimport ClientFactory from \"@/api/ClientFactory\";\nconst authApi = ClientFactory.get(\"auth\");\n\nexport default {\n  data: () => ({\n    name: \"TheFooter\",\n  }),\n\n  methods: {\n    async GetLinkIOS() {\n      const {data} = await authApi.getapp();\n      if (data.status == \"success\") {\n          window.location = data.data[0].link;\n      }\n        \n    },\n    async GetLinkAndroid() {\n      window.location= \"https://play.google.com/store/apps/details?id=com.mobile.tnn.sotc&hl=vi&gl=US\";\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n#FooterPage {\n  .c-application {\n    position: relative;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n    -webkit-box-pack: center;\n    -ms-flex-pack: center;\n    justify-content: center;\n    border-radius: 50em;\n    width: 100px;\n    height: auto;\n    font-size: 14.4px;\n  }\n  .c-android {\n    float: right;\n    background-color: transparent;\n    background-repeat: no-repeat;\n    border: none;\n    cursor: pointer;\n    overflow: hidden;\n    outline: none;\n  }\n  .c-ios {\n    background-color: transparent;\n    background-repeat: no-repeat;\n    border: none;\n    cursor: pointer;\n    overflow: hidden;\n    outline: none;\n  }\n  .c-application-img {\n    width: 100px;\n    height: 30px;\n    border-radius: 50em;\n  }\n  @media only screen and (min-width: 500px) {\n    .c-application2 {\n      position: absolute;\n      right: 15px;\n    }\n  }\n}\n</style>\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!./TheFooter.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!./TheFooter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheFooter.vue?vue&type=template&id=f6863d90&\"\nimport script from \"./TheFooter.vue?vue&type=script&lang=js&\"\nexport * from \"./TheFooter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheFooter.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","<template>\n  <div class=\"c-app\">\n    <TheSidebar/>\n    <CWrapper>\n      <TheHeader/>\n      <div class=\"c-body\">\n        <main class=\"c-main\">\n          <CContainer fluid>\n            <transition name=\"fade\" mode=\"out-in\">\n              <router-view :key=\"$route.path\"></router-view>\n            </transition>\n          </CContainer>\n        </main>\n      </div>\n      <TheFooter/>\n    </CWrapper>\n  </div>\n</template>\n\n<script>\nimport TheSidebar from './TheSidebar'\nimport TheHeader from './TheHeader'\nimport TheFooter from './TheFooter'\n\nexport default {\n  name: 'TheContainer',\n  components: {\n    TheSidebar,\n    TheHeader,\n    TheFooter\n  }\n}\n</script>\n\n<style scoped>\n.fade-enter-active,\n.fade-leave-active {\n  transition: opacity 0.3s;\n}\n.fade-enter,\n.fade-leave-to {\n  opacity: 0;\n}\n</style>\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!./TheContainer.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!./TheContainer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheContainer.vue?vue&type=template&id=3b21ac01&scoped=true&\"\nimport script from \"./TheContainer.vue?vue&type=script&lang=js&\"\nexport * from \"./TheContainer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheContainer.vue?vue&type=style&index=0&id=3b21ac01&scoped=true&lang=css&\"\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  \"3b21ac01\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}