1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
|
var WebDeveloper = WebDeveloper || {};
WebDeveloper.OutlineCustomElements = WebDeveloper.OutlineCustomElements || {};
// Handles the outline custom elements dialog being accepted
WebDeveloper.OutlineCustomElements.accept = function()
{
// Loop through the outline custom elements
for(var i = 1; i <= 5; i++)
{
WebDeveloper.Preferences.setExtensionStringPreference("outline.custom.element." + i, document.getElementById("web-developer-outline-custom-element-" + i).value);
WebDeveloper.Preferences.setExtensionStringPreference("outline.custom.element." + i + ".color", document.getElementById("web-developer-outline-custom-element-" + i + "-color").color);
}
WebDeveloper.OutlineCustomElements.outline();
return true;
};
// Initializes the outline custom elements dialog
WebDeveloper.OutlineCustomElements.initialize = function()
{
// Loop through the outline custom elements
for(var i = 1; i <= 5; i++)
{
document.getElementById("web-developer-outline-custom-element-" + i).value = WebDeveloper.Preferences.getExtensionStringPreference("outline.custom.element." + i) ;
document.getElementById("web-developer-outline-custom-element-" + i + "-color").color = WebDeveloper.Preferences.getExtensionStringPreference("outline.custom.element." + i + ".color");
}
};
// Outlines the custom elements
WebDeveloper.OutlineCustomElements.outline = function()
{
var contentDocument = null;
var documents = WebDeveloper.Content.getDocuments(WebDeveloper.Common.getContentWindow());
var outlineColor = null;
var outlineElement = null;
var outlineElements = null;
var outlineElementValue = null;
var showElementTagNames = WebDeveloper.Preferences.getExtensionBooleanPreference("outline.show.element.tag.names");
var styleElement = null;
var styles = null;
// Loop through the documents
for(var i = 0, l = documents.length; i < l; i++)
{
contentDocument = documents[i];
styles = "";
// Loop through outline custom elements
for(var j = 1; j <= 5; j++)
{
outlineColor = WebDeveloper.Preferences.getExtensionStringPreference("outline.custom.element." + j + ".color");
outlineElement = WebDeveloper.Preferences.getExtensionStringPreference("outline.custom.element." + j);
// If the outline color and element are set
if(outlineColor && outlineElement)
{
outlineElements = outlineElement.split(",");
// Loop through the elements
for(var k = 0, m = outlineElements.length; k < m; k++)
{
outlineElementValue = outlineElements[k].trim();
styles += outlineElementValue + " { outline: 1px solid " + outlineColor + " !important; } ";
// If showing element tag names
if(showElementTagNames)
{
styles += outlineElementValue + ':before { content: "<' + outlineElementValue + '>" !important; } ';
}
}
}
}
// If the styles are set
if(styles)
{
styleElement = contentDocument.createElement("style");
styleElement.appendChild(contentDocument.createTextNode(styles));
styleElement.setAttribute("id", "web-developer-outline-custom-elements");
WebDeveloper.Common.getDocumentHeadElement(contentDocument).appendChild(styleElement);
}
// If showing element tag names
if(showElementTagNames)
{
WebDeveloper.Common.toggleStyleSheet("features/style-sheets/before.css", "web-developer-outline-custom-elements-before", contentDocument, false);
}
}
WebDeveloper.Storage.toggleFeature(window.arguments[0]);
};
|
