Browse Source

Jumblr Section Added

master
Satinder Grewal 8 years ago
parent
commit
e392a8a537
  1. BIN
      assets/images/bg/jumblr_transparent_header_bg.png
  2. BIN
      assets/images/jumblr_header_title_logo.png
  3. 47
      assets/scripts/jumblr.js
  4. 88
      assets/scripts/sidebar.js
  5. 66
      index.html

BIN
assets/images/bg/jumblr_transparent_header_bg.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

BIN
assets/images/jumblr_header_title_logo.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

47
assets/scripts/jumblr.js

@ -0,0 +1,47 @@
var Jumblr = function() {
var handleJumblr = function() {
Jumblr_DisplayAddresses();
$('#jumblr_actions_header').click(function(){
Jumblr_DisplayAddresses();
Jumblr_DisplayStatus();
})
};
return {
//main function to initiate the module
init: function() {
handleJumblr();
}
};
}();
function Jumblr_DisplayAddresses() {
var jumblr_session_data = JSON.parse(JSON.parse(sessionStorage.getItem('IguanaActiveAccount')));
//console.log(jumblr_session_data);
$('#jumblr_BTCdeposit').text(jumblr_session_data.BTCdeposit)
$('#jumblr_BTCjumblr').text(jumblr_session_data.BTCjumblr)
$('#jumblr_KMDdeposit').text(jumblr_session_data.KMDdeposit)
$('#jumblr_KMDjumblr').text(jumblr_session_data.KMDjumblr)
}
function Jumblr_DisplayStatus() {
Iguana_Jumblr_Status().then(function(result){
//console.log(result)
$('#jumblr_status_BTCdeposit').text(result.BTCdeposit)
$('#jumblr_status_BTCjumblr').text(result.BTCjumblr)
$('#jumblr_status_KMDdeposit').text(result.KMDdeposit)
$('#jumblr_status_KMDjumblr').text(result.KMDjumblr)
$('#jumblr_status_result').text(result.result)
$('#jumblr_status_deposited').text(result.deposited)
$('#jumblr_status_t_to_z').text(result.t_to_z)
$('#jumblr_status_z_to_z').text(result.z_to_z)
$('#jumblr_status_z_to_t').text(result.z_to_t)
$('#jumblr_status_finished').text(result.finished)
$('#jumblr_status_pending').text(result.pending)
})
}
jQuery(document).ready(function() {
Jumblr.init();
});

88
assets/scripts/sidebar.js

@ -2,6 +2,7 @@
$(document).ready(function() {
$('#section-dashboard').show();
$('#section-easydex').hide();
$('#section-jumblr').hide();
$('#section-extcoin').hide();
$('#section-zcash').hide();
$('#section-iguana-atomic-explorer').hide();
@ -9,6 +10,7 @@ $(document).ready(function() {
$('#section-about-iguana').hide();
$('#nav-dashboard').removeClass( '' ).addClass( 'active open' );
$('#nav-easydex').removeClass( 'active open' ).addClass( '' );
$('#nav-jumblr').removeClass( 'active open' ).addClass( '' );
$('#nav-komodo-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-zcash-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-iguana-atomic-explorer').removeClass( 'active open' ).addClass( '' );
@ -18,6 +20,7 @@ $(document).ready(function() {
removeKMDWalletStyle();
removeZECWalletStyle();
removeJumblrStyle();
CommonSidebarActionsSet01();
applyDashboardStyle();
});
@ -29,6 +32,7 @@ $('#nav-dashboard').on('click', function() {
$('#header-dashboard').show();
}
$('#section-easydex').hide();
$('#section-jumblr').hide();
$('#section-extcoin').hide();
$('#section-zcash').hide();
$('#section-iguana-atomic-explorer').hide();
@ -36,6 +40,7 @@ $('#nav-dashboard').on('click', function() {
$('#section-about-iguana').hide();
$('#nav-dashboard').removeClass( '' ).addClass( 'active open' );
$('#nav-easydex').removeClass( 'active open' ).addClass( '' );
$('#nav-jumblr').removeClass( 'active open' ).addClass( '' );
$('#nav-komodo-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-zcash-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-iguana-atomic-explorer').removeClass( 'active open' ).addClass( '' );
@ -46,6 +51,7 @@ $('#nav-dashboard').on('click', function() {
$(this.parentElement).addClass('active');
removeKMDWalletStyle();
removeZECWalletStyle();
removeJumblrStyle();
CommonSidebarActionsSet011();
applyDashboardStyle();
});
@ -66,19 +72,51 @@ $('#nav-easydex').on('click', function() {
$('#nav-iguana-atomic-explorer').removeClass( 'active open' ).addClass( '' );
$('#nav-iguana-wallet-settings').removeClass( 'active open' ).addClass( '' );
$('#nav-about-iguana').removeClass( 'active open' ).addClass( '' );
$(".header-easydex-section").text('EasyDEX');
$('.page-header-bordered h1').text('EasyDEX')
$(".header-easydex-section").text('Most Secure, Easy and Native Decentralised Exchange');
$.each($('.nav-top-menu'), function(index, value) { $(value).removeClass('active'); });
$(this.parentElement).addClass('active')
removeKMDWalletStyle();
removeZECWalletStyle();
removeJumblrStyle();
CommonSidebarActionsSet02();
removeDashboardStyle();
});
$('#nav-jumblr').on('click', function() {
$('#section-dashboard').hide();
$('#header-dashboard').hide();
$('#section-easydex').hide();
$('#section-jumblr').show();
$('#section-extcoin').hide();
$('#section-zcash').hide();
$('#section-about-iguana').hide();
$('#section-iguana-atomic-explorer').hide();
$('#section-iguana-wallet-settings').hide();
$('#nav-dashboard').removeClass( 'active open' ).addClass( '' );
$('#nav-easydex').removeClass( 'active open' ).addClass( '' );
$('#nav-jumblr').removeClass( '' ).addClass( 'active open' );
$('#nav-komodo-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-zcash-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-iguana-atomic-explorer').removeClass( 'active open' ).addClass( '' );
$('#nav-iguana-wallet-settings').removeClass( 'active open' ).addClass( '' );
$('#nav-about-iguana').removeClass( 'active open' ).addClass( '' );
$('.page-header-bordered h1').text('Jumblr')
$(".header-easydex-section").text('Secure, Native and Decentralised Coin Shuffling');
$.each($('.nav-top-menu'), function(index, value) { $(value).removeClass('active'); });
$(this.parentElement).addClass('active')
removeKMDWalletStyle();
removeZECWalletStyle();
CommonSidebarActionsSet02();
removeDashboardStyle();
applyJumblrStyle()
});
$('#nav-komodo-wallet').on('click', function() {
$('#section-dashboard').hide();
$('#header-dashboard').hide();
$('#section-easydex').hide();
$('#section-jumblr').hide();
$('#section-extcoin').show();
$('#section-zcash').hide();
$('#section-about-iguana').hide();
@ -86,6 +124,7 @@ $('#nav-komodo-wallet').on('click', function() {
$('#section-iguana-wallet-settings').hide();
$('#nav-dashboard').removeClass( 'active open' ).addClass( '' );
$('#nav-easydex').removeClass( 'active open' ).addClass( '' );
$('#nav-jumblr').removeClass( 'active open' ).addClass( '' );
$('#nav-komodo-wallet').removeClass( '' ).addClass( 'active open' );
$('#nav-zcash-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-iguana-atomic-explorer').removeClass( 'active open' ).addClass( '' );
@ -106,8 +145,9 @@ $('#nav-komodo-wallet').on('click', function() {
});
KMDWalletDashboard.init(); // Initiate Komodo Dashboard sript
RunKMDInitFunctions();
applyKMDWalletStyle();
removeJumblrStyle();
// removeZECWalletStyle();
applyKMDWalletStyle();
CommonSidebarActionsSet02();
removeDashboardStyle();
});
@ -124,6 +164,7 @@ $('#nav-zcash-wallet').on('click', function() {
$('#section-dashboard').hide();
$('#header-dashboard').hide();
$('#section-easydex').hide();
$('#section-jumblr').hide();
$('#section-extcoin').hide();
// $('#section-zcash').show();
$('#section-extcoin').show();
@ -132,6 +173,7 @@ $('#nav-zcash-wallet').on('click', function() {
$('#section-iguana-wallet-settings').hide();
$('#nav-dashboard').removeClass( 'active open' ).addClass( '' );
$('#nav-easydex').removeClass( 'active open' ).addClass( '' );
$('#nav-jumblr').removeClass( 'active open' ).addClass( '' );
$('#nav-komodo-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-zcash-wallet').removeClass( '' ).addClass( 'active open' );
$('#nav-iguana-atomic-explorer').removeClass( 'active open' ).addClass( '' );
@ -154,8 +196,8 @@ $('#nav-zcash-wallet').on('click', function() {
KMDWalletDashboard.init(); // Initiate Komodo Dashbaord sript
RunKMDInitFunctions();
applyZECWalletStyle();
//removeKMDWalletStyle();
applyZECWalletStyle();
CommonSidebarActionsSet02();
removeDashboardStyle();
NProgress.done();
@ -165,6 +207,7 @@ $('#nav-iguana-atomic-explorer').on('click', function() {
$('#section-dashboard').hide();
$('#header-dashboard').hide();
$('#section-easydex').hide();
$('#section-jumblr').hide();
$('#section-extcoin').hide();
$('#section-zcash').hide();
$('#section-iguana-atomic-explorer').show();
@ -172,6 +215,7 @@ $('#nav-iguana-atomic-explorer').on('click', function() {
$('#section-about-iguana').hide();
$('#nav-dashboard').removeClass( 'active open' ).addClass( '' );
$('#nav-easydex').removeClass( 'active open' ).addClass( '' );
$('#nav-jumblr').removeClass( 'active open' ).addClass( '' );
$('#nav-komodo-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-zcash-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-about-iguana').removeClass( 'active open' ).addClass( '' );
@ -182,6 +226,7 @@ $('#nav-iguana-atomic-explorer').on('click', function() {
$(this.parentElement).addClass('active');
removeKMDWalletStyle();
removeZECWalletStyle();
removeJumblrStyle();
CommonSidebarActionsSet02();
removeDashboardStyle();
$('#easydex-header-div').hide();
@ -191,6 +236,7 @@ $('#nav-iguana-wallet-settings').on('click', function() {
$('#section-dashboard').hide();
$('#header-dashboard').hide();
$('#section-easydex').hide();
$('#section-jumblr').hide();
$('#section-extcoin').hide();
$('#section-zcash').hide();
$('#section-iguana-atomic-explorer').hide();
@ -198,6 +244,7 @@ $('#nav-iguana-wallet-settings').on('click', function() {
$('#section-about-iguana').hide();
$('#nav-dashboard').removeClass( 'active open' ).addClass( '' );
$('#nav-easydex').removeClass( 'active open' ).addClass( '' );
$('#nav-jumblr').removeClass( 'active open' ).addClass( '' );
$('#nav-komodo-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-zcash-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-about-iguana').removeClass( 'active open' ).addClass( '' );
@ -206,6 +253,7 @@ $('#nav-iguana-wallet-settings').on('click', function() {
// $(".header-easydex-section").text("Wallet Settings");
removeKMDWalletStyle();
removeZECWalletStyle();
removeJumblrStyle();
Settings_ShowWalletInfo(); // Execute this function from walletsettings.js file
CommonSidebarActionsSet02();
removeDashboardStyle();
@ -216,6 +264,7 @@ $('#nav-about-iguana').on('click', function() {
$('#section-dashboard').hide();
$('#header-dashboard').hide();
$('#section-easydex').hide();
$('#section-jumblr').hide();
$('#section-extcoin').hide();
$('#section-zcash').hide();
$('#section-iguana-atomic-explorer').hide();
@ -223,6 +272,7 @@ $('#nav-about-iguana').on('click', function() {
$('#section-about-iguana').show();
$('#nav-dashboard').removeClass( 'active open' ).addClass( '' );
$('#nav-easydex').removeClass( 'active open' ).addClass( '' );
$('#nav-jumblr').removeClass( 'active open' ).addClass( '' );
$('#nav-komodo-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-zcash-wallet').removeClass( 'active open' ).addClass( '' );
$('#nav-iguana-atomic-explorer').removeClass( 'active open' ).addClass( '' );
@ -231,6 +281,7 @@ $('#nav-about-iguana').on('click', function() {
$(".header-easydex-section").text('About Iguana');
removeKMDWalletStyle();
removeZECWalletStyle();
removeJumblrStyle();
CommonSidebarActionsSet02();
removeDashboardStyle();
$('#easydex-header-div').hide();
@ -266,6 +317,7 @@ function applyKMDWalletStyle() {
$('#easydex-header-div').css('background-position', '0%');
$('#easydex_kmd_wallet_actions_header').show();
$('#easydex_zec_wallet_actions_header').hide();
$('#jumblr_actions_header').hide();
$('#easydex_btc_btcd_balances_header').hide();
sessionStorage.setItem('NativeWalletActions', 'start');
}
@ -275,7 +327,8 @@ function removeKMDWalletStyle() {
$('#easydex-header-div').removeAttr( 'style' );
$('#easydex_kmd_wallet_actions_header').hide();
$('#easydex_zec_wallet_actions_header').hide();
$('#easydex_btc_btcd_balances_header').show();
$('#jumblr_actions_header').hide();
$('#easydex_btc_btcd_balances_header').hide();
sessionStorage.setItem('NativeWalletActions', 'stop');
}
@ -287,6 +340,7 @@ function applyZECWalletStyle() {
$('#easydex-header-div').css('background-position', '0%');
$('#easydex_kmd_wallet_actions_header').hide();
$('#easydex_zec_wallet_actions_header').show();
$('#jumblr_actions_header').hide();
$('#easydex_btc_btcd_balances_header').hide();
sessionStorage.setItem('NativeWalletActions', 'start');
}
@ -296,7 +350,31 @@ function removeZECWalletStyle() {
$('#easydex-header-div').removeAttr( 'style' );
$('#easydex_kmd_wallet_actions_header').hide();
$('#easydex_zec_wallet_actions_header').hide();
$('#easydex_btc_btcd_balances_header').show();
$('#jumblr_actions_header').hide();
$('#easydex_btc_btcd_balances_header').hide();
sessionStorage.setItem('NativeWalletActions', 'stop');
}
function applyJumblrStyle() {
$('.header-easydex-section').html('<img src="assets/images/jumblr_header_title_logo.png">');
$('.page-title').hide();
$('#easydex-header-div').css('background-image', 'url("assets/images/bg/jumblr_transparent_header_bg.png")');
$('#easydex-header-div').css('background-repeat', 'no-repeat');
$('#easydex-header-div').css('background-position', '0%');
$('#easydex_kmd_wallet_actions_header').hide();
$('#easydex_zec_wallet_actions_header').hide();
$('#jumblr_actions_header').show();
$('#easydex_btc_btcd_balances_header').hide();
sessionStorage.setItem('NativeWalletActions', 'start');
}
function removeJumblrStyle() {
$('.page-title').show();
$('#easydex-header-div').removeAttr( 'style' );
$('#easydex_kmd_wallet_actions_header').hide();
$('#easydex_zec_wallet_actions_header').hide();
$('#jumblr_actions_header').hide();
$('#easydex_btc_btcd_balances_header').hide();
sessionStorage.setItem('NativeWalletActions', 'stop');
}

66
index.html

@ -498,6 +498,7 @@
</li>
<li class="active nav-top-menu"><a href="javascript:void(0)" id="nav-dashboard"><i class="site-menu-icon" aria-hidden="true"></i> Wallets</a></li>
<li class="nav-top-menu"><a href="javascript:void(0)" id="nav-easydex"><i class="site-menu-icon" aria-hidden="true"></i> EasyDEX</a></li>
<li class="nav-top-menu"><a href="javascript:void(0)" id="nav-jumblr"><i class="site-menu-icon" aria-hidden="true"></i> Jumblr</a></li>
<!--<li class="nav-top-menu"><a href="javascript:void(0)" id="nav-assetchains"><i class="site-menu-icon" aria-hidden="true"></i> Assetchains</a></li>
<li class="nav-top-menu"><a href="javascript:void(0)" id="nav-pax"><i class="site-menu-icon" aria-hidden="true"></i> PAX</a></li>-->
<li class="nav-top-menu"><a href="javascript:void(0)" id="nav-iguana-atomic-explorer"><i class="site-menu-icon" aria-hidden="true"></i> Atomic Explorer</a></li>
@ -633,7 +634,7 @@
<!-- BEGIN DASHBOARD CONTENT BODY -->
<!-- Header with background and menus -->
<div class="page-header page-header-bordered header-easydex" id="easydex-header-div">
<div class="page-header page-header-bordered header-easydex margin-bottom-0" id="easydex-header-div">
<h1 class="page-title">EasyDEX</h1>
<ol class="breadcrumb">
<li class="header-easydex-section">Dashboard</li>
@ -666,7 +667,12 @@
</ul>
</div>
<!-- End ZEC Wallet Header button -->
<div class="row no-space width-350 hidden-xs" id="easydex_btc_btcd_balances_header">
<!-- Jumblr Header button -->
<div id="kmd_header_button">
<button type="button" id="jumblr_actions_header" class="btn white waves-effect waves-light" style="display: none;"><i class="icon fa-refresh" aria-hidden="true"></i>Refresh</button>
</div>
<!-- End Jumblr Header button -->
<div class="row no-space width-350 hidden-xs" id="easydex_btc_btcd_balances_header" style="display: none;">
<div class="col-xs-6">
<div class="counter">
<span class="font-weight-medium" data-currency="BTC" id="header_coinname_balance"> - BTC</span>
@ -1221,12 +1227,65 @@
</footer>-->
<!-- BEGIN EASYDEX CONTENT BODY -->
<!-- BEGIN EASYDEX CONTENT BODY -->
<div class="page-content" id="section-easydex">
<h2>Coming Soon!</h2>
</div>
<!-- END EASYDEX CONTENT BODY -->
<!-- BEGIN JUMBLR CONTENT BODY -->
<div class="page animsition" data-animsition-in="fade-in" data-animsition-out="fade-out" style="margin-left: 0px;">
<div class="page-content" id="section-jumblr">
<div class="row" id="jumblr_dashboard" data-plugin="masonry">
<!-- Jumblr Tab -->
<div class="col-xlg-12 col-md-12">
<h4 class="font-size-14 text-uppercase">Jumblr Addresses</h4>
<div class="panel" id="projects">
<div class="table-responsive">
<table class="table table-striped">
<tbody>
<tr><td>BTC Deposit</td><td><span id="jumblr_BTCdeposit"></span></td></tr>
<tr><td>BTC Jumblr</td><td><span id="jumblr_BTCjumblr"></span></td></tr>
<tr><td>KMD Deposit</td><td><span id="jumblr_KMDdeposit"></span></td></tr>
<tr><td>KMD Jumblr</td><td><span id="jumblr_KMDjumblr"></span></td></tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- End Jumblr tab -->
<!-- Jumblr Tab -->
<div class="col-xlg-12 col-md-12">
<h4 class="font-size-14 text-uppercase">Jumblr Status</h4>
<div class="panel" id="projects">
<div class="table-responsive">
<table class="table table-striped">
<tbody>
<tr><td>BTC Deposit</td><td><span id="jumblr_status_BTCdeposit"></span></td></tr>
<tr><td>BTC Jumblr</td><td><span id="jumblr_status_BTCjumblr"></span></td></tr>
<tr><td>KMD Deposit</td><td><span id="jumblr_status_KMDdeposit"></span></td></tr>
<tr><td>KMD Jumblr</td><td><span id="jumblr_status_KMDjumblr"></span></td></tr>
<tr><td>Result</td><td><span id="jumblr_status_result"></span></td></tr>
<tr><td>Deposited</td><td><span id="jumblr_status_deposited"></span></td></tr>
<tr><td>Public to Private</td><td><span id="jumblr_status_t_to_z"></span></td></tr>
<tr><td>Private to Private</td><td><span id="jumblr_status_z_to_z"></span></td></tr>
<tr><td>Private to Public</td><td><span id="jumblr_status_z_to_t"></span></td></tr>
<tr><td>Finished</td><td><span id="jumblr_status_finished"></span></td></tr>
<tr><td>Pending</td><td><span id="jumblr_status_pending"></span></td></tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- End Jumblr tab -->
</div>
</div>
</div>
<!-- END JUMBLR CONTENT BODY -->
<!-- BEGIN KOMODO WALLET CONTENT BODY -->
<div class="page-content" data-extcoin="COIN" id="section-extcoin">
<div role="alert" class="alert alert-danger alert-dismissible" data-extcoin="COIN" id="extcoin-wallet-connection-alert" style="display: none;">
@ -2136,6 +2195,7 @@
<script src="assets/scripts/sidebar.js"></script>
<script src="assets/scripts/walletsettings.js"></script>
<script src="assets/scripts/atomicexplorer.js"></script>
<script src="assets/scripts/jumblr.js"></script>
<!-- KMD Wallet Scripts -->
<script src="assets/scripts/kmd_wallet_dashboard.js"></script>

Loading…
Cancel
Save