mirror of
https://github.com/ershisan99/coolify.git
synced 2026-01-07 05:02:08 +00:00
109 lines
2.9 KiB
Svelte
109 lines
2.9 KiB
Svelte
<script lang="ts">
|
|
export let isNew = false;
|
|
export let storage: any = {
|
|
id: null,
|
|
path: null
|
|
};
|
|
import { del, post } from '$lib/api';
|
|
import { page } from '$app/stores';
|
|
import { createEventDispatcher } from 'svelte';
|
|
|
|
import { t } from '$lib/translations';
|
|
import { errorNotification } from '$lib/common';
|
|
import { addToast } from '$lib/store';
|
|
const { id } = $page.params;
|
|
|
|
const dispatch = createEventDispatcher();
|
|
async function saveStorage(newStorage = false) {
|
|
try {
|
|
if (!storage.path) return errorNotification($t('application.storage.path_is_required'));
|
|
storage.path = storage.path.startsWith('/') ? storage.path : `/${storage.path}`;
|
|
storage.path = storage.path.endsWith('/') ? storage.path.slice(0, -1) : storage.path;
|
|
storage.path.replace(/\/\//g, '/');
|
|
await post(`/applications/${id}/storages`, {
|
|
path: storage.path,
|
|
storageId: storage.id,
|
|
newStorage
|
|
});
|
|
dispatch('refresh');
|
|
if (isNew) {
|
|
storage.path = null;
|
|
storage.id = null;
|
|
}
|
|
if (newStorage) {
|
|
addToast({
|
|
message: $t('application.storage.storage_saved'),
|
|
type: 'success'
|
|
});
|
|
} else {
|
|
addToast({
|
|
message: $t('application.storage.storage_updated'),
|
|
type: 'success'
|
|
});
|
|
}
|
|
} catch (error) {
|
|
return errorNotification(error);
|
|
}
|
|
}
|
|
async function removeStorage() {
|
|
try {
|
|
await del(`/applications/${id}/storages`, { path: storage.path });
|
|
dispatch('refresh');
|
|
addToast({
|
|
message: $t('application.storage.storage_deleted'),
|
|
type: 'success'
|
|
});
|
|
} catch (error) {
|
|
return errorNotification(error);
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<div class="w-full lg:px-0 px-4">
|
|
<div class="grid grid-col-1 lg:grid-cols-3 lg:space-x-4" class:pt-8={isNew}>
|
|
{#if storage.id}
|
|
<div class="flex flex-col">
|
|
<label for="name" class="pb-2 uppercase font-bold">Volume name</label>
|
|
<input
|
|
disabled
|
|
readonly
|
|
class="w-full lg:w-64"
|
|
value="{storage.id}{storage.path.replace(/\//gi, '-')}"
|
|
/>
|
|
</div>
|
|
{/if}
|
|
<div class="flex flex-col">
|
|
<label for="name" class="pb-2 uppercase font-bold">{isNew ? 'New Path' : 'Path'}</label>
|
|
<input
|
|
class="w-full lg:w-64"
|
|
bind:value={storage.path}
|
|
required
|
|
placeholder="eg: /sqlite.db"
|
|
/>
|
|
</div>
|
|
|
|
<div class="pt-8">
|
|
{#if isNew}
|
|
<div class="flex items-center justify-center w-full lg:w-64">
|
|
<button class="btn btn-sm btn-primary w-full" on:click={() => saveStorage(true)}
|
|
>{$t('forms.add')}</button
|
|
>
|
|
</div>
|
|
{:else}
|
|
<div class="flex flex-row items-center justify-center space-x-2 w-full lg:w-64">
|
|
<div class="flex items-center justify-center">
|
|
<button class="btn btn-sm btn-primary" on:click={() => saveStorage(false)}
|
|
>{$t('forms.set')}</button
|
|
>
|
|
</div>
|
|
<div class="flex justify-center">
|
|
<button class="btn btn-sm btn-error" on:click={removeStorage}
|
|
>{$t('forms.remove')}</button
|
|
>
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</div>
|