Timeline for Basic UI

Mihai_Badea · March 7, 2018, 12:44pm

Hi everyone!

I managed to extend and (I think) improve the Timeline, modifying @patrik_gfeller’s excellent scripts!
Additions/modifications:

added Item parameter to display timeline for a single item;
added Hours parameter to specify the timeframe to display – much like period parameter of Chart element – if not present, default to 24h;
added the ability to plot empty time bar for items which do not have state changes in the interval;
added serviceId to specify persistence service to use;
added support for Contact items;
pad with leading 0 the day, month, minute, etc. of the date when accessing rest/persistence/items/;

Examples:

Webview url="/static/Visualization/Timeline.html?Item=Gas_Boiler_Actuator_Switch" height=4

Webview url="/static/Visualization/Timeline.html?Group=gPresence&Hours=12" height=6

Webview url="/static/Visualization/Timeline.html?Group=Lights&serviceId=jdbc&Hours=24" height=12

As I cannot post a zip archive to this forum, here’s a link to download html.zip. The contents of this archive needs to be placed in conf/html folder like this:

html
|- css
|    |- visualizationStyle.css
|-  javascript
|    |- date.js
|    |- jquery.csv.js
|    |- jquery.csv.min.js
|    |- openHAB.js
|- Visualization
     |- Timeline.html

Once more, many, many thanks to @patrik_gfeller!!!