admportal/views/gamma/listAicSwitch.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-C AdminPortal</title>
  10
  11   <script class="init">
  12     $(document).ready(function() {
  13     $('#switch').DataTable( {
  14         "order": [[ 0, "asc" ]]
  15     } );
  16         } );
  17   </script>
  18
  19 </head>
  20 <body>
  21
  22 <div class="well well-sm">
  23 <h3>AIC Switch</h3>
  24 </div>
  25
  26 <% if ( typeof result != 'undefined' ) {
  27                 if (result.code.length > 0) {
  28                         if ( result.code == 'success' ) { %>
  29                                 <div class='alert alert-success' role='alert'>
  30                                 <%
  31                                 for ( x in result.msg ){ %>
  32                                         <div><%= result.msg[x] %></div>
  33                                 <% } %>
  34                                 </div>
  35                         <% } else { %>
  36                                 <div class='alert alert-danger' role='danger'>
  37                                 <%
  38                                 for ( x in result.msg ){ %>
  39                                         <div><%= result.msg[x] %></div>
  40                                 <% } %>
  41                                 </div>
  42                         <% } %>
  43                 <% } %>
  44 <% } %>
  45
  46 <% if( typeof privilege != 'undefined'){
  47     var priv = privilege.privilege;
  48 } else {
  49     var priv = 'A';
  50 } %>
  51
  52
  53 <div class="container-fluid">
  54         <table id="switch" class="table table-hover table-condensed">
  55       <thead>
  56         <tr>
  57                   <th>Physical Network Name</th>
  58           <th>Switch Name</th>
  59           <th>AIC Site ID</th>
  60           <th>UUID</th>
  61           <th>Availability Zone</th>
  62                   <% if(priv == 'A') { %>
  63                   <th>Action</th>
  64                   <% } %>
  65         </tr>
  66       </thead>
  67       <tbody>
  68       <% rows.forEach( function(row) { %>
  69         <tr>
  70             <td><%= row.physical_network_name %></td>
  71             <td><%= row.switch_name %></td>
  72             <td><%= row.aic_site_id %></td>
  73             <td><%= row.uuid %></td>
  74             <td><%= row.availability_zone %></td>
  75                         <% if(priv == 'A') { %>
  76             <td>
  77                                 <button type="button" class="btn btn-default btn-xs"
  78                                         onclick="updateAicSwitch('<%= row.physical_network_name %>','<%= row.switch_name %>','<%=row.aic_site_id %>','<%= row.uuid %>','<%=row.availability_zone %>');">Update</button>
  79
  80                                 <button type="button" class="btn btn-default btn-xs"
  81                    onclick="deleteSwitch('<%=row.physical_network_name %>');">Delete</button>
  82             </td>
  83             <% } %>
  84
  85         </tr>
  86     <% }); %>
  87       </tbody>
  88     </table>
  89
  90
  91 <!--
  92         <% if(priv == 'A') { %>
  93         <div class="actions" style="padding:0px 25px;">
  94         <form method="POST" action="/gamma/uploadAicSwitch" enctype="multipart/form-data">
  95                 <div class="form-group">
  96                 <label for="dest">File input</label>
  97                 <input name="filename" type="file" id="dest">
  98                 <p class="help-block">Choose a file to upload.</p>
  99                 </div>
 100
 101                 <% if(priv == 'A') { %>
 102             <button type="button" class="btn btn-default"
 103                 onclick="uploadFile(this.form);">Upload File</button>
 104         <% } else { %>
 105             <button type="button" class="btn btn-default disabled"
 106                 onclick="uploadFile(this.form);">Upload File</button>
 107         <% } %>
 108         </form>
 109         </div>
 110         <% } %>
 111 -->
 112 </div>
 113
 114 <% include ../partials/update_aic_switch %>
 115
 116 <footer>
 117     <% include ../partials/footer %>
 118 </footer>
 119
 120 <script type="text/javascript">
 121 function updateAicSwitch(physical_network_name,switch_name,aic_site_id,uuid,availability_zone) {
 122
 123     document.getElementById('uf_physical_network_name').value=physical_network_name;
 124     document.getElementById('uf_switch_name').value=switch_name;
 125     document.getElementById('uf_aic_site_id').value=aic_site_id;
 126     document.getElementById('uf_uuid').value=uuid;
 127     document.getElementById('uf_availability_zone').value=availability_zone;
 128     document.getElementById('uf_key_physical_network_name').value=physical_network_name;
 129     $('#update_aic_switch_modal').modal('show');
 130 }
 131 function deleteSwitch(pnetwork_name) {
 132
 133     bootbox.confirm({
 134         message: "Are you sure you want to delete this switch [" + pnetwork_name + "] ?",
 135         callback: function(result) {
 136             if ( result )
 137             {
 138                 location.assign("/gamma/deleteSwitch?phy_network_name=" + pnetwork_name);
 139             }
 140             return;
 141         },
 142         buttons: {
 143             cancel: {
 144                 label: "Cancel"
 145             },
 146             confirm: {
 147                 label: "Yes"
 148             }
 149         }
 150     });
 151 }
 152 </script>
 153
 154 </body>
 155 </html>
 156