HoovesSocial/hippofish
2
0
Fork 0
Code Issues 3 Pull requests 1 Projects Releases Packages Wiki Activity Actions

🎨

Browse source
This commit is contained in:
syuilo 2024-09-21 19:41:55 +09:00
parent d3f1b0f090
commit e9085e455f
3 changed files with 39 additions and 83 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/frontend/src/pages/admin/other-settings.vue
View file

@ -46,7 +46,10 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="_gaps_m"> <div class="_gaps_m">
<MkSwitch v-model="enableFanoutTimeline"> <MkSwitch v-model="enableFanoutTimeline">
<template #label>{{ i18n.ts.enable }}</template> <template #label>{{ i18n.ts.enable }}</template>
<template #caption>{{ i18n.ts._serverSettings.fanoutTimelineDescription }}</template> <template #caption>
<div>{{ i18n.ts._serverSettings.fanoutTimelineDescription }}</div>
<div><MkLink target="_blank" url="https://misskey-hub.net/docs/for-admin/features/ftt/">{{ i18n.ts.details }}</MkLink></div>
</template>
</MkSwitch> </MkSwitch>
<MkSwitch v-model="enableFanoutTimelineDbFallback"> <MkSwitch v-model="enableFanoutTimelineDbFallback">
@ -103,6 +106,7 @@ import { definePageMetadata } from '@/scripts/page-metadata.js';
import MkSwitch from '@/components/MkSwitch.vue'; import MkSwitch from '@/components/MkSwitch.vue';
import MkFolder from '@/components/MkFolder.vue'; import MkFolder from '@/components/MkFolder.vue';
import MkInput from '@/components/MkInput.vue'; import MkInput from '@/components/MkInput.vue';
import MkLink from '@/components/MkLink.vue';
const enableServerMachineStats = ref<boolean>(false); const enableServerMachineStats = ref<boolean>(false);
const enableIdenticonGeneration = ref<boolean>(false); const enableIdenticonGeneration = ref<boolean>(false);

107
packages/frontend/src/pages/admin/system-webhook.item.vue
View file

@ -4,33 +4,42 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<div :class="$style.main"> <MkFolder>
<span :class="$style.icon"> <template #label>{{ entity.name || entity.url }}</template>
<i v-if="!entity.isActive" class="ti ti-player-pause"/> <template #icon>
<i v-else-if="entity.latestStatus === null" class="ti ti-circle"/> <i v-if="!entity.isActive" class="ti ti-player-pause"/>
<i <i v-else-if="entity.latestStatus === null" class="ti ti-circle"/>
v-else-if="[200, 201, 204].includes(entity.latestStatus)" <i
class="ti ti-check" v-else-if="[200, 201, 204].includes(entity.latestStatus)"
:style="{ color: 'var(--success)' }" class="ti ti-check"
/> :style="{ color: 'var(--success)' }"
<i v-else class="ti ti-alert-triangle" :style="{ color: 'var(--error)' }"/> />
</span> <i v-else class="ti ti-alert-triangle" :style="{ color: 'var(--error)' }"/>
<span :class="$style.text">{{ entity.name || entity.url }}</span> </template>
<span :class="$style.suffix"> <template #suffix>
<MkTime v-if="entity.latestSentAt" :time="entity.latestSentAt" style="margin-right: 8px"/> <MkTime v-if="entity.latestSentAt" :time="entity.latestSentAt" style="margin-right: 8px"/>
<button :class="$style.suffixButton" @click="onEditClick"> <span v-else>-</span>
<i class="ti ti-settings"></i> </template>
</button>
<button :class="$style.suffixButton" @click="onDeleteClick"> <div>
<i class="ti ti-trash"></i> <div class="_buttons">
</button> <MkButton @click="onEditClick">
</span> <i class="ti ti-settings"></i> {{ i18n.ts.edit }}
</div> </MkButton>
<MkButton danger @click="onDeleteClick">
<i class="ti ti-trash"></i> {{ i18n.ts.delete }}
</MkButton>
</div>
</div>
</MkFolder>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { entities } from 'misskey-js'; import { entities } from 'misskey-js';
import { toRefs } from 'vue'; import { toRefs } from 'vue';
import MkFolder from '@/components/MkFolder.vue';
import { i18n } from '@/i18n.js';
import MkButton from '@/components/MkButton.vue';
const emit = defineEmits<{ const emit = defineEmits<{
(ev: 'edit', value: entities.SystemWebhook): void; (ev: 'edit', value: entities.SystemWebhook): void;
@ -54,64 +63,10 @@ function onDeleteClick() {
</script> </script>
<style module lang="scss"> <style module lang="scss">
.main {
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
padding: 10px 14px;
background: var(--buttonBg);
border: none;
border-radius: 6px;
font-size: 0.9em;
&:hover {
text-decoration: none;
background: var(--buttonHoverBg);
}
&.active {
color: var(--accent);
background: var(--buttonHoverBg);
}
}
.icon { .icon {
margin-right: 0.75em; margin-right: 0.75em;
flex-shrink: 0; flex-shrink: 0;
text-align: center; text-align: center;
color: var(--fgTransparentWeak); color: var(--fgTransparentWeak);
} }
.text {
flex-shrink: 1;
white-space: normal;
padding-right: 12px;
text-align: center;
}
.suffix {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gaps: 4px;
margin-left: auto;
margin-right: -8px;
opacity: 0.7;
white-space: nowrap;
}
.suffixButton {
background: transparent;
border: none;
border-radius: 9999px;
margin-top: -8px;
margin-bottom: -8px;
padding: 8px;
&:hover {
background: var(--buttonBg);
}
}
</style> </style>

9
packages/frontend/src/pages/admin/system-webhook.vue
View file

@ -11,8 +11,8 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkSpacer :contentMax="900"> <MkSpacer :contentMax="900">
<div class="_gaps_m"> <div class="_gaps_m">
<MkButton :class="$style.linkButton" full @click="onCreateWebhookClicked"> <MkButton primary @click="onCreateWebhookClicked">
{{ i18n.ts._webhookSettings.createWebhook }} <i class="ti ti-plus"></i> {{ i18n.ts._webhookSettings.createWebhook }}
</MkButton> </MkButton>
<FormSection> <FormSection>
@ -89,8 +89,5 @@ definePageMetadata(() => ({
</script> </script>
<style module lang="scss"> <style module lang="scss">
.linkButton {
text-align: left;
padding: 10px 18px;
}
</style> </style>