blob42
/
angularjs-batarang
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

moved CSS features to their own service, cleaned up services

Browse Source
test-unit-sauce
Brian Ford 12 years ago
parent c0aee3c066
commit a0f8358de2
5 changed files with 31 additions and 25 deletions
Show Stats Download Patch File Download Diff File

25
js/services/appContext.js
Unescape Escape View File

@ -1,5 +1,5 @@
// Service for doing stuff in the context of the application being debugged
panelApp.factory('appContext', function(chromeExtension) {
panelApp.factory('appContext', function (chromeExtension) {
// Private vars
// ============
@ -260,25 +260,6 @@ panelApp.factory('appContext', function(chromeExtension) {
// Actions
// -------
addCssRule: function (args) {
chromeExtension.eval(function (window, args) {
var styleSheet = document.styleSheets[document.styleSheets.length - 1];
styleSheet.insertRule(args.selector + '{' + args.style + '}', styleSheet.cssRules.length);
}, args);
},
removeCssRule: function (args) {
chromeExtension.eval(function (window, args) {
var styleSheet = document.styleSheets[document.styleSheets.length - 1];
var i;
for (i = styleSheet.cssRules.length - 1; i >= 0; i -= 1) {
if (styleSheet.cssRules[i].cssText === args.selector + ' { ' + args.style + '; }') {
styleSheet.deleteRule(i);
}
}
}, args);
},
clearHistogram: function (cb) {
chromeExtension.eval(function (window) {
window.__ngDebug.watchExp = {};
@ -304,12 +285,12 @@ panelApp.factory('appContext', function(chromeExtension) {
setDebug: function (setting) {
if (setting) {
chromeExtension.eval(function (window) {
window.document.cookie = '__ngDebug=true;'
window.document.cookie = '__ngDebug=true;';
window.document.location.reload();
});
} else {
chromeExtension.eval(function (window) {
window.document.cookie = '__ngDebug=false;'
window.document.cookie = '__ngDebug=false;';
window.document.location.reload();
});
}

23
js/services/appCss.js
Unescape Escape View File

@ -0,0 +1,23 @@
// Service for injecting CSS into the application
panelApp.factory('appCss', function (chromeExtension) {
return {
addCssRule: function (args) {
chromeExtension.eval(function (window, args) {
var styleSheet = document.styleSheets[document.styleSheets.length - 1];
styleSheet.insertRule(args.selector + '{' + args.style + '}', styleSheet.cssRules.length);
}, args);
},
removeCssRule: function (args) {
chromeExtension.eval(function (window, args) {
var styleSheet = document.styleSheets[document.styleSheets.length - 1];
var i;
for (i = styleSheet.cssRules.length - 1; i >= 0; i -= 1) {
if (styleSheet.cssRules[i].cssText === args.selector + ' { ' + args.style + '; }') {
styleSheet.deleteRule(i);
}
}
}, args);
}
};
});

6
js/services/appHighlight.js
Unescape Escape View File

@ -1,5 +1,5 @@
// Service for highlighting parts of the application
panelApp.factory('appHighlight', function (appContext) {
panelApp.factory('appHighlight', function (appCss) {
//TODO: improve look of highlighting; for instance, if an element is bound and a scope,
// you will only see the most recently applied outline
@ -27,9 +27,9 @@ panelApp.factory('appHighlight', function (appContext) {
var style = styles[i];
api[i] = function (setting) {
if (setting) {
appContext.addCssRule(style);
appCss.addCssRule(style);
} else {
appContext.removeCssRule(style);
appCss.removeCssRule(style);
}
}
}());

1
js/services/chromeExtension.js
Unescape Escape View File

@ -1,3 +1,4 @@
// abstraction layer for Chrome Extension APIs
panelApp.value('chromeExtension', {
sendRequest: function (requestName, cb) {
chrome.extension.sendRequest({

1
panel.html
Unescape Escape View File

@ -26,6 +26,7 @@
<script src="js/filters/sortByTime.js"></script>
<script src="js/services/appContext.js"></script>
<script src="js/services/appCss.js"></script>
<script src="js/services/appHighlight.js"></script>
<script src="js/services/chromeExtension.js"></script>
<script src="js/services/filesystem.js"></script>