ershisan99/coolify
1
0
Fork 0
mirror of https://github.com/ershisan99/coolify.git synced 2026-01-27 05:02:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: ui

Browse Source
This commit is contained in:
Andras Bacsai
2022-11-29 13:00:44 +01:00
parent 028ee6d7b1
commit 876c81fad8
9 changed files with 89 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
apps/ui/src/lib/components/badges/StatusBadge.svelte
View File

@@ -1,25 +1,26 @@
<script lang="ts">
import {getStatus} from '$lib/container/status'
import { getStatus } from '$lib/container/status';
import { onDestroy, onMount } from 'svelte';
export let thing:any;
let getting = getStatus(thing)
let refreshing:any;
let status:any;
// AutoUpdates Status every 5 seconds
onMount( ()=>{
refreshing = setInterval( () =>{
getStatus(thing).then( (r) => status = r )
}, 5000)
})
onDestroy( () =>{
clearInterval(refreshing);
})
export let thing: any;
let getting = getStatus(thing);
let refreshing: any;
let status: any;
// AutoUpdates Status every 5 seconds
onMount(() => {
refreshing = setInterval(() => {
getStatus(thing).then((r) => (status = r));
}, 5000);
});
onDestroy(() => {
clearInterval(refreshing);
});
</script>
{#await getting}
<span class="badge badge-lg rounded uppercase">...</span>
<span class="badge badge-lg rounded uppercase">...</span>
{:then status}
<span class="badge badge-lg rounded uppercase badge-status-{status}">
{status}
</span>
<span class="badge badge-lg rounded uppercase badge-status-{status}">
{status}
</span>
{/await}