diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-03-18 14:30:16 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-03-18 14:30:16 +0900 |
| commit | 7699b49d33e3d6072cba27022ae35e17cc6dfcce (patch) | |
| tree | d5a58df0e26e531751ece7f62728f73ef25b6b71 /packages/frontend/src | |
| parent | test(backend): Add tests for web resources (#10341) (diff) | |
| download | misskey-7699b49d33e3d6072cba27022ae35e17cc6dfcce.tar.gz misskey-7699b49d33e3d6072cba27022ae35e17cc6dfcce.tar.bz2 misskey-7699b49d33e3d6072cba27022ae35e17cc6dfcce.zip | |
enhance(client): add ads page
Diffstat (limited to 'packages/frontend/src')
| -rw-r--r-- | packages/frontend/src/pages/ads.vue | 25 | ||||
| -rw-r--r-- | packages/frontend/src/router.ts | 3 | ||||
| -rw-r--r-- | packages/frontend/src/ui/_common_/common.ts | 5 |
3 files changed, 33 insertions, 0 deletions
diff --git a/packages/frontend/src/pages/ads.vue b/packages/frontend/src/pages/ads.vue new file mode 100644 index 0000000000..728ef3c0b1 --- /dev/null +++ b/packages/frontend/src/pages/ads.vue @@ -0,0 +1,25 @@ +<template> +<MkStickyContainer> + <template #header><MkPageHeader/></template> + + <MkSpacer :content-max="500"> + <div class="_gaps"> + <MkAd v-for="ad in instance.ads" :key="ad.id" :specify="ad"/> + </div> + </MkSpacer> +</MkStickyContainer> +</template> + +<script lang="ts" setup> +import { computed, watch } from 'vue'; +import * as os from '@/os'; +import { definePageMetadata } from '@/scripts/page-metadata'; +import { i18n } from '@/i18n'; +import { instance } from '@/instance'; + +definePageMetadata({ + title: i18n.ts.ads, + icon: 'ti ti-ad', +}); +</script> + diff --git a/packages/frontend/src/router.ts b/packages/frontend/src/router.ts index 5f184881b4..590c5765fd 100644 --- a/packages/frontend/src/router.ts +++ b/packages/frontend/src/router.ts @@ -198,6 +198,9 @@ export const routes = [{ path: '/about-misskey', component: page(() => import('./pages/about-misskey.vue')), }, { + path: '/ads', + component: page(() => import('./pages/ads.vue')), +}, { path: '/theme-editor', component: page(() => import('./pages/theme-editor.vue')), loginRequired: true, diff --git a/packages/frontend/src/ui/_common_/common.ts b/packages/frontend/src/ui/_common_/common.ts index a90ec6172f..eae4f0091c 100644 --- a/packages/frontend/src/ui/_common_/common.ts +++ b/packages/frontend/src/ui/_common_/common.ts @@ -29,6 +29,11 @@ export function openInstanceMenu(ev: MouseEvent) { icon: 'ti ti-chart-line', to: '/about#charts', }, null, { + type: 'link', + text: i18n.ts.ads, + icon: 'ti ti-ad', + to: '/ads', + }, { type: 'parent', text: i18n.ts.tools, icon: 'ti ti-tool', |