Dastihcz 3.20.0

[madpatrick]

Hi,

I've posted a PR to the Dashticz GIT with a lot uo updates and some changes
You can checkout the PR if you like or wait until it has accepted by the moderator
See : https://github.com/Dashticz/dashticz/pull/1242

Code: Select all

git checkout 1242

These are the changes in summary

**Bootstrap 5 upgrade**

- Bootstrap has been upgraded to version 5.3.8.
- A compatibility layer has been added for the legacy Bootstrap 3 markup still used by Dashticz and existing custom blocks.
- Legacy grid classes such as col-xs-* remain supported.
- Existing column layouts, including combinations such as width: 3 and width: 9, continue to appear on the same row.
- Compatibility has been added for modals, dropdowns, tabs, collapses, carousels, buttons, visibility helpers and alignment classes.
- Camera carousel controls have been updated while keeping the existing configuration format.

**Selector and button fixes**

- Selector button groups are now isolated from each other.
- Pressing a selector button executes the correct action instead of occasionally triggering another button.
- The active selector remains visually highlighted.
- Buttons, selectors and dropdown selectors now use consistent styling.
- Chart and date library updates
- Chart.js has been upgraded from version 2.9 to the maintained Chart.js 4 release.
- Graph axes, tooltips, fonts, datasets and zoom settings are converted automatically for compatibility.
- Moment.js and handlebars.moment have been replaced internally by Day.js.
- A compatibility layer remains available for existing moment(...) calls and Handlebars templates.
- Localized dates, Unix timestamps, date calculations and custom parsing remain supported.

**Clock fixes**

- Clock components now use public date APIs instead of removed Moment.js internals.
- The Hayman clock works correctly again.
- Other clock implementations have also been checked and updated.
- Seconds settings are now handled consistently.

**Screensaver improvements**

- The screensaver timeout is now calculated from the last actual user interaction.
- Operating the dashboard after closing the screensaver correctly restarts the inactivity timer.
- Screensaver blocks are rendered independently, so one failing block can no longer prevent the other configured blocks from appearing.
- Custom clocks and other configured screensaver blocks remain supported.
- Screensaver blocks use a plain black background without borders, transparency or theme effects.

**New Modern Dark theme**

- A reusable modern-dark theme has been added.
- The theme includes:
- Slightly transparent dark blocks.
- Flat block backgrounds without gradients.
- More rounded corners.
- Subtle dark borders.
- Consistent spacing between blocks.
- Blue-outlined buttons and selectors.
- Clearly visible active button states.
- Compact title-bar icons.
- Styled sliders and battery indicators.
- Plain title bars without borders or gradients.
- A completely black standby/screensaver layout.
- Enable the theme in custom/CONFIG.js:
- config['theme'] = 'modern-dark';
- The theme only contains general styling. Personal device rules, private URLs and dashboard-specific settings remain in custom/custom.css.
- Dashticz loads custom/custom.css after the selected theme, so local CSS rules can override the theme without modifying the public theme files.

**Startup screen**

- The startup page has been optimized.
- A responsive animated loading screen with a glowing Dashticz logo has been added.
- A reduced-motion fallback is included for users who disable animations.
- Metadata, preloading and browser cache handling have been improved.

Dashticz loading screen.png (251.08 KiB) Viewed 2012 times

**Additional reliability improvements**

- The update check now compares version numbers correctly.
- A newer local version is no longer incorrectly told to install an older release.
- Block removal and lifecycle handling have been improved.
- Map subscriptions, camera timers, event listeners and WebSocket callbacks are cleaned up correctly.
- Authentication refresh, URL parsing and sequential script loading have received additional error handling.
- KNMI Weather has been updated to use the newer API v2.
- Font Awesome, Swiper and other supporting dependencies have been refreshed while retaining compatibility.
- Security and maintenance
- Proxy, calendar, settings and Horizon endpoints received additional validation and protection.
- Remote URLs are checked and private or reserved destinations are blocked by default.
- CSRF and same-origin protection are used where appropriate.
- RSS and OAuth output is escaped or sanitized.
- Production JavaScript and CSS bundles are included, so Node.js is not required for a normal installation.
- node_modules and personal files under custom/ are excluded from Git.
- Source files use LF line endings.
- Automated regression checks cover syntax, dependencies, compatibility, selectors, version handling, security and line endings.

[Lokonli]

Wow, big change.

I’m looking for a new Dashticz maintainer.
Any volunteers?


Verzonden vanaf mijn iPhone met Tapatalk

[madpatrick]

Important note is that it needs to be tested thorougly.
I've tested as much as i can, but do not all the functions or modules workingon my system to test

[HansieNL]

I installed your version master 3.20.0 to test but have problems with my calendars.
I copied my current config.js (in use with master 3.14) and the calendars are all empty?
Have you test the calendar function yourself already?

[madpatrick]

Hi HansieNL

The calendar block was rewritten in version 3.20. The old addCalendar() engine is no longer used. Your existing config.js blocks may need to be updated to work with the new format.

I've made a patch, the old format is automatically recognised and converted at runtime, so your calendars should already work again without changes. However, migrating to the new format is recommended for clarity and future compatibility.

Unfortunately i'm not able to change the documentation

But you can find the changes here
https://github.com/MadPatrick/dashticz/ ... CHANGES.md

[Lokonli]

ok, I pushed this version as new beta branch, version number 3.20.0

Please start testing this version.

After testing I'll merge it into main.

[Lokonli]

I also have merged the other existing PRs. Current beta version is 3.20.3

[janumix]

Hi
Thanks for improvements. Dashboard loads much faster than ever !
Please note, we lose multiple dash functionality as mentioned here: viewtopic.php?t=17489
Best regards

[madpatrick]

Hi, Janumix,

You mean this ?

Code: Select all

Want to have a third one (for example your mobile device) ?
1.) Copy index.html to index3.html
2.) Copy folder custom to custom_3
3.) Edit index3.html and change the line var dashtype=1; to var dashtype=3;
4.) Open index3.html in your browser :)

I'll check and try to reimplement it

[Lokonli]

I would recommend to use URL parameters cfg or cfg2

See:

https://dashticz.readthedocs.io/en/beta ... parameters


Verzonden vanaf mijn iPhone met Tapatalk

[janumix]

Thanks
?folder=custom_2 works just fine. No need to change anything !
Now, I'm struggling with calendar (ics via Nextcloud) and camers

Regards

[madpatrick]

the beta has not changed from the master branch for ICS or Camera
I did a quick check on this
If you have issues due the beta with this please make a issue on git

[TiXav]

wahoo !
this version is really more fast,
reconnect to domoticz without reloading web page/app is better
however, the graph with this king of custom parameter does not work anymore (it seems it is due to 'range:month' when I check into web develloper tool in chrome, the other ranges work fine):

Code: Select all

'5d': {
							graph:['bar'],
							ylabels: ['Wh'],
							data: {'Wp': 'd.v_2618',},
							range: 'month',filter: '5 days',legend: true
						},

error0.png (148.27 KiB) Viewed 1139 times

Thank you a lot

[madpatrick]

Hi

Thanks !

I've created a PR
https://github.com/Dashticz/dashticz/pull/1244

You download if need the PR and try this fix
You must replace /js/components/graph.js

Oyr you can edit the file yourself

// before

Code: Select all

displayFormats: {
  minute: 'H:mm',
  hour: graph.realrange === 'day' ? 'ddd H:mm' : 'D MMM',
  day: 'D MMM',
}

// after

Code: Select all

displayFormats: {
  minute: 'H:mm',
  hour: graph.realrange === 'day' ? 'EEE H:mm' : 'd MMM',
  day: 'd MMM',
}

[TiXav]

It is working.
Thanks

[madpatrick]

Beta branch has been updated also

[Renber]

When editing an additional dashboard (e.g., http://ip/dashticz/?cfg=config2.js), the `config.js` file is saved, not the target file.

[madpatrick]

OK. Thanks for notyfing.
Can you be bit more specific.
How do you edit the config ? With the menu editor ?

[Renber]

Yes, via the menu editor.

[madpatrick]

I've posted a PR with a fix
https://github.com/Dashticz/dashticz/pull/1246