121 lines
3.4 KiB
JavaScript
121 lines
3.4 KiB
JavaScript
(function() {
|
|
var copyButton = document.getElementById('copy-button');
|
|
if (copyButton) {
|
|
var data = document.getElementById('example-source').textContent;
|
|
new ZeroClipboard(copyButton).on('copy', function(event) {
|
|
event.clipboardData.setData({
|
|
'text/plain': data,
|
|
'text/html': data
|
|
});
|
|
});
|
|
}
|
|
|
|
// Check whether links to API-docs of used classes actually point to
|
|
// existing html-files:
|
|
$('#api-links a').each(function() {
|
|
var url = this.href;
|
|
$.ajax({
|
|
type: 'HEAD',
|
|
url: url,
|
|
context: this,
|
|
error: function() {
|
|
// We get into the error if either the resource didn't exist
|
|
// or if HEAD was not allowed (when serving locally via node)
|
|
// => remove the <li> and the following comma
|
|
var li = $(this).parent();
|
|
var comma = $(li[0].nextSibling);
|
|
comma.remove();
|
|
li.remove();
|
|
// It may be that this was the last <li>, if that's the case,
|
|
// remove the complete <div>, as we don't have an API-links
|
|
if ($('#api-links li').length === 0) {
|
|
$('#api-links').remove();
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
if (window.location.host === 'localhost:3000') {
|
|
return;
|
|
}
|
|
|
|
var container = document.getElementById('navbar-inner-container');
|
|
if (!container) {
|
|
return;
|
|
}
|
|
|
|
var form = document.createElement('form');
|
|
var select = document.createElement('select');
|
|
var possibleModes = {
|
|
'raw' : 'Development',
|
|
'advanced': 'Production'
|
|
};
|
|
var urlMode = window.location.href.match(/mode=([a-z0-9\-]+)\&?/i);
|
|
var curMode = urlMode ? urlMode[1] : 'advanced';
|
|
|
|
var modeChangedMethod = function() {
|
|
var newMode = this.value;
|
|
var search = window.location.search.substring(1);
|
|
var baseUrl = window.location.href.split('?')[0];
|
|
var chunks = search ? search.split('&') : [];
|
|
var pairs = [];
|
|
var modeFound = false;
|
|
for (var i = chunks.length - 1; i >= 0; --i) {
|
|
var pair = chunks[i].split('=');
|
|
if (pair[0].toLowerCase() === 'mode') {
|
|
pair[1] = newMode;
|
|
modeFound = true;
|
|
}
|
|
var adjusted = encodeURIComponent(pair[0]);
|
|
if (typeof pair[1] !== undefined) {
|
|
adjusted += '=' + encodeURIComponent(pair[1] || '');
|
|
}
|
|
pairs.push(adjusted);
|
|
}
|
|
if (!modeFound) {
|
|
pairs.push('mode=' + encodeURIComponent(newMode));
|
|
}
|
|
location.href = baseUrl + '?' + pairs.join('&');
|
|
};
|
|
|
|
for (var mode in possibleModes) {
|
|
if (possibleModes.hasOwnProperty(mode)) {
|
|
var option = document.createElement('option');
|
|
var modeTxt = possibleModes[mode];
|
|
option.value = mode;
|
|
option.innerHTML = modeTxt;
|
|
option.selected = curMode === mode;
|
|
select.appendChild(option);
|
|
}
|
|
}
|
|
|
|
$(select).change(modeChangedMethod);
|
|
select.className = 'input-medium';
|
|
|
|
form.className = 'navbar-form pull-right';
|
|
form.appendChild(select);
|
|
|
|
container.appendChild(form);
|
|
})();
|
|
|
|
var common = {};
|
|
|
|
common.getRendererFromQueryString = function() {
|
|
var obj = {};
|
|
var queryString = location.search.slice(1);
|
|
var re = /([^&=]+)=([^&]*)/g;
|
|
|
|
var m = re.exec(queryString);
|
|
while (m) {
|
|
obj[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
|
|
m = re.exec(queryString);
|
|
}
|
|
if ('renderers' in obj) {
|
|
return obj['renderers'].split(',');
|
|
} else if ('renderer' in obj) {
|
|
return [obj['renderer']];
|
|
} else {
|
|
return undefined;
|
|
}
|
|
};
|