Jumblr screen updated

assets/scripts/jumblr.js

@@ -7,11 +7,13 @@ var Jumblr = function() {
 		} else {
 			Jumblr_DisplayAddresses();
 			Jumblr_DisplayStatus();
+			Jumblr_ShowHideAlert();
 		}
 		
 		$('#jumblr_actions_header').click(function(){
 			Jumblr_DisplayAddresses();
 			Jumblr_DisplayStatus();
+			Jumblr_ShowHideAlert()
 		})
 	};
 
@@ -23,6 +25,17 @@ var Jumblr = function() {
 	};
 }();
 
+function Jumblr_ShowHideAlert() {
+	Jumblr_LookforNativeKomodo().then(function(result){
+		//console.log(result)
+		if (result === 'isnative') {
+			$('#jumblr_no_native_kmd_alert').hide()
+		} else {
+			$('#jumblr_no_native_kmd_alert').show()
+		}
+	})
+}
+
 function Jumblr_DisplayAddresses() {
 	var jumblr_session_data = JSON.parse(JSON.parse(sessionStorage.getItem('IguanaActiveAccount')));
 	//console.log(jumblr_session_data);
@@ -49,6 +62,42 @@ function Jumblr_DisplayStatus() {
 	})
 }
 
+function Jumblr_LookforNativeKomodo() {
+	return new Promise((resolve) => {
+		var tmpIguanaRPCAuth = 'tmpIgRPCUser@' + sessionStorage.getItem('IguanaRPCAuth'),
+				ajax_data = {
+					'userpass': tmpIguanaRPCAuth,
+					'agent': 'InstantDEX',
+					'method': 'allcoins'
+				},
+				AjaxOutputData = IguanaAJAX('http://127.0.0.1:7778', ajax_data).done(function(data) {
+					AjaxOutputData = JSON.parse(AjaxOutputData.responseText);
+					if (AjaxOutputData['native'].length !== 0 ) {
+						$.each(AjaxOutputData.native, function( index, value ) {
+						//console.log(index)
+						//console.log(value)
+								if (value !== 'KMD') {
+									console.log('Native KMD not found')
+									resolve('notfound');
+								} else {
+									console.log('Native KMD found')
+									resolve('isnative');
+								}
+						});
+					} else {
+						resolve('notnative');
+					}
+		}).fail(function(xhr, textStatus, error) {
+				// handle request failures
+				console.log(xhr.statusText);
+				if ( xhr.readyState == 0 ) {
+				}
+				console.log(textStatus);
+				console.log(error);
+		})
+	});
+}
+
 jQuery(document).ready(function() {
 	Jumblr.init();
 });

assets/scripts/sidebar.js

@@ -60,6 +60,7 @@ $('#nav-easydex').on('click', function() {
 	$('#section-dashboard').hide();
 	$('#header-dashboard').hide();
 	$('#section-easydex').show();
+	$('#section-jumblr').hide();
 	$('#section-extcoin').hide();
 	$('#section-zcash').hide();
 	$('#section-about-iguana').hide();
@@ -102,7 +103,7 @@ $('#nav-jumblr').on('click', function() {
 	$('#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');
+	//$(".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();
@@ -356,7 +357,7 @@ function removeZECWalletStyle() {
 }
 
 function applyJumblrStyle() {
-	$('.header-easydex-section').html('<img src="assets/images/jumblr_header_title_logo.png">');
+	$('.header-easydex-section').html('<img src="assets/images/jumblr_header_title_logo.png"><br>Secure, Native and Decentralised Coin Shuffling');
 	$('.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');

index.html

@@ -1237,7 +1237,29 @@
     <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">
+
+        <div class="col-xs-12" id="jumblr_testing_alert">
+          <div class="alert alert-danger" role="alert">
+            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+              <span aria-hidden="true">×</span>
+            </button>
+            <span style="font-size:24px; text-align: center;"><i class="icon fa-paw" aria-hidden="true"></i> EXPERIMENTAL TEST VERSION ONLY</span><br>Jumblr feature is very experimental and as of yet is Only enabled for testing and debugging. Please use current version of Jumblr only with small amounts if you are participating in testing this feature.</a>
+          </div>
+        </div>
+
+        <div class="col-xs-12" id="jumblr_no_native_kmd_alert">
+          <div class="alert alert-info alert-dismissible" role="alert">
+            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
+              <span aria-hidden="true">×</span>
+            </button>
+            <span style="font-size:24px; text-align: center;"><i class="icon fa-paw" aria-hidden="true"></i> Need Native Mode Komodo</span><br>To use Jumblr feature you need to activate Komodo in Native Mode.<br>If you are already running Komodo in either Basilisk Mode or Full Mode, close the wallet and restart again to start Komodo In Native Mode.</a>.
+          </div>
+        </div>
         
+        <div class="col-xlg-12 col-md-12">
+          <p>This screen does not auto refresh. You will need to hit Refresh button on top right corner of the screen to get latest Jumblr data.</p>
+        </div>
+
         <!-- Jumblr Tab -->
         <div class="col-xlg-12 col-md-12">
           <h4 class="font-size-14 text-uppercase">Jumblr Addresses</h4>