[Ovmsdev] Web UI fullscreen mode

[Julien “JaXX” Banchet]

On 5 Apr 2018 at 23:26 +0200, Michael Balzer <dexter at expeedo.de>, wrote:
> Julien,
>
> I've done some refinements based on your initial code, it now works pretty well with Chrome and Firefox both on my desktop (Linux) and my Android phone & tablet. Even the component browser on Android (i.e. DuckDuckGo App) works nicely with it -- it also displays the dashboard correctly.

❤️ Great ! I’ll give a shot tomorrow evening

>
> Btw, the dashboard height is currently fixed to 300 px. That's because I want to add a row of buttons (i.e. profile switches) below the gauges, and it needs to fit on my phone, which reports 360 px height in landscape fullscreen mode (scaled virtual pixels of course). I'll add some rules for tablets later on.

Good idea, my main concern was having a hard time reading, even on a 7”, the gauges make things a bit cramped up by nature

Makes me think, could the pages, or at least snippets of pages such as the dashboard alone be stored via vfs ?
Or a sort of mechanism with conditional test on the presence of a file to spit out to the browser, if not use the embedded default “very long string".

I bet you set up a separate stack to tweak the pages instead of compiling every time, but it could help the process, and allow people to personalise the view as they want, a sort or intermediate solution with the online/dynamically composable dashboard Mark was suggesting earlier.

#randomthoughts and yeah, it might add some work

>
> Regards,
> Michael
>
>
> Am 05.04.2018 um 15:55 schrieb Julien “JaXX” Banchet:
> >
> > On 5 Apr 2018 at 13:52 +0200, Michael Balzer <dexter at expeedo.de>, wrote:
> > > Julien,
> > >
> > > sure, send me the diff, it's on my list as well, but I also had some trouble with my fullscreen mode tests on elements, so I moved it to the "later" list.
> >
> > Attached :) used a quick and dirty
> > git stash list| sed 's/\//\_/g'|sed 's/ /\_/g' | awk -F ":" '{ system("git stash show -p " $1 " >> " $1$2$3 ".diff" ) }’
> >
> >
> > >
> > > My current idea is to fold the nav bar aside instead, or make it vertical in landscape mode. Phones now have a very bad height ratio in landscape, so every vertical space gainable is good.
> >
> > True, and if fullscreen works, it also gets androids navbar out of the way
> >
> > Oddly, the little code I jotted down works from a desktop (it triggers fullscreen, not a nice result), but does absolutely nothing on my “oldish” tablet, where http://robnyman.github.io/fullscreen/ does it fine, might have missed something on the way, was tired :)
> >
> > >
> > > For your button, maybe the chart just needs an .update() call after the switch. The SVG needs to be updated on resize as some element offsets and lengths are calculated in pixels. The chart system takes care for standard resizing, but possibly not for a tweak like that.
> >
> > Ah yes, that’s how I got that funky result on the desktop browser triggering it using the console (which had an unappropriate square ratio, otherwise positioning wasn’t that bad), didn’t add it to the patch yet
> >
> > >
> > > Regards,
> > > Michael
> > >
> >
> >
> > JB./.
> >
> >
> > _______________________________________________
> > OvmsDev mailing list
> > OvmsDev at lists.openvehicles.com
> > http://lists.openvehicles.com/mailman/listinfo/ovmsdev
>
> --
> Michael Balzer * Helkenberger Weg 9 * D-58256 Ennepetal
> Fon 02333 / 833 5735 * Handy 0176 / 206 989 26
> _______________________________________________
> OvmsDev mailing list
> OvmsDev at lists.openvehicles.com
> http://lists.openvehicles.com/mailman/listinfo/ovmsdev
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openvehicles.com/pipermail/ovmsdev/attachments/20180406/6d811448/attachment.htm>