From 6feced5aa8328c38a39aa4e253c2a861c9e23eee Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Wed, 1 Mar 2023 18:18:52 +0100
Subject: [PATCH 01/18] add tileAddress to all widgets

---
 source/resource/manager/worker.js    |  5 +++++
 source/resource/visu_config_tile.xsd | 11 ++++++++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/source/resource/manager/worker.js b/source/resource/manager/worker.js
index 0c58384325c..48c6d13c403 100644
--- a/source/resource/manager/worker.js
+++ b/source/resource/manager/worker.js
@@ -443,6 +443,11 @@ function loadSchema(schemaFile) {
   if (!configSchemas.hasOwnProperty(schemaFile)) {
     // load scheme file
     let content = getFileContent(schemaFile);
+    if (content === null) {
+      // schema file not found
+      configSchemas[schemaFile] = content;
+      return;
+    }
     let file;
     let includedContent;
     const matches = content.matchAll(/<xsd:include schemaLocation="([^"]+)"\s?\/>/g);
diff --git a/source/resource/visu_config_tile.xsd b/source/resource/visu_config_tile.xsd
index 1bdb257a0ce..ff6a4a95ee3 100644
--- a/source/resource/visu_config_tile.xsd
+++ b/source/resource/visu_config_tile.xsd
@@ -1731,7 +1731,8 @@
                 <xsd:simpleType>
                   <xsd:restriction base="xsd:string">
                     <xsd:enumeration value="address" />
-                    <xsd:enumeration value="live-update-address" />
+                    <xsd:enumeration value="tileAddress" />
+                    <xsd:enumeration value="liveUpdateAddress" />
                   </xsd:restriction>
                 </xsd:simpleType>
               </xsd:attribute>
@@ -2583,12 +2584,16 @@
     </xsd:sequence>
   </xsd:complexType>
 
-  <xsd:complexType name="html-style">
+  <xsd:complexType name="html-style" >
     <xsd:annotation>
       <xsd:documentation xml:lang="en">The style element contains style information for a document, or part of a document.</xsd:documentation>
       <xsd:documentation xml:lang="de">Das style-Element enthält Stylesheet-Angaben, die für das gesamte Dokument gelten.</xsd:documentation>
     </xsd:annotation>
-    <xsd:attribute name="media" default="all" type="xsd:string"/>
+    <xsd:simpleContent>
+      <xsd:extension base="xsd:string">
+        <xsd:attribute name="media" default="all" type="xsd:string"/>
+      </xsd:extension>
+    </xsd:simpleContent>
   </xsd:complexType>
 
   <xsd:complexType name="iframe">

From 7a7073e05878db0d4b72345b77dffb0d59aa0c7b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Wed, 1 Mar 2023 18:19:06 +0100
Subject: [PATCH 02/18] sync name

---
 source/resource/demo/visu_config_demo-tile.xml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/resource/demo/visu_config_demo-tile.xml b/source/resource/demo/visu_config_demo-tile.xml
index 38036dc5356..65c77dc9972 100644
--- a/source/resource/demo/visu_config_demo-tile.xml
+++ b/source/resource/demo/visu_config_demo-tile.xml
@@ -236,7 +236,7 @@
                 <cv-widget-pair allow-column-layout="true">
                     <cv-status-chart format="%d" style="color: #f2495c" y-format="%d W" series="hour" x-format="%H:%M" zero-based="false" >
                         <cv-address slot="address" transform="DPT:12.001" mode="read">1/4/25</cv-address>
-                        <cv-address slot="live-update-address" transform="DPT:12.001" mode="read" target="generator:grid-current-import">1/4/25</cv-address>
+                        <cv-address slot="liveUpdateAddress" transform="DPT:12.001" mode="read" target="generator:grid-current-import">1/4/25</cv-address>
                         <span slot="title" tr="true">Power consumption</span>
                         <span slot="unit">W</span>
                         <dataset slot="dataset" src="generator:grid-current-import" color="#f2495c"

From 1919247f663f3eb511b650034d68058da3ce9550 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Wed, 1 Mar 2023 18:19:18 +0100
Subject: [PATCH 03/18] add tileAddress to all widgets

---
 source/resource/structures/tile/templates.xml | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/source/resource/structures/tile/templates.xml b/source/resource/structures/tile/templates.xml
index 426f16abdc9..51c3e80b720 100644
--- a/source/resource/structures/tile/templates.xml
+++ b/source/resource/structures/tile/templates.xml
@@ -45,6 +45,7 @@
                     <slot name="secondaryLabel"/>
                 </label>
             </cv-row>
+            <slot name="tileAddress">NEEDS ADDRESS</slot>
         </cv-tile>
         <footer><slot name="footer"/></footer>
     </template>
@@ -82,6 +83,7 @@
                     <slot name="secondaryLabel">OPTIONAL SUB LABEL</slot>
                 </label>
             </cv-row>
+            <slot name="tileAddress">NEEDS ADDRESS</slot>
         </cv-tile>
         <footer><slot name="footer"/></footer>
     </template>
@@ -113,6 +115,7 @@
             </cv-row>
             <slot name="chart"/>
             <slot name="popup"/>
+            <slot name="tileAddress">NEEDS ADDRESS</slot>
         </cv-tile>
         <footer><slot name="footer"/></footer>
     </template>
@@ -135,6 +138,7 @@
             </cv-row>
             <slot name="chart"/>
             <slot name="popup"/>
+            <slot name="tileAddress">NEEDS ADDRESS</slot>
         </cv-tile>
         <footer><slot name="footer"/></footer>
     </template>
@@ -177,6 +181,7 @@
                     <slot name="label">RTC</slot>
                 </label>
             </cv-row>
+            <slot name="tileAddress">NEEDS ADDRESS</slot>
         </cv-tile>
         <footer><slot name="footer"/></footer>
     </template>
@@ -249,6 +254,7 @@
                     <slot name="brightnessAddress">NEEDS ADDRESS</slot>
                 </cv-slider>
             </cv-row>
+            <slot name="tileAddress">NEEDS ADDRESS</slot>
         </cv-tile>
         <footer><slot name="footer"/></footer>
     </template>
@@ -259,7 +265,7 @@
             </label>
             <slot name="header"/>
         </header>
-        <cv-tile>
+        <cv-tile slot-max-age="">
             <cv-menu>
                 <slot name="menu" parent-scope="1"/>
             </cv-menu>
@@ -282,7 +288,7 @@
                       show-x-axis="false" slot-y-format="" slot-series="month" slot-refresh="300" colspan="3"
                       rowspan="3" slot-x-format="%d. %b" slot-zero-based="true">
                 <slot name="dataset">NEEDS DATASET</slot>
-                <slot name="live-update-address">NEEDS ADDRESS</slot>
+                <slot name="liveUpdateAddress">NEEDS ADDRESS</slot>
             </cv-chart>
             <cv-popup slot="popup" modal="true" fullscreen="true">
                 <header>
@@ -295,6 +301,7 @@
                     <slot name="dataset">NEEDS DATASET</slot>
                 </cv-chart>
             </cv-popup>
+            <slot name="tileAddress">NEEDS ADDRESS</slot>
         </cv-tile>
         <footer>
             <slot name="footer"/>
@@ -308,6 +315,7 @@
                 <slot name="address">NEEDS ADDRESS</slot>
             </cv-value>
             <slot name="popup" modal="true" />
+            <slot name="tileAddress">NEEDS ADDRESS</slot>
         </cv-tile>
         <footer>
             <slot name="label" replaces="footer > cv-value"/>

From 89d0eaae9a45f06c5e2b78078fda6aa98882e3f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Wed, 1 Mar 2023 18:19:52 +0100
Subject: [PATCH 04/18] add option to show outdated widgets

---
 .../cv/ui/structure/tile/elements/Address.js  |  5 +-
 .../cv/ui/structure/tile/widgets/Tile.js      | 49 +++++++++++++++++++
 source/resource/designs/tile/basic.scss       | 31 ++++++++++++
 source/translation/de.po                      | 24 +++++++++
 source/translation/en.po                      | 24 +++++++++
 5 files changed, 132 insertions(+), 1 deletion(-)

diff --git a/source/class/cv/ui/structure/tile/elements/Address.js b/source/class/cv/ui/structure/tile/elements/Address.js
index d9cda7c46dc..676817a33a8 100644
--- a/source/class/cv/ui/structure/tile/elements/Address.js
+++ b/source/class/cv/ui/structure/tile/elements/Address.js
@@ -131,13 +131,16 @@ qx.Class.define('cv.ui.structure.tile.elements.Address', {
             transformedState instanceof Date ? transformedState.toLocaleString() : transformedState
           );
         }
+        let targetConfig = this._element.hasAttribute('target') ? this._element.getAttribute('target').split(':') : [];
+        const target = targetConfig.length > 0 ? targetConfig.shift() : '';
         const ev = new CustomEvent('stateUpdate', {
           bubbles: true,
           cancelable: true,
           detail: {
             address: this._element.textContent.trim(),
             state: transformedState,
-            target: this._element.getAttribute('target') || '',
+            target: target,
+            targetConfig: targetConfig,
             raw: state,
             mapping: mapping,
             addressValue: this._element.hasAttribute('value') ? this._element.getAttribute('value') : null,
diff --git a/source/class/cv/ui/structure/tile/widgets/Tile.js b/source/class/cv/ui/structure/tile/widgets/Tile.js
index 4147b04f4dc..668d5693a73 100644
--- a/source/class/cv/ui/structure/tile/widgets/Tile.js
+++ b/source/class/cv/ui/structure/tile/widgets/Tile.js
@@ -43,6 +43,12 @@ qx.Class.define('cv.ui.structure.tile.widgets.Tile', {
       check: 'Boolean',
       init: false,
       apply: '_applyPopup'
+    },
+
+    outdated: {
+      check: 'Boolean',
+      init: false,
+      apply: '_applyOutdated'
     }
   },
 
@@ -62,9 +68,11 @@ qx.Class.define('cv.ui.structure.tile.widgets.Tile', {
   */
   members: {
     _fullScreenMode: null,
+    _dateFormat: null,
 
     _init() {
       super._init();
+      this._dateFormat = new qx.util.format.DateFormat(qx.locale.Date.getDateFormat('medium') + ' ' + qx.locale.Date.getTimeFormat('medium'));
       this._initPopupChild();
       if (this._element.hasAttribute('background-image')) {
         this.setBackgroundImage(this._element.getAttribute('background-image'));
@@ -95,6 +103,25 @@ qx.Class.define('cv.ui.structure.tile.widgets.Tile', {
       }
     },
 
+    _applyOutdated(value) {
+      let elem = this._element.querySelector(':scope > .outdated');
+      if (value) {
+        this._element.classList.add('outdated');
+        if (!elem) {
+          elem = document.createElement('div');
+          elem.classList.add('outdated');
+          elem.textContent = "!";
+          this._element.insertBefore(elem, this._element.firstElementChild);
+        }
+        elem.style.display = 'block';
+      } else {
+        this._element.classList.remove('outdated');
+        if (elem) {
+          elem.style.display = 'none';
+        }
+      }
+    },
+
     open() {
       if (this._childPopup) {
         this._openPopupChild();
@@ -186,10 +213,32 @@ qx.Class.define('cv.ui.structure.tile.widgets.Tile', {
             }
             break;
 
+          case 'last-update':
+            const maxAge = ev.detail.targetConfig && ev.detail.targetConfig.length > 0 ? parseInt(ev.detail.targetConfig.shift()) : Number.POSITIVE_INFINITY;
+            if (ev.detail.state instanceof Date) {
+              const age = Math.floor((Date.now() - ev.detail.state.getTime()) / 1000);
+              this.setOutdated(age > maxAge);
+              this._element.setAttribute('title', qx.locale.Manager.tr('Last update: %1', this._dateFormat.format(ev.detail.state)));
+            } else if (ev.detail.state === '-') {
+              this.setOutdated(true);
+            } else {
+              this.error('last-update value must be a Date object, but is of type:', typeof ev.detail.state, ev.detail.state);
+            }
+            break;
+
           default:
             this.debug('unhandled address target', ev.detail.target);
         }
       }
+    },
+
+    /*
+    ***********************************************
+      DESTRUCTOR
+    ***********************************************
+    */
+    destruct() {
+      this._disposeObjects('_dateFormat');
     }
   },
 
diff --git a/source/resource/designs/tile/basic.scss b/source/resource/designs/tile/basic.scss
index 4be80704aa0..04755e95676 100644
--- a/source/resource/designs/tile/basic.scss
+++ b/source/resource/designs/tile/basic.scss
@@ -32,6 +32,7 @@ $tileColumns: 3;
     --blockerColor: rgba(var(--baseShadowColor-r), var(--baseShadowColor-g), var(--baseShadowColor-b), 0.9);
     --greenBackground: #175927;
     --tileTitleBackground: #222;
+    --outdatedColor: #FF0000;
 
     --overlayColor: rgba(0, 0, 0, 0.75);
 
@@ -876,6 +877,36 @@ body {
         grid-template-rows: repeat($tileRows, 1fr);
         justify-items: center;
 
+         > .outdated {
+             position: absolute;
+             left: 0;
+             top: 0;
+             width: 16px;
+             line-height: 18px;
+             text-align: center;
+             vertical-align: center;
+             font-size: 14px;
+             font-weight: bold;
+             color: #FFFFFF;
+             z-index: 100;
+
+             &:before {
+                 display: block;
+                 position: absolute;
+                 left: 0px;
+                 top: 0px;
+                 content: " ";
+                 width: 0;
+                 height: 0;
+                 z-index: -1;
+
+                 border-style: solid;
+                 border-width: 28px 28px 0 0;
+                 border-color: var(--outdatedColor) transparent transparent transparent;
+                 rotate: 360deg;
+             }
+         }
+
         .ripple-container {
             position: absolute;
             top: 0;
diff --git a/source/translation/de.po b/source/translation/de.po
index 491df895a48..b13b6c584a1 100644
--- a/source/translation/de.po
+++ b/source/translation/de.po
@@ -1200,3 +1200,27 @@ msgstr "gestern"
 #: cv/ui/structure/tile/components/Chart.js
 msgid "CW %1"
 msgstr "KW %1"
+
+#: cv/ui/structure/tile/components/Chart.js
+msgid "Hour"
+msgstr ""
+
+#: cv/ui/structure/tile/components/Chart.js
+msgid "Day"
+msgstr ""
+
+#: cv/ui/structure/tile/components/Chart.js
+msgid "Week"
+msgstr ""
+
+#: cv/ui/structure/tile/components/Chart.js
+msgid "Month"
+msgstr ""
+
+#: cv/ui/structure/tile/components/Chart.js
+msgid "Year"
+msgstr ""
+
+#: cv/ui/structure/tile/widgets/Tile.js
+msgid "Last update: %1"
+msgstr "Letzte Aktualisierung: %1"
diff --git a/source/translation/en.po b/source/translation/en.po
index 6eedcda8cf7..c34e42bc218 100644
--- a/source/translation/en.po
+++ b/source/translation/en.po
@@ -1320,3 +1320,27 @@ msgstr ""
 #: cv/ui/structure/tile/components/Chart.js
 msgid "CW %1"
 msgstr ""
+
+#: cv/ui/structure/tile/components/Chart.js
+msgid "Hour"
+msgstr ""
+
+#: cv/ui/structure/tile/components/Chart.js
+msgid "Day"
+msgstr ""
+
+#: cv/ui/structure/tile/components/Chart.js
+msgid "Week"
+msgstr ""
+
+#: cv/ui/structure/tile/components/Chart.js
+msgid "Month"
+msgstr ""
+
+#: cv/ui/structure/tile/components/Chart.js
+msgid "Year"
+msgstr ""
+
+#: cv/ui/structure/tile/widgets/Tile.js
+msgid "Last update: %1"
+msgstr ""

From 76cf393502931af1c4540759924480bda93a98c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Mon, 6 Mar 2023 16:23:46 +0100
Subject: [PATCH 05/18] improve outdated check to detect it when no updated are
 received

---
 .../cv/ui/structure/tile/elements/Address.js  |  7 +++
 .../cv/ui/structure/tile/widgets/Tile.js      | 49 +++++++++++++++----
 2 files changed, 46 insertions(+), 10 deletions(-)

diff --git a/source/class/cv/ui/structure/tile/elements/Address.js b/source/class/cv/ui/structure/tile/elements/Address.js
index 676817a33a8..0adb0241665 100644
--- a/source/class/cv/ui/structure/tile/elements/Address.js
+++ b/source/class/cv/ui/structure/tile/elements/Address.js
@@ -52,6 +52,13 @@ qx.Class.define('cv.ui.structure.tile.elements.Address', {
           }
           //add listener
           model.addUpdateListener(address, this.fireStateUpdate, this, backendName);
+
+          if (element.hasAttribute('target') && element.getAttribute('target').startsWith('last-update')) {
+            if (state === undefined) {
+              // notify tile that we have no value, so its outdated
+              this.fireStateUpdate(address, '-');
+            }
+          }
         }
         if (mode !== 'read') {
           // listen for sendState events
diff --git a/source/class/cv/ui/structure/tile/widgets/Tile.js b/source/class/cv/ui/structure/tile/widgets/Tile.js
index 668d5693a73..f1e32a55735 100644
--- a/source/class/cv/ui/structure/tile/widgets/Tile.js
+++ b/source/class/cv/ui/structure/tile/widgets/Tile.js
@@ -49,6 +49,12 @@ qx.Class.define('cv.ui.structure.tile.widgets.Tile', {
       check: 'Boolean',
       init: false,
       apply: '_applyOutdated'
+    },
+
+    checkOutdated: {
+      check: 'Boolean',
+      init: false,
+      apply: '_applyCheckOutdated'
     }
   },
 
@@ -69,6 +75,9 @@ qx.Class.define('cv.ui.structure.tile.widgets.Tile', {
   members: {
     _fullScreenMode: null,
     _dateFormat: null,
+    _checkOutdatedTimerId: null,
+    _lastUpdate: null,
+    _maxAge: null,
 
     _init() {
       super._init();
@@ -122,6 +131,29 @@ qx.Class.define('cv.ui.structure.tile.widgets.Tile', {
       }
     },
 
+    _applyCheckOutdated(value) {
+      const timer = qx.util.TimerManager.getInstance();
+      if (value) {
+        this._checkOutdatedTimerId = timer.start(this.checkOutdated, 5000, this);
+      } else if (this._checkOutdatedTimerId) {
+        timer.stop(this._checkOutdatedTimerId);
+        this._checkOutdatedTimerId = null;
+      }
+    },
+
+    checkOutdated() {
+      if (this._lastUpdate instanceof Date) {
+        const age = Math.floor((Date.now() - this._lastUpdate.getTime()) / 1000);
+        this.setOutdated(age > this._maxAge);
+        this._element.setAttribute('title', qx.locale.Manager.tr('Last update: %1', this._dateFormat.format(this._lastUpdate)));
+      } else if (this._lastUpdate === '-') {
+        this.setOutdated(true);
+        this._element.setAttribute('title', qx.locale.Manager.tr('Last update: unknown'));
+      } else {
+        this.error('last-update value must be a Date object, but is of type:', typeof this._lastUpdate, this._lastUpdate);
+      }
+    },
+
     open() {
       if (this._childPopup) {
         this._openPopupChild();
@@ -214,16 +246,9 @@ qx.Class.define('cv.ui.structure.tile.widgets.Tile', {
             break;
 
           case 'last-update':
-            const maxAge = ev.detail.targetConfig && ev.detail.targetConfig.length > 0 ? parseInt(ev.detail.targetConfig.shift()) : Number.POSITIVE_INFINITY;
-            if (ev.detail.state instanceof Date) {
-              const age = Math.floor((Date.now() - ev.detail.state.getTime()) / 1000);
-              this.setOutdated(age > maxAge);
-              this._element.setAttribute('title', qx.locale.Manager.tr('Last update: %1', this._dateFormat.format(ev.detail.state)));
-            } else if (ev.detail.state === '-') {
-              this.setOutdated(true);
-            } else {
-              this.error('last-update value must be a Date object, but is of type:', typeof ev.detail.state, ev.detail.state);
-            }
+            this._maxAge = ev.detail.targetConfig && ev.detail.targetConfig.length > 0 ? parseInt(ev.detail.targetConfig.shift()) : Number.POSITIVE_INFINITY;
+            this._lastUpdate = ev.detail.state;
+            this.checkOutdated();
             break;
 
           default:
@@ -239,6 +264,10 @@ qx.Class.define('cv.ui.structure.tile.widgets.Tile', {
     */
     destruct() {
       this._disposeObjects('_dateFormat');
+      if (this._checkOutdatedTimerId) {
+        qx.util.TimerManager.getInstance().stop(this._checkOutdatedTimerId);
+        this._checkOutdatedTimerId = null;
+      }
     }
   },
 

From bfdd5e475fe6a589e831055ad3372f96f7d43b07 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Mon, 6 Mar 2023 16:24:03 +0100
Subject: [PATCH 06/18] improve time range navigation

---
 .../cv/ui/structure/tile/components/Chart.js  | 119 ++++++++++++------
 1 file changed, 83 insertions(+), 36 deletions(-)

diff --git a/source/class/cv/ui/structure/tile/components/Chart.js b/source/class/cv/ui/structure/tile/components/Chart.js
index 9b5dd5fb785..5d72334808f 100644
--- a/source/class/cv/ui/structure/tile/components/Chart.js
+++ b/source/class/cv/ui/structure/tile/components/Chart.js
@@ -94,13 +94,23 @@ qx.Class.define('cv.ui.structure.tile.components.Chart', {
     currentSeries: {
       check: ['hour', 'day', 'week', 'month', 'year'],
       init: 'day',
-      apply: '_refreshData'
+      apply: '__updateTimeRange'
     },
 
     currentPeriod: {
       check: 'Number',
       init: 0,
-      apply: '_refreshData'
+      apply: '__updateTimeRange'
+    },
+
+    startTime: {
+      check: 'Number',
+      init: 0
+    },
+
+    endTime: {
+      check: 'Number',
+      init: 0
     }
   },
 
@@ -125,6 +135,8 @@ qx.Class.define('cv.ui.structure.tile.components.Chart', {
     __showTooltip: false,
     __debouncedOnResize: null,
     __resizeTimeout: null,
+    __startTs: null,
+    __endTs: null,
 
     /**
     * @type {d3.Selection}
@@ -154,9 +166,6 @@ qx.Class.define('cv.ui.structure.tile.components.Chart', {
       this._initializing = true;
       const element = this._element;
       await cv.ui.structure.tile.components.Chart.JS_LOADED;
-      if (this.isVisible()) {
-        this._loadData();
-      }
       this._id = cv.ui.structure.tile.components.Chart.ChartCounter++;
       const chartId = 'chart-' + this._id;
       element.setAttribute('data-chart-id', this._id.toString());
@@ -502,61 +511,100 @@ qx.Class.define('cv.ui.structure.tile.components.Chart', {
         }
       }
 
-      if (!this._initializing) {
+      if (!this._initializing && this.getStartTime() > 0 && this.getEndTime() > 0) {
         this._loaded = false;
         this._loadData();
       }
       this.__updateTitle();
     },
 
-    _loadData() {
-      if (this._loaded && Date.now() - this._loaded < 300000) {
-        // don't reload within 5 minutes
-        return;
-      }
-      const client = cv.io.BackendConnections.getClient();
-      if (!client) {
-        return;
-      }
-      if (!client.isConnected()) {
-        client.addListenerOnce('changeConnected', () => {
-          this._loadData();
-        });
-        return;
-      }
-      let url;
-      const dataSets = this._element.querySelectorAll(':scope > dataset');
+    __updateTimeRange() {
       const series = this.getCurrentSeries();
 
       const currentPeriod = this.getCurrentPeriod();
-      let start = 'end-1' + series;
-      let end = 'now';
-
+      let end = new Date();
+      let periodStart = new Date();
       let interval = 0;
       switch (series) {
         case 'hour':
-          interval = 60 * 60 * 1000;
+          interval = 60 * 60;
+          periodStart.setHours(periodStart.getHours() - currentPeriod, 0, 0, 0);
+          if (currentPeriod > 0) {
+            end.setHours(periodStart.getHours() + 1, 0, 0, 0);
+          }
           break;
 
         case 'day':
-          interval = 24 * 60 * 60 * 1000;
+          interval = 24 * 60 * 60;
+          periodStart.setDate(periodStart.getDate() - currentPeriod);
+          periodStart.setHours(0, 0, 0, 0);
+          if (currentPeriod > 0) {
+            end.setDate(periodStart.getDate() + 1);
+            end.setHours(0, 0, 0, 0);
+          }
           break;
 
         case 'week':
-          interval = 7 * 24 * 60 * 60 * 1000;
+          interval = 7 * 24 * 60 * 60;
+          periodStart.setDate(-periodStart.getDay() - 7 * currentPeriod);
+          periodStart.setHours(0, 0, 0, 0);
+          if (currentPeriod > 0) {
+            end.setDate(periodStart.getDate() + 7);
+            end.setHours(0, 0, 0, 0);
+          }
           break;
 
         case 'month':
-          interval = 30 * 24 * 60 * 60 * 1000;
+          interval = 30 * 24 * 60 * 60;
+          periodStart.setMonth(periodStart.getMonth() - currentPeriod);
+          periodStart.setDate(1);
+          periodStart.setHours(0, 0, 0, 0);
+          if (currentPeriod > 0) {
+            end.setMonth(periodStart.getMonth() + 1, 1);
+            end.setHours(0, 0, 0, 0);
+          }
           break;
 
         case 'year':
-          interval = 365 * 24 * 60 * 60 * 1000;
+          interval = 365 * 24 * 60 * 60;
+          periodStart.setFullYear(periodStart.getFullYear() - currentPeriod);
+          periodStart.setMonth(0, 1);
+          periodStart.setHours(0, 0, 0, 0);
+          if (currentPeriod > 0) {
+            end.setFullYear(periodStart.getFullYear() + 1);
+            end.setMonth(periodStart.getMonth() + 1, 1);
+            end.setHours(0, 0, 0, 0);
+          }
           break;
       }
-      if (currentPeriod > 0 && interval > 0) {
-        end = Math.round((Date.now() - currentPeriod * interval) / 1000);
+      let startTs = Math.round(periodStart.getTime()/1000);
+      let endTs = Math.round(end.getTime()/1000);
+      if (this._element.getAttribute('background') === 'true' || !this._element.hasAttribute('selection')) {
+        // when have no nagivation, we can just use the old relative time range now - interval
+        startTs = endTs -  interval;
+      }
+      this.setStartTime(startTs);
+      this.setEndTime(endTs);
+      this._refreshData();
+    },
+
+    _loadData() {
+      if (this._loaded && Date.now() - this._loaded < 300000) {
+        // don't reload within 5 minutes
+        return;
+      }
+      const client = cv.io.BackendConnections.getClient();
+      if (!client) {
+        return;
       }
+      if (!client.isConnected()) {
+        client.addListenerOnce('changeConnected', () => {
+          this._loadData();
+        });
+        return;
+      }
+      let url;
+      const dataSets = this._element.querySelectorAll(':scope > dataset');
 
       const promises = [];
       if (!this._dataSetConfigs) {
@@ -603,8 +651,8 @@ qx.Class.define('cv.ui.structure.tile.components.Chart', {
       for (const src in this._dataSetConfigs) {
         url = client.getResourcePath('charts', {
           src: src,
-          start: start,
-          end: end
+          start: this.getStartTime(),
+          end: this.getEndTime()
         });
 
         const ts = this._dataSetConfigs[src];
@@ -775,7 +823,6 @@ qx.Class.define('cv.ui.structure.tile.components.Chart', {
       this.error('Chart _onStatusError', ts, key, err);
     },
 
-
     /**
      * Get svg element selection (create if not exists)
      * @param parent d3.selection of the parent this element should be a child of

From 9646bc09bc6891a05280d270e31859694b7ebd99 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Mon, 13 Mar 2023 17:29:23 +0100
Subject: [PATCH 07/18] add WidgetPair class to allow tileAddresses for it
 (e.g. to hide the pair)

---
 .../ui/structure/tile/widgets/WidgetPair.js   | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)
 create mode 100644 source/class/cv/ui/structure/tile/widgets/WidgetPair.js

diff --git a/source/class/cv/ui/structure/tile/widgets/WidgetPair.js b/source/class/cv/ui/structure/tile/widgets/WidgetPair.js
new file mode 100644
index 00000000000..d8caa3f4c27
--- /dev/null
+++ b/source/class/cv/ui/structure/tile/widgets/WidgetPair.js
@@ -0,0 +1,36 @@
+/* Tile.js
+ *
+ * copyright (c) 2010-2022, Christian Mayer and the CometVisu contributers.
+ *
+ * This program is free software; you can redistribute it and/or modify it
+ * under the terms of the GNU General Public License as published by the Free
+ * Software Foundation; either version 3 of the License, or (at your option)
+ * any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along
+ * with this program; if not, write to the Free Software Foundation, Inc.,
+ * 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA
+ */
+
+/**
+ * Shows two half sized widgets as pair.
+ */
+qx.Class.define('cv.ui.structure.tile.widgets.WidgetPair', {
+  extend: cv.ui.structure.tile.components.AbstractComponent,
+
+  defer(QxClass) {
+    customElements.define(
+      cv.ui.structure.tile.Controller.PREFIX + 'widget-pair',
+      class extends QxConnector {
+        constructor() {
+          super(QxClass);
+        }
+      }
+    );
+  }
+});

From d0e38c3665c574e59b25d4e0900c04623d41909f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Fri, 17 Mar 2023 16:13:14 +0100
Subject: [PATCH 08/18] add missing translations

---
 source/translation/de.po | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/source/translation/de.po b/source/translation/de.po
index b13b6c584a1..ac6eef7b533 100644
--- a/source/translation/de.po
+++ b/source/translation/de.po
@@ -1203,23 +1203,23 @@ msgstr "KW %1"
 
 #: cv/ui/structure/tile/components/Chart.js
 msgid "Hour"
-msgstr ""
+msgstr "Stunde"
 
 #: cv/ui/structure/tile/components/Chart.js
 msgid "Day"
-msgstr ""
+msgstr "Tag"
 
 #: cv/ui/structure/tile/components/Chart.js
 msgid "Week"
-msgstr ""
+msgstr "Woche"
 
 #: cv/ui/structure/tile/components/Chart.js
 msgid "Month"
-msgstr ""
+msgstr "Monat"
 
 #: cv/ui/structure/tile/components/Chart.js
 msgid "Year"
-msgstr ""
+msgstr "Jahr"
 
 #: cv/ui/structure/tile/widgets/Tile.js
 msgid "Last update: %1"

From 8c231c8938d235b19b54cbaf3895b619c11a8f84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Fri, 17 Mar 2023 16:35:00 +0100
Subject: [PATCH 09/18] update schema for widget-pair tileAddress

---
 source/resource/visu_config_tile.xsd | 31 +++++++++++++++++++++-------
 1 file changed, 24 insertions(+), 7 deletions(-)

diff --git a/source/resource/visu_config_tile.xsd b/source/resource/visu_config_tile.xsd
index ff6a4a95ee3..56d48a49b36 100644
--- a/source/resource/visu_config_tile.xsd
+++ b/source/resource/visu_config_tile.xsd
@@ -1704,13 +1704,30 @@
   </xsd:complexType>
 
   <xsd:complexType name="cv-widget-pair">
-    <xsd:choice minOccurs="2" maxOccurs="2">
-      <xsd:element name="cv-tile" type="cv-tile" />
-      <xsd:element name="cv-switch" type="cv-switch" />
-      <xsd:element name="cv-info" type="cv-info" />
-      <xsd:element name="cv-status" type="cv-status" />
-      <xsd:element name="cv-status-chart" type="cv-status-chart" />
-    </xsd:choice>
+    <xsd:sequence>
+      <xsd:choice minOccurs="2" maxOccurs="2">
+        <xsd:element name="cv-tile" type="cv-tile" />
+        <xsd:element name="cv-switch" type="cv-switch" />
+        <xsd:element name="cv-info" type="cv-info" />
+        <xsd:element name="cv-status" type="cv-status" />
+        <xsd:element name="cv-status-chart" type="cv-status-chart" />
+      </xsd:choice>
+      <xsd:element name="cv-address" maxOccurs="unbounded">
+        <xsd:complexType>
+          <xsd:simpleContent>
+            <xsd:extension base="address">
+              <xsd:attribute name="slot" use="required">
+                <xsd:simpleType>
+                  <xsd:restriction base="xsd:string">
+                    <xsd:enumeration value="tileAddress" />
+                  </xsd:restriction>
+                </xsd:simpleType>
+              </xsd:attribute>
+            </xsd:extension>
+          </xsd:simpleContent>
+        </xsd:complexType>
+      </xsd:element>
+    </xsd:sequence>
     <xsd:attributeGroup ref="appearance-attributes" />
     <xsd:attribute name="allow-column-layout" type="xsd:boolean">
       <xsd:annotation>

From e8dd97afac4cb9f0ac21f5b68ca70b6f7b1cb462 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Fri, 17 Mar 2023 17:27:28 +0100
Subject: [PATCH 10/18] let the clients know their name

---
 client/source/class/cv/io/Client.js      | 5 +++++
 client/source/class/cv/io/IClient.js     | 8 ++++++++
 source/class/cv/io/AbstractClient.js     | 4 ++++
 source/class/cv/io/BackendConnections.js | 1 +
 4 files changed, 18 insertions(+)

diff --git a/client/source/class/cv/io/Client.js b/client/source/class/cv/io/Client.js
index 4c01257ace4..dbc640cdd02 100644
--- a/client/source/class/cv/io/Client.js
+++ b/client/source/class/cv/io/Client.js
@@ -192,6 +192,11 @@ qx.Class.define('cv.io.Client', {
       check: 'String',
       nullable: true,
       event: 'changedServer'
+    },
+
+    name: {
+      check: 'String',
+      nullable: true
     }
   },
 
diff --git a/client/source/class/cv/io/IClient.js b/client/source/class/cv/io/IClient.js
index 85687ddfb7b..0dac600cfcd 100644
--- a/client/source/class/cv/io/IClient.js
+++ b/client/source/class/cv/io/IClient.js
@@ -29,6 +29,14 @@ qx.Interface.define('cv.io.IClient', {
     dataReceived: {
       check: 'Boolean',
       init: false
+    },
+
+    /**
+     * The name this client is registered for
+     */
+    name: {
+      check: 'String',
+      nullable: true
     }
   },
 
diff --git a/source/class/cv/io/AbstractClient.js b/source/class/cv/io/AbstractClient.js
index 7084c80858a..391f51d34b1 100644
--- a/source/class/cv/io/AbstractClient.js
+++ b/source/class/cv/io/AbstractClient.js
@@ -33,6 +33,10 @@ qx.Class.define('cv.io.AbstractClient', {
     dataReceived: {
       check: 'Boolean',
       init: false
+    },
+    name: {
+      check: 'String',
+      nullable: true
     }
   },
 
diff --git a/source/class/cv/io/BackendConnections.js b/source/class/cv/io/BackendConnections.js
index e3f160b94b8..8267e4b121c 100644
--- a/source/class/cv/io/BackendConnections.js
+++ b/source/class/cv/io/BackendConnections.js
@@ -86,6 +86,7 @@ qx.Class.define('cv.io.BackendConnections', {
         client.configuredIn = source;
       }
       this.__clients[name] = client;
+      client.setName(name);
       const model = cv.data.Model.getInstance();
       client.addListener('changeConnected', ev => {
         const data = {};

From dddddccc09b6e98e9fbfc9e07a9e920c79fea546 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Fri, 17 Mar 2023 17:27:40 +0100
Subject: [PATCH 11/18] avoid duplicates

---
 source/class/cv/data/Model.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/source/class/cv/data/Model.js b/source/class/cv/data/Model.js
index 1878b9b289f..dc44a2e880d 100644
--- a/source/class/cv/data/Model.js
+++ b/source/class/cv/data/Model.js
@@ -251,7 +251,9 @@ qx.Class.define('cv.data.Model', {
       }
       const list = this.__addressList[backendName];
       if (address in list) {
-        list[address].push(id);
+        if (!list[address].includes(id)) {
+          list[address].push(id);
+        }
       } else {
         list[address] = [id];
       }

From b01de073b023dde3123d76a5def3dfac7342cf6f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Fri, 17 Mar 2023 17:27:56 +0100
Subject: [PATCH 12/18] register group member addresses

---
 source/class/cv/io/openhab/Rest.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/source/class/cv/io/openhab/Rest.js b/source/class/cv/io/openhab/Rest.js
index bce6cdd6c92..0f0d746935f 100644
--- a/source/class/cv/io/openhab/Rest.js
+++ b/source/class/cv/io/openhab/Rest.js
@@ -231,6 +231,7 @@ qx.Class.define('cv.io.openhab.Rest', {
 
         const res = req.getResponse();
         const update = {};
+        const model = cv.data.Model.getInstance();
         res.forEach(entry => {
           if (entry.members && Array.isArray(entry.members)) {
             // this is a group
@@ -245,6 +246,8 @@ qx.Class.define('cv.io.openhab.Rest', {
                 name: obj.name,
                 active: false
               };
+              // register member addresses in model
+              model.addAddress(obj.name, null, this.getName());
 
               if (this.__isActive(obj.type, obj.state)) {
                 active++;

From 62ff8fe0b133371b370757819aef45fd1753358d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Sun, 19 Mar 2023 10:36:10 +0100
Subject: [PATCH 13/18] use the already trimmed value

---
 source/class/cv/ui/structure/tile/elements/Address.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/source/class/cv/ui/structure/tile/elements/Address.js b/source/class/cv/ui/structure/tile/elements/Address.js
index 0adb0241665..fa95b87a1ef 100644
--- a/source/class/cv/ui/structure/tile/elements/Address.js
+++ b/source/class/cv/ui/structure/tile/elements/Address.js
@@ -91,7 +91,7 @@ qx.Class.define('cv.ui.structure.tile.elements.Address', {
                   qx.event.Timer.once(
                     () => {
                       cv.io.BackendConnections.getClient(backendName).write(
-                        element.textContent,
+                        address,
                         encodedValue.bus,
                         element
                       );
@@ -104,7 +104,7 @@ qx.Class.define('cv.ui.structure.tile.elements.Address', {
                     delay
                   );
                 } else {
-                  cv.io.BackendConnections.getClient(backendName).write(element.textContent, encodedValue.bus, element);
+                  cv.io.BackendConnections.getClient(backendName).write(address, encodedValue.bus, element);
 
                   if (!allowDuplicates) {
                     element.lastSentValue = encodedValue.raw;

From d59f616fbb23105a1262e23464bd82f2f3167fbd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Fri, 24 Mar 2023 17:15:05 +0100
Subject: [PATCH 14/18] lint fix

---
 source/class/cv/ui/structure/tile/widgets/Tile.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/class/cv/ui/structure/tile/widgets/Tile.js b/source/class/cv/ui/structure/tile/widgets/Tile.js
index f1e32a55735..ab2ff030e3d 100644
--- a/source/class/cv/ui/structure/tile/widgets/Tile.js
+++ b/source/class/cv/ui/structure/tile/widgets/Tile.js
@@ -119,7 +119,7 @@ qx.Class.define('cv.ui.structure.tile.widgets.Tile', {
         if (!elem) {
           elem = document.createElement('div');
           elem.classList.add('outdated');
-          elem.textContent = "!";
+          elem.textContent = '!';
           this._element.insertBefore(elem, this._element.firstElementChild);
         }
         elem.style.display = 'block';

From fce54be8c913a4e04b586b3e170c282053a7d92c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Fri, 24 Mar 2023 17:31:24 +0100
Subject: [PATCH 15/18] fix tests

---
 source/test/karma/ui/structure/tile/elements/Address-spec.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/source/test/karma/ui/structure/tile/elements/Address-spec.js b/source/test/karma/ui/structure/tile/elements/Address-spec.js
index fc2c33bac4f..b8301e75b7d 100644
--- a/source/test/karma/ui/structure/tile/elements/Address-spec.js
+++ b/source/test/karma/ui/structure/tile/elements/Address-spec.js
@@ -141,6 +141,7 @@ describe('testing the <cv-address> component of the tile structure', () => {
       raw: 'ON',
       mapping: '',
       target: '',
+      targetConfig: [],
       source: addr,
       addressValue: null,
       variant: null
@@ -175,6 +176,7 @@ describe('testing the <cv-address> component of the tile structure', () => {
       raw: 'ON',
       mapping: 'testMapping',
       target: '',
+      targetConfig: [],
       source: addr,
       addressValue: null,
       variant: null
@@ -343,6 +345,7 @@ describe('testing the <cv-address> component of the tile structure', () => {
       raw: 'ON',
       mapping: '',
       target: '',
+      targetConfig: [],
       source: addr,
       addressValue: null,
       variant: null

From c9d22f52af565b60421ed211cba551a67adc98d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Sat, 25 Mar 2023 15:13:23 +0100
Subject: [PATCH 16/18] this one is optional

---
 source/resource/visu_config_tile.xsd | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/source/resource/visu_config_tile.xsd b/source/resource/visu_config_tile.xsd
index 56d48a49b36..486a1939261 100644
--- a/source/resource/visu_config_tile.xsd
+++ b/source/resource/visu_config_tile.xsd
@@ -1712,7 +1712,7 @@
         <xsd:element name="cv-status" type="cv-status" />
         <xsd:element name="cv-status-chart" type="cv-status-chart" />
       </xsd:choice>
-      <xsd:element name="cv-address" maxOccurs="unbounded">
+      <xsd:element name="cv-address" minOccurs="0" maxOccurs="unbounded">
         <xsd:complexType>
           <xsd:simpleContent>
             <xsd:extension base="address">

From 956d4c06a8d8d7c74159eba4dd665d1185e76de6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Sat, 25 Mar 2023 15:23:40 +0100
Subject: [PATCH 17/18] keep cdata in examples

---
 .../components/_static/cv-js-list.png         | Bin 3511 -> 3512 bytes
 .../components/_static/shot-index.json        |   2 +-
 .../helper/widget_example_parser.py           |   3 ++-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/doc/manual/de/config/structure-tile/components/_static/cv-js-list.png b/doc/manual/de/config/structure-tile/components/_static/cv-js-list.png
index d0caf2379624f1873457c435572ae6cd370374d1..5ba2a04e0ccb189b05a1a939d41ea8979b049239 100644
GIT binary patch
delta 2683
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
I#;(!-2D67-6951J

delta 2660
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

diff --git a/doc/manual/de/config/structure-tile/components/_static/shot-index.json b/doc/manual/de/config/structure-tile/components/_static/shot-index.json
index 671008138e1..e07e0ef52ac 100644
--- a/doc/manual/de/config/structure-tile/components/_static/shot-index.json
+++ b/doc/manual/de/config/structure-tile/components/_static/shot-index.json
@@ -9,7 +9,7 @@
     "tile-group-open": "e34fef8052edbda51c960a3e36aa46ed",
     "tile-group-value": "65ca859dfa925a5571474017d359cbd8",
     "cv-image": "df7acaca8c7c95c18b943a34acad61db",
-    "cv-js-list": "ff8a5398586d23abc54418f9ad321397",
+    "cv-js-list": "f2b537cc44664aa84c65a4618a8a5d9a",
     "cv-data-list": "4b350281dc4c82d4c1b3dfbddf25a55c",
     "cv-backend-list": "0381bb25eac1ff0b2ef5a2bed3818a45",
     "cv-backend-list-empty": "ad33582682313d867112227ec706ee07",
diff --git a/utils/docutils/directives/helper/widget_example_parser.py b/utils/docutils/directives/helper/widget_example_parser.py
index 5f84ee1b450..e2864778269 100644
--- a/utils/docutils/directives/helper/widget_example_parser.py
+++ b/utils/docutils/directives/helper/widget_example_parser.py
@@ -82,7 +82,8 @@ def parse(self, source, name="", editor=False):
             self.counters[name] += 1
         try:
             # we need one surrounding element to prevent parse errors
-            xml = etree.fromstring("<root>%s</root>" % source)
+            parser = etree.XMLParser(strip_cdata=False)
+            xml = etree.fromstring("<root>%s</root>" % source, parser)
             single_widget = True
             for child in xml:
                 if etree.iselement(child):

From d7bc8d1fc36611451ce8a6303c25c15312b08b11 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Br=C3=A4utigam?= <tbraeutigam@gmail.com>
Date: Sat, 25 Mar 2023 15:45:49 +0100
Subject: [PATCH 18/18] document last-update feature

---
 .../elements/_static/cv-info-outdated.png     | Bin 0 -> 6152 bytes
 .../elements/_static/shot-index.json          |   3 +-
 .../structure-tile/elements/address.rst       |  36 ++++++++++++++++++
 3 files changed, 38 insertions(+), 1 deletion(-)
 create mode 100644 doc/manual/de/config/structure-tile/elements/_static/cv-info-outdated.png

diff --git a/doc/manual/de/config/structure-tile/elements/_static/cv-info-outdated.png b/doc/manual/de/config/structure-tile/elements/_static/cv-info-outdated.png
new file mode 100644
index 0000000000000000000000000000000000000000..dfbfe9d4715f496e3132fcc2bcd4df5ab5bbb730
GIT binary patch
literal 6152
zcmdT|S6EZswhhudC{2L?7UV~oN+$#i2+~3kP(zcBNUxy?Nbf}uL<BU5Gy&<oOA|3f
zgwR`PN(oguoW(g0_vt>|?>jH|V<nrcWUjU6UUQBy=8V!os?yV3p@Bdk^lA^3^}rPi
zUaeFV;5`Q~6%8(Aw)eE|K_F!bw8!S;;4`n~13fJW#Frle2?~Wk4#8B=G6do&27&x}
z3W3PJfk4<@-qq{Ez!wx28mh{Wv-7|AO?k;+hSEb#>ptZY>176fW`<vmAz+Hh(j4gp
zfsnI6Af&wDGu8QPM<s9y0%6-wQ@*E<9$TAyu4%M%Lb*YdX|@O<u`EH>UYaALtE8uX
zPAYC7pj9qzF;r+}uYT7NWu`e;+4M&Iq@fvQ@GSXLfkBPL^C9HeM-~0&V<{iiI`!Jw
z++1r}spi{rN!;CQIp{{ZPg~yCayhgH)N)-4;OW)#UnOkshn8ZuVM{Vgv#=ma&Upt9
z@l)rczj0$+d;taeg32l?SFc{Z;Ogo+Qsc}M9TSt3no0qgkrsK6os|@Xv2b1d6RUC!
znJF6<9ZlmLluG+EJTxL$NisPlh2{7V-_n(=4X2JLG$wSWGGd(rX}@+|XgOr%rP3t-
zFq7C{h{0TFIp}xhP3vphhCw!y><%_2n(0?ZNCa4d`dD|m{*kt-7_YEp3^+TQRw~7Z
zEcxJcBh9?}4|3=`biqDQa(t;-w}xm_XoEMgea)+bu-QsTmz(;`1+C%SAj1n`W)fAS
zhU`0e&h}L`wY8O)$ebfn856+T|2DtBySt0t?w6W%tDEs^nDuHPmEIy_hSD(jq-4tb
zu{|m=-lVYWZ&zyLGin=mZlTW`q`t>A%n$r7H<)M%<XOUIM-2Wp=7X`aDmtx~I|HYR
zKNS|zh@?Fa+i2Woa5=cc1YO^=rePS39vdGwuR=YdV#H$QkLk4DgP(q`u1<Ay;3SW5
z@LX6}xW(mj{C<Y%!iYol%=wm9KU!NAXNDwc82F}fcH%F?fWwictVND2T!>>MNpKU0
z)M_iVfOM!3*7^MM`TNcD$qUzL7|A0NTYWmfBG;v1ifw$M<l5kk-c~Y0YSnZo6s8^w
zHPE6;SDNJuWe$sAQelB2ICRle=F0znC$6W}LvG#Xpc6~i?CI$VYI_=FSQMsL5ZW=@
zIzNBC`CyUL!_)IaSs8OhMa7C<IEYUcHnw&LNkYHWbm*kh^uP<3nO2gN*RP8Y-A(=0
zs)F`(A3x^M<iF&#J`uIQkG88qg@%Q-&APNY)pXcbVVat_*VfkFWMxeaoG=R_Bw@Zy
zP;iJny}cyZBPef2M+Y+$8V?L%r~3qHk7cG3<GSFtZ?Du&t{XTj2no@VlamVw2`M8G
z!5@zhd4rB4)za}wy1L8^P*~)bFJjsFr9D3c;=<PU_H7xNs2FxpOmj07nxOjgq!Nd?
z1LIGoRydwzJULwwz5!OFWP~bvc}Y(B5#<-nI@ZQ(EQwQ1Vj2B9g0J<6G!Ra9Xx5VJ
z+*j)P`FXO&c*CO3GRyA7ckg2F+Wv4TfP@*N&)rNj_3d4<Be>NKjE~1eF!ET~*ig*Q
z&OT66+dSw{M<P|Mt#3@d*fXIDW*U$*5M-sHq50xXG`-HxuiixK@1Tzs6cjwBu(h+J
zdhz0gi!|4Oo%l$#Bj=89)3SVm{9g_(21@wJ&cgz4d^mN%#`3N&mqLIs3)ej+mxC>9
z|J|WSaMerk1RWinpd8f%M6sb?THdEmnA%zn2?>clC#;>g1#qedi)BpDiB(``X2vWz
zH|??=9v%jtzFR1)C@3gE&qdu-?o&}w(J?Rx^V?fLXbkL*=iYB)3<&D!c|a`3V6HwE
zVuPVK6#tl1^C1dria&p*6MX&c$e4-De}6V&e=bJ!*suczWfWqgJ$E%b+(k`|dVVW6
zkQ1HNjSW0?2VrwaAJ0q0x2f9d%GKV{alcPRRTW@INPy7Nzy~GFlBK2PexKRtoRl<V
z0Ec_oa=KfJ`Ee<0X>-CItJc&fso4{HQ&5n`$Hxa_eRhBibUFIF#)^NjF+<XPyrqG=
zQ-z9)jg5WZ2jIeWeL|*jvx_soq$Jh1MzLrJ!Jq7t-C$fIL0r4bLH7WOWD}P2UgzTH
z=T9}k+EmQ8htXoJfB*i?Io8IPn@Ft<VnRB88}2QenO|H?k3Km(^v#xx$Jx=@nM8EF
zEP7Nrw^lRVm3_K%^VjgO6WV)6kIgU!^3>nozrQ9aBjc7YTvj%Ead9zdxazUcn|JSa
z;7dMJOWRNbzQM&O$9?$8NpAgw(VZRf@bGZu$!{@5a<o1$=tP}6rIhoOvW5ojJ7nIk
zhSt)~wal`zGKpyw6zc7=kDs4kYm-ed@B501O9uxBQ`Wt`z4=8&<NKLaZ3uo?%-MtR
zh=`C=x`+<u4L^A(BQhH<yo)!*%?S?phTeq3O?Mje@^0qu`uX}Q&n6u<j;K(lZ&X%S
zNBbtG+UJYdZt{$EL@?%_qKc}gW_62(;07H}18W^5GnVVxo<gwO&)v#pQ^GXSC8kaF
zg}We<F&K<;UwwW3$N!jY;%gbJO{!`&@1)aRiQ~5#i(9#2)n0)DIg2s<C!;@nYRa@A
zrpi91sDeNsh;h(?pj1Vnu2@)Fe!$tyxYdb)lzsV<#KXhmeO=v?Ux{Yl+8>f`+t}Cy
z3+A-^#h{8mZ8%WCu!P>5*(}0G#K5y#o@K*d=dLL|d-hMPN>0A*MaaCH%rAQh3k!=c
z&+#HDX=#L_(q@E~R)2Y1VBk`1@EUAWYUG!h0FMOUph43WENq(&?B0a!?&{JpGZX#K
za@cCeasOaK0;*W$$&<^1w{E3z%YV=jFf>sKbj+yQpU|oK-I1J?760?69<JPd=|`9Y
z-d*fCPUP_eCbE&Wzt#;q04+B`PN<(4K-Dtp$Jn^J<1XDqMvlq$_xIb`+rO%}dkzFb
zyKT_t!QWrcPWKch>OE;mNlB;7P5_8mSzCYj`0?w~{KooZLz(k*vw`<FrZO!~C<yUy
z-_&uU+u)csH@kT>Oe!VrN=SqSo~)Pw_*S&B`Q-h1dSD<C>&MMN`S$JGfr*J&r3eP|
zv(pm{o{>vB=sCVbervLu^V!32)ekx|3u$I-nG+eAnVkx!n+flcDdDndePLZ)D&mro
z7ZeqjkRYXhWXeTEMpEITG%}G96BEWn+oYj!565$4Jl=Q3C0?u<k4u0bMm~FUYIE_s
zE};So-+s1dZEYQ9^+c*ji#?0o6iw3LwRTZh&hM`f3WfS8f_hLkzGmm>$SSM>K+-3>
zZ(-}nBC&jLVSnYssPsrJ^p%!@qZ~kgsNd>sTsbYfh>jAPdUA3S(+4|_<KMtP%+nVP
zIV9N1;0p08=TG`7A0LUMqocI@Vk|a)zp_%Cg`M3J0EAA_(3epMJ3G79g}yY>W_7f@
z<J)W6AY6bbyWb~b*4#KZgfSYOGnWK#wv<073Tw;C*<{apjbw$L9d9qMt#ukXH<1I+
z0S4k$!otG#d$j{DG?^yU*URcZdSv<ZDFnE>znKsy^vC@5w@=brtD_Z^fYLD5Kqc|H
zmZ1c;_f{Hfqb1;QhJ@~Gs1p22$QAttwC3#U>T0x7NQ(N6uI}#Jw{Md~bnw;3PCXTy
zS;plo|M}DYdoZtQEf4IIlA4NXY~=F$yPDM4#k{4OHQC@z7%8*FSku$f@9(vo347v(
z4ICVVfKyEgosUK-5Jf}LS=jI2_sQ(NyoPTI(5gNsLk))kv@vXi=GWI>(U#w3F%3NN
zT=tN~?J5As4>J}~_4KUL?p87};Widw|8BE=g}6Brwv%*IUY@%<frp(NV`OBsiBsi~
z->Q-RX(x_3qS4gUB%ADS+^>I|tD>>Dw->V>o}8M>_N(-8E<W<*%a^QpfT?Yq&W$fY
zRBLK!MVa;ikumACC-(*a+hYzSu-`!Dm6dyk7lqpF#OLOFlQ9|Si6%exv*RU&8fB^F
zb{uKzgk6ZD=&kIu%uHe5smaN;y%#a1ncu#Bqp6+D(Gf_@$`V0&E&a$08s0_2;B6#}
zvXX#U(u|3xCr7n@drpad9&2G%XgUf~Q=bJ^UHRI)JW3w_jhE9UL#nu)ok}cE&m2SY
z0$})k{XAJYxs&Faf&w)b{Wz77_V)Im>WBLJ^X}a_ohI{bG}SfQf_&^y5DgFWkWt~2
zkBbc(&rXjrEFwfyiw%z|l~UaaUG%u^#zt6niEkh#C+Edj6yP<Dsb7{B7VS45pX&`{
z<B9U|sJOV!L2U(L)bQ9?{U5(afSa^#3(9>QgV|SI$wOvd9BNTjQE@rk`K=|tsv?p`
zP*pf&2C^!s?$2NZPe83jg1)8Ywdm;R#J6w%nEY+073GD)p@8rM&K|hCySwfz>t^Fd
z(nL&9)%8XuCUM`tYdRn46&n)r6i)srEG!%t9$wr&&6M*75RUNBu)4?O?{vS@!ry-)
zkJ1@{&vh5Bn+Gp;0js#xalL;18Xh;%+}!-W@Ybnuotw3Z(<n=Rdpp9}C8&<#FYqG{
z3qNw`^u)fC3CTWLwVhh=MQ5o31psdFToiryz(*Avw6WpxF*o->p4oS0SlGBF;Kk?~
zcz}RFqeX~RjEvoVqAhfQB(k!gnn)xf2gfTTa~b3XJX`nS!wwHZYA0ZtFV55O>o;y3
z(ADV)u%LnV!GYylPS%{CAMvn$1kCN>QMt_SHHDfW{ajY2`*UM|<&eHo4sB&cMr_)H
zBC}vo%gc5|w_Lp_AQo7iSMACk1JT1eQ2irYfmqX&gI{^EuGKU$RP@O8_s?93QL{&-
zrkz>xemaJR;f(No#a|UDeSNYp#7mG%5~IWRp_*u@^=Tn{8=b`(k=UJmc5F-B_^9}!
zBq1(t_GhlfEvPHo(LNyoH#iuwwY6m}`ZdG0W_<HtDZ9g>?DObpIjUGX@D#?t1CM=V
z_JTDoE^Y%21Jd!Hlat8$MBSyGJrpBL7QM^%q88C#5{AtwE*4%kzt0dsYG7bci{88n
z76mzQE}8AbuL!WvfHd>L#(8*o&8?KS*sT9-aV1ayCU|-$9gM^`Z<f8?imIz6E32xC
zHB^y~j>14Qlm(sz01bbSKiM3O=3o~wRs>l3;N248yG_MTF0a)knz|Bugd{BuBVVil
zEL04$!PFkvu0#b&rvJhO_R6bXE9t+-+mWV=hGj)biHS4bY?4>wgt@ao*uvarg6y8C
zyWNTBf(yO<NBH(_=4k~t<t-U=H!q^;=8sG(g2V5PSUSdQSFa*GR8MPbrF$0Ka7}M^
zedVF?@#=8Vfn3oR<-ov}kJh}?qd&drxVbq)`W6tHnslEHZ-MFo04I>XOq`r6P0#A!
zvSUZi>6+ny=s1#J&1|9v@Y4y4i#9lqFc6D9q5?sNIc+^XR8A<NH<_7Xn*1Gm30!T(
z;S^RM^OP!<J#%o8^4hT3hd*w4dU8OaT_2XRI>5Jd3=DHes`2l0bIF0;rlO_Y4v6oy
zYM0DmM&?}t718qg?@cGEfjz$#TO`A)SFd=fF4Q+P-~x`S_bQycJ$P@(T;6M_2a?yZ
z;Oy27zL<oBK$Aa+2hUE!S3u1a85MO;&*Cbmm6JemvcB%*!bMpz8XNxu38KN=*_==O
z3jLpzmGfNr^-CXA5IcK&petZS93cUc!ibF)WL6?*QRJ$Jfm9`~pyDXl6iUa}yg(QM
z5F_R0<{q#YhXf5f=k51=`xXpZ1E4xA_g)R^CbVhAkWa(VL4b3uY^>gwmNIJf_q)^^
z_w@JQ_ts{daPrn6de<4F=Qg{6hH_au^n84DWPT@o#<k(LBs_kVTaGum_gtrdl8M!}
zIY8g>w>_tr6m6S7tFVX&0}w?VTvreuk(961!}9Y5fM)<B0F+$6etpJJiIjiUD^^?c
z{68St_}}JzDyX}hV`<5e{iZdf8LoU^CAzxq*9tU&GMHD9iHw7e0-(q2r_S>E7wOL4
z9#7reF6QLqfJ2s&$^gUzs;^r2B?cHY!R}j<;&ds_E-@t~G`vgY{5g6!(Cw{HhPaMP
z5^bw0E1$Z!3=k_LjXG0Hs!3WmdZ_N)z1!x>HAk2mz>QL;^^t@7d>ldo@EqI^6B$W;
zBvq}k2%t<fo`;7gf|n{XGO`s!5=8N_*lrFlRbp>vgHJA=m4<w4d&{LEhxD8{QYS0k
z)AQFFzcFzkn~`=}uVDY4&$N8xDa$P#-{B5a#+oo)^f*?0*Qg&fX!>nPvD=X`F(Jsj
zj+q%=$Ws?PD%Z`;#6ByIgX*ShwUYsI^wRN0gITq(ipzs{?=CMdCpxqMXvP*5-55W$
z`La;t=v2eWsH&Qjp7b&)iJ2JM7D7rY_Vp_-XlHdyLv>fZ<Wkgg?WW#7$Yi*a?$FPV
zRaaL>SXf*Yl5$p;jO+UPmCWkSWuR>vhk6bu4}PRFGK%5XL4$#VgJVO)Pg<5HYw5#~
zy?Mnb1d^Pbyu7la6c7NfL<xhjwY81I<7@am19SDL-JRBr$F1yXU|0<|r)S`p42xLF
z4-N)ijQ{NeRRa?FBRuU!isJ!@74|IdCr`eJP%(D9a&U1eTj{6dOZB>~uzk0=tFEEG
zSYLQ_I56?EoPXhg=7S(qahFIkbpzXX^Fz<)E3XDyOVc=|oIyv!^6a5D350@z@&vis
z@ESL72w={h^S=OZ|96NCnAIEzO>6~tzCoL(c{7wuC2#P&&&15iN)8H3)E_sd^50*(
zx`Oixwy3C0?d=8kU%k3m(08xr6HqH;a0v<4PvqNX7ZIsxNl7mO-)(Sp&jL}Ymllzz
zMHscsChvB2pZ!NvRMp<T@R#+~>+_f6RQ!p4(;#}>XLSWw@;`r0sW%P{Z6tIjV99OQ
zZ|^054PZyB6?$oLiHQa%R5Xw{8!*OnO-b+hq+YAUUaS31(SUoIl%e}cV9(^6+P)zK
zdhGE9fG>DcKl-SsD801TiHXeY>=9<CTWO%d0&Eid7QmR>0DuiL6ZB;Q6`h<)ep&M?
zyMgljD=}bC4zyCEgMrR#t($a87+(wLrE-zY1jyS7isw(CK5hJvBhJiq#^|MGGpPa1
zPk8;v^rf*#geHFo;zJN<WU1!{qlzh((n;?z0Zg^AwY@DT7n7cT`TO_pGh<cH(Pt-n
zxan!pU2i@sC5||ichasGWMpKfQ0c%N3}6n1Ucs>l?DT>-&(*xaDADHq3)%i#)D)DI
zxu;H{pJPTw9&^F{IdXGzr`DGb3dh=W;{R;``68w$lGbMwmJukOi3GX7^Y?GNMcFwA
zNM_JKeE9Io_!@9VFVGut0iz?p1cfpH(Fu+VXi;8KQARa2wHaxKm?M(Kkh^C(0xaNB
z?FZ^A;pN@){z(8m@EacYAA4Atdsxd_x><t@<c`>#yTW33h3`n{-xim>D=m9l>Xw+8
oteDv1ljQTZ{r?y^I$J%n@%i5k(#USP0|SWKeWY>;;%V@|02V>WbpQYW

literal 0
HcmV?d00001

diff --git a/doc/manual/de/config/structure-tile/elements/_static/shot-index.json b/doc/manual/de/config/structure-tile/elements/_static/shot-index.json
index 328bcde6e08..28b20165f33 100644
--- a/doc/manual/de/config/structure-tile/elements/_static/shot-index.json
+++ b/doc/manual/de/config/structure-tile/elements/_static/shot-index.json
@@ -12,5 +12,6 @@
     "mapping-sensor-alarm-ok": "7c354925d5b6298f4628d224a335d254",
     "mapping-sensor-alarm-notok": "f4b589ad7489b2159f2dd8d233c2df0d",
     "mapping-oh-datetime": "2480fc1bf2cd1e3803e03a95a3b8185d",
-    "mapping_oh_time": "84732cf132a0d706aed6ce53b00eab10"
+    "mapping_oh_time": "84732cf132a0d706aed6ce53b00eab10",
+    "cv-info-outdated": "064477c93d26f6968ed59c468c617562"
 }
\ No newline at end of file
diff --git a/doc/manual/de/config/structure-tile/elements/address.rst b/doc/manual/de/config/structure-tile/elements/address.rst
index 6379a9a1f85..528f3f7d8a7 100644
--- a/doc/manual/de/config/structure-tile/elements/address.rst
+++ b/doc/manual/de/config/structure-tile/elements/address.rst
@@ -95,6 +95,42 @@ nicht mehr auf Interaktionen des Benutzers wie z.B. Mausklicks.
         </cv-tile>
     </cv-widget>
 
+Widget als veraltet markieren
+.............................
+
+Besonders bei Widgets die einen Wert anzeigen ist es wichtig zu wissen, dass dieser Wert aktuell ist.
+Sofern man die Möglichkeit hat den Zeitpunkt der letzten Aktualisierung vom Backend zu bekommen, kann man diesen
+nutzen um das Widget als veraltet zu markieren, wenn die letzte Aktualisierung zu lange zurückliegt.
+
+.. widget-example::
+
+    <settings design="tile" selector="cv-info">
+        <screenshot name="cv-info-outdated">
+            <data address="1/4/2">21.5</data>
+            <data address="1/4/3" type="time">00:00:00</data>
+        </screenshot>
+    </settings>
+    <cv-info format="%.2f">
+        <cv-address slot="address" mode="read" transform="DPT:9.001">1/4/2</cv-address>
+        <cv-address slot="tileAddress" transform="DPT:10.001" mode="read" target="last-update:120">1/4/3</cv-address>
+        <span slot="label">Wohnzimmer</span>
+        <span slot="unit">°C</span>
+    </cv-info>
+
+Das ``target="last-update:120"`` gibt an, dass die Zeit nicht länger als 120 Sekunden zurückliegen darf, ansonsten
+wird das Widget als veraltet markiert.
+
+Dieses Feature steht in allen vordefinierten Widgets zur Verfügung. In eigenen Widgets kann man es ebenfalls nutzen,
+mann muss lediglich das slot-Attribut aus dem Beispiel weglassen.
+
+.. code:: xml
+
+    <cv-widget>
+        <cv-tile>
+            <cv-address transform="DPT:10.001" mode="read" target="last-update:120">1/4/3</cv-address>
+        </cv-tile>
+    </cv-widget>
+
 
 Transform
 ---------