github/mealie
1
0
Fork 0
mirror of https://github.com/hay-kot/mealie.git synced 2025-08-20 21:43:36 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 10

fix html formatting

Browse source
This commit is contained in:
Michael Genson 2025-08-08 20:43:48 +00:00
commit 410dbb4fea
1 changed files with 53 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

93
frontend/pages/admin/setup.vue
View file

@ -1,70 +1,81 @@
<template> <template>
<v-container fill-height <v-container
fluid fill-height
class="d-flex justify-center align-center" fluid
width="1200px" class="d-flex justify-center align-center"
min-height="700px" width="1200px"
:class="{ min-height="700px"
'bg-off-white': !$vuetify.theme.current.dark, :class="{
}" 'bg-off-white': !$vuetify.theme.current.dark,
}"
> >
<BaseWizard v-model="currentPage" <BaseWizard
:max-page-number="totalPages" v-model="currentPage"
:title="$t('admin.setup.first-time-setup')" :max-page-number="totalPages"
:prev-button-show="activeConfig.showPrevButton" :title="$t('admin.setup.first-time-setup')"
:next-button-show="activeConfig.showNextButton" :prev-button-show="activeConfig.showPrevButton"
:next-button-text="activeConfig.nextButtonText" :next-button-show="activeConfig.showNextButton"
:next-button-icon="activeConfig.nextButtonIcon" :next-button-text="activeConfig.nextButtonText"
:next-button-color="activeConfig.nextButtonColor" :next-button-icon="activeConfig.nextButtonIcon"
:next-button-is-submit="activeConfig.isSubmit" :next-button-color="activeConfig.nextButtonColor"
:is-submitting="isSubmitting" :next-button-is-submit="activeConfig.isSubmit"
@submit="handleSubmit" :is-submitting="isSubmitting"
@submit="handleSubmit"
> >
<v-container v-if="currentPage === Pages.LANDING" <v-container
class="mb-12" v-if="currentPage === Pages.LANDING"
class="mb-12"
> >
<v-card-title class="text-h4 justify-center text-center"> <v-card-title class="text-h4 justify-center text-center">
{{ $t('admin.setup.welcome-to-mealie-get-started') }} {{ $t('admin.setup.welcome-to-mealie-get-started') }}
</v-card-title> </v-card-title>
<v-btn :to="groupSlug ? `/g/${groupSlug}` : '/login'" <v-btn
rounded :to="groupSlug ? `/g/${groupSlug}` : '/login'"
variant="outlined" rounded
color="grey-lighten-1" variant="outlined"
class="text-subtitle-2 d-flex mx-auto" color="grey-lighten-1"
style="width: fit-content;" class="text-subtitle-2 d-flex mx-auto"
style="width: fit-content;"
> >
{{ $t('admin.setup.already-set-up-bring-to-homepage') }} {{ $t('admin.setup.already-set-up-bring-to-homepage') }}
</v-btn> </v-btn>
</v-container> </v-container>
<v-container v-if="currentPage === Pages.USER_INFO"> <v-container v-if="currentPage === Pages.USER_INFO">
<UserRegistrationForm /> <UserRegistrationForm />
</v-container> </v-container>
<v-container v-if="currentPage === Pages.PAGE_2"> <v-container v-if="currentPage === Pages.PAGE_2">
<v-card-title class="headline justify-center"> <v-card-title class="headline justify-center">
{{ $t('admin.setup.common-settings-for-new-sites') }} {{ $t('admin.setup.common-settings-for-new-sites') }}
</v-card-title> </v-card-title>
<AutoForm v-model="commonSettings" <AutoForm
:items="commonSettingsForm" v-model="commonSettings"
:items="commonSettingsForm"
/> />
</v-container> </v-container>
<v-container v-if="currentPage === Pages.CONFIRM"> <v-container v-if="currentPage === Pages.CONFIRM">
<v-card-title class="headline justify-center"> <v-card-title class="headline justify-center">
{{ $t("general.confirm-how-does-everything-look") }} {{ $t("general.confirm-how-does-everything-look") }}
</v-card-title> </v-card-title>
<v-list> <v-list>
<template v-for="(item, idx) in confirmationData"> <template v-for="(item, idx) in confirmationData">
<v-list-item v-if="item.display" <v-list-item
:key="idx" v-if="item.display"
:key="idx"
> >
<v-list-item-title> {{ item.text }} </v-list-item-title> <v-list-item-title>{{ item.text }}</v-list-item-title>
<v-list-item-subtitle> {{ item.value }} </v-list-item-subtitle> <v-list-item-subtitle>{{ item.value }}</v-list-item-subtitle>
</v-list-item> </v-list-item>
<v-divider v-if="idx !== confirmationData.length - 1" <v-divider
:key="`divider-${idx}`" v-if="idx !== confirmationData.length - 1"
:key="`divider-${idx}`"
/> />
</template> </template>
</v-list> </v-list>
</v-container> </v-container>
<v-container v-if="currentPage === Pages.END"> <v-container v-if="currentPage === Pages.END">
<v-card-title class="text-h4 justify-center"> <v-card-title class="text-h4 justify-center">
{{ $t('admin.setup.setup-complete') }} {{ $t('admin.setup.setup-complete') }}
@ -72,9 +83,10 @@
<v-card-title class="text-h6 justify-center"> <v-card-title class="text-h6 justify-center">
{{ $t('admin.setup.here-are-a-few-things-to-help-you-get-started') }} {{ $t('admin.setup.here-are-a-few-things-to-help-you-get-started') }}
</v-card-title> </v-card-title>
<div v-for="link, idx in setupCompleteLinks" <div
:key="idx" v-for="link, idx in setupCompleteLinks"
class="px-4 pt-4" :key="idx"
class="px-4 pt-4"
> >
<div v-if="link.section"> <div v-if="link.section">
<v-divider v-if="idx" /> <v-divider v-if="idx" />
@ -82,8 +94,9 @@
{{ link.section }} {{ link.section }}
</v-card-text> </v-card-text>
</div> </div>
<v-btn :to="link.to" <v-btn
color="info" :to="link.to"
color="info"
> >
{{ link.text }} {{ link.text }}
</v-btn> </v-btn>