Widget.html

<div id="info">
  <h2>${nls.widgetTitle}</h2>
  <p>Use this widget to place a ship on the map below</p>
  <br />
  <p><strong>Enter Ship Dimensions</strong></p>
  <table>
  	<tbody>  		
  		<tr style="height:30px">
  			<td>
  				<label style="font-size:10pt">Length (m):</label>
  			</td>
  			<td>
  				<input id="shipLength" type="number" value="300" width="100px"/>
  			</td>
  		</tr>
  		<tr style="height:30px">
  			<td>
  				<label style="font-size:10pt">Beam (m):</label>
  			</td>
  			<td>
  				<input id="shipWidth" type="number" value="50" width="100px"/>
  			</td>
  		</tr> 
  		<tr style="height:30px">
  			<td>
  				<button id="Ship_Manual">Add Ship</button></p>
  			</td>
  		</tr>
  	</tbody>
  </table>
  <!--
  <br />
  <p><strong>Choose a predefined Ship-type</strong></p>
  <table>
  	<tbody>
  		<tr style="height:30px">
  			<td>
			  <select data-dojo-type="dijit/form/ComboBox" id="shipList" name="shipList">
			  	<option selected>ULCV</option>
			    <option>Tug</option>
			  </select>
  			</td>
  		</tr>
  		<tr style="height:30px">
  			<td>
  				<button id="Ship_Picklist">Add Ship</button></p>
  			</td>
  		</tr>  		
  	</tbody>
  </table>-->
  <!--
  <table>
  	<tbody>
  		<tr style="height:30px">
  			<td style="width:200px">
  				<strong>Container Ships</strong>
  			</td>
  			<td>
  				<strong>Bulk Carriers</strong>
  			</td>
  		</tr>   	
  		<tr style="height:30px">
  			<td>
  				<button id="Ship_TripleEClass">ULCV/Triple-E Class</button></p>
  			</td>
  			<td>
  				<button id="Ship_Tug">Tug</button></p>
  			</td>  			
  		</tr> 
  		<tr style="height:30px">
  			<td>
  				<button id="Ship_Tug">Tug</button></p>
  			</td>
  			<td>
  				<button id="Ship_Tug">Tug</button></p>
  			</td>  			
  		</tr>   		 		  		 		
  	</tbody>
  </table>-->
  		<!--<div>
	  		<p><label style="text-align: right">Length (m):</label><input id="shipLength" type="number" value="300" width="100px"/></p>
	  		<br />
	  		<p><label width="50px">Width (m):</label><input id="shipWidth" type="number" value="50" width="100px"/></p>
			<p><button id="FreehandPolygon">Go</button></p>
		</div>-->
</div>