heartles/egirlskey
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

replaced tool pencil bell refresh

Browse source
This commit is contained in:
dakkar 2024-06-22 14:07:02 +01:00
parent b675c66d70
commit 9f8873574c
23 changed files with 33 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/frontend/src/components/MkPageWindow.vue
View file

@ -77,7 +77,7 @@ const buttonsLeft = computed(() => {
}); });
const buttonsRight = computed(() => { const buttonsRight = computed(() => {
const buttons = [{ const buttons = [{
icon: 'ph-arrows-clockwise ph-bold ph-lg', icon: 'ti ti-reload',
title: i18n.ts.reload, title: i18n.ts.reload,
onClick: reload, onClick: reload,
}, { }, {

4
packages/frontend/src/components/MkTutorialDialog.vue
View file

@ -12,9 +12,9 @@ SPDX-License-Identifier: AGPL-3.0-only
@closed="emit('closed')" @closed="emit('closed')"
> >
<template v-if="page === 1" #header><i class="ti ti-pencil"></i> {{ i18n.ts._initialTutorial._note.title }}</template> <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 === 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-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> <template v-else #header>{{ i18n.ts._initialTutorial.title }}</template>

4
packages/frontend/src/navbar.ts
View file

@ -18,7 +18,7 @@ import { unisonReload } from '@/scripts/unison-reload.js';
export const navbarItemDef = reactive({ export const navbarItemDef = reactive({
notifications: { notifications: {
title: i18n.ts.notifications, title: i18n.ts.notifications,
icon: 'ph-bell ph-bold ph-lg', icon: 'ti ti-bell',
show: computed(() => $i != null), show: computed(() => $i != null),
indicated: computed(() => $i != null && $i.hasUnreadNotification), indicated: computed(() => $i != null && $i.hasUnreadNotification),
indicateValue: computed(() => { indicateValue: computed(() => {
@ -160,7 +160,7 @@ export const navbarItemDef = reactive({
}, },
reload: { reload: {
title: i18n.ts.reload, title: i18n.ts.reload,
icon: 'ph-arrows-clockwise ph-bold ph-lg', icon: 'ti ti-refresh',
action: (ev) => { action: (ev) => {
location.reload(); location.reload();
}, },

2
packages/frontend/src/pages/admin-user.vue
View file

@ -72,7 +72,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkKeyValue> </MkKeyValue>
</div> </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> </div>
</FormSection> </FormSection>

2
packages/frontend/src/pages/instance-info.vue
View file

@ -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="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="isSilenced" :disabled="!meta || !instance" @update:modelValue="toggleSilenced">{{ i18n.ts.silenceThisInstance }}</MkSwitch>
<MkSwitch v-model="isNSFW" :disabled="!instance" @update:modelValue="toggleNSFW">Mark as NSFW</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> <MkTextarea v-model="moderationNote" manualSave>
<template #label>{{ i18n.ts.moderationNote }}</template> <template #label>{{ i18n.ts.moderationNote }}</template>
</MkTextarea> </MkTextarea>

2
packages/frontend/src/pages/my-antennas/index.vue
View file

@ -45,7 +45,7 @@ fetch();
const headerActions = computed(() => [{ const headerActions = computed(() => [{
asFullButton: true, asFullButton: true,
icon: 'ph-arrows-counter-clockwise ph-bold ph-lg', icon: 'ti ti-refresh',
text: i18n.ts.reload, text: i18n.ts.reload,
handler: () => { handler: () => {
antennasCache.delete(); antennasCache.delete();

2
packages/frontend/src/pages/my-lists/index.vue
View file

@ -61,7 +61,7 @@ async function create() {
const headerActions = computed(() => [{ const headerActions = computed(() => [{
asFullButton: true, asFullButton: true,
icon: 'ph-arrows-counter-clockwise ph-bold ph-lg', icon: 'ti ti-refresh',
text: i18n.ts.reload, text: i18n.ts.reload,
handler: () => { handler: () => {
userListsCache.delete(); userListsCache.delete();

2
packages/frontend/src/pages/notifications.vue
View file

@ -96,7 +96,7 @@ const headerTabs = computed(() => [{
definePageMetadata(() => ({ definePageMetadata(() => ({
title: i18n.ts.notifications, title: i18n.ts.notifications,
icon: 'ph-bell ph-bold ph-lg', icon: 'ti ti-bell',
})); }));
</script> </script>

2
packages/frontend/src/pages/settings/accounts.vue
View file

@ -9,7 +9,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps"> <div class="_gaps">
<div class="_buttons"> <div class="_buttons">
<MkButton primary @click="addAccount"><i class="ti ti-plus"></i> {{ i18n.ts.addAccount }}</MkButton> <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> </div>
<MkUserCardMini v-for="user in accounts" :key="user.id" :user="user" :class="$style.user" @click.prevent="menu(user, $event)"/> <MkUserCardMini v-for="user in accounts" :key="user.id" :user="user" :class="$style.user" @click.prevent="menu(user, $event)"/>

2
packages/frontend/src/pages/settings/index.vue
View file

@ -82,7 +82,7 @@ const menuDef = computed(() => [{
to: '/settings/drive', to: '/settings/drive',
active: currentPage.value?.route.name === 'drive', active: currentPage.value?.route.name === 'drive',
}, { }, {
icon: 'ph-bell ph-bold ph-lg', icon: 'ti ti-bell',
text: i18n.ts.notifications, text: i18n.ts.notifications,
to: '/settings/notifications', to: '/settings/notifications',
active: currentPage.value?.route.name === 'notifications', active: currentPage.value?.route.name === 'notifications',

2
packages/frontend/src/pages/settings/notifications.vue
View file

@ -133,6 +133,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({ definePageMetadata(() => ({
title: i18n.ts.notifications, title: i18n.ts.notifications,
icon: 'ph-bell ph-bold ph-lg', icon: 'ti ti-bell',
})); }));
</script> </script>

2
packages/frontend/src/pages/settings/security.vue
View file

@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<FormSection> <FormSection>
<FormSlot> <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> <template #caption>{{ i18n.ts.regenerateLoginTokenDescription }}</template>
</FormSlot> </FormSlot>
</FormSection> </FormSection>

2
packages/frontend/src/pages/settings/theme.manage.vue
View file

@ -78,6 +78,6 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({ definePageMetadata(() => ({
title: i18n.ts._theme.manage, title: i18n.ts._theme.manage,
icon: 'ph-wrench ph-bold ph-lg', icon: 'ti ti-tool',
})); }));
</script> </script>

2
packages/frontend/src/pages/settings/theme.vue
View file

@ -58,7 +58,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<FormSection> <FormSection>
<div class="_formLinksGrid"> <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="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="/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> <FormLink to="/theme-editor"><template #icon><i class="ti ti-paint"></i></template>{{ i18n.ts._theme.make }}</FormLink>

2
packages/frontend/src/pages/timeline.vue
View file

@ -275,7 +275,7 @@ const headerActions = computed(() => {
]; ];
if (deviceKind === 'desktop') { if (deviceKind === 'desktop') {
tmp.unshift({ tmp.unshift({
icon: 'ph-arrows-counter-clockwise ph-bold ph-lg', icon: 'ti ti-refresh',
text: i18n.ts.reload, text: i18n.ts.reload,
handler: (ev: Event) => { handler: (ev: Event) => {
tlComponent.value?.reloadTimeline(); tlComponent.value?.reloadTimeline();

4
packages/frontend/src/scripts/get-user-menu.ts
View file

@ -309,7 +309,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: IRouter
text: user.withReplies ? i18n.ts.hideRepliesToOthersInTimeline : i18n.ts.showRepliesToOthersInTimeline, text: user.withReplies ? i18n.ts.hideRepliesToOthersInTimeline : i18n.ts.showRepliesToOthersInTimeline,
action: toggleWithReplies, 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, text: user.notify === 'none' ? i18n.ts.notifyNotes : i18n.ts.unnotifyNotes,
action: toggleNotify, action: toggleNotify,
}]); }]);
@ -346,7 +346,7 @@ export function getUserMenu(user: Misskey.entities.UserDetailed, router: IRouter
if (user.host !== null) { if (user.host !== null) {
menu = menu.concat([{ type: 'divider' }, { menu = menu.concat([{ type: 'divider' }, {
icon: 'ph-arrows-counter-clockwise ph-bold ph-lg', icon: 'ti ti-refresh',
text: i18n.ts.updateRemoteUser, text: i18n.ts.updateRemoteUser,
action: userInfoUpdate, action: userInfoUpdate,
}]); }]);

2
packages/frontend/src/ui/deck.vue
View file

@ -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="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('/')"><i :class="$style.navButtonIcon" class="ti ti-home"></i></button>
<button :class="$style.navButton" class="_button" @click="mainRouter.push('/my/notifications')"> <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 v-if="$i?.hasUnreadNotification" :class="$style.navButtonIndicator">
<span class="_indicateCounter" :class="$style.itemIndicateValueIcon">{{ $i.unreadNotificationsCount > 99 ? '99+' : $i.unreadNotificationsCount }}</span> <span class="_indicateCounter" :class="$style.itemIndicateValueIcon">{{ $i.unreadNotificationsCount > 99 ? '99+' : $i.unreadNotificationsCount }}</span>
</span> </span>

2
packages/frontend/src/ui/deck/column.vue
View file

@ -186,7 +186,7 @@ function getMenu() {
if (props.refresher) { if (props.refresher) {
items = [{ items = [{
icon: 'ph-arrows-counter-clockwise ph-bold ph-lg', icon: 'ti ti-refresh',
text: i18n.ts.reload, text: i18n.ts.reload,
action: () => { action: () => {
if (props.refresher) { if (props.refresher) {

2
packages/frontend/src/ui/deck/notifications-column.vue
View file

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<XColumn :column="column" :isStacked="isStacked" :menu="menu" :refresher="() => notificationsComponent.reload()"> <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"/> <XNotifications ref="notificationsComponent" :excludeTypes="props.column.excludeTypes"/>
</XColumn> </XColumn>

2
packages/frontend/src/ui/universal.vue
View file

@ -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="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="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')"> <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 v-if="$i?.hasUnreadNotification" :class="$style.navButtonIndicator">
<span class="_indicateCounter" :class="$style.itemIndicateValueIcon">{{ $i.unreadNotificationsCount > 99 ? '99+' : $i.unreadNotificationsCount }}</span> <span class="_indicateCounter" :class="$style.itemIndicateValueIcon">{{ $i.unreadNotificationsCount > 99 ? '99+' : $i.unreadNotificationsCount }}</span>
</span> </span>

2
packages/frontend/src/widgets/WidgetBirthdayFollowings.vue
View file

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkContainer :showHeader="widgetProps.showHeader" class="mkw-bdayfollowings"> <MkContainer :showHeader="widgetProps.showHeader" class="mkw-bdayfollowings">
<template #icon><i class="ph-cake ph-bold ph-lg"></i></template> <template #icon><i class="ph-cake ph-bold ph-lg"></i></template>
<template #header>{{ i18n.ts._widgets.birthdayFollowings }}</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"> <div :class="$style.bdayFRoot">
<MkLoading v-if="fetching"/> <MkLoading v-if="fetching"/>

2
packages/frontend/src/widgets/WidgetNotifications.vue
View file

@ -5,7 +5,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<template> <template>
<MkContainer :style="`height: ${widgetProps.height}px;`" :showHeader="widgetProps.showHeader" :scrollable="true" data-cy-mkw-notifications class="mkw-notifications"> <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 #header>{{ i18n.ts.notifications }}</template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configureNotification()"><i class="ti ti-settings"></i></button></template> <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configureNotification()"><i class="ti ti-settings"></i></button></template>

8
packages/frontend/vite.config.ts
View file

@ -108,6 +108,7 @@ export function getConfig(): UserConfig {
exclude: [ exclude: [
'**/pages/settings/emoji-picker.*', '**/pages/settings/emoji-picker.*',
'**/pages/flash/flash.*', '**/pages/flash/flash.*',
'**/components/MkPageWindow.*',
], ],
}), }),
iconsReplace({ iconsReplace({
@ -124,6 +125,7 @@ export function getConfig(): UserConfig {
}, },
include: [ include: [
'**/pages/flash/flash.*', '**/pages/flash/flash.*',
'**/components/MkPageWindow.*',
], ],
}), }),
iconsReplace({ iconsReplace({
@ -338,6 +340,12 @@ export function getConfig(): UserConfig {
'ti ti-chevrons-left': 'ph-caret-dobule-left ph-bold ph-lg', '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-chevron-left': 'ph-caret-left ph-bold ph-lg',
'ti ti-dice': 'ph ph-dice-five 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' ...process.env.NODE_ENV === 'production'