{"version":3,"sources":["webpack:///./src/components/Admin/Users/AddUserRole.vue","webpack:///./src/components/Admin/Users/AddUserRole.vue?2e96","webpack:///./src/views/admin/users/list-pages/UserRoleListPage.vue","webpack:///./src/views/admin/users/list-pages/UserRoleListPage.vue?4943","webpack:///./src/core/helpers/dom.ts","webpack:///./src/core/helpers/breadcrumb.ts"],"names":["newTargetModalRef","refForm","store","checkAllItem","block","buttonShow","loading","t","te","translate","text","props","groupId","value","dispatch","then","response","userGroup","name","Name","id","Id","active","Active","setTimeout","cancelForm","permissionList","getters","permissions","onSubmit","values","resetForm","filter","item","Selected","forEach","element","push","companyValidator","shape","groupName","nullable","required","updateItem","clearForm","emit","selectAll","e","length","document","getElementById","addEventListener","__exports__","confirm","totalRecords","lazyParams","selectedUserGroup","locale","records","filters","matchMode","onFilter","getAllUserGroup","newGroupButtonOnClick","getData","userGroupList","payload","onPage","page","step","pageSize","onSort","event","sortColumn","sortField","sortDirection","sortOrder","onSelectAllChange","checked","inputNull","target","onRowSelect","onRowUnselect","updateUserGroup","deleteUserGroup","Item","obj","list","undefined","message","require","currentTarget","icon","acceptLabel","rejectLabel","acceptClass","rejectClass","accept","finally","reject","hideModal","modalEl","myModal","getInstance","hide","removeModalBackdrop","querySelectorAll","remove","setCurrentPageBreadcrumbs","pageTitle","breadcrumbs","SET_BREADCRUMB_ACTION","title","pageBreadcrumbPath"],"mappings":"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","file":"js/chunk-09c8ac75.8e2823d9.js","sourcesContent":["<template>\r\n  <div\r\n    class=\"modal fade\"\r\n    tabindex=\"-1\"\r\n    aria-hidden=\"true\"\r\n    id=\"add-userGroup-modal\"\r\n    ref=\"newTargetModalRef\"\r\n  >\r\n    <div class=\"modal-dialog modal-dialog-centered mw-950px\">\r\n      <div class=\"modal-content rounded\">\r\n        <!--v-if-->\r\n        <div class=\"modal-header\">\r\n          <h5 class=\"modal-title\">\r\n            {{\r\n              userGroup.id === 0\r\n                ? translate(\"userGroup_detail_title\")\r\n                : translate(\"userGroup_detail_title_update\")\r\n            }}\r\n          </h5>\r\n          <!--begin::Close-->\r\n          <div\r\n            class=\"btn btn-icon btn-sm btn-active-light-primary ms-2 text-dark\"\r\n            aria-label=\"Close\"\r\n            @click=\"cancelForm\"\r\n          >\r\n            <i class=\"bi bi-x-lg\"></i>\r\n          </div>\r\n          <!--end::Close-->\r\n        </div>\r\n        <div class=\"modal-body rounded p-0\">\r\n          <div>\r\n            <div class=\"card\">\r\n              <div\r\n                id=\"add-company\"\r\n                class=\"collapse show\"\r\n              >\r\n                <!-- // ! Kullanıcı Grup Formu -->\r\n                <Form\r\n                  ref=\"refForm\"\r\n                  v-slot=\"{ errors }\"\r\n                  id=\"add-company-form\"\r\n                  class=\"form p-10 rounded-bottom\"\r\n                  @submit=\"onSubmit\"\r\n                  novalidate=\"novalidate\"\r\n                  :validation-schema=\"companyValidator\"\r\n                >\r\n                  <!-- // ! Kullanıcı Grup Adı -->\r\n                  <div class=\"row mb-4 d-flex\">\r\n                    <label class=\"col-lg-4 col-form-label required fw-bold fs-6\"\r\n                      >{{ translate(\"userGroup_detail_label_name\") }}\r\n                    </label>\r\n\r\n                    <div class=\"col-lg-8 fv-row d-v-container\">\r\n                      <Field\r\n                        name=\"groupName\"\r\n                        type=\"text\"\r\n                        :class=\"`form-control form-control-lg fw-bold fs-6 ${\r\n                          userGroup.name === 0 ? 'text-gray-500' : 'text-dark'\r\n                        } ${errors['groupName'] !== undefined ? 'v-invalid' : ''}`\"\r\n                        :placeholder=\"translate('userGroup_detail_label_name')\"\r\n                        v-model.trim=\"userGroup.name\"\r\n                      />\r\n\r\n                      <div class=\"col-lg-8 fv-row d-v-container\">\r\n                        <div class=\"fv-plugins-message-container d-v-content\">\r\n                          <div class=\"fv-help-block ms-2 v-element\">\r\n                            <ErrorMessage name=\"groupName\" />\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"col-lg-8 fv-row mt-5\">\r\n                    <div class=\"form-check form-check-custom form-check-solid\">\r\n                      <input\r\n                        class=\"form-check-input\"\r\n                        type=\"checkbox\"\r\n                        id=\"check-remember-all\"\r\n                        v-model=\"checkAllItem\"\r\n                        @change=\"selectAll(e)\"\r\n                      />\r\n                      <div class=\"d-flex flex-column position-relative w-100\">\r\n                        <label\r\n                          class=\"form-check-label col-form-label fw-bold p-0\"\r\n                          for=\"check-remember-all\"\r\n                          >{{ t(\"userGroup_list_permission_all\") }}</label\r\n                        >\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <!-- // ! Yetki Listesi -->\r\n                  <div\r\n                    class=\"row justify-content-start d-flex flex-wrap mt-10\"\r\n                    style=\"margin-left: 0px\"\r\n                  >\r\n                    <div\r\n                      v-for=\"(permission, index) in permissionList\"\r\n                      :key=\"index.Id\"\r\n                      class=\"col-3 form-check form-check-custom form-check-solid\"\r\n                    >\r\n                      <div class=\"col d-flex mb-5 align-items-center\">\r\n                        <input\r\n                          :checkAllItem=\"checkAllItem\"\r\n                          class=\"form-check-input\"\r\n                          type=\"checkbox\"\r\n                          :id=\"`role-${permission.Id}`\"\r\n                          v-model=\"permission.Selected\"\r\n                        />\r\n\r\n                        <div class=\"d-flex flex-column\">\r\n                          <label\r\n                            class=\"form-check-label col-form-label fw-bold p-0\"\r\n                            :for=\"`role-${permission.Id}`\"\r\n                            >{{ translate(permission.SystemName) }}\r\n                          </label>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"col-lg-8 fv-row mt-20\">\r\n                    <div class=\"form-check form-check-custom form-check-solid\">\r\n                      <input\r\n                        class=\"form-check-input\"\r\n                        type=\"checkbox\"\r\n                        id=\"check-remember\"\r\n                        v-model=\"userGroup.active\"\r\n                      />\r\n                      <div class=\"d-flex flex-column position-relative w-100\">\r\n                        <label\r\n                          class=\"form-check-label col-form-label fw-bold p-0 mt-2\"\r\n                          for=\"check-remember\"\r\n                          style=\"margin-bottom: 15px\"\r\n                          >{{ translate(\"userGroup_detail_check_label\") }}</label\r\n                        ><label\r\n                          class=\"form-check-label col-form-label fw-bold fs-7 p-0 text-gray-500\"\r\n                          for=\"check-remember\"\r\n                          style=\"position: absolute; margin-top: 20px\"\r\n                          >{{\r\n                            translate(\"userGroup_detail_check_label_description\")\r\n                          }}</label\r\n                        >\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div\r\n                    class=\"d-flex justify-content-end p-0\"\r\n                    style=\"padding-top: 1.5rem !important\"\r\n                  >\r\n                    <a\r\n                      @click=\"cancelForm\"\r\n                      class=\"btn btn-white btn-active-light me-2 border btn-sm fs-6\"\r\n                    >\r\n                      {{ translate(\"Cancel\") }}</a\r\n                    ><button\r\n                      v-if=\"buttonShow\"\r\n                      type=\"submit\"\r\n                      class=\"btn btn-primary border btn-sm fs-6\"\r\n                      :disabled=\"loading\"\r\n                    >\r\n                      <div\r\n                        v-if=\"loading\"\r\n                        class=\"spinner-border spinner-border-sm mx-1\"\r\n                      ></div>\r\n                      <span class=\"indicator-label\">\r\n                        {{ translate(\"Add\") }}\r\n                      </span>\r\n                    </button>\r\n\r\n                    <a\r\n                      v-else\r\n                      @click=\"updateItem\"\r\n                      :class=\"`btn btn-primary border btn-sm fs-6 ${\r\n                        Object.keys(errors).length > 0 || loading ? 'disabled' : ''\r\n                      }`\"\r\n                    >\r\n                      <span class=\"indicator-label\">\r\n                        <div\r\n                          v-if=\"loading\"\r\n                          class=\"spinner-border spinner-border-sm mx-1\"\r\n                        ></div>\r\n                        <span class=\"indicator-label\">\r\n                          {{ translate(\"Save\") }}\r\n                        </span>\r\n                      </span>\r\n                    </a>\r\n                  </div>\r\n                </Form>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { computed, reactive, ref, onMounted, defineEmits, defineProps, watch } from \"vue\";\r\nimport { useStore } from \"vuex\";\r\nimport * as Yup from \"yup\";\r\nimport { hideModal } from \"@/core/helpers/dom\";\r\nimport { useI18n } from \"vue-i18n\";\r\n\r\nconst newTargetModalRef = ref(null);\r\nconst refForm = ref(null);\r\nconst store = useStore();\r\nconst checkAllItem = ref(false);\r\nconst props = defineProps({ groupId: Number });\r\nconst emit = defineEmits([\"cancelForm\"]);\r\nconst block = ref(false);\r\nconst buttonShow = ref(true);\r\nconst loading = ref(false);\r\n\r\nconst { t, te } = useI18n();\r\nconst translate = (text) => {\r\n  if (te(text)) {\r\n    return t(text);\r\n  } else {\r\n    return text;\r\n  }\r\n};\r\n\r\nwatch(props, () => {\r\n  if (props.groupId !== 0) {\r\n    block.value = true;\r\n    buttonShow.value = false;\r\n    store.dispatch(\"UserRoleModule/GET_USERGROUPS\", props.groupId).then((response) => {\r\n      if (response !== null) {\r\n        userGroup.name = response.Name;\r\n        userGroup.id = response.Id;\r\n        userGroup.active = response.Active;\r\n\r\n        store.dispatch(\"UserRoleModule/GET_PERMISSIONS\", userGroup.id);\r\n        setTimeout(() => {\r\n          block.value = false;\r\n        }, 300);\r\n      } else {\r\n        cancelForm();\r\n      }\r\n    });\r\n  } else {\r\n    buttonShow.value = true;\r\n  }\r\n});\r\n\r\n// Yetki Listesi\r\nconst permissionList = computed(() => store.getters[\"UserRoleModule/_getPermissions\"]);\r\n\r\n// Form Bilgileri\r\nconst userGroup = reactive({\r\n  id: 0,\r\n  name: null,\r\n  permissions: [],\r\n  active: true,\r\n});\r\n\r\n//Form Sayfasını komple gizleme methodu\r\nconst cancelForm = () => {\r\n  hideModal(newTargetModalRef.value);\r\n};\r\n\r\n//Ekleme butonu\r\nconst onSubmit = (values, { resetForm }) => {\r\n  loading.value = true;\r\n  //Active olanların id leri permissions listesine eklendi\r\n  userGroup.permissions = [];\r\n  permissionList.value\r\n    .filter((item) => item.Selected === true)\r\n    .forEach((element) => {\r\n      userGroup.permissions.push(element.Id);\r\n    });\r\n\r\n  //User Group Oluşturma\r\n  store.dispatch(\"UserRoleModule/ADD_USERGROUPS\", userGroup).then((response) => {\r\n    loading.value = false;\r\n  });\r\n\r\n  cancelForm();\r\n};\r\n\r\n//validation\r\nconst companyValidator = Yup.object().shape({\r\n  groupName: Yup.string().nullable().required(translate(\"userGroups_detail_Valid_Name\")),\r\n});\r\nconst updateItem = () => {\r\n  loading.value = true;\r\n  permissionList.value\r\n    .filter((item) => item.Selected === true)\r\n    .forEach((element) => {\r\n      userGroup.permissions.push(element.Id);\r\n    });\r\n  store.dispatch(\"UserRoleModule/UPDATE_USERGROUPS\", userGroup).then((response) => {\r\n    if (response) {\r\n      loading.value = false;\r\n    } else {\r\n      loading.value = false;\r\n    }\r\n  });\r\n\r\n  cancelForm();\r\n};\r\n\r\n// ekleme yapıldığında formu temizleme methodu\r\nconst clearForm = () => {\r\n  setTimeout(() => {\r\n    userGroup.id = 0;\r\n    userGroup.name = null;\r\n    userGroup.active = true;\r\n    checkAllItem.value = false;\r\n    refForm.value.resetForm();\r\n    emit(\"cancelForm\");\r\n  }, 300);\r\n};\r\n\r\nconst selectAll = (e) => {\r\n  if (checkAllItem.value && permissionList.value.length > 0) {\r\n    permissionList.value.forEach((item) => (item.Selected = true));\r\n  } else if (!checkAllItem.value && permissionList.value.length > 0) {\r\n    permissionList.value.forEach((item) => (item.Selected = false));\r\n  }\r\n};\r\n\r\nonMounted(() => {\r\n  document\r\n    .getElementById(\"add-userGroup-modal\")\r\n    .addEventListener(\"hide.bs.modal\", function () {\r\n      clearForm();\r\n    });\r\n});\r\n</script>\r\n\r\n<style></style>\r\n","import script from \"./AddUserRole.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddUserRole.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","<template>\r\n  <div\r\n    id=\"kt_content\"\r\n    class=\"content d-flex flex-column flex-column-fluid\"\r\n  >\r\n    <!-- begin:: Content Body -->\r\n    <div\r\n      id=\"kt_content_container\"\r\n      class=\"container-xxl\"\r\n    >\r\n      <!-- <div class=\"card mb-5 mb-xl-10\">Müştertiler</div> -->\r\n      <div class=\"card\">\r\n        <div class=\"card-header ps-7 pe-5\">\r\n          <h3 class=\"card-title align-items-start flex-column\">\r\n            {{ translate(\"userGroup_list_breadcrumb_title\") }}\r\n            <span class=\"text-muted mt-1 fw-bold fs-7\"\r\n              >{{ records }} {{ t(\"Records_Found\") }}</span\r\n            >\r\n          </h3>\r\n        </div>\r\n        <add-user-role\r\n          :groupId=\"groupId\"\r\n          @cancelForm=\"cancelForm\"\r\n        />\r\n        <div class=\"p-5\">\r\n          <div>\r\n            <div class=\"card-toolbar mb-5\">\r\n              <!--begin::Toolbar-->\r\n              <div class=\"d-flex justify-content-end align-items-center\">\r\n                <div>\r\n                  <button\r\n                    type=\"button\"\r\n                    class=\"btn btn-primary btn-sm\"\r\n                    data-bs-toggle=\"modal\"\r\n                    data-bs-target=\"#add-userGroup-modal\"\r\n                    @click=\"newGroupButtonOnClick\"\r\n                  >\r\n                    {{ translate(\"userGroup_list_add_button\") }}\r\n                  </button>\r\n\r\n                  <button\r\n                    v-show=\"selectedUserGroup.length > 0\"\r\n                    @click=\"deleteUserGroup($event)\"\r\n                    type=\"button\"\r\n                    class=\"btn bg-light bg-hover-secondary btn-sm border position-relative ms-2\"\r\n                  >\r\n                    Seçimi Sil\r\n                    <span\r\n                      class=\"position-absolute top-0 start-100 translate-middle badge badge-circle badge-danger\"\r\n                      >{{ selectedUserGroup.length }}</span\r\n                    >\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div>\r\n            <DataTable\r\n              :value=\"userGroupList\"\r\n              dataKey=\"Id\"\r\n              @select-all-change=\"onSelectAllChange\"\r\n              @sort=\"onSort($event)\"\r\n              @filter=\"onFilter($event)\"\r\n              @row-select=\"onRowSelect\"\r\n              @row-unselect=\"onRowUnselect\"\r\n              v-model:selection=\"selectedUserGroup\"\r\n              v-model:filters=\"filters\"\r\n              filterDisplay=\"row\"\r\n              :globalFilterFields=\"['name']\"\r\n              :lazy=\"true\"\r\n              :paginator=\"false\"\r\n              :loading=\"loading\"\r\n              :totalRecords=\"totalRecords\"\r\n              :selectAll=\"selectAll\"\r\n              removableSort\r\n              class=\"rounded\"\r\n              responsiveLayout=\"scroll\"\r\n            >\r\n              <Column\r\n                selectionMode=\"multiple\"\r\n                headerStyle=\"width: 3em\"\r\n              >\r\n              </Column>\r\n\r\n              <Column\r\n                field=\"Name\"\r\n                filterField=\"name\"\r\n                filterMatchMode=\"contains\"\r\n                ref=\"name\"\r\n                :sortable=\"true\"\r\n                :header=\"translate('userGroup_list_column_name')\"\r\n                style=\"max-width: 1rem !important\"\r\n              >\r\n                <template #filter=\"{ filterModel, filterCallback }\">\r\n                  <InputText\r\n                    v-model=\"filterModel.value\"\r\n                    name=\"name\"\r\n                    type=\"text\"\r\n                    @keydown.enter=\"filterCallback()\"\r\n                    class=\"p-column-filter\"\r\n                    @keyup=\"inputNull($event)\"\r\n                    :placeholder=\"translate('Search')\"\r\n                  />\r\n                </template>\r\n              </Column>\r\n\r\n              <Column\r\n                field=\"Id\"\r\n                :rowEditor=\"true\"\r\n                bodyStyle=\"text-align:center\"\r\n                class=\"text-end\"\r\n                style=\"max-width: 1rem !important\"\r\n              >\r\n                <template #body=\"{ data }\">\r\n                  <a\r\n                    class=\"btn btn-icon btn-bg-light btn-active-color-primary btn-sm me-1\"\r\n                    @click=\"updateUserGroup(data.Id)\"\r\n                    data-bs-toggle=\"modal\"\r\n                    data-bs-target=\"#add-userGroup-modal\"\r\n                  >\r\n                    <span class=\"svg-icon svg-icon-3\">\r\n                      <inline-svg src=\"media/icons/duotune/art/art005.svg\" />\r\n                    </span>\r\n                  </a>\r\n\r\n                  <a\r\n                    class=\"btn btn-icon btn-bg-light btn-active-color-primary btn-sm\"\r\n                    @click=\"deleteUserGroup($event, data)\"\r\n                  >\r\n                    <span class=\"svg-icon svg-icon-3\">\r\n                      <inline-svg\r\n                        src=\"media/icons/duotune/general/gen027.svg\"\r\n                      />\r\n                    </span>\r\n                  </a>\r\n                </template>\r\n              </Column>\r\n            </DataTable>\r\n            <ConfirmPopup></ConfirmPopup>\r\n            <div class=\"mt-5\">\r\n              <Pagination\r\n                @onPage=\"onPage\"\r\n                :TotalData=\"records\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <!-- end:: Content Body -->\r\n  </div>\r\n\r\n  <div></div>\r\n</template>\r\n<script setup>\r\nimport { computed, ref, onMounted, watch } from \"vue\";\r\nimport { useStore } from \"vuex\";\r\nimport addUserRole from \"@/components/Admin/Users/AddUserRole.vue\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { setCurrentPageBreadcrumbs } from \"@/core/helpers/breadcrumb\";\r\nimport { useConfirm } from \"primevue/useconfirm\";\r\n\r\nconst store = useStore();\r\nconst confirm = useConfirm();\r\n\r\nconst groupId = ref(0);\r\nconst totalRecords = ref(0);\r\nconst lazyParams = ref({});\r\nlet selectedUserGroup = ref([]);\r\nconst selectAll = ref(false);\r\nconst { t, te, locale } = useI18n();\r\n\r\nconst translate = (text) => {\r\n  if (te(text)) {\r\n    return t(text);\r\n  } else {\r\n    return text;\r\n  }\r\n};\r\n\r\nconst records = computed(\r\n  () => store.getters[\"UserRoleModule/_getTotalRecords\"]\r\n);\r\n\r\nconst filters = ref({\r\n  name: { value: null, matchMode: \"contains\" },\r\n});\r\n\r\nconst loading = computed(() => store.getters[\"UserRoleModule/_getLoading\"]);\r\nconst onFilter = () => {\r\n  lazyParams.value.name = filters.value.name.value;\r\n\r\n  getAllUserGroup(lazyParams.value);\r\n};\r\n\r\nconst newGroupButtonOnClick = () => {\r\n  groupId.value = 0;\r\n  getData(0);\r\n};\r\n\r\nconst cancelForm = () => {\r\n  groupId.value = 0;\r\n};\r\n\r\nconst userGroupList = computed(\r\n  () => store.getters[\"UserRoleModule/_getUserGroup\"]\r\n);\r\n\r\nconst getData = (payload) => {\r\n  store.dispatch(\"UserRoleModule/GET_PERMISSIONS\", payload);\r\n};\r\n\r\nconst getAllUserGroup = (payload) => {\r\n  store.dispatch(\"UserRoleModule/GET_ALL_USERGROUPS\", payload);\r\n};\r\n\r\n// Data Table Eventları\r\n\r\nconst onPage = (e) => {\r\n  lazyParams.value.page = e.step.value;\r\n  lazyParams.value.pageSize = e.pageSize.value;\r\n  getAllUserGroup(lazyParams.value);\r\n};\r\n\r\nconst onSort = (event) => {\r\n  lazyParams.value.sortColumn = event.sortField;\r\n  lazyParams.value.sortDirection = event.sortOrder === 1 ? \"asc\" : \"desc\";\r\n  getAllUserGroup(lazyParams.value);\r\n};\r\n\r\nconst onSelectAllChange = (event) => {\r\n  if (event.checked) {\r\n    selectAll.value = true;\r\n    selectedUserGroup.value = userGroupList.value;\r\n  } else {\r\n    selectAll.value = false;\r\n    selectedUserGroup.value = [];\r\n  }\r\n};\r\n\r\nconst inputNull = (event) => {\r\n  if (event.target.value == \"\") {\r\n    lazyParams.value[event.target.name] = null;\r\n    getAllUserGroup(lazyParams.value);\r\n  }\r\n};\r\nconst onRowSelect = () => {\r\n  selectAll.value = selectedUserGroup.value.length === totalRecords.value;\r\n};\r\n\r\nconst onRowUnselect = () => {\r\n  selectAll.value = false;\r\n};\r\n\r\nconst updateUserGroup = (Id) => {\r\n  groupId.value = Id;\r\n};\r\n\r\n// Delete İşlemi\r\nconst deleteUserGroup = (event, Item) => {\r\n  let obj = [];\r\n  let list = [];\r\n  if (Item !== undefined) {\r\n    obj.push(Item.Id);\r\n    list.push(obj);\r\n    list.push(lazyParams.value);\r\n  } else {\r\n    selectedUserGroup.value.forEach((item) => {\r\n      obj.push(item.Id);\r\n    });\r\n    list.push(obj);\r\n    list.push(lazyParams.value);\r\n  }\r\n  let message = ref(\"\");\r\n  if (obj.length > 1) {\r\n    message.value = translate(\"confirm_message_userroles\");\r\n  } else {\r\n    message.value = translate(\"confirm_message_userrole\");\r\n  }\r\n  confirm.require({\r\n    target: event.currentTarget,\r\n    message: message.value,\r\n    icon: \"pi pi-exclamation-triangle\",\r\n    acceptLabel: translate(\"customer_location_confirm_acceptLabel\"),\r\n    rejectLabel: translate(\"customer_location_confirm_rejectLabel\"),\r\n    acceptClass: \"btn btn-sm btn-primary\",\r\n    rejectClass: \"btn btn-sm btn-light\",\r\n    accept: () => {\r\n      store\r\n        .dispatch(\"UserRoleModule/DELETE_USERGROUPS\", list)\r\n        .finally((selectedUserGroup.value = []));\r\n    },\r\n    reject: () => {\r\n      return;\r\n    },\r\n  });\r\n};\r\n\r\nwatch(locale, () => {\r\n  setCurrentPageBreadcrumbs(translate(\"userGroup_list_breadcrumb_titles\"), [\r\n    translate(\"user_list_page_bread\"),\r\n  ]);\r\n});\r\n\r\nonMounted(() => {\r\n  lazyParams.value = {\r\n    page: 1,\r\n    pageSize: 10,\r\n    sortColumn: null,\r\n    sortDirection: null,\r\n    name: null,\r\n  };\r\n\r\n  setCurrentPageBreadcrumbs(translate(\"userGroup_list_breadcrumb_titles\"), [\r\n    translate(\"user_list_page_bread\"),\r\n  ]);\r\n\r\n  getAllUserGroup({ page: 1, pageSize: 10 });\r\n});\r\n</script>\r\n\r\n<style></style>\r\n","import script from \"./UserRoleListPage.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./UserRoleListPage.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__","import { Modal } from \"bootstrap\";\r\n\r\nconst hideModal = (modalEl: HTMLElement | null): void => {\r\n  if (!modalEl) {\r\n    return;\r\n  }\r\n\r\n  const myModal = Modal.getInstance(modalEl);\r\n  myModal.hide();\r\n};\r\n\r\nconst removeModalBackdrop = (): void => {\r\n  if (document.querySelectorAll(\".modal-backdrop.fade.show\").length) {\r\n    document.querySelectorAll(\".modal-backdrop.fade.show\").forEach((item) => {\r\n      item.remove();\r\n    });\r\n  }\r\n};\r\n\r\nexport { removeModalBackdrop, hideModal };\r\n","import store from \"@/store\";\r\nimport { Actions } from \"@/store/enums/StoreEnums\";\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} pageTitle Current page title\r\n * @param {Array<string>} breadcrumbs Current page breadcrumbs\r\n */\r\nexport const setCurrentPageBreadcrumbs = (\r\n  pageTitle: string,\r\n  breadcrumbs: Array<string>\r\n): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: pageTitle,\r\n    pageBreadcrumbPath: breadcrumbs,\r\n  });\r\n};\r\n\r\n/**\r\n * Sets current page breadcrumbs\r\n * @param {string} title Current page title name\r\n */\r\nexport const setCurrentPageTitle = (title: string): void => {\r\n  store.dispatch(Actions.SET_BREADCRUMB_ACTION, {\r\n    title: title,\r\n  });\r\n};\r\n"],"sourceRoot":""}