mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-27 11:41:09 -04:00
45aaee72d8
* fix sidebar and table data link in dark mode color * add dark mode toggle in installation step
114 lines
2.9 KiB
Vue
114 lines
2.9 KiB
Vue
<template>
|
|
<div class="flex flex-col items-center justify-between w-full pt-10">
|
|
<LightDarkButton class="absolute z-10 top-2 right-2"/>
|
|
<img
|
|
id="logo-crater"
|
|
src="/img/crater-logo.png"
|
|
alt="Crater Logo"
|
|
class="h-12 mb-5 md:mb-10"
|
|
/>
|
|
|
|
<BaseWizard
|
|
:steps="7"
|
|
:current-step="currentStepNumber"
|
|
@click="onNavClick"
|
|
>
|
|
<component :is="stepComponent" @next="onStepChange" />
|
|
</BaseWizard>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { ref } from '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'
|
|
import LightDarkButton from '@/scripts/components/LightDarkButton.vue'
|
|
|
|
export default {
|
|
components: {
|
|
step_1: Step1RequirementsCheck,
|
|
step_2: Step2PermissionCheck,
|
|
step_3: Step3DatabaseConfig,
|
|
step_4: Step4VerifyDomain,
|
|
step_5: Step5EmailConfig,
|
|
step_6: Step6AccountSettings,
|
|
step_7: Step7CompanyInfo,
|
|
step_8: Step8CompanyPreferences,
|
|
LightDarkButton
|
|
},
|
|
|
|
setup() {
|
|
let stepComponent = ref('step_1')
|
|
let currentStepNumber = ref(1)
|
|
|
|
const router = useRouter()
|
|
const installationStore = useInstallationStore()
|
|
|
|
checkCurrentProgress()
|
|
|
|
async function checkCurrentProgress() {
|
|
let res = await installationStore.fetchInstallationStep()
|
|
|
|
if (res.data.profile_complete === 'COMPLETED') {
|
|
router.push('/admin/dashboard')
|
|
return
|
|
}
|
|
|
|
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 <= 8) {
|
|
stepComponent.value = 'step_' + currentStepNumber.value
|
|
}
|
|
}
|
|
|
|
function onNavClick(e) {}
|
|
|
|
return {
|
|
stepComponent,
|
|
currentStepNumber,
|
|
onStepChange,
|
|
saveStepProgress,
|
|
onNavClick,
|
|
}
|
|
},
|
|
}
|
|
</script>
|