Add new market settings for accessing multiple markets

-Add new market_dropdown_menu setting for displaying the Markets header menu item as a dropdown
-Add new market_select_visible setting for displaying a clickable list of enabled markets near the top of all market pages
-Market select box header text changed to 'Market Select' and added to locale strings

lib/locale.js

@@ -130,6 +130,7 @@ exports.mkt_total = "Total",
 exports.mkt_trade_history = "Trade History",
 exports.mkt_type = "Type",
 exports.mkt_time_stamp = "Time Stamp",
+exports.mkt_select = "Market Select",
 // Heavy
 
 exports.heavy_vote = "Vote",

lib/settings.js

@@ -114,7 +114,9 @@ exports.markets = {
   "coin": "EXOR",
   "exchange": "BTC",
   "enabled": [],
-  "default": ""
+  "default": "",
+  "market_dropdown_menu": true,
+  "market_select_visible": true
 };
 
 // richlist/top100 settings

locale/en.json

@@ -133,6 +133,7 @@
     "mkt_trade_history": "Trade History",
     "mkt_type": "Type",
     "mkt_time_stamp": "Time Stamp",
+    "mkt_select": "Market Select",
 
     // Heavy rewards view
     "heavy_title": "Reward/voting information",

settings.json.template

@@ -156,7 +156,17 @@
     "coin": "EXOR",
     "exchange": "BTC",
     "enabled": [],
-    "default": ""
+    "default": "",
+    // market_dropdown_menu: true/false
+    //   true = Markets header menu will function as a dropdown that allows selecting from all available markets
+    //   false = Markets header menu will function as a single-click menu item that opens the default market only
+    //   NOTE: Dropdown will only work when 2 or more markets are enabled, otherwise it will default to a normal menu item automatically
+    "market_dropdown_menu": true,
+    // market_select_visible: true/false
+    //   true = All market pages will display a clickable list of enabled markets near the top of the page for quick selection
+    //   false = No market select box will be shown on market pages
+    //   NOTE: Market select box will only be visible when 2 or more markets are enabled, otherwise it will be hidden automatically
+    "market_select_visible": true
   },
 
   // richlist/top100 settings

views/layout.pug

@@ -291,10 +291,20 @@ html(lang='en')
                 span.fab.fa-btc
                 span.margin-left-5 #{settings.locale.menu_richlist}
           if settings.display.markets == true
-            li#markets
-              a.nav-link.loading(href='/markets/'+settings.markets.default)
-                span.fas.fa-chart-line
-                span.margin-left-5 #{settings.locale.menu_markets}
+            if settings.markets.market_dropdown_menu == true && Object.keys(settings.market_names).length > 1
+              li#markets.dropdown
+                a.nav-link.dropdown-toggle(data-toggle='dropdown', href='#' role='button' aria-haspopup='true' aria-expanded='false')
+                  span.fas.fa-chart-line
+                  span.margin-left-5 #{settings.locale.menu_markets}
+                div.dropdown-menu
+                  each mkt in settings.markets.enabled
+                    if settings.market_names[mkt] != null
+                      a.dropdown-item.loading(href='/markets/' + mkt) #{settings.market_names[mkt]}
+            else
+              li#markets
+                a.nav-link.loading(href='/markets/' + settings.markets.default)
+                  span.fas.fa-chart-line
+                  span.margin-left-5 #{settings.locale.menu_markets}
           if settings.display.api == true
             li#info
               a.nav-link(href='/info')

views/market.pug

@@ -18,12 +18,12 @@ block content
       });
     });
   .col-xs-12.col-md-12
-    if settings.markets.enabled.length > 1
+    if settings.markets.market_select_visible == true && settings.markets.enabled.length > 1
       .row
         .col-md-12.cardSpacer
           .card.card-default.border-0
             .card-header
-              strong #{settings.locale.menu_markets}
+              strong #{settings.locale.mkt_select}
             .card-body
               ul.nav.nav-pills
                 each mkt in settings.markets.enabled