libs/cbi/htdocs/luci-static/resources/cbi.js

   1 var cbi_d = [];
   2
   3 function cbi_d_add(field, dep, next) {
   4         var obj = document.getElementById(field);
   5         if (obj) {
   6                 var entry
   7                 for (var i=0; i<cbi_d.length; i++) {
   8                         if (cbi_d[i].id == field) {
   9                                 entry = cbi_d[i];
  10                                 break;
  11                         }
  12                 }
  13                 if (!entry) {
  14                         entry = {
  15                                 "node": obj,
  16                                 "id": field,
  17                                 "parent": obj.parentNode.id,
  18                                 "next": next,
  19                                 "deps": []
  20                         };
  21                         cbi_d.unshift(entry);
  22                 }
  23                 entry.deps.push(dep)
  24         }
  25 }
  26
  27 function cbi_d_checkvalue(target, ref) {
  28         var t = document.getElementById(target);
  29         var value
  30
  31         if (!t) {
  32                 return true
  33         } else if (!t.value) {
  34                 value = "";
  35         } else {
  36                 value = t.value;
  37
  38                 if (t.type == "checkbox") {
  39                         value = t.checked ? value : "";
  40                 }
  41         }
  42
  43         return (value == ref)
  44 }
  45
  46 function cbi_d_check(deps) {
  47         for (var i=0; i<deps.length; i++) {
  48                 var istat = true
  49                 for (var j in deps[i]) {
  50                         istat = (istat && cbi_d_checkvalue(j, deps[i][j]))
  51                 }
  52                 if (istat) {
  53                         return true
  54                 }
  55         }
  56 }
  57
  58 function cbi_d_update() {
  59         var state = false;
  60         for (var i=0; i<cbi_d.length; i++) {
  61                 var entry = cbi_d[i];
  62                 var next  = document.getElementById(entry.next)
  63                 var node  = document.getElementById(entry.id)
  64                 var parent = document.getElementById(entry.parent)
  65
  66                 if (node && node.parentNode && !cbi_d_check(entry.deps)) {
  67                         node.parentNode.removeChild(node);
  68                         state = (state || !node.parentNode)
  69                 } else if ((!node || !node.parentNode) && cbi_d_check(entry.deps)) {
  70                         if (!next) {
  71                                 parent.appendChild(entry.node);
  72                         } else {
  73                                 next.parentNode.insertBefore(entry.node, next);
  74                         }
  75                         state = (state || (node && node.parentNode))
  76                 }
  77         }
  78         if (state) {
  79                 cbi_d_update();
  80         }
  81 }
  82
  83 function cbi_bind(obj, type, callback, mode) {
  84         if (typeof mode == "undefined") {
  85                 mode = false;
  86         }
  87         if (!obj.addEventListener) {
  88                 ieCallback = function(){
  89                         var e = window.event;
  90                         if (!e.target && e.srcElement) {
  91                                 e.target = e.srcElement;
  92                         };
  93                         e.target['_eCB' + type + callback] = callback;
  94                         e.target['_eCB' + type + callback](e);
  95                         e.target['_eCB' + type + callback] = null;
  96                 };
  97                 obj.attachEvent('on' + type, ieCallback);
  98         } else {
  99                 obj.addEventListener(type, callback, mode);
 100         }
 101         return obj;
 102 }
 103
 104 function cbi_combobox(id, values, def, man) {
 105         var obj = document.getElementById(id)
 106         var sel = document.createElement("select");
 107         if (obj.nextSibling) {
 108                 obj.parentNode.insertBefore(sel, obj.nextSibling);
 109         } else {
 110                 obj.parentNode.appendChild(sel);
 111         }
 112
 113         if (!values[obj.value]) {
 114                 if (obj.value == "") {
 115                         var optdef = document.createElement("option");
 116                         optdef.value = "";
 117                         optdef.appendChild(document.createTextNode(def));
 118                         sel.appendChild(optdef);
 119                 } else {
 120                         var opt = document.createElement("option");
 121                         opt.value = obj.value;
 122                         opt.selected = "selected";
 123                         opt.appendChild(document.createTextNode(obj.value));
 124                         sel.appendChild(opt);
 125                 }
 126         }
 127
 128         for (var i in values) {
 129                 var opt = document.createElement("option");
 130                 opt.value = i;
 131
 132                 if (obj.value == i) {
 133                         opt.selected = "selected";
 134                 }
 135
 136                 opt.appendChild(document.createTextNode(values[i]));
 137                 sel.appendChild(opt);
 138         }
 139
 140         var optman = document.createElement("option");
 141         optman.value = "";
 142         optman.appendChild(document.createTextNode(man));
 143         sel.appendChild(optman);
 144
 145         obj.style.display = "none";
 146
 147         cbi_bind(sel, "change", function() {
 148                 if (sel.selectedIndex == sel.options.length - 1) {
 149                         obj.style.display = "inline";
 150                         sel.parentNode.removeChild(sel);
 151                         obj.focus();
 152                 } else {
 153                         obj.value = sel.options[sel.selectedIndex].value;
 154                 }
 155         })
 156 }
 157
 158 function cbi_combobox_init(id, values, def, man) {
 159         var obj = document.getElementById(id);
 160         cbi_bind(obj, "blur", function() {
 161                 cbi_combobox(id, values, def, man)
 162         });
 163         cbi_combobox(id, values, def, man);
 164 }