admportal/views/admin/parameters.ejs

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4   <meta charset="UTF-8" />
   5   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   6   <% include ../partials/head %>
   7   <% include ../partials/header %>
   8   <script type="text/javascript" src="/javascripts/admportal.js" async></script>
   9   <title>SDN AdminPortal</title>
  10 <script class="init">
  11     $(document).ready(function() {
  12     $('#params').DataTable( {
  13         "order": [[ 0, "asc" ]]
  14     } );
  15 } );
  16 </script>
  17
  18 </head>
  19 <body>
  20
  21 <div class="well well-sm">
  22 <h3>Parameters</h3>
  23 </div>
  24
  25 <% if ( typeof result != 'undefined' ) {
  26                 if (result.code.length > 0) {
  27                         if ( result.code == 'success' ) { %>
  28                                 <div class='alert alert-success' role='alert'>
  29                                 <%
  30                                 for ( x in result.msg ){ %>
  31                                         <div><%= result.msg[x] %></div>
  32                                 <% } %>
  33                                 </div>
  34                         <% } else { %>
  35                                 <div class='alert alert-danger' role='danger'>
  36                                 <%
  37                                 for ( x in result.msg ){ %>
  38                                         <div><%= result.msg[x] %></div>
  39                                 <% } %>
  40                                 </div>
  41                         <% } %>
  42                 <% } %>
  43 <% } %>
  44
  45 <% if( typeof privilege != 'undefined'){
  46     var priv = privilege.privilege;
  47 } else {
  48     var priv = 'A';
  49 } %>
  50
  51
  52 <div class="container-fluid">
  53
  54 <div class="actions" style="padding:15px 0px;">
  55     <button class="btn btn-primary btn-md" data-toggle="modal" data-target="#new_parameter">
  56       Add Parameter
  57     </button>
  58 </div>
  59
  60         <table id="params" class="table table-hover table-condensed">
  61       <thead>
  62         <tr>
  63           <th>*Name</th>
  64           <th>*Value</th>
  65           <th>Category</th>
  66                   <th>Memo</th>
  67                   <% if(priv == 'A'){ %>
  68                   <th>Action</th>
  69                   <% } %>
  70         </tr>
  71       </thead>
  72       <tbody>
  73       <% rows.forEach( function(row) { %>
  74         <tr>
  75             <td><%= row.name %></td>
  76             <td><%= row.value %></td>
  77             <td><%= row.category %></td>
  78             <td><%= row.memo %></td>
  79                         <% if(priv == 'A') { %>
  80             <td>
  81                                 <button type="button" class="btn btn-default btn-xs"
  82                     onclick="updateParameter('<%=row.name %>','<%= row.value %>','<%= row.category %>','<%= row.memo %>');">Update</button>
  83                                 <button type="button" class="btn btn-default btn-xs"
  84                    onclick="deleteParameter('<%= row.name %>','<%=row.value %>','<%= row.category %>','<%= row.memo %>');">Delete</button>
  85             </td>
  86             <% } %>
  87         </tr>
  88     <% }); %>
  89       </tbody>
  90     </table>
  91 </div>
  92
  93 <% include ../partials/new_parameter %>
  94 <% include ../partials/update_parameter %>
  95 <footer>
  96     <% include ../partials/footer %>
  97 </footer>
  98
  99 <script type="text/javascript">
 100 function submitParam(form)
 101 {
 102     var errorMsg='';
 103     var name = '';
 104     var value = '';
 105     var category = '';
 106     var memo = '';
 107
 108     if ( form.name == 'addForm' )
 109     {
 110         name = form.nf_name;
 111         value = form.nf_value;
 112         category = form.nf_category;
 113         memo = form.nf_memo;
 114     }
 115     else
 116     {
 117         name = form.uf_name;
 118         value = form.uf_value;
 119         category = form.uf_category;
 120         memo = form.uf_memo;
 121     }
 122
 123         if ( (name.value == null) || (name.value == "") || isblank(name.value) )
 124     {
 125         errorMsg += 'Name is required.<br>';
 126     }
 127         if ( (value.value == null) || (value.value == "") || isblank(value.value) )
 128     {
 129         errorMsg += 'Value is required.<br>';
 130     }
 131     if( errorMsg.length > 0 ) {
 132         bootbox.alert(errorMsg);
 133         return;
 134     }
 135         form.submit();
 136 }
 137
 138
 139 function updateParameter(name,value,category,memo) {
 140
 141     document.getElementById('uf_name').value=name;
 142     document.getElementById('uf_value').value=value
 143     document.getElementById('uf_category').value=category;
 144     document.getElementById('uf_memo').value=memo;
 145
 146     document.getElementById('uf_key_name').value=name;
 147
 148     $('#update_parameter').modal('show');
 149 }
 150
 151 function deleteParameter(name,value,category,memo) {
 152
 153         var url_string = encodeURI("/admin/deleteParameter?name=" + name
 154             + "&value=" + value
 155             + "&category=" + category
 156                         + "&memo=" + memo);
 157
 158     bootbox.confirm({
 159         message: "Are you sure you want to delete PARAMETER [" + name + "][" + value + "] ?",
 160         callback: function(result) {
 161             if ( result )
 162             {
 163                 location.assign(url_string);
 164             }
 165             return;
 166         },
 167         buttons: {
 168             cancel: {
 169                 label: "Cancel"
 170             },
 171             confirm: {
 172                 label: "Yes"
 173             }
 174         }
 175     });
 176 }
 177 </script>
 178
 179 </body>
 180 </html>
 181