mirror of
https://activitypub.software/TransFem-org/Sharkey
synced 2024-11-25 23:45:13 +00:00
replaced ti-settings
This commit is contained in:
parent
e7b3a60698
commit
65605683c7
25 changed files with 27 additions and 26 deletions
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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,
|
||||||
}] : []);
|
}] : []);
|
||||||
|
|
|
@ -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,
|
||||||
});
|
});
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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);
|
||||||
|
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
@ -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,
|
||||||
}] : []);
|
}] : []);
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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"/>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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,
|
||||||
},
|
},
|
||||||
|
|
|
@ -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, {
|
||||||
|
|
|
@ -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,
|
||||||
},
|
},
|
||||||
|
|
|
@ -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"/>
|
||||||
|
|
|
@ -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"/>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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'
|
||||||
|
|
Loading…
Reference in a new issue