mirror of
https://github.com/subsurface/subsurface.git
synced 2024-11-28 21:20:19 +00:00
815072d2ae
Add special data attribute 'data-numberofdives' in the template <body> with the number of dives per page. This is standard HTML5 specification so it won't corrupt the template file. Any template that will be used for printing must contain this attribute to assure correct output. Signed-off-by: Gehad elrobey <gehadelrobey@gmail.com> Signed-off-by: Lubomir I. Ivanov <neolit123@gmail.com>
210 lines
4.2 KiB
HTML
210 lines
4.2 KiB
HTML
<html>
|
|
<head>
|
|
<style>
|
|
body {
|
|
background-color: white;
|
|
padding: 0;
|
|
margin: 0;
|
|
font-size: {{ template_options.font_size }}vw;
|
|
line-height: {{ template_options.line_spacing }};
|
|
font-family: {{ template_options.font }};
|
|
}
|
|
|
|
h1 {
|
|
float: left;
|
|
font-size: {{ template_options.font_size }}vw;
|
|
}
|
|
|
|
table {
|
|
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
|
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
|
box-sizing: border-box;
|
|
border:max(1px, 0.1vw);
|
|
border-style:solid;
|
|
}
|
|
|
|
.mainContainer {
|
|
width: 96%;
|
|
height: 100%;
|
|
margin-left: 2%;
|
|
margin-right: 2%;
|
|
margin-top: 0%;
|
|
margin-bottom: 0%;
|
|
overflow: hidden;
|
|
border-width: 0;
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
.innerContainer {
|
|
width: 98%;
|
|
height: 98%;
|
|
padding: 1%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.diveDetails {
|
|
width: 98%;
|
|
height: 98%;
|
|
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
|
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
|
box-sizing: border-box;
|
|
border:max(1px, 0.1vw);
|
|
border-style:solid;
|
|
float: left;
|
|
}
|
|
|
|
.diveProfile {
|
|
width: 97%;
|
|
height: 40%;
|
|
margin: 1.5%;
|
|
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
|
|
-moz-box-sizing: border-box; /* Firefox, other Gecko */
|
|
box-sizing: border-box;
|
|
border:max(1px, 0.1vw);
|
|
border-style:solid;
|
|
}
|
|
|
|
.dataSection {
|
|
width: 97%;
|
|
height: 40%;
|
|
margin: 1.5%;
|
|
}
|
|
|
|
.fieldTitle {
|
|
background-color: #CfC7C5;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.table_class {
|
|
float: left;
|
|
margin: 1.5%;
|
|
}
|
|
|
|
.notes_table_class {
|
|
overflow: hidden;
|
|
width: 97%;
|
|
margin: 1.5%;
|
|
float: left;
|
|
}
|
|
|
|
.textArea {
|
|
line-height: {{ template_options.line_spacing }};
|
|
}
|
|
</style>
|
|
</head>
|
|
<body data-numberofdives = 1>
|
|
{% block main_rows %}
|
|
{% for dive in dives %}
|
|
<div class="mainContainer">
|
|
<div class="innerContainer">
|
|
<div class="diveDetails">
|
|
<div class="diveProfile" id="dive_{{ dive.number }}">
|
|
</div>
|
|
<div class="dataSection">
|
|
<table class="table_class">
|
|
<tbody><tr>
|
|
<td class="fieldTitle">
|
|
<h1> Dive No. </h1>
|
|
</td>
|
|
<td>
|
|
<h1> {{ dive.number }} </h1>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fieldTitle">
|
|
<h1> Date </h1>
|
|
</td>
|
|
<td><h1> {{ dive.date }} </h1>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fieldTitle">
|
|
<h1> Location </h1>
|
|
</td>
|
|
<td>
|
|
<h1> {{ dive.location }} </h1>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fieldTitle">
|
|
<h1> Max depth </h1>
|
|
</td>
|
|
<td>
|
|
<h1> {{ dive.depth }} </h1>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fieldTitle">
|
|
<h1> Duration </h1>
|
|
</td>
|
|
<td>
|
|
<h1> {{ dive.duration }} </h1>
|
|
</td>
|
|
</tr>
|
|
</tbody></table>
|
|
<table class="table_class">
|
|
<tbody><tr>
|
|
<td class="fieldTitle">
|
|
<h1> Time. </h1>
|
|
</td>
|
|
<td>
|
|
<h1> {{ dive.time }} </h1>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fieldTitle">
|
|
<h1> Air Temp. </h1>
|
|
</td>
|
|
<td><h1> {{ dive.airTemp }} </h1>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fieldTitle">
|
|
<h1> Water Temp. </h1>
|
|
</td>
|
|
<td>
|
|
<h1> {{ dive.waterTemp }} </h1>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fieldTitle">
|
|
<h1> Buddy </h1>
|
|
</td>
|
|
<td>
|
|
<h1> {{ dive.buddy }} </h1>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="fieldTitle">
|
|
<h1> Dive Master </h1>
|
|
</td>
|
|
<td>
|
|
<h1> {{ dive.divemaster }} </h1>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<table class="notes_table_class">
|
|
<tbody>
|
|
<tr>
|
|
<td class="fieldTitle">
|
|
<h1> Notes </h1>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<div class="textArea">
|
|
<h1> {{ dive.notes }} </h1>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
{% endblock %}
|
|
</body>
|
|
</html>
|