fix(frontend): ロールポリシーによりダイレクトメッセージが無効化されている際のデッキのダイレクトメッセージカラムの挙動を改善 (#16656)
* fix(frontend): ロールポリシーによりダイレクトメッセージが無効化されている際のデッキのダイレクトメッセージカラムの挙動を改善 * Update Changelog
This commit is contained in:
		
							parent
							
								
									a405575cd6
								
							
						
					
					
						commit
						8cfd147555
					
				|  | @ -9,6 +9,7 @@ | ||||||
| - Fix: バナー画像の幅が表示領域と一致していない問題を修正 | - Fix: バナー画像の幅が表示領域と一致していない問題を修正 | ||||||
| - Fix: 一部のブラウザでバナー画像が上下中央に表示されない問題を修正 | - Fix: 一部のブラウザでバナー画像が上下中央に表示されない問題を修正 | ||||||
| - Fix: ナビゲーションバーの設定で削除した項目をその場で再追加できない問題を修正 | - Fix: ナビゲーションバーの設定で削除した項目をその場で再追加できない問題を修正 | ||||||
|  | - Fix: ロールポリシーによりダイレクトメッセージが無効化されている際のデッキのダイレクトメッセージカラムの挙動を改善 | ||||||
| 
 | 
 | ||||||
| ### Server | ### Server | ||||||
| - | - | ||||||
|  |  | ||||||
|  | @ -167,7 +167,7 @@ const columnsEl = useTemplateRef('columnsEl'); | ||||||
| const addColumn = async (ev) => { | const addColumn = async (ev) => { | ||||||
| 	const { canceled, result: column } = await os.select({ | 	const { canceled, result: column } = await os.select({ | ||||||
| 		title: i18n.ts._deck.addColumn, | 		title: i18n.ts._deck.addColumn, | ||||||
| 		items: columnTypes.map(column => ({ | 		items: columnTypes.filter(column => column !== 'chat' || $i == null || $i.policies.chatAvailability !== 'unavailable').map(column => ({ | ||||||
| 			value: column, label: i18n.ts._deck._columns[column], | 			value: column, label: i18n.ts._deck._columns[column], | ||||||
| 		})), | 		})), | ||||||
| 	}); | 	}); | ||||||
|  |  | ||||||
|  | @ -7,21 +7,26 @@ SPDX-License-Identifier: AGPL-3.0-only | ||||||
| <XColumn :column="column" :isStacked="isStacked"> | <XColumn :column="column" :isStacked="isStacked"> | ||||||
| 	<template #header><i class="ti ti-messages" style="margin-right: 8px;"></i>{{ column.name || i18n.ts._deck._columns.chat }}</template> | 	<template #header><i class="ti ti-messages" style="margin-right: 8px;"></i>{{ column.name || i18n.ts._deck._columns.chat }}</template> | ||||||
| 
 | 
 | ||||||
| 	<div style="padding: 8px;"> | 	<div style="padding: 8px;" class="_gaps"> | ||||||
| 		<MkChatHistories/> | 		<MkInfo v-if="$i.policies.chatAvailability === 'readonly'">{{ i18n.ts._chat.chatIsReadOnlyForThisAccountOrServer }}</MkInfo> | ||||||
|  | 		<MkInfo v-else-if="$i.policies.chatAvailability === 'unavailable'" warn>{{ i18n.ts._chat.chatNotAvailableForThisAccountOrServer }}</MkInfo> | ||||||
|  | 		<MkChatHistories v-if="$i.policies.chatAvailability !== 'unavailable'"/> | ||||||
| 	</div> | 	</div> | ||||||
| </XColumn> | </XColumn> | ||||||
| </template> | </template> | ||||||
| 
 | 
 | ||||||
| <script lang="ts" setup> | <script lang="ts" setup> | ||||||
| import { ref } from 'vue'; | import { ensureSignin } from '@/i.js'; | ||||||
| import { i18n } from '../../i18n.js'; | import { i18n } from '../../i18n.js'; | ||||||
| import XColumn from './column.vue'; | import XColumn from './column.vue'; | ||||||
| import type { Column } from '@/deck.js'; | import type { Column } from '@/deck.js'; | ||||||
|  | import MkInfo from '@/components/MkInfo.vue'; | ||||||
| import MkChatHistories from '@/components/MkChatHistories.vue'; | import MkChatHistories from '@/components/MkChatHistories.vue'; | ||||||
| 
 | 
 | ||||||
| defineProps<{ | defineProps<{ | ||||||
| 	column: Column; | 	column: Column; | ||||||
| 	isStacked: boolean; | 	isStacked: boolean; | ||||||
| }>(); | }>(); | ||||||
|  | 
 | ||||||
|  | const $i = ensureSignin(); | ||||||
| </script> | </script> | ||||||
|  |  | ||||||
		Loading…
	
		Reference in New Issue