stackforge/rubick
Code Issues Proposed changes

[ui] making loading indicator on 'run validation' button during validation

Browse Source
This commit is contained in:
Kirill Ishanov
2013-10-22 04:10:02 -07:00
parent cfea4240d8
commit 0e9a41d1e6
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
config-validator-ui-concept/js/controllers/validate_controller.js
View File

@@ -115,6 +115,7 @@ angular.module('rubick.controllers', []).
$scope.runValidation = function() { $scope.runValidation = function() {
var postData = { cluster_id: $scope.selectedCluster.id } var postData = { cluster_id: $scope.selectedCluster.id }
$scope.runningValidation = true;
$http.post('/validation', postData).success(function(job) { $http.post('/validation', postData).success(function(job) {
$scope.currentJobId = job.id; $scope.currentJobId = job.id;
@@ -127,9 +128,11 @@ angular.module('rubick.controllers', []).
case "success": case "success":
$scope.results = jobData.result; $scope.results = jobData.result;
$scope.diagnosticsFinished = true; $scope.diagnosticsFinished = true;
$scope.runningValidation = false;
break; break;
case "failure": case "failure":
$scope.jobError = jobData.message; $scope.jobError = jobData.message;
$scope.runningValidation = false;
break; break;
default: default:
poll(); poll();

5
config-validator-ui-concept/partials/main.html
View File

@@ -187,7 +187,10 @@
<div><strong>Cluster Name: </strong>{{selectedCluster.name}}</div> <div><strong>Cluster Name: </strong>{{selectedCluster.name}}</div>
<div><strong>Rules selected: </strong>{{rules.length}}</div> <div><strong>Rules selected: </strong>{{rules.length}}</div>
<div style="margin-top: 15px;"> <div style="margin-top: 15px;">
<a class="ui blue button" ng-click="runValidation()">Run Validation</a> <a class="ui blue button"
ng-click="runValidation()"
ng-class="{'loading': runningValidation}"
ng-disabled="runningValidation">Run Validation</a>
</div> </div>
</div> </div>
</div> </div>