Doni/ModelHandle
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move reset to default button to the bottom of the sidebar.

Browse Source
This commit is contained in:
kovacsv 2021-12-14 12:10:32 +01:00
parent 50e2337a3d
commit ac4ab25d8a
2 changed files with 38 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
website/o3dv/css/sidebar.css
View File

@ -58,6 +58,12 @@ div.ov_sidebar_content div.ov_sidebar_settings_content
overflow: auto; overflow: auto;
} }
div.ov_sidebar_content div.ov_sidebar_settings_sections
{
margin-bottom: 10px;
overflow: auto;
}
div.ov_sidebar_content div.ov_sidebar_settings_row div.ov_sidebar_content div.ov_sidebar_settings_row
{ {
margin: 5px 0px; margin: 5px 0px;

52
website/o3dv/js/sidebarsettingspanel.js
View File

@ -224,10 +224,17 @@ OV.SidebarSettingsPanel = class extends OV.SidebarPanel
{ {
super (parentDiv); super (parentDiv);
this.settings = settings; this.settings = settings;
this.backgroundColorSection = new OV.SettingsColorSection (this.contentDiv);
this.defaultColorSection = new OV.SettingsColorSection (this.contentDiv); this.sectionsDiv = OV.AddDiv (this.contentDiv, 'ov_sidebar_settings_sections ov_thin_scrollbar');
this.edgeDisplaySection = new OV.SettingsEdgeDisplaySection (this.contentDiv); this.backgroundColorSection = new OV.SettingsColorSection (this.sectionsDiv);
this.themeSection = new OV.SettingsThemeSection (this.contentDiv); this.defaultColorSection = new OV.SettingsColorSection (this.sectionsDiv);
this.edgeDisplaySection = new OV.SettingsEdgeDisplaySection (this.sectionsDiv);
this.themeSection = new OV.SettingsThemeSection (this.sectionsDiv);
this.resetToDefaultsButton = OV.AddDiv (this.contentDiv, 'ov_button ov_sidebar_button outline', 'Reset to Default');
this.resetToDefaultsButton.addEventListener ('click', () => {
this.ResetToDefaults ();
});
} }
GetName () GetName ()
@ -298,7 +305,6 @@ OV.SidebarSettingsPanel = class extends OV.SidebarPanel
} }
callbacks.onThemeChange (); callbacks.onThemeChange ();
}); });
this.AddResetToDefaultsButton ();
} }
UpdateSettings (hasDefaultMaterial) UpdateSettings (hasDefaultMaterial)
@ -327,23 +333,29 @@ OV.SidebarSettingsPanel = class extends OV.SidebarPanel
} }
} }
AddResetToDefaultsButton () ResetToDefaults ()
{ {
let defaultSettings = new OV.Settings (); let defaultSettings = new OV.Settings ();
let resetToDefaultsButton = OV.AddDiv (this.contentDiv, 'ov_button ov_sidebar_button outline', 'Reset to Default');
resetToDefaultsButton.addEventListener ('click', () => {
this.settings.backgroundColor = defaultSettings.backgroundColor;
this.settings.defaultColor = defaultSettings.defaultColor;
this.settings.showEdges = defaultSettings.showEdges;
this.settings.edgeColor = defaultSettings.edgeColor;
this.settings.edgeThreshold = defaultSettings.edgeThreshold;
this.settings.themeId = defaultSettings.themeId;
this.backgroundColorSection.Update (defaultSettings.backgroundColor); this.settings.backgroundColor = defaultSettings.backgroundColor;
this.defaultColorSection.Update (defaultSettings.defaultColor); this.settings.defaultColor = defaultSettings.defaultColor;
this.edgeDisplaySection.Update (defaultSettings.showEdges, defaultSettings.edgeColor, defaultSettings.edgeThreshold); this.settings.showEdges = defaultSettings.showEdges;
this.themeSection.Update (defaultSettings.themeId); this.settings.edgeColor = defaultSettings.edgeColor;
this.callbacks.onThemeChange (); this.settings.edgeThreshold = defaultSettings.edgeThreshold;
}); this.settings.themeId = defaultSettings.themeId;
this.backgroundColorSection.Update (defaultSettings.backgroundColor);
this.defaultColorSection.Update (defaultSettings.defaultColor);
this.edgeDisplaySection.Update (defaultSettings.showEdges, defaultSettings.edgeColor, defaultSettings.edgeThreshold);
this.themeSection.Update (defaultSettings.themeId);
this.callbacks.onThemeChange ();
}
Resize ()
{
let titleHeight = OV.GetDomElementOuterHeight (this.titleDiv);
let resetButtonHeight = OV.GetDomElementOuterHeight (this.resetToDefaultsButton);
let height = this.parentDiv.offsetHeight;
OV.SetDomElementOuterHeight (this.sectionsDiv, height - titleHeight - resetButtonHeight);
} }
}; };