diff options
Diffstat (limited to 'admportal/views/sla/list.ejs')
| -rw-r--r-- | admportal/views/sla/list.ejs | 189 |
1 files changed, 189 insertions, 0 deletions
diff --git a/admportal/views/sla/list.ejs b/admportal/views/sla/list.ejs new file mode 100644 index 00000000..10bd4f4c --- /dev/null +++ b/admportal/views/sla/list.ejs @@ -0,0 +1,189 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8" /> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <% include ../partials/head %> + <% include ../partials/header %> + <script type="text/javascript" src="/javascripts/admportal.js" async></script> + <title>SDN-C AdminPortal</title> +<script class="init"> + $(document).ready(function() { + $('#sla').DataTable( { + "order": [[ 0, "asc" ]] + } ); +} ); +</script> + +</head> +<body> + +<div class="well well-sm"> +<h3>Service Logic Administration</h3> +</div> + +<% if ( typeof result != 'undefined' ) { + if (result.code.length > 0) { + if ( result.code == 'success' ) { %> + <div class='alert alert-success' role='alert'><%=result.msg %></div> + <% } else { %> + <div class='alert alert-danger' role='danger'><%=result.msg %></div> + <% } %> + <% } %> +<% } %> + +<% if( typeof privilege != 'undefined'){ + var priv = privilege.privilege; +} else { + var priv = 'A'; +} %> + +<div class="container-fluid"> + <table id="sla" class="table table-hover table-condensed"> + <thead> + <tr> + <th>Module</th> + <th>RPC</th> + <th>Version</th> + <th>Mode</th> + <th>Active</th> + <% if(priv == 'A') { %> + <th>Activate/Deactive</th> + <% } %> + <th>Display</th> + <th>XML code</th> + <% if(priv=='A') { %> + <th>Delete</th> + <% } %> + </tr> + </thead> + <tbody> + <% var i=0; rows.forEach( function(row) { %> + <tr> + <td><%= row.module %></td> + <td><%= row.rpc %></td> + <td><%= row.version %></td> + <td><%= row.mode %></td> + <td><%= row.active %></td> + <% if ( priv == 'A' ) { + if (row.active == "Y") { %> + <td><button type="button" class="btn btn-default btn-xs" onclick="toggleState('deactivate','<%= row.module %>','<%= row.rpc %>','<%= row.version %>','<%= row.mode %>');" >Deactivate</button> </td> + <% } else { %> + <td><button type="button" class="btn btn-default btn-xs" onclick="toggleState('activate','<%= row.module %>','<%= row.rpc %>','<%= row.version %>','<%= row.mode %>');" >Activate</button></td> + <% } %> + <% } %> + <td> + <button type="button" class="btn btn-default btn-xs" + onclick='location.assign("/sla/printAsGv?module=<%= row.module %>&rpc=<%= row.rpc %>&version=<%= row.version %>&mode=<%= row.mode %>");'>Display</button> + </td> + <td> + <button type="button" class="btn btn-default btn-xs" + onclick='location.assign("/sla/printAsXml?module=<%= row.module %>&rpc=<%= row.rpc %>&version=<%= row.version %>&mode=<%= row.mode %>");'>XML code</button> + </td> + <% if ( priv == 'A' ) { %> + <td> + <button type="button" class="btn btn-default btn-xs" + onclick="deleteGraph('<%=row.module %>', + '<%=row.rpc %>', '<%=row.version %>','<%=row.mode %>');">Delete</button> + </td> + <% } %> + </tr> + <% i++; }); %> + </tbody> + </table> + + <% if(priv == 'A') { %> + <div class="actions" style="padding:0px 25px;"> + <form method="POST" action="/sla/upload" enctype="multipart/form-data"> + <div class="form-group"> + <label for="dest">File input</label> + <input name="filename" type="file" id="dest"> + <p class="help-block">Choose a file to upload.</p> + </div> + <% + if ( priv == 'A' ) + { + %> + <button type="button" class="btn btn-default" + onclick="uploadFile(this.form);">Upload File</button> + <% } else { %> + <button type="button" class="btn btn-default disabled" + onclick="uploadFile(this.form);">Upload File</button> + <% } %> + </form> + </div> + <% } %> +</div> + + + +<footer> + <% include ../partials/footer %> +</footer> + +<script type="text/javascript"> +function deleteGraph(_module,rpc,version,mode) { + + bootbox.confirm({ + message: "Are you sure you want to delete Directed Graph [" + _module + "][" + rpc + "][" + version + "] ?", + callback: function(result) { + if ( result ) + { + location.assign("/sla/deleteDG?module=" + _module + + "&rpc=" + rpc + "&version=" + version + "&mode=" + mode ); + } + return; + }, + buttons: { + cancel: { + label: "Cancel" + }, + confirm: { + label: "Yes" + } + } + }); +} +function toggleState(laction,_module,rpc,version,mode) +{ + var myprompt = ''; + var myaction = ''; + if(laction == 'activate'){ + myprompt = "Are you sure you want to Activate Directed Graph [" + _module + "] ?"; + myaction = "/sla/activate" + + "?module=" + _module + + "&rpc=" + rpc + + "&version=" + version + + "&mode=" + mode; + } else { + myprompt = "Are you sure you want to Deactivate Directed Graph [" + _module + "] ?"; + myaction = "/sla/deactivate" + + "?module=" + _module + + "&rpc=" + rpc + + "&version=" + version + + "&mode=" + mode; + } + + bootbox.confirm({ + message: myprompt, + callback: function(result) { + if ( result ) + { + location.assign(myaction); + } + return; + }, + buttons: { + cancel: { + label: "Cancel" + }, + confirm: { + label: "Yes" + } + } + }); +} +</script> +</body> +</html> + |