mirror of
				https://codeberg.org/yeentown/barkey.git
				synced 2025-11-04 07:24:13 +00:00 
			
		
		
		
	replaced tool pencil bell refresh
This commit is contained in:
		
							parent
							
								
									b675c66d70
								
							
						
					
					
						commit
						9f8873574c
					
				
					 23 changed files with 33 additions and 25 deletions
				
			
		| 
						 | 
				
			
			@ -77,7 +77,7 @@ const buttonsLeft = computed(() => {
 | 
			
		|||
});
 | 
			
		||||
const buttonsRight = computed(() => {
 | 
			
		||||
	const buttons = [{
 | 
			
		||||
		icon: 'ph-arrows-clockwise ph-bold ph-lg',
 | 
			
		||||
		icon: 'ti ti-reload',
 | 
			
		||||
		title: i18n.ts.reload,
 | 
			
		||||
		onClick: reload,
 | 
			
		||||
	}, {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -12,9 +12,9 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
	@closed="emit('closed')"
 | 
			
		||||
>
 | 
			
		||||
	<template v-if="page === 1" #header><i class="ti ti-pencil"></i> {{ i18n.ts._initialTutorial._note.title }}</template>
 | 
			
		||||
	<template v-else-if="page === 2" #header><i class="ph-smiley ph-bold pg-lg"></i> {{ i18n.ts._initialTutorial._reaction.title }}</template>
 | 
			
		||||
	<template v-else-if="page === 2" #header><i class="ti ti-mood-smile"></i> {{ i18n.ts._initialTutorial._reaction.title }}</template>
 | 
			
		||||
	<template v-else-if="page === 3" #header><i class="ti ti-home"></i> {{ i18n.ts._initialTutorial._timeline.title }}</template>
 | 
			
		||||
	<template v-else-if="page === 4" #header><i class="ph-plus ph-bold pg-lg"></i> {{ i18n.ts._initialTutorial._postNote.title }}</template>
 | 
			
		||||
	<template v-else-if="page === 4" #header><i class="ti ti-pencil-plus"></i> {{ i18n.ts._initialTutorial._postNote.title }}</template>
 | 
			
		||||
	<template v-else-if="page === 5" #header><i class="ti ti-eye-exclamation"></i> {{ i18n.ts._initialTutorial._howToMakeAttachmentsSensitive.title }}</template>
 | 
			
		||||
	<template v-else #header>{{ i18n.ts._initialTutorial.title }}</template>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -18,7 +18,7 @@ import { unisonReload } from '@/scripts/unison-reload.js';
 | 
			
		|||
export const navbarItemDef = reactive({
 | 
			
		||||
	notifications: {
 | 
			
		||||
		title: i18n.ts.notifications,
 | 
			
		||||
		icon: 'ph-bell ph-bold ph-lg',
 | 
			
		||||
		icon: 'ti ti-bell',
 | 
			
		||||
		show: computed(() => $i != null),
 | 
			
		||||
		indicated: computed(() => $i != null && $i.hasUnreadNotification),
 | 
			
		||||
		indicateValue: computed(() => {
 | 
			
		||||
| 
						 | 
				
			
			@ -160,7 +160,7 @@ export const navbarItemDef = reactive({
 | 
			
		|||
	},
 | 
			
		||||
	reload: {
 | 
			
		||||
		title: i18n.ts.reload,
 | 
			
		||||
		icon: 'ph-arrows-clockwise ph-bold ph-lg',
 | 
			
		||||
		icon: 'ti ti-refresh',
 | 
			
		||||
		action: (ev) => {
 | 
			
		||||
			location.reload();
 | 
			
		||||
		},
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -72,7 +72,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
							</MkKeyValue>
 | 
			
		||||
						</div>
 | 
			
		||||
 | 
			
		||||
						<MkButton @click="updateRemoteUser"><i class="ph-arrows-counter-clockwise ph-bold ph-lg"></i> {{ i18n.ts.updateRemoteUser }}</MkButton>
 | 
			
		||||
						<MkButton @click="updateRemoteUser"><i class="ti ti-refresh"></i> {{ i18n.ts.updateRemoteUser }}</MkButton>
 | 
			
		||||
					</div>
 | 
			
		||||
				</FormSection>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -48,7 +48,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
						<MkSwitch v-model="isBlocked" :disabled="!meta || !instance" @update:modelValue="toggleBlock">{{ i18n.ts.blockThisInstance }}</MkSwitch>
 | 
			
		||||
						<MkSwitch v-model="isSilenced" :disabled="!meta || !instance" @update:modelValue="toggleSilenced">{{ i18n.ts.silenceThisInstance }}</MkSwitch>
 | 
			
		||||
						<MkSwitch v-model="isNSFW" :disabled="!instance" @update:modelValue="toggleNSFW">Mark as NSFW</MkSwitch>
 | 
			
		||||
						<MkButton @click="refreshMetadata"><i class="ph-arrows-clockwise ph-bold ph-lg"></i> Refresh metadata</MkButton>
 | 
			
		||||
						<MkButton @click="refreshMetadata"><i class="ti ti-refresh"></i> Refresh metadata</MkButton>
 | 
			
		||||
						<MkTextarea v-model="moderationNote" manualSave>
 | 
			
		||||
							<template #label>{{ i18n.ts.moderationNote }}</template>
 | 
			
		||||
						</MkTextarea>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -45,7 +45,7 @@ fetch();
 | 
			
		|||
 | 
			
		||||
const headerActions = computed(() => [{
 | 
			
		||||
	asFullButton: true,
 | 
			
		||||
	icon: 'ph-arrows-counter-clockwise ph-bold ph-lg',
 | 
			
		||||
	icon: 'ti ti-refresh',
 | 
			
		||||
	text: i18n.ts.reload,
 | 
			
		||||
	handler: () => {
 | 
			
		||||
		antennasCache.delete();
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -61,7 +61,7 @@ async function create() {
 | 
			
		|||
 | 
			
		||||
const headerActions = computed(() => [{
 | 
			
		||||
	asFullButton: true,
 | 
			
		||||
	icon: 'ph-arrows-counter-clockwise ph-bold ph-lg',
 | 
			
		||||
	icon: 'ti ti-refresh',
 | 
			
		||||
	text: i18n.ts.reload,
 | 
			
		||||
	handler: () => {
 | 
			
		||||
		userListsCache.delete();
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -96,7 +96,7 @@ const headerTabs = computed(() => [{
 | 
			
		|||
 | 
			
		||||
definePageMetadata(() => ({
 | 
			
		||||
	title: i18n.ts.notifications,
 | 
			
		||||
	icon: 'ph-bell ph-bold ph-lg',
 | 
			
		||||
	icon: 'ti ti-bell',
 | 
			
		||||
}));
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
		<div class="_gaps">
 | 
			
		||||
			<div class="_buttons">
 | 
			
		||||
				<MkButton primary @click="addAccount"><i class="ti ti-plus"></i> {{ i18n.ts.addAccount }}</MkButton>
 | 
			
		||||
				<MkButton @click="init"><i class="ph-arrows-counter-clockwise ph-bold ph-lg"></i> {{ i18n.ts.reloadAccountsList }}</MkButton>
 | 
			
		||||
				<MkButton @click="init"><i class="ti ti-refresh"></i> {{ i18n.ts.reloadAccountsList }}</MkButton>
 | 
			
		||||
			</div>
 | 
			
		||||
 | 
			
		||||
			<MkUserCardMini v-for="user in accounts" :key="user.id" :user="user" :class="$style.user" @click.prevent="menu(user, $event)"/>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -82,7 +82,7 @@ const menuDef = computed(() => [{
 | 
			
		|||
		to: '/settings/drive',
 | 
			
		||||
		active: currentPage.value?.route.name === 'drive',
 | 
			
		||||
	}, {
 | 
			
		||||
		icon: 'ph-bell ph-bold ph-lg',
 | 
			
		||||
		icon: 'ti ti-bell',
 | 
			
		||||
		text: i18n.ts.notifications,
 | 
			
		||||
		to: '/settings/notifications',
 | 
			
		||||
		active: currentPage.value?.route.name === 'notifications',
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -133,6 +133,6 @@ const headerTabs = computed(() => []);
 | 
			
		|||
 | 
			
		||||
definePageMetadata(() => ({
 | 
			
		||||
	title: i18n.ts.notifications,
 | 
			
		||||
	icon: 'ph-bell ph-bold ph-lg',
 | 
			
		||||
	icon: 'ti ti-bell',
 | 
			
		||||
}));
 | 
			
		||||
</script>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
 | 
			
		||||
	<FormSection>
 | 
			
		||||
		<FormSlot>
 | 
			
		||||
			<MkButton danger @click="regenerateToken"><i class="ph-arrows-counter-clockwise ph-bold ph-lg"></i> {{ i18n.ts.regenerateLoginToken }}</MkButton>
 | 
			
		||||
			<MkButton danger @click="regenerateToken"><i class="ti ti-refresh"></i> {{ i18n.ts.regenerateLoginToken }}</MkButton>
 | 
			
		||||
			<template #caption>{{ i18n.ts.regenerateLoginTokenDescription }}</template>
 | 
			
		||||
		</FormSlot>
 | 
			
		||||
	</FormSection>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -78,6 +78,6 @@ const headerTabs = computed(() => []);
 | 
			
		|||
 | 
			
		||||
definePageMetadata(() => ({
 | 
			
		||||
	title: i18n.ts._theme.manage,
 | 
			
		||||
	icon: 'ph-wrench ph-bold ph-lg',
 | 
			
		||||
	icon: 'ti ti-tool',
 | 
			
		||||
}));
 | 
			
		||||
</script>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -58,7 +58,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
 | 
			
		||||
	<FormSection>
 | 
			
		||||
		<div class="_formLinksGrid">
 | 
			
		||||
			<FormLink to="/settings/theme/manage"><template #icon><i class="ph-wrench ph-bold ph-lg"></i></template>{{ i18n.ts._theme.manage }}<template #suffix>{{ themesCount }}</template></FormLink>
 | 
			
		||||
			<FormLink to="/settings/theme/manage"><template #icon><i class="ti ti-tool"></i></template>{{ i18n.ts._theme.manage }}<template #suffix>{{ themesCount }}</template></FormLink>
 | 
			
		||||
			<FormLink to="https://assets.misskey.io/theme/list" external><template #icon><i class="ti ti-world"></i></template>{{ i18n.ts._theme.explore }}</FormLink>
 | 
			
		||||
			<FormLink to="/settings/theme/install"><template #icon><i class="ti ti-download"></i></template>{{ i18n.ts._theme.install }}</FormLink>
 | 
			
		||||
			<FormLink to="/theme-editor"><template #icon><i class="ti ti-paint"></i></template>{{ i18n.ts._theme.make }}</FormLink>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -275,7 +275,7 @@ const headerActions = computed(() => {
 | 
			
		|||
	];
 | 
			
		||||
	if (deviceKind === 'desktop') {
 | 
			
		||||
		tmp.unshift({
 | 
			
		||||
			icon: 'ph-arrows-counter-clockwise ph-bold ph-lg',
 | 
			
		||||
			icon: 'ti ti-refresh',
 | 
			
		||||
			text: i18n.ts.reload,
 | 
			
		||||
			handler: (ev: Event) => {
 | 
			
		||||
				tlComponent.value?.reloadTimeline();
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -309,7 +309,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: IRouter
 | 
			
		|||
			text: user.withReplies ? i18n.ts.hideRepliesToOthersInTimeline : i18n.ts.showRepliesToOthersInTimeline,
 | 
			
		||||
			action: toggleWithReplies,
 | 
			
		||||
		}, {
 | 
			
		||||
			icon: user.notify === 'none' ? 'ph-bell ph-bold ph-lg' : 'ph-bell ph-bold ph-lg-off',
 | 
			
		||||
			icon: user.notify === 'none' ? 'ti ti-bell' : 'ti ti-bell-off',
 | 
			
		||||
			text: user.notify === 'none' ? i18n.ts.notifyNotes : i18n.ts.unnotifyNotes,
 | 
			
		||||
			action: toggleNotify,
 | 
			
		||||
		}]);
 | 
			
		||||
| 
						 | 
				
			
			@ -346,7 +346,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: IRouter
 | 
			
		|||
 | 
			
		||||
	if (user.host !== null) {
 | 
			
		||||
		menu = menu.concat([{ type: 'divider' }, {
 | 
			
		||||
			icon: 'ph-arrows-counter-clockwise ph-bold ph-lg',
 | 
			
		||||
			icon: 'ti ti-refresh',
 | 
			
		||||
			text: i18n.ts.updateRemoteUser,
 | 
			
		||||
			action: userInfoUpdate,
 | 
			
		||||
		}]);
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -53,7 +53,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
		<button :class="$style.navButton" class="_button" @click="drawerMenuShowing = true"><i :class="$style.navButtonIcon" class="ti ti-menu-2"></i><span v-if="menuIndicated" :class="$style.navButtonIndicator"><i class="_indicatorCircle"></i></span></button>
 | 
			
		||||
		<button :class="$style.navButton" class="_button" @click="mainRouter.push('/')"><i :class="$style.navButtonIcon" class="ti ti-home"></i></button>
 | 
			
		||||
		<button :class="$style.navButton" class="_button" @click="mainRouter.push('/my/notifications')">
 | 
			
		||||
			<i :class="$style.navButtonIcon" class="ph-bell ph-bold ph-lg"></i>
 | 
			
		||||
			<i :class="$style.navButtonIcon" class="ti ti-bell"></i>
 | 
			
		||||
			<span v-if="$i?.hasUnreadNotification" :class="$style.navButtonIndicator">
 | 
			
		||||
				<span class="_indicateCounter" :class="$style.itemIndicateValueIcon">{{ $i.unreadNotificationsCount > 99 ? '99+' : $i.unreadNotificationsCount }}</span>
 | 
			
		||||
			</span>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -186,7 +186,7 @@ function getMenu() {
 | 
			
		|||
 | 
			
		||||
	if (props.refresher) {
 | 
			
		||||
		items = [{
 | 
			
		||||
			icon: 'ph-arrows-counter-clockwise ph-bold ph-lg',
 | 
			
		||||
			icon: 'ti ti-refresh',
 | 
			
		||||
			text: i18n.ts.reload,
 | 
			
		||||
			action: () => {
 | 
			
		||||
				if (props.refresher) {
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
 | 
			
		||||
<template>
 | 
			
		||||
<XColumn :column="column" :isStacked="isStacked" :menu="menu" :refresher="() => notificationsComponent.reload()">
 | 
			
		||||
	<template #header><i class="ph-bell ph-bold ph-lg" style="margin-right: 8px;"></i>{{ column.name }}</template>
 | 
			
		||||
	<template #header><i class="ti ti-bell" style="margin-right: 8px;"></i>{{ column.name }}</template>
 | 
			
		||||
 | 
			
		||||
	<XNotifications ref="notificationsComponent" :excludeTypes="props.column.excludeTypes"/>
 | 
			
		||||
</XColumn>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -28,7 +28,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
		<button :class="$style.navButton" class="_button" @click="drawerMenuShowing = true"><i :class="$style.navButtonIcon" class="ti ti-menu-2"></i><span v-if="menuIndicated" :class="$style.navButtonIndicator"><i class="_indicatorCircle"></i></span></button>
 | 
			
		||||
		<button :class="$style.navButton" class="_button" @click="isRoot ? top() : mainRouter.push('/')"><i :class="$style.navButtonIcon" class="ti ti-home"></i></button>
 | 
			
		||||
		<button :class="$style.navButton" class="_button" @click="mainRouter.push('/my/notifications')">
 | 
			
		||||
			<i :class="$style.navButtonIcon" class="ph-bell ph-bold ph-lg"></i>
 | 
			
		||||
			<i :class="$style.navButtonIcon" class="ti ti-bell"></i>
 | 
			
		||||
			<span v-if="$i?.hasUnreadNotification" :class="$style.navButtonIndicator">
 | 
			
		||||
				<span class="_indicateCounter" :class="$style.itemIndicateValueIcon">{{ $i.unreadNotificationsCount > 99 ? '99+' : $i.unreadNotificationsCount }}</span>
 | 
			
		||||
			</span>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
<MkContainer :showHeader="widgetProps.showHeader" class="mkw-bdayfollowings">
 | 
			
		||||
	<template #icon><i class="ph-cake ph-bold ph-lg"></i></template>
 | 
			
		||||
	<template #header>{{ i18n.ts._widgets.birthdayFollowings }}</template>
 | 
			
		||||
	<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="actualFetch()"><i class="ph-arrows-clockwise ph-bold ph-lg"></i></button></template>
 | 
			
		||||
	<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="actualFetch()"><i class="ti ti-refresh"></i></button></template>
 | 
			
		||||
 | 
			
		||||
	<div :class="$style.bdayFRoot">
 | 
			
		||||
		<MkLoading v-if="fetching"/>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 | 
			
		|||
 | 
			
		||||
<template>
 | 
			
		||||
<MkContainer :style="`height: ${widgetProps.height}px;`" :showHeader="widgetProps.showHeader" :scrollable="true" data-cy-mkw-notifications class="mkw-notifications">
 | 
			
		||||
	<template #icon><i class="ph-bell ph-bold ph-lg"></i></template>
 | 
			
		||||
	<template #icon><i class="ti ti-bell"></i></template>
 | 
			
		||||
	<template #header>{{ i18n.ts.notifications }}</template>
 | 
			
		||||
	<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configureNotification()"><i class="ti ti-settings"></i></button></template>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -108,6 +108,7 @@ export function getConfig(): UserConfig {
 | 
			
		|||
				exclude: [
 | 
			
		||||
					'**/pages/settings/emoji-picker.*',
 | 
			
		||||
					'**/pages/flash/flash.*',
 | 
			
		||||
					'**/components/MkPageWindow.*',
 | 
			
		||||
				],
 | 
			
		||||
			}),
 | 
			
		||||
			iconsReplace({
 | 
			
		||||
| 
						 | 
				
			
			@ -124,6 +125,7 @@ export function getConfig(): UserConfig {
 | 
			
		|||
				},
 | 
			
		||||
				include: [
 | 
			
		||||
					'**/pages/flash/flash.*',
 | 
			
		||||
					'**/components/MkPageWindow.*',
 | 
			
		||||
				],
 | 
			
		||||
			}),
 | 
			
		||||
			iconsReplace({
 | 
			
		||||
| 
						 | 
				
			
			@ -338,6 +340,12 @@ export function getConfig(): UserConfig {
 | 
			
		|||
					'ti ti-chevrons-left': 'ph-caret-dobule-left ph-bold ph-lg',
 | 
			
		||||
					'ti ti-chevron-left': 'ph-caret-left ph-bold ph-lg',
 | 
			
		||||
					'ti ti-dice': 'ph ph-dice-five ph-bold ph-lg',
 | 
			
		||||
					'ti ti-pencil-plus': 'ph-plus ph-bold pg-lg',
 | 
			
		||||
					'ti ti-mood-smile': 'ph-smiley ph-bold pg-lg',
 | 
			
		||||
					'ti ti-bell': 'ph-bell ph-bold ph-lg',
 | 
			
		||||
					'ti ti-bell-off': 'ph-bell ph-bold ph-lg',
 | 
			
		||||
					'ti ti-tool': 'ph-wrench ph-bold ph-lg',
 | 
			
		||||
					'ti ti-refresh': 'ph-arrows-counter-clockwise ph-bold ph-lg',
 | 
			
		||||
				},
 | 
			
		||||
			}),
 | 
			
		||||
			...process.env.NODE_ENV === 'production'
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		
		Reference in a new issue