zcash base header style added

assets/scripts/sidebar.js

@@ -18,6 +18,7 @@ $(document).ready(function() {
 	$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );
 	$(".header-easydex-section").text("Dashboard");
 	removeKMDWalletStyle();
+	removeZECWalletStyle();
 	CommonSidebarActionsSet01();
 
 });
@@ -40,6 +41,7 @@ $('#nav-dashboard').on('click', function() {
 	$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );
 	$(".header-easydex-section").text("Dashboard");
 	removeKMDWalletStyle();
+	removeZECWalletStyle();
 	CommonSidebarActionsSet01();
 });
 
@@ -61,6 +63,7 @@ $('#nav-easydex').on('click', function() {
 	$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );
 	$(".header-easydex-section").text("EasyDEX");
 	removeKMDWalletStyle();
+	removeZECWalletStyle();
 	CommonSidebarActionsSet02();
 });
 
@@ -82,6 +85,7 @@ $('#nav-komodo-wallet').on('click', function() {
 	$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );
 	KMDWalletDashboard.init(); //Initiate Komodo Dashbaord sript
 	applyKMDWalletStyle();
+	//removeZECWalletStyle();
 	CommonSidebarActionsSet02();
 });
 
@@ -102,7 +106,8 @@ $('#nav-zcash-wallet').on('click', function() {
 	$('#nav-iguana-wallet-settings').removeClass( " active open" ).addClass( "" );
 	$('#nav-about-iguana').removeClass( " active open" ).addClass( "" );
 	$(".header-easydex-section").text("Zcash Wallet");
-	removeKMDWalletStyle();
+	applyZECWalletStyle();
+	//removeKMDWalletStyle();
 	CommonSidebarActionsSet02();
 });
 
@@ -124,6 +129,7 @@ $('#nav-iguana-atomic-explorer').on('click', function() {
 	$('#nav-iguana-atomic-explorer').removeClass( "" ).addClass( "active open" );
 	$(".header-easydex-section").text("Atomic Explorer");
 	removeKMDWalletStyle();
+	removeZECWalletStyle();
 	CommonSidebarActionsSet02();
 });
 
@@ -145,6 +151,7 @@ $('#nav-iguana-wallet-settings').on('click', function() {
 	$('#nav-iguana-wallet-settings').removeClass( "" ).addClass( "active open" );
 	$(".header-easydex-section").text("Wallet Settings");
 	removeKMDWalletStyle();
+	removeZECWalletStyle();
 	Settings_ShowWalletInfo(); //Execute this function from walletsettings.js file
 	CommonSidebarActionsSet02();
 });
@@ -167,6 +174,7 @@ $('#nav-about-iguana').on('click', function() {
 	$('#nav-about-iguana').removeClass( "" ).addClass( "active open" );
 	$(".header-easydex-section").text("About Iguana");
 	removeKMDWalletStyle();
+	removeZECWalletStyle();
 	CommonSidebarActionsSet02();
 });
 
@@ -192,6 +200,7 @@ function applyKMDWalletStyle() {
 	$('#easydex-header-div').css('background-repeat', 'no-repeat');
 	$('#easydex-header-div').css('background-position', '0%');
 	$('#easydex_kmd_wallet_actions_header').show();
+	$('#easydex_zec_wallet_actions_header').hide();
 	$('#easydex_btc_btcd_balances_header').hide();
 }
 
@@ -199,5 +208,26 @@ function removeKMDWalletStyle() {
 	$('.page-title').show();
 	$('#easydex-header-div').removeAttr( "style" );
 	$('#easydex_kmd_wallet_actions_header').hide();
+	$('#easydex_zec_wallet_actions_header').hide();
+	$('#easydex_btc_btcd_balances_header').show();
+}
+
+
+function applyZECWalletStyle() {
+	$('.header-easydex-section').html('<img src="assets/images/zec_header_title_logo.png">');
+	$('.page-title').hide();
+	$('#easydex-header-div').css('background-image', 'url("assets/images/bg/zec_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').show();
+	$('#easydex_btc_btcd_balances_header').hide();
+}
+
+function removeZECWalletStyle() {
+	$('.page-title').show();
+	$('#easydex-header-div').removeAttr( "style" );
+	$('#easydex_kmd_wallet_actions_header').hide();
+	$('#easydex_zec_wallet_actions_header').hide();
 	$('#easydex_btc_btcd_balances_header').show();
 }

index.html

@@ -286,7 +286,7 @@
             <a class="navbar-avatar dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false"
             data-animation="scale-up" role="button">
               <span class="avatar avatar-online">
-                <img src="assets/images/20.jpg" alt="...">
+                <img src="assets/images/iguana_profile_02.jpg" alt="iguana profile pic">
                 <i></i>
               </span>
             </a>
@@ -368,16 +368,33 @@
         <!--<li class="active">You are Here</li>-->
       </ol>
       <div class="page-header-actions" style="z-index: 1;">
-        <button type="button" id="easydex_kmd_wallet_actions_header" class="bg-teal-500 btn btn-floating btn-info waves-effect waves-float waves-light" id="kmd_wallet_header_button" data-toggle="dropdown" aria-expanded="false" style="display: none;"><i class="icon md-plus" aria-hidden="true"></i></button>
-        <ul class="dropdown-menu animate dropdown-menu-right" aria-labelledby="kmd_wallet_header_button" role="menu" style="">
-          <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_dashboard">Dashboard</a></li>
-          <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_send">Send</a></li>
-          <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_recieve">Recieve</a></li>
-          <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_transactions">Transactions</a></li>
-          <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_pax">PAX</a></li>
-          <li class="divider" role="presentation"></li>
-          <li role="presentation"><a href="javascript:void(0)" role="menuitem">Settings</a></li>
-        </ul>
+        <!-- KMD Wallet Header button -->
+        <div id="kmd_header_button">
+          <button type="button" id="easydex_kmd_wallet_actions_header" class="bg-teal-500 btn btn-floating white waves-effect waves-float waves-light" data-toggle="dropdown" aria-expanded="false" style="display: none;"><i class="icon md-plus" aria-hidden="true"></i></button>
+          <ul class="dropdown-menu animate dropdown-menu-right" aria-labelledby="easydex_kmd_wallet_actions_header" role="menu" style="">
+            <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_dashboard">Dashboard</a></li>
+            <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_send">Send</a></li>
+            <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_recieve">Recieve</a></li>
+            <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_transactions">Transactions</a></li>
+            <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_kmd_wallet_pax">PAX</a></li>
+            <li class="divider" role="presentation"></li>
+            <li role="presentation"><a href="javascript:void(0)" role="menuitem">Settings</a></li>
+          </ul>
+        </div>
+        <!-- End KMD Wallet Header button -->
+        <!-- ZEC Wallet Header button -->
+        <div id="zec_header_button">
+          <button type="button" id="easydex_zec_wallet_actions_header" class="bg-yellow-600 btn btn-floating white waves-effect waves-float waves-light" data-toggle="dropdown" aria-expanded="false" style="display: none;"><i class="icon md-plus" aria-hidden="true"></i></button>
+          <ul class="dropdown-menu animate dropdown-menu-right" aria-labelledby="easydex_zec_wallet_actions_header" role="menu" style="">
+            <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_zec_wallet_dashboard">Dashboard</a></li>
+            <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_zec_wallet_send">Send</a></li>
+            <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_zec_wallet_recieve">Recieve</a></li>
+            <li role="presentation"><a href="javascript:void(0)" role="menuitem" id="btn_zec_wallet_transactions">Transactions</a></li>
+            <li class="divider" role="presentation"></li>
+            <li role="presentation"><a href="javascript:void(0)" role="menuitem">Settings</a></li>
+          </ul>
+        </div>
+        <!-- End ZEC Wallet Header button -->
         <div class="row no-space width-350 hidden-xs" id="easydex_btc_btcd_balances_header">
           <div class="col-xs-6">
             <div class="counter">