diff options
Diffstat (limited to 'printing_templates')
| -rw-r--r-- | printing_templates/Custom.html (renamed from printing_templates/custom.html) | 0 | ||||
| -rw-r--r-- | printing_templates/Flowlayout.html | 204 | ||||
| -rw-r--r-- | printing_templates/One Dive.html (renamed from printing_templates/one_dive.html) | 0 | ||||
| -rw-r--r-- | printing_templates/Table.html | 83 | ||||
| -rw-r--r-- | printing_templates/Two Dives.html (renamed from printing_templates/two_dives.html) | 0 |
5 files changed, 287 insertions, 0 deletions
diff --git a/printing_templates/custom.html b/printing_templates/Custom.html index 52fdb4b49..52fdb4b49 100644 --- a/printing_templates/custom.html +++ b/printing_templates/Custom.html diff --git a/printing_templates/Flowlayout.html b/printing_templates/Flowlayout.html new file mode 100644 index 000000000..a3f7951d9 --- /dev/null +++ b/printing_templates/Flowlayout.html @@ -0,0 +1,204 @@ +<html> +<head> + <style> + body { + {{ print_options.grayscale }}; + 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; + box-sizing: border-box; + border:max(1px, 0.1vw); + border-style:solid; + } + + td { + padding-left: 0.5vw; + padding-right: 0.5vw; + } + + #body_div { + background-color: {{ template_options.color1 }}; + } + + .mainContainer { + width: 96%; + margin-left: 2%; + margin-right: 2%; + margin-top: 0%; + margin-bottom: 0%; + overflow: hidden; + border-width: 0; + page-break-inside: avoid; + } + + .innerContainer { + width: 98%; + padding: 1%; + overflow: hidden; + } + + .diveDetails { + width: 98%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border:max(1px, 0.1vw); + border-style:solid; + float: left; + } + + .dataSection { + width: 98%; + margin: 1%; + } + + .fieldTitle { + background-color: {{ template_options.color2 }}; + overflow: hidden; + } + + .table_class { + float: left; + margin: 1%; + width: 48%; + } + + .notes_table_class { + overflow: hidden; + width: 98%; + margin: 1%; + } + + .textArea { + line-height: {{ template_options.line_spacing }}; + max-height: 19vh; + overflow: hidden; + } + </style> +</head> +<body data-numberofdives = 0> +<div id="body_div"> +{% block main_rows %} + {% for dive in dives %} + <div class="mainContainer"> + <div class="innerContainer"> + <div class="diveDetails"> + <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 %} +</div> +</body> +</html> diff --git a/printing_templates/one_dive.html b/printing_templates/One Dive.html index 9f4d30a61..9f4d30a61 100644 --- a/printing_templates/one_dive.html +++ b/printing_templates/One Dive.html diff --git a/printing_templates/Table.html b/printing_templates/Table.html new file mode 100644 index 000000000..c97267405 --- /dev/null +++ b/printing_templates/Table.html @@ -0,0 +1,83 @@ +<html> +<head> + <style> + body { + {{ print_options.grayscale }}; + 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; + } + + th { + font-size: {{ template_options.font_size }}vw; + page-break-inside: avoid; + -webkit-column-break-inside: avoid; + padding-top: 1vh; + padding-bottom: 1vh; + } + + #body_div { + background-color: {{ template_options.color1 }}; + } + + .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; + } + + .table_class { + overflow: hidden; + width: 97%; + margin: 1.5%; + -webkit-box-sizing: border-box; + box-sizing: border-box; + border:max(0.1vw, 1px); + border-style:solid; + border-color: color: {{ template_options.color5 }}; + } + + </style> +</head> +<body data-numberofdives = 0> +<div id="body_div"> +<table class="table_class"> + <tr style="background-color: {{ template_options.color2 }}; color: {{ template_options.color3 }}"> + <th>Dive #</th> + <th>Date</th> + <th>Time</th> + <th>Depth</th> + <th>Duration</th> + <th>Master</th> + <th>Location</th> + </tr> +{% block main_rows %} + {% for dive in dives %} + <tr style="color: {{ template_options.color4 }}"> + <th>{{ dive.number }}</th> + <th>{{ dive.date }}</th> + <th>{{ dive.time }}</th> + <th>{{ dive.depth }}</th> + <th>{{ dive.duration }}</th> + <th>{{ dive.divemaster }}</th> + <th>{{ dive.location }}</th> + </tr> + {% endfor %} +{% endblock %} +</table> +</div> +</body> +</html> diff --git a/printing_templates/two_dives.html b/printing_templates/Two Dives.html index 0c8eec14c..0c8eec14c 100644 --- a/printing_templates/two_dives.html +++ b/printing_templates/Two Dives.html |