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

Changing default color.

Browse Source
This commit is contained in:
kovacsv 2021-07-11 10:36:43 +02:00
parent 303a2d182c
commit f6f5a4c00d
3 changed files with 43 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
website/o3dv/settingssidebarpanel.js
View File

@ -12,28 +12,21 @@ OV.SettingsSidebarPanel = class extends OV.SidebarPanel
InitSettings (settings)
{
let table = $('<div>').addClass ('ov_property_table').appendTo (this.contentDiv);
let backgroundColorParams = settings.backgroundColor;
this.AddColorInput (table, backgroundColorParams, function (newVal) {
backgroundColorParams.onChange (newVal);
});
this.AddColorParameters (settings.backgroundColor, 'Background Color', 'Changing the background color affects only the visualization.');
this.AddColorParameters (settings.defaultColor, 'Default Color', 'Default color is used when no material was defined in the file.');
}
AddColorInput (table, params, onChange)
AddColorParameters (params, title, description)
{
let row = $('<div>').addClass ('ov_property_table_row').appendTo (table);
let nameColum = $('<div>').addClass ('ov_property_table_cell ov_property_table_name').appendTo (row);
let valueColumn = $('<div>').addClass ('ov_property_table_cell ov_property_table_value').appendTo (row);
nameColum.html (params.name + ':').attr ('title', params.name);
let colorInput = $('<input>').attr ('type', 'color').addClass ('ov_sidebar_color').appendTo (valueColumn);
$('<div>').addClass ('ov_sidebar_subtitle').html (title).appendTo (this.contentDiv);
let contentDiv = $('<div>').addClass ('ov_sidebar_settings_content').appendTo (this.contentDiv);
let colorColumn = $('<div>').addClass ('ov_sidebar_small_column').appendTo (contentDiv);
$('<div>').addClass ('ov_sidebar_column').html (description).appendTo (contentDiv);
let colorInput = $('<input>').attr ('type', 'color').addClass ('ov_sidebar_color').appendTo (colorColumn);
colorInput.val ('#' + OV.ColorToHexString (params.defaultValue));
colorInput.change (function () {
let colorStr = colorInput.val ().substr (1);
onChange (OV.HexStringToColor (colorStr));
});
}
params.onChange (OV.HexStringToColor (colorStr));
});
}
};

25
website/o3dv/website.css
View File

@ -284,14 +284,37 @@ div.ov_sidebar_title img.ov_sidebar_title_img
cursor: pointer;
}
div.ov_sidebar_subtitle
{
}
div.ov_sidebar_content
{
overflow: auto;
}
div.ov_sidebar_content div.ov_sidebar_settings_content
{
margin: 10px 0px;
overflow: auto;
}
div.ov_sidebar_content div.ov_sidebar_small_column
{
width: 50px;
float: left;
}
div.ov_sidebar_content div.ov_sidebar_column
{
width: 250px;
float: left;
}
div.ov_sidebar_content input.ov_sidebar_color
{
width: 64px;
width: 30px;
height: 18px;
}

9
website/o3dv/website.js
View File

@ -450,13 +450,20 @@ OV.Website = class
settingsPanel.InitSettings ({
backgroundColor : {
name : 'Background Color',
defaultValue : this.viewerSettings.backgroundColor,
onChange : function (newVal) {
obj.viewerSettings.backgroundColor = newVal;
obj.viewer.SetBackgroundColor (newVal);
obj.cookieHandler.SetColorVal ('ov_background_color', newVal);
}
},
defaultColor : {
defaultValue : this.importSettings.defaultColor,
onChange : function (newVal) {
obj.importSettings.defaultColor = newVal;
obj.cookieHandler.SetColorVal ('ov_default_color', newVal);
obj.ReloadFiles ();
}
}
});