<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body text="#000000" bgcolor="#FFFFFF">
    <p>Geir,</p>
    <p>I tried emailing you directly, didn't work -- can you send me
      your latest email address at <a class="moz-txt-link-abbreviated" href="mailto:robert@cotran.ca">robert@cotran.ca</a>?</p>
    <p>Thanks!</p>
    <p>Rob<br>
    </p>
    <div class="moz-cite-prefix">On 2019-02-13 10:40 AM, Geir Øyvind
      Vælidalo wrote:<br>
    </div>
    <blockquote type="cite"
      cite="mid:501712F3-6BD4-44F8-A4DB-923FBF4FF172@validalo.net">
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      Great idea! Someone please make this soon, as I just got my new
      Kia e-Niro 🙂 Need to do some work on the e-Niro-support.
      <div class=""><br class="">
      </div>
      <div class="">Geir<br class="">
        <div><br class="">
          <blockquote type="cite" class="">
            <div class="">13. feb. 2019 kl. 13:05 skrev Mark
              Webb-Johnson <<a href="mailto:mark@webb-johnson.net"
                class="" moz-do-not-send="true">mark@webb-johnson.net</a>>:</div>
            <br class="Apple-interchange-newline">
            <div class="">
              <meta http-equiv="Content-Type" content="text/html;
                charset=UTF-8" class="">
              <div style="word-wrap: break-word; -webkit-nbsp-mode:
                space; line-break: after-white-space;" class="">
                <div class=""><br class="">
                </div>
                <div class="">Michael, this is probably for you - but if
                  anybody else can help please do…</div>
                <div class=""><br class="">
                </div>
                <div class="">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:</div>
                <div class=""><br class="">
                </div>
                <blockquote style="margin: 0 0 0 40px; border: none;
                  padding: 0px;" class="">
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">+----------------------------------------------------------------------------------------------------+</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">|            
                                                                       
                                                               |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| +----------+
 +------+-------+------------------------------------+------+
                         +--------------------+ |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         | hdr1 |  hdr2 |                  hdr3        
                             | hdr4 |  |                    | |</span></font></div>
                  <font class="" face="Andale Mono"><span
                      style="font-size: 12px;" class="">| |          |
                       +------+-------+------------------------------------+------+
                       |     </span></font><span style="font-family:
                    "Andale Mono"; font-size: 12px;" class=""> 
                           </span><span style="font-family: "Andale
                    Mono"; font-size: 12px;" class=""> </span><span
                    style="font-size: 12px; font-family: "Andale
                    Mono";" class="">     |</span><span
                    style="font-size: 12px; font-family: "Andale
                    Mono";" class=""> |</span></blockquote>
                <blockquote style="margin: 0 0 0 40px; border: none;
                  padding: 0px;" class="">
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| | Controls |
                         |      |       |                              
                             |      |  |        Info        | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         | col1 |  col2 |                  col3        
                             | col4 |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |                              
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |                              
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |                              
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| +----------+
                         |      |       |                              
                             |      |  +--------------------+ |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">|            
                          |      |       |                              
                             |      |                         |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| +----------+
                         |      |       |                              
                             |      |  +--------------------+ |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |                              
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |                              
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |                              
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |  Status  |
                         |      |       |                              
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |             TABLE            
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |                              
                             |      |  |        Extra       | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |                              
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |                              
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |                              
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |                              
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |                              
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| |          |
                         |      |       |                              
                             |      |  |                    | |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">| +----------+
                         |      |       |                              
                             |      |  +--------------------+ |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">|            
                          |      |       |                              
                             |      |                         |</span></font></div>
                  <font class="" face="Andale Mono"><span
                      style="font-size: 12px;" class="">|            
                        |      |       |                                
                         |      |                         |</span></font></blockquote>
                <blockquote style="margin: 0 0 0 40px; border: none;
                  padding: 0px;" class=""><font class="" face="Andale
                    Mono"><span style="font-size: 12px;" class="">|    
                                |      |       |                        
                                 |      |                         |</span></font></blockquote>
                <blockquote style="margin: 0 0 0 40px; border: none;
                  padding: 0px;" class=""><font class="" face="Andale
                    Mono"><span style="font-size: 12px;" class="">|    
                                |      |       |                        
                                 |      |                         |</span></font></blockquote>
                <blockquote style="margin: 0 0 0 40px; border: none;
                  padding: 0px;" class=""><font class="" face="Andale
                    Mono"><span style="font-size: 12px;" class="">|    
                                |      |       |                        
                                 |      |                         |</span></font></blockquote>
                <blockquote style="margin: 0 0 0 40px; border: none;
                  padding: 0px;" class=""><font class="" face="Andale
                    Mono"><span style="font-size: 12px;" class="">|    
                                |      |       |                        
                                 |      |                         |</span></font></blockquote>
                <blockquote style="margin: 0 0 0 40px; border: none;
                  padding: 0px;" class=""><font class="" face="Andale
                    Mono"><span style="font-size: 12px;" class="">|    
                                |      |       |                        
                                 |      |                         |</span></font></blockquote>
                <blockquote style="margin: 0 0 0 40px; border: none;
                  padding: 0px;" class=""><font class="" face="Andale
                    Mono"><span style="font-size: 12px;" class="">|    
                                |      |       |                        
                                 |      |                         |</span></font></blockquote>
                <blockquote style="margin: 0 0 0 40px; border: none;
                  padding: 0px;" class=""><font class="" face="Andale
                    Mono"><span style="font-size: 12px;" class="">|    
                                |      |       |                        
                                 |      |                         |</span></font></blockquote>
                <blockquote style="margin: 0 0 0 40px; border: none;
                  padding: 0px;" class=""><font class="" face="Andale
                    Mono"><span style="font-size: 12px;" class="">|    
                                |      |       |                        
                                 |      |                         |</span></font></blockquote>
                <blockquote style="margin: 0 0 0 40px; border: none;
                  padding: 0px;" class="">
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">|            
                         
                        +------+-------+------------------------------------+------+
                                                |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">|            
                                                                       
                                                               |</span></font></div>
                  <div class=""><font class="" face="Andale Mono"><span
                        style="font-size: 12px;" class="">+----------------------------------------------------------------------------------------------------+</span></font></div>
                </blockquote>
                <div class=""><br class="">
                </div>
                <div class="">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.</div>
                <div class=""><br class="">
                </div>
                <div class="">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.</div>
                <div class=""><br class="">
                </div>
                <div class="">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 <a
                    href="http://datatables.net/" class=""
                    moz-do-not-send="true">datatables.net</a>).</div>
                <div class=""><br class="">
                </div>
                <div class="">For example, look at this output:</div>
                <div class=""><br class="">
                </div>
                <blockquote style="margin: 0 0 0 40px; border: none;
                  padding: 0px;" class="">
                  <div class="">
                    <div class=""><font class="" face="Andale Mono"><span
                          style="font-size: 12px;" class="">OVMS# re dbc
                          list</span></font></div>
                    <div class=""><font class="" face="Andale Mono"><span
                          style="font-size: 12px;" class="">key        
                                      records     ms last</span></font></div>
                    <div class=""><font class="" face="Andale Mono"><span
                          style="font-size: 12px;" class="">can1/100:0081
                                          2  22000 01 02 03 04 05      
                             | .....</span></font></div>
                    <div class=""><font class="" face="Andale Mono"><span
                          style="font-size: 12px;" class="">can1/101    
                                           1  44000 01 02 03 04        
                              | ....</span></font></div>
                    <div class=""><font class="" face="Andale Mono"><span
                          style="font-size: 12px;" class=""> 
                          dbc/DI_Signal1: 129 km</span></font></div>
                    <div class=""><font class="" face="Andale Mono"><span
                          style="font-size: 12px;" class=""> 
                          dbc/DI_Signal2: 1 km</span></font></div>
                    <div class=""><font class="" face="Andale Mono"><span
                          style="font-size: 12px;" class=""> 
                          dbc/DI_Signal3: 130 kWh</span></font></div>
                    <div class=""><font class="" face="Andale Mono"><span
                          style="font-size: 12px;" class=""> 
                          dbc/DI_Signal4: 122 Degrees</span></font></div>
                  </div>
                </blockquote>
                <div class=""><br class="">
                </div>
                <div class="">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.</div>
                <div class=""><br class="">
                </div>
                <div class="">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)?</div>
                <div class=""><br class="">
                </div>
                <div class="">Any idea how complex this is?</div>
                <div class=""><br class="">
                </div>
                <div class="">Regards, Mark.</div>
                <div class=""><br class="">
                </div>
              </div>
              _______________________________________________<br
                class="">
              OvmsDev mailing list<br class="">
              <a href="mailto:OvmsDev@lists.openvehicles.com" class=""
                moz-do-not-send="true">OvmsDev@lists.openvehicles.com</a><br
                class="">
              <a class="moz-txt-link-freetext" href="http://lists.openvehicles.com/mailman/listinfo/ovmsdev">http://lists.openvehicles.com/mailman/listinfo/ovmsdev</a><br
                class="">
            </div>
          </blockquote>
        </div>
        <br class="">
      </div>
      <br>
      <fieldset class="mimeAttachmentHeader"></fieldset>
      <pre class="moz-quote-pre" wrap="">_______________________________________________
OvmsDev mailing list
<a class="moz-txt-link-abbreviated" href="mailto:OvmsDev@lists.openvehicles.com">OvmsDev@lists.openvehicles.com</a>
<a class="moz-txt-link-freetext" href="http://lists.openvehicles.com/mailman/listinfo/ovmsdev">http://lists.openvehicles.com/mailman/listinfo/ovmsdev</a>
</pre>
    </blockquote>
  </body>
</html>