davide/purple-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added support for top panel spacers

Browse Source 
-3 panel spacer options have been added to the page header panel config to allow for different spacing configurations if desired
This commit is contained in:
Joe Uhren
2023-08-19 16:24:03 -06:00
parent 1c6bb35d58
commit eec0efa25c
4 changed files with 81 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app.js
+7 -1
View File
@@ -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; });
lib/settings.js
+33
View File
@@ -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
settings.json.template
+33
View File
@@ -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
views/layout.pug
+8
View File
@@ -688,6 +688,9 @@ html(lang='en')
function getLogoPanel() {
return `<img src="#{settings.shared_pages.logo}" style="margin-top:-15px;height:128px;" alt="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" title="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" />`;
}
function getSpacerPanel() {
return `<div class="panel_spacer"></div>`;
}
function getActivePanel(panelName) {
var sReturn='';
switch (panelName) {
@@ -712,6 +715,11 @@ html(lang='en')
case "logo_panel":
sReturn=getLogoPanel();
break;
case "spacer_panel_1":
case "spacer_panel_2":
case "spacer_panel_3":
sReturn=getSpacerPanel();
break;
}
return sReturn;
}