cleanly separate sources from package build, move to own folder

[proxmox-widget-toolkit.git] / src / mixin / CBind.js

diff --git a/src/mixin/CBind.js b/src/mixin/CBind.js
new file mode 100644 (file)
index 0000000..afef53a
--- /dev/null
+++ b/src/mixin/CBind.js
@@ -0,0 +1,161 @@
+Ext.define('Proxmox.Mixin.CBind', {
+    extend: 'Ext.Mixin',
+
+    mixinConfig: {
+        before: {
+            initComponent: 'cloneTemplates',
+        },
+    },
+
+    cloneTemplates: function() {
+       let me = this;
+
+       if (typeof me.cbindData === "function") {
+           me.cbindData = me.cbindData(me.initialConfig);
+       }
+       me.cbindData = me.cbindData || {};
+
+       let getConfigValue = function(cname) {
+           if (cname in me.initialConfig) {
+               return me.initialConfig[cname];
+           }
+           if (cname in me.cbindData) {
+               let res = me.cbindData[cname];
+               if (typeof res === "function") {
+                   return res(me.initialConfig);
+               } else {
+                   return res;
+               }
+           }
+           if (cname in me) {
+               return me[cname];
+           }
+           throw "unable to get cbind data for '" + cname + "'";
+       };
+
+       let applyCBind = function(obj) {
+           let cbind = obj.cbind, cdata;
+           if (!cbind) return;
+
+           for (const prop in cbind) { // eslint-disable-line guard-for-in
+               let match, found;
+               cdata = cbind[prop];
+
+               found = false;
+               if (typeof cdata === 'function') {
+                   obj[prop] = cdata(getConfigValue, prop);
+                   found = true;
+               } else if ((match = /^\{(!)?([a-z_][a-z0-9_]*)\}$/i.exec(cdata))) {
+                   let cvalue = getConfigValue(match[2]);
+                   if (match[1]) cvalue = !cvalue;
+                   obj[prop] = cvalue;
+                   found = true;
+               } else if ((match = /^\{(!)?([a-z_][a-z0-9_]*(\.[a-z_][a-z0-9_]*)+)\}$/i.exec(cdata))) {
+                   let keys = match[2].split('.');
+                   let cvalue = getConfigValue(keys.shift());
+                   keys.forEach(function(k) {
+                       if (k in cvalue) {
+                           cvalue = cvalue[k];
+                       } else {
+                           throw "unable to get cbind data for '" + match[2] + "'";
+                       }
+                   });
+                   if (match[1]) cvalue = !cvalue;
+                   obj[prop] = cvalue;
+                   found = true;
+               } else {
+                   obj[prop] = cdata.replace(/{([a-z_][a-z0-9_]*)\}/ig, (_match, cname) => {
+                       let cvalue = getConfigValue(cname);
+                       found = true;
+                       return cvalue;
+                   });
+               }
+               if (!found) {
+                   throw "unable to parse cbind template '" + cdata + "'";
+               }
+           }
+       };
+
+       if (me.cbind) {
+           applyCBind(me);
+       }
+
+       let cloneTemplateObject;
+       let cloneTemplateArray = function(org) {
+           let copy, i, found, el, elcopy, arrayLength;
+
+           arrayLength = org.length;
+           found = false;
+           for (i = 0; i < arrayLength; i++) {
+               el = org[i];
+               if (el.constructor === Object && el.xtype) {
+                   found = true;
+                   break;
+               }
+           }
+
+           if (!found) return org; // no need to copy
+
+           copy = [];
+           for (i = 0; i < arrayLength; i++) {
+               el = org[i];
+               if (el.constructor === Object && el.xtype) {
+                   elcopy = cloneTemplateObject(el);
+                   if (elcopy.cbind) {
+                       applyCBind(elcopy);
+                   }
+                   copy.push(elcopy);
+               } else if (el.constructor === Array) {
+                   elcopy = cloneTemplateArray(el);
+                   copy.push(elcopy);
+               } else {
+                   copy.push(el);
+               }
+           }
+           return copy;
+       };
+
+       cloneTemplateObject = function(org) {
+           let res = {}, prop, el, copy;
+           for (prop in org) { // eslint-disable-line guard-for-in
+               el = org[prop];
+               if (el === undefined || el === null) {
+                   res[prop] = el;
+                   continue;
+               }
+               if (el.constructor === Object && el.xtype) {
+                   copy = cloneTemplateObject(el);
+                   if (copy.cbind) {
+                       applyCBind(copy);
+                   }
+                   res[prop] = copy;
+               } else if (el.constructor === Array) {
+                   copy = cloneTemplateArray(el);
+                   res[prop] = copy;
+               } else {
+                   res[prop] = el;
+               }
+           }
+           return res;
+       };
+
+       let condCloneProperties = function() {
+           let prop, el, tmp;
+
+           for (prop in me) { // eslint-disable-line guard-for-in
+               el = me[prop];
+               if (el === undefined || el === null) continue;
+               if (typeof el === 'object' && el.constructor === Object) {
+                   if (el.xtype && prop !== 'config') {
+                       me[prop] = cloneTemplateObject(el);
+                   }
+               } else if (el.constructor === Array) {
+                   tmp = cloneTemplateArray(el);
+                   me[prop] = tmp;
+               }
+           }
+       };
+
+       condCloneProperties();
+    },
+});