1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- 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){
- $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);
- var percentages = getPercentages(a, b);
- bg1.style.width = percentages.a + "%";
- bg2.style.width = percentages.b + "%";
- $scope.$apply(function () {
- $scope.aPercent = percentages.a;
- $scope.bPercent = percentages.b;
- $scope.total = a + b;
- });
- });
- };
- var init = function(){
- document.body.style.opacity=1;
- updateScores();
- };
- socket.on('message',function(data){
- init();
- });
- });
- function getPercentages(a, b) {
- var result = {};
- if (a + b > 0) {
- result.a = Math.round(a / (a + b) * 100);
- result.b = 100 - result.a;
- } else {
- result.a = result.b = 50;
- }
- return result;
- }
|