better url-ing in the ui (#68); demo improvements

ui/src/Network.js

@@ -82,7 +82,7 @@ function buildGraph(overview) {
                 if(item.active) {
                     out.nodes.push({
                         id: '' + id,
-                        data: {label: <div><Icon path={mdiAccessPointNetwork} size={0.75} className={"flowNode"}/> { item.endpoint }</div>},
+                        data: {label: <div><Icon path={mdiAccessPointNetwork} size={0.75} className={"flowNode"}/> { item.frontend }</div>},
                         position: {x: (id * 25), y: 0},
                         style: { width: 'fit-content', backgroundColor: '#9367ef', color: 'white' },
                         type: 'output',

ui/src/Services.js

@@ -8,20 +8,15 @@ const Services = (props) => {
 
 	const columns = [
 		{
-			name: 'Endpoint',
-			selector: row => row.endpoint,
+			name: 'Frontend',
+			selector: row => row.frontend,
 			sortable: true,
 		},
 		{
-			name: 'Service',
-			selector: row => row.zitiServiceId,
+			name: 'Backend',
+			selector: row => row.backend,
 			sortable: true,
 		},
-		{
-			name: 'Updated',
-			selector: row => row.updatedAt,
-			sortable: true
-		}
 	]
 
 	const conditionalRowStyles = [

ui/src/api/types.js

@@ -97,7 +97,9 @@
  * @memberof module:types
  * 
  * @property {string} zitiServiceId 
- * @property {string} endpoint 
+ * @property {string} zrokServiceId 
+ * @property {string} frontend 
+ * @property {string} backend 
  * @property {boolean} active 
  * @property {string} createdAt 
  * @property {string} updatedAt