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