angularjs-batarang/HintCtrl.js

angular.module('ngHintUI',[]);

angular.module('ngHintUI')
  .controller('HintCtrl', ['$scope',
    function($scope){
      $scope.module, $scope.type, $scope.isEmpty = '';

      //message data will be an array sent from hint log to batarang to here

      // connect to background page
      var port = chrome.extension.connect();
      port.onMessage.addListener(function(msg) {
        $scope.$apply(function () {
          $scope.messageData.Directives['Error-Messages'].push(msg + ' ' + Math.random());
        });
      });
      port.onDisconnect.addListener(function (a) {
        console.log(a);
      });

      $scope.messageData = {
        'Modules': {
          'Error-Messages': ['qwer$scope is a message', 'So issdfs $scope', 'Dont forget asdfsbout me too'],
          'Warning-Messages': ['$scope is sdfa message', 'So iqws $scope', 'Dontasdf forget about me too'],
          'Suggestion-Messages': ['$scope meerqessage', 'So is thsdgsis', 'Dont foasdfrget asdfabout me too'],
        },
        'Directives': {
          'Error-Messages': ['rty$scope is asdfnot message', 'So ishggh $scope, not', 'Dont forgedfh abohkhut me too, jk'],
          'Warning-Messages': ['$scope not mqweressage', 'So is $scope, not', 'Dont forget abfghfout me too, jk'],
          'Suggestion-Messages': ['$scope is not masdessage', 'So is thiddfss, not', 'Dont forget abohmgut me too, jk'],
        },
      };

      $scope.labels = ['All-Messages', 'Error-Messages', 'Warning-Messages', 'Suggestion-Messages'];

      (function(self){
        var all = {
          'All-Messages': [],
          'Error-Messages': [],
          'Warning-Messages': [],
          'Suggestion-Messages': []
        };
        for(var id in self.messageData) {
          self.messageData[id]['All-Messages'] = [];
          for(var type in self.messageData[id]) {
            self.messageData[id][type].forEach(function(message) {
              if(type !== 'All-Messages'){
                all['All-Messages'].push({message: message, type: type, module: id});
                all[type].push(message);
                self.messageData[id]['All-Messages'].push({message: message, type: type});
              }
            });
          }
        }
        self.messageData['All'] = all;
      })($scope);

      $scope.dashesToSpace = function(str) {
        return str.replace(/-/g,' ');
      }

      $scope.setModule = function(module) {
        $scope.module = module;
      }
      $scope.setType = function(type) {
        $scope.isEmpty = '';
        if($scope.messageData[$scope.module][type].length === 0) {
          $scope.isEmpty = 'There are no messages in this category.';
        }
        $scope.type = type;
      }
      $scope.setModule('Directives');
      $scope.setType('All-Messages');
  }]);