Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use tabler icons (#9354)

Browse source 
* wip

* wip

* wip

* Update style.scss

* wip

* wip

* wip

* wip
This commit is contained in:
syuilo 2022-12-19 19:01:30 +09:00 • committed by GitHub
parent e3b8482891
commit 917ef465a5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
240 changed files with 981 additions and 947 deletions
Download patch file Download diff file Expand all files Collapse all files

4
packages/client/src/widgets/activity.vue
View file

@ -1,7 +1,7 @@
<template>
<MkContainer :show-header="widgetProps.showHeader" :naked="widgetProps.transparent" class="mkw-activity">
<template #header><i class="fas fa-chart-simple"></i>{{ i18n.ts._widgets.activity }}</template>
<template #func><button class="_button" @click="toggleView()"><i class="fas fa-sort"></i></button></template>
<template #header><i class="ti ti-chart-line"></i>{{ i18n.ts._widgets.activity }}</template>
<template #func><button class="_button" @click="toggleView()"><i class="ti ti-selector"></i></button></template>
<div>
<MkLoading v-if="fetching"/>

2
packages/client/src/widgets/aiscript.vue
View file

@ -1,6 +1,6 @@
<template>
<MkContainer :show-header="widgetProps.showHeader" class="mkw-aiscript">
<template #header><i class="fas fa-terminal"></i>{{ i18n.ts._widgets.aiscript }}</template>
<template #header><i class="ti ti-terminal-2"></i>{{ i18n.ts._widgets.aiscript }}</template>
<div class="uylguesu _monospace">
<textarea v-model="widgetProps.script" placeholder="(1 + 1)"></textarea>

2
packages/client/src/widgets/federation.vue
View file

@ -1,6 +1,6 @@
<template>
<MkContainer :show-header="widgetProps.showHeader" :foldable="foldable" :scrollable="scrollable" class="mkw-federation">
<template #header><i class="fas fa-globe"></i>{{ i18n.ts._widgets.federation }}</template>
<template #header><i class="ti ti-whirl"></i>{{ i18n.ts._widgets.federation }}</template>
<div class="wbrkwalb">
<MkLoading v-if="fetching"/>

4
packages/client/src/widgets/job-queue.vue
View file

@ -1,7 +1,7 @@
<template>
<div class="mkw-jobQueue _monospace" :class="{ _panel: !widgetProps.transparent }">
<div class="inbox">
<div class="label">Inbox queue<i v-if="current.inbox.waiting > 0" class="fas fa-exclamation-triangle icon"></i></div>
<div class="label">Inbox queue<i v-if="current.inbox.waiting > 0" class="ti ti-alert-triangle icon"></i></div>
<div class="values">
<div>
<div>Process</div>
@ -22,7 +22,7 @@
</div>
</div>
<div class="deliver">
<div class="label">Deliver queue<i v-if="current.deliver.waiting > 0" class="fas fa-exclamation-triangle icon"></i></div>
<div class="label">Deliver queue<i v-if="current.deliver.waiting > 0" class="ti ti-alert-triangle icon"></i></div>
<div class="values">
<div>
<div>Process</div>

4
packages/client/src/widgets/notifications.vue
View file

@ -1,7 +1,7 @@
<template>
<MkContainer :style="`height: ${widgetProps.height}px;`" :show-header="widgetProps.showHeader" :scrollable="true" class="mkw-notifications">
<template #header><i class="fas fa-bell"></i>{{ i18n.ts.notifications }}</template>
<template #func><button class="_button" @click="configureNotification()"><i class="fas fa-cog"></i></button></template>
<template #header><i class="ti ti-bell"></i>{{ i18n.ts.notifications }}</template>
<template #func><button class="_button" @click="configureNotification()"><i class="ti ti-settings"></i></button></template>
<div>
<XNotifications :include-types="widgetProps.includingTypes"/>

4
packages/client/src/widgets/rss-ticker.vue
View file

@ -1,7 +1,7 @@
<template>
<MkContainer :naked="widgetProps.transparent" :show-header="widgetProps.showHeader" class="mkw-rss-ticker">
<template #header><i class="fas fa-rss-square"></i>RSS</template>
<template #func><button class="_button" @click="configure"><i class="fas fa-cog"></i></button></template>
<template #header><i class="ti ti-rss"></i>RSS</template>
<template #func><button class="_button" @click="configure"><i class="ti ti-settings"></i></button></template>
<div class="ekmkgxbk">
<MkLoading v-if="fetching"/>

4
packages/client/src/widgets/rss.vue
View file

@ -1,7 +1,7 @@
<template>
<MkContainer :show-header="widgetProps.showHeader" class="mkw-rss">
<template #header><i class="fas fa-rss-square"></i>RSS</template>
<template #func><button class="_button" @click="configure"><i class="fas fa-cog"></i></button></template>
<template #header><i class="ti ti-rss"></i>RSS</template>
<template #func><button class="_button" @click="configure"><i class="ti ti-settings"></i></button></template>
<div class="ekmkgxbj">
<MkLoading v-if="fetching"/>

2
packages/client/src/widgets/server-metric/cpu.vue
View file

@ -2,7 +2,7 @@
<div class="vrvdvrys">
<XPie class="pie" :value="usage"/>
<div>
<p><i class="fas fa-microchip"></i>CPU</p>
<p><i class="ti ti-cpu"></i>CPU</p>
<p>{{ meta.cpu.cores }} Logical cores</p>
<p>{{ meta.cpu.model }}</p>
</div>

2
packages/client/src/widgets/server-metric/disk.vue
View file

@ -2,7 +2,7 @@
<div class="zbwaqsat">
<XPie class="pie" :value="usage"/>
<div>
<p><i class="fas fa-hdd"></i>Disk</p>
<p><i class="ti ti-database"></i>Disk</p>
<p>Total: {{ bytes(total, 1) }}</p>
<p>Free: {{ bytes(available, 1) }}</p>
<p>Used: {{ bytes(used, 1) }}</p>

4
packages/client/src/widgets/server-metric/index.vue
View file

@ -1,7 +1,7 @@
<template>
<MkContainer :show-header="widgetProps.showHeader" :naked="widgetProps.transparent">
<template #header><i class="fas fa-server"></i>{{ i18n.ts._widgets.serverMetric }}</template>
<template #func><button class="_button" @click="toggleView()"><i class="fas fa-sort"></i></button></template>
<template #header><i class="ti ti-server"></i>{{ i18n.ts._widgets.serverMetric }}</template>
<template #func><button class="_button" @click="toggleView()"><i class="ti ti-selector"></i></button></template>
<div v-if="meta" class="mkw-serverMetric">
<XCpuMemory v-if="widgetProps.view === 0" :connection="connection" :meta="meta"/>

26
packages/client/src/widgets/timeline.vue
View file

@ -2,14 +2,14 @@
<MkContainer :show-header="widgetProps.showHeader" :style="`height: ${widgetProps.height}px;`" :scrollable="true" class="mkw-timeline">
<template #header>
<button class="_button" @click="choose">
<i v-if="widgetProps.src === 'home'" class="fas fa-home"></i>
<i v-else-if="widgetProps.src === 'local'" class="fas fa-comments"></i>
<i v-else-if="widgetProps.src === 'social'" class="fas fa-share-alt"></i>
<i v-else-if="widgetProps.src === 'global'" class="fas fa-globe"></i>
<i v-else-if="widgetProps.src === 'list'" class="fas fa-list-ul"></i>
<i v-else-if="widgetProps.src === 'antenna'" class="fas fa-satellite"></i>
<i v-if="widgetProps.src === 'home'" class="ti ti-home"></i>
<i v-else-if="widgetProps.src === 'local'" class="ti ti-messages"></i>
<i v-else-if="widgetProps.src === 'social'" class="ti ti-share"></i>
<i v-else-if="widgetProps.src === 'global'" class="ti ti-world"></i>
<i v-else-if="widgetProps.src === 'list'" class="ti ti-list"></i>
<i v-else-if="widgetProps.src === 'antenna'" class="ti ti-antenna"></i>
<span style="margin-left: 8px;">{{ widgetProps.src === 'list' ? widgetProps.list.name : widgetProps.src === 'antenna' ? widgetProps.antenna.name : $t('_timelines.' + widgetProps.src) }}</span>
<i :class="menuOpened ? 'fas fa-angle-up' : 'fas fa-angle-down'" style="margin-left: 8px;"></i>
<i :class="menuOpened ? 'ti ti-chevron-up' : 'ti ti-chevron-down'" style="margin-left: 8px;"></i>
</button>
</template>
@ -86,7 +86,7 @@ const choose = async (ev) => {
]);
const antennaItems = antennas.map(antenna => ({
text: antenna.name,
icon: 'fas fa-satellite',
icon: 'ti ti-antenna',
action: () => {
widgetProps.antenna = antenna;
setSrc('antenna');
@ -94,7 +94,7 @@ const choose = async (ev) => {
}));
const listItems = lists.map(list => ({
text: list.name,
icon: 'fas fa-list-ul',
icon: 'ti ti-list',
action: () => {
widgetProps.list = list;
setSrc('list');
@ -102,19 +102,19 @@ const choose = async (ev) => {
}));
os.popupMenu([{
text: i18n.ts._timelines.home,
icon: 'fas fa-home',
icon: 'ti ti-home',
action: () => { setSrc('home'); }
}, {
text: i18n.ts._timelines.local,
icon: 'fas fa-comments',
icon: 'ti ti-messages',
action: () => { setSrc('local'); }
}, {
text: i18n.ts._timelines.social,
icon: 'fas fa-share-alt',
icon: 'ti ti-share',
action: () => { setSrc('social'); }
}, {
text: i18n.ts._timelines.global,
icon: 'fas fa-globe',
icon: 'ti ti-world',
action: () => { setSrc('global'); }
}, antennaItems.length > 0 ? null : undefined, ...antennaItems, listItems.length > 0 ? null : undefined, ...listItems], ev.currentTarget ?? ev.target).then(() => {
menuOpened.value = false;

2
packages/client/src/widgets/trends.vue
View file

@ -1,6 +1,6 @@
<template>
<MkContainer :show-header="widgetProps.showHeader" class="mkw-trends">
<template #header><i class="fas fa-hashtag"></i>{{ i18n.ts._widgets.trends }}</template>
<template #header><i class="ti ti-hash"></i>{{ i18n.ts._widgets.trends }}</template>
<div class="wbrkwala">
<MkLoading v-if="fetching"/>