{"version":3,"sources":["webpack:///./src/pages/user/User.vue?7054","webpack:///./src/components/shared/badgeSuccess.vue","webpack:///./src/components/shared/badgeSuccess.vue?4a34","webpack:///./src/pages/user/User.vue","webpack:///./src/pages/user/User.vue?ca45"],"names":["class","style","_createElementBlock","_hoisted_1","_toDisplayString","$props","name","props","__exports__","render","id","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","$data","loading","_createBlock","_component_place_holder","key","_hoisted_7","_hoisted_8","_hoisted_9","_Fragment","_renderList","users","user","index","email","roles","role","role_index","_component_badgeSuccess","employee_id","user_type","_createVNode","_component_router_link","to","_hoisted_10","components","badgeSuccess","data","baseUrl","process","methods","this","$Progress","start","axios","get","then","response","finish","$","DataTable","clearFilter","fn","dataTable","ext","search","pop","draw","created","getAllUsers"],"mappings":"kHAAA,W,2DCCQA,MAAM,uBAAuBC,MAAA,yC,wDAAnCC,gCAEO,OAFPC,EAEOC,6BADFC,EAAAC,MAAI,GAII,OACbC,MAAO,CAAC,S,qBCFV,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,U,yFCNRT,MAAM,mB,iOAeJA,MAAM,O,GACJA,MAAM,a,GACJA,MAAM,Q,GACJA,MAAM,a,GAkBJA,MAAM,oB,GACFA,MAAM,+CAA+CU,GAAG,kB,EAC7DC,gCAUQ,cATNA,gCAQK,WAPHA,gCAAY,UAAR,OACJA,gCAAa,UAAT,QACJA,gCAAc,UAAV,SACJA,gCAAa,UAAT,QACJA,gCAAoB,UAAhB,eACJA,gCAAkB,UAAd,aACJA,gCAAe,UAAX,c,KA4BEA,gCAA2C,KAAxCX,MAAM,+BAA6B,S,6MA1E9DE,gCAuFM,MAvFNC,EAuFM,CAtFJS,EAcAD,gCAuEM,MAvENE,EAuEM,CAtEJF,gCAqEM,MArENG,EAqEM,CApEJH,gCAkEM,MAlENI,EAkEM,CAjEJJ,gCAgEM,MAhENK,EAgEM,CAhDgBC,EAAAC,S,yBAApBC,yBAA4CC,EAAA,CAAAC,IAAA,K,uCAE5CV,gCA6CM,MA7CNW,EA6CM,C,4BA5CJX,gCA2CQ,QA3CRY,EA2CQ,CA1CNC,EAWAb,gCA8BQ,e,2BA7BNT,gCA4BWuB,cAAA,KAAAC,wBA5BuBT,EAAAU,MAAK,CAArBC,EAAMC,K,yBAQtB3B,gCAmBK,MAAAmB,IA3BwCQ,GAAK,CAShDlB,gCAAsB,UAAAP,+BAAbyB,GAAK,GACdlB,gCAAwB,UAAAP,6BAAjBwB,EAAKtB,MAAI,GAChBK,gCAAyB,UAAAP,6BAAlBwB,EAAKE,OAAK,GACjBnB,gCAIK,Y,2BAHHT,gCAEWuB,cAAA,KAAAC,wBAF4BE,EAAKG,MAAK,CAA/BC,EAAMC,K,yBACtBd,yBAA2Ee,EAAA,C,YADZD,EAChD3B,KAAM0B,EAAK1B,KAAMN,MAAM,uB,2BAG1CW,gCAA+B,UAAAP,6BAAxBwB,EAAKO,aAAW,GACvBxB,gCAA6B,UAAAP,6BAAtBwB,EAAKQ,WAAS,GACrBzB,gCAOK,WANH0B,yBAKcC,EAAA,CALDtC,MAAM,cAAeuC,GAAE,C,8BAA2FX,EAAKlB,M,8BAIlI,IAA2C,CAA3C8B,I,oDArC6EvB,EAAAC,uB,4GAkExF,GACbuB,WAAY,CACVC,qBAEFC,OACE,MAAO,CACLhB,MAAO,GACPT,SAAS,EACT0B,QAASC,uCAGbC,QAAS,CACP,oBACEC,KAAK7B,SAAU,EACf6B,KAAKC,UAAUC,cACTC,IAAMC,IAAOJ,KAAKH,QAAP,kBAAgCQ,KAAMC,IACrDN,KAAKpB,MAAQ0B,EAASV,KAAKA,KAC3BI,KAAK7B,SAAU,EACf6B,KAAKC,UAAUM,WAEjBC,IAAE,mBAAmBC,aAEvBC,cACEF,IAAEG,GAAGC,UAAUC,IAAIC,OAAOC,MAC1BP,IAAE,mBAAmBC,YAAYO,SAGrCC,UACEjB,KAAKU,cACLV,KAAKkB,gB,iCC9HT,MAAMzD,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD","file":"js/chunk-70b1dcc0.676d4ec6.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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./User.vue?vue&type=style&index=0&id=ec37dc1a&lang=css\"","<template>\n  <span class=\"badge bg-success p-1\" style=\"width: 65px; white-space: pre-line\">\n    {{ name }}\n  </span>\n</template>\n<script>\nexport default {\n  props: [\"name\"],\n};\n</script>","import { render } from \"./badgeSuccess.vue?vue&type=template&id=eedd2ce8\"\nimport script from \"./badgeSuccess.vue?vue&type=script&lang=js\"\nexport * from \"./badgeSuccess.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/var/www/tis-live/frontend/app/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"container-fluid\">\n    <div class=\"row\">\n      <div class=\"col-12\">\n        <div class=\"page-title-box\">\n          <div class=\"page-title-right\">\n            <ol class=\"breadcrumb m-0\">\n              <!-- <li class=\"breadcrumb-item active\">Locations</li> -->\n            </ol>\n          </div>\n          <h4 class=\"page-title\">User</h4>\n        </div>\n      </div>\n    </div>\n    <!-- end page title -->\n\n    <div class=\"row\">\n      <div class=\"col-lg-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <!-- <div class=\"d-flex justify-content-end\">\n                     <router-link :to=\"{ name: 'user-create' }\">\n                        <button\n                           type=\"button\"\n                           class=\"\n                              btn btn-sm btn-blue\n                              waves-effect waves-light\n                              mb-2\n                           \"\n                        >\n                           <i class=\"mdi mdi-plus-circle\"></i> Add User\n                        </button>\n                     </router-link>\n                  </div> -->\n\n            <place-holder v-if=\"loading\"></place-holder>\n\n            <div class=\"table-responsive\">\n              <table class=\"table table-striped dt-responsive w-100 mb-3\" id=\"user-datatable\" v-show=\"!loading\">\n                <thead>\n                  <tr>\n                    <th>No.</th>\n                    <th>Name</th>\n                    <th>Email</th>\n                    <th>Role</th>\n                    <th>Employee No</th>\n                    <th>User Type</th>\n                    <th>Action</th>\n                  </tr>\n                </thead>\n                <tbody>\n                  <template v-for=\"(user, index) in users\" :key=\"index\">\n                    <!-- <tr\n                      v-if=\"\n                        user.user_type == 'trainer' ||\n                        user.user_type == 'admin' ||\n                        user.user_type == 'employee'\n                      \"\n                    > -->\n                    <tr>\n                      <td>{{ ++index }}</td>\n                      <td>{{ user.name }}</td>\n                      <td>{{ user.email }}</td>\n                      <td>\n                        <template v-for=\"(role, role_index) in user.roles\" :key=\"`role-${role_index}`\">\n                          <badgeSuccess :name=\"role.name\" class=\"rounded-pill w-auto\"></badgeSuccess>\n                        </template>\n                      </td>\n                      <td>{{ user.employee_id }}</td>\n                      <td>{{ user.user_type }}</td>\n                      <td>\n                        <router-link class=\"action-icon\" :to=\"{\n                          name: 'user-update',\n                          params: { id: user.id },\n                        }\">\n                          <i class=\"mdi mdi-square-edit-outline\"></i>\n                        </router-link>\n                      </td>\n                    </tr>\n                  </template>\n                </tbody>\n              </table>\n            </div>\n          </div>\n        </div>\n        <!-- end card -->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n//Datatable Modules\nimport \"datatables.net/js/jquery.dataTables.min.js\";\n\nimport \"datatables.net-bs5/css/dataTables.bootstrap5.min.css\";\nimport \"datatables.net-bs5/js/dataTables.bootstrap5.min.js\";\nimport \"datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css\";\nimport \"datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js\";\nimport $ from \"jquery\";\nimport axios from \"axios\";\n//Components\nimport badgeSuccess from \"../../components/shared/badgeSuccess.vue\";\n\nexport default {\n  components: {\n    badgeSuccess,\n  },\n  data() {\n    return {\n      users: [],\n      loading: false,\n      baseUrl: process.env.VUE_APP_BASE_URL,\n    };\n  },\n  methods: {\n    async getAllUsers() {\n      this.loading = true;\n      this.$Progress.start();\n      await axios.get(`${this.baseUrl}admin/v1/users`).then((response) => {\n        this.users = response.data.data;\n        this.loading = false;\n        this.$Progress.finish();\n      });\n      $(\"#user-datatable\").DataTable();\n    },\n    clearFilter() {\n      $.fn.dataTable.ext.search.pop();\n      $(\"#user-datatable\").DataTable().draw();\n    },\n  },\n  created() {\n    this.clearFilter();\n    this.getAllUsers();\n  },\n};\n</script>\n\n<style>\n.page-item.active .page-link {\n  z-index: 3;\n  color: #fff;\n  background-color: #4a81d4;\n  border-color: #4a81d4;\n}\n</style>","import { render } from \"./User.vue?vue&type=template&id=ec37dc1a\"\nimport script from \"./User.vue?vue&type=script&lang=js\"\nexport * from \"./User.vue?vue&type=script&lang=js\"\n\nimport \"./User.vue?vue&type=style&index=0&id=ec37dc1a&lang=css\"\n\nimport exportComponent from \"/var/www/tis-live/frontend/app/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}