mirrors/dbgate
1
0
Fork 0
mirror of https://github.com/dbgate/dbgate synced 2024-11-07 20:26:23 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

reactive variables - better approach

Browse Source
This commit is contained in:
Jan Prochazka 2021-02-21 08:43:36 +01:00
parent 704a04e9bb
commit a03261bfd4
1 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
packages/web/src/appobj/ConnectionAppObject.svelte
View File

@ -6,15 +6,22 @@
export let commonProps; export let commonProps;
export let data; export let data;
function getStatusIcon(opened, data) { let statusIcon = null;
let statusTitle = null;
$: {
const { _id, status } = data; const { _id, status } = data;
if (opened.includes(_id)) { if ($openedConnections.includes(_id)) {
if (!status) return 'icon loading'; if (!status) statusIcon = 'icon loading';
if (status.name == 'pending') return 'icon loading'; else if (status.name == 'pending') statusIcon = 'icon loading';
if (status.name == 'ok') return 'img ok'; else if (status.name == 'ok') statusIcon = 'img ok';
return 'img error'; else statusIcon = 'img error';
if (status && status.name == 'error') {
statusTitle = status.message;
}
} }
} }
</script> </script>
<AppObjectCore <AppObjectCore
@ -22,7 +29,7 @@
title={data.displayName || data.server} title={data.displayName || data.server}
icon="img server" icon="img server"
isBold={_.get($currentDatabase, 'connection._id') == data._id} isBold={_.get($currentDatabase, 'connection._id') == data._id}
statusIcon={getStatusIcon($openedConnections, data)} statusIcon={statusIcon}
statusTitle={data.status && data.status.name == 'error' ? data.status.message : null} statusTitle={statusTitle}
on:click={() => ($openedConnections = _.uniq([...$openedConnections, data._id]))} on:click={() => ($openedConnections = _.uniq([...$openedConnections, data._id]))}
/> />