{"version":3,"sources":["webpack:///./src/views/pages/user-management/users/index.vue?76b7","webpack:///./src/views/pages/user-management/users/index.vue","webpack:///src/views/pages/user-management/users/index.vue","webpack:///./src/views/pages/user-management/users/index.vue?9341","webpack:///./src/views/pages/user-management/users/index.vue?4332"],"names":["render","_vm","this","_c","_self","staticClass","attrs","model","value","filter","callback","$$v","expression","_v","_s","usersTotalRows","access","create","on","$event","addUser","_e","isLoading","users","fields","currentPage","perPage","filterOn","onFiltered","scopedSlots","_u","key","fn","proxy","data","deleteUser","item","editUser","name","role","directives","rawName","isActive","modifiers","domProps","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$i","$set","concat","slice","updateUserStatus","staticStyle","updatedBy","createdBy","pageOptions","staticRenderFns","page","title","meta","content","appConfig","description","totalRows","sortBy","sortDesc","label","sortable","tdClass","submitted","read","update","delete","toastTitle","toastMessage","toastType","showToast","computed","usersComputed","layoutComputed","changeBreadCrumb","breadCrumbs","text","to","changeBackButton","getUsers","getModuleAccess","then","methods","layoutMethods","usersMethods","getUsersList","JSON","parse","stringify","usersList","usersTotal","catch","error","$router","push","path","$toast","id","Swal","fire","icon","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","result","isConfirmed","params","username","deleteUserItem","action","localStorage","getItem","email","submitUser","toastValues","type","message","$emit","filteredItems","length","component"],"mappings":"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","file":"js/chunk-6576f08e.57d1aaa3.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=ea5a984a&prod&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12\"},[_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('b-col',{staticClass:\"ta-left\",attrs:{\"cols\":\"4\"}},[_c('b-form-group',{attrs:{\"description\":\"Search Keyword\"}},[_c('form',{staticClass:\"d-flex\"},[_c('b-input-group',[_c('b-input-group-prepend',[_c('b-input-group-text',{staticClass:\"custom-search-icon\"},[_c('i',{staticClass:\"bx bx-search-alt-2\"})])],1),_c('b-form-input',{staticClass:\"rounded-0 custom-input\",attrs:{\"type\":\"search\",\"placeholder\":\"Search here...\"},model:{value:(_vm.filter),callback:function ($$v) {_vm.filter=$$v},expression:\"filter\"}})],1)],1)])],1)],1)]),_c('div',{staticClass:\"card\"},[_c('div',{staticClass:\"card-body\"},[_c('b-row',[_c('b-col',{staticClass:\"mt-2 mb-2\",attrs:{\"sm\":\"\"}},[_c('div',{staticClass:\"align-self-center\"},[_c('span',{staticClass:\"fw-bold ms-2\"},[_c('label',{staticClass:\"fs-5\"},[_vm._v(\"All Users\")]),_c('b-badge',{staticClass:\"cstm-badge fs-6\",attrs:{\"pill\":\"\"}},[_vm._v(_vm._s(this.usersTotalRows))])],1)])]),_c('b-col',{staticClass:\"mt-2 mb-2\",attrs:{\"sm\":\"\"}},[(_vm.access.create)?_c('div',{staticClass:\"d-flex flex-wrap align-items-center justify-content-md-end mt-md-0 gap-2\"},[_c('a',{staticClass:\"btn btn-primary\",attrs:{\"href\":\"javascript:void(0);\",\"data-bs-toggle\":\"modal\"},on:{\"click\":function($event){return _vm.addUser()}}},[_c('i',{staticClass:\"uil uil-plus me-1\"}),_vm._v(\"Add User\")])]):_vm._e()])],1),_c('div',{staticClass:\"table-responsive mt-3\"},[_c('div',{staticClass:\"table align-middle table-nowrap\"},[_c('b-table',{staticClass:\"table-check\",attrs:{\"busy\":_vm.isLoading,\"items\":_vm.users,\"fields\":_vm.fields,\"responsive\":\"sm\",\"current-page\":_vm.currentPage,\"per-page\":_vm.perPage,\"filter\":_vm.filter,\"filter-included-fields\":_vm.filterOn},on:{\"filtered\":_vm.onFiltered},scopedSlots:_vm._u([{key:\"table-busy\",fn:function(){return [_c('div',{staticClass:\"text-center text-primary my-2\"},[_c('b-spinner',{staticClass:\"align-middle me-2\"}),_c('strong',[_vm._v(\"Loading...\")])],1)]},proxy:true},{key:\"cell(action)\",fn:function(data){return [_c('button',{staticClass:\"btn btn btn-sm btn-danger btn-secondary\",attrs:{\"id\":\"show-btn\",\"type\":\"button\"},on:{\"click\":function($event){return _vm.deleteUser(data.item)}}},[_c('i',{staticClass:\"bx bx-trash bx-xs bx-fw\"})])]}},{key:\"cell(name)\",fn:function(data){return [_c('b-link',{staticClass:\"fw-medium\",on:{\"click\":function($event){return _vm.editUser(data.item)}}},[_vm._v(\" \"+_vm._s(data.item.name)+\" \"),_c('i',{staticClass:\"bx bxs-pencil bx-xs bx-fw\"})])]}},{key:\"cell(role)\",fn:function(data){return [_c('p',{staticClass:\"text-body m-0\"},[_vm._v(_vm._s(data.item.role))])]}},{key:\"cell(status)\",fn:function(data){return [_c('div',{staticClass:\"form-check form-switch form-switch-md d-inline\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(data.item.isActive),expression:\"data.item.isActive\"},{name:\"b-toggle\",rawName:\"v-b-toggle.accordion-2\",modifiers:{\"accordion-2\":true}}],staticClass:\"form-check-input float-none\",attrs:{\"type\":\"checkbox\",\"id\":\"flexSwitchCheckChecked\",\"block\":\"\"},domProps:{\"checked\":Array.isArray(data.item.isActive)?_vm._i(data.item.isActive,null)>-1:(data.item.isActive)},on:{\"change\":[function($event){var $$a=data.item.isActive,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(data.item, \"isActive\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(data.item, \"isActive\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(data.item, \"isActive\", $$c)}},function($event){return _vm.updateUserStatus(data.item)}]}})])]}},{key:\"cell(activity)\",fn:function(data){return [_c('div',[_c('p',{staticClass:\"small\",staticStyle:{\"margin-bottom\":\"0\"}},[_vm._v(\" \"+_vm._s(data.item.updatedBy == null || data.item.updatedBy == \"\" ? \"Created by:\" : \"Modified by:\")+\" \")]),_c('p',{staticClass:\"small\",staticStyle:{\"margin-bottom\":\"0\"}},[_c('span',{staticClass:\"fw-bold\"},[_vm._v(_vm._s(data.item.updatedBy == null || data.item.updatedBy == \"\" ? data.item.createdBy : data.item.updatedBy))])])])]}}])})],1)]),(_vm.usersTotalRows == 0)?_c('div',{staticClass:\"row g-0 text-center\"},[_c('span',[_vm._v(\"No data to display.\")])]):_vm._e(),_c('div',{staticClass:\"row g-0 text-center text-sm-start\"},[_c('div',{staticClass:\"col-sm-12\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('label',{staticClass:\"col-form-label d-inline-block me-4\"},[_vm._v(\"Display:\")]),_c('div',{staticClass:\"d-inline-block\"},[_c('b-form-group',{attrs:{\"label-for\":\"display-record\"}},[_c('b-form-select',{staticClass:\"form-select shadow-none w-fit\",attrs:{\"id\":\"display-record\",\"options\":_vm.pageOptions},model:{value:(_vm.perPage),callback:function ($$v) {_vm.perPage=$$v},expression:\"perPage\"}})],1)],1)]),_c('div',{staticClass:\"col\"},[(_vm.usersTotalRows > _vm.perPage)?_c('div',{staticClass:\"dataTables_paginate paging_simple_numbers float-end\"},[_c('b-pagination',{staticClass:\"pagination-rounded\",attrs:{\"total-rows\":_vm.usersTotalRows,\"per-page\":_vm.perPage,\"limit\":\"1\",\"first-number\":\"\",\"last-number\":\"\"},model:{value:(_vm.currentPage),callback:function ($$v) {_vm.currentPage=$$v},expression:\"currentPage\"}})],1):_vm._e()])])])])],1)])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"row\">\n      <div class=\"col-lg-12\">\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <b-col cols=\"4\" class=\"ta-left\">\n              <b-form-group description=\"Search Keyword\">\n                <form class=\"d-flex\">\n                  <b-input-group>\n                    <b-input-group-prepend>\n                      <b-input-group-text class=\"custom-search-icon\">\n                        <i class=\"bx bx-search-alt-2\"></i>\n                      </b-input-group-text>\n                    </b-input-group-prepend>\n                    <b-form-input\n                      class=\"rounded-0 custom-input\"\n                      v-model=\"filter\"\n                      type=\"search\"\n                      placeholder=\"Search here...\"\n                    ></b-form-input>\n                  </b-input-group>\n                </form>\n              </b-form-group>\n            </b-col>\n          </div>\n        </div>\n        <div class=\"card\">\n          <div class=\"card-body\">\n            <b-row>\n              <b-col sm class=\"mt-2 mb-2\">\n                <div class=\"align-self-center\">\n                  <span class=\"fw-bold ms-2\">\n                    <label class=\"fs-5\">All Users</label>\n                    <b-badge pill class=\"cstm-badge fs-6\">{{\n                      this.usersTotalRows\n                    }}</b-badge>\n                  </span>\n                </div>\n              </b-col>\n              <b-col sm class=\"mt-2 mb-2\">\n                <div\n                  v-if=\"access.create\"\n                  class=\"d-flex flex-wrap align-items-center justify-content-md-end mt-md-0 gap-2\"\n                >\n                  <a\n                    href=\"javascript:void(0);\"\n                    class=\"btn btn-primary\"\n                    data-bs-toggle=\"modal\"\n                    @click=\"addUser()\"\n                    ><i class=\"uil uil-plus me-1\"></i>Add User</a\n                  >\n                </div>\n              </b-col>\n            </b-row>\n\n            <div class=\"table-responsive mt-3\">\n              <div class=\"table align-middle table-nowrap\">\n                <b-table\n                  :busy=\"isLoading\"\n                  :items=\"users\"\n                  :fields=\"fields\"\n                  responsive=\"sm\"\n                  :current-page=\"currentPage\"\n                  :per-page=\"perPage\"\n                  class=\"table-check\"\n                  :filter=\"filter\"\n                  :filter-included-fields=\"filterOn\"\n                  @filtered=\"onFiltered\"\n                > \n                  <template #table-busy>\n                    <div class=\"text-center text-primary my-2\">\n                      <b-spinner class=\"align-middle me-2\"></b-spinner>\n                      <strong>Loading...</strong>\n                    </div>\n                  </template>\n                  <template #cell(action)=\"data\">\n                    <button\n                      id=\"show-btn\"\n                      type=\"button\"\n                      class=\"btn btn btn-sm btn-danger btn-secondary\"\n                      @click=\"deleteUser(data.item)\"\n                    >\n                      <i class=\"bx bx-trash bx-xs bx-fw\"></i>\n                    </button>\n                  </template>\n\n                  <template #cell(name)=\"data\">\n                    <b-link class=\"fw-medium\" @click=\"editUser(data.item)\">\n                      {{ data.item.name }}\n                      <i class=\"bx bxs-pencil bx-xs bx-fw\"></i>\n                    </b-link>\n                  </template>\n\n                  <template #cell(role)=\"data\">\n                    <p class=\"text-body m-0\">{{ data.item.role }}</p>\n                  </template>\n\n                  <template #cell(status)=\"data\">\n                    <div class=\"form-check form-switch form-switch-md d-inline\">\n                      <input\n                        v-model=\"data.item.isActive\"\n                        type=\"checkbox\"\n                        id=\"flexSwitchCheckChecked\"\n                        class=\"form-check-input float-none\"\n                        block\n                        v-b-toggle.accordion-2\n                        @change=\"updateUserStatus(data.item)\"\n                      />\n                    </div>\n                  </template>\n\n                  <template #cell(activity)=\"data\">\n                    <div>\n                      <p class=\"small\" style=\"margin-bottom: 0\">\n                        {{\n                          data.item.updatedBy == null ||\n                          data.item.updatedBy == \"\"\n                            ? \"Created by:\"\n                            : \"Modified by:\"\n                        }}\n                      </p>\n                      <p class=\"small\" style=\"margin-bottom: 0\">\n                        <span class=\"fw-bold\">{{\n                          data.item.updatedBy == null ||\n                          data.item.updatedBy == \"\"\n                            ? data.item.createdBy\n                            : data.item.updatedBy\n                        }}</span>\n                      </p>\n                    </div>\n                  </template>\n                </b-table>\n              </div>\n            </div>\n            <div class=\"row g-0 text-center\" v-if=\"usersTotalRows == 0\">\n              <span>No data to display.</span>\n            </div>\n            <!-- end table responsive -->\n\n            <!-- </div> -->\n            <div class=\"row g-0 text-center text-sm-start\">\n              <div class=\"col-sm-12\">\n                <div class=\"row\">\n                  <div class=\"col\">\n                    <label class=\"col-form-label d-inline-block me-4\"\n                      >Display:</label\n                    >\n                    <div class=\"d-inline-block\">\n                      <b-form-group label-for=\"display-record\">\n                        <b-form-select\n                          class=\"form-select shadow-none w-fit\"\n                          id=\"display-record\"\n                          v-model=\"perPage\"\n                          :options=\"pageOptions\"\n                        ></b-form-select>\n                      </b-form-group>\n                    </div>\n                    <!-- <div class=\"form-group row pull-left\">\n                    </div> -->\n                  </div>\n                  <div class=\"col\">\n                    <div\n                      class=\"dataTables_paginate paging_simple_numbers float-end\"\n                      v-if=\"usersTotalRows > perPage\"\n                    >\n                      <!-- pagination -->\n                      <b-pagination\n                        class=\"pagination-rounded\"\n                        v-model=\"currentPage\"\n                        :total-rows=\"usersTotalRows\"\n                        :per-page=\"perPage\"\n                        limit=\"1\"\n                        first-number\n                        last-number\n                      ></b-pagination>\n                    </div>\n                  </div>\n                </div>\n              </div>\n              <!-- end row -->\n            </div>\n          </div>\n          <!-- end card body -->\n        </div>\n        <!-- end card -->\n      </div>\n      <!-- end col -->\n    </div>\n    <!-- end row -->\n    <!-- <toast \n      :type=\"toastType\" \n      v-if=\"showToast\" \n      @close=\"() => showToast = false\" \n      :title=\"toastTitle\" \n      :message=\"toastMessage\"/> -->\n  </div>\n</template>\n\n<script>\nimport Swal from \"sweetalert2\";\nimport appConfig from \"@/app.config\";\nimport { usersMethods, usersComputed, layoutMethods, layoutComputed } from \"@/state/helpers\";\nimport { getModuleAccess } from '@/helpers/helper.js'\n\n/**\n * Users list component\n */\nexport default {\n  page: {\n    title: \"User\",\n    meta: [\n      {\n        name: \"description\",\n        content: appConfig.description,\n      },\n    ],\n  },\n  data() {\n    return {\n      // title: \"User\",\n      isLoading: false,\n      users: [],\n      totalRows: 0,\n      currentPage: 1,\n      perPage: 10,\n      pageOptions: [10, 25, 50],\n      filter: null,\n      filterOn: [\"name\", \"role\"],\n      sortBy: \"id\",\n      sortDesc: false,\n      fields: [\n        {\n          key: \"name\",\n          label: \"Name\",\n          sortable: true,\n          tdClass: \"align-middle\",\n        },\n        {\n          key: \"role\",\n          sortable: true,\n          tdClass: \"align-middle\",\n        },\n        {\n          key: \"status\",\n          sortable: false,\n          tdClass: \"align-middle\",\n        },\n        {\n          key: \"activity\",\n          sortable: false,\n          tdClass: \"align-middle\",\n        },\n        {\n          key: \"action\",\n          sortable: false,\n          tdClass: \"align-middle\",\n        }\n      ],\n      submitted: false,\n      access: {\n        create: true,\n        read: true,\n        update: true,\n        delete: true,\n      },\n      usersTotalRows: 0,\n      toastTitle: \"\",\n      toastMessage: \"\",\n      toastType: \"\",\n      showToast: false\n    };\n  },\n  computed: {\n    ...usersComputed,\n    ...layoutComputed\n  },\n  async mounted() {\n    // Set the initial number of items\n    // this.totalRows = this.rolesListTotalRows;\n    // this.changeTitle({ title: \"Users\" });\n    this.changeBreadCrumb({\n      breadCrumbs: [\n        { text: \"User Management\", to: {} },\n        { text: 'Users', to: { name: 'users'} }\n      ],\n    });\n    this.changeBackButton({\n      value: false\n    })\n    await this.getUsers();\n\n    // get the module access for checking if user has create, read, update, and/or delete access\n    await getModuleAccess(\"User Management\", \"Users\")\n      .then((access) => {\n        this.access = access\n      }\n    );\n  },\n  methods: {\n    ...layoutMethods,\n    ...usersMethods,\n    async getUsers() {\n      this.isLoading = true;\n      this.getUsersList()\n        .then(() => {\n          this.isLoading = false;\n          this.users = JSON.parse(JSON.stringify(this.usersList))\n          this.usersTotalRows = this.usersTotal;\n        })\n        .catch((error) => {\n          this.isLoading = false;\n          console.log(\"error: \", error);\n        });\n    },\n    addUser() {\n      if (!this.access.create) {\n        this.$toast.showToast('warning', 'Forbidden', 'You are not allowed to do this operation.');\n        return\n      }\n      this.$router.push({ path: \"users/add\" });\n    },\n    editUser(item) {\n      if (!this.access.read && !this.access.update) {\n        this.$toast.showToast('warning', 'Forbidden', 'You are not allowed to do this operation.');\n        return\n      }\n      this.$router.push({ path: `users/edit/${item.id}` });\n    },\n    async deleteUser(item) {\n      if (!this.access.delete) {\n        this.$toast.showToast('warning', 'Forbidden', 'You are not allowed to do this operation.');\n        return\n      }\n\n      Swal.fire({\n        title: \"Are you sure?\",\n        text: `Do you really want to delete ${item.name}? This process cannot be undone.`,\n        icon: \"warning\",\n        showCancelButton: true,\n        confirmButtonColor: \"#F84B04\",\n        cancelButtonColor: \"#E6EAF1\",\n        confirmButtonText: \"Yes\",\n        cancelButtonText: \"No\",\n      }).then((result) => {\n        if (result.isConfirmed) {\n          const params = {\n            id: item.id,\n            username: item.username,\n          };\n\n          this.deleteUserItem(params)\n            .then(async () => {\n              this.$toast.showToast('success', 'Successful', `You deleted ${item.name}.`);\n              await this.getUsers();\n            })\n            .catch((error) => {\n              console.log(error);\n              this.$toast.showToast('danger', 'Error', 'Unexpected error occurred.');\n            });\n        } else {\n          return;\n        }\n      });\n    },\n    async updateUserStatus(item) {\n      if (!this.access.update) {\n        this.$toast.showToast('warning', 'Forbidden', 'You are not allowed to do this operation.');\n        return\n      }\n\n      const params = {\n        action: 'update-user-status',\n        id: item.id,\n        isActive: item.isActive ? 1 : 0,\n        updatedBy: JSON.parse(localStorage.getItem(\"userData\")).email,\n      };\n      this.submitUser(params)\n        .then(() => {\n          let toastValues = {\n            type: \"success\",\n            title: \"Success\",\n            message: `You successfully updated ${item.name}'s status.`\n          }\n          this.$emit('show-toast', toastValues)\n        })\n        .catch(async (err) => {\n          console.log(err);\n          this.$toast.showToast('danger', 'Failed', 'Unexpected error occurs. Please try again.');\n        });\n    },\n    onFiltered(filteredItems) {\n      // Trigger pagination to update the number of buttons/pages due to filtering\n      this.usersTotalRows = filteredItems.length;\n      this.currentPage = 1;\n    },\n  },\n};\n</script>\n\n<style>\n.cstm-badge {\n  color: #fff;\n  background-color: #0062ff;\n  border-radius: 10px;\n  margin-left: 10px;\n}\n\n.table {\n  --bs-table-bg: transparent;\n}\n\n.table th {\n  background-color: #f5f6f8;\n}\n\n.custom-search-icon {\n  font-size: 1.5rem;\n  background-color: transparent;\n  border-right: 0px;\n  border-radius: 5px 0px 0px 5px;\n}\n\n.custom-input {\n  border-left: 0;\n  border-radius: 0px 5px 5px 0px !important;\n}\n\n.table td {\n  width: 400px;\n}\n\n.form-check-input {\n  border-color: #7e93a059;\n}\n</style>\n","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=ea5a984a&\"\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=ea5a984a&prod&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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}