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 selid = "cbi.combobox." + id
 106         if (document.getElementById(selid)) {
 107                 return
 108         }
 109
 110         var obj = document.getElementById(id)
 111         var sel = document.createElement("select");
 112         sel.id = selid
 113         if (obj.nextSibling) {
 114                 obj.parentNode.insertBefore(sel, obj.nextSibling);
 115         } else {
 116                 obj.parentNode.appendChild(sel);
 117         }
 118
 119         if (!values[obj.value]) {
 120                 if (obj.value == "") {
 121                         var optdef = document.createElement("option");
 122                         optdef.value = "";
 123                         optdef.appendChild(document.createTextNode(def));
 124                         sel.appendChild(optdef);
 125                 } else {
 126                         var opt = document.createElement("option");
 127                         opt.value = obj.value;
 128                         opt.selected = "selected";
 129                         opt.appendChild(document.createTextNode(obj.value));
 130                         sel.appendChild(opt);
 131                 }
 132         }
 133
 134         for (var i in values) {
 135                 var opt = document.createElement("option");
 136                 opt.value = i;
 137
 138                 if (obj.value == i) {
 139                         opt.selected = "selected";
 140                 }
 141
 142                 opt.appendChild(document.createTextNode(values[i]));
 143                 sel.appendChild(opt);
 144         }
 145
 146         var optman = document.createElement("option");
 147         optman.value = "";
 148         optman.appendChild(document.createTextNode(man));
 149         sel.appendChild(optman);
 150
 151         obj.style.display = "none";
 152
 153         cbi_bind(sel, "change", function() {
 154                 if (sel.selectedIndex == sel.options.length - 1) {
 155                         obj.style.display = "inline";
 156                         sel.parentNode.removeChild(sel);
 157                         obj.focus();
 158                 } else {
 159                         obj.value = sel.options[sel.selectedIndex].value;
 160                 }
 161         })
 162 }
 163
 164 function cbi_combobox_init(id, values, def, man) {
 165         var obj = document.getElementById(id);
 166         cbi_bind(obj, "blur", function() {
 167                 cbi_combobox(id, values, def, man)
 168         });
 169         cbi_combobox(id, values, def, man);
 170 }