OpenHAB
/
openhab-webui
mirror of https://github.com/openhab/openhab-webui.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Canvas Interactive SVG: Prevent image caching & Add id in config dialog (#2881) 

prevent url caching in edit mode, 
add svg element id to dialog title

Signed-off-by: Stefan Höhn <mail@stefanhoehn.com>
pull/2886/head
stefan-hoehn 2024-11-19 00:38:42 +01:00 committed by GitHub
parent d5a0748b32
commit ed54bf6d23
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
bundles/org.openhab.ui/web/src/components/widgets/layout/oh-canvas-embedded-svg-mixin.js
View File

@ -17,8 +17,9 @@ export default {
* @returns {Promise<void>}
*/
embedSvg () {
// Load the real SVG content
return fetch(this.config.imageUrl)
// Load the real SVG content, in editmode we add a random number to the URL to prevent caching
const svgUrl = (this.context.editmode) ? this.config.imageUrl + `?rnd=${Math.random()}` : this.config.imageUrl
return fetch(svgUrl)
.then(response => response.text())
.then(svgCode => {
this.$refs.canvasBackground.innerHTML = svgCode
@ -46,7 +47,7 @@ export default {
const that = this
this.$f7router.navigate({ url: 'on-svg-click-settings', route: { path: 'on-svg-click-settings', popup } }, {
props: {
widget: new WidgetDefinition('onSvgClickSettings', 'SVG onClick Action', '')
widget: new WidgetDefinition('onSvgClickSettings', `SVG onClick Action for ${id}`, '')
.paramGroup(pg('state', 'State', 'Defines if and how the state is represented in the SVG'), [
pi('stateItems', 'State Item(s)', 'Item(s) that should be used to determine the state').m().a(),
pb('useProxyElementForState', 'Use State Proxy Element', 'Use "flash" element to highlight the active state. The element is marked with the attribute flash: true and must be part of the elements group').a(),