openo-portal/portal-lifecyclemgr/src/main/webapp/lifecyclemgr/js/vpn.js

   1 /* Copyright 2016-2017, Huawei Technologies Co., Ltd.\r
   2  *\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
   6  *\r
   7  *    http://www.apache.org/licenses/LICENSE-2.0\r
   8  *\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
  14  */\r
  15 \r
  16 var url = "";\r
  17 $.getJSON("./conf/dataconfig.json", function (jsonData){\r
  18     url = jsonData.url +":"+ jsonData.port;\r
  19     console.log("URL = " + url);\r
  20 });\r
  21 \r
  22 function deleteSite(objectId) {\r
  23     alert(objectId);\r
  24     var requestUrl = "/openoapi/sdnobrs/v1/sites" + objectId;\r
  25     $\r
  26         .ajax({\r
  27             type: "DELETE",\r
  28             url: requestUrl,\r
  29             contentType: "application/json",\r
  30             success: function (jsonobj) {\r
  31                 alert("Details deleted successfully!!!");\r
  32                 //TODO: Update the table\r
  33             },\r
  34             error: function (xhr, ajaxOptions, thrownError) {\r
  35                 //alert("Error on deleting site: " + xhr.responseText);\r
  36             }\r
  37         });\r
  38 }\r
  39 function deleteLink(objectId) {\r
  40     var requestUrl = "/openoapi/sdnobrs/v1/topological-links" + objectId;\r
  41     $\r
  42         .ajax({\r
  43             type: "DELETE",\r
  44             url: requestUrl,\r
  45             contentType: "application/json",\r
  46             success: function (jsonobj) {\r
  47                 alert("Details deleted successfully!!!");\r
  48                 //TODO: Update the table\r
  49             },\r
  50             error: function (xhr, ajaxOptions, thrownError) {\r
  51                 alert("Error on deleting link : " + xhr.responseText);\r
  52             }\r
  53         });\r
  54 }\r
  55 \r
  56 function deleteNe(objectId) {\r
  57     var requestUrl = "/sdnobrs/v1/managed-elements" + objectId;\r
  58     $\r
  59         .ajax({\r
  60             type: "DELETE",\r
  61             url: requestUrl,\r
  62             contentType: "application/json",\r
  63             success: function (jsonobj) {\r
  64                 alert("Details deleted successfully!!!");\r
  65                 //TODO: Update the table\r
  66             },\r
  67             error: function (xhr, ajaxOptions, thrownError) {\r
  68                 alert("Error on deleting ne : " + xhr.responseText);\r
  69             }\r
  70         });\r
  71 }\r
  72 \r
  73 function deletePort(objectId) {\r
  74     var requestUrl = "/openoapi/sdnobrs/v1/logical-termination-points" + objectId;\r
  75     $\r
  76         .ajax({\r
  77             type: "DELETE",\r
  78             url: requestUrl,\r
  79             contentType: "application/json",\r
  80             success: function (jsonobj) {\r
  81                 alert("Details deleted successfully!!!");\r
  82                 //TODO: Update the table\r
  83             },\r
  84             error: function (xhr, ajaxOptions, thrownError) {\r
  85                 alert("Error on deleting port : " + xhr.responseText);\r
  86             }\r
  87         });\r
  88 }\r
  89 function loadSiteData() {\r
  90     var requestUrl = "/openoapi/sdnobrs/v1/sites";\r
  91     $\r
  92         .ajax({\r
  93             type: "GET",\r
  94             url: requestUrl,\r
  95             contentType: "application/json",\r
  96             success: function (jsonobj) {\r
  97                 alert("loading Site data");\r
  98                 //TODO: Update the table\r
  99             },\r
 100             error: function (xhr, ajaxOptions, thrownError) {\r
 101                 alert("Error on getting site data : " + xhr.responseText);\r
 102             }\r
 103         });\r
 104 }\r
 105 function loadLinkData() {\r
 106     var requestUrl = "/openoapi/sdnobrs/v1/topological-links";\r
 107     $\r
 108         .ajax({\r
 109             type: "GET",\r
 110             url: requestUrl,\r
 111             contentType: "application/json",\r
 112             success: function (jsonobj) {\r
 113                 alert("loading Link data");\r
 114                 //TODO: Update the table\r
 115             },\r
 116             error: function (xhr, ajaxOptions, thrownError) {\r
 117                 alert("Error on getting link data : " + xhr.responseText);\r
 118             }\r
 119         });\r
 120 }\r
 121 function loadNeData() {\r
 122     var requestUrl = "/sdnobrs/v1/managed-elements";\r
 123     $\r
 124         .ajax({\r
 125             type: "GET",\r
 126             url: requestUrl,\r
 127             contentType: "application/json",\r
 128             success: function (jsonobj) {\r
 129                 alert("loading NE data");\r
 130                 //TODO: Update the table\r
 131             },\r
 132             error: function (xhr, ajaxOptions, thrownError) {\r
 133                 alert("Error on getting ne data : " + xhr.responseText);\r
 134             }\r
 135         });\r
 136 }\r
 137 function loadPortData() {\r
 138     var requestUrl = "/openoapi/sdnobrs/v1/logical-termination-points";\r
 139     $\r
 140         .ajax({\r
 141             type: "GET",\r
 142             url: requestUrl,\r
 143             contentType: "application/json",\r
 144             success: function (jsonobj) {\r
 145                 alert("loading port data");\r
 146                 //TODO: Update the table\r
 147             },\r
 148             error: function (xhr, ajaxOptions, thrownError) {\r
 149                 alert("Error on getting port data : " + xhr.responseText);\r
 150             }\r
 151         });\r
 152 }\r
 153 $(function () {\r
 154     $('.creat-btn').click(function () {\r
 155         $('#vmAppDialog').addClass('in').css({'display': 'block'});\r
 156 \r
 157     });\r
 158     $('.close,.button-previous').click(function () {\r
 159         $('#vmAppDialog').removeClass('in').css('display', 'none');\r
 160     });\r
 161     $('.detail-top ul li').click(function () {\r
 162         $(this).addClass('current').siblings().removeClass('current');\r
 163     });\r
 164     $('.para').click(function () {\r
 165         if ($('#serviceTemplateName').val() == '') {\r
 166             alert('Please choose the service templet！');\r
 167             $('#flavorTab').css('display', 'none');\r
 168         } else {\r
 169             $('#flavorTab').css('display', 'block');\r
 170         }\r
 171         $('#basicTab').css('display', 'block');\r
 172     });\r
 173     $('.basic').click(function () {\r
 174         $('#flavorTab').css('display', 'none');\r
 175     });\r
 176 \r
 177     $('.table tbody tr').click(function () {\r
 178         $(this).addClass('openoTable_row_selected').siblings().removeClass('openoTable_row_selected');\r
 179     });\r
 180     $('.table tr:odd').addClass('active');\r
 181     $('#false').click(function () {\r
 182         $('#vmAppDialog').addClass('in').css({'display': 'block'});\r
 183     });\r
 184     $('.close,.button-previous').click(function () {\r
 185         $('#vmAppDialog').removeClass('in').css('display', 'none');\r
 186     });\r
 187     $('#filterTpLogicalType').click(function () {\r
 188         $('#filterTpLogicalType_select_popupcontainer').toggleClass('openo-hide');\r
 189         $('#filterTpLogicalType').toggleClass('openo-focus');\r
 190         var oLeft = $('#open_base_tpL_td6').offset().left;\r
 191         var oTop = $('#open_base_tpL_td6').offset().top;\r
 192         var oHeight = $('#open_base_tpL_td6').height();\r
 193         $('#filterTpLogicalType_select_popupcontainer').css({'left': oLeft, 'top': oTop + oHeight + 10});\r
 194     });\r
 195     $('div.openo-select-popup-container>div.openo-select-item>label').click(function () {\r
 196         var Lvalue = $(this).html();\r
 197         $('#filterTpLogicalType_select_input').attr('value', Lvalue);\r
 198         $('#filterTpLogicalType_select_popupcontainer').addClass('openo-hide');\r
 199         $('#filterTpLogicalType').removeClass('openo-focus');\r
 200     });\r
 201     $.fn.serializeObject = function () {\r
 202         var o = {};\r
 203         var a = this.serializeArray();\r
 204         $.each(a, function () {\r
 205             if (o[this.name] !== undefined) {\r
 206                 if (!o[this.name].push) {\r
 207                     o[this.name] = [o[this.name]];\r
 208                 }\r
 209                 o[this.name].push(this.value || '');\r
 210             } else {\r
 211                 o[this.name] = this.value || '';\r
 212             }\r
 213         });\r
 214         return o;\r
 215     };\r
 216     $('#createSite').click(function () {\r
 217         var formData = JSON.stringify($("#vmAppForm").serializeObject());\r
 218         alert(formData);\r
 219         var jsonobj = JSON.parse(formData);\r
 220         var requestUrl = "/openoapi/sdnobrs/v1/sites";\r
 221         $\r
 222             .ajax({\r
 223                 type: "POST",\r
 224                 url: requestUrl,\r
 225                 contentType: "application/json",\r
 226                 dataType: "json",\r
 227                 data: formData,\r
 228                 success: function (jsonobj) {\r
 229                     alert("Details saved successfully!!!");\r
 230                     var data = [jsonobj.name, jsonobj.hostName, jsonobj.productName, jsonobj.vendor, jsonobj.description];\r
 231                     $('#example').dataTable().fnAddData(data);\r
 232                     $('.modal').modal('hide');\r
 233                 },\r
 234                 error: function (xhr, ajaxOptions, thrownError) {\r
 235                     alert("Error on page : " + xhr.responseText);\r
 236                 }\r
 237             });\r
 238     });\r
 239 \r
 240     $('#createNe').click(function () {\r
 241         var formData = JSON.stringify($("#neForm").serializeObject());\r
 242         alert(formData);\r
 243         var jsonobj = JSON.parse(formData);\r
 244         var requestUrl = "/sdnobrs/v1/managed-elements";\r
 245         $\r
 246             .ajax({\r
 247                 type: "POST",\r
 248                 url: requestUrl,\r
 249                 contentType: "application/json",\r
 250                 dataType: "json",\r
 251                 data: formData,\r
 252                 success: function (jsonobj) {\r
 253                     alert("Details saved successfully!!!");\r
 254                     var data = [jsonobj.name, jsonobj.hostName, jsonobj.productName, jsonobj.vendor, jsonobj.description];\r
 255                     $('#example').dataTable().fnAddData(data);\r
 256                     $('.modal').modal('hide');\r
 257                 },\r
 258                 error: function (xhr, ajaxOptions, thrownError) {\r
 259                     alert("Error on page : " + xhr.responseText);\r
 260                 }\r
 261             });\r
 262     });\r
 263 \r
 264     $('#createPort').click(function () {\r
 265         var formData = JSON.stringify($("#portForm").serializeObject());\r
 266         alert(formData);\r
 267         var jsonobj = JSON.parse(formData);\r
 268         var requestUrl = "/openoapi/sdnobrs/v1/logical-termination-points";\r
 269         $\r
 270             .ajax({\r
 271                 type: "POST",\r
 272                 url: requestUrl,\r
 273                 contentType: "application/json",\r
 274                 dataType: "json",\r
 275                 data: formData,\r
 276                 success: function (jsonobj) {\r
 277                     alert("Details saved successfully!!!");\r
 278                     var data = [jsonobj.name, jsonobj.hostName, jsonobj.productName, jsonobj.vendor, jsonobj.description];\r
 279                     $('#example').dataTable().fnAddData(data);\r
 280                     $('.modal').modal('hide');\r
 281                 },\r
 282                 error: function (xhr, ajaxOptions, thrownError) {\r
 283                     alert("Error on page : " + xhr.responseText);\r
 284                 }\r
 285             });\r
 286     });\r
 287 \r
 288     $('#createLink').click(function () {\r
 289         var formData = JSON.stringify($("#linkForm").serializeObject());\r
 290         alert(formData);\r
 291         var jsonobj = JSON.parse(formData);\r
 292         var requestUrl = "/openoapi/sdnobrs/v1/topological-links";\r
 293         $\r
 294             .ajax({\r
 295                 type: "POST",\r
 296                 url: requestUrl,\r
 297                 contentType: "application/json",\r
 298                 dataType: "json",\r
 299                 data: formData,\r
 300                 success: function (jsonobj) {\r
 301                     alert("Details saved successfully!!!");\r
 302                     var data = [jsonobj.name, jsonobj.hostName, jsonobj.productName, jsonobj.vendor, jsonobj.description];\r
 303                     $('#example').dataTable().fnAddData(data);\r
 304                     $('.modal').modal('hide');\r
 305                 },\r
 306                 error: function (xhr, ajaxOptions, thrownError) {\r
 307                     alert("Error on page : " + xhr.responseText);\r
 308                 }\r
 309             });\r
 310     });\r
 311 \r
 312 })\r