Ignore:
Timestamp:
05/09/14 18:38:59 (11 years ago)
Author:
tbretz
Message:
Some small layout improevemnts; added Grid-checkbox
File:
1 edited

Legend:

Unmodified
Added
Removed

  • trunk/FACT++/www/viewer/index.html

    r17807 r17814  
    88    <link rel="stylesheet" href="codemirror-4.1/lib/codemirror.css"/>
    99    <!--<link rel="stylesheet" href="codemirror-4.1/theme/myblackboard.css"/>-->
    10     <link rel="stylesheet" href="codemirror-4.1/theme/blackboard.css">
     10    <!--<link rel="stylesheet" href="codemirror-4.1/theme/blackboard.css">-->
    1111    <!--<link rel="stylesheet" href="codemirror-4.1/theme/3024-night.css">-->
    1212    <link rel="stylesheet" href="codemirror-4.1/addon/display/fullscreen.css"/>
    … …  
    167167   <table width="100%">
    168168      <colgroup>
    169          <col style="width:40%;">
    170          <col style="width:20%;">
    171          <col style="width:40%;">
     169         <col style="width:38.5%;">
     170         <col style="width:23%;">
     171         <col style="width:38.5%;">
    172172      </colgroup>
    173173      <tr>
    174174         <td>
    175             <span style="white-space:nowrap">
    176                Min:
     175            <span style="white-space:nowrap;margin-right:2px;">
     176               Min
    177177               <input id="cameramin1"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(1);"  value="0" disabled="true"></input>
    178                <input id="cameraminon1" type="checkbox" onclick="onCameraMinMaxOn(1);" checked="true"></input>
    179             </span>
    180             &nbsp;
    181             <span style="white-space:nowrap">
    182                Max:
     178               <input id="cameraminon1" style="margin-left:0px;" type="checkbox" onclick="onCameraMinMaxOn(1);" checked="true"></input>
     179            </span>
     180            <span style="white-space:nowrap">
     181               Max
    183182               <input id="cameramax1"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(1);"  value="0" disabled="true"></input>
    184                <input id="cameramaxon1" type="checkbox" onclick="onCameraMinMaxOn(1);" checked="true"></input>
     183               <input id="cameramaxon1" style="margin-left:0px;" type="checkbox" onclick="onCameraMinMaxOn(1);" checked="true"></input>
    185184            </span>
    186185         </td>
    … …  
    189188         <td style="text-align:right">
    190189            <span style="white-space:nowrap">
    191                Min:
     190               Min
    192191               <input id="cameramin2"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(2);"  value="0" disabled="true"></input>
    193                <input id="cameraminon2" type="checkbox" onclick="onCameraMinMaxOn(2);" checked="true"></input>
    194             </span>
    195             <span style="white-space:nowrap">
    196                &nbsp;
    197                Max:
     192               <input id="cameraminon2" style="margin-left:0px;" type="checkbox" onclick="onCameraMinMaxOn(2);" checked="true"></input>
     193            </span>
     194            <span style="white-space:nowrap;margin-left:2px;">
     195               Max
    198196               <input id="cameramax2"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(2);"  value="0" disabled="true"></input>
    199                <input id="cameramaxon2" type="checkbox" onclick="onCameraMinMaxOn(2);" checked="true"></input>
     197               <input id="cameramaxon2" style="margin-left:0px;" type="checkbox" onclick="onCameraMinMaxOn(2);" checked="true"></input>
    200198            </span>
    201199         </td>
    … …  
    225223   <table width="100%">
    226224      <colgroup>
    227          <col style="width:40%;">
    228          <col style="width:20%;">
    229          <col style="width:40%;">
     225         <col style="width:38.5%;">
     226         <col style="width:23%;">
     227         <col style="width:38.5%;">
    230228      </colgroup>
    231229      <tr>
    232230         <td>
    233             <span style="white-space:nowrap">
    234                Min:
     231            <span style="white-space:nowrap;margin-right:2px;">
     232               Min
    235233               <input id="cameramin3"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(3);"  value="0" disabled="true"></input>
    236                <input id="cameraminon3" type="checkbox" onclick="onCameraMinMaxOn(3);" checked="true"></input>
    237             </span>
    238             &nbsp;
    239             <span style="white-space:nowrap">
    240                Max:
     234               <input id="cameraminon3" style="margin-left:0px;" type="checkbox" onclick="onCameraMinMaxOn(3);" checked="true"></input>
     235            </span>
     236            <span style="white-space:nowrap">
     237               Max
    241238               <input id="cameramax3"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(3);"  value="0" disabled="true"></input>
    242                <input id="cameramaxon3" type="checkbox" onclick="onCameraMinMaxOn(3);" checked="true"></input>
     239               <input id="cameramaxon3" style="margin-left:0px;" type="checkbox" onclick="onCameraMinMaxOn(3);" checked="true"></input>
    243240            </span>
    244241         </td>
    245242         <td style="text-align:center;">
    246             <input id="marker" type="checkbox" checked="true" onclick="refreshCameras();">Marker</input>&nbsp;&nbsp;
    247             <input id="image" type="checkbox" onclick="refreshCameras();">Image</input>
     243            <span style="white-space:nowrap;margin-left:1px;margin-right:1px;"><input id="grid"   type="checkbox" onclick="refreshCameras();" checked="true">Grid</input></span>
     244            <span style="white-space:nowrap;margin-left:1px;margin-right:1px;"><input id="marker" type="checkbox" onclick="refreshCameras();" checked="true">Marker</input></span>
     245            <span style="white-space:nowrap;margin-left:1px;margin-right:1px;"><input id="image"  type="checkbox" onclick="refreshCameras();">Image</input></span>
    248246            <!--Pixel value:
    249247            <input id="value" type="text" readonly="true"  value="0" style="text-align:right;width:100px"></input>-->
    … …  
    251249         <td style="text-align:right">
    252250            <span style="white-space:nowrap">
    253                Min:
     251               Min
    254252               <input id="cameramin4"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(4);"  value="0" disabled="true"></input>
    255                <input id="cameraminon4" type="checkbox" onclick="onCameraMinMaxOn(4);" checked="true"></input>
    256             </span>
    257             <span style="white-space:nowrap">
    258                &nbsp;
    259                Max:
     253               <input id="cameraminon4" style="margin-left:0px;" type="checkbox" onclick="onCameraMinMaxOn(4);" checked="true"></input>
     254            </span>
     255            <span style="white-space:nowrap;margin-left:2px;">
     256               Max
    260257               <input id="cameramax4"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(4);"  value="0" disabled="true"></input>
    261                <input id="cameramaxon4" type="checkbox" onclick="onCameraMinMaxOn(4);" checked="true"></input>
     258               <input id="cameramaxon4" style="margin-left:0px;" type="checkbox" onclick="onCameraMinMaxOn(4);" checked="true"></input>
    262259            </span>
    263260         </td>
    … …  
    278275      <tr>
    279276         <td>
    280             <span style="white-space:nowrap">
    281                Min:
     277            <span style="white-space:nowrap;margin-right:2px;">
     278               Min
    282279               <input id="histmin1"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(1);"  value="0" disabled="true"></input>
    283                <input id="histminon1" type="checkbox" onclick="onHistMinMaxOn(1);" checked="true"></input>
    284             </span>
    285             &nbsp;
    286             <span style="white-space:nowrap">
    287                Max:
     280               <input id="histminon1" style="margin-left:0px;" type="checkbox" onclick="onHistMinMaxOn(1);" checked="true"></input>
     281            </span>
     282            <span style="white-space:nowrap">
     283               Max
    288284               <input id="histmax1"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(1);"  value="0" disabled="true"></input>
    289                <input id="histmaxon1" type="checkbox" onclick="onHistMinMaxOn(1);" checked="true"></input>
     285               <input id="histmaxon1" style="margin-left:0px;" type="checkbox" onclick="onHistMinMaxOn(1);" checked="true"></input>
    290286            </span>
    291287         </td>
    … …  
    294290         <td style="text-align:right">
    295291            <span style="white-space:nowrap">
    296                Min:
     292               Min
    297293               <input id="histmin2"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(2);"  value="0" disabled="true"></input>
    298                <input id="histminon2" type="checkbox" onclick="onHistMinMaxOn(2);" checked="true"></input>
    299             </span>
    300             <span style="white-space:nowrap">
    301                &nbsp;
    302                Max:
     294               <input id="histminon2" style="margin-left:0px;" type="checkbox" onclick="onHistMinMaxOn(2);" checked="true"></input>
     295            </span>
     296            <span style="white-space:nowrap;margin-left:2px;">
     297               Max
    303298               <input id="histmax2"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(2);"  value="0" disabled="true"></input>
    304                <input id="histmaxon2" type="checkbox" onclick="onHistMinMaxOn(2);" checked="true"></input>
     299               <input id="histmaxon2" style="margin-left:0px;" type="checkbox" onclick="onHistMinMaxOn(2);" checked="true"></input>
    305300            </span>
    306301         </td>
    … …  
    330325   <table width="100%">
    331326      <colgroup>
    332          <col style="width:40%;">
    333          <col style="width:20%;">
    334          <col style="width:40%;">
     327         <col style="width:50%;">
     328         <col style="width:50%;">
    335329      </colgroup>
    336330      <tr>
    337331         <td>
    338             <span style="white-space:nowrap">
    339                Min:
     332            <span style="white-space:nowrap;margin-right:2px;">
     333               Min
    340334               <input id="histmin3"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(3);"  value="0" disabled="true"></input>
    341                <input id="histminon3" type="checkbox" onclick="onHistMinMaxOn(3);" checked="true"></input>
    342             </span>
    343             &nbsp;
    344             <span style="white-space:nowrap">
    345                Max:
     335               <input id="histminon3" style="margin-left:0px;" type="checkbox" onclick="onHistMinMaxOn(3);" checked="true"></input>
     336            </span>
     337            <span style="white-space:nowrap">
     338               Max
    346339               <input id="histmax3"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(3);"  value="0" disabled="true"></input>
    347                <input id="histmaxon3" type="checkbox" onclick="onHistMinMaxOn(3);" checked="true"></input>
    348             </span>
    349          </td>
    350          <td style="text-align:center;">
    351             <!--<input id="marker" type="checkbox" checked="true" onclick="onMarker();">Show pixel marker</input>-->
    352             <!--Pixel value:
    353             <input id="value" type="text" readonly="true"  value="0" style="text-align:right;width:100px"></input>-->
     340               <input id="histmaxon3" style="margin-left:0px;" type="checkbox" onclick="onHistMinMaxOn(3);" checked="true"></input>
     341            </span>
    354342         </td>
    355343         <td style="text-align:right">
    356344            <span style="white-space:nowrap">
    357                Min:
     345               Min
    358346               <input id="histmin4"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(4);"  value="0" disabled="true"></input>
    359                <input id="histminon4" type="checkbox" onclick="onHistMinMaxOn(4);" checked="true"></input>
    360             </span>
    361             <span style="white-space:nowrap">
    362                &nbsp;
    363                Max:
     347               <input id="histminon4" style="margin-left:0px;" type="checkbox" onclick="onHistMinMaxOn(4);" checked="true"></input>
     348            </span>
     349            <span style="white-space:nowrap;margin-left:2px;">
     350               Max
    364351               <input id="histmax4"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(4);"  value="0" disabled="true"></input>
    365                <input id="histmaxon4" type="checkbox" onclick="onHistMinMaxOn(4);" checked="true"></input>
     352               <input id="histmaxon4" style="margin-left:0px;" type="checkbox" onclick="onHistMinMaxOn(4);" checked="true"></input>
    366353            </span>
    367354         </td>
    … …  
    377364   <table style="width:100%">
    378365      <colgroup>
    379          <col style="width:50%;">
    380          <col style="width:50%;">
     366         <col style="width:33%;">
     367         <col style="width:66%;">
    381368      </colgroup>
    382369      <tr> 
    383          <td style="text-align:left">
     370         <td style="text-align:left;margin-right:2px;">
    384371            <span style="white-space:nowrap;float:left">
    385                Xmin:
     372               Xmin
    386373               <input id="waveformxmin"   style="width:55px;text-align:right"type="number"   onchange="onWaveformMinMax();"  value="0" disabled="true"></input>
    387                <input id="waveformxminon" type="checkbox" onclick="onWaveformMinMaxOn();" checked="true"></input>
    388                &nbsp;
     374               <input id="waveformxminon" style="margin-left:0px;" type="checkbox" onclick="onWaveformMinMaxOn();" checked="true"></input>
    389375            </span>
    390376            <span style="white-space:nowrap;float:left">
    391                Xmax:
     377               Xmax
    392378               <input id="waveformxmax"   style="width:55px;text-align:right"type="number"   onchange="onWaveformMinMax();"  value="0" disabled="true"></input>
    393                <input id="waveformxmaxon" type="checkbox" onclick="onWaveformMinMaxOn();" checked="true"></input>
     379               <input id="waveformxmaxon" style="margin-left:0px;" type="checkbox" onclick="onWaveformMinMaxOn();" checked="true"></input>
    394380            </span>
    395381         </td>
    396382         <td style="text-align:right">
    397383            <span style="white-space:nowrap;">
    398                Ymin:
     384               Ymin
    399385               <input id="waveformmin"   style="text-align:right"type="number"   onchange="onWaveformMinMax();"  value="0" disabled="true"></input>
    400                <input id="waveformminon" type="checkbox" onclick="onWaveformMinMaxOn();" checked="true"></input>
    401             </span>
    402             <span style="white-space:nowrap;">
    403                &nbsp;Ymax:
     386               <input id="waveformminon" style="margin-left:0px;" type="checkbox" onclick="onWaveformMinMaxOn();" checked="true"></input>
     387            </span>
     388            <span style="white-space:nowrap;margin-left:2px;">
     389               Ymax
    404390               <input id="waveformmax"   style="text-align:right"type="number"   onchange="onWaveformMinMax();"  value="0" disabled="true"></input>
    405                <input id="waveformmaxon" type="checkbox" onclick="onWaveformMinMaxOn();" checked="true"></input>
     391               <input id="waveformmaxon" style="margin-left:0px;" type="checkbox" onclick="onWaveformMinMaxOn();" checked="true"></input>
    406392           </span>
    407393         </td>
Note: See TracChangeset for help on using the changeset viewer.