Assorted Backups UI fixes

This commit is contained in:
Peter Clement 2022-10-25 16:05:19 +01:00
parent 07be3b0c74
commit 679e22384c
5 changed files with 35 additions and 26 deletions

View File

@ -66,7 +66,7 @@
newValue = newValue.toISOString()
}
// If time only set date component to 2000-01-01
else if (timeOnly) {
if (timeOnly) {
// Classic flackpickr causing issues.
// When selecting a value for the first time for a "time only" field,
// the time is always offset by 1 hour for some reason (regardless of time

View File

@ -77,7 +77,7 @@
title="Confirm Deletion"
>
Are you sure you wish to delete the backup
<i>{row.name}</i>
<i>{row.name}?&nbsp;</i>
This action cannot be undone.
</ConfirmDialog>

View File

@ -62,24 +62,31 @@
const schema = {
type: {
displayName: "Type",
width: "auto",
},
createdAt: {
displayName: "Date",
width: "auto",
},
name: {
displayName: "Name",
width: "auto",
},
appSize: {
displayName: "App size",
width: "auto",
},
createdBy: {
displayName: "User",
width: "auto",
},
status: {
displayName: "Status",
width: "auto",
},
actions: {
displayName: null,
width: "5%",
},
}
@ -169,7 +176,7 @@
</div>
<div>
<Body>
Backup your apps and restore them to their previous state.
Back up your apps and restore them to their previous state.
{#if !$auth.accountPortalAccess && !$licensing.groupsEnabled && $admin.cloud}
Contact your account holder to upgrade your plan.
{/if}
@ -195,12 +202,32 @@
window.open("https://budibase.com/pricing/", "_blank")
}}
>
View Plans
View plans
</Button>
</div>
</Layout>
</Page>
{:else if backupData?.length > 0}
{:else if backupData?.length === 0 && !filterOpt && !startDate}
<Page wide={false}>
<div class="align">
<img
width="200px"
height="120px"
src={BackupsDefault}
alt="BackupsDefault"
/>
<Layout gap="S">
<Heading>You have no backups yet</Heading>
<div class="opacity">
<Body size="S">You can manually backup your app any time</Body>
</div>
<div class="padding">
<Button on:click={modal.show} cta>Create Backup</Button>
</div>
</Layout>
</div>
</Page>
{:else}
<Layout noPadding gap="M" alignContent="start">
<div class="search">
<div class="select">
@ -235,6 +262,7 @@
<div>
<Table
{schema}
disableSorting
allowSelectRows={false}
allowEditColumns={false}
allowEditRows={false}
@ -255,26 +283,6 @@
</div>
</div>
</Layout>
{:else if backupData?.length === 0}
<Page wide={false}>
<div class="align">
<img
width="200px"
height="120px"
src={BackupsDefault}
alt="BackupsDefault"
/>
<Layout gap="S">
<Heading>You have no backups yet</Heading>
<div class="opacity">
<Body size="S">You can manually backup your app any time</Body>
</div>
<div class="padding">
<Button on:click={modal.show} cta>Create Backup</Button>
</div>
</Layout>
</div>
</Page>
{/if}
</div>

View File

@ -13,6 +13,7 @@
<ModalContent
onConfirm={() => createManualBackup(name)}
title="Create new backup"
diabled={!name}
confirmText="Create"
><Input label="Backup name" bind:value={name} /></ModalContent
>

View File

@ -12,7 +12,7 @@
<ModalContent
onConfirm={() => confirm(name)}
title="Backup your current version"
title="Back up your current version"
confirmText="Confirm Restore"
disabled={!name}
>