replaced ti-settings

This commit is contained in:
dakkar 2024-06-21 14:42:59 +01:00
parent e7b3a60698
commit 65605683c7
25 changed files with 27 additions and 26 deletions

View file

@ -53,7 +53,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<i class="ph-download ph-bold ph-lg"></i> <i class="ph-download ph-bold ph-lg"></i>
</a> </a>
<button class="_button" :class="$style.controlButton" @click="showMenu"> <button class="_button" :class="$style.controlButton" @click="showMenu">
<i class="ph-gear ph-bold ph-lg"></i> <i class="ti ti-settings"></i>
</button> </button>
</div> </div>
<div :class="[$style.controlsChild, $style.controlsTime]">{{ hms(elapsedTimeMs) }}</div> <div :class="[$style.controlsChild, $style.controlsTime]">{{ hms(elapsedTimeMs) }}</div>

View file

@ -81,7 +81,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<i class="ph-download ph-bold ph-lg"></i> <i class="ph-download ph-bold ph-lg"></i>
</a> </a>
<button class="_button" :class="$style.controlButton" @click="showMenu"> <button class="_button" :class="$style.controlButton" @click="showMenu">
<i class="ph-gear ph-bold ph-lg"></i> <i class="ti ti-settings"></i>
</button> </button>
<button class="_button" :class="$style.controlButton" @click="toggleFullscreen"> <button class="_button" :class="$style.controlButton" @click="toggleFullscreen">
<i v-if="isFullscreen" class="ph-arrows-in ph-bold ph-lg"></i> <i v-if="isFullscreen" class="ph-arrows-in ph-bold ph-lg"></i>

View file

@ -25,7 +25,7 @@ SPDX-License-Identifier: AGPL-3.0-only
> >
<template #item="{element}"> <template #item="{element}">
<div :class="[$style.widget, $style.customizeContainer]" data-cy-customize-container> <div :class="[$style.widget, $style.customizeContainer]" data-cy-customize-container>
<button :class="$style.customizeContainerConfig" class="_button" @click.prevent.stop="configWidget(element.id)"><i class="ph-gear ph-bold ph-lg"></i></button> <button :class="$style.customizeContainerConfig" class="_button" @click.prevent.stop="configWidget(element.id)"><i class="ti ti-settings"></i></button>
<button :class="$style.customizeContainerRemove" data-cy-customize-container-remove class="_button" @click.prevent.stop="removeWidget(element)"><i class="ph-x ph-bold ph-lg"></i></button> <button :class="$style.customizeContainerRemove" data-cy-customize-container-remove class="_button" @click.prevent.stop="removeWidget(element)"><i class="ph-x ph-bold ph-lg"></i></button>
<div class="handle"> <div class="handle">
<component :is="`widget-${element.name}`" :ref="el => widgetRefs[element.id] = el" class="widget" :class="$style.customizeContainerHandleWidget" :widget="element" @updateProps="updateWidget(element.id, $event)"/> <component :is="`widget-${element.name}`" :ref="el => widgetRefs[element.id] = el" class="widget" :class="$style.customizeContainerHandleWidget" :widget="element" @updateProps="updateWidget(element.id, $event)"/>
@ -120,7 +120,7 @@ function onContextmenu(widget: Widget, ev: MouseEvent) {
type: 'label', type: 'label',
text: i18n.ts._widgets[widget.name], text: i18n.ts._widgets[widget.name],
}, { }, {
icon: 'ph-gear ph-bold ph-lg', icon: 'ti ti-settings',
text: i18n.ts.settings, text: i18n.ts.settings,
action: () => { action: () => {
configWidget(widget.id); configWidget(widget.id);

View file

@ -50,7 +50,7 @@ const router = useRouter();
const indexInfo = { const indexInfo = {
title: i18n.ts.controlPanel, title: i18n.ts.controlPanel,
icon: 'ph-gear ph-bold ph-lg', icon: 'ti ti-settings',
hideHeader: true, hideHeader: true,
}; };
@ -180,7 +180,7 @@ const menuDef = computed(() => [{
}, { }, {
title: i18n.ts.settings, title: i18n.ts.settings,
items: [{ items: [{
icon: 'ph-gear ph-bold ph-lg', icon: 'ti ti-settings',
text: i18n.ts.general, text: i18n.ts.general,
to: '/admin/settings', to: '/admin/settings',
active: currentPage.value?.route.name === 'settings', active: currentPage.value?.route.name === 'settings',

View file

@ -325,7 +325,7 @@ const headerTabs = computed(() => []);
definePageMetadata(() => ({ definePageMetadata(() => ({
title: i18n.ts.general, title: i18n.ts.general,
icon: 'ph-gear ph-bold ph-lg', icon: 'ti ti-settings',
})); }));
</script> </script>

View file

@ -84,7 +84,7 @@ const headerActions = computed(() => antenna.value ? [{
text: i18n.ts.jumpToSpecifiedDate, text: i18n.ts.jumpToSpecifiedDate,
handler: timetravel, handler: timetravel,
}, { }, {
icon: 'ph-gear ph-bold ph-lg', icon: 'ti ti-settings',
text: i18n.ts.settings, text: i18n.ts.settings,
handler: settings, handler: settings,
}] : []); }] : []);

View file

@ -262,7 +262,7 @@ const headerActions = computed(() => {
if (($i && $i.id === channel.value.userId) || iAmModerator) { if (($i && $i.id === channel.value.userId) || iAmModerator) {
headerItems.push({ headerItems.push({
icon: 'ph-gear ph-bold ph-lg', icon: 'ti ti-settings',
text: i18n.ts.edit, text: i18n.ts.edit,
handler: edit, handler: edit,
}); });

View file

@ -149,7 +149,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<div class="_woodenFrame" style="margin-left: auto;"> <div class="_woodenFrame" style="margin-left: auto;">
<div class="_woodenFrameInner" style="text-align: center;"> <div class="_woodenFrameInner" style="text-align: center;">
<div @click="showConfig = !showConfig"><i class="ph-gear ph-bold ph-lg"></i></div> <div @click="showConfig = !showConfig"><i class="ti ti-settings"></i></div>
</div> </div>
</div> </div>
</div> </div>

View file

@ -276,7 +276,7 @@ const headerActions = computed(() => []);
const headerTabs = computed(() => [{ const headerTabs = computed(() => [{
key: 'settings', key: 'settings',
title: i18n.ts._pages.pageSetting, title: i18n.ts._pages.pageSetting,
icon: 'ph-gear ph-bold ph-lg', icon: 'ti ti-settings',
}, { }, {
key: 'contents', key: 'contents',
title: i18n.ts._pages.contents, title: i18n.ts._pages.contents,

View file

@ -40,7 +40,7 @@ import { useRouter } from '@/router/supplier.js';
const indexInfo = { const indexInfo = {
title: i18n.ts.settings, title: i18n.ts.settings,
icon: 'ph-gear ph-bold ph-lg', icon: 'ti ti-settings',
hideHeader: true, hideHeader: true,
}; };
const INFO = ref(indexInfo); const INFO = ref(indexInfo);

View file

@ -37,7 +37,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<div class="_buttons"> <div class="_buttons">
<MkButton v-if="plugin.config" inline @click="config(plugin)"><i class="ph-gear ph-bold ph-lg"></i> {{ i18n.ts.settings }}</MkButton> <MkButton v-if="plugin.config" inline @click="config(plugin)"><i class="ti ti-settings"></i> {{ i18n.ts.settings }}</MkButton>
<MkButton inline danger @click="uninstall(plugin)"><i class="ph-trash ph-bold ph-lg"></i> {{ i18n.ts.uninstall }}</MkButton> <MkButton inline danger @click="uninstall(plugin)"><i class="ph-trash ph-bold ph-lg"></i> {{ i18n.ts.uninstall }}</MkButton>
</div> </div>

View file

@ -98,7 +98,7 @@ const headerActions = computed(() => list.value ? [{
}], ev.currentTarget ?? ev.target); }], ev.currentTarget ?? ev.target);
}, },
}, { }, {
icon: 'ph-gear ph-bold ph-lg', icon: 'ti ti-settings',
text: i18n.ts.settings, text: i18n.ts.settings,
handler: settings, handler: settings,
}] : []); }] : []);

View file

@ -34,7 +34,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<span v-if="otherMenuItemIndicated" :class="$style.itemIndicator"><i class="_indicatorCircle"></i></span> <span v-if="otherMenuItemIndicated" :class="$style.itemIndicator"><i class="_indicatorCircle"></i></span>
</button> </button>
<MkA :class="$style.item" :activeClass="$style.active" to="/settings"> <MkA :class="$style.item" :activeClass="$style.active" to="/settings">
<i :class="$style.itemIcon" class="ph-gear ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.settings }}</span> <i :class="$style.itemIcon" class="ti ti-settings ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.settings }}</span>
</MkA> </MkA>
</div> </div>
<div :class="$style.bottom"> <div :class="$style.bottom">

View file

@ -44,7 +44,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<span v-if="otherMenuItemIndicated" :class="$style.itemIndicator"><i class="_indicatorCircle"></i></span> <span v-if="otherMenuItemIndicated" :class="$style.itemIndicator"><i class="_indicatorCircle"></i></span>
</button> </button>
<MkA v-tooltip.noDelay.right="i18n.ts.settings" :class="$style.item" :activeClass="$style.active" to="/settings"> <MkA v-tooltip.noDelay.right="i18n.ts.settings" :class="$style.item" :activeClass="$style.active" to="/settings">
<i :class="$style.itemIcon" class="ph-gear ph-bold ph-lg ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.settings }}</span> <i :class="$style.itemIcon" class="ti ti-settings ti-fw"></i><span :class="$style.itemText">{{ i18n.ts.settings }}</span>
</MkA> </MkA>
</div> </div>
<div :class="$style.bottom"> <div :class="$style.bottom">

View file

@ -31,7 +31,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<div class="right"> <div class="right">
<MkA v-click-anime v-tooltip="i18n.ts.settings" class="item" activeClass="active" to="/settings" :behavior="settingsWindowed ? 'window' : null"> <MkA v-click-anime v-tooltip="i18n.ts.settings" class="item" activeClass="active" to="/settings" :behavior="settingsWindowed ? 'window' : null">
<i class="ph-gear ph-bold ph-lg ti-fw"></i> <i class="ti ti-settings ti-fw"></i>
</MkA> </MkA>
<button v-click-anime class="item _button account" @click="openAccountMenu"> <button v-click-anime class="item _button account" @click="openAccountMenu">
<MkAvatar :user="$i" class="avatar"/><MkAcct class="acct" :user="$i"/> <MkAvatar :user="$i" class="avatar"/><MkAcct class="acct" :user="$i"/>

View file

@ -36,7 +36,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<span v-if="otherNavItemIndicated" class="indicator"><i class="_indicatorCircle"></i></span> <span v-if="otherNavItemIndicated" class="indicator"><i class="_indicatorCircle"></i></span>
</button> </button>
<MkA v-click-anime class="item" activeClass="active" to="/settings" :behavior="settingsWindowed ? 'window' : null"> <MkA v-click-anime class="item" activeClass="active" to="/settings" :behavior="settingsWindowed ? 'window' : null">
<i class="ph-gear ph-bold ph-lg ti-fw"></i><span class="text">{{ i18n.ts.settings }}</span> <i class="ti ti-settings ti-fw"></i><span class="text">{{ i18n.ts.settings }}</span>
</MkA> </MkA>
<div class="divider"></div> <div class="divider"></div>
<div class="about"> <div class="about">

View file

@ -43,7 +43,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<button v-tooltip.noDelay.left="i18n.ts._deck.addColumn" :class="$style.sideMenuButton" class="_button" @click="addColumn"><i class="ti ti-plus"></i></button> <button v-tooltip.noDelay.left="i18n.ts._deck.addColumn" :class="$style.sideMenuButton" class="_button" @click="addColumn"><i class="ti ti-plus"></i></button>
</div> </div>
<div :class="$style.sideMenuBottom"> <div :class="$style.sideMenuBottom">
<button v-tooltip.noDelay.left="i18n.ts.settings" :class="$style.sideMenuButton" class="_button" @click="showSettings"><i class="ph-gear ph-bold ph-lg"></i></button> <button v-tooltip.noDelay.left="i18n.ts.settings" :class="$style.sideMenuButton" class="_button" @click="showSettings"><i class="ti ti-settings"></i></button>
</div> </div>
</div> </div>
</div> </div>

View file

@ -74,7 +74,7 @@ const menu: MenuItem[] = [
action: setAntenna, action: setAntenna,
}, },
{ {
icon: 'ph-gear ph-bold ph-lg', icon: 'ti ti-settings',
text: i18n.ts.editAntenna, text: i18n.ts.editAntenna,
action: editAntenna, action: editAntenna,
}, },

View file

@ -105,7 +105,7 @@ function toggleActive() {
function getMenu() { function getMenu() {
let items: MenuItem[] = [{ let items: MenuItem[] = [{
icon: 'ph-gear ph-bold ph-lg', icon: 'ti ti-settings',
text: i18n.ts._deck.configureColumn, text: i18n.ts._deck.configureColumn,
action: async () => { action: async () => {
const { canceled, result } = await os.form(props.column.name, { const { canceled, result } = await os.form(props.column.name, {

View file

@ -86,7 +86,7 @@ const menu: MenuItem[] = [
action: setList, action: setList,
}, },
{ {
icon: 'ph-gear ph-bold ph-lg', icon: 'ti ti-settings',
text: i18n.ts.editList, text: i18n.ts.editList,
action: editList, action: editList,
}, },

View file

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<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="ph-bell ph-bold ph-lg"></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="ph-gear ph-bold ph-lg"></i></button></template> <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configureNotification()"><i class="ti ti-settings"></i></button></template>
<div> <div>
<XNotifications :excludeTypes="widgetProps.excludeTypes"/> <XNotifications :excludeTypes="widgetProps.excludeTypes"/>

View file

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkContainer :showHeader="widgetProps.showHeader" data-cy-mkw-rss class="mkw-rss"> <MkContainer :showHeader="widgetProps.showHeader" data-cy-mkw-rss class="mkw-rss">
<template #icon><i class="ph-rss ph-bold ph-lg"></i></template> <template #icon><i class="ph-rss ph-bold ph-lg"></i></template>
<template #header>RSS</template> <template #header>RSS</template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ph-gear ph-bold ph-lg"></i></button></template> <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ti ti-settings"></i></button></template>
<div class="ekmkgxbj"> <div class="ekmkgxbj">
<MkLoading v-if="fetching"/> <MkLoading v-if="fetching"/>

View file

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkContainer :naked="widgetProps.transparent" :showHeader="widgetProps.showHeader" class="mkw-rss-ticker"> <MkContainer :naked="widgetProps.transparent" :showHeader="widgetProps.showHeader" class="mkw-rss-ticker">
<template #icon><i class="ph-rss ph-bold ph-lg"></i></template> <template #icon><i class="ph-rss ph-bold ph-lg"></i></template>
<template #header>RSS</template> <template #header>RSS</template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ph-gear ph-bold ph-lg"></i></button></template> <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure"><i class="ti ti-settings"></i></button></template>
<div :class="$style.feed"> <div :class="$style.feed">
<div v-if="fetching" :class="$style.loading"> <div v-if="fetching" :class="$style.loading">

View file

@ -7,7 +7,7 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkContainer :showHeader="widgetProps.showHeader" class="mkw-userList"> <MkContainer :showHeader="widgetProps.showHeader" class="mkw-userList">
<template #icon><i class="ph-users ph-bold ph-lg"></i></template> <template #icon><i class="ph-users ph-bold ph-lg"></i></template>
<template #header>{{ list ? list.name : i18n.ts._widgets.userList }}</template> <template #header>{{ list ? list.name : i18n.ts._widgets.userList }}</template>
<template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure()"><i class="ph-gear ph-bold ph-lg"></i></button></template> <template #func="{ buttonStyleClass }"><button class="_button" :class="buttonStyleClass" @click="configure()"><i class="ti ti-settings"></i></button></template>
<div :class="$style.root"> <div :class="$style.root">
<div v-if="widgetProps.listId == null" class="init"> <div v-if="widgetProps.listId == null" class="init">

View file

@ -102,6 +102,7 @@ export function getConfig(): UserConfig {
'ti ti-heart-filled': 'ph-heart ph-bold ph-lg', 'ti ti-heart-filled': 'ph-heart ph-bold ph-lg',
'ti ti-heart-plus': 'ph-heart ph-bold ph-lg', 'ti ti-heart-plus': 'ph-heart ph-bold ph-lg',
'ti ti-arrow-left': 'ph-arrow-left ph-bold ph-lg', 'ti ti-arrow-left': 'ph-arrow-left ph-bold ph-lg',
'ti ti-settings': 'ph-gear ph-bold ph-lg',
}, },
}), }),
...process.env.NODE_ENV === 'production' ...process.env.NODE_ENV === 'production'