mirror of
				https://github.com/subsurface/subsurface.git
				synced 2025-02-19 22:16:15 +00:00 
			
		
		
		
	Printing: add a "one dive per page" template
This is a Grantlee template to show 1 dive per page. Signed-off-by: Gehad elrobey <gehadelrobey@gmail.com> Signed-off-by: Lubomir I. Ivanov <neolit123@gmail.com>
This commit is contained in:
		
							parent
							
								
									17470f6822
								
							
						
					
					
						commit
						42b9d0d047
					
				
					 1 changed files with 204 additions and 0 deletions
				
			
		
							
								
								
									
										204
									
								
								printing_templates/one_dive.html
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										204
									
								
								printing_templates/one_dive.html
									
										
									
									
									
										Normal file
									
								
							|  | @ -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> | ||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue