perspective refactor

packages/web/src/perspectives/PerspectiveFilters.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { ChangePerspectiveConfigFunc, PerspectiveConfig } from 'dbgate-datalib';
+  import { ChangePerspectiveConfigFunc, PerspectiveConfig, PerspectiveTreeNode } from 'dbgate-datalib';
 
   import _ from 'lodash';
 
@@ -10,6 +10,7 @@
   export let managerSize;
   export let config: PerspectiveConfig;
   export let setConfig: ChangePerspectiveConfigFunc;
+  export let root: PerspectiveTreeNode;
 
   export let conid;
   export let database;

packages/web/src/perspectives/PerspectiveHeaderControl.svelte

@@ -49,8 +49,7 @@
   <th
     colspan={column.getColSpan(columnLevel)}
     class="tableHeader"
-    {..._.mapKeys(column.getParentDataAttributes(columnLevel), (v, k) => `data-${k}`)}
-    >{column.getParentName(columnLevel)}</th
+    data-tableNodeUniqueName={column.getParentTableUniqueName(columnLevel)}>{column.getParentName(columnLevel)}</th
   >
 {/if}
 

packages/web/src/perspectives/PerspectiveTable.svelte

@@ -188,11 +188,11 @@
         td.classList.remove('highlight');
       });
 
-      const pureName = td.getAttribute('data-pureName');
-      const schemaName = td.getAttribute('data-schemaName');
-      const dataConid = td.getAttribute('data-conid');
-      const dataDatabase = td.getAttribute('data-database');
-      if (pureName) {
+      const tableNodeUniqueName = td.getAttribute('data-tableNodeUniqueName');
+      const tableNode = root?.findNodeByUniqueName(tableNodeUniqueName);
+
+      if (tableNode?.headerTableAttributes) {
+        const { pureName, schemaName, conid, database } = tableNode?.headerTableAttributes;
         res.push({
           text: `Open table ${pureName}`,
           onClick: () => {
@@ -203,8 +203,8 @@
               props: {
                 schemaName,
                 pureName,
-                conid: dataConid || conid,
-                database: dataDatabase || database,
+                conid: conid,
+                database: database,
                 objectTypeField: 'tables',
               },
             });

packages/web/src/perspectives/PerspectiveView.svelte

@@ -131,7 +131,7 @@
       </WidgetColumnBarItem>
 
       <WidgetColumnBarItem title="Filters" name="tableFilters">
-        <PerspectiveFilters {managerSize} {config} {setConfig} {conid} {database} {driver} />
+        <PerspectiveFilters {managerSize} {config} {setConfig} {conid} {database} {driver} {root} />
       </WidgetColumnBarItem>
     </WidgetColumnBar>
   </div>