diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-09 14:28:27 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-09 14:28:27 +0900 |
| commit | 1c0ec222b414a25c997fb800d450b39be8586d05 (patch) | |
| tree | ecd96e4433aa809fa329638095339373a103f4a6 | |
| parent | fix(frontend): ユーザー選択ダイアログが表示されない問題... (diff) | |
| download | sharkey-1c0ec222b414a25c997fb800d450b39be8586d05.tar.gz sharkey-1c0ec222b414a25c997fb800d450b39be8586d05.tar.bz2 sharkey-1c0ec222b414a25c997fb800d450b39be8586d05.zip | |
enhance(frontend): プロフィール画面におけるモデレーションノートの表示を調整
Resolve #10807
| -rw-r--r-- | CHANGELOG.md | 1 | ||||
| -rw-r--r-- | packages/frontend/src/pages/user/home.vue | 7 |
2 files changed, 7 insertions, 1 deletions
diff --git a/CHANGELOG.md b/CHANGELOG.md index 83caa66a46..05f1d279af 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -18,6 +18,7 @@ - ### Client +- プロフィール画面におけるモデレーションノートの表示を調整 - Fix: ユーザー選択ダイアログが表示されない問題を修正 ### Server diff --git a/packages/frontend/src/pages/user/home.vue b/packages/frontend/src/pages/user/home.vue index 5bc1578268..9c133346d5 100644 --- a/packages/frontend/src/pages/user/home.vue +++ b/packages/frontend/src/pages/user/home.vue @@ -49,9 +49,12 @@ </span> </div> <div v-if="iAmModerator" class="moderationNote"> - <MkTextarea v-model="moderationNote" manual-save> + <MkTextarea v-if="editModerationNote || (moderationNote != null && moderationNote !== '')" v-model="moderationNote" manual-save> <template #label>Moderation note</template> </MkTextarea> + <div v-else> + <MkButton small @click="editModerationNote = true">Add moderation note</MkButton> + </div> </div> <div v-if="isEditingMemo || memoDraft" class="memo" :class="{'no-memo': !memoDraft}"> <div class="heading" v-text="i18n.ts.memo"/> @@ -142,6 +145,7 @@ import MkRemoteCaution from '@/components/MkRemoteCaution.vue'; import MkTextarea from '@/components/MkTextarea.vue'; import MkOmit from '@/components/MkOmit.vue'; import MkInfo from '@/components/MkInfo.vue'; +import MkButton from '@/components/MkButton.vue'; import { getScrollPosition } from '@/scripts/scroll'; import { getUserMenu } from '@/scripts/get-user-menu'; import number from '@/filters/number'; @@ -176,6 +180,7 @@ let memoTextareaEl = $ref<null | HTMLElement>(null); let memoDraft = $ref(props.user.memo); let isEditingMemo = $ref(false); let moderationNote = $ref(props.user.moderationNote); +let editModerationNote = $ref(false); watch($$(moderationNote), async () => { await os.api('admin/update-user-note', { userId: props.user.id, text: moderationNote }); |