app.js 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. var app = angular.module('catsvsdogs', []);
  2. var socket = io.connect({transports:['polling']});
  3. var bg1 = document.getElementById('background-stats-1');
  4. var bg2 = document.getElementById('background-stats-2');
  5. app.controller('statsCtrl', function($scope){
  6. var animateStats = function(a,b){
  7. if(a+b>0){
  8. var percentA = a/(a+b)*100;
  9. var percentB = 100-percentA;
  10. bg1.style.width= percentA+"%";
  11. bg2.style.width = percentB+"%";
  12. }
  13. };
  14. $scope.aPercent = 50;
  15. $scope.bPercent = 50;
  16. var updateScores = function(){
  17. socket.on('scores', function (json) {
  18. data = JSON.parse(json);
  19. var a = parseInt(data.a || 0);
  20. var b = parseInt(data.b || 0);
  21. animateStats(a, b);
  22. $scope.$apply(function() {
  23. if(a + b > 0){
  24. $scope.aPercent = a/(a+b) * 100;
  25. $scope.bPercent = b/(a+b) * 100;
  26. $scope.total = a + b
  27. }
  28. });
  29. });
  30. };
  31. var init = function(){
  32. document.body.style.opacity=1;
  33. updateScores();
  34. };
  35. socket.on('message',function(data){
  36. init();
  37. });
  38. });