<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <link rel="stylesheet" type="text/css" media="screen, projection" href="td.css"/>
    <script type="text/javascript" src="/uEngineWeb/SatelliteInterface.js"></script>
    <script type="text/javascript" src="/uEngineWeb/RadarInterface.js"></script>
    <script type="text/javascript" src="/uEngineWeb/GridInterface.js"></script>
    <script type="text/javascript" src="/uEngineWeb/AsciiInterface.js"></script>
    <script type="text/javascript" src="/uEngineWeb/testDriverControls.js"></script>
    <script type="text/javascript" src="/uEngineWeb/TestDriverUI.js"></script>
    <script type="text/javascript" src="/uEngineWeb/StringBuffer.js"></script>
    <script type="text/javascript" src="/uEngineWeb/dwr/interface/RequestTestDriver.js"></script>
    <script type="text/javascript" src="/uEngineWeb/dwr/interface/TestDataDriver.js"></script>
    <script type='text/javascript' src='/uEngineWeb/dwr/interface/ScriptTestDriver.js'></script>
    <script type="text/javascript" src="/uEngineWeb/dwr/engine.js"></script>
    <script type="text/javascript" src="/uEngineWeb/dwr/util.js"></script>
    <title>AWIPS Test Driver Interface</title>
  </head>
  <body>
    <div id="banner" class="infoArea">
     <img src="rayAWIPS.jpg" border="0"/> AWIPS Test Driver Interface <img src="rayAWIPS.jpg" border="0"/><BR>
     Connected to <font style="color:red;align:center;"><script language="JavaScript">document.write(window.location.hostname);</script></font>
     </table>
    </div>
    
    <div id="interfaceBody">
      <div id="leftTabs">
        <div id="satelliteTab" class="leftTabEntry" onClick="tdControl.setMode('satellite');">Satellite Data</div>
        <div id="radarTab" class="leftTabEntry" onClick="tdControl.setMode('radar');">Radar Data</div>
        <div id="gridTab" class="leftTabEntry" onClick="tdControl.setMode('grid');">Grid Data</div>
        <div id="asciiTab" class="leftTabEntry" onClick="tdControl.setMode('ascii');">ASCII Data</div>
      </div>
      <div id="interfaceRight" class="infoArea">
        <div id="testDriverName" class="testDriverTitle">
          Test Driver
        </div>
        
        
        <!--  SATELLITE TEST INTERFACE -->
        
        
        <div id="satelliteInterface" style="display: none;">
          <form name="satelliteForm" id="satelliteForm">
          <table width="640px" cellpadding="5px" cellspacing="0" border="1" align="center">
            <tr>
              <td align="right">Location:</td>
              <td align="left">
                <select name="satLocation" id="satLocation" onChange="tdControl.updateCatalog('parameter');">
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Parameter:</td>
              <td align="left">
                <select name="satParameter" id="satParameter" onChange="tdControl.updateCatalog('time');">
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Time:</td>
              <td align="left">
                <select name="satTime" id="satTime" onChange="tdControl.updateCatalog('colormap');">
                </select>
              </td>
            </tr>
			<tr>
              <td align="right">Colormap:</td>
              <td align="left">
                <select name="satColormap" id="satColormap" onChange="tdControl.createScript();">
                  <option value="BW">Grey Scale</option>
				  <option value="IREnhanced" selected>IR Enhanced</option>
				  <option value="64BW">Grey Scale (64 color)</option>
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Reproject Image:</td>
              <td align="left">
                <input type="checkbox" value="true" name="satReproject" id="satReproject" onClick="tdControl.createScript();" />
              </td>
            </tr>
            <tr>
              <td align="right">Format:</td>
              <td align="left">
                <select name="satFormat" id="satFormat" onChange="tdControl.createScript();">
                  <option value="bmp">BMP Format</option>
                  <option value="gif">GIF Format</option>
                  <option value="jpg">JPG Format</option>
                  <option value="png" selected>PNG Format</option>
                  <option value="tiff">GeoTIFF Format</option>
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Image Count:</td>
              <td align="left">
                <select name="satCount" id="satCount" onChange="tdControl.createScript();">
                  <option value="1">1</option>
                  <option value="2">2</option>
                  <option value="3">3</option>
                  <option value="4">4</option>
                  <option value="5">5</option>
                  <option value="6">6</option>
                  <option value="7">7</option>
                  <option value="8">8</option>
                  <option value="9">9</option>
                  <option value="10">10</option>
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Timeout:</td>
              <td align="left">
                <select name="satTimeout" id="satTimeout">
                  <option value="60000">1 Minute</option>
                  <option value="120000">2 Minute</option>
                  <option value="300000">5 Minute</option>
                  <option value="600000">10 Minute</option>
                </select>
              </td>
            </tr>
            <tr>
              <td align="right" valign="top">Jython Script:</td>
              <td align="left">
                <textarea style="height: 160px; width: 75%; overflow: auto;" name="satJython" id="satJython"  onChange="tdControl.createScript();"></textarea>
              </td>
            </tr>
          </table>
          <input type="button" value="Request Product" onClick="tdControl.requestData();" /> <input type="button" value="Refresh Catalog" onClick="tdControl.updateCatalog('location');" />
          </form>
        </div>
        
        
        <!--  END OF SATELLITE TEST INTERFACE -->
        
        
        <!--  RADAR TEST INTERFACE -->
        
        
        <div id="radarInterface" style="display: none;">
          <form name="radarForm" id="radarForm">
          <table width="640px" cellpadding="5px" cellspacing="0" border="1" align="center">
            <tr>
              <td align="right">Type:</td>
              <td align="left">
                <select name="radType" id="radType" onChange="tdControl.updateCatalog('elevation');">
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Elevation:</td>
              <td align="left">
                <select name="radElevation" id="radElevation" onChange="tdControl.updateCatalog('location');">
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Location:</td>
              <td align="left">
                <select name="radLocation" id="radLocation" onChange="tdControl.updateCatalog('time');">
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Time:</td>
              <td align="left">
                <select name="radTime" id="radTime" onChange="tdControl.createScript();">
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Colormap:</td>
              <td align="left">
                <select name="radColormap" id="radColormap" onChange="tdControl.createScript();">
                  <option value="BW">Grey Scale</option>
				  <option value="IREnhanced" selected>IR Enhanced</option>
				  <option value="64BW">Grey Scale (64 color)</option>
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Reproject Image:</td>
              <td align="left">
                <input type="checkbox" value="true" name="radReproject" id="radReproject" onClick="tdControl.createScript();" />
              </td>
            </tr>
            <tr>
              <td align="right">Format:</td>
              <td align="left">
                <select name="radFormat" id="radFormat" onChange="tdControl.createScript();">
                  <option value="bmp">BMP Format</option>
                  <option value="gif">GIF Format</option>
                  <option value="jpg">JPG Format</option>
                  <option value="png" selected>PNG Format</option>
                  <option value="tiff">GeoTIFF Format</option>
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Image Count:</td>
              <td align="left">
                <select name="radCount" id="radCount" onChange="tdControl.createScript();">
                  <option value="1">1</option>
                  <option value="2">2</option>
                  <option value="3">3</option>
                  <option value="4">4</option>
                  <option value="5">5</option>
                  <option value="6">6</option>
                  <option value="7">7</option>
                  <option value="8">8</option>
                  <option value="9">9</option>
                  <option value="10">10</option>
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Timeout:</td>
              <td align="left">
                <select name="radTimeout" id="radTimeout">
                  <option value="60000">1 Minute</option>
                  <option value="120000">2 Minute</option>
                  <option value="300000">5 Minute</option>
                  <option value="600000">10 Minute</option>
                </select>
              </td>
            </tr>
          </table>
          <input type="button" value="Request Product" onClick="tdControl.requestData();" /> <input type="button" value="Refresh Catalog" onClick="tdControl.updateCatalog('type');" />
          </form>
        </div>
        
        
        <!--  END OF RADAR TEST INTERFACE -->
        
        
        <!-- GRID TEST INTERFACE -->
        
        
        <div id="gridInterface" style="display: none;">
          <form name="gridForm" id="gridForm">
          <table width="640px" cellpadding="5px" cellspacing="0" border="1" align="center">
            <tr>
              <td align="right">Model:</td>
              <td align="left">
                <select name="grdModel" id="grdModel" onChange="tdControl.updateCatalog('basetime');">
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Base Time:</td>
              <td align="left">
                <select name="grdBasetime" id="grdBasetime" onChange="tdControl.updateCatalog('parameter');">
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Parameter:</td>
              <td align="left">
                <select name="grdParameter" id="grdParameter" onChange="tdControl.updateCatalog('level');">
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Level Name:</td>
              <td align="left">
                <select name="grdLevel" id="grdLevel" onChange="tdControl.updateCatalog('levelone');">
                </select>
              </td>
            </tr>
            <tr>
           	  <td align="right">Level One Value:</td>
           	  <td align="left">
           		<select name="grdlevelone" id="grdlevelone" onChange="tdControl.updateCatalog('leveltwo');">
           		</select>
              </td>
            </tr>
            <tr>
           	  <td align="right">Level Two Value:</td>
           	  <td align="left">
           		<select name="grdleveltwo" id="grdleveltwo" onChange="tdControl.updateCatalog('colormap');">
           		</select>
              </td>
            </tr>
			<tr>
              <td align="right">Colormap:</td>
              <td align="left">
                <select name="grdColormap" id="grdColormap" onChange="tdControl.createScript();">
                  <option value="BW">Grey Scale</option>
				  <option value="GribRGB" selected>GribRGB</option>
				  <option value="StopLight" selected>StopLight</option>
				  <option value="64BW">Grey Scale (64 color)</option>
				  <option value="site2">site2</option>
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Reproject Image:</td>
              <td align="left">
                <input type="checkbox" value="true" name="grdReproject" id="grdReproject" onClick="tdControl.createScript();" />
              </td>
            </tr>
            <tr>
              <td align="right">Format:</td>
              <td align="left">
                <select name="grdFormat" id="grdFormat" onChange="tdControl.createScript();">
                  <option value="bmp">BMP Format</option>
                  <option value="gif">GIF Format</option>
                  <option value="jpg">JPG Format</option>
                  <option value="png" selected>PNG Format</option>
                  <option value="tiff">GeoTIFF Format</option>
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Image Count:</td>
              <td align="left">
                <select name="grdCount" id="grdCount" onChange="tdControl.createScript();">
                  <option value="1">1</option>
                  <option value="2">2</option>
                  <option value="3">3</option>
                  <option value="4">4</option>
                  <option value="5">5</option>
                  <option value="6">6</option>
                  <option value="7">7</option>
                  <option value="8">8</option>
                  <option value="9">9</option>
                  <option value="10">10</option>
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Timeout:</td>
              <td align="left">
                <select name="grdTimeout" id="grdTimeout">
                  <option value="60000">1 Minute</option>
                  <option value="120000">2 Minute</option>
                  <option value="300000">5 Minute</option>
                  <option value="600000">10 Minute</option>
                </select>
              </td>
            </tr>
            <tr>
              <td align="right" valign="top">Jython Script:</td>
              <td align="left">
                <textarea style="height: 160px; width: 75%; overflow: auto;" name="grdJython" id="grdJython"  onChange="tdControl.createScript();"></textarea>
              </td>
            </tr>
          </table>
          <input type="button" value="Request Product" onClick="tdControl.requestData();" /> <input type="button" value="Refresh Catalog" onClick="tdControl.updateCatalog('model');" />
          </form>
        </div>
        
        
        <!--  END OF GRID TEST INTERFACE -->
        
        
        <!-- ASCII TEST INTERFACE -->
        
        
        <div id="asciiInterface" style="display: none;">
          <form name="asciiForm" id="asciiForm">
          <table width="640px" cellpadding="5px" cellspacing="0" border="1" align="center">
            <tr>
              <td align="right">Type:</td>
              <td align="left">
                <select name="ascType" id="ascType" onChange="tdControl.updateCatalog('location');">
                  <option value="METAR">METAR</option>
                  <option value="SPECI">SPECI</option>
                  <option value="TAF">TAF</option>
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Location:</td>
              <td align="left">
                <select name="ascLocation" id="ascLocation" onChange="tdControl.updateCatalog('time');">
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Time:</td>
              <td align="left">
                <select name="ascTime" id="ascTime" onChange="tdControl.createScript();">
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">ASCII Count:</td>
              <td align="left">
                <select name="ascCount" id="ascCount" onChange="tdControl.createScript();">
                  <option value="1">1</option>
                  <option value="2">2</option>
                  <option value="3">3</option>
                  <option value="4">4</option>
                  <option value="5">5</option>
                  <option value="6">6</option>
                  <option value="7">7</option>
                  <option value="8">8</option>
                  <option value="9">9</option>
                  <option value="10">10</option>
                </select>
              </td>
            </tr>
            <tr>
              <td align="right">Timeout:</td>
              <td align="left">
                <select name="ascTimeout" id="ascTimeout">
                  <option value="60000">1 Minute</option>
                  <option value="120000">2 Minute</option>
                  <option value="300000">5 Minute</option>
                  <option value="600000">10 Minute</option>
                </select>
              </td>
            </tr>
          </table>
          <input type="button" value="Request Product" onClick="tdControl.requestData();" /> <input type="button" value="Refresh Catalog" onClick="tdControl.updateCatalog('location');" />
          </form>
        </div>
        
        <!--  END OF ASCII TEST INTERFACE -->
        Script Engine:<br/>
        <input type="radio" name="scriptInterface" id="scriptInterface" value="JavaScript" onClick="tdControl.createScript();"> JavaScript<br>
        <input type="radio" name="scriptInterface" value="Python" checked onClick="tdControl.createScript();"> Python
        <br/>
     
        <div id="returnedData">
        </div>
        <div>
          <img src="expand.gif" border="0" id="responseToggleImg" onClick="tdUiControl.toggleSection('responseInterface','responseToggleImg');"/> Request/Response Message
          <br/>
          <div id="responseInterface" style="display: none;">
            <div style="margin-left: 15px;">Request:</div>
            <textarea style="height: 160px; margin-left: 20px; width: 75%; overflow: auto;" id="requestViewBox"></textarea>
            <div style="margin-left: 15px;">Response:</div>
            <textarea style="height: 160px; margin-left: 20px; width: 75%; overflow: auto;" id="responseViewBox"></textarea>
          </div>
          <img src="expand.gif" border="0" id="fileCopyToggleImg" onClick="tdUiControl.toggleSection('fileCopyInterface','fileCopyToggleImg');"/> Archived Data
          <br/>
          <div id="fileCopyInterface" style="display: none;">
            <select id="files" class="testDriverFileSelect" size="10">
            </select>
            <textarea style="height: 160px; margin-left: 20px; width: 300px; overflow: auto;" id="fileViewBox"></textarea>
            <br/>
            <input type="button" value="Ingest File" style="margin-left: 25px; margin-top: 5px;" onClick="tdControl.copyFile();"/>
            <input type="button" id="fileViewButton" value="View Raw File" onClick="tdControl.viewFile();"/>
          </div>
        </div>
      </div>
    </div>
  </body>
  <script type='text/javascript'>
    var tdUiControl = new TestDriverUI();
    var tdControl = new TestDriverControls("satellite");
    tdControl.getFileList();
  </script>
</html>