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-24 17:52:14 +09:00
parent 423bfc8798
commit ca967e83bd
1 changed files with 33 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -4,38 +4,40 @@ SPDX-License-Identifier: AGPL-3.0-only
--> -->
<template> <template>
<MkFolder> <MkFolder>
<template #label>{{ entity.name || entity.url }}</template> <template #label>{{ entity.name || entity.url }}</template>
<template #icon> <template #icon>
<i v-if="!entity.isActive" class="ti ti-player-pause"/> <i v-if="!entity.isActive" class="ti ti-player-pause"/>
<i v-else-if="entity.latestStatus === null" class="ti ti-circle"/> <i v-else-if="entity.latestStatus === null" class="ti ti-circle"/>
<i <i
v-else-if="[200, 201, 204].includes(entity.latestStatus)" v-else-if="[200, 201, 204].includes(entity.latestStatus)"
class="ti ti-check" class="ti ti-check"
:style="{ color: 'var(--success)' }" :style="{ color: 'var(--success)' }"
/> />
<i v-else class="ti ti-alert-triangle" :style="{ color: 'var(--error)' }"/> <i v-else class="ti ti-alert-triangle" :style="{ color: 'var(--error)' }"/>
</template> </template>
<template #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"/>
<span v-else>-</span> <span v-else>-</span>
</template> </template>
<template #footer>
<div class="_gaps"> <div class="_buttons">
<MkKeyValue> <MkButton @click="onEditClick">
<template #key>latestStatus</template> <i class="ti ti-settings"></i> {{ i18n.ts.edit }}
<template #value>{{ entity.latestStatus ?? '-' }}</template> </MkButton>
</MkKeyValue> <MkButton danger @click="onDeleteClick">
<div class="_buttons"> <i class="ti ti-trash"></i> {{ i18n.ts.delete }}
<MkButton @click="onEditClick"> </MkButton>
<i class="ti ti-settings"></i> {{ i18n.ts.edit }}
</MkButton>
<MkButton danger @click="onDeleteClick">
<i class="ti ti-trash"></i> {{ i18n.ts.delete }}
</MkButton>
</div>
</div> </div>
</MkFolder> </template>
<div class="_gaps">
<MkKeyValue>
<template #key>latestStatus</template>
<template #value>{{ entity.latestStatus ?? '-' }}</template>
</MkKeyValue>
</div>
</MkFolder>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>