build version 400

resources/assets/js/views/wizard/WizardDatabaseStep.vue

@@ -0,0 +1,103 @@
+<template>
+  <sw-wizard-step
+    :title="$t('wizard.database.database')"
+    :description="$t('wizard.database.desc')"
+  >
+    <base-loader v-if="isFetching" :show-bg-overlay="true" />
+    <component
+      :is="database_connection"
+      :config-data="databaseData"
+      :is-loading="isLoading"
+      :is-fetching="isFetching"
+      @on-change-driver="getDatabaseConfig"
+      @submit-data="next"
+    />
+  </sw-wizard-step>
+</template>
+
+<script>
+import { validationMixin } from 'vuelidate'
+import Mysql from './database/MysqlDatabase'
+import Pgsql from './database/PgsqlDatabase'
+import Sqlite from './database/SqliteDatabase'
+import Sqlsrv from './database/SqlsrvDatabase'
+
+export default {
+  components: {
+    Mysql,
+    Pgsql,
+    Sqlite,
+    Sqlsrv,
+  },
+  data() {
+    return {
+      databaseData: {
+        database_connection: 'mysql',
+      },
+      isLoading: false,
+      isFetching: false,
+      database_connection: 'mysql',
+      connections: ['sqlite', 'mysql', 'pgsql', 'sqlsrv'],
+    }
+  },
+  created() {
+    this.getDatabaseConfig(this.database_connection)
+  },
+  methods: {
+    async getDatabaseConfig(connection) {
+      this.isLoading = this.isFetching = true
+
+      let params = {
+        connection,
+      }
+
+      let response = await window.axios.get(
+        '/api/v1/onboarding/database/config',
+        { params }
+      )
+
+      if (response.data.success) {
+        this.databaseData = response.data.config
+        this.database_connection = connection
+        this.databaseData.database_connection = connection
+        this.isLoading = this.isFetching = false
+      }
+    },
+    async next(databaseData) {
+      this.isLoading = this.isFetching = true
+      try {
+        await window.axios.get('/sanctum/csrf-cookie')
+
+        let response = await window.axios.post(
+          '/api/v1/onboarding/database/config',
+          databaseData
+        )
+
+        await window.axios.get('/sanctum/csrf-cookie')
+
+        if (response.data.success) {
+          await window.axios.post('/api/v1/onboarding/finish')
+
+          this.$emit('next', 3)
+
+          window.toastr['success'](
+            this.$t('wizard.success.' + response.data.success)
+          )
+
+          return true
+        } else if (response.data.error) {
+          window.toastr['error'](
+            this.$t('wizard.errors.' + response.data.error)
+          )
+        } else if (response.data.error_message) {
+          window.toastr['error'](response.data.error_message)
+        }
+      } catch (e) {
+        window.toastr['error'](e.response.data.message)
+      } finally {
+        this.isLoading = this.isFetching = false
+      }
+    },
+  },
+}
+</script>