Assorted Backups UI fixes
This commit is contained in:
Peter Clement
parent
07be3b0c74
commit
679e22384c
|
|
@ -66,7 +66,7 @@
|
||||||
newValue = newValue.toISOString()
|
newValue = newValue.toISOString()
|
||||||
}
|
}
|
||||||
// If time only set date component to 2000-01-01
|
// If time only set date component to 2000-01-01
|
||||||
else if (timeOnly) {
|
if (timeOnly) {
|
||||||
// Classic flackpickr causing issues.
|
// Classic flackpickr causing issues.
|
||||||
// When selecting a value for the first time for a "time only" field,
|
// 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
|
// the time is always offset by 1 hour for some reason (regardless of time
|
||||||
|
|
|
||||||
|
|
@ -77,7 +77,7 @@
|
||||||
title="Confirm Deletion"
|
title="Confirm Deletion"
|
||||||
>
|
>
|
||||||
Are you sure you wish to delete the backup
|
Are you sure you wish to delete the backup
|
||||||
<i>{row.name}</i>
|
<i>{row.name}? </i>
|
||||||
This action cannot be undone.
|
This action cannot be undone.
|
||||||
</ConfirmDialog>
|
</ConfirmDialog>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -62,24 +62,31 @@
|
||||||
const schema = {
|
const schema = {
|
||||||
type: {
|
type: {
|
||||||
displayName: "Type",
|
displayName: "Type",
|
||||||
|
width: "auto",
|
||||||
},
|
},
|
||||||
createdAt: {
|
createdAt: {
|
||||||
displayName: "Date",
|
displayName: "Date",
|
||||||
|
width: "auto",
|
||||||
},
|
},
|
||||||
name: {
|
name: {
|
||||||
displayName: "Name",
|
displayName: "Name",
|
||||||
|
width: "auto",
|
||||||
},
|
},
|
||||||
appSize: {
|
appSize: {
|
||||||
displayName: "App size",
|
displayName: "App size",
|
||||||
|
width: "auto",
|
||||||
},
|
},
|
||||||
createdBy: {
|
createdBy: {
|
||||||
displayName: "User",
|
displayName: "User",
|
||||||
|
width: "auto",
|
||||||
},
|
},
|
||||||
status: {
|
status: {
|
||||||
displayName: "Status",
|
displayName: "Status",
|
||||||
|
width: "auto",
|
||||||
},
|
},
|
||||||
actions: {
|
actions: {
|
||||||
displayName: null,
|
displayName: null,
|
||||||
|
width: "5%",
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -169,7 +176,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<Body>
|
<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}
|
{#if !$auth.accountPortalAccess && !$licensing.groupsEnabled && $admin.cloud}
|
||||||
Contact your account holder to upgrade your plan.
|
Contact your account holder to upgrade your plan.
|
||||||
{/if}
|
{/if}
|
||||||
|
|
@ -195,12 +202,32 @@
|
||||||
window.open("https://budibase.com/pricing/", "_blank")
|
window.open("https://budibase.com/pricing/", "_blank")
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
View Plans
|
View plans
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
</Layout>
|
</Layout>
|
||||||
</Page>
|
</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">
|
<Layout noPadding gap="M" alignContent="start">
|
||||||
<div class="search">
|
<div class="search">
|
||||||
<div class="select">
|
<div class="select">
|
||||||
|
|
@ -235,6 +262,7 @@
|
||||||
<div>
|
<div>
|
||||||
<Table
|
<Table
|
||||||
{schema}
|
{schema}
|
||||||
|
disableSorting
|
||||||
allowSelectRows={false}
|
allowSelectRows={false}
|
||||||
allowEditColumns={false}
|
allowEditColumns={false}
|
||||||
allowEditRows={false}
|
allowEditRows={false}
|
||||||
|
|
@ -255,26 +283,6 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Layout>
|
</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}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -13,6 +13,7 @@
|
||||||
<ModalContent
|
<ModalContent
|
||||||
onConfirm={() => createManualBackup(name)}
|
onConfirm={() => createManualBackup(name)}
|
||||||
title="Create new backup"
|
title="Create new backup"
|
||||||
|
diabled={!name}
|
||||||
confirmText="Create"
|
confirmText="Create"
|
||||||
><Input label="Backup name" bind:value={name} /></ModalContent
|
><Input label="Backup name" bind:value={name} /></ModalContent
|
||||||
>
|
>
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
|
|
||||||
<ModalContent
|
<ModalContent
|
||||||
onConfirm={() => confirm(name)}
|
onConfirm={() => confirm(name)}
|
||||||
title="Backup your current version"
|
title="Back up your current version"
|
||||||
confirmText="Confirm Restore"
|
confirmText="Confirm Restore"
|
||||||
disabled={!name}
|
disabled={!name}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue