search

guillermo-carrasco / bcbio-nextgen-monitor

Monitor the status of bcbio-nextgen analyses
MIT License
4 stars 2 forks source link

Add timeline with the events #16

Closed guillermo-carrasco closed 8 years ago

guillermo-carrasco commented 8 years ago

On the top of both the table and the graph. Ask @ewels about the library used in GenStat? :stuck_out_tongue_winking_eye:

ewels commented 8 years ago

Hah, bad news sorry - no library used in GenStat. That's all custom code :grin:

Shout if you'd like me to cut it out for you. I don't think it's too horrible..

guillermo-carrasco commented 8 years ago

Damn, ok, I'll ping you when I start working on this, thanks dude!

guillermo-carrasco commented 8 years ago

Maybe: https://jsfiddle.net/api/post/library/pure/

ewels commented 8 years ago

This JSFiddle link seems empty?

guillermo-carrasco commented 8 years ago

outch! Thanks @ewels

https://developers.google.com/chart/interactive/docs/gallery/timeline

guillermo-carrasco commented 8 years ago

Or I could just use the stacked bars from the theme and build dynamically. i.e first step finished will occupy 100%, on the second step I would calculate relative percentages, etc. Not sure how informative is that...

ewels commented 8 years ago

Yeah, or stacked progress bars?

I'd forget about frameworks altogether to be honest (as I did with GenStat). This isn't very difficult to do in jQuery :grinning:

guillermo-carrasco commented 8 years ago

Yeah that's what I was talking about :-) thanks @ewels !

ewels commented 8 years ago

How about something custom like this? https://jsfiddle.net/sLunwg02/

Done whilst sat on a bus, so a bit messy :grin:

Then add on bootstrap tooltips to the divs to give extra information about the steps or something.

You could put a small square in the table next to each rows too, as a sort of colour key.

guillermo-carrasco commented 8 years ago

Done whilst sat on a bus, so a bit messy :grin:

:unamused: come on... haha

ewels commented 8 years ago

It's true! ;) I'm sat on a flygbuss to Skavsta. Looks like the final div isn't being coloured, and I can't be bothered to figure out why ;)

guillermo-carrasco commented 8 years ago

Use this to calculate difference, etc