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 {
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/angular-route/angular-route.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 -->
<script src="node_modules/angular-cookies/angular-cookies.min.js"></script>

55
js/controllers/viewer.js
View File

@ -1,29 +1,34 @@
angular.module('bananaraceApp.controllers').controller('PouleViewerCtrl', ['$scope', '$routeParams', 'ViewerService', function($scope, $routeParams, ViewerService) {
var mod = angular.module('bananaraceApp.controllers', ['ngAnimate']);
//store all the teams
$scope.teamsInPoule = [];
$scope.currentTier = $routeParams.tier;
$scope.currentPoule = $routeParams.poule;
mod.controller('PouleViewerCtrl', ['$scope', '$routeParams', 'ViewerService',
function($scope, $routeParams, ViewerService) {
$scope.refreshTeamsForPoule = function() {
var idchampionship = $routeParams.idchampionship;
var tier = $routeParams.tier;
var poule = $routeParams.poule;
ViewerService.getTeamsForPoule(idchampionship, tier, poule).
success(function(data, status, headers, config) {
console.log('getTeamsForPoule successful...');
console.log(data);
if(data['ok']==true) {
$scope.teamsInPoule = data.teams;
} else {
console.log('call returned but wasnt ok: '+data.error);
}
}).
error(function(data, status, headers, config) {
console.log('getTeamsForPoule failed...');
});
};
//store all the teams
$scope.teamsInPoule = [];
$scope.refreshTeamsForPoule();
}]);
$scope.currentTier = $routeParams.tier;
$scope.currentPoule = $routeParams.poule;
$scope.refreshTeamsForPoule = function() {
var idchampionship = $routeParams.idchampionship;
var tier = $routeParams.tier;
var poule = $routeParams.poule;
ViewerService.getTeamsForPoule(idchampionship, tier, poule).
success(function(data, status, headers, config) {
console.log('getTeamsForPoule successful...');
console.log(data);
if (data['ok'] == true) {
$scope.teamsInPoule = data.teams;
} else {
console.log('call returned but wasnt ok: ' + data.error);
}
}).
error(function(data, status, headers, config) {
console.log('getTeamsForPoule failed...');
});
};
$scope.refreshTeamsForPoule();
}
]);