mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-07 13:41:23 +00:00
126 lines
3.1 KiB
Vue
126 lines
3.1 KiB
Vue
<template>
|
|
<div class="flex flex-col items-center justify-between w-full pt-10">
|
|
|
|
<img
|
|
id="logo-invoiceshelf"
|
|
:src="getTickImage()"
|
|
alt="InvoiceShelf Logo"
|
|
class="h-12 mb-5 md:mb-10"
|
|
/>
|
|
|
|
<BaseWizard
|
|
:steps="9"
|
|
:current-step="currentStepNumber"
|
|
@click="onNavClick"
|
|
>
|
|
<component :is="stepComponent" @next="onStepChange" />
|
|
</BaseWizard>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { ref } from 'vue'
|
|
import Step0SetLanguage from './Step0SetLanguage.vue'
|
|
import Step1RequirementsCheck from './Step1RequirementsCheck.vue'
|
|
import Step2PermissionCheck from './Step2PermissionCheck.vue'
|
|
import Step3DatabaseConfig from './Step3DatabaseConfig.vue'
|
|
import Step4VerifyDomain from './Step4VerifyDomain.vue'
|
|
import Step5EmailConfig from './Step5EmailConfig.vue'
|
|
import Step6AccountSettings from './Step6AccountSettings.vue'
|
|
import Step7CompanyInfo from './Step7CompanyInfo.vue'
|
|
import Step8CompanyPreferences from './Step8CompanyPreferences.vue'
|
|
import { useInstallationStore } from '@/scripts/admin/stores/installation'
|
|
import { useRouter } from 'vue-router'
|
|
|
|
|
|
export default {
|
|
components: {
|
|
step_0: Step0SetLanguage,
|
|
step_1: Step1RequirementsCheck,
|
|
step_2: Step2PermissionCheck,
|
|
step_3: Step3DatabaseConfig,
|
|
step_4: Step4VerifyDomain,
|
|
step_5: Step5EmailConfig,
|
|
step_6: Step6AccountSettings,
|
|
step_7: Step7CompanyInfo,
|
|
step_8: Step8CompanyPreferences,
|
|
},
|
|
|
|
setup() {
|
|
let stepComponent = ref('step_0')
|
|
let currentStepNumber = ref(0)
|
|
|
|
const router = useRouter()
|
|
const installationStore = useInstallationStore()
|
|
const { global } = window.i18n
|
|
|
|
checkCurrentProgress()
|
|
|
|
async function checkCurrentProgress() {
|
|
let res = await installationStore.fetchInstallationStep()
|
|
|
|
if (res.data.profile_complete === 'COMPLETED') {
|
|
router.push('/admin/dashboard')
|
|
return
|
|
}
|
|
|
|
if(typeof res.data.profile_language === 'string') {
|
|
global.locale.value = res.data.profile_language
|
|
}
|
|
|
|
let dbstep = parseInt(res.data.profile_complete)
|
|
|
|
if (dbstep) {
|
|
currentStepNumber.value = dbstep + 1
|
|
stepComponent.value = `step_${dbstep + 1}`
|
|
}
|
|
}
|
|
|
|
async function saveStepProgress(data) {
|
|
let status = {
|
|
profile_complete: data,
|
|
}
|
|
|
|
try {
|
|
await installationStore.addInstallationStep(status)
|
|
return true
|
|
} catch (e) {
|
|
if (e?.response?.data?.message === 'The MAC is invalid.') {
|
|
window.location.reload()
|
|
}
|
|
return false
|
|
}
|
|
}
|
|
|
|
async function onStepChange(data) {
|
|
if (data) {
|
|
let res = await saveStepProgress(data)
|
|
if (!res) return false
|
|
}
|
|
|
|
currentStepNumber.value++
|
|
|
|
if (currentStepNumber.value <= 9) {
|
|
stepComponent.value = 'step_' + currentStepNumber.value
|
|
}
|
|
}
|
|
|
|
function onNavClick(e) {}
|
|
|
|
function getTickImage() {
|
|
const imgUrl = new URL('$images/logo.png', import.meta.url)
|
|
return imgUrl
|
|
}
|
|
|
|
return {
|
|
stepComponent,
|
|
currentStepNumber,
|
|
onStepChange,
|
|
saveStepProgress,
|
|
onNavClick,
|
|
getTickImage
|
|
}
|
|
},
|
|
}
|
|
</script>
|