tabs panel

packages/web/src/widgets/SqlObjectList.svelte

@@ -4,6 +4,10 @@
   import WidgetsInnerContainer from './WidgetsInnerContainer.svelte';
   import { useDatabaseInfo, useDatabaseStatus } from '../utility/metadataLoaders';
   import SearchBoxWrapper from './SearchBoxWrapper.svelte';
+  import AppObjectList from '../appobj/AppObjectList.svelte';
+  import _ from 'lodash';
+  import DatabaseObjectAppObject from '../appobj/DatabaseObjectAppObject.svelte';
+  import { currentDatabase } from '../stores';
 
   export let conid;
   export let database;
@@ -11,11 +15,20 @@
   $: objects = useDatabaseInfo({ conid, database });
   $: status = useDatabaseStatus({ conid, database });
 
-  $: console.log('objects', $objects);
+  $: objectList = _.flatten(
+    ['tables', 'views', 'procedures', 'functions'].map(objectTypeField =>
+      _.sortBy(
+        (($objects || {})[objectTypeField] || []).map(obj => ({ ...obj, objectTypeField })),
+        ['schemaName', 'pureName']
+      )
+    )
+  );
 </script>
 
 <SearchBoxWrapper>
   <SearchInput placeholder="Search connection" />
   <InlineButton>Refresh</InlineButton>
 </SearchBoxWrapper>
-<WidgetsInnerContainer>CONNECTIONS</WidgetsInnerContainer>
+<WidgetsInnerContainer>
+  <AppObjectList list={objectList.map(x => ({ ...x, conid, database }))} component={DatabaseObjectAppObject} />
+</WidgetsInnerContainer>