EasyDEX-GUI test dashboard code

assets/css/dashboard-wallet-widgets.css

@@ -63,6 +63,11 @@
   margin-left: 450px !important;
 }
 
+.page-main {
+  height: 100%;
+  margin-left: 450px !important;
+}
+
 .page-aside-inner {
   height: 100%;
   overflow: hidden;
@@ -162,6 +167,9 @@
   .page-aside + .page-main {
     margin-left: 450px !important;
   }
+  .page-main {
+    margin-left: 450px !important;
+  }
 }
 
 @media (max-width: 1599px) {
@@ -177,6 +185,9 @@
   .page-aside + .page-main {
     margin-left: 300px !important;
   }
+  .page-main {
+    margin-left: 300px !important;
+  }
 }
 
 @media (max-width: 767px) {
@@ -189,6 +200,9 @@
   .page-aside + .page-main {
     margin-left: 0 !important;
   }
+  .page-main {
+    margin-left: 0 !important;
+  }
   .page-aside.open {
     width: 300px;
   }

assets/css/dashboard.css

@@ -26,4 +26,8 @@
 	background: url("assets/images/bg/kmd_transparent_header_bg.png") !important;
     background-repeat: no-repeat !important;
     background-position: 0% !important;
+}
+
+#edex-footer {
+	padding: 0px !important;
 }

assets/scripts/dashboard.js

@@ -281,12 +281,9 @@ var Dashboard = function() {
         //main function to initiate the module
         init: function() {
 
-          /* set default map height */
+          resizeDashboardWindow();
-          var navbarH = $(".site-navbar").outerHeight();
-          var footerH = $(".site-footer").outerHeight();
-          var mapH = $(window).height() - navbarH - footerH;
 
-          $(".page-main").outerHeight(mapH);
+          window.onresize = function(event) { resizeDashboardWindow(); };
 
             if ( sessionStorage.getItem('IguanaActiveAccount') === null ) {
                 console.log('=> No wallet logged in. No need to run Dashboard JS.');
@@ -322,6 +319,15 @@ jQuery(document).ready(function() {
 });
 
 
+function resizeDashboardWindow() {
+  /* set default map height */
+  var navbarH = $(".site-navbar").outerHeight();
+  var footerH = $(".site-footer").outerHeight();
+  var mapH = $(window).height() - navbarH - footerH;
+
+  $(".page-main").outerHeight(mapH);
+}
+
 function ShowCoinHistory(getData) {
     Iguana_activehandle();
     if ( sessionStorage.getItem('IguanaActiveAccount') === null ) {

assets/scripts/sidebar.js

@@ -267,10 +267,12 @@ function applyDashboardStyle() {
 	var mapH = $(window).height() - navbarH - footerH;
 	$(".page-main").outerHeight(mapH);
 	$('#easydex-header-div').hide();
+	$('#edex-footer').show();
 }
 
 function removeDashboardStyle() {
 	$('.page-aside').hide();
 	$(".page-main").hide();
 	$('#easydex-header-div').show();
+	$('#edex-footer').hide();
 }

index.html

@@ -399,9 +399,10 @@
       </div>
     </div>
     <!-- End Wallet Widgets Sidebar -->
-    <!-- BEGIN DASHBOARD CONTENT BODY -->
     
-    <!-- Example With Stats -->
+
+    <!-- BEGIN DASHBOARD CONTENT BODY -->
+    <!-- Header with background and menus -->
     <div class="page-header page-header-bordered header-easydex" id="easydex-header-div">
       <h1 class="page-title">EasyDEX</h1>
       <ol class="breadcrumb">
@@ -457,24 +458,25 @@
         </div>
       </div>
     </div>
-    <!-- End Example With Stats -->
+    <!-- End Header with background and menus -->
 
+    
+    <div class="page-main" id="section-dashboard">
     <!-- Begin page header -->
-      <!--<div class="page-header" id="header-dashboard">
+      <div class="page-header page-header-bordered header-easydex" id="header-dashboard">
       <ol class="breadcrumb">
-        <li><a href="../index.html">Home</a></li>
+        <li>Dashboard</li>
-        <li><a href="javascript:void(0)">Widgets</a></li>
+        <li>Wallet</li>
-        <li class="active">Social</li>
+        <li class="active">COIN</li>
       </ol>
       <div class="page-header-actions">
-        <button type="button" class="btn btn-sm btn-primary btn-round waves-effect waves-light waves-round">
+        <button type="button" class="btn btn-primary btn-floating btn-sm" style="font-size: 1.072rem;">
-          <span class="text hidden-xs">Settings</span>
+          <!--<span class="text hidden-xs">Settings</span>-->
-          <i class="icon md-chevron-right" aria-hidden="true"></i>
+          <i class="icon wb-plus" aria-hidden="true"></i>
         </button>
       </div>
-    </div>-->
+    </div>
     <!-- End page header -->
-    <div class="page-main" id="section-dashboard">
       <div class="row" id="wallet-widgets" data-plugin="masonry">
         
       </div>
@@ -645,6 +647,26 @@
   <!--<div class="progress-bar progress-bar-info progress-bar-striped active" aria-valuemin="0" aria-valuemax="100" style="width: 50%" aria-valuenow="60" role="progressbar"><span class="progress-label"></span></div>-->
   </div>
   <!-- End Page -->
+  <!-- Footer -->
+  <footer class="site-footer" id="edex-footer">
+    <!--<div class="site-footer-right">Crafted with <i class="red-600 icon md-favorite"></i> by <a href="javascript:;">Iguana</a></div>-->
+    <div class="row no-space " data-edexcoin="COIN">
+      <div data-currency="BTCD" id="currency-progressbars" style="display: none;">
+        <div class="progress progress-sm">
+        <div class="progress-bar progress-bar-info progress-bar-striped active" style="width: 0%; font-size: 80%;" role="progressbar" data-currency="BTCD" id="currency-bundles">Bundles <span data-currency="BTCD" id="currency-bundles-percent">0%</span></div>
+      </div>
+      <div data-currency="BTCD" id="additional-progress-bars">
+        <div class="progress progress-sm">
+        <div class="progress-bar progress-bar-warning progress-bar-striped active" style="width: 0%; font-size: 80%;" role="progressbar" data-currency="BTCD" id="currency-utxo">utxo <span data-currency="BTCD" id="currency-utxo-percent">0%</span></div>
+      </div>
+        <div class="progress progress-sm">
+        <div class="progress-bar progress-bar-danger progress-bar-striped active" style="width: 0%; font-size: 80%;" role="progressbar" data-currency="BTCD" id="currency-balances">Balances <span data-currency="BTCD" id="currency-balances-percent">0%</span></div>
+      </div>
+        <div class="progress progress-sm">
+        <div class="progress-bar progress-bar-success progress-bar-striped active" style="width: 0%; font-size: 80%;" role="progressbar" data-currency="BTCD" id="currency-validated">Validated <span data-currency="BTCD" id="currency-validated-percent">0%</span></div>
+      </div>
+    </div><!-- END additional-progress-bars -->
+  </footer>
 
   <!-- BEGIN EASYDEX CONTENT BODY -->
     <div class="page-content" id="section-easydex">