clementinecomputing
/
popufare


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601
							<html>

  <head>

    <link rel="stylesheet" href="css/diustyles.css">
    <link rel="stylesheet" href="css/grids.css">


  </head>

  <body id='body'>

    <!-- ************************* -->
    <!-- ******            ******* -->
    <!-- ******    Login   ******* -->
    <!-- ******            ******* -->
    <!-- ************************* -->


    <div id='ui_login' >

      <br>

      <div class='pure-g col'>

        <div class='pure-u-1-3 row'> </div>
        <div class='pure-u-1-2 row'> <button class='bdropinp bkeyw' id='ui_login_login'>Login</button> </div>

      </div>

      <br>
      <br>
      <br>

      <div class='pure-g'>

        <button class='invisiblock' id='ui_login_blockwindow'> </button>

<textarea class='statuslogin' type='textarea' id='ui_login_status' rows='12' cols='80' disabled readonly>
Tunnel: . GPRS: . Eq# . #Msg: .
Last Token Read (.): ""
GPS: .

Package    Version        Installed

</textarea>

      </div>

    </div>

    <!-- ************************** -->
    <!-- ******             ******* -->
    <!-- ****** Diagnostics ******* -->
    <!-- ******             ******* -->
    <!-- ************************** -->


    <div id='ui_diagnostic' style='display:none;' >

      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw' id='ui_diagnostic_mainscreen'>Main Screen</button> </div>
        <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw' id='ui_diagnostic_reset'>Reset</button> </div>
        <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw' id='ui_diagnostic_reboot'>Reboot</button> </div>

      </div>

      <div class='pure-g row'>

        <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw' id='ui_diagnostic_custom0'>Custom 0</button> </div>
        <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw' id='ui_diagnostic_custom1'>Custom 1</button> </div>
        <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw' id='ui_diagnostic_custom2'>Custom 2</button> </div>

      </div>

      <br>
      <br>
      <br>

      <div class='pure-g'>

        <button class='invisiblock' id='ui_diagnostic_window'> </button>

<textarea class='statuslogin' type='textarea' id='ui_diagnostic_view' rows='10' cols='80' disabled readonly>
Diagnostic window...
</textarea>

      </div>

    </div>


    <!-- ************************* -->
    <!-- ******            ******* -->
    <!-- ******   Driver   ******* -->
    <!-- ******            ******* -->
    <!-- ************************* -->

    <div id='ui_driver' style='display:none;'>

      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_driver_1'>1</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_driver_2'>2</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_driver_3'>3</button> </div>

        <div class='pure-u-1-6 col'> <p><button class='bdisp' style='display:block;' id='ui_driver_drivertext'>Driver</button></p> </div>

        <div class='pure-u-1-6 col'> 
          <button class="bdrop bfieldinp" id='ui_driver_driver' style='display:block;'></button>
        </div>

      </div>

      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_driver_4'>4</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_driver_5'>5</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_driver_6'>6</button> </div>

        <div class='pure-u-1-6 col' style='text-align:center;'>
          <p><button class='bdisp' style='display:none;' id='ui_driver_pin_text'>Pin</button></p>
        </div>

        <div class='pure-u-1-6 col'> 
          <button class="bdrop bfieldinp" id='ui_driver_pin' style='display:none;'></button>
        </div>

      </div>

      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_driver_7'>7</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_driver_8'>8</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_driver_9'>9</button> </div>

        <div class='pure-u-1-6 col'> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkeyw' id='ui_driver_ok'>Ok</button> </div>

      </div>

      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_driver_clr'>Clr</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_driver_0'>0</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_driver_bksp'>Bksp</button> </div>

        <div class='pure-u-1-6 col'> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkeyw' id='ui_driver_cancel'>Cancel</button> </div>

      </div>

    </div> <!-- ui_driver -->

    <!-- ************************* -->
    <!-- ******            ******* -->
    <!-- ******   Driver   ******* -->
    <!-- ******   Verify   ******* -->
    <!-- ******            ******* -->
    <!-- ************************* -->

    <div id='ui_driververify' style='display:none;'>

      <br>
      <div class='pure-g'> </div>
      <br> <br> <br>
      <div class='pure-g'> </div>
      <br> <br> <br>

      <div class='pure-g'>
        <div class='pure-u-1-6'> <button class='bstatus'>Verifying Driver</button> </div>
      </div>

      <br> <br> <br> 
    </div>


    <!-- ************************* -->
    <!-- ******            ******* -->
    <!-- ******   Driver   ******* -->
    <!-- ******  Incorrect ******* -->
    <!-- ******   Login    ******* -->
    <!-- ******            ******* -->
    <!-- ************************* -->

    <div id='ui_driverincorrect' style='display:none;'>

      <div style='width:100%; height:100%;'>

        <div class='pure-g row' style='width:100%; height:100%;' >
          <div class='pure-u-1-6 col' style=' position:absolute; top:20%; margin-left:25%; '> <button class='bdropinp bkeyHuge' id='ui_driverincorrect_btn'>Incorrect Login</button> </div>
        </div>

      </div>

    </div>

    <!-- ************************* -->
    <!-- ******            ******* -->
    <!-- ******   Paddle   ******* -->
    <!-- ******            ******* -->
    <!-- ************************* -->


    <div id='ui_paddle' style='display:none;'>

      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_paddle_1'>1</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_paddle_2'>2</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_paddle_3'>3</button> </div>

        <div class='pure-u-1-6 col'>
          <p><button class='bdisp' id='ui_paddle_paddle_text' style='display:block;'>Paddle</button></p>
        </div>

        <div class='pure-u-1-6 col'> 
          <button class="bdrop bfieldinp" id='ui_paddle_paddle' style='display:block;'></button>
        </div>


      </div>

      <br>

      <div class='pure-g row'>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_paddle_4'>4</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_paddle_5'>5</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_paddle_6'>6</button> </div>
      </div>

      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_paddle_7'>7</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_paddle_8'>8</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_paddle_9'>9</button> </div>

        <div class='pure-u-1-6 col'> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkeyw' id='ui_paddle_ok'>Ok</button> </div>

      </div>

      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_paddle_clr'>Clr</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_paddle_0'>0</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_paddle_bksp'>Bksp</button> </div>

        <div class='pure-u-1-6 col'> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkeyw' id='ui_paddle_cancel'>Cancel</button> </div>

      </div>

    </div> <!-- ui_paddle -->

    <!-- ************************* -->
    <!-- ******            ******* -->
    <!-- ******   Paddle   ******* -->
    <!-- ******   Verify   ******* -->
    <!-- ******            ******* -->
    <!-- ************************* -->

    <div id='ui_paddleverify' style='display:none;'>

      <br>
      <div class='pure-g'> </div>
      <br> <br> <br>
      <div class='pure-g'> </div>
      <br> <br> <br>

      <div class='pure-g'>
        <div class='pure-u-1-6'> <button class='bstatus'>Verifying Paddle</button> </div>
      </div>

      <br> <br> <br> 
    </div>

    <!-- ************************* -->
    <!-- ******            ******* -->
    <!-- ******   Unknown  ******* -->
    <!-- ******   Paddle   ******* -->
    <!-- ******            ******* -->
    <!-- ************************* -->

    <div id='ui_paddleunknown' style='display:none;'>

      <!--
      <br>
      <div class='pure-g row'>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkeyw' id='ui_paddleunknown_btn'>Unknown Paddle</button> </div>
      </div>
      -->

      <div style='width:100%; height:100%;'>

        <div class='pure-g row' style='width:100%; height:100%;' >
          <div class='pure-u-1-6 col' style=' position:absolute; top:20%; margin-left:25%; '>
            <button class='bdropinp bkeyHuge' id='ui_paddleunknown_btn'>Unknown Paddle </button>
          </div>
        </div>

      </div>


    </div>

    <!-- ************************* -->
    <!-- ******            ******* -->
    <!-- ******   main     ******* -->
    <!-- ******            ******* -->
    <!-- ************************* -->


    <div id='ui_main' style='display:none;'>

      <div class='pure-g row'>

        <button class='invisiblock' id='ui_main_blockwindow'> </button>

<textarea
  wrap=""
  class='statusmain'
  type='textarea'
  id='ui_main_status'
  rows='10'
  cols='40'
  onselect='return false;'
  unselectable='on'
  disabled readonly>
...
</textarea>

        <!-- <div class='pure-u-1-2 col'> <button class='bstatus' id='ui_main_status'>status...</button> </div> -->

      </div>

      <div class='pure-u-1-6 col'> <button class='bdropinp bkey btnprv' id='ui_main_prv'>PRV</button> </div>
      <div class='pure-u-1-6 col'> <button class='bdropinp bkey btnnxt' id='ui_main_nxt'>NXT</button> </div>

      <div class='pure-g row'></div>
      <!-- <div class='pure-g row'></div> -->
      <div style='height:85;'></div>

      <div class='pure-g row'>

        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym mny' id='ui_main_adult'>Adult $</button> </div>
        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym mny' id='ui_main_youth'>Youth $</button> </div>
        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym mny' id='ui_main_half'>Half $</button> </div>
        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym' id='ui_main_bulk'>Bulk $</button> </div>

      </div>

      <div class='pure-g row'>

        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym mny' id='ui_main_bike'>Bike</button> </div>
        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym mny' id='ui_main_wheelchair'>Wheel Chair</button> </div>
        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym mny' id='ui_main_transfer'>X-fer</button> </div>
        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym' id='ui_main_menu'>Menu</button> </div>

      </div>

      <div id="mainstatus">Rt 9900   Trip 1   Stop 0   GPS No   Tun Yes   2019-08-13 04:58</div>

    </div> <!-- ui_main -->

    <!-- ************************* -->
    <!-- ******            ******* -->
    <!-- ******   Bulk     ******* -->
    <!-- ******            ******* -->
    <!-- ************************* -->


    <div id='ui_bulk' style='display:none;'>

      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym highlight' id='ui_bulk_misc'>$ + Misc</button> </div>
        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym' id='ui_bulk_passes'>Passes</button> </div>
        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym' id='ui_bulk_menu'>Main Menu</button> </div>
        <div class='pure-u-1-4 col'> <button class='bdisp' style='font-size:30px;'>BULK</button> </div>

      </div>

      <hr>

      <br> <br> <br> 

      <div id='ui_bulk_misc_tab' style='display:block;'>

        <div class='pure-g row'>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_bulk_adult'>Adult $</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_bulk_youth'>Youth $</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_bulk_half'>Half $</button> </div>
        </div>

        <div class='pure-g row'></div>


        <div class='pure-g row'>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_bulk_event'>Event</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_bulk_transfer'>X-fer</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_bulk_interline'>InterLine</button> </div>
        </div>

      </div>

      <div id='ui_bulk_passes_tab' style='display:none;'>

        <div class='pure-g row'>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_bulk_schoola'>SchoolA ID</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_bulk_schoolb'>SchoolB ID</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_bulk_schoolc'>SchoolC ID</button> </div>
        </div>

        <div class='pure-g row'></div>

        <div class='pure-g row'>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_bulk_orga'>Org A ID</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_bulk_orgb'>Org B ID</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_bulk_orgc'>Org C ID</button> </div>
        </div>

      </div>


    </div> <!-- ui_bulk -->

    <!-- ************************* -->
    <!-- ******            ******* -->
    <!-- ******    Bulk    ******* -->
    <!-- ******   Accept   ******* -->
    <!-- ******            ******* -->
    <!-- ************************* -->


    <div id='ui_bulkaccept' style='display:none;'>


      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_bulkaccept_1'>1</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_bulkaccept_2'>2</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_bulkaccept_3'>3</button> </div>


        <div class='pure-u-1-6 col'> </div>
        <div class='pure-u-1-6 col'> 
          <button class="bdropinp bkeyw" id='ui_bulkaccept_faretype' style='display:block;'>...</button>


        </div>

      </div>

      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_bulkaccept_4'>4</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_bulkaccept_5'>5</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_bulkaccept_6'>6</button> </div>


        <div class='pure-u-1-6 col'> <p><button class='bdisp' style='display:block;' id='ui_driver_drivertext'>#</button></p> </div>
        <div class='pure-u-1-6 col'> 
          <button class="bdropinp bkeyw" id='ui_bulkaccept_count' style='display:block;'></button>
        </div>

      </div>

      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_bulkaccept_7'>7</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_bulkaccept_8'>8</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_bulkaccept_9'>9</button> </div>

        <div class='pure-u-1-6 col'> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkeyw' id='ui_bulkaccept_ok'>Ok</button> </div>

      </div>

      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_bulkaccept_clr'>Clr</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_bulkaccept_0'>0</button> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkey ltyellow' id='ui_bulkaccept_bksp'>Bksp</button> </div>

        <div class='pure-u-1-6 col'> </div>
        <div class='pure-u-1-6 col'> <button class='bdropinp bkeyw' id='ui_bulkaccept_cancel'>Cancel</button> </div>

      </div>


    </div> <!-- ui_bulk -->


    <!-- ************************* -->
    <!-- ******            ******* -->
    <!-- ******   Fare     ******* -->
    <!-- ******   Menu     ******* -->
    <!-- ******            ******* -->
    <!-- ************************* -->


    <div id='ui_fareoverride' style='display:none;'>

      <br>

      <div class='pure-g row'>

        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym highlight' id='ui_fareoverride_misc'>$ + Misc</button> </div>
        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym' id='ui_fareoverride_passes'>Passes</button> </div>
        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym' id='ui_fareoverride_menu'>Main Menu</button> </div>
        <div class='pure-u-1-4 col'> <button class='bdropinp bkeym logout' id='ui_fareoverride_logout' style='float:center;'>Logout</button> </div>

      </div>

      <hr>

      <br> <br> <br> 

      <div id='ui_fareoverride_misc_tab' style='display:block;'>

        <div class='pure-g row'>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_adult'>Adult $</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_youth'>Youth $</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_half'>Half $</button> </div>
        </div>


        <div class='pure-g row'>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_bike'>Bike</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_wheelchair'>Wheel Chair</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_transfer'>X-fer</button> </div>
        </div>


        <div class='pure-g row'>
          <div class='pure-u-1-3 col'> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_event'>Event</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_interline'>Interline</button> </div>
        </div>

      </div>

      <div id='ui_fareoverride_passes_tab' style='display:none;'>

        <div class='pure-g row'>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_schoola'>SchoolA ID</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_schoolb'>SchoolB ID</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_schoolc'>SchoolC ID</button> </div>
        </div>

        <div class='pure-g row'></div>

        <div class='pure-g row'>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_orga'>OrgA ID</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_orgb'>OrgB ID</button> </div>
          <div class='pure-u-1-3 col'> <button class='bdropinp bkeyw mny' id='ui_fareoverride_orgc'>OrgC</button> </div>
        </div>

      </div>


    </div> <!-- ui_fareoverride -->


  </body>

  <script src='js/diu_ui.js'></script>

</html>