123456789101112131415161718192021222324252627282930313233343536373839404142434445 |
- var app = angular.module('catsvsdogs', []);
- var socket = io.connect({transports:['polling']});
- var bg1 = document.getElementById('background-stats-1');
- var bg2 = document.getElementById('background-stats-2');
- app.controller('statsCtrl', function($scope){
- var animateStats = function(a,b){
- if(a+b>0){
- var percentA = a/(a+b)*100;
- var percentB = 100-percentA;
- bg1.style.width= percentA+"%";
- bg2.style.width = percentB+"%";
- }
- };
- $scope.aPercent = 50;
- $scope.bPercent = 50;
- var updateScores = function(){
- socket.on('scores', function (json) {
- data = JSON.parse(json);
- var a = parseInt(data.a || 0);
- var b = parseInt(data.b || 0);
- animateStats(a, b);
- $scope.$apply(function() {
- if(a + b > 0){
- $scope.aPercent = a/(a+b) * 100;
- $scope.bPercent = b/(a+b) * 100;
- $scope.total = a + b
- }
- });
- });
- };
- var init = function(){
- document.body.style.opacity=1;
- updateScores();
- };
- socket.on('message',function(data){
- init();
- });
- });
|