mirrors/barkey
1
0
Fork 0
mirror of https://codeberg.org/yeentown/barkey.git synced 2025-07-08 13:04:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

restore like button settings

Browse source
This commit is contained in:
Hazelnoot 2025-03-25 17:57:39 -04:00
parent f861bec1a7
commit 9fd94cd23e
2 changed files with 40 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/frontend/src/pages/settings/emoji-palette.palette.vue
View file

@ -17,7 +17,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</template> </template>
<div> <div>
<div v-panel style="border-radius: 6px;"> <div v-panel style="border-radius: var(--MI-radius-sm);">
<Sortable <Sortable
v-model="emojis" v-model="emojis"
:class="$style.emojis" :class="$style.emojis"

39
packages/frontend/src/pages/settings/emoji-palette.vue
View file

@ -56,6 +56,19 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
</FormSection> </FormSection>
<SearchMarker :keywords="['emoji', 'default', 'like', 'react']">
<FormSection>
<template #label>{{ i18n.ts.defaultLike }}</template>
<MkCustomEmoji v-if="like && like.startsWith(':')" style="max-height: 3em; font-size: 1.1em;" :useOriginalSize="false" :name="like" :normal="true" :noStyle="true"/>
<MkEmoji v-else-if="like && !like.startsWith(':')" :emoji="like" style="max-height: 3em; font-size: 1.1em;" :normal="true" :noStyle="true"/>
<span v-else-if="!like">{{ i18n.ts.notSet }}</span>
<div class="_buttons" style="padding-top: 8px;">
<MkButton rounded :small="true" inline @click="chooseNewLike"><i class="ph-smiley ph-bold ph-lg"></i> Change</MkButton>
<MkButton rounded :small="true" inline @click="resetLike"><i class="ph-arrow-clockwise ph-bold ph-lg"></i> Reset</MkButton>
</div>
</FormSection>
</SearchMarker>
<SearchMarker :keywords="['emoji', 'picker', 'display']"> <SearchMarker :keywords="['emoji', 'picker', 'display']">
<FormSection> <FormSection>
<template #label><SearchLabel>{{ i18n.ts.emojiPickerDisplay }}</SearchLabel></template> <template #label><SearchLabel>{{ i18n.ts.emojiPickerDisplay }}</SearchLabel></template>
@ -133,6 +146,7 @@ import { prefer } from '@/preferences.js';
import MkPreferenceContainer from '@/components/MkPreferenceContainer.vue'; import MkPreferenceContainer from '@/components/MkPreferenceContainer.vue';
import MkSwitch from '@/components/MkSwitch.vue'; import MkSwitch from '@/components/MkSwitch.vue';
import { emojiPicker } from '@/utility/emoji-picker.js'; import { emojiPicker } from '@/utility/emoji-picker.js';
import { unisonReload } from '@/utility/unison-reload.js';
const emojiPaletteForReaction = prefer.model('emojiPaletteForReaction'); const emojiPaletteForReaction = prefer.model('emojiPaletteForReaction');
const emojiPaletteForMain = prefer.model('emojiPaletteForMain'); const emojiPaletteForMain = prefer.model('emojiPaletteForMain');
@ -140,6 +154,7 @@ const emojiPickerScale = prefer.model('emojiPickerScale');
const emojiPickerWidth = prefer.model('emojiPickerWidth'); const emojiPickerWidth = prefer.model('emojiPickerWidth');
const emojiPickerHeight = prefer.model('emojiPickerHeight'); const emojiPickerHeight = prefer.model('emojiPickerHeight');
const emojiPickerStyle = prefer.model('emojiPickerStyle'); const emojiPickerStyle = prefer.model('emojiPickerStyle');
const like = prefer.model('like');
const palettesSyncEnabled = ref(prefer.isSyncEnabled('emojiPalettes')); const palettesSyncEnabled = ref(prefer.isSyncEnabled('emojiPalettes'));
@ -214,6 +229,30 @@ function previewPicker(ev: MouseEvent) {
emojiPicker.show(getHTMLElement(ev)); emojiPicker.show(getHTMLElement(ev));
} }
async function reloadAsk() {
const { canceled } = await os.confirm({
type: 'info',
text: i18n.ts.reloadToApplySetting,
});
if (canceled) return;
unisonReload();
}
function chooseNewLike(ev: MouseEvent) {
os.pickEmoji(getHTMLElement(ev), {
showPinned: false,
}).then(async emoji => {
like.value = emoji as string;
await reloadAsk();
});
}
async function resetLike() {
like.value = null;
await reloadAsk();
}
definePage(() => ({ definePage(() => ({
title: i18n.ts.emojiPalette, title: i18n.ts.emojiPalette,
icon: 'ti ti-mood-happy', icon: 'ti ti-mood-happy',