potsda.mn/mobilizon
10
4
Fork 1
Code Issues 22 Pull requests 1 Projects Releases Wiki Activity

Move time display settings near the related datetimepicker

Browse source
This commit is contained in:
Massedil 2024-10-07 13:06:32 +02:00
parent b48ab8201f
commit 78b7fae91b
1 changed files with 11 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/views/Event/EditView.vue
View file

@ -61,7 +61,7 @@
</div> </div>
<o-field <o-field
horizontal grouped
:label="t('Starts on…')" :label="t('Starts on…')"
class="items-center" class="items-center"
label-for="begins-on-field" label-for="begins-on-field"
@ -82,10 +82,13 @@
}" }"
> >
</o-datetimepicker> </o-datetimepicker>
<o-switch v-model="eventOptions.showStartTime">{{
t("Show the time when the event begins")
}}</o-switch>
</o-field> </o-field>
<o-field <o-field
horizontal grouped
:label="t('Ends on…')" :label="t('Ends on…')"
label-for="ends-on-field" label-for="ends-on-field"
class="items-center" class="items-center"
@ -107,10 +110,13 @@
}" }"
> >
</o-datetimepicker> </o-datetimepicker>
<o-switch v-model="eventOptions.showEndTime">{{
t("Show the time when the event ends")
}}</o-switch>
</o-field> </o-field>
<o-button class="block" variant="text" @click="dateSettingsIsOpen = true"> <o-button class="block" variant="text" @click="dateSettingsIsOpen = true">
{{ t("Date parameters") }} {{ t("Timezone parameters") }}
</o-button> </o-button>
<div class="my-6"> <div class="my-6">
@ -476,7 +482,7 @@
> >
<form class="p-3"> <form class="p-3">
<header class=""> <header class="">
<h2 class="">{{ t("Date and time settings") }}</h2> <h2 class="">{{ t("Timezone") }}</h2>
</header> </header>
<section class=""> <section class="">
<p> <p>
@ -486,7 +492,7 @@
) )
}} }}
</p> </p>
<o-field :label="t('Timezone')" label-for="timezone" expanded> <o-field expanded>
<o-select <o-select
:placeholder="t('Select a timezone')" :placeholder="t('Select a timezone')"
:loading="timezoneLoading" :loading="timezoneLoading"
@ -517,16 +523,6 @@
:title="t('Clear timezone field')" :title="t('Clear timezone field')"
/> />
</o-field> </o-field>
<o-field :label="t('Event page settings')">
<o-switch v-model="eventOptions.showStartTime">{{
t("Show the time when the event begins")
}}</o-switch>
</o-field>
<o-field>
<o-switch v-model="eventOptions.showEndTime">{{
t("Show the time when the event ends")
}}</o-switch>
</o-field>
</section> </section>
<footer class="mt-2"> <footer class="mt-2">
<o-button @click="dateSettingsIsOpen = false"> <o-button @click="dateSettingsIsOpen = false">