mirror of
https://github.com/seigler/dash-docs
synced 2025-07-27 09:46:12 +00:00
Deploy thephez/dash-docs to github.com/thephez/dash-docs.git:gh-pages
This commit is contained in:
Deployment Bot (from Travis CI)
commit
391f4f5496
1080 changed files with 220436 additions and 0 deletions
665
js/main.js
Normal file
665
js/main.js
Normal file
|
|
@ -0,0 +1,665 @@
|
|||
// This file is licensed under the MIT License (MIT) available on
|
||||
// http://opensource.org/licenses/MIT.
|
||||
|
||||
// This file is used for javascript code
|
||||
// necessary for some pages to work properly.
|
||||
|
||||
"use strict";
|
||||
|
||||
function getWidth(a) {
|
||||
// Return the integer value of the computed width of a DOM node.
|
||||
// Ex. getWidth(node);
|
||||
var w = getStyle(a, 'width');
|
||||
if (w.indexOf('px') !== -1) return parseInt(w.replace('px', ''));
|
||||
var p = [getStyle(a, 'padding-top'), getStyle(a, 'padding-right'), getStyle(a, 'padding-bottom'), getStyle(a, 'padding-left')];
|
||||
for (var i = 0; i < 4; i++) {
|
||||
p[i] = (p[i].indexOf('px') !== -1) ? parseInt(p[i]) : 0;
|
||||
}
|
||||
return Math.max(0, a.offsetWidth - p[1] - p[3]);
|
||||
}
|
||||
|
||||
function getHeight(a) {
|
||||
// Return the integer value of the computed height of a DOM node.
|
||||
// Ex. getHeight(node);
|
||||
var h = getStyle(a, 'height');
|
||||
if (h.indexOf('px') !== -1) return parseInt(h.replace('px', ''));
|
||||
var p = [getStyle(a, 'padding-top'), getStyle(a, 'padding-right'), getStyle(a, 'padding-bottom'), getStyle(a, 'padding-left')];
|
||||
for (var i = 0; i < 4; i++) {
|
||||
p[i] = (p[i].indexOf('px') !== -1) ? parseInt(p[i]) : 0;
|
||||
}
|
||||
return Math.max(0, a.offsetHeight - p[0] - p[2]);
|
||||
}
|
||||
|
||||
function getLeft(a) {
|
||||
// Return the integer value of the computed distance between given node and the browser window.
|
||||
// Ex. getLeft(node);
|
||||
var b = a.offsetLeft;
|
||||
while (a.offsetParent) {
|
||||
a = a.offsetParent;
|
||||
b += a.offsetLeft;
|
||||
}
|
||||
return b;
|
||||
}
|
||||
|
||||
function getTop(a) {
|
||||
// Return the integer value of the computed distance between given node and the browser window.
|
||||
// Ex. getTop(node);
|
||||
var b = a.offsetTop;
|
||||
while (a.offsetParent) {
|
||||
a = a.offsetParent;
|
||||
b += a.offsetTop;
|
||||
}
|
||||
return b;
|
||||
}
|
||||
|
||||
function getPageYOffset() {
|
||||
// Return the integer value for the vertical position of the scroll bar.
|
||||
return window.pageYOffset || document.documentElement.scrollTop;
|
||||
}
|
||||
|
||||
function getPageXOffset() {
|
||||
// Return the integer value for the horizontal position of the scroll bar.
|
||||
return window.pageXOffset || document.documentElement.scrollLeft;
|
||||
}
|
||||
|
||||
function getWindowY() {
|
||||
// Return the integer value for the browser window height.
|
||||
return window.innerHeight || document.documentElement.clientHeight;
|
||||
}
|
||||
|
||||
function getWindowX() {
|
||||
// Return the integer value for the browser window width.
|
||||
return window.innerWidth || document.documentElement.clientWidth;
|
||||
}
|
||||
|
||||
function isMobile() {
|
||||
// Return true if the mobile CSS stylesheet is used.
|
||||
if (getStyle(document.getElementById('detectmobile'), 'display') !== 'none') return true;
|
||||
return false;
|
||||
}
|
||||
|
||||
function scrollToNode(t) {
|
||||
// Scroll to any node on the page.
|
||||
var status = document.body.getAttribute('data-scrollstatus');
|
||||
if (status !== null && status !== '') {
|
||||
clearInterval(document.body.getAttribute('data-scrollstatus'));
|
||||
document.body.removeAttribute('data-scrollstatus');
|
||||
}
|
||||
var delay = 800;
|
||||
var py = getPageYOffset();
|
||||
var fy = getTop(t);
|
||||
var dy = fy - py;
|
||||
var x = getPageXOffset();
|
||||
var oti = new Date().getTime();
|
||||
document.body.setAttribute('data-scrollstatus', setInterval(function() {
|
||||
var nti = new Date().getTime() - oti;
|
||||
if (nti >= delay) {
|
||||
window.scrollTo(x, fy);
|
||||
clearInterval(document.body.getAttribute('data-scrollstatus'));
|
||||
document.body.removeAttribute('data-scrollstatus');
|
||||
return;
|
||||
}
|
||||
var p = nti / delay;
|
||||
p = p * (1 + (0.5 * (1 - p)));
|
||||
window.scrollTo(x, (py + (dy * p)).toFixed(0));
|
||||
}, 10));
|
||||
}
|
||||
|
||||
function supportCSS(id) {
|
||||
// Return true if the browser supports given CSS feature.
|
||||
var domPrefixes = 'Webkit Moz ms O'.split(' ');
|
||||
var nd = document.createElement('DIV');
|
||||
id = id.toLowerCase();
|
||||
if (nd.style[id] !== undefined) return true;
|
||||
var idc = id.charAt(0).toUpperCase() + id.substr(1);
|
||||
for (var i = 0, n = domPrefixes.length; i < n; i++) {
|
||||
if (nd.style[domPrefixes[i] + idc] !== undefined) return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function loadYoutubeVideo(e) {
|
||||
// Load Youtube video on target node on click.
|
||||
function init(e) {
|
||||
var t = getEvent(e, 'target'),
|
||||
nd = document.createElement('IFRAME');
|
||||
while (t.getAttribute('data-youtubeurl') === null || t.getAttribute('data-youtubeurl') === '') t = t.parentNode;
|
||||
nd.src = t.getAttribute('data-youtubeurl');
|
||||
nd.setAttribute('frameborder', 0);
|
||||
nd.setAttribute('allowfullscreen', true);
|
||||
t.innerHTML = '';
|
||||
t.appendChild(nd);
|
||||
t.onclick = '';
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
|
||||
function expandBox(t) {
|
||||
// Expand or shrink box.
|
||||
var phe = getHeight(t);
|
||||
t.style.transition = t.style.MozTransition = t.style.WebkitTransition = 'all 0s ease 0s';
|
||||
if (t.className.indexOf('expanded') === -1) addClass(t, 'expanded');
|
||||
else removeClass(t, 'expanded');
|
||||
t.style.height = '';
|
||||
var nhe = getHeight(t);
|
||||
t.style.height = phe + 'px';
|
||||
// Async call to prevent transition from applying on last style.height statement.
|
||||
setTimeout(function() {
|
||||
t.style.transition = t.style.MozTransition = t.style.WebkitTransition = '';
|
||||
t.style.height = nhe + 'px';
|
||||
}, 20);
|
||||
}
|
||||
|
||||
function boxShow(e) {
|
||||
// Display the box content when the user click a box on the "Secure your wallet" page.
|
||||
function init(e) {
|
||||
var t = getEvent(e, 'target');
|
||||
while (t.nodeName !== 'DIV') t = t.parentNode;
|
||||
expandBox(t);
|
||||
cancelEvent(e);
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
|
||||
function faqShow(e) {
|
||||
// Display the content of a question in the FAQ at user request.
|
||||
function init(e) {
|
||||
var t = getEvent(e, 'target');
|
||||
while (t.nodeType !== 1 || t.nodeName !== 'DIV') t = t.nextSibling;
|
||||
expandBox(t);
|
||||
cancelEvent(e);
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
|
||||
function materialShow(e) {
|
||||
// Display more materials on the "Press center" page at user request.
|
||||
function init(e) {
|
||||
var t = getEvent(e, 'target'),
|
||||
p = t;
|
||||
while (p.nodeType !== 1 || p.nodeName !== 'DIV') p = p.parentNode;
|
||||
expandBox(p);
|
||||
cancelEvent(e);
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
|
||||
function librariesShow(e) {
|
||||
// Display more open source projects on the "Development" page at user request.
|
||||
function init(e) {
|
||||
var t = getEvent(e, 'target'),
|
||||
p = t;
|
||||
while (p.nodeType !== 1 || p.nodeName !== 'UL') p = p.parentNode;
|
||||
expandBox(p);
|
||||
cancelEvent(e);
|
||||
}
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
|
||||
function freenodeShow(e) {
|
||||
// Display freenode chat window on the "Development" page at user request.
|
||||
document.getElementById('chatbox').innerHTML = '<iframe style=width:98%;min-width:400px;height:600px src="http://webchat.freenode.net/?channels=bitcoin-dev" />';
|
||||
cancelEvent(e);
|
||||
}
|
||||
|
||||
function updateToc() {
|
||||
// Update table of content active entry and browser url on scroll.
|
||||
var pageoffset;
|
||||
var windowy;
|
||||
var toc;
|
||||
var fallback;
|
||||
var first;
|
||||
var last;
|
||||
var closer;
|
||||
function init() {
|
||||
setenv();
|
||||
updatehistory();
|
||||
updatetoc();
|
||||
}
|
||||
// Set variables.
|
||||
function setenv() {
|
||||
pageoffset = getPageYOffset();
|
||||
windowy = getWindowY();
|
||||
toc = document.getElementById('toc');
|
||||
fallback = document.getElementsByTagName('H2')[0];
|
||||
first = [fallback, getTop(fallback)];
|
||||
last = [fallback, getTop(fallback)];
|
||||
closer = [fallback, getTop(fallback)];
|
||||
// Find all titles in toc.
|
||||
var nodes = [];
|
||||
var tags = ['H2', 'H3', 'H4', 'H5', 'H6'];
|
||||
for (var i = 0, n = tags.length; i < n; i++) {
|
||||
for (var ii = 0, t = document.getElementsByTagName(tags[i]), nn = t.length; ii < nn; ii++) {
|
||||
if (t[ii].className.indexOf('no_toc') !== -1) continue;
|
||||
nodes.push(t[ii]);
|
||||
}
|
||||
}
|
||||
// Find first title, last title and closer title.
|
||||
for (var i = 0, n = nodes.length; i < n; i++) {
|
||||
if (!nodes[i].id) continue;
|
||||
var top = getTop(nodes[i]);
|
||||
if (top < first[1]) first = [nodes[i], top];
|
||||
if (top > last[1]) last = [nodes[i], top];
|
||||
if (top < pageoffset + 10 && top > closer[1]) closer = [nodes[i], top];
|
||||
}
|
||||
// Set closer title to first or last title if at the top or bottom of the page.
|
||||
if (pageoffset < first[1]) closer = [first[0], first[1]];
|
||||
if (windowy + pageoffset >= getHeight(document.body)) closer = [last[0], last[1]];
|
||||
}
|
||||
// Update toc position and set active toc entry.
|
||||
function updatetoc() {
|
||||
// Set bottom and top to fit within window and not overflow its parent node.
|
||||
var div = toc.getElementsByTagName('DIV')[0];
|
||||
if (pageoffset > getTop(toc)) {
|
||||
addClass(div, 'scroll');
|
||||
div.style.top = '20px';
|
||||
div.style.bottom = Math.max((pageoffset + windowy) - (getHeight(toc.parentNode) + getTop(toc.parentNode)), 20) + 'px';
|
||||
} else removeClass(div, 'scroll');
|
||||
// Remove .active class from toc and find new active toc entry.
|
||||
var a = false;
|
||||
for (var i = 0, t = toc.getElementsByTagName('*'), n = t.length; i < n; i++) {
|
||||
removeClass(t[i], 'active');
|
||||
if (t[i].nodeName === 'A' && t[i].getAttribute('href') === '#' + closer[0].id) a = t[i];
|
||||
}
|
||||
if (a === false) return;
|
||||
// Set .active class on new active toc entry.
|
||||
var nd = a;
|
||||
while (nd.parentNode.nodeName === 'LI' || nd.parentNode.nodeName === 'UL') {
|
||||
addClass(nd, 'active');
|
||||
nd = nd.parentNode;
|
||||
}
|
||||
// Auto-scroll in toc to keep active toc entry visible.
|
||||
var nd = a;
|
||||
var otop = nd.offsetTop;
|
||||
while (nd.offsetParent !== div && nd.offsetParent) {
|
||||
nd = nd.offsetParent;
|
||||
otop += nd.offsetTop;
|
||||
}
|
||||
var bdiff = getHeight(a) + otop - div.scrollTop - getHeight(div);
|
||||
var tdiff = getHeight(a) - otop + div.scrollTop;
|
||||
if (tdiff > 0 || bdiff > 0) div.scrollTop -= tdiff;
|
||||
}
|
||||
// Update browser url.
|
||||
function updatehistory() {
|
||||
// Don't call window.history if not supported.
|
||||
if (!window.history || !window.history.replaceState) return;
|
||||
// Don't update window url when it doesn't need to be updated.
|
||||
if (new RegExp('#' + closer[0].id + '$').test(window.location.href.toString())) return;
|
||||
// Don't update window url when the window is over the first title in the page.
|
||||
if (pageoffset < first[1]) return;
|
||||
// Don't update window url when page is not loaded, or user just clicked a url.
|
||||
if (!toc.hasAttribute('data-timestamp') || toc.getAttribute('data-timestamp') > new Date().getTime() - 1000) return;
|
||||
window.history.replaceState(null, null, '#' + closer[0].id);
|
||||
}
|
||||
// Update the toc when the page stops scrolling.
|
||||
function evtimeout() {
|
||||
toc = document.getElementById('toc');
|
||||
clearTimeout(toc.getAttribute('data-timeout'));
|
||||
toc.setAttribute('data-timeout', setTimeout(init, 1));
|
||||
}
|
||||
// Reset timestamp on page load and each time the user clicks a url.
|
||||
function evtimestamp() {
|
||||
toc = document.getElementById('toc');
|
||||
document.getElementById('toc').setAttribute('data-timestamp', new Date().getTime());
|
||||
}
|
||||
addEvent(window, 'scroll', evtimeout);
|
||||
addEvent(window, 'popstate', evtimestamp);
|
||||
addEvent(window, 'load', evtimestamp);
|
||||
init();
|
||||
}
|
||||
|
||||
function updateIssue(e) {
|
||||
// Update GitHub issue link pre-filled with current page location.
|
||||
var t = getEvent(e, 'target');
|
||||
t.href = 'https://github.com/dash-docs/dash-docs/issues/new?body=' + encodeURIComponent('Location: ' + window.location.href.toString() + "\n\n");
|
||||
}
|
||||
|
||||
function updateSource(e) {
|
||||
// Update GitHub source file link pre-filled with current page location.
|
||||
if (!document.getElementsByClassName) return;
|
||||
var t = getEvent(e, 'target'),
|
||||
nodes = document.getElementsByClassName('sourcefile'),
|
||||
pageoffset = Math.max(0, getPageYOffset() + 100),
|
||||
windowy = getWindowY(),
|
||||
fallback = nodes[0],
|
||||
first = [fallback, getTop(fallback)],
|
||||
last = [fallback, getTop(fallback)],
|
||||
closer = [fallback, getTop(fallback)];
|
||||
// Find first, last and closer node.
|
||||
for (var i = 0, n = nodes.length; i < n; i++) {
|
||||
var top = getTop(nodes[i]);
|
||||
if (top < first[1]) first = [nodes[i], top];
|
||||
if (top > last[1]) last = [nodes[i], top];
|
||||
if (top < pageoffset + 10 && top > closer[1]) closer = [nodes[i], top];
|
||||
}
|
||||
// Set closer title to first or last title if at the top or bottom of the page.
|
||||
if (pageoffset < first[1]) closer = [first[0], first[1]];
|
||||
if (windowy + pageoffset >= getHeight(document.body)) closer = [last[0], last[1]];
|
||||
// Set updated url to source file.
|
||||
t.href = 'https://github.com/dash-docs/dash-docs/edit/master/' + closer[0].getAttribute('data-sourcefile');
|
||||
}
|
||||
|
||||
function disclaimerClose(e) {
|
||||
// Auto close temporary disclaimer in devel-docs.
|
||||
if (e) cancelEvent(e);
|
||||
var t = document.getElementById('develdocdisclaimer');
|
||||
t.parentNode.removeChild(t);
|
||||
if (typeof(Storage) === 'undefined') return;
|
||||
sessionStorage.setItem('develdocdisclaimerclose', '1');
|
||||
}
|
||||
|
||||
function disclaimerAutoClose() {
|
||||
// Auto close temporary disclaimer in devel-docs if session says so.
|
||||
if (typeof(Storage) === 'undefined') return;
|
||||
if (sessionStorage.getItem('develdocdisclaimerclose') === '1') disclaimerClose();
|
||||
}
|
||||
|
||||
function walletMenuListener(e) {
|
||||
// Listen for events on the wallet menu.
|
||||
var walletSelectPlatform = function(e) {
|
||||
var t = getEvent(e, 'target'),
|
||||
p = t;
|
||||
if (t.nodeName !== 'A' || t.getAttribute('href')) return;
|
||||
while (p.parentNode.nodeName === 'UL' || p.parentNode.nodeName === 'LI') p = p.parentNode;
|
||||
for (var i = 0, nds = p.getElementsByTagName('LI'), n = nds.length; i < n; i++) removeClass(nds[i], 'active');
|
||||
var tt = t;
|
||||
while (tt !== p) {
|
||||
if (tt.nodeName === 'LI') addClass(tt, 'active');
|
||||
tt = tt.parentNode;
|
||||
}
|
||||
},
|
||||
hasSubItems = function(t) {
|
||||
while (t.nodeName !== 'LI') t = t.parentNode;
|
||||
return (t.getElementsByTagName('UL').length > 0);
|
||||
};
|
||||
// Pre-process events and call appropriate function.
|
||||
onTouchClick(e, walletSelectPlatform);
|
||||
}
|
||||
|
||||
function walletListener(e) {
|
||||
// Listen for events on wallets.
|
||||
var t = getEvent(e, 'target'),
|
||||
walletShow = function() {
|
||||
// Show wallet on click on mobile or desktop.
|
||||
if (t.id === 'wallets') return;
|
||||
while (t.parentNode && t.parentNode.id !== 'wallets') t = t.parentNode;
|
||||
if (!t.parentNode) return;
|
||||
if (isMobile()) {
|
||||
var p = document.getElementById('walletsmobile');
|
||||
t = t.cloneNode(true);
|
||||
t.id = 'inline_wallet_box';
|
||||
p.innerHTML = '';
|
||||
p.appendChild(t);
|
||||
scrollToNode(p);
|
||||
} else {
|
||||
addClass(t, 'active');
|
||||
addEvent(document.body, 'click', walletListener);
|
||||
}
|
||||
},
|
||||
walletHide = function() {
|
||||
// Disable wallet when the mouse clicks elsewhere.
|
||||
for (var i = 0, wallets = document.getElementById('wallets').childNodes, n = wallets.length; i < n; i++) {
|
||||
if (wallets[i].nodeType !== 1) continue;
|
||||
removeClass(wallets[i], 'active');
|
||||
}
|
||||
removeEvent(document.body, 'click', walletListener);
|
||||
};
|
||||
// Call appropriate function on click.
|
||||
onTouchClick(e, function() {
|
||||
walletHide();
|
||||
walletShow();
|
||||
});
|
||||
}
|
||||
|
||||
function walletScoreListener(e) {
|
||||
// Listen for events on wallet scores and display them on tap.
|
||||
var init = function(e) {
|
||||
var t = getEvent(e, 'target');
|
||||
while (!t.parentNode.parentNode.parentNode.id) t = t.parentNode;
|
||||
(t.className.indexOf('hover') === -1) ? addClass(t, 'hover'): removeClass(t, 'hover');
|
||||
};
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
|
||||
function walletScoreListener(e) {
|
||||
// Listen for events on wallet scores and display them on tap.
|
||||
var init = function(e) {
|
||||
var t = getEvent(e, 'target');
|
||||
while (!t.parentNode.parentNode.parentNode.id) t = t.parentNode;
|
||||
(t.className.indexOf('hover') === -1) ? addClass(t, 'hover'): removeClass(t, 'hover');
|
||||
};
|
||||
onTouchClick(e, init);
|
||||
}
|
||||
|
||||
function walletShowPlatform(platform) {
|
||||
// Show wallets for given platform in the menu.
|
||||
var t = null,
|
||||
fallback = '',
|
||||
walletMenu = document.getElementById('walletmenu'),
|
||||
getMenuState = function() {
|
||||
// Find active node in the menu for given platform and fallback category if in a submenu.
|
||||
for (var i = 0, nds = walletMenu.getElementsByTagName('A'), n = nds.length; i < n; i++) {
|
||||
if (nds[i].getAttribute('data-walletcompat') !== platform) continue;
|
||||
if (nds[i].getAttribute('data-active') === '1') return false;
|
||||
t = nds[i];
|
||||
var p = nds[i].parentNode.parentNode.parentNode;
|
||||
if (p.nodeName === 'LI') fallback = p.getElementsByTagName('A')[0].getAttribute('data-walletcompat');
|
||||
break;
|
||||
}
|
||||
return true;
|
||||
},
|
||||
updateMenu = function() {
|
||||
// Set active nodes in the menu for the new platform.
|
||||
addClass(walletMenu.getElementsByTagName('UL')[0], 'menutap');
|
||||
for (var i = 0, nds = walletMenu.getElementsByTagName('A'), n = nds.length; i < n; i++) {
|
||||
nds[i].removeAttribute('data-active');
|
||||
removeClass(nds[i].parentNode, 'active');
|
||||
}
|
||||
if (platform !== 'default') {
|
||||
t.setAttribute('data-active', '1');
|
||||
addClass(t.parentNode, 'active');
|
||||
var p = t.parentNode.parentNode.parentNode;
|
||||
if (p.nodeName === 'LI') addClass(p, 'active');
|
||||
}
|
||||
};
|
||||
if (!getMenuState()) return;
|
||||
updateMenu();
|
||||
}
|
||||
|
||||
function walletRotate() {
|
||||
// Rotate wallets once a day.
|
||||
var ar = {
|
||||
1: [],
|
||||
2: [],
|
||||
3: [],
|
||||
4: []
|
||||
};
|
||||
for (var i = 0, nds = document.getElementById('wallets').childNodes, n = nds.length; i < n; i++) {
|
||||
if (nds[i].nodeType !== 1) continue;
|
||||
ar[parseInt(nds[i].getAttribute('data-walletlevel'))].push(nds[i]);
|
||||
}
|
||||
var sum = Math.floor(new Date() / 86400000);
|
||||
for (var k in ar) {
|
||||
if (!ar.hasOwnProperty(k)) continue;
|
||||
if (ar[k].length === 0) continue;
|
||||
var pre = ar[k][ar[k].length - 1].nextSibling;
|
||||
for (i = 0, n = sum % ar[k].length; i < n; i++) ar[k][i].parentNode.insertBefore(ar[k][i], pre);
|
||||
}
|
||||
}
|
||||
|
||||
function makeEditable(e) {
|
||||
// An easter egg that makes the page editable when user click on the page and hold their mouse button for one second.
|
||||
// This trick allows translators and writers to preview their work.
|
||||
e = e || window.event;
|
||||
switch (getEvent(e, 'type')) {
|
||||
case 'mousedown':
|
||||
if ((e.which && e.which === 3) || (e.button && e.button === 2)) return;
|
||||
var t = getEvent(e, 'target');
|
||||
while (t.parentNode) {
|
||||
if (getStyle(t, 'overflow') === 'auto' || getStyle(t, 'overflow-y') === 'auto' || getStyle(t, 'overflow-x') === 'auto') return;
|
||||
t = t.parentNode;
|
||||
}
|
||||
addEvent(document.body, 'mouseup', makeEditable);
|
||||
addEvent(document.body, 'mousemove', makeEditable);
|
||||
document.body.setAttribute('timeoutEdit', setTimeout(function() {
|
||||
removeEvent(document.body, 'mouseup', makeEditable);
|
||||
removeEvent(document.body, 'mousemove', makeEditable);
|
||||
var c = document.getElementById('content');
|
||||
c.contentEditable = true;
|
||||
c.style.borderColor = '#bfbfbf';
|
||||
setTimeout(function() {
|
||||
c.style.borderColor = '';
|
||||
}, 200);
|
||||
}, 1000));
|
||||
break;
|
||||
case 'mouseup':
|
||||
case 'mousemove':
|
||||
removeEvent(document.body, 'mouseup', makeEditable);
|
||||
removeEvent(document.body, 'mousemove', makeEditable);
|
||||
clearTimeout(document.body.getAttribute('timeoutEdit'));
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
// Add makeEditable event listener
|
||||
var xint = setInterval(function() {
|
||||
if (!document.body) return;
|
||||
addEvent(document.body, 'mousedown', makeEditable);
|
||||
clearInterval(xint);
|
||||
}, 200);
|
||||
|
||||
function generateDonationUrl(address, amountBtc, message) {
|
||||
var result = [
|
||||
address
|
||||
];
|
||||
|
||||
amountBtc = parseFloat(amountBtc);
|
||||
|
||||
if (!isNaN(amountBtc)) {
|
||||
result.push('?amount=' + amountBtc);
|
||||
}
|
||||
|
||||
if (message !== '') {
|
||||
message = encodeURIComponent(message);
|
||||
result.push(result.length === 1 ? '?' : '&');
|
||||
result.push('message=' + message);
|
||||
}
|
||||
|
||||
return result.join('');
|
||||
}
|
||||
|
||||
function generateDonationQrCode() {
|
||||
var qrcodeContainer = $('#donation-qr-code');
|
||||
qrcodeContainer.empty();
|
||||
|
||||
var address = qrcodeContainer.data('address');
|
||||
var amount = $('#donation-input-amount-btc').val();
|
||||
var message = $('#donation-input-message').val();
|
||||
|
||||
var text = 'bitcoin:' + generateDonationUrl(address, amount, message);
|
||||
|
||||
$('#donation-qr-code').qrcode({
|
||||
width: 150,
|
||||
height: 150,
|
||||
text: text
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function loadTickerPrices() {
|
||||
$.ajax('https://blockchain.info/ticker').then(function(data) {
|
||||
var rate = data.USD.last;
|
||||
|
||||
function usdToBtc(amount) {
|
||||
var amountUsd = parseFloat(amount);
|
||||
if (isNaN(amountUsd)) {
|
||||
return 0;
|
||||
}
|
||||
var amountBtc = amountUsd / rate;
|
||||
return amountBtc.toFixed(8);
|
||||
}
|
||||
|
||||
function btcToUsd(amount) {
|
||||
var amountBtc = parseFloat(amount);
|
||||
if (isNaN(amountBtc)) {
|
||||
return 0;
|
||||
}
|
||||
var amountUsd = amountBtc * rate;
|
||||
return amountUsd.toFixed(2);
|
||||
}
|
||||
|
||||
$('#donation-input-amount-usd').on('input', function() {
|
||||
var amount = $(this).val();
|
||||
$('#donation-input-amount-btc').val(usdToBtc(amount));
|
||||
generateDonationQrCode();
|
||||
});
|
||||
|
||||
$('#donation-input-amount-btc').on('input', function() {
|
||||
var amount = $(this).val();
|
||||
$('#donation-input-amount-usd').val(btcToUsd(amount));
|
||||
generateDonationQrCode();
|
||||
});
|
||||
|
||||
$('#donation-input-message').on('input', function() {
|
||||
generateDonationQrCode();
|
||||
});
|
||||
|
||||
$('[data-amount-usd]').each(function() {
|
||||
var amountUsd = $(this).data('amount-usd');
|
||||
var amountBtc = usdToBtc(amountUsd);
|
||||
$('div', this).text('(' + amountBtc + ' BTC)');
|
||||
|
||||
$(this).on('click', function() {
|
||||
$('#donation-input-amount-btc').val(amountBtc);
|
||||
$('#donation-input-amount-usd').val(amountUsd);
|
||||
|
||||
generateDonationQrCode();
|
||||
});
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function openDonationModal() {
|
||||
var drop = $('<div class="modal-drop" />');
|
||||
var body = $('body');
|
||||
var modal = $('#donation-modal');
|
||||
body.append(drop);
|
||||
body.css('overflow', 'hidden');
|
||||
modal.css('display', 'block');
|
||||
|
||||
drop.on('click', closeDonationModal);
|
||||
|
||||
// postpone opacity update
|
||||
setTimeout(function() {
|
||||
drop.css('opacity', 1);
|
||||
modal.removeClass('hidden');
|
||||
modal.addClass('open');
|
||||
}, 0);
|
||||
|
||||
loadTickerPrices();
|
||||
generateDonationQrCode();
|
||||
}
|
||||
|
||||
function closeDonationModal() {
|
||||
var drop = $('.modal-drop');
|
||||
var body = $('body');
|
||||
var modal = $('#donation-modal');
|
||||
|
||||
drop.css('opacity', 0);
|
||||
body.css('overflow', 'auto');
|
||||
|
||||
setTimeout(function() {
|
||||
drop.remove();
|
||||
modal.addClass('hidden');
|
||||
modal.removeClass('open');
|
||||
modal.css('display', 'none');
|
||||
}, 120);
|
||||
}
|
||||
|
||||
function toggleDonationBanner() {
|
||||
var banner = $('.donation-text');
|
||||
var toggle = $('.donation-visibility-toggle');
|
||||
|
||||
toggle.toggleClass('active');
|
||||
banner.toggleClass('expanded');
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue