web app can create and join sessions, updated node info panel and edge info panel

webapp/static/core.css

@@ -4,6 +4,7 @@
 
 #info-card-table td {
     font-size: 12px;
+    padding: .5rem;
 }
 
 #node-select {
@@ -11,6 +12,10 @@
     height: 40px;
 }
 
+#sessions-modal td {
+    cursor: pointer;
+}
+
 .navbar-text {
     color: #fff !important;
     font-weight: bold;

webapp/static/corenetwork.js

@@ -163,12 +163,24 @@ class CoreNetwork {
     async initialSession() {
         const session = await this.coreRest.retrieveSession();
         console.log('retrieved session: ', session);
-        const response = await coreRest.getSession();
-        console.log('session info: ', response);
-        this.joinedSessionNodes(response.nodes);
+        await this.joinSession(session.id);
         return session;
     }
 
+    async newSession() {
+        const session = await this.coreRest.createSession();
+        this.coreRest.currentSession = session.id;
+        this.reset();
+        return session;
+    }
+
+    reset() {
+        this.nodeId = 0;
+        this.nodes.clear();
+        this.edges.clear();
+        this.links = {};
+    }
+
     enableNodeCreation(enabled) {
         console.log('node created enabled: ', enabled);
         this.nodesEnabled = enabled;
@@ -194,7 +206,13 @@ class CoreNetwork {
         return this.nodeId;
     }
 
-    joinedSessionNodes(nodes) {
+    async joinSession(sessionId) {
+        this.reset();
+        this.coreRest.currentSession = sessionId;
+        const session = await coreRest.getSession();
+        console.log('session info: ', session);
+        const nodes = session.nodes;
+
         const self = this;
         const nodeIds = [0];
 
@@ -229,6 +247,11 @@ class CoreNetwork {
         } else {
             this.nodeId = 0;
         }
+
+        return {
+            id: sessionId,
+            state: session.state
+        };
     }
 
     createEdgeFromLink(linkData) {

webapp/static/corerest.js

@@ -92,15 +92,14 @@ class CoreRest {
         const session = {id: 0, state: 0};
 
         if (sessions.length) {
-            this.currentSession = sessions[0].id;
+            session.id = sessions[0].id;
             session.state = sessions[0].state;
         } else {
             response = await this.createSession();
-            this.currentSession = response.id;
+            session.id = response.id;
             session.state = response.state;
         }
 
-        session.id = this.currentSession;
         return session;
     }
 }