I haven't seen the necessity for a complex plugin just for table
views up to now. Normally it's pretty simple to make dynamic tables
just using HTML5 and jQuery. For example, see the file selector
widget I created. That uses a table to display the file entries,
it's dynamic, sortable & responsive with just a few lines of
code.
DataTables adds a lot of features and simplifies manipulations of
the data. I like the automatic responsive drilldown shown here:
It's got some weight of course (about half of the charts lib with
just the most basic extensions), so we would add it as an optional
asset. On a first look it will need some customization for us, as it
uses the glyphicons for the bootstrap 3 variant, which we don't
include for size reasons.
What do others think? And which of the extensions should be
included?
Overall, the UI as drafted shouldn't be hard to implement. I'll see
if I can create a first version, but probably won't have the time
before next weekend.
Michael, this is probably for you - but if anybody
else can help please do…
I am trying to see how hard it would be to do a web
based interface to the RETOOLS system. Presumably this would
appear in the menu as Tools / Reverse Engineering (or some such
abbreviation if that is too long). The basic screen would look
something like this:
+----------------------------------------------------------------------------------------------------+
|
|
| +----------+
+------+-------+------------------------------------+------+
+--------------------+ |
| | | | hdr1 |
hdr2 | hdr3 | hdr4 | |
| |
| | |
+------+-------+------------------------------------+------+
| | |
| | Controls | | |
| | | |
Info | |
| | | | col1 |
col2 | col3 | col4 | |
| |
| | | | |
| | | |
| |
| | | | |
| | | |
| |
| | | | |
| | | |
| |
| +----------+ | |
| |
| +--------------------+ |
| | |
| | |
|
| +----------+ | |
| |
| +--------------------+ |
| | | | |
| | | |
| |
| | | | |
| | | |
| |
| | | | |
| | | |
| |
| | Status | | |
| | | |
| |
| | | | |
| TABLE | | |
| |
| | | | |
| | | |
Extra | |
| | | | |
| | | |
| |
| | | | |
| | | |
| |
| | | | |
| | | |
| |
| | | | |
| | | |
| |
| | | | |
| | | |
| |
| | | | |
| | | |
| |
| +----------+ | |
| |
| +--------------------+ |
| | |
| | |
|
| | | |
| | |
| | |
| | |
|
| | |
| | |
|
| | |
| | |
|
| | |
| | |
|
| | |
| | |
|
| | |
| | |
|
| | |
| | |
|
| | |
| | |
|
|
+------+-------+------------------------------------+------+
|
|
|
+----------------------------------------------------------------------------------------------------+
The controls are just a set of controls - things
that bring up dialogs for more information or perform actions.
Like start/stop RE, switch modes, manipulate DBC files, etc.
Left justified in the frame, and perhaps 10% of the width.
Height can dynamically adjust with the text content.
The Status, Info, and Extra panes are just a
dynamically updated text panes. Main code needs to be able to
send text here and have it shown in the appropriate pane. Right
justified in the frame and perhaps 30% of the width. Height can
dynamically adjust with the text content.
The TABLE is a table. Probably 5 columns by many
rows (anywhere from 20 to 200 or so). Either paged, scrolling,
or just very tall. Paged is probably preferable. Would need a
simple mechanism to dynamically add/update a row (identified by
‘key’ column and in sorted order), presumably using the web
socket. Also need something to be able to dynamically clear the
entire table. The RETOOLS code would use this to update the
table in realtime (presumably over a web socket). It would be
good if the table could do things like search filtering of
displayed rows, column sorting, etc (all client side - something
like
datatables.net).
For example, look at this output:
OVMS# re dbc list
key
records ms last
can1/100:0081
2 22000 01 02 03 04 05 | .....
can1/101
1 44000 01 02 03 04 | ....
dbc/DI_Signal1: 129
km
dbc/DI_Signal2: 1 km
dbc/DI_Signal3: 130
kWh
dbc/DI_Signal4: 122
Degrees
The idea is to be able to show the key, records, ms,
last, and ascii dump in the main table. Then, clicking on a row
would show the statistics for that message in the Info pane, and
DBC signals in the Extra pane.
I can handle the RETOOLS side, but the javascript is
beyond me. I also had a look at the ovms web server framework,
but it doesn’t seem to be able to do the table part (yet)?
Any idea how complex this is?
Regards, Mark.
_______________________________________________
OvmsDev mailing list
OvmsDev@lists.openvehicles.com
http://lists.openvehicles.com/mailman/listinfo/ovmsdev