diff --git a/app.js b/app.js
index 51521ae..5503547 100644
--- a/app.js
+++ b/app.js
@@ -831,7 +831,10 @@ var panelcount = (settings.shared_pages.page_header.panels.network_panel.enabled
(settings.shared_pages.page_header.panels.coin_supply_panel.enabled == true && settings.shared_pages.page_header.panels.coin_supply_panel.display_order > 0 ? 1 : 0) +
(settings.shared_pages.page_header.panels.price_panel.enabled == true && settings.shared_pages.page_header.panels.price_panel.display_order > 0 ? 1 : 0) +
(settings.shared_pages.page_header.panels.market_cap_panel.enabled == true && settings.shared_pages.page_header.panels.market_cap_panel.display_order > 0 ? 1 : 0) +
- (settings.shared_pages.page_header.panels.logo_panel.enabled == true && settings.shared_pages.page_header.panels.logo_panel.display_order > 0 ? 1 : 0);
+ (settings.shared_pages.page_header.panels.logo_panel.enabled == true && settings.shared_pages.page_header.panels.logo_panel.display_order > 0 ? 1 : 0) +
+ (settings.shared_pages.page_header.panels.spacer_panel_1.enabled == true && settings.shared_pages.page_header.panels.spacer_panel_1.display_order > 0 ? 1 : 0) +
+ (settings.shared_pages.page_header.panels.spacer_panel_2.enabled == true && settings.shared_pages.page_header.panels.spacer_panel_2.display_order > 0 ? 1 : 0) +
+ (settings.shared_pages.page_header.panels.spacer_panel_3.enabled == true && settings.shared_pages.page_header.panels.spacer_panel_3.display_order > 0 ? 1 : 0);
app.set('paneloffset', paneltotal + 1 - panelcount);
// determine panel order
@@ -844,6 +847,9 @@ if (settings.shared_pages.page_header.panels.coin_supply_panel.enabled == true &
if (settings.shared_pages.page_header.panels.price_panel.enabled == true && settings.shared_pages.page_header.panels.price_panel.display_order > 0) panel_order.push({name: 'price_panel', val: settings.shared_pages.page_header.panels.price_panel.display_order});
if (settings.shared_pages.page_header.panels.market_cap_panel.enabled == true && settings.shared_pages.page_header.panels.market_cap_panel.display_order > 0) panel_order.push({name: 'market_cap_panel', val: settings.shared_pages.page_header.panels.market_cap_panel.display_order});
if (settings.shared_pages.page_header.panels.logo_panel.enabled == true && settings.shared_pages.page_header.panels.logo_panel.display_order > 0) panel_order.push({name: 'logo_panel', val: settings.shared_pages.page_header.panels.logo_panel.display_order});
+if (settings.shared_pages.page_header.panels.spacer_panel_1.enabled == true && settings.shared_pages.page_header.panels.spacer_panel_1.display_order > 0) panel_order.push({name: 'spacer_panel_1', val: settings.shared_pages.page_header.panels.spacer_panel_1.display_order});
+if (settings.shared_pages.page_header.panels.spacer_panel_2.enabled == true && settings.shared_pages.page_header.panels.spacer_panel_2.display_order > 0) panel_order.push({name: 'spacer_panel_2', val: settings.shared_pages.page_header.panels.spacer_panel_2.display_order});
+if (settings.shared_pages.page_header.panels.spacer_panel_3.enabled == true && settings.shared_pages.page_header.panels.spacer_panel_3.display_order > 0) panel_order.push({name: 'spacer_panel_3', val: settings.shared_pages.page_header.panels.spacer_panel_3.display_order});
panel_order.sort(function(a,b) { return a.val - b.val; });
diff --git a/lib/settings.js b/lib/settings.js
index 5c28f6b..1293979 100644
--- a/lib/settings.js
+++ b/lib/settings.js
@@ -262,6 +262,39 @@ exports.shared_pages = {
// 1 = far left panel, 5 = far right panel
// The panel will be disabled with a value of 0
"display_order": 3
+ },
+ // spacer_panel_1: a collection of settings that pertain to the 1st spacer panel which allows inserting a blank space into the top panels
+ // NOTE: spacer panels are only visible on desktop and tablet screen sizes and are hidden on mobile screens
+ "spacer_panel_1": {
+ // enabled: Enable/disable the spacer panel (true/false)
+ // If set to false, the spacer panel will be completely inaccessible
+ "enabled": false,
+ // display_order: Determine which order this panel is shown from 1-5
+ // 1 = far left panel, 5 = far right panel
+ // The panel will be disabled with a value of 0
+ "display_order": 0
+ },
+ // spacer_panel_2: a collection of settings that pertain to the 2nd spacer panel which allows inserting a blank space into the top panels
+ // NOTE: spacer panels are only visible on desktop and tablet screen sizes and are hidden on mobile screens
+ "spacer_panel_2": {
+ // enabled: Enable/disable the spacer panel (true/false)
+ // If set to false, the spacer panel will be completely inaccessible
+ "enabled": false,
+ // display_order: Determine which order this panel is shown from 1-5
+ // 1 = far left panel, 5 = far right panel
+ // The panel will be disabled with a value of 0
+ "display_order": 0
+ },
+ // spacer_panel_3: a collection of settings that pertain to the 3rd spacer panel which allows inserting a blank space into the top panels
+ // NOTE: spacer panels are only visible on desktop and tablet screen sizes and are hidden on mobile screens
+ "spacer_panel_3": {
+ // enabled: Enable/disable the spacer panel (true/false)
+ // If set to false, the spacer panel will be completely inaccessible
+ "enabled": false,
+ // display_order: Determine which order this panel is shown from 1-5
+ // 1 = far left panel, 5 = far right panel
+ // The panel will be disabled with a value of 0
+ "display_order": 0
}
},
// search: A collection of settings that pertain to the search feature
diff --git a/settings.json.template b/settings.json.template
index 84bb613..eb3576b 100644
--- a/settings.json.template
+++ b/settings.json.template
@@ -261,6 +261,39 @@
// 1 = far left panel, 5 = far right panel
// The panel will be disabled with a value of 0
"display_order": 3
+ },
+ // spacer_panel_1: a collection of settings that pertain to the 1st spacer panel which allows inserting a blank space into the top panels
+ // NOTE: spacer panels are only visible on desktop and tablet screen sizes and are hidden on mobile screens
+ "spacer_panel_1": {
+ // enabled: Enable/disable the spacer panel (true/false)
+ // If set to false, the spacer panel will be completely inaccessible
+ "enabled": false,
+ // display_order: Determine which order this panel is shown from 1-5
+ // 1 = far left panel, 5 = far right panel
+ // The panel will be disabled with a value of 0
+ "display_order": 0
+ },
+ // spacer_panel_2: a collection of settings that pertain to the 2nd spacer panel which allows inserting a blank space into the top panels
+ // NOTE: spacer panels are only visible on desktop and tablet screen sizes and are hidden on mobile screens
+ "spacer_panel_2": {
+ // enabled: Enable/disable the spacer panel (true/false)
+ // If set to false, the spacer panel will be completely inaccessible
+ "enabled": false,
+ // display_order: Determine which order this panel is shown from 1-5
+ // 1 = far left panel, 5 = far right panel
+ // The panel will be disabled with a value of 0
+ "display_order": 0
+ },
+ // spacer_panel_3: a collection of settings that pertain to the 3rd spacer panel which allows inserting a blank space into the top panels
+ // NOTE: spacer panels are only visible on desktop and tablet screen sizes and are hidden on mobile screens
+ "spacer_panel_3": {
+ // enabled: Enable/disable the spacer panel (true/false)
+ // If set to false, the spacer panel will be completely inaccessible
+ "enabled": false,
+ // display_order: Determine which order this panel is shown from 1-5
+ // 1 = far left panel, 5 = far right panel
+ // The panel will be disabled with a value of 0
+ "display_order": 0
}
},
// search: A collection of settings that pertain to the search feature
diff --git a/views/layout.pug b/views/layout.pug
index 3cf785f..ba503c3 100644
--- a/views/layout.pug
+++ b/views/layout.pug
@@ -688,6 +688,9 @@ html(lang='en')
function getLogoPanel() {
return ``;
}
+ function getSpacerPanel() {
+ return `