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