{"version":3,"sources":["webpack:///./src/components/Admin/Users/AddUser.vue","webpack:///./src/components/Admin/Users/AddUser.vue?f3f6"],"names":["store","platform","state","t","te","translate","text","user","id","firstname","lastname","email","password","confirmPassword","phone","countryId","cityId","districtId","streetAddress","groups","defaultLanguageId","active","timezoneId","isAuditor","userValidator","shape","fname","nullable","required","lname","passwordConfirmation","test","value","this","parent","userRole","min","timeZone","dispatch","CountryList","getters","CityList","DistrictList","getCity","getDistrict","laguageList","then","response","userRoleList","timeZoneList","newTargetModalRef","refForm","title","block","loading","closeModal","fromClear","setTimeout","resetForm","onSubmit","item","page","pageSize","document","getElementById","addEventListener","__exports__"],"mappings":"w6IA6fA,MAAMA,EAAQ,iBACRC,EAAWD,EAAME,MAAMD,UAGvB,EAAEE,EAAC,GAAEC,IAAO,iBACZC,GAAaC,GACbF,GAAGE,GACEH,EAAEG,GAEFA,EAKLC,GAAO,sBAAS,CACpBC,GAAI,EACJC,UAAW,KACXC,SAAU,KACVC,MAAO,KACPC,SAAU,KACVC,gBAAiB,KACjBC,MAAO,KACPC,UAAW,EACXC,OAAQ,EACRC,WAAY,EACZC,cAAe,KACfC,OAAQ,KACRC,kBAAmB,EACnBC,QAAQ,EACRC,WAAY,KACZC,WAAW,IAIPC,GAAgB,SAAaC,MAAM,CACvCC,MAAO,SACJC,WACAC,SAASvB,GAAU,gCACtBwB,MAAO,SACJF,WACAC,SAASvB,GAAU,gCACtBO,SAAU,SACPe,WACAC,SAASvB,GAAU,mCACtByB,qBAAsB,SACnBH,WACAI,KACC,kBACA1B,GAAU,2CACV,SAAU2B,GACR,OAAOC,KAAKC,OAAOtB,WAAaoB,KAGtCrB,MAAO,SACJgB,WACAC,SAASvB,GAAU,4BACnBM,MAAMN,GAAU,kCACnB8B,SAAU,SACPR,UAAS,GACTS,IAAI,EAAG/B,GAAU,oCACjBuB,SAASvB,GAAU,oCACtBgC,SAAU,SACPV,UAAS,GACTC,SAASvB,GAAU,sCAIxBL,EAAMsC,SAAS,kCACf,MAAMC,GAAc,sBAClB,IAAMvC,EAAMwC,QAAQ,mCAEhBC,GAAW,sBAAS,IAAMzC,EAAMwC,QAAQ,gCACxCE,GAAe,sBACnB,IAAM1C,EAAMwC,QAAQ,oCAEhBG,GAAU,KACdpC,GAAKS,OAAS,EACdT,GAAKU,WAAa,EAClBjB,EAAMsC,SAAS,2BAA4B/B,GAAKQ,YAE5C6B,GAAc,KAClBrC,GAAKU,WAAa,EAClBjB,EAAMsC,SAAS,8BAA+B/B,GAAKS,SAIrDhB,EAAMsC,SAAS,kCACf,MAAMO,GAAc,sBAClB,IAAM7C,EAAMwC,QAAQ,uCAItBxC,EAAMsC,SAAS,oCAAoCQ,KAAMC,IACvDC,GAAahB,MAAQe,IAGvB/C,EAAMsC,SAAS,8BACf,MAAMW,GAAe,sBAAS,IAAMjD,EAAMwC,QAAQ,8BAG5CQ,GAAe,iBAAI,IAGnBE,GAAoB,iBAAI,MACxBC,GAAU,iBAAI,MACdC,GAAQ,iBAAIjD,EAAE,8BACdkD,GAAQ,kBAAI,GACZC,GAAU,kBAAI,GAGdC,GAAa,KACjB,eAAUL,GAAkBlB,QAExBwB,GAAY,KAChBC,WAAW,KACTlD,GAAKC,GAAK,EACVD,GAAKE,UAAY,KACjBF,GAAKG,SAAW,KAChBH,GAAKI,MAAQ,KACbJ,GAAKK,SAAW,KAChBL,GAAKM,gBAAkB,KACvBN,GAAKO,MAAQ,KACbP,GAAKQ,UAAY,EACjBR,GAAKS,OAAS,EACdT,GAAKU,WAAa,EAClBV,GAAKW,cAAgB,KACrBX,GAAKY,OAAS,KACdZ,GAAKa,kBAAoB,EACzBb,GAAKc,QAAS,EACdd,GAAKe,WAAa,KAClBf,GAAKgB,WAAY,EACjB4B,GAAQnB,MAAM0B,aACb,MAICC,GAAW,KACfL,GAAQtB,OAAQ,EAChB,IAAI4B,EAAOrD,UACJqD,EAAK/C,gBAEZb,EAAMsC,SAAS,uBAAwBsB,GAAMd,KAAMC,IAC7CA,IACF/C,EAAMsC,SAAS,4BAA6B,CAAEuB,KAAM,EAAGC,SAAU,KACjER,GAAQtB,OAAQ,KAIpBuB,M,OAGF,uBAAU,KACRQ,SACGC,eAAe,kBACfC,iBAAiB,iBAAiB,WACjCT,U,8gYCrpBN,MAAMU,GAAc,GAEL","file":"js/chunk-2d0c7ab7.fdc6883b.js","sourcesContent":["<template>\r\n  <div\r\n    class=\"modal fade\"\r\n    tabindex=\"-1\"\r\n    id=\"add-user-modal\"\r\n    ref=\"newTargetModalRef\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <div class=\"modal-dialog modal-dialog-centered mw-950px\">\r\n      <div class=\"modal-content rounded\">\r\n        <BlockUI :loading=\"block\" />\r\n        <div class=\"modal-header\">\r\n          <h5 class=\"modal-title\">{{ translate(title) }}</h5>\r\n\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            @click=\"closeModal\"\r\n            aria-label=\"Close\"\r\n          >\r\n            <i class=\"bi bi-x-lg\"></i>\r\n          </div>\r\n          <!--end::Close-->\r\n        </div>\r\n\r\n        <div class=\"modal-body rounded p-0\">\r\n          <Form\r\n            v-slot=\"{ errors }\"\r\n            ref=\"refForm\"\r\n            id=\"example\"\r\n            class=\"form p-10 rounded-bottom\"\r\n            novalidate=\"novalidate\"\r\n            @submit=\"onSubmit\"\r\n            :validation-schema=\"userValidator\"\r\n            style=\"padding-bottom: 1.5rem !important; background: #fbfbfb\"\r\n          >\r\n            <div class=\"row\">\r\n              <!--begin::Label-->\r\n              <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                translate(\"user_modal_label_full_name\")\r\n              }}</label>\r\n              <!--end::Label-->\r\n\r\n              <!--begin::Col-->\r\n              <div class=\"col-lg-8\">\r\n                <!--begin::Row-->\r\n                <div class=\"row\">\r\n                  <!--begin::Col-->\r\n                  <div class=\"col-lg-6 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=\"fname\" />\r\n                      </div>\r\n                    </div>\r\n                    <Field\r\n                      type=\"text\"\r\n                      name=\"fname\"\r\n                      :class=\"errors['fname'] !== undefined ? 'v-invalid' : ''\"\r\n                      class=\"form-control form-control-lg fs-6\"\r\n                      :placeholder=\"translate('FirstName')\"\r\n                      v-model.trim=\"user.firstname\"\r\n                    />\r\n                  </div>\r\n                  <!--end::Col-->\r\n\r\n                  <!--begin::Col-->\r\n                  <div class=\"col-lg-6 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=\"lname\" />\r\n                      </div>\r\n                    </div>\r\n                    <Field\r\n                      type=\"text\"\r\n                      name=\"lname\"\r\n                      :class=\"errors['lname'] !== undefined ? 'v-invalid' : ''\"\r\n                      class=\"form-control form-control-lg fs-6\"\r\n                      :placeholder=\"translate('LastName')\"\r\n                      v-model.trim=\"user.lastname\"\r\n                    />\r\n                  </div>\r\n                  <!--end::Col-->\r\n                </div>\r\n                <!--end::Row-->\r\n              </div>\r\n              <!--end::Col-->\r\n            </div>\r\n            <div class=\"row mb-4 mt-4\">\r\n              <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                translate(\"EMail\")\r\n              }}</label>\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=\"email\" />\r\n                  </div>\r\n                </div>\r\n                <Field\r\n                  type=\"text\"\r\n                  name=\"email\"\r\n                  :class=\"errors['email'] !== undefined ? 'v-invalid' : ''\"\r\n                  class=\"form-control form-control-lg fs-6\"\r\n                  :placeholder=\"translate('EMail')\"\r\n                  v-model.trim=\"user.email\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-4\">\r\n              <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                translate(\"Password\")\r\n              }}</label>\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=\"password\" />\r\n                  </div>\r\n                </div>\r\n                <Field\r\n                  type=\"password\"\r\n                  name=\"password\"\r\n                  :class=\"errors['password'] !== undefined ? 'v-invalid' : ''\"\r\n                  class=\"form-control form-control-lg fs-6\"\r\n                  :placeholder=\"translate('Password')\"\r\n                  v-model.trim=\"user.password\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-4\">\r\n              <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                translate(\"Confirm_Password\")\r\n              }}</label>\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=\"passwordConfirmation\" />\r\n                  </div>\r\n                </div>\r\n                <Field\r\n                  type=\"password\"\r\n                  name=\"passwordConfirmation\"\r\n                  :class=\"\r\n                    errors['passwordConfirmation'] !== undefined\r\n                      ? 'v-invalid'\r\n                      : ''\r\n                  \"\r\n                  class=\"form-control form-control-lg fs-6\"\r\n                  :placeholder=\"translate('Confirm_Password')\"\r\n                  v-model.trim=\"user.confirmPassword\"\r\n                />\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-4\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n                translate(\"PhoneNumber\")\r\n              }}</label>\r\n              <div class=\"col-lg-8 fv-row\">\r\n                <Field\r\n                  type=\"text\"\r\n                  name=\"phone\"\r\n                  class=\"form-control form-control-lg fs-6\"\r\n                  :placeholder=\"translate('PhoneNumber')\"\r\n                  v-model=\"user.phone\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4 position-raletive\">\r\n              <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                translate(\"user_modal_label_user_time_zone\")\r\n              }}</label>\r\n\r\n              <div class=\"col-lg-8 fv-row d-v-container\">\r\n                <div\r\n                  class=\"fv-plugins-message-container d-v-content\"\r\n                  style=\"z-index: 1\"\r\n                >\r\n                  <div\r\n                    class=\"fv-help-block v-element\"\r\n                    style=\"margin-left: 0.35rem !important\"\r\n                  >\r\n                    <ErrorMessage name=\"timeZone\" />\r\n                  </div>\r\n                </div>\r\n\r\n                <Field name=\"timeZone\" v-model=\"user.timezoneId\">\r\n                  <Dropdown\r\n                    :filter=\"!platform\"\r\n                    :emptyFilterMessage=\"translate('No_Records')\"\r\n                    :showClear=\"true\"\r\n                    v-model=\"user.timezoneId\"\r\n                    :options=\"timeZoneList\"\r\n                    optionLabel=\"Value\"\r\n                    optionValue=\"Id\"\r\n                    :placeholder=\"translate('user_modal_select_user_time_zone')\"\r\n                    style=\"padding: 5px !important\"\r\n                    :style=\"`${\r\n                      errors['timeZone'] !== undefined\r\n                        ? 'border-color: #f31f0c77 !important;'\r\n                        : ''\r\n                    }`\"\r\n                    appendTo=\"self\"\r\n                  >\r\n                  </Dropdown>\r\n                </Field>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n                translate(\"Address\")\r\n              }}</label>\r\n              <div class=\"col-lg-8\">\r\n                <!--begin::Row-->\r\n                <div class=\"row\">\r\n                  <!--begin::Col-->\r\n                  <div class=\"col-lg-4 fv-row\">\r\n                    <Dropdown\r\n                      class=\"mb-3\"\r\n                      :filter=\"!platform\"\r\n                      :emptyFilterMessage=\"translate('No_Records')\"\r\n                      v-model=\"user.countryId\"\r\n                      :options=\"CountryList\"\r\n                      optionLabel=\"Value\"\r\n                      optionValue=\"Id\"\r\n                      :placeholder=\"translate('CountrySelect')\"\r\n                      style=\"padding: 5px !important\"\r\n                      @change=\"getCity\"\r\n                      appendTo=\"self\"\r\n                    >\r\n                      <template v-slot:indicator>\r\n                        <div\r\n                          class=\"p-dropdown-trigger\"\r\n                          role=\"button\"\r\n                          aria-haspopup=\"listbox\"\r\n                          aria-expanded=\"false\"\r\n                        >\r\n                          <span\r\n                            class=\"p-dropdown-trigger-icon pi pi-chevron-down\"\r\n                          ></span>\r\n                        </div>\r\n\r\n                        <i\r\n                          v-if=\"user.countryId === 0 ? false : true\"\r\n                          class=\"p-dropdown-clear-icon pi pi-times\"\r\n                          @click=\"(user.countryId = 0), getCity()\"\r\n                        ></i>\r\n                      </template>\r\n                    </Dropdown>\r\n                  </div>\r\n                  <div class=\"col-lg-4 fv-row\">\r\n                    <Dropdown\r\n                      class=\"mb-3\"\r\n                      :filter=\"!platform\"\r\n                      :emptyFilterMessage=\"translate('No_Records')\"\r\n                      v-model=\"user.cityId\"\r\n                      :options=\"CityList\"\r\n                      optionLabel=\"Value\"\r\n                      optionValue=\"Id\"\r\n                      :placeholder=\"translate('CitySelect')\"\r\n                      style=\"padding: 5px !important\"\r\n                      @change=\"getDistrict\"\r\n                      appendTo=\"self\"\r\n                    >\r\n                      <template v-slot:indicator>\r\n                        <div\r\n                          class=\"p-dropdown-trigger\"\r\n                          role=\"button\"\r\n                          aria-haspopup=\"listbox\"\r\n                          aria-expanded=\"false\"\r\n                        >\r\n                          <span\r\n                            class=\"p-dropdown-trigger-icon pi pi-chevron-down\"\r\n                          ></span>\r\n                        </div>\r\n\r\n                        <i\r\n                          v-if=\"user.cityId === 0 ? false : true\"\r\n                          class=\"p-dropdown-clear-icon pi pi-times\"\r\n                          @click=\"(user.cityId = 0), getDistrict()\"\r\n                        ></i>\r\n                      </template>\r\n                    </Dropdown>\r\n                  </div>\r\n                  <div class=\"col-lg-4 fv-row\">\r\n                    <Dropdown\r\n                      class=\"mb-3\"\r\n                      :filter=\"!platform\"\r\n                      :emptyFilterMessage=\"translate('No_Records')\"\r\n                      v-model=\"user.districtId\"\r\n                      :options=\"DistrictList\"\r\n                      optionLabel=\"Value\"\r\n                      optionValue=\"Id\"\r\n                      :placeholder=\"translate('DistrictSelect')\"\r\n                      style=\"padding: 5px !important\"\r\n                      appendTo=\"self\"\r\n                    >\r\n                      <template v-slot:indicator>\r\n                        <div\r\n                          class=\"p-dropdown-trigger\"\r\n                          role=\"button\"\r\n                          aria-haspopup=\"listbox\"\r\n                          aria-expanded=\"false\"\r\n                        >\r\n                          <span\r\n                            class=\"p-dropdown-trigger-icon pi pi-chevron-down\"\r\n                          ></span>\r\n                        </div>\r\n\r\n                        <i\r\n                          v-if=\"user.districtId === 0 ? false : true\"\r\n                          class=\"p-dropdown-clear-icon pi pi-times\"\r\n                          @click=\"user.districtId = 0\"\r\n                        ></i>\r\n                      </template>\r\n                    </Dropdown>\r\n                  </div>\r\n\r\n                  <!--end::Col-->\r\n                </div>\r\n                <!--end::Row-->\r\n              </div>\r\n            </div>\r\n            <div class=\"row mb-4 justify-content-end\">\r\n              <div class=\"col-lg-8 fv-row\">\r\n                <input\r\n                  type=\"text\"\r\n                  name=\"adress-detay\"\r\n                  class=\"form-control form-control-lg fs-6\"\r\n                  :placeholder=\"translate('AddressDetail')\"\r\n                  v-model.trim=\"user.streetAddress\"\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n              <label class=\"col-lg-4 col-form-label fw-bold fs-6\">{{\r\n                translate(\"user_modal_label_user_languge\")\r\n              }}</label>\r\n              <div class=\"col-lg-8 fv-row\">\r\n                <Dropdown\r\n                  class=\"mb-3\"\r\n                  :filter=\"!platform\"\r\n                  :emptyFilterMessage=\"translate('No_Records')\"\r\n                  v-model=\"user.defaultLanguageId\"\r\n                  :options=\"laguageList\"\r\n                  optionLabel=\"Value\"\r\n                  optionValue=\"Id\"\r\n                  :placeholder=\"translate('Select_Laguage')\"\r\n                  style=\"padding: 5px !important\"\r\n                  appendTo=\"self\"\r\n                >\r\n                  <template v-slot:indicator>\r\n                    <div\r\n                      class=\"p-dropdown-trigger\"\r\n                      role=\"button\"\r\n                      aria-haspopup=\"listbox\"\r\n                      aria-expanded=\"false\"\r\n                    >\r\n                      <span\r\n                        class=\"p-dropdown-trigger-icon pi pi-chevron-down\"\r\n                      ></span>\r\n                    </div>\r\n\r\n                    <i\r\n                      v-if=\"user.defaultLanguageId === 0 ? false : true\"\r\n                      class=\"p-dropdown-clear-icon pi pi-times\"\r\n                      @click=\"user.defaultLanguageId = 0\"\r\n                    ></i>\r\n                  </template>\r\n                </Dropdown>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"row mb-4\">\r\n              <label class=\"col-lg-4 col-form-label required fw-bold fs-6\">{{\r\n                translate(\"user_modal_label_user_role\")\r\n              }}</label>\r\n\r\n              <div class=\"col-lg-8 fv-row d-v-container\">\r\n                <div\r\n                  class=\"fv-plugins-message-container d-v-content\"\r\n                  style=\"z-index: 1\"\r\n                >\r\n                  <div\r\n                    class=\"fv-help-block v-element\"\r\n                    style=\"margin-left: 0.35rem !important\"\r\n                  >\r\n                    <ErrorMessage name=\"userRole\" />\r\n                  </div>\r\n                </div>\r\n\r\n                <Field name=\"userRole\" v-model=\"user.groups\">\r\n                  <MultiSelect\r\n                    v-model=\"user.groups\"\r\n                    :options=\"userRoleList\"\r\n                    optionLabel=\"Value\"\r\n                    optionValue=\"Id\"\r\n                    :placeholder=\"translate('user_modal_select_user_role')\"\r\n                    style=\"padding: 5px !important\"\r\n                    :style=\"`${\r\n                      errors['userRole'] !== undefined\r\n                        ? 'border-color: #f31f0c77 !important;'\r\n                        : ''\r\n                    }`\"\r\n                  />\r\n                </Field>\r\n              </div>\r\n            </div>\r\n\r\n            <div class=\"row justify-content-end\">\r\n              <div class=\"col-lg-8 d-flex\">\r\n                <div\r\n                  class=\"col-lg-6 form-check form-check-custom form-check-solid\"\r\n                >\r\n                  <input\r\n                    class=\"form-check-input\"\r\n                    type=\"checkbox\"\r\n                    id=\"user-status-check\"\r\n                    v-model=\"user.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=\"user-status-check\"\r\n                      style=\"margin-bottom: 15px\"\r\n                    >\r\n                      {{ translate(\"user_modal_check_label_active\") }}\r\n                    </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=\"user-status-check\"\r\n                      style=\"position: absolute; margin-top: 20px\"\r\n                    >\r\n                      {{ translate(\"user_modal_check_label_description\") }}\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n                <div\r\n                  class=\"col-lg-6 form-check form-check-custom form-check-solid\"\r\n                >\r\n                  <input\r\n                    class=\"form-check-input\"\r\n                    type=\"checkbox\"\r\n                    id=\"check-remember-auditor\"\r\n                    v-model=\"user.isAuditor\"\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-auditor\"\r\n                      style=\"margin-bottom: 15px\"\r\n                    >\r\n                      {{ translate(\"audit_report_summary_auditer\") }}\r\n                    </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-auditor\"\r\n                      style=\"position: absolute; margin-top: 20px\"\r\n                    >\r\n                      {{ translate(\"user_modal_check_label_auditor\") }}\r\n                    </label>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <!-- Buttons -->\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              <button\r\n                @click=\"closeModal\"\r\n                type=\"reset\"\r\n                class=\"btn btn-white btn-active-light me-2 border btn-sm fs-6\"\r\n              >\r\n                {{ translate(\"Cancel\") }}\r\n              </button>\r\n\r\n              <button\r\n                type=\"submit\"\r\n                id=\"kt_add_costumer_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\"\r\n                ></div>\r\n                <span class=\"indicator-label\">\r\n                  {{ translate(\"Add\") }}\r\n                </span>\r\n              </button>\r\n            </div>\r\n          </Form>\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 } from \"vue\";\r\nimport { hideModal } from \"@/core/helpers/dom\";\r\nimport * as Yup from \"yup\";\r\nimport { useI18n } from \"vue-i18n\";\r\nimport { useStore } from \"vuex\";\r\n\r\n//Store Tanımlaması\r\nconst store = useStore();\r\nconst platform = store.state.platform;\r\n\r\n// Multi Language\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\n// Değişkenler\r\nconst user = reactive({\r\n  id: 0,\r\n  firstname: null,\r\n  lastname: null,\r\n  email: null,\r\n  password: null,\r\n  confirmPassword: null,\r\n  phone: null,\r\n  countryId: 0,\r\n  cityId: 0,\r\n  districtId: 0,\r\n  streetAddress: null,\r\n  groups: null,\r\n  defaultLanguageId: 0,\r\n  active: true,\r\n  timezoneId: null,\r\n  isAuditor: false,\r\n});\r\n\r\n// Validation Tanımlaması\r\nconst userValidator = Yup.object().shape({\r\n  fname: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"user_modal_validation_fname\")),\r\n  lname: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"user_modal_validation_lname\")),\r\n  password: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"user_modal_validation_password\")),\r\n  passwordConfirmation: Yup.string()\r\n    .nullable()\r\n    .test(\r\n      \"passwords-match\",\r\n      translate(\"user_modal_validation_confirm_password\"),\r\n      function (value) {\r\n        return this.parent.password === value;\r\n      }\r\n    ),\r\n  email: Yup.string()\r\n    .nullable()\r\n    .required(translate(\"CustomerAdd_Valid_EMail\"))\r\n    .email(translate(\"CustomerAdd_Valid_EMailFormat\")),\r\n  userRole: Yup.array()\r\n    .nullable(true)\r\n    .min(1, translate(\"user_modal_validation_user_role\"))\r\n    .required(translate(\"user_modal_validation_user_role\")),\r\n  timeZone: Yup.string()\r\n    .nullable(true)\r\n    .required(translate(\"user_modal_validation_time_zone\")),\r\n});\r\n\r\n//Adres İşlemleri\r\nstore.dispatch(\"LanguageModule/GET_ALL_COUNTRY\");\r\nconst CountryList = computed(\r\n  () => store.getters[\"LanguageModule/_getCountryList\"]\r\n);\r\nconst CityList = computed(() => store.getters[\"LanguageModule/_getCityList\"]);\r\nconst DistrictList = computed(\r\n  () => store.getters[\"LanguageModule/_getDistrictList\"]\r\n);\r\nconst getCity = () => {\r\n  user.cityId = 0;\r\n  user.districtId = 0;\r\n  store.dispatch(\"LanguageModule/GET_CITYS\", user.countryId);\r\n};\r\nconst getDistrict = () => {\r\n  user.districtId = 0;\r\n  store.dispatch(\"LanguageModule/GET_DISTRICT\", user.cityId);\r\n};\r\n\r\n//Language\r\nstore.dispatch(\"LanguageModule/GET_LOCALİZATON\");\r\nconst laguageList = computed(\r\n  () => store.getters[\"LanguageModule/_getLocalizatonList\"]\r\n);\r\n\r\n// Get Users Role\r\nstore.dispatch(\"UsersModule/GET_COMMONN_USERROLE\").then((response) => {\r\n  userRoleList.value = response;\r\n});\r\n\r\nstore.dispatch(\"UsersModule/GET_TIME_ZONES\");\r\nconst timeZoneList = computed(() => store.getters[\"UsersModule/_getTimeZones\"]);\r\n\r\n// User Role\r\nconst userRoleList = ref([]);\r\n\r\n// Modal İşlemleri\r\nconst newTargetModalRef = ref(null);\r\nconst refForm = ref(null);\r\nconst title = ref(t(\"user_list_button_new_user\"));\r\nconst block = ref(false);\r\nconst loading = ref(false);\r\n\r\n// Modal Close\r\nconst closeModal = () => {\r\n  hideModal(newTargetModalRef.value);\r\n};\r\nconst fromClear = () => {\r\n  setTimeout(() => {\r\n    user.id = 0;\r\n    user.firstname = null;\r\n    user.lastname = null;\r\n    user.email = null;\r\n    user.password = null;\r\n    user.confirmPassword = null;\r\n    user.phone = null;\r\n    user.countryId = 0;\r\n    user.cityId = 0;\r\n    user.districtId = 0;\r\n    user.streetAddress = null;\r\n    user.groups = null;\r\n    user.defaultLanguageId = 0;\r\n    user.active = true;\r\n    user.timezoneId = null;\r\n    user.isAuditor = false;\r\n    refForm.value.resetForm();\r\n  }, 300);\r\n};\r\n\r\n// Submit İşlemleri\r\nconst onSubmit = () => {\r\n  loading.value = true;\r\n  let item = user;\r\n  delete item.confirmPassword;\r\n\r\n  store.dispatch(\"UsersModule/ADD_USER\", item).then((response) => {\r\n    if (response) {\r\n      store.dispatch(\"UsersModule/GET_ALL_USERS\", { page: 1, pageSize: 10 });\r\n      loading.value = false;\r\n    }\r\n  });\r\n\r\n  closeModal();\r\n};\r\n\r\nonMounted(() => {\r\n  document\r\n    .getElementById(\"add-user-modal\")\r\n    .addEventListener(\"hide.bs.modal\", function () {\r\n      fromClear();\r\n    });\r\n});\r\n</script>\r\n\r\n<style></style>\r\n","import script from \"./AddUser.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AddUser.vue?vue&type=script&setup=true&lang=js\"\n\nconst __exports__ = script;\n\nexport default __exports__"],"sourceRoot":""}