diff options
Diffstat (limited to 'packages/frontend/src')
| -rw-r--r-- | packages/frontend/src/pages/admin/ads.vue | 50 |
1 files changed, 31 insertions, 19 deletions
diff --git a/packages/frontend/src/pages/admin/ads.vue b/packages/frontend/src/pages/admin/ads.vue index 6e07585fdc..1ce99d4ba5 100644 --- a/packages/frontend/src/pages/admin/ads.vue +++ b/packages/frontend/src/pages/admin/ads.vue @@ -9,12 +9,15 @@ SPDX-License-Identifier: AGPL-3.0-only <XHeader :actions="headerActions" :tabs="headerTabs"/> </template> <MkSpacer :contentMax="900"> - <MkSwitch :modelValue="publishing" @update:modelValue="onChangePublishing"> - {{ i18n.ts.publishing }} - </MkSwitch> + <MkSelect v-model="type" :class="$style.input" @update:modelValue="onChangePublishing"> + <template #label>{{ i18n.ts.state }}</template> + <option value="null">{{ i18n.ts.all }}</option> + <option value="true">{{ i18n.ts.publishing }}</option> + <option value="false">{{ i18n.ts.expired }}</option> + </MkSelect> <div> <div v-for="ad in ads" class="_panel _gaps_m" :class="$style.ad"> - <MkAd v-if="ad.url" :specify="ad"/> + <MkAd v-if="ad.url" :key="ad.id" :specify="ad"/> <MkInput v-model="ad.url" type="url"> <template #label>URL</template> </MkInput> @@ -82,14 +85,14 @@ SPDX-License-Identifier: AGPL-3.0-only </template> <script lang="ts" setup> -import { } from 'vue'; +import { ref } from 'vue'; import XHeader from './_header_.vue'; import MkButton from '@/components/MkButton.vue'; import MkInput from '@/components/MkInput.vue'; import MkTextarea from '@/components/MkTextarea.vue'; import MkRadios from '@/components/MkRadios.vue'; import MkFolder from '@/components/MkFolder.vue'; -import MkSwitch from '@/components/MkSwitch.vue'; +import MkSelect from '@/components/MkSelect.vue'; import FormSplit from '@/components/form/split.vue'; import * as os from '@/os.js'; import { i18n } from '@/i18n.js'; @@ -101,24 +104,28 @@ let ads: any[] = $ref([]); const localTime = new Date(); const localTimeDiff = localTime.getTimezoneOffset() * 60 * 1000; const daysOfWeek: string[] = [i18n.ts._weekday.sunday, i18n.ts._weekday.monday, i18n.ts._weekday.tuesday, i18n.ts._weekday.wednesday, i18n.ts._weekday.thursday, i18n.ts._weekday.friday, i18n.ts._weekday.saturday]; -let publishing = false; +let publishing: boolean | null = null; +let type = ref('null'); os.api('admin/ad/list', { publishing: publishing }).then(adsResponse => { - ads = adsResponse.map(r => { - const exdate = new Date(r.expiresAt); - const stdate = new Date(r.startsAt); - exdate.setMilliseconds(exdate.getMilliseconds() - localTimeDiff); - stdate.setMilliseconds(stdate.getMilliseconds() - localTimeDiff); - return { - ...r, - expiresAt: exdate.toISOString().slice(0, 16), - startsAt: stdate.toISOString().slice(0, 16), - }; - }); + if (adsResponse != null) { + ads = adsResponse.map(r => { + const exdate = new Date(r.expiresAt); + const stdate = new Date(r.startsAt); + exdate.setMilliseconds(exdate.getMilliseconds() - localTimeDiff); + stdate.setMilliseconds(stdate.getMilliseconds() - localTimeDiff); + return { + ...r, + expiresAt: exdate.toISOString().slice(0, 16), + startsAt: stdate.toISOString().slice(0, 16), + }; + }); + } }); const onChangePublishing = (v) => { - publishing = v; + console.log(v); + publishing = v === 'true' ? true : v === 'false' ? false : null; refresh(); }; @@ -197,6 +204,7 @@ function save(ad) { function more() { os.api('admin/ad/list', { untilId: ads.reduce((acc, ad) => ad.id != null ? ad : acc).id, publishing: publishing }).then(adsResponse => { + if (adsResponse == null) return; ads = ads.concat(adsResponse.map(r => { const exdate = new Date(r.expiresAt); const stdate = new Date(r.startsAt); @@ -213,6 +221,7 @@ function more() { function refresh() { os.api('admin/ad/list', { publishing: publishing }).then(adsResponse => { + if (adsResponse == null) return; ads = adsResponse.map(r => { const exdate = new Date(r.expiresAt); const stdate = new Date(r.startsAt); @@ -252,4 +261,7 @@ definePageMetadata({ margin-bottom: var(--margin); } } +.input { + margin-bottom: 32px; +} </style> |