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

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

View File

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

View File

@@ -187,7 +187,10 @@
<div><strong>Cluster Name: </strong>{{selectedCluster.name}}</div>
<div><strong>Rules selected: </strong>{{rules.length}}</div>
<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>