afonso/core-extra
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

web app, added logic to hide info panel on remove events for edges/nodes

Browse source
This commit is contained in:
Blake J. Harnden 2018-05-15 10:22:26 -07:00
parent c4d8dcbdf5
commit 788712d12c
2 changed files with 28 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
webapp/static/corenetwork.js
View file

@ -316,6 +316,8 @@ class CoreNetwork {
this.nodeId = 0; this.nodeId = 0;
} }
this.network.fit();
return { return {
id: sessionId, id: sessionId,
state: session.state state: session.state

26
webapp/static/coreui.js
View file

@ -379,6 +379,30 @@ class InfoPanel {
this.$infoCard = $('#info-card'); this.$infoCard = $('#info-card');
this.$infoCardTable = $('#info-card-table'); this.$infoCardTable = $('#info-card-table');
this.$infoCardHeader = $('#info-card-header'); this.$infoCardHeader = $('#info-card-header');
this.coreNetwork.nodes.on('remove', this.onNodeDelete.bind(this));
this.coreNetwork.edges.on('remove', this.onEdgeDelete.bind(this));
}
onNodeDelete(_, properties) {
if (properties.items.length !== 1) {
return;
}
const nodeId = properties.items[0];
if (nodeId === this.$infoCard.data('node')) {
this.hide();
}
}
onEdgeDelete(_, properties) {
if (properties.items.length !== 1) {
return;
}
const edgeId = properties.items[0];
if (edgeId === this.$infoCard.data('edge')) {
this.hide();
}
} }
addInfoTable(name, value) { addInfoTable(name, value) {
@ -410,6 +434,7 @@ class InfoPanel {
showNode(nodeId) { showNode(nodeId) {
const node = coreNetwork.getCoreNode(nodeId); const node = coreNetwork.getCoreNode(nodeId);
this.$infoCard.data('node', nodeId);
this.$infoCardHeader.text(node.name); this.$infoCardHeader.text(node.name);
this.$infoCardTable.find('tbody tr').remove(); this.$infoCardTable.find('tbody tr').remove();
this.addInfoTable('Model', node.model); this.addInfoTable('Model', node.model);
@ -429,6 +454,7 @@ class InfoPanel {
const nodeOne = coreNetwork.getCoreNode(link.nodeOne); const nodeOne = coreNetwork.getCoreNode(link.nodeOne);
const nodeTwo = coreNetwork.getCoreNode(link.nodeTwo); const nodeTwo = coreNetwork.getCoreNode(link.nodeTwo);
console.log('clicked edge: ', link); console.log('clicked edge: ', link);
this.$infoCard.data('edge', edgeId);
this.$infoCard.addClass('visible'); this.$infoCard.addClass('visible');
this.$infoCardHeader.text('Edge'); this.$infoCardHeader.text('Edge');
this.$infoCardTable.find('tbody tr').remove(); this.$infoCardTable.find('tbody tr').remove();