anomalies.html 2.02 KB
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js"></script>
	<script src="{{ url_for('static', filename = 'src/ajax.js') }}"></script>
	<script src="{{ url_for('static', filename = 'src/div.js') }}"></script>
	<script src="{{ url_for('static', filename = 'src/pdf3.js') }}"></script>
	<script src="{{ url_for('static', filename = 'src/forms.js') }}"></script>
	<link rel="stylesheet" href="{{ url_for('static', filename = 'styles/general.css') }}">
	<!--INCLUIMOS LA FUENTE-->
	<link rel="stylesheet" media="screen" href="https://fontlibrary.org/face/cmu-typewriter" type="text/css" />
	<title>Pruebas de Alineamiento</title>
</head>
<body>
<style>
	table {
		width: 75%;
		border: 2px solid black;
	}

	th,
	td {
		width: 50%;
		border: none;
		text-align: center;
		padding: 1%;
	}

	th {
		width: 50%;
		border-right: 2px solid black;
	}

	tr {
		border-right: 2px solid black;
	}
</style>

<div>

	<h1>Informe para Taller de Mantenimiento</h1>
	Fecha: {{ anomalies['header']['fecha'] }}
	<br>
	Razón Social: {{ anomalies['header']['cp'] }} - {{ anomalies['header']['rsocial'] }}
	<br>
	Patente: {{ anomalies['header']['patente'] }}
	<br>

	{% for a in anomalies['anomalies'] %}
	<table>
		<tr>
			<th rowspan="{{ (anomalies['anomalies'][a] | length) + 1 }}">{{ a }}</th>
		</tr>
		{% for e in anomalies['anomalies'][a] %}
		<tr>
			<td>{{ e['description'] }} - {{ e['severity'] }}</td>
		</tr>
		{% endfor %}
	</table>
	<br>
</div>

{% endfor %}

<div class="PDFButtonContainerFixed" style="top: 50px;">
	<button class="PDFButton" 
	onclick="window.open(
		compile(
			(new PDF3()).pdf( {{ anomalies }} ),
			new jsPDF('portrait', 'pt', 'a4')
		)
		.output('bloburl')
	);">
		Generar PDF
	</button>
</div>
<div class="PDFButtonContainerFixed" style="top: 200px;">
	<button class="PDFButton" onclick="location.reload()">
		Volver
	</button>
</div>
</body>