MrSphay/Modrinth-plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: backups page cleanup before worlds (#5844)

Browse Source 
* feat: card alignment + fix modals

* feat: change admon title in restore alert modal

* fix: lint

* feat: backups queue api into api-client

* feat: impl backup queue api endpoints into frontend

* feat: ack fix

* feat: bulk actions

* feat: bulk delete impl

* fix: lint

* fix: align error states

* fix: transition group

* feat: ready for qa

* fix: lint

* feat: qa

* feat: stacked admonitions component

* fix: issues with stacking

* feat: hook up admonition stacking + fix app csp for staging kyros nodes

* fix: logs.vue

* qa: close stack on admonitions click

* fix: all problems with stacked admonitions

* qa: admonition cleanup and copy overhaul draft

* fix: qa issues padding

* fix: padding bug

* feat: qa

* fix: intercom in app csp bug

* fix: positioning intercom

* feat: loading overlay on top of console + admon consistency changes

* feat: scroll indicator fade in backup delete modal + admon timestamp fix

* feat: move action bar behind modal

* fix: lint + i18n

* fix: server ping spam on filter (cache but clear on unmount)

* fix: 1 admon fade in flicker issue

* chore: temp staging undo

* qa: changes

* fix: lint

* chore: revert staging to use staging

* fix: scoping
This commit is contained in:
Calum H.
2026-04-27 20:03:48 +01:00
committed by GitHub
parent 85ae1f2074
commit 620894aecb
79 changed files with 4640 additions and 1656 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
packages/ui/src/stories/base/Admonition.stories.ts
View File

@@ -1,8 +1,8 @@
import type { Meta, StoryObj } from '@storybook/vue3-vite'
import { ref } from 'vue'
import Admonition from '../../components/base/Admonition.vue'
import ButtonStyled from '../../components/base/ButtonStyled.vue'
import ProgressBar from '../../components/base/ProgressBar.vue'
const meta = {
title: 'Base/Admonition',
@@ -57,37 +57,56 @@ export const Dismissible: Story = {
},
}
export const HeaderWithTimestamp: Story = {
render: () => ({
components: { Admonition },
setup() {
const t = ref(Date.now() - 3600_000)
return { t }
},
template: /*html*/ `
<Admonition
type="info"
header="Creating backup"
:timestamp="t"
>
Saving world data for my-world.
</Admonition>
`,
}),
}
export const WithTopRightActions: Story = {
render: () => ({
components: { Admonition, ButtonStyled },
template: /*html*/ `
<div style="display: flex; flex-direction: column; gap: 1rem;">
<Admonition type="info" header="Uploading files (2/5)">
<Admonition
type="info"
header="Uploading files (2/5)"
:dismissible="false"
>
Uploading server files...
<template #top-right-actions>
<ButtonStyled type="outlined" color="blue">
<button class="!border">Cancel</button>
<button class="!border" type="button">Cancel</button>
</ButtonStyled>
</template>
</Admonition>
<Admonition type="critical" header="Extraction failed">
<Admonition
type="critical"
header="Extraction failed"
:dismissible="true"
>
Something went wrong while extracting the archive.
<template #top-right-actions>
<ButtonStyled color="red">
<button>Retry</button>
</ButtonStyled>
<ButtonStyled circular type="transparent" hover-color-fill="background" color="red">
<button>✕</button>
<button type="button">Retry</button>
</ButtonStyled>
</template>
</Admonition>
<Admonition type="success" header="Extraction complete">
<Admonition type="success" header="Extraction complete" :dismissible="true">
All files have been extracted successfully.
<template #top-right-actions>
<ButtonStyled circular type="transparent" hover-color-fill="background" color="green">
<button>✕</button>
</ButtonStyled>
</template>
</Admonition>
</div>
`,
@@ -96,41 +115,55 @@ export const WithTopRightActions: Story = {
export const WithProgressBar: Story = {
render: () => ({
components: { Admonition, ButtonStyled, ProgressBar },
components: { Admonition, ButtonStyled },
template: /*html*/ `
<div style="display: flex; flex-direction: column; gap: 1rem;">
<Admonition type="info" header="Uploading files (2/5)">
<Admonition
type="info"
header="Uploading files (2/5)"
:dismissible="false"
:progress="0.45"
progress-color="blue"
>
128 KB / 1.2 MB (45%)
<template #top-right-actions>
<ButtonStyled type="outlined" color="blue">
<button class="!border">Cancel</button>
<button class="!border" type="button">Cancel</button>
</ButtonStyled>
</template>
<template #progress>
<ProgressBar :progress="0.45" :max="1" color="blue" full-width />
</template>
</Admonition>
<Admonition type="info" header="Extracting modpack.zip">
<Admonition
type="info"
header="Extracting modpack.zip"
:dismissible="false"
:progress="0.7"
progress-color="blue"
>
24 MB extracted — config/settings.yml
<template #top-right-actions>
<ButtonStyled type="outlined" color="blue">
<button class="!border">Cancel</button>
<button class="!border" type="button">Cancel</button>
</ButtonStyled>
</template>
<template #progress>
<ProgressBar :progress="0.7" :max="1" color="blue" full-width />
</template>
</Admonition>
<Admonition type="success" header="Extraction complete — Done">
<Admonition
type="success"
header="Extraction complete — Done"
:dismissible="true"
:progress="1"
progress-color="green"
>
56 MB extracted
<template #top-right-actions>
<ButtonStyled circular type="transparent" hover-color-fill="background" color="green">
<button>✕</button>
</ButtonStyled>
</template>
<template #progress>
<ProgressBar :progress="1" :max="1" color="green" full-width />
</template>
</Admonition>
<Admonition
type="info"
header="Waiting for upload"
:dismissible="false"
:progress="0"
progress-color="blue"
waiting
>
Queued and waiting for available bandwidth.
</Admonition>
</div>
`,