joachim/koerseadmin
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

animation startings

Browse Source
This commit is contained in:
Thomas 2015-09-17 00:29:20 +02:00
parent 4bbd081de6
commit 4a7931531a
3 changed files with 54 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
css/app.css
View File

@ -22,3 +22,26 @@ body {
.tierrow { .tierrow {
margin-bottom:10px; margin-bottom:10px;
} }
/*Animations*/
/* The starting CSS styles for the enter animation */
.fade.ng-enter {
transition:0.5s linear all;
opacity:0;
}
/* The finishing CSS styles for the enter animation */
.fade.ng-enter.ng-enter-active {
opacity:1;
}
/* now the element will fade out before it is removed from the DOM */
.fade.ng-leave {
transition:0.5s linear all;
opacity:1;
}
.fade.ng-leave.ng-leave-active {
opacity:0;
}

1
index.html
View File

@ -21,6 +21,7 @@
<script src="node_modules/jquery/dist/jquery.min.js"></script> <script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="node_modules/angular-route/angular-route.min.js"></script> <script src="node_modules/angular-route/angular-route.min.js"></script>
<script src="node_modules/angular-md5/angular-md5.min.js"></script> <script src="node_modules/angular-md5/angular-md5.min.js"></script>
<script src="node_modules/angular-animate/angular-animate.min.js"></script>
<!-- enable cookies --> <!-- enable cookies -->
<script src="node_modules/angular-cookies/angular-cookies.min.js"></script> <script src="node_modules/angular-cookies/angular-cookies.min.js"></script>

13
js/controllers/viewer.js
View File

@ -1,4 +1,8 @@
angular.module('bananaraceApp.controllers').controller('PouleViewerCtrl', ['$scope', '$routeParams', 'ViewerService', function($scope, $routeParams, ViewerService) { var mod = angular.module('bananaraceApp.controllers', ['ngAnimate']);
mod.controller('PouleViewerCtrl', ['$scope', '$routeParams', 'ViewerService',
function($scope, $routeParams, ViewerService) {
//store all the teams //store all the teams
$scope.teamsInPoule = []; $scope.teamsInPoule = [];
@ -14,10 +18,10 @@ angular.module('bananaraceApp.controllers').controller('PouleViewerCtrl', ['$sco
success(function(data, status, headers, config) { success(function(data, status, headers, config) {
console.log('getTeamsForPoule successful...'); console.log('getTeamsForPoule successful...');
console.log(data); console.log(data);
if(data['ok']==true) { if (data['ok'] == true) {
$scope.teamsInPoule = data.teams; $scope.teamsInPoule = data.teams;
} else { } else {
console.log('call returned but wasnt ok: '+data.error); console.log('call returned but wasnt ok: ' + data.error);
} }
}). }).
error(function(data, status, headers, config) { error(function(data, status, headers, config) {
@ -26,4 +30,5 @@ angular.module('bananaraceApp.controllers').controller('PouleViewerCtrl', ['$sco
}; };
$scope.refreshTeamsForPoule(); $scope.refreshTeamsForPoule();
}]); }
]);