Add new logo panel setting "logopnl"

app.js

@@ -375,7 +375,8 @@ var panelcount = (settings.display.networkpnl > 0 ? 1 : 0) +
   (settings.display.masternodespnl > 0 ? 1 : 0) +
   (settings.display.coinsupplypnl > 0 ? 1 : 0) +
   (settings.display.pricepnl > 0 ? 1 : 0) +
-  (settings.display.marketcappnl > 0 ? 1 : 0);
+  (settings.display.marketcappnl > 0 ? 1 : 0) +
+  (settings.display.logopnl > 0 ? 1 : 0);
 app.set('paneloffset', paneltotal + 1 - panelcount);
 
 // determine panel order
@@ -387,6 +388,7 @@ if (settings.display.masternodespnl > 0) panelorder.push({name: 'masternodespnl'
 if (settings.display.coinsupplypnl > 0) panelorder.push({name: 'coinsupplypnl', val: settings.display.coinsupplypnl});
 if (settings.display.pricepnl > 0) panelorder.push({name: 'pricepnl', val: settings.display.pricepnl});
 if (settings.display.marketcappnl > 0) panelorder.push({name: 'marketcappnl', val: settings.display.marketcappnl});
+if (settings.display.logopnl > 0) panelorder.push({name: 'logopnl', val: settings.display.logopnl});
 
 panelorder.sort(function(a,b) { return a.val - b.val; });
 

lib/settings.js

@@ -100,7 +100,8 @@ exports.display = {
   "masternodespnl": 3,
   "coinsupplypnl": 4,
   "pricepnl": 5,
-  "marketcappnl": 0
+  "marketcappnl": 0,
+  "logopnl": 0
 };
 
 //API view

settings.json.template

@@ -131,7 +131,8 @@
     "masternodespnl": 3,
     "coinsupplypnl": 4,
     "pricepnl": 5,
-    "marketcappnl": 0
+    "marketcappnl": 0,
+    "logopnl": 0
   },
 
   // index page (valid options for difficulty are POW, POS or Hybrid)

views/layout.pug

@@ -228,9 +228,12 @@ html(lang='en')
         function getMarketCapPanel() {
           return '<div class="card-header"><strong>Market Cap <span class="small">(#{settings.markets.exchange})</span></strong></div><div class="card-body"><div id="marketCapPanelLoading" class="header-panel"><i class="fa fa-spinner fa-pulse"></i></div><div id="marketCapPanel" class="header-panel" style="display:none;"><span class="glyphicon fas fa-chart-line"></span><label id="marketCap"></label></div></div>';
         }
-        function getActivePanel(nPanelName) {
+        function getLogoPanel() {
+          return '<img src="#{settings.logo}" style="margin-top:-15px;height:128px;" alt="#{settings.coin} Logo" title="#{settings.coin} Logo" />';
+        }
+        function getActivePanel(panelName) {
           var sReturn='';
-          switch (nPanelName) {
+          switch (panelName) {
             case "networkpnl":
               sReturn=getNetworkPanel();
               break;
@@ -249,12 +252,22 @@ html(lang='en')
             case "marketcappnl":
               sReturn=getMarketCapPanel();
               break;
+            case "logopnl":
+              sReturn=getLogoPanel();
+              break;
           }
           return sReturn;
         }
-        function hideShowPanel(sPanelID, sPanelName) {
-          var oPanel = document.getElementById(sPanelName);
-          if (typeof(oPanel) != 'undefined' && oPanel != null) document.getElementById(sPanelName).innerHTML=getActivePanel(sPanelID);
+        function hideShowPanel(panelID, panelName) {
+          var oPanel = document.getElementById(panelName);
+          if (typeof(oPanel) != 'undefined' && oPanel != null) {
+            document.getElementById(panelName).innerHTML=getActivePanel(panelID);
+
+            if (panelID == 'logopnl') {
+              // Remove css classes from logo panel
+              $(oPanel).removeClass();
+            }
+          }
         }
         $(document).on('click', 'button.close', function (e) {
           e.preventDefault();