144 lines
7.1 KiB
HTML
144 lines
7.1 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="stylesheet" href="/media/css/reset.css" />
|
|
<link rel="stylesheet" href="/media/css/main.css" />
|
|
<script type="text/javascript" src="/media/js/jquery.js"></script>
|
|
<script type="text/javascript">
|
|
$(function() {
|
|
$('.shipRow').click(function() {
|
|
var $goodRow = $(this).next();
|
|
$goodRow.slideToggle();
|
|
});
|
|
|
|
$('.prevBtn').click(function() {
|
|
var currPage = parseInt($('#id_page').val());
|
|
var prevPage = currPage - 1;
|
|
$('#id_page').val(prevPage);
|
|
$('#shipFilterForm').submit();
|
|
});
|
|
|
|
$('.nextBtn').click(function() {
|
|
var currPage = parseInt($('#id_page').val());
|
|
var nextPage = currPage + 1;
|
|
$('#id_page').val(nextPage);
|
|
$('#shipFilterForm').submit();
|
|
});
|
|
|
|
});
|
|
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="wrapper">
|
|
<div id="status">
|
|
No of results: {{ no_of_results }} displaying page {{ page }} of {{ no_of_pages }} Results per page: {{ page_size }} {% if has_prev %} <span class="prevBtn pageBtn">Previous Page</span> {% if has_next %} <span class="nextBtn pageBtn">Next Page</span>
|
|
</div>
|
|
<div id="formDiv">
|
|
<form id="shipFilterForm" action="" method="GET">
|
|
<fieldset>
|
|
<input type="hidden" id="id_page", name="page" value="{{ params.page }}" />
|
|
<label for="id_sort">Sort By:</label>
|
|
<select id="id_sort" name="sort">
|
|
<option value="number" {% ifequal params.sort "number" %} selected="selected" {% endifequal %}>Ship Number Ascending</option>
|
|
<option value="-number" {% ifequal params.sort "-number" %} selected="selected" {% endifequal %}>Ship Number Descending</option>
|
|
<option value="date" {% ifequal params.sort "date" %} selected="selected" {% endifequal %}>Date Ascending</option>
|
|
<option value="-date" {% ifequal params.sort "-date" %} selected="selected" {% endifequal %}>Date Descending</option>
|
|
<option value="ship_name_trans" {% ifequal params.sort "ship_name_trans" %} selected="selected" {% endifequal %}>Ship Name Ascending</option>
|
|
<option value="-ship_name_trans" {% ifequal params.sort "-ship_name_trans" %} selected="selected" {% endifequal %}>Ship Name Descending</option>
|
|
<option value="port" {% ifequal params.sort "port" %} selected="selected" {% endifequal %}>Port Name Ascending</option>
|
|
<option value="-port" {% ifequal params.sort "-port" %} selected="selected" {% endifequal %}>Port Name Descending</option>
|
|
</select>
|
|
|
|
<label for="id_page_size">Results per page:</label>
|
|
<input id="page_size" name="page_size" type="text" value="{{ params.page_size }}" size="4" />
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<label for="id_start_date">Start Date:</label>
|
|
<input type="date" name="start_date" value="{{ params.start_date }}" id="id_start_date" />
|
|
|
|
<label for="id_end_date">End Date:</label>
|
|
<input type="date" name="end_date" value="{{ params.end_date }}" id="id_end_date" />
|
|
</fieldset>
|
|
|
|
<fieldset>
|
|
<label for="id_bill_type">Bill Type:</label>
|
|
<select name="bill_type" id="id_bill_type">
|
|
<option value="">-----</option>
|
|
<option value="Import" {% ifequal params.bill_type "Import" %} selected="selected" {% endifequal %}>Import</option>
|
|
<option value="Export" {% ifequal params.bill_type "Export" %} selected="selected" {% endifequal %}>Export</option>
|
|
<option value="Rexport" {% ifequal params.bill_type "Rexport" %} selected="selected" {% endifequal %}>Rexport</option>
|
|
</select>
|
|
|
|
|
|
<label for="id_ship_name">Ship Name:</label>
|
|
<input type="text" name="ship_name" value="{{ params.ship_name }}" id="id_ship_name" />
|
|
|
|
<label for="id_port">Port:</label>
|
|
<input type="text" name="port" id="id_port" value="{{ params.port }}" />
|
|
|
|
<label for="id_captain">Captain:</label>
|
|
<input type="text" name="captain" id="id_captain" value="{{ params.captain }}" />
|
|
|
|
<label for="id_owner">Owner:</label>
|
|
<input type="text" name="owner" id="id_owner" value="{{ params.owner }}" />
|
|
|
|
<label for="id_goods">Goods:</label>
|
|
<input type="text" name="goods" id="id_goods" value="{{ params.goods }}" />
|
|
</fieldset>
|
|
<input type="submit" value="Submit" />
|
|
</form>
|
|
</div>
|
|
<div id="tableDiv">
|
|
<table>
|
|
<thead>
|
|
<td>Ship Number</td>
|
|
<td>Bill Type</td>
|
|
<td>Date</td>
|
|
<td>Ship Name</td>
|
|
<td>Captain</td>
|
|
<td>Owner</td>
|
|
<td>Port</td>
|
|
<td>Country</td>
|
|
<td>No of Goods</td>
|
|
</thead>
|
|
{% for s in ships %}
|
|
<tr class="shipRow">
|
|
<td>{{ s.number }}</td>
|
|
<td>{{ s.bill_type }}</td>
|
|
<td>{{ s.date|date:"d, M, Y" }}</td>
|
|
<td>{{ s.get_ship_name }}</td>
|
|
<td>{{ s.get_captain }}</td>
|
|
<td>{{ s.get_owner }}</td>
|
|
<td>{{ s.port }}</td>
|
|
<td>{{ s.country|default:"" }}</td>
|
|
<td>{{ s.no_of_goods }}</td>
|
|
</tr>
|
|
<tr class="goodRow">
|
|
<td></td>
|
|
<td colspan="8">
|
|
<table class="goodTable">
|
|
{% for good in s.good_set.all %}
|
|
<tr>
|
|
<td>{{ good.description_string_trans }}</td>
|
|
<td>{{ good.no_of_packages }}</td>
|
|
<td>{{ good.weight }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
<tr>
|
|
<td>Total wt.: {{ s.total_weight }}</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|