loic/istic-openstack
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Create loading service

Browse source
This commit is contained in:
manzerbredes 2016-03-02 07:14:05 +01:00
parent e9108d4b97
commit 2d99f1ecf2
4 changed files with 49 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/index.html
View file

@ -28,8 +28,9 @@
<div ng-include="'./partials/login.html'"></div> <div ng-include="'./partials/login.html'"></div>
<!-- Machine Details Overlay --> <!-- Machine Details Overlay -->
<div ng-include="'./partials/home/machineDetails.html'"></div> <div ng-include="'./partials/home/machineDetails.html'"></div>
<div ng-include="'./partials/loading.html'"></div>
<!-- Nav --> <!-- Nav -->
<div ng-include="'./partials/nav.html'"></div> <div ng-include="'./partials/nav.html'"></div>
</div> </div>
</div> </div>
@ -79,6 +80,7 @@
<script src="./js/services/Identity.js"></script> <script src="./js/services/Identity.js"></script>
<script src="./js/services/Image.js"></script> <script src="./js/services/Image.js"></script>
<script src="./js/services/Compute.js"></script> <script src="./js/services/Compute.js"></script>
<script src="./js/services/Loading.js"></script>
<!-- Include controller --> <!-- Include controller -->
<script src="./js/controllers/login.js"></script> <script src="./js/controllers/login.js"></script>

8
client/js/controllers/home/main.js
View file

@ -3,24 +3,28 @@
* *
* @param {$scope} $scope The $scope service from angular * @param {$scope} $scope The $scope service from angular
*/ */
mainApp.controller('homeCtrl', [ '$scope', 'Compute', '$rootScope', function ($scope, Compute, $rootScope) mainApp.controller('homeCtrl', [ '$scope', 'Compute', '$rootScope', 'Loading', function ($scope, Compute, $rootScope, Loading)
{ {
var callMeAfterPullData=function(data){ var callMeAfterPullData=function(data){
$scope.machines=Compute.getData().machines; $scope.machines=Compute.getData().machines;
Loading.stop();
} }
Loading.start();
Compute.pullData(callMeAfterPullData); Compute.pullData(callMeAfterPullData);
$scope.raiseShowMachineDetailsEvent=function(id){ $scope.raiseShowMachineDetailsEvent=function(id){
var callback=function(){ var callback=function(){
Loading.stop();
var data=Compute.getData(); var data=Compute.getData();
$rootScope.$broadcast("showMachineDetailsEvent", data.machines[id], data.axioms); $rootScope.$broadcast("showMachineDetailsEvent", data.machines[id], data.axioms);
} }
Loading.start();
Compute.pullMachines(callback); Compute.pullMachines(callback);
} }

22
client/js/services/Loading.js Normal file
View file

@ -0,0 +1,22 @@
mainApp.factory('Loading',[ '$http', 'Identity', function($http, Identity){
var start=function(){
$('#loadingModal').modal({backdrop: 'static', keyboard: false});
};
var stop=function(){
$('#loadingModal').modal('hide');
}
return {
start:start,
stop:stop
};
}]);

18
client/partials/loading.html Normal file
View file

@ -0,0 +1,18 @@
<div class="modal fade" id="loadingModal" ng-controller="loginCtrl">
<div class="modal-dialog">
<div class="modal-content"></div>
</div>
<div class="modal-dialog" style="width:200px;">
<div class="modal-content">
<div class="modal-body" >
<div align="center">
<img src="images/spin/128x128/Preloader_8.gif" />
</div>
</div>
</div>
</div>
</div>