...
Code Block | ||||||||
---|---|---|---|---|---|---|---|---|
| ||||||||
angular.module('GreenhouseUIApp', []) .controller('mainController', function($scope, QueryService) { $scope.greenhouses = []; $scope.httpEndpoint = ""; $scope.wsEndpoint = ""; $scope.getGreenhouses = function(){ QueryService.getGreenhouses($scope.httpEndpoint).then(function(response){ if(angular.isArray(response.Find.Result.Greenhouse)){ $scope.greenhouses = response.Find.Result.Greenhouse; } else if(angular.isObject(response.Find.Result.Greenhouse)){ $scope.greenhouses.push(response.Find.Result.Greenhouse); } $scope.selectedGreenhouse = $scope.greenhouses[0]; console.log($scope.greenhouses); }); }; $scope.replaceIPWithHostName = function(){ $scope.wsEndpoint = $scope.wsEndpoint.replace( /:.*?\:/, '://'+greenhouseHostName+':' ); $scope.httpEndpoint = $scope.httpEndpoint.replace( /:.*?\:/, '://'+greenhouseHostName+':' ); }; QueryService.discoverGreenhouseEndpoint().then(function(data){ angular.forEach(data.Find.projectEndpointMap.DataMap, function(obj){ if(obj.Value.indexOf("ws:") > -1){ $scope.wsEndpoint = obj.Value; } else if(obj.Value.indexOf("http:") > -1 || obj.Value.indexOf("https:") > -1){ $scope.httpEndpoint = obj.Value; } }); $scope.replaceIPWithHostName(); $scope.getGreenhouses(); }); } |
Deploy & Test
It is recommended to serve your applications (html,css,js) files directly from the running TQLEngine.
Download & Install TQLEngine
Please refer to download section to download and install TQLEngine.
Attach applications to the project (Locally) (Even if it is part of different Project)
Now you can point your browser to URL and load the UI