export and import

helpers/passives/client/css/main.css

@@ -1 +1 @@
-.q0{color:#f2f5f5}.q1{color:#3fa7dd}.q2{color:#ffeb38}.q3{color:#a24eff}.q4{color:#ff6942}.color-red{color:#d43346}.color-green{color:#80f643}html,body{width:100vw;height:100vh}body{background-color:#2d2136;padding:0;margin:0;overflow:hidden}.canvas,.ui-container{position:absolute}.ui-container{width:100%;height:100%;pointer-events:none}.ui-container>*{pointer-events:auto}*{box-sizing:border-box;font-family:bitty;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background-color:#3c3f4c;-webkit-border-radius:0;border-radius:0}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:0;background:#929398}
+.q0{color:#f2f5f5}.q1{color:#3fa7dd}.q2{color:#ffeb38}.q3{color:#a24eff}.q4{color:#ff6942}.color-red{color:#d43346}.color-green{color:#80f643}html,body{width:100vw;height:100vh}body{background-color:#2d2136;padding:0;margin:0;overflow:hidden}.canvas,.ui-container{position:absolute}.ui-container{width:100%;height:100%;pointer-events:none}.ui-container>*{pointer-events:auto}*{box-sizing:border-box;font-family:bitty;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-family:"courier"}.disabled{opacity:.4 !important;pointer-events:none !important}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background-color:#3c3f4c;-webkit-border-radius:0;border-radius:0}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:0;background:#929398}

helpers/passives/client/css/main.less

@@ -35,6 +35,12 @@ body {
 	-moz-user-select: none;
 	-ms-user-select: none;
 	user-select: none;
+	font-family: "courier";
+}
+
+.disabled {
+	opacity: 0.4 !important;
+	pointer-events: none !important;
 }
 
 ::-webkit-scrollbar {

helpers/passives/client/js/constants.js

@@ -4,6 +4,8 @@ define([
 
 ) {
 	return {
+		standAlone: false,
+
 		lineWidth: 5,
 		blockSize: 20,
 		defaultDistance: 50,

helpers/passives/client/js/main.js

@@ -4,18 +4,23 @@ define([
 	'js/renderer',
 	'js/input',
 	'ui/factory',
-	'js/client'
+	'js/client',
+	'js/constants'
 ], function (
 	events,
 	generator,
 	renderer,
 	input,
 	uiFactory,
-	client
+	client,
+	constants
 ) {
 	return {
 		init: function () {
-			client.init(this.events.onConnected.bind(this));
+			if (constants.standAlone)
+				this.events.onConnected.call(this);
+			else
+				client.init(this.events.onConnected.bind(this));
 		},
 
 		render: function () {

helpers/passives/client/ui/factory.js

@@ -65,7 +65,7 @@ define([
 						if (!u.modal)
 							return;
 
-						u.hide();
+						u.destroy();
 					});
 					$('.uiOverlay').hide();
 				}

helpers/passives/client/ui/templates/groups/groups.js

@@ -52,8 +52,11 @@ define([
 
 			remove: function (group) {
 				generator.nodes.forEach(function (g) {
-					if ((g.group) && (g.group.indexOf(group) > -1))
+					if ((g.group) && (g.group.indexOf(group) > -1)) {
 						g.group.spliceWhere(g => (g == group));
+						if (g.group.length == 0)
+							delete g.group;
+					}
 				});
 
 				this.find('.item[group="' + group + '"]').remove();

helpers/passives/client/ui/templates/menu/menu.js

@@ -3,13 +3,15 @@ define([
 	'css!./styles',
 	'ui/factory',
 	'js/generator',
-	'js/renderer'
+	'js/renderer',
+	'js/constants'
 ], function (
 	template,
 	styles,
 	uiFactory,
 	generator,
-	renderer
+	renderer,
+	constants
 ) {
 	return {
 		tpl: template,
@@ -17,9 +19,15 @@ define([
 		loaded: null,
 
 		postRender: function () {
+			if (constants.standAlone) {
+				this.find('.content > *:not(.btnNew)').addClass('disabled');
+			}
+
 			this.on('.btnNew', 'click', this.actions.onNew.bind(this));
 			this.on('.btnLoad', 'click', this.actions.onLoad.bind(this));
 			this.on('.btnSave', 'click', this.actions.onSave.bind(this));
+			this.on('.btnExport', 'click', this.actions.onExport.bind(this));
+			this.on('.btnImport', 'click', this.actions.onImport.bind(this));
 		},
 
 		actions: {
@@ -35,6 +43,14 @@ define([
 
 			onSave: function () {
 				uiFactory.build('save');
+			},
+
+			onExport: function () {
+				uiFactory.build('export');
+			},
+
+			onImport: function () {
+				uiFactory.build('import');
 			}
 		}
 	}

helpers/passives/client/ui/templates/menu/template.html

@@ -5,6 +5,8 @@
 	<div class="content">
 		<div class="btn btnLoad">Load</div>
 		<div class="btn btnSave">Save</div>
+		<div class="btn btnExport">Export</div>
+		<div class="btn btnImport">Import</div>
 		<div class="btn btnNew">New</div>
 	</div>
 </div>

helpers/passives/todo

@@ -1,2 +1,2 @@
 * Rename Group
-* Stat tooltips
+* Stat Tooltips