Initial commit for OpenECOMP SDN-C OA&M
[sdnc/oam.git] / admportal / views / gamma / listServiceHoming.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 </head>
11 <body>
12
13 <div class="well well-sm">
14 <h3>Service Homing</h3>
15 </div>
16
17 <% if ( typeof result != 'undefined' ) {
18                 if (result.code.length > 0) { 
19                         if ( result.code == 'success' ) { %>
20                                 <div class='alert alert-success' role='alert'>
21                                 <%
22                                 for ( x in result.msg ){ %>
23                                         <div><%= result.msg[x] %></div>
24                                 <% } %>
25                                 </div>
26                         <% } else { %> 
27                                 <div class='alert alert-danger' role='danger'>
28                                 <%
29                                 for ( x in result.msg ){ %>
30                                         <div><%= result.msg[x] %></div>
31                                 <% } %>
32                                 </div>
33                         <% } %>
34                 <% } %>
35 <% } %>
36
37 <% if( typeof privilege != 'undefined'){
38     var priv = privilege.privilege;
39 } else {
40     var priv = 'A';
41 } %>
42
43
44 <div class="container-fluid">
45
46         <% if (priv == 'A'){ %>
47         <div class="actions" style="padding:15px 0px;">
48     <button class="btn btn-primary" data-toggle="modal" data-target="#add_service_homing">
49       Add Service Homing
50     </button>
51         </div>
52         <% } %>
53
54         <table class="table table-hover table-condensed">
55       <thead>
56         <tr>
57                   <th>*Service Type</th>
58           <th>*LATA</th>
59                   <th>*Hubbing City Type</th>
60           <th>Latitude</th>
61           <th>Longitude</th>
62           <th>*Primary Site Name</th>
63           <th>Secondary Site Name</th>
64           <th>Tertiary Site Name</th>
65                    <% if(priv == 'A'){ %>
66           <th>Action</th>
67           <% } %>
68         </tr>
69       </thead>
70       <tbody>
71       <% var i=0; rows.forEach( function(row) { %> 
72         <tr>
73             <td><%= row.service_type %></td>
74             <td><%= row.lata %></td>
75             <td><%= row.hubbing_city_type%></td>
76             <td><%= row.latitude %></td>
77             <td><%= row.longitude %></td>
78             <td><%= row.primary_aic_site_name %></td>
79             <td><%= row.secondary_aic_site_name %></td>
80             <td><%= row.tertiary_aic_site_name %></td>
81                         <% if(priv == 'A') { %>
82             <td>
83                                 <button type="button" class="btn btn-default btn-xs"
84                     onclick="updateServiceHoming('<%=row.service_type %>','<%= row.lata %>','<%= row.hubbing_city_type %>','<%= row.latitude %>','<%= row.longitude %>','<%= row.primary_aic_site_name %>','<%= row.secondary_aic_site_name %>','<%= row.tertiary_aic_site_name %>');">Update</button>
85                                 <button type="button" class="btn btn-default btn-xs"
86                    onclick="deleteServiceHoming('<%= row.service_type %>','<%=row.lata %>','<%= row.hubbing_city_type %>');">Delete</button>
87             </td>
88             <% } %>
89
90         </tr>
91     <% i++; }); %>
92       </tbody>
93     </table>
94
95          <div class container>
96         <p><%= i %> rows in table.</p>
97     </div>
98
99
100         <% if(priv == 'A'){ %>
101         <div class="actions" style="padding:0px 25px;">
102         <form method="POST" action="/gamma/uploadServiceHoming" enctype="multipart/form-data">
103                 <div class="form-group">
104                 <label for="dest">File input</label>
105                 <input name="filename" type="file" id="dest">
106                 <p class="help-block">Choose a file to upload.</p>
107                 </div>
108                 <% if(priv == 'A') { %>
109             <button type="button" class="btn btn-default"
110                 onclick="uploadFile(this.form);">Upload File</button>
111         <% } else { %>
112             <button type="button" class="btn btn-default disabled"
113                 onclick="uploadFile(this.form);">Upload File</button>
114         <% } %>
115
116         </form>
117         </div>
118         <% } %>
119 </div>
120
121 <% include ../partials/add_service_homing %>
122 <% include ../partials/update_service_homing %>
123 <footer>
124     <% include ../partials/footer %>
125 </footer>
126
127 <script type="text/javascript">
128
129 function submitServiceHoming(form)
130 {
131         var errorMsg='';
132         var lata='';
133         var hubbing_city_type='';
134         var primary_aic_site_name='';
135         var latitude='';
136         var longitude='';
137
138         if ( form.name == 'addForm' )
139         {
140                 lata = form.nf_lata;
141                 hubbing_city_type = form.nf_hubbing_city_type;
142                 primary_aic_site_name = form.nf_primary_aic_site_name;
143                 latitude = form.nf_latitude;
144                 longitude = form.nf_longitude;
145         }
146         else
147         {
148                 lata = form.uf_lata;
149                 hubbing_city_type = form.uf_hubbing_city_type;
150                 primary_aic_site_name = form.uf_primary_aic_site_name;
151                 latitude = form.uf_latitude;
152                 longitude = form.uf_longitude;
153         }
154
155
156         if ( (lata.value == null) || (lata.value == "") || isblank(lata.value) )
157         {
158                 errorMsg += 'LATA is required.<br>';
159         }
160         if ( (hubbing_city_type.value == null) || (hubbing_city_type.value == "") || isblank(hubbing_city_type.value) )
161         {
162                 errorMsg += 'Hubbing City Type is required.<br>';
163         }
164         if ( (primary_aic_site_name.value == null) || (primary_aic_site_name.value == "") || isblank(primary_aic_site_name.value) ){
165                 errorMsg += 'Primary Site Name is required.<br>';
166         }
167         if( errorMsg.length > 0 ) {
168                 bootbox.alert(errorMsg);
169                 return;
170         }
171
172         if ( !isDigit(lata.value) )
173         {
174                 bootbox.alert('LATA must be a number.');
175                 return;
176         }
177         if ( latitude.length > 0 )
178         {
179                 if ( !isFloat(latitude.value) )
180                 {
181                         bootbox.alert('Latitude must be a float.');
182                         return;
183                 }
184         }
185         if ( longitude.length > 0 )
186         {
187                 if ( !isFloat(longitude.value) )
188                 {
189                         bootbox.alert('Longitude must be a float.');
190                         return;
191                 }
192         }
193         form.submit();
194 }
195
196 function updateServiceHoming(service_type,lata,hubbing_city_type,latitude,longitude,primary_aic_site_name,secondary_aic_site_name,tertiary_aic_site_name) {
197
198     document.getElementById('uf_service_type').value=service_type;
199     document.getElementById('uf_lata').value=lata
200     document.getElementById('uf_hubbing_city_type').value=hubbing_city_type;
201     document.getElementById('uf_latitude').value=latitude;
202     document.getElementById('uf_longitude').value=longitude;
203     document.getElementById('uf_primary_aic_site_name').value=primary_aic_site_name;
204     document.getElementById('uf_secondary_aic_site_name').value=secondary_aic_site_name;
205     document.getElementById('uf_tertiary_aic_site_name').value=tertiary_aic_site_name;
206
207     document.getElementById('uf_key_service_type').value=service_type;
208     document.getElementById('uf_key_lata').value=lata
209     document.getElementById('uf_key_hubbing_city_type').value=hubbing_city_type;
210
211     $('#update_service_homing').modal('show');
212 }
213
214 function deleteServiceHoming(service_type,lata,hubbing_city_type) {
215
216     bootbox.confirm({
217         message: "Are you sure you want to delete SERVICE_HOMING [" + service_type + "]" + "[" + lata + "][" + hubbing_city_type + "]",
218         callback: function(result) {
219             if ( result )
220             {
221                                 location.assign("/gamma/deleteServiceHoming?service_type=" + service_type + "&lata=" + lata + "&hubbing_city_type=" + hubbing_city_type);
222
223             }
224             return;
225         },
226         buttons: {
227             cancel: {
228                 label: "Cancel"
229             },
230             confirm: {
231                 label: "Yes"
232             }
233         }
234     });
235 }
236
237 </script>
238
239 </body>
240 </html>
241