Initial commit for OpenECOMP SDN-C OA&M
[sdnc/oam.git] / admportal / views / gamma / listAicAvailZone.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     $('#availability_zone').DataTable( {
14         "order": [[ 0, "asc" ]]
15     } );
16 } );
17 </script>
18
19 </head>
20 <body>
21
22 <div class="well well-sm">
23 <h3>AIC Availabilty Zone Pool</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="availability_zone" class="table table-hover table-condensed">
55       <thead>
56         <tr>
57           <th>AIC Site ID</th>
58           <th>Availability Zone</th>
59           <th>Token</th>
60                   <th>Service Type</th>
61           <th>Status</th>
62           <th>VNF ID</th>
63           <th>VNF Type</th>
64           <th>Hypervisor</th>
65                   <% if(priv == 'A') { %>
66                   <th>Action</th>
67                   <% } %>
68         </tr>
69       </thead>
70       <tbody>
71       <% rows.forEach( function(row) { %> 
72         <tr>
73             <td><%= row.aic_site_id %></td>
74             <td><%= row.availability_zone %></td>
75             <td><%= row.token %></td>
76             <td><%= row.service_type %></td>
77             <td><%= row.status %></td>
78             <td><%= row.vnf_id %></td>
79             <td><%= row.vnf_type %></td>
80             <td><%= row.hypervisor %></td>
81                         <% if(priv == 'A') { %>
82             <td>
83                                 <button type="button" class="btn btn-default btn-xs"
84                     onclick="updateAicAvailZone('<%=row.aic_site_id %>','<%= row.availability_zone %>','<%= row.token %>','<%= row.service_type %>','<%= row.status %>','<%= row.vnf_id %>','<%= row.vnf_type %>','<%= row.hypervisor %>');">Update</button>
85                                 <button type="button" class="btn btn-default btn-xs"
86                    onclick="deleteZone('<%=row.aic_site_id %>','<%= row.availability_zone %>', '<%= row.token %>');">Delete</button>
87             </td>
88             <% } %>
89         </tr>
90     <% }); %>
91       </tbody>
92     </table>
93
94
95 <!--
96         <% if(priv == 'A'){ %>
97         <div class="actions" style="padding:0px 25px;">
98         <form method="POST" action="/gamma/uploadAicAvailZone" enctype="multipart/form-data">
99                 <div class="form-group">
100                 <label for="dest">File input</label>
101                 <input name="filename" type="file" id="dest">
102                 <p class="help-block">Choose a file to upload.</p>
103                 </div>
104                 <% if(priv == 'A') { %>
105                         <button type="button" class="btn btn-default"
106                                 onclick="uploadFile(this.form);">Upload File</button>
107                 <% } else { %>
108                         <button type="button" class="btn btn-default disabled"
109                                 onclick="uploadFile(this.form);">Upload File</button>
110                 <% } %>
111         </form>
112         </div>
113         <% } %>
114 -->
115 </div>
116
117 <% include ../partials/update_aic_avail_zone %>
118
119 <footer>
120     <% include ../partials/footer %>
121 </footer>
122
123 <script type="text/javascript">
124 function updateAicAvailZone(aic_site_id,availability_zone,token,service_type,status,vnf_id,vnf_type,hypervisor) {
125
126     document.getElementById('uf_aic_site_id').value=aic_site_id;
127     document.getElementById('uf_availability_zone').value=availability_zone
128     document.getElementById('uf_token').value=token;
129     document.getElementById('uf_service_type').value=service_type;
130     document.getElementById('uf_status').value=status;
131     document.getElementById('uf_vnf_id').value=vnf_id;
132     document.getElementById('uf_vnf_type').value=vnf_type;
133     document.getElementById('uf_hypervisor').value=hypervisor;
134     document.getElementById('uf_key_aic_site_id').value=aic_site_id;
135     document.getElementById('uf_key_availability_zone').value=availability_zone
136     document.getElementById('uf_key_token').value=token;
137     $('#update_aic_avail_zone_modal').modal('show');
138 }
139
140 function deleteZone(siteid,azone,token) {
141
142     bootbox.confirm({
143         message: "Are you sure you want to delete zone [" + siteid + "][" + azone + "][" + token + "] ?",
144         callback: function(result) {
145             if ( result )
146             {
147                 location.assign("/gamma/deleteZone?siteid=" + siteid + "&azone=" + azone + "&token=" + token);
148             }
149             return;
150         },
151         buttons: {
152             cancel: {
153                 label: "Cancel"
154             },
155             confirm: {
156                 label: "Yes"
157             }
158         }
159     });
160 }
161 </script>
162
163
164 </body>
165 </html>
166