1 /* Copyright 2016-2017, Huawei Technologies Co., Ltd.
\r
3 * Licensed under the Apache License, Version 2.0 (the "License");
\r
4 * you may not use this file except in compliance with the License.
\r
5 * You may obtain a copy of the License at
\r
7 * http://www.apache.org/licenses/LICENSE-2.0
\r
9 * Unless required by applicable law or agreed to in writing, software
\r
10 * distributed under the License is distributed on an "AS IS" BASIS,
\r
11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
\r
12 * See the License for the specific language governing permissions and
\r
13 * limitations under the License.
\r
17 $.getJSON("./conf/dataconfig.json", function (jsonData){
\r
18 url = jsonData.url +":"+ jsonData.port;
\r
19 console.log("URL = " + url);
\r
22 $('.siteDeleteImg').click(function () {
\r
23 var data = $(this).parent().parent().parent().find('td:last').find('div:last').html();
\r
25 var jsonObj = JSON.parse(data);
\r
26 for (var i = 0; i < jsonObj.length; i++) {
\r
27 var obj = jsonObj[i];
\r
28 var rowData = [obj.tpName, obj.peName, obj.vlanId, obj.siteCidr, obj.ip];
\r
29 $('#underlayTpDataTable').DataTable();
\r
30 $('#underlayTpDataTable').dataTable().fnAddData(rowData);
\r
35 function deleteSite(objectId) {
\r
36 var requestUrl = url + "/openoapi/sdnobrs/v1/sites/" + objectId;
\r
41 contentType: "application/json",
\r
42 success: function (jsonobj) {
\r
43 $('#site').bootstrapTable('remove', {
\r
47 alert("Delete Site successfull !!!");
\r
49 error: function (xhr, ajaxOptions, thrownError) {
\r
50 alert("Error on deleting site: " + xhr.responseText);
\r
54 function deleteLink(objectId) {
\r
55 var requestUrl = url + "/openoapi/sdnobrs/v1/topological-links/" + objectId;
\r
60 contentType: "application/json",
\r
61 success: function (jsonobj) {
\r
62 $('#link').bootstrapTable('remove', {
\r
66 alert("Delete Link successfull !!!");
\r
68 error: function (xhr, ajaxOptions, thrownError) {
\r
69 alert("Error on deleting link : " + xhr.responseText);
\r
74 function deleteNe(objectId) {
\r
75 var requestUrl = url + "/openoapi/sdnobrs/v1/managed-elements/" + objectId;
\r
80 contentType: "application/json",
\r
81 success: function (jsonobj) {
\r
82 $('#ne').bootstrapTable('remove', {
\r
86 alert("Delete NE successfull !!!");
\r
88 error: function (xhr, ajaxOptions, thrownError) {
\r
89 alert("Error on deleting ne : " + xhr.responseText);
\r
94 function deletePort(objectId) {
\r
95 var requestUrl = url + "/openoapi/sdnobrs/v1/logical-termination-points/" + objectId;
\r
100 contentType: "application/json",
\r
101 success: function (jsonobj) {
\r
102 $('#port').bootstrapTable('remove', {
\r
106 alert("Delete Port successfull !!!");
\r
108 error: function (xhr, ajaxOptions, thrownError) {
\r
109 alert("Error on deleting port : " + xhr.responseText);
\r
113 function loadSiteData() {
\r
114 var requestUrl = url + "/openoapi/sdnobrs/v1/sites";
\r
119 contentType: "application/json",
\r
120 success: function (jsonobj) {
\r
121 $('#site').bootstrapTable({
\r
122 data: jsonobj.sites
\r
125 error: function (xhr, ajaxOptions, thrownError) {
\r
126 alert("Error on getting site data : " + xhr.responseText);
\r
130 function loadLinkData() {
\r
131 var requestUrl = url + "/openoapi/sdnobrs/v1/topological-links";
\r
136 contentType: "application/json",
\r
137 success: function (jsonobj) {
\r
138 $('#link').bootstrapTable({
\r
139 data: jsonobj.topologicalLinks
\r
142 error: function (xhr, ajaxOptions, thrownError) {
\r
143 alert("Error on getting link data : " + xhr.responseText);
\r
147 function loadNeData() {
\r
148 var requestUrl = url + "/openoapi/sdnobrs/v1/managed-elements";
\r
153 contentType: "application/json",
\r
154 success: function (jsonobj) {
\r
155 $('#ne').bootstrapTable({
\r
156 data: jsonobj.managedElements
\r
159 error: function (xhr, ajaxOptions, thrownError) {
\r
160 alert("Error on getting ne data : " + xhr.responseText);
\r
164 function loadPortData() {
\r
165 var requestUrl = url + "/openoapi/sdnobrs/v1/logical-termination-points";
\r
170 contentType: "application/json",
\r
171 success: function (jsonobj) {
\r
172 $('#port').bootstrapTable({
\r
173 data: jsonobj.logicalTerminationPoints
\r
176 error: function (xhr, ajaxOptions, thrownError) {
\r
177 alert("Error on getting port data : " + xhr.responseText);
\r
182 $('.creat-btn').click(function () {
\r
183 /*$('#vmAppDialog').addClass('in').css({'display': 'block'});*/
\r
184 $('#vmAppDialog').modal();
\r
186 $('.close,.button-previous').click(function () {
\r
187 $('#vmAppDialog').removeClass('in').css('display', 'none');
\r
189 $('.detail-top ul li').click(function () {
\r
190 $(this).addClass('current').siblings().removeClass('current');
\r
192 $('.para').click(function () {
\r
193 if ($('#serviceTemplateName').val() == '') {
\r
194 alert('Please choose the service templet!');
\r
195 $('#flavorTab').css('display', 'none');
\r
197 $('#flavorTab').css('display', 'block');
\r
199 $('#basicTab').css('display', 'block');
\r
201 $('.basic').click(function () {
\r
202 $('#flavorTab').css('display', 'none');
\r
205 /*$('.table tbody tr').click(function(){
\r
206 $(this).addClass('openoTable_row_selected').siblings().removeClass('openoTable_row_selected');
\r
208 $('.table tr:odd').addClass('active');
\r
209 $('#false').click(function () {
\r
210 /*$('#vmAppDialog').addClass('in').css({'display': 'block'});*/
\r
211 $('#vmAppDialog').modal();
\r
213 $('.close,.button-previous').click(function () {
\r
214 $('#vmAppDialog').removeClass('in').css('display', 'none');
\r
216 $('#filterTpLogicalType').click(function () {
\r
217 $('#filterTpLogicalType_select_popupcontainer').toggleClass('openo-hide');
\r
218 $('#filterTpLogicalType').toggleClass('openo-focus');
\r
219 var oLeft = $('#open_base_tpL_td6').offset().left;
\r
220 var oTop = $('#open_base_tpL_td6').offset().top;
\r
221 var oHeight = $('#open_base_tpL_td6').height();
\r
222 $('#filterTpLogicalType_select_popupcontainer').css({'left': oLeft, 'top': oTop + oHeight + 10});
\r
224 $('div.openo-select-popup-container>div.openo-select-item>label').click(function () {
\r
225 var Lvalue = $(this).html();
\r
226 $('#filterTpLogicalType_select_input').attr('value', Lvalue);
\r
227 $('#filterTpLogicalType_select_popupcontainer').addClass('openo-hide');
\r
228 $('#filterTpLogicalType').removeClass('openo-focus');
\r
230 $.fn.serializeObject = function () {
\r
232 var a = this.serializeArray();
\r
233 $.each(a, function () {
\r
234 if (o[this.name] !== undefined) {
\r
235 if (!o[this.name].push) {
\r
236 o[this.name] = [o[this.name]];
\r
238 o[this.name].push(this.value || '');
\r
240 o[this.name] = this.value || '';
\r
245 $('#createSite').click(function () {
\r
246 var formData = JSON.stringify($("#vmAppForm").serializeObject());
\r
247 var jsonobj = JSON.parse(formData);
\r
248 var newJson = {"site": jsonobj};
\r
249 formData = JSON.stringify(newJson);
\r
250 var requestUrl = url + "/openoapi/sdnobrs/v1/sites";
\r
255 contentType: "application/json",
\r
258 success: function (jsonResp) {
\r
259 alert("Site saved successfully!!!");
\r
260 jsonobj["id"] = jsonResp.site.id;
\r
261 $('#site').bootstrapTable("append", jsonobj);
\r
262 $('#vmAppDialog').removeClass('in').css('display', 'none');
\r
264 error: function (xhr, ajaxOptions, thrownError) {
\r
265 alert("Error on page : " + xhr.responseText);
\r
270 $('#createNe').click(function () {
\r
271 var formData = JSON.stringify($("#neForm").serializeObject());
\r
272 var jsonobj = JSON.parse(formData);
\r
273 var newJson = {"managedElement": jsonobj};
\r
274 formData = JSON.stringify(newJson);
\r
275 var requestUrl = url + "/openoapi/sdnobrs/v1/managed-elements";
\r
280 contentType: "application/json",
\r
283 success: function (jsonResp) {
\r
284 alert("NE saved successfully!!!");
\r
285 jsonobj["id"] = jsonResp.managedElement.id;
\r
286 $('#ne').bootstrapTable("append", jsonobj);
\r
287 $('#vmAppDialog').removeClass('in').css('display', 'none');
\r
290 error: function (xhr, ajaxOptions, thrownError) {
\r
291 alert("Error on page : " + xhr.responseText);
\r
296 $('#createPort').click(function () {
\r
297 var formData = JSON.stringify($("#portForm").serializeObject());
\r
298 var jsonobj = JSON.parse(formData);
\r
299 var newJson = {"logicalTerminationPoint": jsonobj};
\r
300 formData = JSON.stringify(newJson);
\r
301 var requestUrl = url + "/openoapi/sdnobrs/v1/logical-termination-points";
\r
306 contentType: "application/json",
\r
309 success: function (jsonResp) {
\r
310 alert("Port saved successfully!!!");
\r
311 //TODO : hide model data window.
\r
312 jsonobj["id"] = jsonResp.logicalTerminationPoint.id;
\r
313 $('#port').bootstrapTable("append", jsonobj);
\r
314 $('#vmAppDialog').removeClass('in').css('display', 'none');
\r
317 error: function (xhr, ajaxOptions, thrownError) {
\r
318 alert("Error on page : " + xhr.responseText);
\r
323 $('#createLink').click(function () {
\r
324 var formData = JSON.stringify($("#linkForm").serializeObject());
\r
325 var jsonobj = JSON.parse(formData);
\r
326 var newJson = {"topologicalLink": jsonobj};
\r
327 formData = JSON.stringify(newJson);
\r
328 var requestUrl = url + "/openoapi/sdnobrs/v1/topological-links";
\r
333 contentType: "application/json",
\r
336 success: function (jsonResp) {
\r
337 alert("Link saved successfully!!!");
\r
338 jsonobj["id"] = jsonResp.topologicalLink.id;
\r
339 $('#link').bootstrapTable("append", jsonobj);
\r
340 $('#vmAppDialog').removeClass('in').css('display', 'none');
\r
343 error: function (xhr, ajaxOptions, thrownError) {
\r
344 alert("Error on page : " + xhr.responseText);
\r