{"version":3,"sources":["webpack:///./src/views/pages/user-management/roles/index.vue?8b88","webpack:///./src/views/pages/user-management/roles/index.vue","webpack:///src/views/pages/user-management/roles/index.vue","webpack:///./src/views/pages/user-management/roles/index.vue?868a","webpack:///./src/views/pages/user-management/roles/index.vue?9276"],"names":["render","_vm","this","_c","_self","staticClass","attrs","model","value","filter","callback","$$v","expression","_v","_s","rolesTotalRows","on","$event","preventDefault","getRoles","access","create","addRole","_e","isLoading","rolesList","fields","currentPage","perPage","filterOn","onFiltered","scopedSlots","_u","key","fn","proxy","data","item","userCount","deleteRole","editRole","name","description","staticStyle","updatedBy","createdBy","pageOptions","staticRenderFns","page","title","meta","content","appConfig","roles","totalRows","sortBy","sortDesc","label","sortable","tdClass","submitted","roleToDelete","searchValue","search","searchField","searchList","text","refreshPage","read","update","delete","computed","rolesComputed","layoutComputed","rolesListTotalRows","changeBreadCrumb","breadCrumbs","to","changeBackButton","getModuleAccess","then","methods","layoutMethods","rolesMethods","getRolesList","rolesTotal","catch","error","$router","push","path","$toast","showToast","id","Swal","fire","icon","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","result","isConfirmed","params","deleteRoleItem","filteredItems","length","component"],"mappings":"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","file":"js/chunk-0141c70b.06814f47.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=3923232a&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 Roles\")]),_c('b-badge',{staticClass:\"cstm-badge fs-6\",attrs:{\"pill\":\"\"}},[_vm._v(_vm._s(this.rolesTotalRows))])],1)]),_c('form',{staticClass:\"d-flex\",on:{\"submit\":function($event){$event.preventDefault();return _vm.getRoles()}}})]),_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.addRole()}}},[_c('i',{staticClass:\"uil uil-plus me-1\"}),_vm._v(\" Create Role\")])]):_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.rolesList,\"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\",\"disabled\":data.item.userCount > 0},on:{\"click\":function($event){return _vm.deleteRole(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.editRole(data.item)}}},[_vm._v(\" \"+_vm._s(data.item.name)+\" \"),_c('i',{staticClass:\"bx bxs-pencil bx-xs bx-fw\"})])]}},{key:\"cell(description)\",fn:function(data){return [_c('p',{staticClass:\"text-body m-0\"},[_vm._v(_vm._s(data.item.description))])]}},{key:\"cell(userCount)\",fn:function(data){return [_c('p',{staticClass:\"text-body m-0\"},[_vm._v(_vm._s(data.item.userCount))])]}},{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.rolesTotalRows == 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},on:{\"change\":function($event){return _vm.getRoles()}},model:{value:(_vm.perPage),callback:function ($$v) {_vm.perPage=$$v},expression:\"perPage\"}})],1)],1)]),_c('div',{staticClass:\"col\"},[(_vm.rolesTotalRows > _vm.perPage)?_c('div',{staticClass:\"dataTables_paginate paging_simple_numbers float-end\"},[_c('b-pagination',{staticClass:\"pagination-rounded\",attrs:{\"total-rows\":_vm.rolesTotalRows,\"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 Roles</label>\n                    <b-badge pill class=\"cstm-badge fs-6\">{{\n                      this.rolesTotalRows\n                    }}</b-badge>\n                  </span>\n                </div>\n                <form class=\"d-flex\" @submit.prevent=\"getRoles()\">\n                </form>\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=\"addRole()\"\n                    ><i class=\"uil uil-plus me-1\"></i> Create Role</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=\"rolesList\"\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=\"deleteRole(data.item)\"\n                      :disabled=\"data.item.userCount > 0\"\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=\"editRole(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(description)=\"data\">\n                    <p class=\"text-body m-0\">{{ data.item.description }}</p>\n                  </template>\n\n                  <template #cell(userCount)=\"data\">\n                    <p class=\"text-body m-0\">{{ data.item.userCount }}</p>\n                  </template>\n\n                  <template #cell(activity)=\"data\">\n                    <div>\n                      <p class=\"small\" style=\"margin-bottom: 0\">\n                        {{\n                          data.item.updatedBy == null || 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 || 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=\"rolesTotalRows == 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                          @change=\"getRoles()\"\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=\"rolesTotalRows > perPage\"\n                    >\n                      <!-- pagination -->\n                      <b-pagination\n                        class=\"pagination-rounded\"\n                        v-model=\"currentPage\"\n                        :total-rows=\"rolesTotalRows\"\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  </div>\n</template>\n\n<script>\nimport Swal from \"sweetalert2\";\nimport appConfig from \"@/app.config\";\nimport { rolesMethods, rolesComputed, layoutMethods, layoutComputed } from \"@/state/helpers\";\nimport { getModuleAccess } from '@/helpers/helper.js'\n\n/**\n * Roles list component\n */\nexport default {\n  page: {\n    title: \"Roles\",\n    meta: [\n      {\n        name: \"description\",\n        content: appConfig.description,\n      },\n    ],\n  },\n  data() {\n    return {\n      isLoading: false,\n      roles: [],\n      totalRows: 1,\n      currentPage: 1,\n      perPage: 10,\n      pageOptions: [10, 25, 50],\n      filter: null,\n      filterOn: [\"name\", \"description\"],\n      sortBy: \"id\",\n      sortDesc: false,\n      fields: [\n        {\n          key: \"name\",\n          label: \"Roles Name\",\n          sortable: true,\n          tdClass: \"align-middle\",\n        },\n        {\n          key: \"description\",\n          label: \"Role Description\",\n          sortable: true,\n          tdClass: \"align-middle\",\n        },\n        {\n          key: \"userCount\",\n          label: \"Roles Assigned\",\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      roleToDelete: 0,\n      searchValue: {\n        search: null,\n        searchField: null,\n      },\n      searchList: [\n        { text: \"Select All\", value: null },\n        { text: \"Role Name\", value: \"r.name\" },\n        { text: \"Description\", value: \"r.description\" },\n      ],\n      refreshPage: false,\n      access: {\n        create: false,\n        read: false,\n        update: false,\n        delete: false,\n      },\n      // rolesList: [],\n      rolesTotalRows: 0,\n    };\n  },\n  computed: {\n    ...rolesComputed,\n    ...layoutComputed\n  },\n  async mounted() {\n    // Set the initial number of items\n    this.totalRows = this.rolesListTotalRows;\n    // this.changeTitle({ title: \"Roles\" });\n    this.changeBreadCrumb({\n      breadCrumbs: [\n        { text: \"User Management\" },\n        { text: \"Roles\", to: { name: \"roles-management\" } },\n      ],\n    });\n    this.changeBackButton({\n      value: false\n    })\n    await this.getRoles();\n\n    // get the module access for checking if user has create, read, update, and/or delete access\n    await getModuleAccess(\"User Management\", \"Roles\")\n      .then((access) => {\n        this.access = access\n      }\n    );\n  },\n  methods: {\n    ...layoutMethods,\n    ...rolesMethods,\n    async getRoles() {\n      this.isLoading = true;\n      this.getRolesList()\n        .then(() => {\n          this.isLoading = false;\n          this.rolesTotalRows = this.rolesTotal;\n        })\n        .catch((error) => {\n          this.isLoading = false;\n          console.log(\"error: \", error);\n        });\n    },\n    addRole() {\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: \"roles/add\" });\n    },\n    editRole(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: `roles/edit/${item.id}` });\n    },\n    async deleteRole(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          };\n\n          this.deleteRoleItem(params)\n            .then(async () => {\n              this.$toast.showToast('success', 'Successful', `You deleted ${item.name}.`);\n              await this.getRoles();\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    onFiltered(filteredItems) {\n      // Trigger pagination to update the number of buttons/pages due to filtering\n      this.rolesTotalRows = 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</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=3923232a&\"\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=3923232a&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":""}