refactor(hintApp): simplify app
parent
f1b460e45a
commit
6911e08b73
@ -1 +1,134 @@
|
|||||||
angular.module('ngHintUI',[]);
|
angular.module('ngHintUI', []).
|
||||||
|
|
||||||
|
controller('HintController', ['$scope', 'hintService',
|
||||||
|
function($scope, hintService) {
|
||||||
|
|
||||||
|
//Set the hint service to perform this action when the page is refreshed
|
||||||
|
hintService.onRefresh(function() {
|
||||||
|
$scope.messageData = {
|
||||||
|
'All' : {
|
||||||
|
'Error Messages': [],
|
||||||
|
'Warning Messages': [],
|
||||||
|
'Suggestion Messages': [],
|
||||||
|
'All Messages': []
|
||||||
|
}
|
||||||
|
};
|
||||||
|
});
|
||||||
|
|
||||||
|
//Set the hint service to perform this action whenever
|
||||||
|
//a new hint message is received.
|
||||||
|
hintService.onHint(function(msg) {
|
||||||
|
//If there is no scope data, initialize a new data object
|
||||||
|
$scope.messageData = $scope.messageData || {
|
||||||
|
'All' : {
|
||||||
|
'Error Messages': [],
|
||||||
|
'Warning Messages': [],
|
||||||
|
'Suggestion Messages': [],
|
||||||
|
'All Messages': []
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// Split the hint message into useful information
|
||||||
|
var result = msg.split('##'),
|
||||||
|
modName = result[0],
|
||||||
|
message = result[1],
|
||||||
|
messageType = result[2];
|
||||||
|
|
||||||
|
//If there are no messages for this module, make new arrays for this module's messages
|
||||||
|
if(!$scope.messageData[modName]) {
|
||||||
|
$scope.messageData[modName] = {
|
||||||
|
'Error Messages': [],
|
||||||
|
'Warning Messages': [],
|
||||||
|
'Suggestion Messages': [],
|
||||||
|
'All Messages': []
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
$scope.messageData['All']['All Messages'].push({
|
||||||
|
message: message,
|
||||||
|
type: messageType,
|
||||||
|
module: modName
|
||||||
|
});
|
||||||
|
|
||||||
|
if(!$scope.messageData['All'][messageType]) {
|
||||||
|
$scope.messageData['All'][messageType] = [];
|
||||||
|
}
|
||||||
|
$scope.messageData['All'][messageType].push(message);
|
||||||
|
$scope.messageData[modName]['All Messages'].push({message: message, type: messageType});
|
||||||
|
$scope.messageData[modName][messageType].push(message);
|
||||||
|
});
|
||||||
|
|
||||||
|
$scope.suppressedMessages = {};
|
||||||
|
$scope.suppressedMessagesLength = 0;
|
||||||
|
|
||||||
|
$scope.labels = ['All Messages', 'Error Messages', 'Warning Messages', 'Suggestion Messages'];
|
||||||
|
|
||||||
|
$scope.setModule = function(module) {
|
||||||
|
$scope.module = module;
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.setType = function(type) {
|
||||||
|
$scope.type = type;
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.setModule('All');
|
||||||
|
$scope.setType('All Messages');
|
||||||
|
|
||||||
|
$scope.isSuppressed = function(message) {
|
||||||
|
message = message.split(' ').slice(6,9).join('');
|
||||||
|
return message in $scope.suppressedMessages;
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.suppressMessage = function(message) {
|
||||||
|
$scope.suppressedMessagesLength++;
|
||||||
|
|
||||||
|
var key = message.split(' ').slice(6,9).join('');
|
||||||
|
var secondSpace = message.indexOf(' ', message.indexOf(' '));
|
||||||
|
var endInd = 60;
|
||||||
|
while(message.charAt(endInd) !== ' ') {
|
||||||
|
endInd++;
|
||||||
|
if(endInd > 75) {
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
$scope.suppressedMessages[key] = '...' + message.substr(secondSpace+1,endInd) + '...';
|
||||||
|
};
|
||||||
|
|
||||||
|
$scope.unsuppressMessage = function(messageKey) {
|
||||||
|
$scope.suppressedMessagesLength--;
|
||||||
|
|
||||||
|
delete $scope.suppressedMessages[messageKey];
|
||||||
|
};
|
||||||
|
|
||||||
|
}]).
|
||||||
|
|
||||||
|
service('hintService', ['$rootScope', function($rootScope) {
|
||||||
|
var onHintCallback,
|
||||||
|
onRefreshCallback;
|
||||||
|
|
||||||
|
this.onHint = function(cb) {
|
||||||
|
onHintCallback = cb;
|
||||||
|
};
|
||||||
|
|
||||||
|
this.onRefresh = function(cb) {
|
||||||
|
onRefreshCallback = cb;
|
||||||
|
};
|
||||||
|
|
||||||
|
var port = chrome.extension.connect();
|
||||||
|
port.postMessage(chrome.devtools.inspectedWindow.tabId);
|
||||||
|
port.onMessage.addListener(function(msg) {
|
||||||
|
$rootScope.$apply(function () {
|
||||||
|
if (msg === 'refresh') {
|
||||||
|
onRefreshCallback();
|
||||||
|
} else {
|
||||||
|
onHintCallback(msg);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
||||||
|
port.onDisconnect.addListener(function (a) {
|
||||||
|
console.log(a);
|
||||||
|
});
|
||||||
|
|
||||||
|
}]);
|
||||||
|
|
||||||
|
@ -1,90 +0,0 @@
|
|||||||
angular.module('ngHintUI')
|
|
||||||
.controller('HintController', ['$scope', 'hintService',
|
|
||||||
function($scope, hintService) {
|
|
||||||
|
|
||||||
//Set the hint service to perform this action when the page is refreshed
|
|
||||||
hintService.setRefreshFunction(function() {
|
|
||||||
$scope.messageData = {
|
|
||||||
'All' : {
|
|
||||||
'Error Messages': [],
|
|
||||||
'Warning Messages': [],
|
|
||||||
'Suggestion Messages': [],
|
|
||||||
'All Messages': []
|
|
||||||
}
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
//Set the hint service to perform this action whenever
|
|
||||||
//a new hint message is received.
|
|
||||||
hintService.setHintFunction(function(msg) {
|
|
||||||
//If there is no scope data, initialize a new data object
|
|
||||||
$scope.messageData = $scope.messageData || {
|
|
||||||
'All' : {
|
|
||||||
'Error Messages': [],
|
|
||||||
'Warning Messages': [],
|
|
||||||
'Suggestion Messages': [],
|
|
||||||
'All Messages': []
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
//Split the hint message into useful information
|
|
||||||
var result = msg.split('##'),
|
|
||||||
modName = result[0],
|
|
||||||
message = result[1],
|
|
||||||
messageType = result[2];
|
|
||||||
|
|
||||||
//If there are no messages for this module, make new arrays for this module's messages
|
|
||||||
if(!$scope.messageData[modName]) {
|
|
||||||
$scope.messageData[modName] = {
|
|
||||||
'Error Messages': [],
|
|
||||||
'Warning Messages': [],
|
|
||||||
'Suggestion Messages': [],
|
|
||||||
'All Messages': []
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
$scope.messageData['All']['All Messages'].push({message: message, type: messageType, module: modName});
|
|
||||||
$scope.messageData['All'][messageType].push(message);
|
|
||||||
$scope.messageData[modName]['All Messages'].push({message: message, type: messageType});
|
|
||||||
$scope.messageData[modName][messageType].push(message);
|
|
||||||
$scope.$apply();
|
|
||||||
});
|
|
||||||
|
|
||||||
$scope.module, $scope.type, $scope.suppressedMessages = {}, $scope.suppressedMessagesLength = 0;
|
|
||||||
$scope.labels = ['All Messages', 'Error Messages', 'Warning Messages', 'Suggestion Messages'];
|
|
||||||
|
|
||||||
$scope.setModule = function(module) {
|
|
||||||
$scope.module = module;
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.setType = function(type) {
|
|
||||||
$scope.type = type;
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.setModule('All');
|
|
||||||
$scope.setType('All Messages');
|
|
||||||
|
|
||||||
$scope.isSuppressed = function(message) {
|
|
||||||
message = message.split(' ').slice(6,9).join('');
|
|
||||||
return message in $scope.suppressedMessages;
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.suppressMessage = function(message) {
|
|
||||||
$scope.suppressedMessagesLength++;
|
|
||||||
var key = message.split(' ').slice(6,9).join('');
|
|
||||||
var secondSpace = message.indexOf(' ', message.indexOf(' '));
|
|
||||||
var endInd = 60;
|
|
||||||
while(message.charAt(endInd) !== ' ') {
|
|
||||||
endInd++;
|
|
||||||
if(endInd > 75) {
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$scope.suppressedMessages[key] = '...'+message.substring(secondSpace+1,endInd)+'...';
|
|
||||||
};
|
|
||||||
|
|
||||||
$scope.unsuppressMessage = function(messageKey) {
|
|
||||||
$scope.suppressedMessagesLength--;
|
|
||||||
delete $scope.suppressedMessages[messageKey];
|
|
||||||
}
|
|
||||||
}]);
|
|
@ -1,30 +0,0 @@
|
|||||||
angular.module('ngHintUI').
|
|
||||||
service('hintService', function() {
|
|
||||||
var onHintFunction, onRefreshFunction;
|
|
||||||
|
|
||||||
this.setHintFunction = function(hintFunction) {
|
|
||||||
onHintFunction = hintFunction;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.getHintFunction = function() {
|
|
||||||
return onHintFunction;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.setRefreshFunction = function(refreshFunction) {
|
|
||||||
onRefreshFunction = refreshFunction;
|
|
||||||
}
|
|
||||||
|
|
||||||
this.getRefreshFunction = function() {
|
|
||||||
return onRefreshFunction;
|
|
||||||
}
|
|
||||||
|
|
||||||
var port = chrome.extension.connect();
|
|
||||||
port.postMessage(chrome.devtools.inspectedWindow.tabId);
|
|
||||||
port.onMessage.addListener(function(msg) {
|
|
||||||
msg == 'refresh' ? onRefreshFunction() : onHintFunction(msg);
|
|
||||||
});
|
|
||||||
|
|
||||||
port.onDisconnect.addListener(function (a) {
|
|
||||||
console.log(a);
|
|
||||||
});
|
|
||||||
});
|
|
Reference in New Issue