extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-01-20 12:58:59 +01:00
Code Issues Packages Projects Releases Wiki Activity

iterating on visual overview differencing (#803)

Browse Source
This commit is contained in:
Michael Quigley 2024-12-06 15:00:34 -05:00
parent 348e86e71b
commit d020851515
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
ui100/src/ApiConsole.tsx
View File

@ -1,6 +1,6 @@
import {useEffect, useState} from "react"; import {useEffect, useState} from "react";
import {Configuration, MetadataApi} from "./api"; import {Configuration, MetadataApi} from "./api";
import buildVisualizerGraph, {VisualOverview} from "./model/visualizer.ts"; import {buildVisualOverview, VisualOverview, visualOverviewsEqual} from "./model/visualizer.ts";
import {Box} from "@mui/material"; import {Box} from "@mui/material";
import NavBar from "./NavBar.tsx"; import NavBar from "./NavBar.tsx";
import {User} from "./model/user.ts"; import {User} from "./model/user.ts";
@ -36,7 +36,10 @@ const ApiConsole = ({ user, logout }: ApiConsoleProps) => {
let api = new MetadataApi(cfg); let api = new MetadataApi(cfg);
api.overview() api.overview()
.then(d => { .then(d => {
setOverview(buildVisualizerGraph(d)); let vo = buildVisualOverview(d);
if(!visualOverviewsEqual(vo, overview)) {
setOverview(vo);
}
}) })
.catch(e => { .catch(e => {
console.log(e); console.log(e);

6
ui100/src/model/visualizer.ts
View File

@ -6,7 +6,7 @@ export class VisualOverview {
edges: Edge[]; edges: Edge[];
} }
const buildVisualizerGraph = (overview: Overview): VisualOverview => { export const buildVisualOverview = (overview: Overview): VisualOverview => {
let out = new VisualOverview(); let out = new VisualOverview();
out.nodes = [ out.nodes = [
{ id: "0", position: { x: 0, y: 0 }, data: { label: "michael@quigley.com" }, type: "account" } { id: "0", position: { x: 0, y: 0 }, data: { label: "michael@quigley.com" }, type: "account" }
@ -90,4 +90,6 @@ const buildVisualizerGraph = (overview: Overview): VisualOverview => {
return out; return out;
} }
export default buildVisualizerGraph; export const visualOverviewsEqual = (a: VisualOverview, b: VisualOverview): boolean => {
return false;
}