diff options
| author |  Dirk Hohndel <dirk@hohndel.org> | 2015-06-19 20:33:54 -0700 |
|---|---|---|
| committer | Dirk Hohndel <dirk@hohndel.org> | 2015-06-19 20:33:54 -0700 |
| commit | 56d701dfff72bb4e59f23432c5b7d9c356132412 (patch) | |
| tree | 6550cb8ef679944f40fd3f93f1f0046ac11523e0 /printing_templates | |
| parent | 56b82e0ecf58dd1f2b7585425dbdebbbbe5668a4 (diff) | |
| parent | b039e1db8a4d8d745a455dd70b4434acffb5c1c4 (diff) | |
| download | subsurface-56d701dfff72bb4e59f23432c5b7d9c356132412.tar.gz | |
Merge branch 'custom-print' of https://github.com/neolit123/subsurface
Diffstat (limited to 'printing_templates')
| -rw-r--r-- | printing_templates/one_dive.html | 204 | ||||
| -rw-r--r-- | printing_templates/two_dives.html (renamed from printing_templates/base.html) | 10 |
2 files changed, 212 insertions, 2 deletions
diff --git a/printing_templates/one_dive.html b/printing_templates/one_dive.html new file mode 100644 index 000000000..754dc85bc --- /dev/null +++ b/printing_templates/one_dive.html @@ -0,0 +1,204 @@ +<html> +<head> + <style> + body { + background-color: white; + padding: 0; + margin: 0; + font-size: 1.2vw; + } + + h1 { + font-size: 1.2vw; + float: left; + } + + 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; + } + </style> +</head> +<body> +{% 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> diff --git a/printing_templates/base.html b/printing_templates/two_dives.html index c2c6aa59b..574579f90 100644 --- a/printing_templates/base.html +++ b/printing_templates/two_dives.html @@ -84,6 +84,11 @@ overflow: hidden !important; text-overflow: ellipsis; } + + #footer { + width: 96%; + height: 50%; + } </style> </head> <body> @@ -175,8 +180,7 @@ </td> </tr> </tbody></table> - <div class="diveProfile"> - <h1> Dive profile area </h1> + <div class="diveProfile" id="dive_{{ dive.number }}"> </div> </div> <div class="notesPart"> @@ -200,5 +204,7 @@ </div> {% endfor %} {% endblock %} +<div id="footer"> +<div> </body> </html> |