94 lines
3.2 KiB
HTML
94 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="application.css">
|
|
</head>
|
|
<body>
|
|
<div class="report-box">
|
|
<div class="center"><h1>Application Report</h1></div>
|
|
<div class="center"><h3>{{client.name}} - {{client.address}}</h3></div>
|
|
<div class="center">
|
|
<img class="main" src="http://localhost:4000/report/map_59-out.jpg">
|
|
</div>
|
|
<div class="row">
|
|
<div class="column leftinfo">
|
|
<ul class="info">
|
|
<li><b><h3>Job #: {{job.id}}</h3></b></li>
|
|
<li><b>Name:</b> {{job.name}}</li>
|
|
<li><b>Operator:</b> {{job.operator.name}}</li>
|
|
<li><b>Address:</b> {{job.operator.address}}</li>
|
|
<li><b>Aircraft:</b> {{job.aircraft.name}}</li>
|
|
<li><b>Flight #:</b> {{job.flight}}</li>
|
|
<li><b>Farm:</b> {{job.farm}}</li>
|
|
<li><b>Crop:</b> {{job.crop}}</li>
|
|
</ul>
|
|
</div>
|
|
<div class="column rightinfo" >
|
|
<ul class="info">
|
|
<li><b><h3>Customer: {{customer.name}}</h3></b></li>
|
|
<li>{{customer.address}}</li>
|
|
<li>{{customer.contact}} - {{customer.phone}}</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<table style="margin-top: 10px" class="normal">
|
|
<tr>
|
|
<th>Product</th>
|
|
<th>Application Rate</th>
|
|
<th>App. Coverage</th>
|
|
<th>Total Volume Used</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{app.product}}</td>
|
|
<td>{{app.appRate}}</td>
|
|
<td>{{app.totalArea}}</td>
|
|
<td>{{app.totalVolume}}</td>
|
|
</tr>
|
|
</table>
|
|
<br/>
|
|
<table class="normal">
|
|
<tr>
|
|
<th colspan="2">Planned App. Date</th>
|
|
<th colspan="2">Actual App. Date</th>
|
|
<th colspan="2">Actual App. Time</th>
|
|
</tr>
|
|
<tr>
|
|
<th>Start Date</th>
|
|
<th>End Date</th>
|
|
<th>Start Date</th>
|
|
<th>End Date</th>
|
|
<th>Start Time</th>
|
|
<th>End Time</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{app.planStart}}</td>
|
|
<td>{{app.planEnd}}</td>
|
|
<td>{{app.actStart}}</td>
|
|
<td>{{app.actEnd}}</td>
|
|
<td>{{app.actStartTime}}</td>
|
|
<td>{{app.actEndTime}}</td>
|
|
</tr>
|
|
</table>
|
|
<table class="notop">
|
|
<tr>
|
|
<th>Wind Speed</th>
|
|
<th>Wind Direction</th>
|
|
<th>Temperature</th>
|
|
<th>Humidity</th>
|
|
<th style="width:40%">Flight Data File(s)</th>
|
|
</tr>
|
|
<tr>
|
|
<td>{{weather.windSpd}}</td>
|
|
<td>{{weather.windDir}}</td>
|
|
<td>{{weather.temp}}</td>
|
|
<td>{{weather.humid}}</td>
|
|
<td colspan="2">{{app.datafile}}</td>
|
|
</tr>
|
|
</table>
|
|
<p><strong>Remark</strong>: {{job.remark}}</p>
|
|
</div>
|
|
</body>
|
|
</html> |