/*
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
(function($) {
var $window = $(window),
$body = $('body');
// Breakpoints.
breakpoints({
xlarge: [ '1281px', '1680px' ],
large: [ '981px', '1280px' ],
medium: [ '737px', '980px' ],
small: [ '481px', '736px' ],
xsmall: [ null, '480px' ]
});
// Play initial animations on page load.
$window.on('load', function() {
window.setTimeout(function() {
$body.removeClass('is-preload');
}, 100);
});
// Swap coins to be exchanged
$('#switch_source_dest').on('click', function(){
var wow_to_xmr = $('#wow_to_xmr').val();
if ( wow_to_xmr == 'true'){
var source_logo = 'monero';
var destination_logo = 'wownero';
var new_val = 'false';
} else {
var source_logo = 'wownero';
var destination_logo = 'monero';
var new_val = 'true';
}
$('#swap_source_logo').attr('src', '/static/images/' + source_logo + '-logo.png');
$('#swap_destination_logo').attr('src', '/static/images/' + destination_logo + '-logo.png');
$('#wow_to_xmr').attr('value', new_val);
calculate_values()
});
// Calculate swap values on form input
let timeout = null;
$('#swapform').on('input', ':text', function(){
$('.loading').removeClass('hidden');
clearTimeout(timeout);
timeout = setTimeout(function () {
calculate_values();
$('.loading').addClass('hidden');
}, 600);
});
// Calculate values
var calculate_values = function(){
var send_amount = $('#send_amount').val();
var wow_to_xmr = $('#wow_to_xmr').val();
if (send_amount == ""){
$('#receive_amount').attr('value', "");
$('#total').text('Swap value: ?');
$('#service_fee').text('Service fee: ?')
return;
}
if ( wow_to_xmr == 'true'){
var coin = 'wow';
var receive_amount = 'wow_as_xmr';
var worth = 'wow_worth';
var fees = 'wow_to_xmr_fee_as_usd';
var fees_as_other = 'wow_to_xmr_fee_as_xmr';
} else {
var coin = 'xmr';
var receive_amount = 'xmr_as_wow';
var worth = 'xmr_worth';
var fees = 'xmr_to_wow_fee_as_usd';
var fees_as_other = 'xmr_to_wow_fee_as_wow';
}
fetch('/api/convert?' + coin + '=' + send_amount)
.then((resp) => resp.json())
.then(function(data) {
if (data['error']) {
$('#receive_amount').attr('value', '');
$('#total').text('Swap value: ?');
$('#service_fee').text('Service fee: ?');
return
}
$('#receive_amount').attr('value', '~ ' + (data[receive_amount] - data[fees_as_other]));
$('#total').text('Swap value: $' + data[worth]);
$('#service_fee').text('Service fee: $' + data[fees])
$('#wow_price').text('WOW price: $' + data['wow_price']);
$('#xmr_price').text('XMR price: $' + data['xmr_price']);
})
};
// Swap logos
setInterval(function(){
let wow_logo = '/static/images/wownero-logo.png';
let xmr_logo = '/static/images/monero-logo.png';
let current = $('#logos').attr('src');
if (current == wow_logo) {
$('#logos').attr('src', xmr_logo)
} else {
$('#logos').attr('src', wow_logo)
}
}, 3000);
// Touch mode.
if (browser.mobile)
$body.addClass('is-touch');
// Scrolly links.
$('.scrolly').scrolly({
speed: 800
});
// Dropdowns.
$('#nav > ul').dropotron({
alignment: 'right',
hideDelay: 350
});
// Nav.
// Title Bar.
$(
'' +
'
' +
'
' + $('#logo').html() + '' +
'
' +
'' +
'
'
)
.appendTo($body)
.panel({
delay: 500,
hideOnClick: true,
hideOnSwipe: true,
resetScroll: true,
resetForms: true,
side: 'left',
target: $body,
visibleClass: 'navPanel-visible'
});
// Parallax.
// Disabled on IE (choppy scrolling) and mobile platforms (poor performance).
if (browser.name == 'ie'
|| browser.mobile) {
$.fn._parallax = function() {
return $(this);
};
}
else {
$.fn._parallax = function() {
$(this).each(function() {
var $this = $(this),
on, off;
on = function() {
$this
.css('background-position', 'center 0px');
$window
.on('scroll._parallax', function() {
var pos = parseInt($window.scrollTop()) - parseInt($this.position().top);
$this.css('background-position', 'center ' + (pos * -0.15) + 'px');
});
};
off = function() {
$this
.css('background-position', '');
$window
.off('scroll._parallax');
};
breakpoints.on('<=medium', off);
breakpoints.on('>medium', on);
});
return $(this);
};
$window
.on('load resize', function() {
$window.trigger('scroll');
});
}
// Spotlights.
var $spotlights = $('.spotlight');
$spotlights
._parallax()
.each(function() {
var $this = $(this),
on, off;
on = function() {
var top, bottom, mode;
// Use main ![]()
's src as this spotlight's background.
$this.css('background-image', 'url("' + $this.find('.image.main > img').attr('src') + '")');
// Side-specific scrollex tweaks.
if ($this.hasClass('top')) {
mode = 'top';
top = '-20%';
bottom = 0;
}
else if ($this.hasClass('bottom')) {
mode = 'bottom-only';
top = 0;
bottom = '20%';
}
else {
mode = 'middle';
top = 0;
bottom = 0;
}
// Add scrollex.
$this.scrollex({
mode: mode,
top: top,
bottom: bottom,
initialize: function(t) { $this.addClass('inactive'); },
terminate: function(t) { $this.removeClass('inactive'); },
enter: function(t) { $this.removeClass('inactive'); },
// Uncomment the line below to "rewind" when this spotlight scrolls out of view.
//leave: function(t) { $this.addClass('inactive'); },
});
};
off = function() {
// Clear spotlight's background.
$this.css('background-image', '');
// Remove scrollex.
$this.unscrollex();
};
breakpoints.on('<=medium', off);
breakpoints.on('>medium', on);
});
// Wrappers.
var $wrappers = $('.wrapper');
$wrappers
.each(function() {
var $this = $(this),
on, off;
on = function() {
$this.scrollex({
top: 250,
bottom: 0,
initialize: function(t) { $this.addClass('inactive'); },
terminate: function(t) { $this.removeClass('inactive'); },
enter: function(t) { $this.removeClass('inactive'); },
// Uncomment the line below to "rewind" when this wrapper scrolls out of view.
//leave: function(t) { $this.addClass('inactive'); },
});
};
off = function() {
$this.unscrollex();
};
breakpoints.on('<=medium', off);
breakpoints.on('>medium', on);
});
// Banner.
var $banner = $('#banner');
$banner
._parallax();
})(jQuery);