google
/
material-design-lite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Inline JS for style-guide. Unlikely to be changed.

master
Addy Osmani 2014-06-19 12:20:09 +01:00
parent 5f5cc0f6a6
commit 19d601eb93
1 changed files with 0 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
app/styleguide/code-sample.js
View File

@ -1,87 +0,0 @@
window.onload = function() {
createCodeSamples();
}
function createCodeSamples() {
var codeWrappers = document.querySelectorAll('.code-sample');
for(var i = 0; i < codeWrappers.length; i++) {
var codeWrapper = codeWrappers[i];
var clonedNodes = getClonedNonTextNodes(codeWrapper);
beautifyNodes(clonedNodes);
var preElement = document.createElement('pre');
var codeElement = document.createElement('code');
for(var j = 0; j < clonedNodes.length; j++) {
codeElement.appendChild(document.createTextNode(clonedNodes[j].outerHTML));
if(j+1 < clonedNodes.length) {
codeElement.appendChild(document.createTextNode('\n'));
}
}
preElement.appendChild(codeElement);
preElement.classList.add('auto-gen-code-snippet');
preElement.classList.add('container');
var clearDiv = document.createElement('div');
clearDiv.classList.add('clear');
var parent = codeWrapper.parentNode;
if(codeWrapper.nextSibling) {
parent.insertBefore(preElement, codeWrapper.nextSibling);
} else {
parent.appendChild(preElement);
}
parent.insertBefore(clearDiv, preElement);
}
}
function getClonedNonTextNodes(element) {
var nonTextNodes = [];
var childNodes = element.childNodes;
for(var i = 0; i < childNodes.length; i++) {
var childElement = childNodes[i];
if(childElement.nodeType !== 3) {
// Found a valid child element
nonTextNodes.push(childElement.cloneNode(true));
}
}
return nonTextNodes;
}
function beautifyNodes(elements) {
for(var i = 0; i < elements.length; i++) {
beautifyNode(elements[i], 0);
}
}
function beautifyNode(element, depth) {
var childNodes = element.childNodes;
var singleIndent = " ";
var currentDepthSpacing = "";
for(var i = 0; i < depth; i++) {
currentDepthSpacing += singleIndent;
}
var nextDepthSpacing = currentDepthSpacing+singleIndent;
var subChildren = [];
for(var i = 0; i < childNodes.length; i++) {
var childElement = childNodes[i];
if(childElement.nodeType === 3) {
// Found a text node
if(childElement.nodeValue.indexOf('\n') >= 0) {
if((i+1) < childNodes.length) {
childElement.nodeValue = '\n'+nextDepthSpacing;
} else {
childElement.nodeValue = '\n'+currentDepthSpacing;
}
}
} else {
beautifyNode(childElement, depth+1);
}
}
}