mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-11-04 15:34:13 +00:00 
			
		
		
		
	replaced ti-hourglass-empty and ti-search
This commit is contained in:
		
							parent
							
								
									a25f13cb67
								
							
						
					
					
						commit
						48d29fa1ae
					
				
					 18 changed files with 23 additions and 21 deletions
				
			
		| 
						 | 
					@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
>
 | 
					>
 | 
				
			||||||
	<template v-if="!wait">
 | 
						<template v-if="!wait">
 | 
				
			||||||
		<template v-if="hasPendingFollowRequestFromYou && user.isLocked">
 | 
							<template v-if="hasPendingFollowRequestFromYou && user.isLocked">
 | 
				
			||||||
			<span v-if="full" :class="$style.text">{{ i18n.ts.followRequestPending }}</span><i class="ph-hourglass ph-bold ph-lg"></i>
 | 
								<span v-if="full" :class="$style.text">{{ i18n.ts.followRequestPending }}</span><i class="ti ti-hourglass-empty"></i>
 | 
				
			||||||
		</template>
 | 
							</template>
 | 
				
			||||||
		<template v-else-if="hasPendingFollowRequestFromYou && !user.isLocked">
 | 
							<template v-else-if="hasPendingFollowRequestFromYou && !user.isLocked">
 | 
				
			||||||
			<!-- つまりリモートフォローの場合。 -->
 | 
								<!-- つまりリモートフォローの場合。 -->
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -6,7 +6,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
<template>
 | 
					<template>
 | 
				
			||||||
<div :class="$style.root">
 | 
					<div :class="$style.root">
 | 
				
			||||||
	<input v-model="query" :class="$style.input" type="search" :placeholder="q">
 | 
						<input v-model="query" :class="$style.input" type="search" :placeholder="q">
 | 
				
			||||||
	<button :class="$style.button" @click="search"><i class="ph-magnifying-glass ph-bold ph-lg"></i> {{ i18n.ts.searchByGoogle }}</button>
 | 
						<button :class="$style.button" @click="search"><i class="ti ti-search"></i> {{ i18n.ts.searchByGoogle }}</button>
 | 
				
			||||||
</div>
 | 
					</div>
 | 
				
			||||||
</template>
 | 
					</template>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -58,7 +58,7 @@ export const navbarItemDef = reactive({
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	search: {
 | 
						search: {
 | 
				
			||||||
		title: i18n.ts.search,
 | 
							title: i18n.ts.search,
 | 
				
			||||||
		icon: 'ph-magnifying-glass ph-bold ph-lg',
 | 
							icon: 'ti ti-search',
 | 
				
			||||||
		to: '/search',
 | 
							to: '/search',
 | 
				
			||||||
	},
 | 
						},
 | 
				
			||||||
	lookup: {
 | 
						lookup: {
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
 | 
					
 | 
				
			||||||
	<div class="query">
 | 
						<div class="query">
 | 
				
			||||||
		<MkInput v-model="q" class="" :placeholder="i18n.ts.search" autocapitalize="off">
 | 
							<MkInput v-model="q" class="" :placeholder="i18n.ts.search" autocapitalize="off">
 | 
				
			||||||
			<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template>
 | 
								<template #prefix><i class="ti ti-search"></i></template>
 | 
				
			||||||
		</MkInput>
 | 
							</MkInput>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
		<!-- たくさんあると邪魔
 | 
							<!-- たくさんあると邪魔
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
<div class="_gaps">
 | 
					<div class="_gaps">
 | 
				
			||||||
	<div>
 | 
						<div>
 | 
				
			||||||
		<MkInput v-model="host" :debounce="true" class="">
 | 
							<MkInput v-model="host" :debounce="true" class="">
 | 
				
			||||||
			<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template>
 | 
								<template #prefix><i class="ti ti-search"></i></template>
 | 
				
			||||||
			<template #label>{{ i18n.ts.host }}</template>
 | 
								<template #label>{{ i18n.ts.host }}</template>
 | 
				
			||||||
		</MkInput>
 | 
							</MkInput>
 | 
				
			||||||
		<FormSplit style="margin-top: var(--margin);">
 | 
							<FormSplit style="margin-top: var(--margin);">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
			<div class="_gaps">
 | 
								<div class="_gaps">
 | 
				
			||||||
				<div>
 | 
									<div>
 | 
				
			||||||
					<MkInput v-model="host" :debounce="true" class="">
 | 
										<MkInput v-model="host" :debounce="true" class="">
 | 
				
			||||||
						<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template>
 | 
											<template #prefix><i class="ti ti-search"></i></template>
 | 
				
			||||||
						<template #label>{{ i18n.ts.host }}</template>
 | 
											<template #label>{{ i18n.ts.host }}</template>
 | 
				
			||||||
					</MkInput>
 | 
										</MkInput>
 | 
				
			||||||
					<FormSplit style="margin-top: var(--margin);">
 | 
										<FormSplit style="margin-top: var(--margin);">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -75,7 +75,7 @@ function clear() {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const headerActions = computed(() => [{
 | 
					const headerActions = computed(() => [{
 | 
				
			||||||
	text: i18n.ts.lookup,
 | 
						text: i18n.ts.lookup,
 | 
				
			||||||
	icon: 'ph-magnifying-glass ph-bold ph-lg',
 | 
						icon: 'ti ti-search',
 | 
				
			||||||
	handler: lookupFile,
 | 
						handler: lookupFile,
 | 
				
			||||||
}, {
 | 
					}, {
 | 
				
			||||||
	text: i18n.ts.clearCachedFiles,
 | 
						text: i18n.ts.clearCachedFiles,
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -95,7 +95,7 @@ const menuDef = computed(() => [{
 | 
				
			||||||
	title: i18n.ts.quickAction,
 | 
						title: i18n.ts.quickAction,
 | 
				
			||||||
	items: [{
 | 
						items: [{
 | 
				
			||||||
		type: 'button',
 | 
							type: 'button',
 | 
				
			||||||
		icon: 'ph-magnifying-glass ph-bold ph-lg',
 | 
							icon: 'ti ti-search',
 | 
				
			||||||
		text: i18n.ts.lookup,
 | 
							text: i18n.ts.lookup,
 | 
				
			||||||
		action: adminLookup,
 | 
							action: adminLookup,
 | 
				
			||||||
	}, ...(instance.disableRegistration ? [{
 | 
						}, ...(instance.disableRegistration ? [{
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -76,7 +76,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
		<template #label><i class="ph-scroll ph-bold ph-lg"></i> {{ i18n.ts._role.policies }}</template>
 | 
							<template #label><i class="ph-scroll ph-bold ph-lg"></i> {{ i18n.ts._role.policies }}</template>
 | 
				
			||||||
		<div class="_gaps_s">
 | 
							<div class="_gaps_s">
 | 
				
			||||||
			<MkInput v-model="q" type="search">
 | 
								<MkInput v-model="q" type="search">
 | 
				
			||||||
				<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template>
 | 
									<template #prefix><i class="ti ti-search"></i></template>
 | 
				
			||||||
			</MkInput>
 | 
								</MkInput>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
			<MkFolder v-if="matchQuery([i18n.ts._role._options.rateLimitFactor, 'rateLimitFactor'])">
 | 
								<MkFolder v-if="matchQuery([i18n.ts._role._options.rateLimitFactor, 'rateLimitFactor'])">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -13,7 +13,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
					<template #label>{{ i18n.ts._role.baseRole }}</template>
 | 
										<template #label>{{ i18n.ts._role.baseRole }}</template>
 | 
				
			||||||
					<div class="_gaps_s">
 | 
										<div class="_gaps_s">
 | 
				
			||||||
						<MkInput v-model="baseRoleQ" type="search">
 | 
											<MkInput v-model="baseRoleQ" type="search">
 | 
				
			||||||
							<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template>
 | 
												<template #prefix><i class="ti ti-search"></i></template>
 | 
				
			||||||
						</MkInput>
 | 
											</MkInput>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
						<MkFolder v-if="matchQuery([i18n.ts._role._options.rateLimitFactor, 'rateLimitFactor'])">
 | 
											<MkFolder v-if="matchQuery([i18n.ts._role._options.rateLimitFactor, 'rateLimitFactor'])">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -121,7 +121,7 @@ function show(user) {
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const headerActions = computed(() => [{
 | 
					const headerActions = computed(() => [{
 | 
				
			||||||
	icon: 'ph-magnifying-glass ph-bold ph-lg',
 | 
						icon: 'ti ti-search',
 | 
				
			||||||
	text: i18n.ts.search,
 | 
						text: i18n.ts.search,
 | 
				
			||||||
	handler: searchUser,
 | 
						handler: searchUser,
 | 
				
			||||||
}, {
 | 
					}, {
 | 
				
			||||||
| 
						 | 
					@ -131,7 +131,7 @@ const headerActions = computed(() => [{
 | 
				
			||||||
	handler: addUser,
 | 
						handler: addUser,
 | 
				
			||||||
}, {
 | 
					}, {
 | 
				
			||||||
	asFullButton: true,
 | 
						asFullButton: true,
 | 
				
			||||||
	icon: 'ph-magnifying-glass ph-bold ph-lg',
 | 
						icon: 'ti ti-search',
 | 
				
			||||||
	text: i18n.ts.lookup,
 | 
						text: i18n.ts.lookup,
 | 
				
			||||||
	handler: lookupUser,
 | 
						handler: lookupUser,
 | 
				
			||||||
}]);
 | 
					}]);
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -48,7 +48,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
				<div class="_gaps">
 | 
									<div class="_gaps">
 | 
				
			||||||
					<div>
 | 
										<div>
 | 
				
			||||||
						<MkInput v-model="searchQuery" @enter="search()">
 | 
											<MkInput v-model="searchQuery" @enter="search()">
 | 
				
			||||||
							<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template>
 | 
												<template #prefix><i class="ti ti-search"></i></template>
 | 
				
			||||||
						</MkInput>
 | 
											</MkInput>
 | 
				
			||||||
						<MkButton primary rounded style="margin-top: 8px;" @click="search()">{{ i18n.ts.search }}</MkButton>
 | 
											<MkButton primary rounded style="margin-top: 8px;" @click="search()">{{ i18n.ts.search }}</MkButton>
 | 
				
			||||||
					</div>
 | 
										</div>
 | 
				
			||||||
| 
						 | 
					@ -289,7 +289,7 @@ const headerTabs = computed(() => [{
 | 
				
			||||||
}, {
 | 
					}, {
 | 
				
			||||||
	key: 'search',
 | 
						key: 'search',
 | 
				
			||||||
	title: i18n.ts.search,
 | 
						title: i18n.ts.search,
 | 
				
			||||||
	icon: 'ph-magnifying-glass ph-bold ph-lg',
 | 
						icon: 'ti ti-search',
 | 
				
			||||||
}]);
 | 
					}]);
 | 
				
			||||||
 | 
					
 | 
				
			||||||
definePageMetadata(() => ({
 | 
					definePageMetadata(() => ({
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
			<div v-if="tab === 'search'" key="search">
 | 
								<div v-if="tab === 'search'" key="search">
 | 
				
			||||||
				<div class="_gaps">
 | 
									<div class="_gaps">
 | 
				
			||||||
					<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search">
 | 
										<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search">
 | 
				
			||||||
						<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template>
 | 
											<template #prefix><i class="ti ti-search"></i></template>
 | 
				
			||||||
					</MkInput>
 | 
										</MkInput>
 | 
				
			||||||
					<MkRadios v-model="searchType" @update:modelValue="search()">
 | 
										<MkRadios v-model="searchType" @update:modelValue="search()">
 | 
				
			||||||
						<option value="nameAndDescription">{{ i18n.ts._channel.nameAndDescription }}</option>
 | 
											<option value="nameAndDescription">{{ i18n.ts._channel.nameAndDescription }}</option>
 | 
				
			||||||
| 
						 | 
					@ -133,7 +133,7 @@ const headerActions = computed(() => [{
 | 
				
			||||||
const headerTabs = computed(() => [{
 | 
					const headerTabs = computed(() => [{
 | 
				
			||||||
	key: 'search',
 | 
						key: 'search',
 | 
				
			||||||
	title: i18n.ts.search,
 | 
						title: i18n.ts.search,
 | 
				
			||||||
	icon: 'ph-magnifying-glass ph-bold ph-lg',
 | 
						icon: 'ti ti-search',
 | 
				
			||||||
}, {
 | 
					}, {
 | 
				
			||||||
	key: 'featured',
 | 
						key: 'featured',
 | 
				
			||||||
	title: i18n.ts._channel.featured,
 | 
						title: i18n.ts._channel.featured,
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -11,7 +11,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
			<div class="ogwlenmc">
 | 
								<div class="ogwlenmc">
 | 
				
			||||||
				<div v-if="tab === 'local'" class="local">
 | 
									<div v-if="tab === 'local'" class="local">
 | 
				
			||||||
					<MkInput v-model="query" :debounce="true" type="search" autocapitalize="off">
 | 
										<MkInput v-model="query" :debounce="true" type="search" autocapitalize="off">
 | 
				
			||||||
						<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template>
 | 
											<template #prefix><i class="ti ti-search"></i></template>
 | 
				
			||||||
						<template #label>{{ i18n.ts.search }}</template>
 | 
											<template #label>{{ i18n.ts.search }}</template>
 | 
				
			||||||
					</MkInput>
 | 
										</MkInput>
 | 
				
			||||||
					<MkSwitch v-model="selectMode" style="margin: 8px 0;">
 | 
										<MkSwitch v-model="selectMode" style="margin: 8px 0;">
 | 
				
			||||||
| 
						 | 
					@ -45,7 +45,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
				<div v-else-if="tab === 'remote'" class="remote">
 | 
									<div v-else-if="tab === 'remote'" class="remote">
 | 
				
			||||||
					<FormSplit>
 | 
										<FormSplit>
 | 
				
			||||||
						<MkInput v-model="queryRemote" :debounce="true" type="search" autocapitalize="off">
 | 
											<MkInput v-model="queryRemote" :debounce="true" type="search" autocapitalize="off">
 | 
				
			||||||
							<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template>
 | 
												<template #prefix><i class="ti ti-search"></i></template>
 | 
				
			||||||
							<template #label>{{ i18n.ts.search }}</template>
 | 
												<template #label>{{ i18n.ts.search }}</template>
 | 
				
			||||||
						</MkInput>
 | 
											</MkInput>
 | 
				
			||||||
						<MkInput v-model="host" :debounce="true">
 | 
											<MkInput v-model="host" :debounce="true">
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
<div class="_gaps">
 | 
					<div class="_gaps">
 | 
				
			||||||
	<div class="_gaps">
 | 
						<div class="_gaps">
 | 
				
			||||||
		<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search">
 | 
							<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search">
 | 
				
			||||||
			<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template>
 | 
								<template #prefix><i class="ti ti-search"></i></template>
 | 
				
			||||||
		</MkInput>
 | 
							</MkInput>
 | 
				
			||||||
		<MkFolder>
 | 
							<MkFolder>
 | 
				
			||||||
			<template #label>{{ i18n.ts.options }}</template>
 | 
								<template #label>{{ i18n.ts.options }}</template>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
				
			||||||
<div class="_gaps">
 | 
					<div class="_gaps">
 | 
				
			||||||
	<div class="_gaps">
 | 
						<div class="_gaps">
 | 
				
			||||||
		<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search">
 | 
							<MkInput v-model="searchQuery" :large="true" :autofocus="true" type="search" @enter="search">
 | 
				
			||||||
			<template #prefix><i class="ph-magnifying-glass ph-bold ph-lg"></i></template>
 | 
								<template #prefix><i class="ti ti-search"></i></template>
 | 
				
			||||||
		</MkInput>
 | 
							</MkInput>
 | 
				
			||||||
		<MkRadios v-model="searchOrigin" @update:modelValue="search()">
 | 
							<MkRadios v-model="searchOrigin" @update:modelValue="search()">
 | 
				
			||||||
			<option value="combined">{{ i18n.ts.all }}</option>
 | 
								<option value="combined">{{ i18n.ts.all }}</option>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -54,6 +54,6 @@ const headerTabs = computed(() => [{
 | 
				
			||||||
 | 
					
 | 
				
			||||||
definePageMetadata(() => ({
 | 
					definePageMetadata(() => ({
 | 
				
			||||||
	title: i18n.ts.search,
 | 
						title: i18n.ts.search,
 | 
				
			||||||
	icon: 'ph-magnifying-glass ph-bold ph-lg',
 | 
						icon: 'ti ti-search',
 | 
				
			||||||
}));
 | 
					}));
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -210,6 +210,8 @@ export function getConfig(): UserConfig {
 | 
				
			||||||
					'ti ti-mood-happy': 'ph-smiley ph-bold ph-lg',
 | 
										'ti ti-mood-happy': 'ph-smiley ph-bold ph-lg',
 | 
				
			||||||
					'ti ti-leaf': 'ph-leaf ph-bold ph-lg',
 | 
										'ti ti-leaf': 'ph-leaf ph-bold ph-lg',
 | 
				
			||||||
					'ti ti-hash': 'ph-hash ph-bold ph-lg',
 | 
										'ti ti-hash': 'ph-hash ph-bold ph-lg',
 | 
				
			||||||
 | 
										'ti ti-hourglass-empty': 'ph-hourglass ph-bold ph-lg',
 | 
				
			||||||
 | 
										'ti ti-search': 'ph-magnifying-glass ph-bold ph-lg',
 | 
				
			||||||
				},
 | 
									},
 | 
				
			||||||
			}),
 | 
								}),
 | 
				
			||||||
			...process.env.NODE_ENV === 'production'
 | 
								...process.env.NODE_ENV === 'production'
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
	Add table
		
		Reference in a new issue