fix missing bold for your account item
[brisk.git] / web / fieldify.js
index 19bf23f..fdc9795 100644 (file)
@@ -1,21 +1,75 @@
+function ends_with(s, suffix)
+{
+    if (s.indexOf(suffix, s.length - suffix.length) !== -1) {
+        return true;
+    }
+    return false;
+}
+
+function __ffa_nav(obj, ret, name)
+{
+    var arr;
+
+    arr = obj.className.split(" ");
+    if (arr.indexOf(name + "_id") != -1) {
+        ret.push(obj);
+        return;
+    }
+
+    // check if the current element is a leaf or a node
+    // if it is then return
+    for (var i = 0 ; i < arr.length ; i++) {
+        if (ends_with(arr[i], "_id")) {
+            return;
+        }
+    }
+
+    for (var i = 0 ; i < obj.children.length ; i++) {
+        __ffa_nav(obj.children[i], ret, name);
+    }
+    return;
+}
+
+function fieldify_get_dom_element(objarr, name)
+{
+    var obj, ret = [];
+
+    for (var i = 0 ; i < objarr.length ; i++) {
+        obj = objarr[i];
+        for (var e = 0 ; e < obj.children.length ; e++) {
+            __ffa_nav(obj.children[e], ret, name);
+        }
+    }
+
+    if (ret.length > 0) {
+        return ret;
+    }
+    return false;
+}
 
 // fieldsdescr = { name: { type: 'typename' }, ... }
-function Fieldify(ancestor, fieldsdescr)
+function Fieldify(dom_elements, fieldsdescr)
 {
-    this.ancestor = ancestor;
+    var item;
 
+    this.dom_elements = dom_elements;
     this.field = new Array();
     for (k in fieldsdescr) {
         this.field[k] = fieldsdescr[k];
+        if (this.field[k].type == 'fields') {
+            if (item = fieldify_get_dom_element(this.dom_elements, k)) {
+                this.field[k].obj = new Fieldify(item, this.field[k].fields);
+            }
+        }
     }
 }
 
 Fieldify.prototype = {
-    ancestor: null,
+    dom_elements: null,
     field: null,
 
     visible: function(is_visible) {
-        this.ancestor.style.visibility = (is_visible ? "visible" : "hidden" );
+        this.dom_elements[0].style.visibility = (is_visible ? "visible" : "hidden" );
     },
 
     // { 'name': 'value' }
@@ -28,6 +82,9 @@ Fieldify.prototype = {
             else if (this.field[k].type == 'radio') {
                 this.fld_radio_set(k, field_values[k]);
             }
+            else if (this.field[k].type == 'fields') {
+                this.field[k].obj.json2dom(field_values[k]);
+            }
         }
     },
 
@@ -43,41 +100,53 @@ Fieldify.prototype = {
             else if (this.field[k].type == 'radio') {
                 ret[k] = this.fld_radio_get(k);
             }
+            else if (this.field[k].type == 'fields') {
+                ret[k] = this.field[k].obj.dom2json();
+            }
         }
         return ret;
     },
 
     fld_value_set: function(name, value)
     {
-        this.ancestor.getElementsByClassName(name + '_id')[0].innerHTML = value;
+        var item = fieldify_get_dom_element(this.dom_elements, name);
+        if (item) {
+            item[0].innerHTML = value;
+        }
     },
 
     fld_value_get: function(name)
     {
-        return this.ancestor.getElementsByClassName(name + '_id')[0].innerHTML;
+        var item = fieldify_get_dom_element(this.dom_elements, name);
+        if (item) {
+            return (item[0].innerHTML);
+        }
+        return false;
     },
 
     fld_radio_set: function(name, value)
     {
-        var arr = this.ancestor.getElementsByClassName(name + '_id');
-
-        for (k in arr) {
-            if (arr[k].value == value)
-                arr[k].checked = true;
-            else
-                arr[k].checked = false;
+        var arr = fieldify_get_dom_element(this.dom_elements, name);
+        if (arr) {
+            for (k in arr) {
+                if (arr[k].value == value)
+                    arr[k].checked = true;
+                else
+                    arr[k].checked = false;
+            }
         }
     },
 
     fld_radio_get: function(name)
     {
-        var arr = this.ancestor.getElementsByClassName(name + '_id');
-        ret = null;
-
-        for (k in arr) {
-            if (arr[k].checked == true) {
-                ret = arr[k].value;
-                break;
+        var ret = null;
+        var arr = fieldify_get_dom_element(this.dom_elements, name);
+        if (arr) {
+            for (k in arr) {
+                if (arr[k].checked == true) {
+                    ret = arr[k].value;
+                    break;
+                }
             }
         }
         return ret;