Ignore:
Timestamp:
05/04/14 15:27:56 (11 years ago)
Author:
tbretz
Message:
Added the container needed to display the histograms. It is more or less a copy of the camera display.
File:
1 edited

Legend:

Unmodified
Added
Removed

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

    r17744 r17773  
    4040    <script src="flot-0.8.3/jquery.flot.symbol.min.js"></script>
    4141    <script src="flot-0.8.3/jquery.flot.resize.js"></script>
    42 
    4342    <script src="jshint.js"></script>
    4443    <script src="index.js"></script>
    … …  
    4948<body>
    5049
    51 <div id='tooltip' style="position:absolute;display:none;border:1px solid #fdd;padding;2px;background-color:#fee;opacity:0.8"></div>
     50<div id='tooltip' style="z-index:1000;position:absolute;display:none;border:1px solid #fdd;padding;2px;background-color:#fee;opacity:0.8"></div>
    5251
    5352<div class="myaccordion" id="accordion5">
    … …  
    8786for (var p=0; p<$.event.numPix; p++)
    8887{
    89     var max = 0;
    90     var idx = 0;
    91     for (var s=5; s<$.event.numRoi-50; s++)
     88    var max =  0;
     89    var idx = -1;
     90    for (var s=5; s<$.event.numRoi-60; s++)
    9291    {
    9392        // spike suppression
    … …  
    10099        }
    101100    }
    102     rc[0][p]=max;
    103     rc[1][p]=idx;
     101    rc[0][p]=idx<0 ? null : max;
     102    rc[1][p]=idx<0 ? null : idx;
    104103}
    105104
    … …  
    135134   <input id="submit"  type="button" onclick="onSubmit();" value="Submit"></input>
    136135   <span style="float:right;white-space:nowrap;">
    137       Run file:
     136      Cal:
     137      <input id="calibrated" type="checkbox" onclick="onSubmit();"></input>
     138      Run:
    138139      <input id="file" style="width:100px"></input>
    139140   </span>
    … …  
    164165</div>
    165166<div id="cameracontainer" class="ui-widget-content">
    166 
    167167   <table width="100%">
    168168      <colgroup>
    … …  
    208208      <tr style="margin:0;padding:0;">
    209209         <td style="margin:0;padding:0;">
    210             <table id="col1" border="0" style="margin:0;padding:0;">
    211                <tr style="margin:0;padding:0;"><td style="margin:0;padding:0;" id="cont1"></tr>
    212                <tr style="margin:0;padding:0;"><td style="margin:0;padding:0;" id="cont3"><canvas id="camera3" width="1" height="1"></canvas></td></tr>
     210            <table border="0" style="margin:0;padding:0;">
     211               <tr style="margin:0;padding:0;"><td style="margin:0;padding:0;" id="contcamera1"></tr>
     212               <tr style="margin:0;padding:0;"><td style="margin:0;padding:0;" id="contcamera3"><canvas id="camera3" width="1" height="1"></canvas></td></tr>
    213213            </table>
    214214         </td>
    215          <td style="margin:0;padding:0;" id="center"><canvas id="camera1" width="1" height="1"></canvas></td>
     215         <td style="margin:0;padding:0;" id="centercamera"><canvas id="camera1" width="1" height="1"></canvas></td>
    216216         <td style="margin:0;padding:0;">
    217             <table id="col3" border="0" style="margin:0;padding:0;">
    218                <tr style="margin:0;padding:0;"><td style="margin:0;padding:0;" id="cont2"><canvas id="camera2" width="1" height="1"></canvas></td></tr>
    219                <tr style="margin:0;padding:0;"><td style="margin:0;padding:0;" id="cont4"><canvas id="camera4" width="1" height="1"></canvas></td></tr>
     217            <table border="0" style="margin:0;padding:0;">
     218               <tr style="margin:0;padding:0;"><td style="margin:0;padding:0;" id="contcamera2"><canvas id="camera2" width="1" height="1"></canvas></td></tr>
     219               <tr style="margin:0;padding:0;"><td style="margin:0;padding:0;" id="contcamera4"><canvas id="camera4" width="1" height="1"></canvas></td></tr>
    220220            </table>
    221221         </td>
    … …  
    259259               <input id="cameramax4"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(4);"  value="0" disabled="true"></input>
    260260               <input id="cameramaxon4" type="checkbox" onclick="onCameraMinMaxOn(4);" checked="true"></input>
     261            </span>
     262         </td>
     263      </tr>
     264   </table>
     265</div>
     266
     267<div class="myaccordion" id="accordion7">
     268   <h3><a href="#">Histograms</a></h3>
     269</div>
     270<div id="histcontainer" class="ui-widget-content">
     271   <table width="100%">
     272      <colgroup>
     273         <col style="width:40%;">
     274         <col style="width:20%;">
     275         <col style="width:40%;">
     276      </colgroup>
     277      <tr>
     278         <td>
     279            <span style="white-space:nowrap">
     280               Min:
     281               <input id="histmin1"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(1);"  value="0" disabled="true"></input>
     282               <input id="histminon1" type="checkbox" onclick="onHistMinMaxOn(1);" checked="true"></input>
     283            </span>
     284            &nbsp;
     285            <span style="white-space:nowrap">
     286               Max:
     287               <input id="histmax1"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(1);"  value="0" disabled="true"></input>
     288               <input id="histmaxon1" type="checkbox" onclick="onHistMinMaxOn(1);" checked="true"></input>
     289            </span>
     290         </td>
     291         <td style="text-align:center" id="eventinfo">
     292         </td>
     293         <td style="text-align:right">
     294            <span style="white-space:nowrap">
     295               Min:
     296               <input id="histmin2"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(2);"  value="0" disabled="true"></input>
     297               <input id="histminon2" type="checkbox" onclick="onHistMinMaxOn(2);" checked="true"></input>
     298            </span>
     299            <span style="white-space:nowrap">
     300               &nbsp;
     301               Max:
     302               <input id="histmax2"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(2);"  value="0" disabled="true"></input>
     303               <input id="histmaxon2" type="checkbox" onclick="onHistMinMaxOn(2);" checked="true"></input>
     304            </span>
     305         </td>
     306         <td>
     307         </td>
     308      </tr>
     309   </table>
     310
     311   <table id="table" width="100%" border="0" style="border:0;margin:0;padding:0;">
     312      <tr style="margin:0;padding:0;">
     313         <td style="margin:0;padding:0;">
     314            <table border="0" style="margin:0;padding:0;">
     315               <tr style="margin:0;padding:0;"><td style="margin:0;padding:0;" id="conthist1"></tr>
     316               <tr style="margin:0;padding:0;"><td style="margin:0;padding:0;" id="conthist3"><div style="width:1px;height:1px;" id="hist3"></div></td></tr>
     317            </table>
     318         </td>
     319         <td style="margin:0;padding:0;" id="centerhist"><div style="width:1px;height:1px;" id="hist1"></div></td>
     320         <td style="margin:0;padding:0;">
     321            <table border="0" style="margin:0;padding:0;">
     322               <tr style="margin:0;padding:0;"><td style="margin:0;padding:0;" id="conthist2"><div style="width:1px;height:1px;" id="hist2"></div></td></tr>
     323               <tr style="margin:0;padding:0;"><td style="margin:0;padding:0;" id="conthist4"><div style="width:1px;height:1px;" id="hist4"></div></td></tr>
     324            </table>
     325         </td>
     326      </tr>
     327   </table>
     328
     329   <table width="100%">
     330      <colgroup>
     331         <col style="width:40%;">
     332         <col style="width:20%;">
     333         <col style="width:40%;">
     334      </colgroup>
     335      <tr>
     336         <td>
     337            <span style="white-space:nowrap">
     338               Min:
     339               <input id="histmin3"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(3);"  value="0" disabled="true"></input>
     340               <input id="histminon3" type="checkbox" onclick="onHistMinMaxOn(3);" checked="true"></input>
     341            </span>
     342            &nbsp;
     343            <span style="white-space:nowrap">
     344               Max:
     345               <input id="histmax3"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(3);"  value="0" disabled="true"></input>
     346               <input id="histmaxon3" type="checkbox" onclick="onHistMinMaxOn(3);" checked="true"></input>
     347            </span>
     348         </td>
     349         <td style="text-align:center;">
     350            <!--<input id="marker" type="checkbox" checked="true" onclick="onMarker();">Show pixel marker</input>-->
     351            <!--Pixel value:
     352            <input id="value" type="text" readonly="true"  value="0" style="text-align:right;width:100px"></input>-->
     353         </td>
     354         <td style="text-align:right">
     355            <span style="white-space:nowrap">
     356               Min:
     357               <input id="histmin4"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(4);"  value="0" disabled="true"></input>
     358               <input id="histminon4" type="checkbox" onclick="onHistMinMaxOn(4);" checked="true"></input>
     359            </span>
     360            <span style="white-space:nowrap">
     361               &nbsp;
     362               Max:
     363               <input id="histmax4"   style="text-align:right;width:100px;" type="number"   onchange="onHistMinMax(4);"  value="0" disabled="true"></input>
     364               <input id="histmaxon4" type="checkbox" onclick="onHistMinMaxOn(4);" checked="true"></input>
    261365            </span>
    262366         </td>
Note: See TracChangeset for help on using the changeset viewer.