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 | |
| parent | test(backend): Add tests for web resources (#10341) (diff) | |
| download | sharkey-7699b49d33e3d6072cba27022ae35e17cc6dfcce.tar.gz sharkey-7699b49d33e3d6072cba27022ae35e17cc6dfcce.tar.bz2 sharkey-7699b49d33e3d6072cba27022ae35e17cc6dfcce.zip | |
enhance(client): add ads page
| -rw-r--r-- | CHANGELOG.md | 7 | ||||
| -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 |
4 files changed, 37 insertions, 3 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index da000152cb..e9714b5233 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -20,9 +20,10 @@ You should also include the user name that made the change. - ロールの並び順を設定可能に - カスタム絵文字にライセンス情報を付与できるように - 指定した文字列を含む投稿の公開範囲をホームにできるように -- enhance(client): 設定から自分のロールを確認できるように -- enhance(client): DM作成時にメンションも含むように -- enhance(client): フォロー申請のボタンのデザインを改善 +- 設定から自分のロールを確認できるように +- 広告一覧ページを追加 +- DM作成時にメンションも含むように +- フォロー申請のボタンのデザインを改善 - enhance(backend): OpenAPIエンドポイントを復旧 - WebP/AVIF/JPEGのweb公開用画像は、サーバーサイドではJPEGではなくWebPに変換するように - アニメーション画像のサムネイルを生成するように 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', |