From 9eb7ca01065b6b51de65d73dd2d9879fcedc5be7 Mon Sep 17 00:00:00 2001 From: Bryan Sullivan Date: Mon, 7 Dec 2015 22:17:55 -0800 Subject: 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 --- .../congress/test-webapp/www/html/copper.css | 15 + components/congress/test-webapp/www/html/copper.js | 324 +++++++++++++++++++++ .../congress/test-webapp/www/html/index.html | 33 +++ .../congress/test-webapp/www/html/proxy/index.php | 59 ++++ 4 files changed, 431 insertions(+) create mode 100644 components/congress/test-webapp/www/html/copper.css create mode 100644 components/congress/test-webapp/www/html/copper.js create mode 100644 components/congress/test-webapp/www/html/index.html create mode 100644 components/congress/test-webapp/www/html/proxy/index.php (limited to 'components/congress/test-webapp/www/html') diff --git a/components/congress/test-webapp/www/html/copper.css b/components/congress/test-webapp/www/html/copper.css new file mode 100644 index 0000000..017bd89 --- /dev/null +++ b/components/congress/test-webapp/www/html/copper.css @@ -0,0 +1,15 @@ +body { font-family: sans-serif; } +@media screen and (min-width: 200px) { body { font-size:100%; } } +@media screen and (min-width: 400px) { body { font-size:120%; } } +@media screen and (min-width: 600px) { body { font-size:150%; } } + +p { font-size: 100%; } +span { font-size: inherit; } +table { font-size: inherit; } +td { font-size: inherit; } +input { font-size: inherit; display: table;} +td { font-size: inherit; } +button { font-size: inherit; color: white; background-color:darkslategray; +border-style:none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; +margin-top:5px; margin-bottom:5px;} +textarea {width: 50%; resize:both;} 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] + '
'; } + else { str += i + ' = ' + obj[i] + '
'; } + } + 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()); +} diff --git a/components/congress/test-webapp/www/html/index.html b/components/congress/test-webapp/www/html/index.html new file mode 100644 index 0000000..a36bcd5 --- /dev/null +++ b/components/congress/test-webapp/www/html/index.html @@ -0,0 +1,33 @@ + + + +OPNFV Congress Test + + + + + + + +
+ +
+ +
+
+ + diff --git a/components/congress/test-webapp/www/html/proxy/index.php b/components/congress/test-webapp/www/html/proxy/index.php new file mode 100644 index 0000000..93be444 --- /dev/null +++ b/components/congress/test-webapp/www/html/proxy/index.php @@ -0,0 +1,59 @@ +