{"version":3,"sources":["webpack:///./src/views/InstallDB.vue","webpack:///./src/views/InstallDB.vue?b3ab","webpack:///./src/views/InstallDB.vue?540d"],"names":["axiosDB","a","create","baseURL","block","router","confirm","selectedLanguages","Languages","ConnectionInfo","InstalData","AdminFirstname","AdminLastname","AdminEmail","AdminPassword","ConfirmPassword","CompanyName","CompanyEmail","CompanyPhoneNumber","CompanyAddress","ServerName","DatabaseName","Username","Password","DatabaseConnectionString","DisableSampleDataOption","InstallSampleData","DefaultLanguageId","WorkingLanguages","getDBCheckIn","async","get","then","response","data","Success","value","Data","AvailableLanguages","title","message","style","duration","type","setTimeout","push","name","catch","errMsg","console","log","createDB","lang","forEach","item","Id","post","confimPassword","__exports__"],"mappings":"o4HAwUA,MAAMA,EAAU,EAAAC,EAAMC,OAAO,CAC3BC,QAAiD,mCAE7CC,EAAQ,kBAAI,GACZC,EAAS,iBACTC,EAAU,kBAAI,GACdC,EAAoB,iBAAI,IACxBC,EAAY,iBAAI,IAChBC,EAAiB,kBAAI,GACrBC,EAAa,sBAAS,CAC1BC,eAAgB,GAChBC,cAAe,GACfC,WAAY,GACZC,cAAe,GACfC,gBAAiB,GACjBC,YAAa,GACbC,aAAc,GACdC,mBAAoB,GACpBC,eAAgB,GAChBC,WAAY,GACZC,aAAc,GACdC,SAAU,GACVC,SAAU,GACVC,yBAA0B,GAC1BC,yBAAyB,EACzBC,mBAAmB,EACnBC,kBAAmB,GACnBC,iBAAkB,OAGdC,EAAeC,gBACb9B,EACH+B,IAAI,oBACJC,KAAMC,IACDA,EAASC,KAAKC,QAChB3B,EAAU4B,MAAQH,EAASC,KAAKG,KAAKC,oBAErC,eAAe,CACbC,MAAO,gBACPC,QAAS,eAAE,IAAK,CAAEC,MAAO,iBAAmB,+BAC5CC,SAAU,KACVC,KAAM,YAERC,WAAW,KACTvC,EAAOwC,KAAK,CAAEC,KAAM,aACnB,SAGNC,MAAOC,IACNC,QAAQC,IAAIF,MAIZG,EAAWrB,UACf,IAAIsB,EAAO,GACX7C,EAAkB6B,MAAMiB,QAASC,IAC/BF,EAAKP,KAAKS,EAAKC,MAEjB7C,EAAWkB,iBAAmBwB,QACxBpD,EACHwD,KAAK,iBAAkB9C,GACvBsB,KAAMC,IACDA,EAASC,KAAKC,UAChB/B,EAAMgC,OAAQ,EACd,eAAe,CACbG,MAAO,kBACPC,QAAS,eAAE,IAAK,CAAEC,MAAO,iBAAmB,iCAC5CC,SAAU,KACVC,KAAM,YAERC,WAAW,KACTvC,EAAOwC,KAAK,CAAEC,KAAM,YACpB1C,EAAMgC,OAAQ,GACb,SAGNW,MACC,eAAe,CACbR,MAAO,kBACPC,QAAS,eAAE,IAAK,CAAEC,MAAO,iBAAmB,4BAC5CC,SAAU,IACVC,KAAM,YAKRc,GAAiB,KACrBb,WAAW,KACTtC,EAAQ8B,MAAQ1B,EAAWI,gBAAkBJ,EAAWK,iBACvD,M,OAEL,uBAAU,KACRc,M,szNC/ZF,MAAM6B,EAAc,EAEL,gB,kCCPf","file":"js/chunk-3ebc1474.24f9196e.js","sourcesContent":["<template>\r\n  <BlockUI :loading=\"block\" />\r\n  <div\r\n    class=\"container-fluid bg-dark pt-4\"\r\n    style=\"height: 100%\"\r\n  >\r\n    <h1 class=\"text-white\">Create Database</h1>\r\n    <div class=\"row gy-5 g-xl-8\">\r\n      <!-- Admin -->\r\n      <div class=\"col-xxl-4 p-5 rounded\">\r\n        <h3 class=\"text-white\">Admin Info</h3>\r\n        <div class=\"p-4 rounded bg-transparent\">\r\n          <!-- First Name -->\r\n          <div>\r\n            <label\r\n              class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n              for=\"fname\"\r\n              >Admin First Name</label\r\n            >\r\n            <input\r\n              type=\"text\"\r\n              id=\"fname\"\r\n              class=\"form-control form-control-lg fs-6\"\r\n              v-model=\"InstalData.AdminFirstname\"\r\n            />\r\n          </div>\r\n          <!-- Last Name -->\r\n          <div>\r\n            <label\r\n              class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n              for=\"lname\"\r\n              >Admin Last Name</label\r\n            >\r\n            <input\r\n              type=\"text\"\r\n              id=\"lname\"\r\n              class=\"form-control form-control-lg fs-6\"\r\n              v-model=\"InstalData.AdminLastname\"\r\n            />\r\n          </div>\r\n          <!-- E-Mail -->\r\n          <div>\r\n            <label\r\n              class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n              for=\"email\"\r\n              >Admin E-mail</label\r\n            >\r\n            <input\r\n              type=\"text\"\r\n              id=\"email\"\r\n              class=\"form-control form-control-lg fs-6\"\r\n              v-model=\"InstalData.AdminEmail\"\r\n            />\r\n          </div>\r\n          <!-- Password -->\r\n          <div>\r\n            <label\r\n              class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n              for=\"password\"\r\n              >Admin Password</label\r\n            >\r\n            <input\r\n              type=\"password\"\r\n              id=\"password\"\r\n              class=\"form-control form-control-lg fs-6\"\r\n              v-model=\"InstalData.AdminPassword\"\r\n            />\r\n          </div>\r\n          <!-- Confirm Password -->\r\n          <div>\r\n            <label\r\n              class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n              for=\"confirm-password\"\r\n              >Confirm Password</label\r\n            >\r\n            <input\r\n              type=\"password\"\r\n              id=\"confirm-password\"\r\n              class=\"form-control form-control-lg fs-6\"\r\n              v-model=\"InstalData.ConfirmPassword\"\r\n              @keydown=\"confimPassword\"\r\n            />\r\n          </div>\r\n          <div v-if=\"confirm\">\r\n            <label\r\n              class=\"col-lg-12 col-form-label fw-bold fs-6 text-danger\"\r\n              for=\"confirm-password\"\r\n              >Confirm password doesn't match !</label\r\n            >\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- Company -->\r\n      <div class=\"col-xxl-4 p-5\">\r\n        <h3 class=\"text-white\">Company Info</h3>\r\n        <div class=\"p-4 rounded bg-transparent\">\r\n          <!-- Company Name -->\r\n          <div>\r\n            <label\r\n              class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n              for=\"comp-name\"\r\n              >Company Name</label\r\n            >\r\n            <input\r\n              type=\"text\"\r\n              id=\"comp-name\"\r\n              class=\"form-control form-control-lg fs-6\"\r\n              v-model=\"InstalData.CompanyName\"\r\n            />\r\n          </div>\r\n          <!-- Company Email -->\r\n          <div>\r\n            <label\r\n              class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n              for=\"comp-email\"\r\n              >Company Email</label\r\n            >\r\n            <input\r\n              type=\"text\"\r\n              id=\"comp-email\"\r\n              class=\"form-control form-control-lg fs-6\"\r\n              v-model=\"InstalData.CompanyEmail\"\r\n            />\r\n          </div>\r\n          <!-- Company Phone -->\r\n          <div>\r\n            <label\r\n              class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n              for=\"comp-phone\"\r\n              >Company Phone</label\r\n            >\r\n            <input\r\n              type=\"text\"\r\n              id=\"comp-phone\"\r\n              class=\"form-control form-control-lg fs-6\"\r\n              v-model=\"InstalData.CompanyPhoneNumber\"\r\n            />\r\n          </div>\r\n          <!-- Company Adress -->\r\n          <div>\r\n            <label\r\n              class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n              for=\"comp-phone\"\r\n              >Company Adress</label\r\n            >\r\n            <textarea\r\n              id=\"comp-phone\"\r\n              class=\"form-control form-control-lg fs-6\"\r\n              v-model=\"InstalData.CompanyAddress\"\r\n            />\r\n          </div>\r\n\r\n          <!-- Standard Language -->\r\n          <div>\r\n            <label class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\">Standard Language</label>\r\n            <Dropdown\r\n              class=\"form-control form-control-sm\"\r\n              style=\"padding: 5px !important\"\r\n              v-model=\"InstalData.DefaultLanguageId\"\r\n              :options=\"Languages\"\r\n              optionLabel=\"Value\"\r\n              optionValue=\"Id\"\r\n              placeholder=\"Select a Standard Language\"\r\n            />\r\n          </div>\r\n\r\n          <!-- Working Languages -->\r\n          <div>\r\n            <label class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\">Working Languages</label>\r\n            <MultiSelect\r\n              v-model=\"selectedLanguages\"\r\n              :options=\"Languages\"\r\n              filter\r\n              optionLabel=\"Value\"\r\n              placeholder=\"Select Languages\"\r\n              class=\"form-control form-control-sm\"\r\n              style=\"padding: 5px !important\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- Data Base -->\r\n      <div class=\"col-xxl-4 p-5 bg-transparent\">\r\n        <h3 class=\"text-white\">Database Setting</h3>\r\n        <div class=\"p-4 rounded bg-transparent\">\r\n          <div v-if=\"!ConnectionInfo\">\r\n            <!-- Server Name -->\r\n            <div>\r\n              <label\r\n                class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n                for=\"srv-name\"\r\n                >Server Name</label\r\n              >\r\n              <input\r\n                type=\"text\"\r\n                id=\"srv-name\"\r\n                class=\"form-control form-control-lg fs-6\"\r\n                v-model=\"InstalData.ServerName\"\r\n              />\r\n            </div>\r\n            <!-- Database Name -->\r\n            <div>\r\n              <label\r\n                class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n                for=\"db-name\"\r\n                >Database Name</label\r\n              >\r\n              <input\r\n                type=\"text\"\r\n                id=\"db-name\"\r\n                class=\"form-control form-control-lg fs-6\"\r\n                v-model=\"InstalData.DatabaseName\"\r\n              />\r\n            </div>\r\n\r\n            <!-- User Name -->\r\n            <div>\r\n              <label\r\n                class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n                for=\"db-user-name\"\r\n                >Database User Name</label\r\n              >\r\n              <input\r\n                type=\"text\"\r\n                id=\"db-user-name\"\r\n                class=\"form-control form-control-lg fs-6\"\r\n                v-model=\"InstalData.Username\"\r\n              />\r\n            </div>\r\n            <!-- Password -->\r\n            <div>\r\n              <label\r\n                class=\"col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n                for=\"db-password\"\r\n                >Database Password</label\r\n              >\r\n              <input\r\n                type=\"password\"\r\n                id=\"db-password\"\r\n                class=\"form-control form-control-lg fs-6\"\r\n                v-model=\"InstalData.Password\"\r\n              />\r\n            </div>\r\n          </div>\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              v-model=\"ConnectionInfo\"\r\n              id=\"ConnectionInfo\"\r\n            />\r\n            <label\r\n              class=\"form-check-label col-lg-4 col-form-label fw-bold fs-6 text-light\"\r\n              for=\"ConnectionInfo\"\r\n            >\r\n              Connection Info\r\n            </label>\r\n          </div>\r\n          <div v-if=\"ConnectionInfo\">\r\n            <div>\r\n              <label\r\n                class=\"col-lg-6 col-form-label fw-bold fs-6 text-light\"\r\n                for=\"db-connetct-string\"\r\n                >Database Connection String</label\r\n              >\r\n              <input\r\n                type=\"text\"\r\n                id=\"db-connetct-string\"\r\n                class=\"form-control form-control-lg fs-6\"\r\n                v-model=\"InstalData.DatabaseConnectionString\"\r\n              />\r\n            </div>\r\n          </div>\r\n\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              v-model=\"InstalData.DisableSampleDataOption\"\r\n              id=\"DisableSampleDataOption\"\r\n            />\r\n            <label\r\n              class=\"form-check-label col-lg-6 col-form-label fw-bold fs-6 text-light\"\r\n              for=\"DisableSampleDataOption\"\r\n            >\r\n              Disable Sample Data Option\r\n            </label>\r\n            <div class=\"form-check form-check-custom form-check-solid ms-2\">\r\n              <input\r\n                class=\"form-check-input\"\r\n                type=\"checkbox\"\r\n                v-model=\"InstalData.InstallSampleData\"\r\n                id=\"InstallSampleData\"\r\n              />\r\n              <label\r\n                class=\"form-check-label col-form-label fw-bold fs-6 text-light\"\r\n                for=\"InstallSampleData\"\r\n              >\r\n                Install Sample Data\r\n              </label>\r\n            </div>\r\n          </div>\r\n          <div class=\"button-content\">\r\n            <button\r\n              class=\"btn btn-light me-2\"\r\n              @click=\"router.push({ name: 'sign-in' })\"\r\n            >\r\n              Cancel\r\n            </button>\r\n            <button\r\n              class=\"btn btn-danger\"\r\n              @click=\"createDB\"\r\n            >\r\n              Create\r\n            </button>\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 { reactive, ref, h, onMounted } from \"vue\";\r\nimport axios from \"axios\";\r\nimport { useRouter } from \"vue-router\";\r\nimport { ElNotification } from \"element-plus\";\r\n\r\nconst axiosDB = axios.create({\r\n  baseURL: process.env.NODE_ENV === \"production\" ? \"https://api.theauditer.com/api\" : \"https://test.theauditer.com/api\",\r\n});\r\nconst block = ref(false);\r\nconst router = useRouter();\r\nconst confirm = ref(false);\r\nconst selectedLanguages = ref([]);\r\nconst Languages = ref([]);\r\nconst ConnectionInfo = ref(false);\r\nconst InstalData = reactive({\r\n  AdminFirstname: \"\",\r\n  AdminLastname: \"\",\r\n  AdminEmail: \"\",\r\n  AdminPassword: \"\",\r\n  ConfirmPassword: \"\",\r\n  CompanyName: \"\",\r\n  CompanyEmail: \"\",\r\n  CompanyPhoneNumber: \"\",\r\n  CompanyAddress: \"\",\r\n  ServerName: \"\",\r\n  DatabaseName: \"\",\r\n  Username: \"\",\r\n  Password: \"\",\r\n  DatabaseConnectionString: \"\",\r\n  DisableSampleDataOption: false,\r\n  InstallSampleData: false,\r\n  DefaultLanguageId: \"\",\r\n  WorkingLanguages: null,\r\n});\r\n\r\nconst getDBCheckIn = async () => {\r\n  await axiosDB\r\n    .get(\"/install/prepare\")\r\n    .then((response) => {\r\n      if (response.data.Success) {\r\n        Languages.value = response.data.Data.AvailableLanguages;\r\n      } else {\r\n        ElNotification({\r\n          title: \"Database Info\",\r\n          message: h(\"a\", { style: \"color:#343a40\" }, \"There is a database created\"),\r\n          duration: 4500,\r\n          type: \"warning\",\r\n        });\r\n        setTimeout(() => {\r\n          router.push({ name: \"sign-in\" });\r\n        }, 4800);\r\n      }\r\n    })\r\n    .catch((errMsg) => {\r\n      console.log(errMsg);\r\n    });\r\n};\r\n\r\nconst createDB = async () => {\r\n  let lang = [];\r\n  selectedLanguages.value.forEach((item) => {\r\n    lang.push(item.Id);\r\n  });\r\n  InstalData.WorkingLanguages = lang;\r\n  await axiosDB\r\n    .post(\"/install/begin\", InstalData)\r\n    .then((response) => {\r\n      if (response.data.Success) {\r\n        block.value = true;\r\n        ElNotification({\r\n          title: \"Database Create\",\r\n          message: h(\"a\", { style: \"color:#28a745\" }, \"Database successfully created\"),\r\n          duration: 3500,\r\n          type: \"success\",\r\n        });\r\n        setTimeout(() => {\r\n          router.push({ name: \"sign-in\" });\r\n          block.value = false;\r\n        }, 3700);\r\n      }\r\n    })\r\n    .catch(\r\n      ElNotification({\r\n        title: \"Database Create\",\r\n        message: h(\"a\", { style: \"color:#dc3545\" }, \"Database creation failed\"),\r\n        duration: 3000,\r\n        type: \"error\",\r\n      })\r\n    );\r\n};\r\n\r\nconst confimPassword = () => {\r\n  setTimeout(() => {\r\n    confirm.value = InstalData.AdminPassword !== InstalData.ConfirmPassword ? true : false;\r\n  }, 1000);\r\n};\r\nonMounted(() => {\r\n  getDBCheckIn();\r\n});\r\n</script>\r\n\r\n<style>\r\n#app {\r\n  background: transparent;\r\n}\r\n.button-content {\r\n  float: right;\r\n  margin-bottom: 10px;\r\n  margin-top: 20px;\r\n}\r\n</style>\r\n","import script from \"./InstallDB.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./InstallDB.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./InstallDB.vue?vue&type=style&index=0&id=30700cdc&lang=css\"\n\nconst __exports__ = script;\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--1-1!./InstallDB.vue?vue&type=style&index=0&id=30700cdc&lang=css\""],"sourceRoot":""}