diff options
Diffstat (limited to 'ransim/ransimctrlr/RANSIM-GUI/src/main/webapp/newmodify.html')
| -rw-r--r-- | ransim/ransimctrlr/RANSIM-GUI/src/main/webapp/newmodify.html | 157 |
1 files changed, 157 insertions, 0 deletions
diff --git a/ransim/ransimctrlr/RANSIM-GUI/src/main/webapp/newmodify.html b/ransim/ransimctrlr/RANSIM-GUI/src/main/webapp/newmodify.html new file mode 100644 index 0000000..4862475 --- /dev/null +++ b/ransim/ransimctrlr/RANSIM-GUI/src/main/webapp/newmodify.html @@ -0,0 +1,157 @@ +<!-- + * ============LICENSE_START======================================================= + * Ran Simulator Controller + * ================================================================================ + * Copyright (C) 2020 Wipro Limited. + * ================================================================================ + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + * ============LICENSE_END========================================================= + */ + --> + +<html> + <head> + <title>Modify Cell Configuration</title> + <script src="angular.min.js"></script> + <style> + table, th , td { + border: 1px solid grey; + border-collapse: collapse; + padding: 5px; + } + + table tr:nth-child(odd) { + background-color: #f2f2f2; + } + + table tr:nth-child(even) { + background-color: #ffffff; + } + </style> + </head> + <body><center> + <h2>Modify Cell Configuration</h2> + <div data-ng-init="onloadFun()" ng-app = "mainApp" ng-controller = "configController"> + <form name = "configForm" novalidate> + <table border = "0" align=center> + <tr> + <td>Node Id:</td> + <td><input name = "nodeId" type = "string" ng-model = "nodeId" required disabled> + <br><span style = "color:red" ng-show = "configForm.nodeId.$dirty && configForm.nodeId.$invalid"> + <span ng-show = "configForm.nodeId.$error.required">Node Id is mandatory.</span> + </span> + </td> + </tr> + <tr> + <td>Physical Cell Id:</td> + <td><input name = "oldPhysicalCellId" type = "number" ng-model = "oldPhysicalCellId" required disabled> + <br> + </td> + </tr> + <!-- tr> + <td>New Physical Cell Id:</td> + <td><input name = "newPhysicalCellId" type = "number" ng-model = "newPhysicalCellId" required> + <br><span style = "color:red" ng-show = "configForm.newPhysicalCellId.$dirty && configForm.newPhysicalCellId.$invalid"> + <span ng-show = "configForm.newPhysicalCellId.$error.required">New Physical Cell Id is mandatory.</span> + </span> + </td> + </tr --> + <tr> + <td>Existing Neighbors:</td> + <td><textarea name = "existingNbrs" rows="8" cols="31" type = "string" ng-model = "existingNbrs" disabled></textarea> + <br> + </td> + </tr> + <tr> + <td>New Neighbors:</td> + <td><textarea name = "newNbrs" rows="8" cols="31" type = "string" ng-model = "newNbrs"></textarea> + <br> + </td> + </tr> + <tr> + <td colspan=2 align=right> + <button ng-disabled = "configForm.newPhysicalCellId.$dirty && + configForm.newPhysicalCellId.$invalid || configForm.nodeId.$dirty && + configForm.nodeId.$invalid" ng-click="modifyCell()">Modify</button> + <button ng-click = "close()">Cancel</button> + </td> + </tr> + </table> + </form> + </div> + <script> + var mainApp = angular.module("mainApp", []); + mainApp.controller('configController',['$scope', '$http', '$location', function($scope, $http, $location) { + $scope.modifyCell = function() { + + var formVal = { + "newPhysicalCellId": $scope.oldPhysicalCellId, + "nodeId": $scope.nodeId, + "newNbrs": $scope.newNbrs + } + var dataObj = JSON.stringify(formVal); + + + var res = $http.post('/ransim/api/ModifyACell', dataObj) + .then(function successCallback(response){ + + alert("Modified Successfully"); + window.close(); + }, function errorCallback(response){ + + alert("Modify Failed"); + window.close(); + }); + }; + $scope.close = function(){ + window.close(); + } + $scope.onloadFun = function(){ + parts = {"queryvars": {}}, + absUrl = $location.absUrl(), + // extract and parse url + elements = absUrl.split("?"); + // query string + // parse quesry string + parts["queryString"] = elements[1]; + if ( elements[1] ) { + parts["hashString"] = (parts["queryString"].split("#"))[1]; + parts["requestParams"] = ((parts["queryString"].split("#"))[0]).split("&"); + + parts["requestParams"].forEach(function(queryStringVariable) { + var __variable = queryStringVariable.split("="); + parts.queryvars[__variable[0]] = __variable[1]; + }); + //alert("Parts : "+JSON.stringify(parts)); + if (parts.queryvars["cid"] !== "undefined") { + //alert("CID : "+parts.queryvars["cid"]); + $scope.nodeId = parts.queryvars["cid"]; + } + if (parts.queryvars["pcid"] !== "undefined") { + //alert("PC Id : "+parts.queryvars["pcid"]); + $scope.newPhysicalCellId = parseInt(parts.queryvars["pcid"]); + $scope.oldPhysicalCellId = parseInt(parts.queryvars["pcid"]); + } + //neighbrList + //neighbrList=Chn204%2CChn203%2CChn403%2CChn302%2CChn304%2CChn202 + if (parts.queryvars["neighbrList"] !== "undefined") { + + $scope.existingNbrs = unescape(parts.queryvars["neighbrList"]); + $scope.newNbrs = unescape(parts.queryvars["neighbrList"]); + } + } + } + }]); + </script> + <center></body> +</html> |