<script> app.controller('createNewSIController',['$scope','$http',function ($scope,$http) { $scope.searchCategory = ""; $scope.searchString = ""; $scope.tableData=[]; $scope.displayData=[]; $scope.selectedSubscriber = $scope.tableData[0]; $scope.selectedServiceType = "Select Service Type"; function escapeRegExp(str) { return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|\&]/g, " "); } $scope.serviceTypes=["Select Service Type", "uCPE-VMS", "SDN-L3-BONDING", "SDN-ETHERNET-INTERNET"]; $scope.getSubscribers = function(refresh){ var refreshTxt = 'refresh_subscribers'; var getTxt = 'get_subscribers'; var selectedTxt = getTxt; if (refresh) selectedTxt = refreshTxt; $http.get(selectedTxt). then(function(response){ var data = JSON.parse(response.data.result); $scope.tableData = data['customer']; $scope.initSubscriberList(); }) .catch(function(data,status){ console.log("Error: " + status + " : " + data); }) .finally(function() { }); } $scope.initSubscriberList = function () { //$scope.selectedSubscriber = $scope.selectedSubscriber['subscriber-name'] || $scope.tableData[0]['subscriber-name']; $scope.selectedSubscriber = 'Select Subscriber Name'; } $scope.initSrvcTypeList = function () { $scope.selectedServiceType = $scope.serviceTypes[0]; } $scope.getSubscriberDetails = function(selectedSubscriber){ if (selectedSubscriber == 'Select Subscriber Name') return; $http.get('createsubscriber/' + encodeURIComponent(selectedSubscriber)). then(function(response){ // window.location.href = 'createsubscriberdetails.htm'; }) .catch(function(data,status){ console.log("Error: " + status + " : " + data); }) .finally(function() { }); } $scope.disableSubmitBtn = function (subName, svcType) { return (typeof subName === "undefined") && (svcType == 'Select Service Type'); //return (subName == 'Select Subscriber Name') && (svcType == 'Select Service Type'); } $scope.cancelCreateSI = function(selectedSubscriber){ window.location.href = 'welcome.htm'; } $scope.getSubscribers(false); //$scope.initSubscriberList(); }]); </script> <div ng-controller="createNewSIController"> <h1 class="heading1"><center>Create New Service Instance</center></h1> <BR> <table> <tr> <td width="5%" align="left"> <!-- <a ng-click="getSubscriberDetails(selectedSubscriber['global-customer-id']);" ng-disabled="disableSubmitBtn(selectedSubscriber['subscriber-name'], selectedServiceType);" ><img src="static/fusion/images/plus.png"></a>--> <input type="image" ng-click="getSubscriberDetails(selectedSubscriber['global-customer-id']);" ng-disabled="disableSubmitBtn(selectedSubscriber['subscriber-name'], selectedServiceType);" src="static/fusion/images/plus.png"/> </td> <td style="width:10%" align="left"><div class="fn-ebz-container"> <label class="fn-ebz-text-label">Subscriber:</label> </div> </td> <td style="width:30%"><div class="fn-ebz-container"> <select ng-model="selectedSubscriber" ng-options="resultdata['subscriber-name'] for resultdata in tableData" required> <option value="">Select Subscriber Name</option> </select> </div></td> <td width="5%" align="left"> <input type="image" ng-click="getSubscribers(true);" src="static/fusion/images/refresh.jpg"/> </td> <td width="5%"> </td> <td style="width:10%" align="left"> <div class="fn-ebz-container"> <label class="fn-ebz-text-label">Service Type:</label> </div> </td> <td style="width:32%"><div class="fn-ebz-container"> <select ng-model="selectedServiceType" ng-options="sType for sType in serviceTypes" ng-init="initSrvcTypeList();" ></select> </div> </td> <td width="5%"> </td> </tr> </table> <center> <button type="cancel" ng-click="cancelCreateSI();" att-button size="small">Cancel</button> </center> </div> <!-- Temporary solution for footer overlapping the men after talking to EComp SDK developer on 06/16/2016 --> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>