enhance(client): show warning on screen when logged in as bot
Related #9386
This commit is contained in:
		
							parent
							
								
									f9ea2d4ee7
								
							
						
					
					
						commit
						2efd06f4ad
					
				
					 2 changed files with 27 additions and 0 deletions
				
			
		|  | @ -910,6 +910,7 @@ sendPushNotificationReadMessageCaption: "「{emptyPushNotificationMessage}」と | ||||||
| windowMaximize: "最大化" | windowMaximize: "最大化" | ||||||
| windowRestore: "元に戻す" | windowRestore: "元に戻す" | ||||||
| caption: "キャプション" | caption: "キャプション" | ||||||
|  | loggedInAsBot: "Botアカウントでログイン中" | ||||||
| 
 | 
 | ||||||
| _sensitiveMediaDetection: | _sensitiveMediaDetection: | ||||||
|   description: "機械学習を使って自動でセンシティブなメディアを検出し、モデレーションに役立てることができます。サーバーの負荷が少し増えます。" |   description: "機械学習を使って自動でセンシティブなメディアを検出し、モデレーションに役立てることができます。サーバーの負荷が少し増えます。" | ||||||
|  |  | ||||||
|  | @ -14,6 +14,8 @@ | ||||||
| <div v-if="pendingApiRequestsCount > 0" id="wait"></div> | <div v-if="pendingApiRequestsCount > 0" id="wait"></div> | ||||||
| 
 | 
 | ||||||
| <div v-if="dev" id="devTicker"><span>DEV BUILD</span></div> | <div v-if="dev" id="devTicker"><span>DEV BUILD</span></div> | ||||||
|  | 
 | ||||||
|  | <div v-if="$i && $i.isBot" id="botWarn"><span>{{ i18n.ts.loggedInAsBot }}</span></div> | ||||||
| </template> | </template> | ||||||
| 
 | 
 | ||||||
| <script lang="ts" setup> | <script lang="ts" setup> | ||||||
|  | @ -24,6 +26,7 @@ import { uploads } from '@/scripts/upload'; | ||||||
| import * as sound from '@/scripts/sound'; | import * as sound from '@/scripts/sound'; | ||||||
| import { $i } from '@/account'; | import { $i } from '@/account'; | ||||||
| import { stream } from '@/stream'; | import { stream } from '@/stream'; | ||||||
|  | import { i18n } from '@/i18n'; | ||||||
| 
 | 
 | ||||||
| const XStreamIndicator = defineAsyncComponent(() => import('./stream-indicator.vue')); | const XStreamIndicator = defineAsyncComponent(() => import('./stream-indicator.vue')); | ||||||
| const XUpload = defineAsyncComponent(() => import('./upload.vue')); | const XUpload = defineAsyncComponent(() => import('./upload.vue')); | ||||||
|  | @ -94,6 +97,29 @@ if ($i) { | ||||||
| 	} | 	} | ||||||
| } | } | ||||||
| 
 | 
 | ||||||
|  | #botWarn { | ||||||
|  | 	position: fixed; | ||||||
|  | 	top: 0; | ||||||
|  | 	left: 0; | ||||||
|  | 	right: 0; | ||||||
|  | 	bottom: 0; | ||||||
|  | 	margin: auto; | ||||||
|  | 	width: 100%; | ||||||
|  | 	height: max-content; | ||||||
|  | 	text-align: center; | ||||||
|  | 	z-index: 2147483647; | ||||||
|  | 	color: #ff0; | ||||||
|  | 	background: rgba(0, 0, 0, 0.5); | ||||||
|  | 	padding: 4px 7px; | ||||||
|  | 	font-size: 14px; | ||||||
|  | 	pointer-events: none; | ||||||
|  | 	user-select: none; | ||||||
|  | 
 | ||||||
|  | 	> span { | ||||||
|  | 		animation: dev-ticker-blink 2s infinite; | ||||||
|  | 	} | ||||||
|  | } | ||||||
|  | 
 | ||||||
| #devTicker { | #devTicker { | ||||||
| 	position: fixed; | 	position: fixed; | ||||||
| 	top: 0; | 	top: 0; | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue