tyler.durden/pandorafms
1
0
Fork 0
mirror of https://github.com/pandorafms/pandorafms.git synced 2025-07-26 23:35:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

fixed size digital clock pandora_enterprise#9424

Browse Source
This commit is contained in:
Daniel Barbero 2022-09-15 14:59:39 +02:00
parent d9f48426dd
commit 1919fa4bc9
3 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pandora_console/include/visual-console-client/vc.main.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
pandora_console/include/visual-console-client/vc.main.min.js.map
View File

File diff suppressed because one or more lines are too long

14
visual_console_client/src/items/Clock/index.ts
View File

@ -525,17 +525,21 @@ export default class Clock extends Item<ClockProps> {
const element: HTMLDivElement = document.createElement("div"); const element: HTMLDivElement = document.createElement("div");
element.className = "digital-clock"; element.className = "digital-clock";
const { width } = this.getElementSize(); // Destructuring assigment: http://es6-features.org/#ObjectMatchingShorthandNotation const { width, height } = this.getElementSize(); // Destructuring assigment: http://es6-features.org/#ObjectMatchingShorthandNotation
let modified = width;
if (height < width) {
modified = height;
}
// Calculate font size to adapt the font to the item size. // Calculate font size to adapt the font to the item size.
const baseTimeFontSize = 20; // Per 100px of width. const baseTimeFontSize = 35; // Per 100px of width.
const dateFontSizeMultiplier = 0.5; const dateFontSizeMultiplier = 0.5;
const tzFontSizeMultiplier = 6 / this.props.clockTimezone.length; const tzFontSizeMultiplier = 6 / this.props.clockTimezone.length;
const timeFontSize = (baseTimeFontSize * width) / 100; const timeFontSize = (baseTimeFontSize * modified) / 100;
const dateFontSize = const dateFontSize =
(baseTimeFontSize * dateFontSizeMultiplier * width) / 100; (baseTimeFontSize * dateFontSizeMultiplier * modified) / 100;
const tzFontSize = Math.min( const tzFontSize = Math.min(
(baseTimeFontSize * tzFontSizeMultiplier * width) / 100, (baseTimeFontSize * tzFontSizeMultiplier * modified) / 100,
(width / 100) * 10 (width / 100) * 10
); );