diff options
author | 2015-12-07 22:17:55 -0800 | |
---|---|---|
committer | 2015-12-08 09:48:58 -0800 | |
commit | 9eb7ca01065b6b51de65d73dd2d9879fcedc5be7 (patch) | |
tree | 4b7fed247ff49ed68d58238c0d5052a379e65026 /components/congress/test-webapp/www/html/copper.js | |
parent | 7d66dda62aa6a294afd4965046e1ccd30a5f7103 (diff) |
Added initial version of Congress test webapp
Corrected errors in index.php, removed include.php, version.php
JIRA: COPPER-4
Change-Id: Ifbcf1c274d486b52c86bf86b6e028d9cfe3c3d92
Signed-off-by: Bryan Sullivan <bs3131@att.com>
Diffstat (limited to 'components/congress/test-webapp/www/html/copper.js')
-rw-r--r-- | components/congress/test-webapp/www/html/copper.js | 324 |
1 files changed, 324 insertions, 0 deletions
diff --git a/components/congress/test-webapp/www/html/copper.js b/components/congress/test-webapp/www/html/copper.js new file mode 100644 index 0000000..1d5d3e1 --- /dev/null +++ b/components/congress/test-webapp/www/html/copper.js @@ -0,0 +1,324 @@ +/*
+ Copyright 2015 Open Platform for NFV Project, Inc. and its contributors
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+var origin = "http://localhost/proxy/?~url=";
+var dataSources = [];
+var tables = [];
+var rows = [];
+var policies = [];
+var rules = [];
+
+function get_dataSources() {
+ dse = document.getElementById('dataSources');
+ while (dse.firstChild) dse.removeChild(dse.firstChild);
+ asyncXHR('GET',origin+'/v1/data-sources',function(xhr) {
+ obj = JSON.parse(xhr.responseText);
+ dataSources = obj.results;
+ var str = '';
+ for (i in dataSources) {
+ datasource = dataSources[i].name;
+ dhe = element('button',datasource,datasource,1);
+ de = element('div',datasource+":datasource","",1);
+ dhe.setAttribute('onclick','toggle("'+de.id+'");');
+ dse.appendChild(dhe);
+ de.style.display = 'none'
+ for (j in dataSources[i]) {
+ if (typeof dataSources[i][j] == 'object' && dataSources[i][j] != null) {
+ oe = element('button',"",j,2);
+ ae = element('p',datasource+':'+j,null,2);
+ ae.style.display = 'none'
+ oe.setAttribute('onclick','toggle("'+ae.id+'");');
+ de.appendChild(oe);
+ for (k in dataSources[i][j]) {
+ sae = element('p',"",k+':'+dataSources[i][j][k],3);
+ ae.appendChild(sae);
+ }
+ }
+ else ae = element('p',"",j+':'+dataSources[i][j],2);
+ de.appendChild(ae);
+ }
+ tb = element('button',"",'Tables',2);
+ tb.setAttribute('onclick','get_tables('+i+');');
+ de.appendChild(tb);
+ tb = element('p',datasource+':tables',"",2);
+ de.appendChild(tb);
+ dse.appendChild(de);
+ }
+ },null,null,null);
+}
+
+function get_tables(dsIndex) {
+ dsid = dataSources[dsIndex].id;
+ datasource = dataSources[dsIndex].name;
+ tb = document.getElementById(datasource+':tables');
+ if (tb.innerHTML != "" && tb.style.display != 'none') tb.style.display = 'none';
+ else {
+ while (tb.firstChild) tb.removeChild(tb.firstChild);
+ asyncXHR('GET',origin+'/v1/data-sources/'+dsid+'/tables',function(xhr) {
+ obj = JSON.parse(xhr.responseText);
+ if (obj.results.length == 0) {
+ tables[dsIndex] = [];
+ rows[dsIndex] = [];
+ tb.innerHTML = "No tables defined.";
+ }
+ else {
+ tables[dsIndex] = obj.results;
+ rows[dsIndex] = [];
+ for (i in tables[dsIndex]) {
+ rows[dsIndex][i] = [];
+ tid = tables[dsIndex][i].id;
+ te = element('button',tid,tid,3);
+ te.setAttribute('onclick','get_rows('+dsIndex+','+i+');');
+ tb.appendChild(te);
+ te = element('div',datasource+":"+tid,"",2);
+ tb.appendChild(te);
+ }
+ }
+ tb.style.display = 'block';
+ },null,null,null);
+ }
+}
+
+function get_rows(dsIndex,tableIndex) {
+ datasource = dataSources[dsIndex].name;
+ dsid = dataSources[dsIndex].id;
+ tid = tables[dsIndex][tableIndex].id;
+ tb = document.getElementById(datasource+":"+tid);
+ if (tb.innerHTML != "" && tb.style.display != 'none') tb.style.display = 'none';
+ else {
+ while (tb.firstChild) tb.removeChild(tb.firstChild);
+ asyncXHR('GET',origin+'/v1/data-sources/'+dsid+'/tables/'+tid+'/rows',function(xhr) {
+ obj = JSON.parse(xhr.responseText);
+ if (obj.results.length == 0) {
+ rows[dsIndex][tableIndex] = [];
+ tb.innerHTML = "No rows defined.";
+ }
+ else {
+ rows[dsIndex][tableIndex] = obj.results;
+ for (i in rows[dsIndex][tableIndex]) {
+ data = rows[dsIndex][tableIndex][i].data;
+ te = element('p',"",JSON.stringify(data),3);
+ tb.appendChild(te);
+ }
+ }
+ tb.style.display = 'block';
+ },null,null,null);
+ }
+}
+
+function get_policies() {
+ poe = document.getElementById('policies');
+ while (poe.firstChild) poe.removeChild(poe.firstChild);
+ asyncXHR('GET',origin+'/v1/policies',function(xhr) {
+ obj = JSON.parse(xhr.responseText);
+ policies = obj.results;
+ for (i in policies) {
+ name = policies[i].name;
+ he = element('button',"",name,1);
+ pe = element('div',name+":policies","",1);
+ he.setAttribute('onclick','toggle("'+pe.id+'");');
+ poe.appendChild(he);
+ pe.style.display = 'none'
+ for (j in policies[i]) {
+ ae = element('p',"",j+':'+policies[i][j],2);
+ pe.appendChild(ae);
+ }
+ rb = element('button',"",'Rules',2);
+ rb.setAttribute('onclick','get_rules('+i+');');
+ pe.appendChild(rb);
+ pr = element('p',name+':rules',"",2);
+ pe.appendChild(pr);
+ poe.appendChild(pe);
+// {"kind":"nonrecursive","description":"default action policy","name":"action","abbreviation":"actio",
+// "id":"29196084-604d-4964-93e6-c23eb2c52990","owner_id":"user"}
+ }
+ },null,null,null);
+// document.getElementById('response').innerHTML = dumpProps(policies,'policies',false);
+}
+
+/* Example of a 1-rule array response
+{
+ "results": [
+ {
+ "comment": "",
+ "id": "056a00a3-d5a7-46c5-8a40-d02e3f72ef03",
+ "rule": "samegroup(user1, user2) :- ldap:group(user1, g), ldap:group(user2, g)",
+ "name": null
+ }
+ ]
+}
+ */
+function get_rules(policyIndex) {
+ policy = policies[policyIndex].name;
+ pid = policies[policyIndex].id;
+ pr = document.getElementById(policy+':rules');
+ while (pr.firstChild) pr.removeChild(pr.firstChild);
+ asyncXHR('GET',origin+'/v1/policies/'+policy+'/rules',function(xhr) {
+ obj = JSON.parse(xhr.responseText);
+ rules[policyIndex] = obj.results;
+ if (obj.results.length == 0) {
+ rules[policyIndex] = [];
+ pr.innerHTML = "No rules defined.";
+ }
+ else {
+ var str = '';
+// alert(JSON.stringify(rules[policyIndex]));
+ for (i in rules[policyIndex]) {
+ name = rules[policyIndex][i].name;
+ he = element('button',name,name,3);
+ re = element('div',name+"json","",4);
+ he.setAttribute('onclick','toggle("'+re.id+'");');
+ pr.appendChild(he);
+ de = element('button',"","delete",null);
+ de.setAttribute('onclick','delete_rule('+policyIndex+','+i+');');
+ pr.appendChild(de);
+ re.style.display = 'none';
+ for (j in rules[policyIndex][i]) {
+ ae = element('p',"",j+':'+rules[policyIndex][i][j],4);
+ re.appendChild(ae);
+ }
+ pr.appendChild(re);
+ }
+ }
+ cre = element('button',"cre","Create rule",3);
+ cre.setAttribute('onclick','create_rule_input('+policyIndex+');');
+ pr.appendChild(cre);
+ },null,null,null);
+}
+
+function create_rule_input(policyIndex) {
+ pr = document.getElementById(policy+':rules');
+ cre = document.getElementById('cre');
+ /*
+ * Example:
+ error :- nova:vm(vm), neutron:network(network), nova:network(vm, network), -neutron:public(network), neutron:private(network), nova:owner(vm, vm-own), neutron:owner(network, net-own), -same-group(vm-own, net-own)
+ samegroup(user1, user2) :- ldap:group(user1, g), ldap:group(user2, g)
+ */
+ nrn = element('input',"nrn","Name",3);
+ nrc = element('input',"nrc","Comment",3);
+ rte = element('textarea',"nrule",null,3);
+ pr.appendChild(nrn);
+ pr.appendChild(nrc);
+ pr.appendChild(rte);
+ cre.setAttribute('onclick','create_rule('+policyIndex+');');
+}
+
+function create_rule(policyIndex,name,comment,rule) {
+ // use policy name rather than id as the id!
+ policy = policies[policyIndex].name;
+ name = document.getElementById("nrn").value;
+ comment = document.getElementById("nrc").value;
+ rule = document.getElementById("nrule").value;
+ rid = guidGenerator();
+ body = '{"id":"'+rid+'","name":"'+name+'","comment":"'+comment+'","rule":"'+rule+'"}';
+ asyncXHR('POST',origin+'/v1/policies/'+policy+'/rules',function(xhr) {
+ obj = JSON.parse(xhr.responseText);
+ if (obj.error !== undefined) alert(xhr.responseText);
+ // BUG: Congress creates rules asyncchronously, thus a query for rules immediately after rule creation may not return the newly created rule
+ else setTimeout('get_rules('+policyIndex+');',1000);
+ },null,"application/json",body);
+}
+
+/*
+ * Deleting a rule takes the ID as resource path element, and returns a JSON copy of the rule deleted
+ */
+function delete_rule(policyIndex,ruleIndex) {
+ policy = policies[policyIndex].name;
+ name = rules[policyIndex][ruleIndex].name;
+ id = rules[policyIndex][ruleIndex].id;
+ // use policy name rather than id as the id!
+ asyncXHR('DELETE',origin+'/v1/policies/'+policy+'/rules/'+id,function(xhr) {
+ // BUG: Congress creates rules asyncchronously, thus a query for rules immediately after rule creation may not return the newly created rule
+ setTimeout('get_rules('+policyIndex+');',1000);
+ },null,null,null);
+}
+
+/*
+ * Debug feature: delete an arbitrary resource
+ */
+function delete_resource() {
+ resource = document.getElementById('resource').value;
+ asyncXHR('DELETE',origin+resource,function(xhr) {
+ obj = JSON.parse(xhr.responseText);
+ if (obj.error !== undefined) alert(xhr.responseText);
+ },null,null,null);
+}
+
+function element(type,id,value,indent) {
+ e = document.createElement(type);
+ e.id = id;
+ if (indent !== null) e.style.marginLeft = indent*15+'px';
+ if (type == "input") e.placeholder = value;
+ else if (value != null) e.innerHTML = value;
+ return(e);
+}
+
+
+function br() {
+ return (document.createElement('br'));
+}
+
+function toggle(obj) {
+ var el = document.getElementById(obj);
+ if ( el.style.display != 'none' ) {
+ el.style.display = 'none';
+ }
+ else {
+ el.style.display = '';
+ }
+}
+
+function dumpProps(obj, parent, str) {
+ if (str == false) str = '';
+ try {
+ for (var i in obj) {
+ if (typeof obj[i] != 'object' && typeof obj[i] != 'function' ) {
+ if (parent) { str += parent + '.' + i + ' = ' + obj[i] + '<br/>'; }
+ else { str += i + ' = ' + obj[i] + '<br/>'; }
+ }
+ else {
+ if (parent) { str = dumpProps(obj[i], parent + '[' + i + ']', str); }
+ else { str = dumpProps(obj[i], i, str); }
+ }
+ }
+ return(str);
+ } catch (e) { alert(e); }
+}
+
+function asyncXHR(method,url,callback,accept,contentType,body) {
+ var xhr = false;
+ try { xhr = new XMLHttpRequest(); }
+ catch(e1) {}
+ if(xhr) {
+ try {
+ xhr.onreadystatechange = function() {
+ if (xhr.readyState === 4) callback(xhr);
+ };
+ xhr.open(method, url, true);
+ if (accept !== null) xhr.setRequestHeader("Accept",accept);
+ if (contentType !== null) xhr.setRequestHeader("Content-Type",contentType);
+ if (body !== null) xhr.send(body);
+ else xhr.send();
+ }
+ catch(e4) { alert("asyncXHR: xhr send error "+e4.message+" for URL "+url); }
+ }
+}
+
+function guidGenerator() {
+ var S4 = function() {
+ return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
+ };
+ return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
+}
|