mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-10-31 21:44:12 +00:00 
			
		
		
		
	replaced ti-lock
This commit is contained in:
		
							parent
							
								
									e8684ba98f
								
							
						
					
					
						commit
						1b965dd866
					
				
					 22 changed files with 27 additions and 26 deletions
				
			
		|  | @ -28,7 +28,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 		<header v-if="title" :class="$style.title"><Mfm :text="title"/></header> | ||||
| 		<div v-if="text" :class="$style.text"><Mfm :text="text" :isBlock="true" /></div> | ||||
| 		<MkInput v-if="input" v-model="inputValue" autofocus :type="input.type || 'text'" :placeholder="input.placeholder || undefined" :autocomplete="input.autocomplete" @keydown="onInputKeydown"> | ||||
| 			<template v-if="input.type === 'password'" #prefix><i class="ph-lock ph-bold ph-lg"></i></template> | ||||
| 			<template v-if="input.type === 'password'" #prefix><i class="ti ti-lock"></i></template> | ||||
| 			<template #caption> | ||||
| 				<span v-if="okButtonDisabledReason === 'charactersExceeded'" v-text="i18n.tsx._dialog.charactersExceeded({ current: (inputValue as string)?.length ?? 0, max: input.maxLength ?? 'NaN' })"/> | ||||
| 				<span v-else-if="okButtonDisabledReason === 'charactersBelow'" v-text="i18n.tsx._dialog.charactersBelow({ current: (inputValue as string)?.length ?? 0, min: input.minLength ?? 'NaN' })"/> | ||||
|  |  | |||
|  | @ -41,7 +41,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 			</button> | ||||
| 			<span v-if="note.visibility !== 'public'" style="margin-left: 0.5em;" :title="i18n.ts._visibility[note.visibility]"> | ||||
| 				<i v-if="note.visibility === 'home'" class="ti ti-home"></i> | ||||
| 				<i v-else-if="note.visibility === 'followers'" class="ph-lock ph-bold ph-lg"></i> | ||||
| 				<i v-else-if="note.visibility === 'followers'" class="ti ti-lock"></i> | ||||
| 				<i v-else-if="note.visibility === 'specified'" ref="specified" class="ph-envelope ph-bold ph-lg"></i> | ||||
| 			</span> | ||||
| 			<span v-if="note.localOnly" style="margin-left: 0.5em;" :title="i18n.ts._visibility['disableFederation']"><i class="ph-rocket ph-bold ph-lg"></i></span> | ||||
|  |  | |||
|  | @ -37,7 +37,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 			</button> | ||||
| 			<span v-if="note.visibility !== 'public'" style="margin-left: 0.5em;" :title="i18n.ts._visibility[note.visibility]"> | ||||
| 				<i v-if="note.visibility === 'home'" class="ti ti-home"></i> | ||||
| 				<i v-else-if="note.visibility === 'followers'" class="ph-lock ph-bold ph-lg"></i> | ||||
| 				<i v-else-if="note.visibility === 'followers'" class="ti ti-lock"></i> | ||||
| 				<i v-else-if="note.visibility === 'specified'" ref="specified" class="ph-envelope ph-bold ph-lg"></i> | ||||
| 			</span> | ||||
| 			<span v-if="note.localOnly" style="margin-left: 0.5em;" :title="i18n.ts._visibility['disableFederation']"><i class="ph-rocket ph-bold ph-lg"></i></span> | ||||
|  | @ -55,7 +55,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 					<div :class="$style.noteHeaderInfo"> | ||||
| 						<span v-if="appearNote.visibility !== 'public'" style="margin-left: 0.5em;" :title="i18n.ts._visibility[appearNote.visibility]"> | ||||
| 							<i v-if="appearNote.visibility === 'home'" class="ti ti-home"></i> | ||||
| 							<i v-else-if="appearNote.visibility === 'followers'" class="ph-lock ph-bold ph-lg"></i> | ||||
| 							<i v-else-if="appearNote.visibility === 'followers'" class="ti ti-lock"></i> | ||||
| 							<i v-else-if="appearNote.visibility === 'specified'" ref="specified" class="ph-envelope ph-bold ph-lg"></i> | ||||
| 						</span> | ||||
| 						<span v-if="appearNote.updatedAt" ref="menuVersionsButton" style="margin-left: 0.5em;" title="Edited" @mousedown="menuVersions()"><i class="ph-pencil-simple ph-bold ph-lg"></i></span> | ||||
|  |  | |||
|  | @ -25,7 +25,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 		</MkA> | ||||
| 		<span v-if="note.visibility !== 'public'" style="margin-left: 0.5em;" :title="i18n.ts._visibility[note.visibility]"> | ||||
| 			<i v-if="note.visibility === 'home'" class="ti ti-home"></i> | ||||
| 			<i v-else-if="note.visibility === 'followers'" class="ph-lock ph-bold ph-lg"></i> | ||||
| 			<i v-else-if="note.visibility === 'followers'" class="ti ti-lock"></i> | ||||
| 			<i v-else-if="note.visibility === 'specified'" ref="specified" class="ph-envelope ph-bold ph-lg"></i> | ||||
| 		</span> | ||||
| 		<span v-if="note.updatedAt" ref="menuVersionsButton" style="margin-left: 0.5em; cursor: pointer;" title="Edited" @mousedown="menuVersions()"><i class="ph-pencil-simple ph-bold ph-lg"></i></span> | ||||
|  |  | |||
|  | @ -23,7 +23,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 				<button v-if="channel == null" ref="visibilityButton" v-click-anime v-tooltip="i18n.ts.visibility" :class="['_button', $style.headerRightItem, $style.visibility]" @click="setVisibility"> | ||||
| 					<span v-if="visibility === 'public'"><i class="ph-globe-hemisphere-west ph-bold ph-lg"></i></span> | ||||
| 					<span v-if="visibility === 'home'"><i class="ti ti-home"></i></span> | ||||
| 					<span v-if="visibility === 'followers'"><i class="ph-lock ph-bold ph-lg"></i></span> | ||||
| 					<span v-if="visibility === 'followers'"><i class="ti ti-lock"></i></span> | ||||
| 					<span v-if="visibility === 'specified'"><i class="ph-envelope ph-bold ph-lg"></i></span> | ||||
| 					<span :class="$style.headerRightButtonText">{{ i18n.ts._visibility[visibility] }}</span> | ||||
| 				</button> | ||||
|  |  | |||
|  | @ -16,7 +16,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 				<template #suffix>@{{ host }}</template> | ||||
| 			</MkInput> | ||||
| 			<MkInput v-if="!user || user && !user.usePasswordLessLogin" v-model="password" :placeholder="i18n.ts.password" type="password" autocomplete="current-password webauthn" :withPasswordToggle="true" required data-cy-signin-password> | ||||
| 				<template #prefix><i class="ph-lock ph-bold ph-lg"></i></template> | ||||
| 				<template #prefix><i class="ti ti-lock"></i></template> | ||||
| 				<template #caption><button class="_textButton" type="button" @click="resetPassword">{{ i18n.ts.forgotPassword }}</button></template> | ||||
| 			</MkInput> | ||||
| 			<MkButton type="submit" large primary rounded :disabled="signing" style="margin: 0 auto;">{{ signing ? i18n.ts.loggingIn : i18n.ts.login }}</MkButton> | ||||
|  | @ -34,7 +34,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 			<div class="twofa-group totp-group _gaps"> | ||||
| 				<MkInput v-if="user && user.usePasswordLessLogin" v-model="password" type="password" autocomplete="current-password" :withPasswordToggle="true" required> | ||||
| 					<template #label>{{ i18n.ts.password }}</template> | ||||
| 					<template #prefix><i class="ph-lock ph-bold ph-lg"></i></template> | ||||
| 					<template #prefix><i class="ti ti-lock"></i></template> | ||||
| 				</MkInput> | ||||
| 				<MkInput v-model="token" type="text" :pattern="isBackupCode ? '^[A-Z0-9]{32}$' :'^[0-9]{6}$'" autocomplete="one-time-code" required :spellcheck="false" :inputmode="isBackupCode ? undefined : 'numeric'"> | ||||
| 					<template #label>{{ i18n.ts.token }} ({{ i18n.ts['2fa'] }})</template> | ||||
|  |  | |||
|  | @ -47,7 +47,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 			</MkInput> | ||||
| 			<MkInput v-model="password" type="password" autocomplete="new-password" required data-cy-signup-password @update:modelValue="onChangePassword"> | ||||
| 				<template #label>{{ i18n.ts.password }}</template> | ||||
| 				<template #prefix><i class="ph-lock ph-bold ph-lg"></i></template> | ||||
| 				<template #prefix><i class="ti ti-lock"></i></template> | ||||
| 				<template #caption> | ||||
| 					<span v-if="passwordStrength == 'low'" style="color: var(--error)"><i class="ph-warning ph-bold ph-lg ti-fw"></i> {{ i18n.ts.weakPassword }}</span> | ||||
| 					<span v-if="passwordStrength == 'medium'" style="color: var(--warn)"><i class="ti ti-check ti-fw"></i> {{ i18n.ts.normalPassword }}</span> | ||||
|  | @ -56,7 +56,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 			</MkInput> | ||||
| 			<MkInput v-model="retypedPassword" type="password" autocomplete="new-password" required data-cy-signup-password-retype @update:modelValue="onChangePasswordRetype"> | ||||
| 				<template #label>{{ i18n.ts.password }} ({{ i18n.ts.retype }})</template> | ||||
| 				<template #prefix><i class="ph-lock ph-bold ph-lg"></i></template> | ||||
| 				<template #prefix><i class="ti ti-lock"></i></template> | ||||
| 				<template #caption> | ||||
| 					<span v-if="passwordRetypeState == 'match'" style="color: var(--success)"><i class="ti ti-check ti-fw"></i> {{ i18n.ts.passwordMatched }}</span> | ||||
| 					<span v-if="passwordRetypeState == 'not-match'" style="color: var(--error)"><i class="ph-warning ph-bold ph-lg ti-fw"></i> {{ i18n.ts.passwordNotMatched }}</span> | ||||
|  |  | |||
|  | @ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 			<div>{{ i18n.ts._initialTutorial._postNote._visibility.description }}</div> | ||||
| 			<div><i class="ph-globe-hemisphere-west ph-bold ph-lg"></i> <b>{{ i18n.ts._visibility.public }}</b> … {{ i18n.ts._initialTutorial._postNote._visibility.public }}</div> | ||||
| 			<div><i class="ti ti-home"></i> <b>{{ i18n.ts._visibility.home }}</b> … {{ i18n.ts._initialTutorial._postNote._visibility.home }}</div> | ||||
| 			<div><i class="ph-lock ph-bold ph-lg"></i> <b>{{ i18n.ts._visibility.followers }}</b> … {{ i18n.ts._initialTutorial._postNote._visibility.followers }}</div> | ||||
| 			<div><i class="ti ti-lock"></i> <b>{{ i18n.ts._visibility.followers }}</b> … {{ i18n.ts._initialTutorial._postNote._visibility.followers }}</div> | ||||
| 			<div class="_gaps_s"> | ||||
| 				<div><i class="ph-envelope ph-bold ph-lg"></i> <b>{{ i18n.ts._visibility.specified }}</b> … {{ i18n.ts._initialTutorial._postNote._visibility.direct }}</div> | ||||
| 				<MkInfo :warn="true"> | ||||
|  |  | |||
|  | @ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 
 | ||||
| 	<MkFolder> | ||||
| 		<template #label>{{ i18n.ts.makeFollowManuallyApprove }}</template> | ||||
| 		<template #icon><i class="ph-lock ph-bold ph-lg"></i></template> | ||||
| 		<template #icon><i class="ti ti-lock"></i></template> | ||||
| 		<template #suffix>{{ isLocked ? i18n.ts.on : i18n.ts.off }}</template> | ||||
| 
 | ||||
| 		<MkSwitch v-model="isLocked">{{ i18n.ts.makeFollowManuallyApprove }}<template #caption>{{ i18n.ts.lockedAccountInfo }}</template></MkSwitch> | ||||
|  |  | |||
|  | @ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 	@closed="emit('closed')" | ||||
| > | ||||
| 	<template v-if="page === 1" #header><i class="ph-user-list ph-bold ph-lg"></i> {{ i18n.ts._initialAccountSetting.profileSetting }}</template> | ||||
| 	<template v-else-if="page === 2" #header><i class="ph-lock ph-bold ph-lg"></i> {{ i18n.ts._initialAccountSetting.privacySetting }}</template> | ||||
| 	<template v-else-if="page === 2" #header><i class="ti ti-lock"></i> {{ i18n.ts._initialAccountSetting.privacySetting }}</template> | ||||
| 	<template v-else-if="page === 3" #header><i class="ph-user-plus ph-bold ph-lg"></i> {{ i18n.ts.follow }}</template> | ||||
| 	<template v-else-if="page === 4" #header><i class="ph-bell-ringing ph-bold ph-lg"></i> {{ i18n.ts.pushNotification }}</template> | ||||
| 	<template v-else-if="page === 5" #header>{{ i18n.ts.done }}</template> | ||||
|  |  | |||
|  | @ -24,7 +24,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 			</div> | ||||
| 		</button> | ||||
| 		<button key="followers" :disabled="isReplyVisibilitySpecified" class="_button" :class="[$style.item, { [$style.active]: v === 'followers' }]" data-index="3" @click="choose('followers')"> | ||||
| 			<div :class="$style.icon"><i class="ph-lock ph-bold ph-lg"></i></div> | ||||
| 			<div :class="$style.icon"><i class="ti ti-lock"></i></div> | ||||
| 			<div :class="$style.body"> | ||||
| 				<span :class="$style.itemTitle">{{ i18n.ts._visibility.followers }}</span> | ||||
| 				<span :class="$style.itemDescription">{{ i18n.ts._visibility.followersDescription }}</span> | ||||
|  |  | |||
|  | @ -205,7 +205,7 @@ const menuDef = computed(() => [{ | |||
| 		to: '/admin/object-storage', | ||||
| 		active: currentPage.value?.route.name === 'object-storage', | ||||
| 	}, { | ||||
| 		icon: 'ph-lock ph-bold ph-lg', | ||||
| 		icon: 'ti ti-lock', | ||||
| 		text: i18n.ts.security, | ||||
| 		to: '/admin/security', | ||||
| 		active: currentPage.value?.route.name === 'security', | ||||
|  |  | |||
|  | @ -149,6 +149,6 @@ const headerTabs = computed(() => []); | |||
| 
 | ||||
| definePageMetadata(() => ({ | ||||
| 	title: i18n.ts.security, | ||||
| 	icon: 'ph-lock ph-bold ph-lg', | ||||
| 	icon: 'ti ti-lock', | ||||
| })); | ||||
| </script> | ||||
|  |  | |||
|  | @ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 	<MkSpacer v-if="token" :contentMax="700" :marginMin="16" :marginMax="32"> | ||||
| 		<div class="_gaps_m"> | ||||
| 			<MkInput v-model="password" type="password"> | ||||
| 				<template #prefix><i class="ph-lock ph-bold ph-lg"></i></template> | ||||
| 				<template #prefix><i class="ti ti-lock"></i></template> | ||||
| 				<template #label>{{ i18n.ts.newPassword }}</template> | ||||
| 			</MkInput> | ||||
| 
 | ||||
|  | @ -55,6 +55,6 @@ const headerTabs = computed(() => []); | |||
| 
 | ||||
| definePageMetadata(() => ({ | ||||
| 	title: i18n.ts.resetPassword, | ||||
| 	icon: 'ph-lock ph-bold ph-lg', | ||||
| 	icon: 'ti ti-lock', | ||||
| })); | ||||
| </script> | ||||
|  |  | |||
|  | @ -10,7 +10,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| > | ||||
| 	<div :class="$style.name"><MkCondensedLine :minScale="0.5">{{ decoration.name }}</MkCondensedLine></div> | ||||
| 	<MkAvatar style="width: 60px; height: 60px;" :user="$i" :decorations="[{ url: decoration.url, angle, flipH, offsetX, offsetY }]" forceShowDecoration/> | ||||
| 	<i v-if="decoration.roleIdsThatCanBeUsedThisDecoration.length > 0 && !$i.roles.some(r => decoration.roleIdsThatCanBeUsedThisDecoration.includes(r.id))" :class="$style.lock" class="ph-lock ph-bold ph-lg"></i> | ||||
| 	<i v-if="decoration.roleIdsThatCanBeUsedThisDecoration.length > 0 && !$i.roles.some(r => decoration.roleIdsThatCanBeUsedThisDecoration.includes(r.id))" :class="$style.lock" class="ti ti-lock"></i> | ||||
| </div> | ||||
| </template> | ||||
| 
 | ||||
|  |  | |||
|  | @ -92,7 +92,7 @@ const menuDef = computed(() => [{ | |||
| 		to: '/settings/email', | ||||
| 		active: currentPage.value?.route.name === 'email', | ||||
| 	}, { | ||||
| 		icon: 'ph-lock ph-bold ph-lg', | ||||
| 		icon: 'ti ti-lock', | ||||
| 		text: i18n.ts.security, | ||||
| 		to: '/settings/security', | ||||
| 		active: currentPage.value?.route.name === 'security', | ||||
|  |  | |||
|  | @ -105,7 +105,7 @@ const headerTabs = computed(() => []); | |||
| 
 | ||||
| definePageMetadata(() => ({ | ||||
| 	title: i18n.ts.security, | ||||
| 	icon: 'ph-lock ph-bold ph-lg', | ||||
| 	icon: 'ti ti-lock', | ||||
| })); | ||||
| </script> | ||||
| 
 | ||||
|  |  | |||
|  | @ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 	</MkInput> | ||||
| 
 | ||||
| 	<MkInput v-model="secret"> | ||||
| 		<template #prefix><i class="ph-lock ph-bold ph-lg"></i></template> | ||||
| 		<template #prefix><i class="ti ti-lock"></i></template> | ||||
| 		<template #label>{{ i18n.ts._webhookSettings.secret }}</template> | ||||
| 	</MkInput> | ||||
| 
 | ||||
|  |  | |||
|  | @ -14,7 +14,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 	</MkInput> | ||||
| 
 | ||||
| 	<MkInput v-model="secret"> | ||||
| 		<template #prefix><i class="ph-lock ph-bold ph-lg"></i></template> | ||||
| 		<template #prefix><i class="ti ti-lock"></i></template> | ||||
| 		<template #label>{{ i18n.ts._webhookSettings.secret }}</template> | ||||
| 	</MkInput> | ||||
| 
 | ||||
|  |  | |||
|  | @ -23,7 +23,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 							<div class="bottom"> | ||||
| 								<span class="username"><MkAcct :user="user" :detail="true"/></span> | ||||
| 								<span v-if="user.isAdmin" :title="i18n.ts.isAdmin" style="color: var(--badge);"><i class="ti ti-shield"></i></span> | ||||
| 								<span v-if="user.isLocked" :title="i18n.ts.isLocked"><i class="ph-lock ph-bold ph-lg"></i></span> | ||||
| 								<span v-if="user.isLocked" :title="i18n.ts.isLocked"><i class="ti ti-lock"></i></span> | ||||
| 								<span v-if="user.isBot" :title="i18n.ts.isBot"><i class="ph-robot ph-bold ph-lg"></i></span> | ||||
| 								<button v-if="$i && !isEditingMemo && !memoDraft" class="_button add-note-button" @click="showMemoTextarea"> | ||||
| 									<i class="ph-pencil-simple-line ph-bold ph-lg"/> {{ i18n.ts.addMemo }} | ||||
|  | @ -42,7 +42,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 						<div class="bottom"> | ||||
| 							<span class="username"><MkAcct :user="user" :detail="true"/></span> | ||||
| 							<span v-if="user.isAdmin" :title="i18n.ts.isAdmin" style="color: var(--badge);"><i class="ti ti-shield"></i></span> | ||||
| 							<span v-if="user.isLocked" :title="i18n.ts.isLocked"><i class="ph-lock ph-bold ph-lg"></i></span> | ||||
| 							<span v-if="user.isLocked" :title="i18n.ts.isLocked"><i class="ti ti-lock"></i></span> | ||||
| 							<span v-if="user.isBot" :title="i18n.ts.isBot"><i class="ph-robot ph-bold ph-lg"></i></span> | ||||
| 						</div> | ||||
| 					</div> | ||||
|  |  | |||
|  | @ -21,7 +21,7 @@ SPDX-License-Identifier: AGPL-3.0-only | |||
| 				</MkInput> | ||||
| 				<MkInput v-model="password" type="password" data-cy-admin-password> | ||||
| 					<template #label>{{ i18n.ts.password }}</template> | ||||
| 					<template #prefix><i class="ph-lock ph-bold ph-lg"></i></template> | ||||
| 					<template #prefix><i class="ti ti-lock"></i></template> | ||||
| 				</MkInput> | ||||
| 				<div> | ||||
| 					<MkButton gradate large rounded type="submit" :disabled="submitting" data-cy-admin-ok style="margin: 0 auto;"> | ||||
|  |  | |||
|  | @ -110,6 +110,7 @@ export function getConfig(): UserConfig { | |||
| 					'ti ti-eye': 'ph-eye ph-bold ph-lg', | ||||
| 					'ti ti-eye-off': 'ti ti-eye-exclamation', | ||||
| 					'ti ti-eye-exclamation': 'ph-eye-slash ph-bold ph-lg', | ||||
| 					'ti ti-lock': 'ph-lock ph-bold ph-lg', | ||||
| 				}, | ||||
| 			}), | ||||
| 			...process.env.NODE_ENV === 'production' | ||||
|  |  | |||
		Loading…
	
	Add table
		
		Reference in a new issue