cavalion-vcl 1.1.47 → 1.1.48

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+### 2022/01/22 - 1.1.48
+
+* Removed obsolete files (./vcl-comps/*)
+* Adding extra onLoad-event to cavalion-blocks
+* Working on prototypes/ui/forms/Home.tree
+
 ### 2022/01/18 -  1.1.47
 
 `#CVLN-20220118-1`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cavalion-vcl",
-  "version": "1.1.47",
+  "version": "1.1.48",
   "description": "Visual Component Library for vcl-comps",
   "main": "index.js",
   "scripts": {

package/src/prototypes/cavalion-blocks.js

@@ -4,8 +4,12 @@
 	align: "client",
 	onNodeCreated() {
 		var uri = this.vars("uri") || js.sf("%s<%s>", this.getSpecializer(), this.vars("specializer") || this._name);
+		var onLoad = this.vars("onLoad");
 		require("B").instantiate(uri, { owner: this }).then(_ => {
 				_.setParent(this); // TODO why can't this be in property decl?
+				if(onLoad) {
+					onLoad.apply(this, [_]);
+				}
 			});
 	}
 }];

package/src/prototypes/ui/forms/Home.tree.js

@@ -17,6 +17,7 @@ var Handlers = {
     			form_scope = form.getScope();
     			if(name === "formload" && !form_scope.left) {
 	    			root_scope.description.revertPropertyValue("content");
+	    			// root_scope.description.setContent(form.vars(["description"]) || (form.qs("#description") || {})._content);
 // console.log(js.sf("%n / description set to: %s", root_scope.description, root_scope.description._content));
     			}
     			if(form_scope.left && form_scope.left._uri.endsWith("prototypes/ui/forms/View")) {
@@ -104,6 +105,7 @@ var Handlers = {
     			form_scope = form.getScope();
     			if(name === "formload" && !form_scope.left) {
 	    			root_scope.description.revertPropertyValue("content");
+	    			// /*!!!*/root_scope.description.setContent("--reverted1--");
     			}
     			if(form_scope.left && form_scope.left._uri.endsWith("prototypes/ui/forms/View")) {
     	    		if(name === "formload") {
@@ -195,6 +197,7 @@ var Handlers = {
 		}
 
 		scope.description.revertPropertyValue("content");
+		// /*!!!*/scope.description.setContent("--reverted2--");
 // console.log(js.sf("%n / description set to: %s", scope.description, scope.description._content));
 
 		// Is there a node selected?

package/src/ui/Form.js

@@ -27,7 +27,7 @@ define(function(require) {
 			_onReflectHash: null,
 			
 			onshow: function() {
-				/** s ../Control.prototype.onshow */
+				/** @overrides ../Control.prototype.onshow */
 				if(this.fire("onShow", arguments) !== false) {
 				    var me = this;
 				    (function() {
@@ -43,12 +43,12 @@ define(function(require) {
 				}
 			},
 			onhide: function() {
-				/** s ../Control.prototype.onhide */
+				/** @overrides ../Control.prototype.onhide */
 				if(this.fire("onHide", arguments) !== false) {
 				}
 			},
 			visibleChanged: function() {
-				/** s ../Control.prototype.visibleChanged */
+				/** @overrides ../Control.prototype.visibleChanged */
 				var r = this.inherited(arguments);
 
 				if(this.isVisible()) {

package/vcl-comps/Navigator.js

@@ -1,114 +0,0 @@
-"locale, vcl/ui/Node";
-
-var Node = require("vcl/ui/Node");
-
-var locale = window.locale;
-
-var styles = {
-	
-	"#search-panel": "padding: 4px 6px;",
-	"#search": "padding: 4px; width: 100%; border-radius: 5px; border: 1px solid #f0f0f0;"
-};
-var handlers = {
-	"loaded": function() {
-		var scope = this.scope();
-		
-		scope.tree.refresh();
-		
-		// var arr = scope.nodes._array;
-		// scope.nodes.setArray(null);
-		// scope.nodes.setArray(arr);
-	}
-}
-
-var letters = "aaaaaabbccdddeeeeeeeeefgghiiijjkklllmmnnnnnnoooooppqrrssttuuuuuvvwxyzzz";
-function randomWord() {
-	var n = Math.random() * 10;
-	if(n > 7) {
-		n += Math.random() * 5;
-	}
-	
-	n = parseInt(n) + 1;
-	
-	var r = "", p;
-	while(n-- >= 0) {
-		p = parseInt(Math.random() * letters.length);
-		r += letters.substring(p, p + 1);
-	}
-	
-	return r.substring(0, 1).toUpperCase() + r.substring(1);
-}
-
-function Node_render() {
-	/**
-	 * @overrides Node.prototype.render
-	 */
-	var record = this._vars.record;
-	// this._nodes.text.innerHTML =
-	this._nodes.icon.innerHTML = String.format("<i class='fa fa-%s'></i>", record.icon);
-	this._nodes.text.textContent = record.text;
-}
-
-var ID = 7;
-
-$("vcl/ui/Form", { css: styles, handlers: handlers }, [
-	
-	$("vcl/ui/Panel#search-panel", { align: "top", autoSize: "height" }, [
-		$("vcl/ui/Input#search")
-	]),
-
-	$("vcl/data/Array#nodes", {
-		array: [
-			{ id: 1, parent: 0, text: locale("Root"), icon: "home" },
-				{ id: 2, parent: 1, text: locale("Sub1") },
-				{ id: 3, parent: 1, text: locale("Sub2") },
-				{ id: 4, parent: 1, text: locale("Sub3 ++ ") },
-					{ id: 6, parent: 4, text: "Sub3.1" },
-				{ id: 5, parent: 1, text: locale("Sub4") }
-		]
-	}),
-
-	$("vcl/ui/Tree#tree", { align: "left", width: 300,
-		onSelectionChange: function() {
-			// this.scope().console.print("selectionchange", arguments);
-		},
-		onNodesNeeded: function(parent) {
-			var scope = this.scope(), owner = this._owner;
-			
-			if(parent === null) {
-				parent = this;
-				scope.nodes.getArray().forEach(function(record) {
-					if(record.parent === 0) {
-						node = new Node(owner);
-						node.render = Node_render;
-						node.setVar("record", record);
-						node.setExpandable(true);
-						node.setParent(parent);
-					}
-				});
-			} else {
-				var parentId = parent.getVar("record.id");
-				parent.setExpandable(false);
-				// parent.addClass("loading");
-				setTimeout(function() {
-					parent.setExpandable(true);
-					parent.removeClass("loading");
-					for(var i = 0; i < 2 + Math.random() * 20; ++i) {
-						var record = {text: randomWord(), id: ID++};
-						
-						node = new Node(owner);
-						node.render = Node_render;
-						node.setVar("record", record);
-						node.setExpandable(true);
-						node.setParent(parent);
-					}
-					
-				}, Math.round(Math.random() * 500));
-			}
-		} }),//, source: "#nodes" }),
-	
-	$("vcl/ui/List", { autoColumns: true, align: "client", source: "nodes" }),
-
-	$("vcl/ui/Console#console", { align: "bottom", height: 200, onEvaluate: function(expr) { var scope = this.scope(); return eval(expr); }})
-	
-]);