diff --git a/HintCtrl.js b/HintCtrl.js new file mode 100644 index 0000000..424a4be --- /dev/null +++ b/HintCtrl.js @@ -0,0 +1,62 @@ +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 + $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'); + }]); \ No newline at end of file diff --git a/app.css b/app.css new file mode 100644 index 0000000..6cea09c --- /dev/null +++ b/app.css @@ -0,0 +1,7 @@ +.offsetTab{ + margin-left: 15px; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: #F3F3F3; +} diff --git a/devtoolsBackground.html b/devtoolsBackground.html new file mode 100644 index 0000000..cfcae41 --- /dev/null +++ b/devtoolsBackground.html @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/hint.html b/hint.html new file mode 100644 index 0000000..28fcbb7 --- /dev/null +++ b/hint.html @@ -0,0 +1,72 @@ + + + + + + + + + + + + + + + + +
+
+
+ +
+
+ +
+
+
+
+ +
+ + + + + + + + + + + + + + + + + +
No.ModuleMessageType
{{$index+1}}Hint {{message.module}}{{message.message || message}}{{message.type.substring(0,message.type.indexOf('-'))}}
+
+

+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/js/devtoolsBackground.js b/js/devtoolsBackground.js new file mode 100644 index 0000000..bc8a557 --- /dev/null +++ b/js/devtoolsBackground.js @@ -0,0 +1,7 @@ +var panels = chrome.devtools.panels; + +var angularPanel = panels.create( + "AngularJS", + "img/angular.png", + "hint.html" +);