form.html 5.44 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/pdf1.js') }}"></script>
	<script src="{{ url_for('static', filename = 'src/pdf2.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>
	<div id="results" style="display: {% if bypass %} block {% else %} none {% endif %};">
		<div class="MessageFixed">
			Los datos con signo de pregunta '?' son datos no encontrados o faltantes.<br>
			Pueden ser completados a mano antes de convertir a PDF.<br>
			De no ser completados, se completaran automáticamente con el valor del campo 'Por defecto' al final de la página.
		</div>
		<div class="DataCard">
			<h1>Datos Generales</h1>
			Patente <input sub="header" type="text" name="patente">
			<br>
			Fecha <input sub="header" type="text" name="fecha">
			<br>
			
			<h1>Alineador</h1>
			Eje Delantero <input sub="alineador" type="text" name="eje_delantero">
			<br>
			
			<h1>Suspensión</h1>
			{% for eje in range(2) %}

				<h3>Eje {{ eje + 1 }}</h3>
				Rendimiento Izquerdo <input sub="suspension" type="text" name="rendimiento_izquierdo_{{ eje + 1 }}">
				<br>
				Rendimiento Derecho <input sub="suspension" type="text" name="rendimiento_derecho_{{ eje + 1 }}">
				<br>
				Peso Total <input sub="suspension" type="text" name="peso_estatico_{{ eje + 1 }}">
				<br>
				<br>

			{% endfor %}
			
			<h1>Frenos</h1>
			{% for eje in range(4) %}
				
				<h3>Eje {{ eje + 1 }}</h3>
				Fuerza Izquierda <input sub="frenos" type="text" name="fuerza_izquierda_{{ eje + 1 }}">
				<br>
				Fuerza Derecha <input sub="frenos" type="text" name="fuerza_derecha_{{ eje + 1 }}">
				<br>
				Resistencia Izquierda <input sub="frenos" type="text" name="resistencia_izquierda_{{ eje + 1 }}">
				<br>
				Resistencia Derecha <input sub="frenos" type="text" name="resistencia_derecha_{{ eje + 1 }}">
				<br>
				Ovalidad Izquierda <input sub="frenos" type="text" name="ovalidad_izquierda_{{ eje + 1 }}">
				<br>
				Ovalidad Derecha <input sub="frenos" type="text" name="ovalidad_derecha_{{ eje + 1 }}">
				<br>
				Peso Total <input sub="frenos" type="text" name="peso_estatico_{{ eje + 1 }}">
				<br>
				<br>
				
			{% endfor %}
			
			<h1>Freno Trasero</h1>
			Fuerza Izquierda <input sub="trasero" type="text" name="fuerza_izquierda">
			<br>
			Fuerza Derecha <input sub="trasero" type="text" name="fuerza_derecha">
			<br>
			Eje Nº <input sub="trasero" type="text" name="eje">
			<br>
			<!--Peso Total--> <input hidden sub="trasero" type="text" name="peso_estatico">
			<br>
			
			<h1>Gases y Humos</h1>
			Gases <input sub="gaseshumos" type="text" name="opacidad_logaritmica">	
			<br>
			CO <input sub="gaseshumos" type="text" name="co">	
			<br>
			HC <input sub="gaseshumos" type="text" name="hc">	
			<br>
			<br>
			<br>
			Por defecto: <input type="text" name="defecto" value="---">
			<br>
		</div>

		<div class="PDFButtonContainerFixed">
			<button class="PDFButton" onclick=
				"window.open(
					compile(
						(new PDF1()).pdf( collectToConvert() ),
						new jsPDF('portrait', 'pt', 'a4')
					)
					.output('bloburl')
				)";
			>
				Linea 1
			</button>

			<button class="PDFButton" onclick=
				"window.open(
					compile(
						(new PDF2()).pdf( collectToConvert() ),
						new jsPDF('portrait', 'pt', 'a4')
					)
					.output('bloburl')
				)";
			>
				Linea 2
			</button>
			<img id="maha" src="{{ url_for('static', filename = 'assets/maha.png') }}" style="display: none;">
		</div>
		<div class="PDFButtonContainerFixed" style="bottom: 40%;">
			<button class="PDFButton" style="bottom: 40%; display: {% if bypass %} none {% else %} block {% endif %};"
				onclick="location.reload()">
					Volver
			</button>
		</div>
	</div>

	<div id="form" class="DataCard" style="height: auto; display: {% if bypass %} none {% else %} block {% endif %};">
		<h1>Generación de PDF</h1>

		Patente <input required type="text" sub="header" name="patente">
		<br>

		<h1>Datos de Suspensión</h1>

		Rendimiento Izquierdo - Eje 1 <input type="number" step="any" sub="suspension" name="rendimiento_izquierdo_1">
		<br>
		Rendimiento Derecho - Eje 1 <input type="number" step="any" sub="suspension" name="rendimiento_derecho_1">
		<br>
		Rendimiento Izquierdo - Eje 2 <input type="number" step="any" sub="suspension" name="rendimiento_izquierdo_2">
		<br>
		Rendimiento Derecho - Eje 2 <input type="number" step="any" sub="suspension" name="rendimiento_derecho_2">
		<br>

		Por defecto: <input name="defecto" type="text" value="---">

		<div class="PDFButtonContainer">
			<button class="PDFButton" onclick="collectToSearch()">
				Buscar
			</button>
		</div>
	</div>
	<div id="message" class="MessageContainer" onclick="this.style.display = 'none'" style="display: none;">
		<div class="Message" style="text-align: center;">
			<p id = "msg"></p>
			<span class = "X">x<span>
		</div>
	</div>
</body>
</html>