Integrate dateslider/timeslider in Heron

[GoogleCodeExporter]

Show WMS Time interaction via Date slider. Changing the dates on the slider 
will change the visible features in the map.

An existing dateslider component was combined in Heron (locally) by Gasunie 
N.V. In the local implementation there were some issues to be solved. 
The component will be integrated in Heron (sponsored by Gasunie N.V.) to get a 
more stable component.

Some issues encountered were:

- Variables (like layer effected, begin/end filter, begin/end timeline) are 
hardcoded and need to be made configurable.

- Some tools don't work right and enabeling/disabeling layers doesn't work 
after moving layers in the layertree.

- Internet Explorer 10 only works in compatibility mode (this is not desirable 
as it should run in normal IE10 mode).

- When moving the filter period in the slider (fast) the period (yellow part) 
and begin and end bars don't coincide.

Original issue reported on code.google.com by rinke.he...@gmail.com on 23 Apr 2014 at 9:11

Attachments:

• timeslider_preview.png

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

I'll handle this one.

Original comment by rinke.he...@gmail.com on 23 Apr 2014 at 9:17

• Changed state: Accepted

[GoogleCodeExporter]

Work was already started long before inserting this issue and is almost done.
Later today the component will be included in Heron latest.

Original comment by rinke.he...@gmail.com on 23 Apr 2014 at 9:18

• Changed state: Started

[GoogleCodeExporter]

Good to see this coming into Heron! As discussed earlier, it will be a Heron ux 
first. Naming the component: DateSlider or TimeSlider? I think ux/timeslider 
and TimeSliderPanel (camelized) would be more futureproof although we only 
support Date intervals (and WMS Time-based WMSs via WMSLayer) in this first 
phase. Also added the project tag.

Original comment by jus...@gmail.com on 23 Apr 2014 at 10:34

• Added labels: OpSys-All, Project-Gasunie-1
• Removed labels: Project-None

[GoogleCodeExporter]

Example and ux are indeed called timeslider, had the same idea about that :-)

The original panel was TimesliderPanel, I will change that to TimeSliderPanel.

Original comment by rinke.he...@gmail.com on 23 Apr 2014 at 10:40

[GoogleCodeExporter]

I added this issue at first to release 1.0.3 in the Roadmap.

Original comment by rinke.he...@gmail.com on 23 Apr 2014 at 10:45

[GoogleCodeExporter]

Rev. 1441
Integrated timeslider component as user extension in Heron.

See example: http://lib.heron-mc.org/heron/latest/examples/timeslider/

See example Help and 
http://lib.heron-mc.org/heron/latest/ux/timeslider/changes.txt for a 
description and changes.

Todo: First time loading the timeslider the filter is not effective on the 
layer(s).

Original comment by rinke.he...@gmail.com on 23 Apr 2014 at 2:09

[GoogleCodeExporter]

Hi Rinke,
I quite like this and can think of a few layers we could use this for! Some 
thoughts/feedback/questions:

- I notice that it's configured with ISO dates, however the text on the page 
has the dates in 01-07-2013 format. Is this configurable or hard-coded?

- The "zoom in" and "zoom out" buttons are small and hard to see.

- When at maximum zoom out, click (left mouse button) on the slider (white bit, 
not covered bit), and then moving the mouse left-right works differently from 
when you do it at any other zoom scale.

- Might it be worth showing/hiding the time slider depending on whether the 
layers it functions on are active? Currently if I turn off "KNMI Aardbevingen", 
the timeslider stays on but does nothing.

- It might also be worth showing the layer names of any layer enabled and being 
affected by it in the title of the bar. Otherwise I can see users getting 
confused what its affecting.

- A line/marker on "today" could potential be useful.

I really like it though (and thanks to the sponsor too)!
Jonathan

Original comment by jonathan...@warwickshire.gov.uk on 23 Apr 2014 at 3:06

[GoogleCodeExporter]

Rev. 1443
Rename of Changes.txt to changes.txt

Original comment by rinke.he...@gmail.com on 23 Apr 2014 at 3:10

[GoogleCodeExporter]

Hi Jonathan,

Thanks for your feedback. We'll park most things on the wishlist as this issue 
is mainly opened to make a stable integration in Heron.

- I notice that it's configured with ISO dates, however the text on the page 
has the dates in 01-07-2013 format. Is this configurable or hard-coded?

At this point it is hard-coded and not a requirement for configuration. Might 
be handy in the future though.

- The "zoom in" and "zoom out" buttons are small and hard to see.

That's part of the default as the component is included, but is configurable to 
turn these buttons off.

- When at maximum zoom out, click (left mouse button) on the slider (white bit, 
not covered bit), and then moving the mouse left-right works differently from 
when you do it at any other zoom scale.

Cannot see any difference. Note that the timeline in the example is only 2012 - 
2014 so that might make the different behaviour as you bump into the end of the 
timeline.

- Might it be worth showing/hiding the time slider depending on whether the 
layers it functions on are active? Currently if I turn off "KNMI Aardbevingen", 
the timeslider stays on but does nothing.

That's right, might be for further development.

- It might also be worth showing the layer names of any layer enabled and being 
affected by it in the title of the bar. Otherwise I can see users getting 
confused what its affecting.

That's right, might be for further development.

- A line/marker on "today" could potential be useful.

Good one for further development.

Original comment by rinke.he...@gmail.com on 24 Apr 2014 at 7:26

[GoogleCodeExporter]

Rev. 1448

Fixed: First time loading of the timeslider the filter is not effective on the 
layer(s) (in TimeSliderPanel.js)

Fixed: Unwanted shift of left and right handles at first drag operation (in 
dataslider.js)

Updated changes.txt with above changes.

Original comment by rinke.he...@gmail.com on 24 Apr 2014 at 11:11

[GoogleCodeExporter]

Done, include in 1.0.2 for now. Bugs/enhancements in new issues...

Original comment by jus...@gmail.com on 8 May 2014 at 11:24

• Added labels: Milestone-Release1.0.2

[GoogleCodeExporter]

And close offcourse...

Original comment by jus...@gmail.com on 8 May 2014 at 11:27

• Changed state: Verified