phpengine/ui/pick2light.tpl

<div class="row h-100 justify-content-center w-100">
	<div class="col-md-4 align-self-center">
		<form class="form" method="post" action="{{@BASEURL}}/pick2light/{{@NEXTSTEP}}">
			<check if="{{ isset(@INFOTEXT) }}">
				<div class="alert alert-danger" role="alert">
					{{@INFOTEXT}}
				</div>
			</check>
			<div class="alert alert-info" role="alert">
				Inizio ventilazione
			</div>
			<input type="submit" hidden id="submitform"/>

			{*Elenco commesse/ceste*}
			<check if="{{@PARAMS['step'] == 2 }}">

				<table class="table table-sm table-striped table-light">
					<thead class="bg-secondary">
					<tr>
						<th class="text-center text-uppercase text-white" scope="col">In attesa del completamento delle seguenti ceste</th>
					</tr>
					</thead>
					<tbody>
					<repeat group="{{ @COMMESSE }}" key="{{@key}}" value="{{ @COMMESSA }}">
						<tr>
							<td>{{@COMMESSA.commessa}}</td>
						</tr>
					</repeat>
					</tbody>
				</table>

			</check>

			{*Barcode prodotto*}
			<input type="text" name="barcode_mv" {{@PARAMS['step']==2 ? 'disabled' : ''}} {{@PARAMS['step']==1 ? 'autofocus' : ''}} value="{{@SESSION.barcode_mv}}" class="form-control form-control-lg mb-3" placeholder="Cod.Art.MAV" required autocomplete="false"/>

			{*Codice cesta per la quale mi aspetto che avvenga la ventilazione*}
			<check if="{{ @PARAMS['step'] == 2 }}">
				<input type="text" name="commessa" {{@PARAMS['step']==2 ? 'autofocus' : ''}} value="" class="form-control form-control-lg mb-3" placeholder="Codice Cesta" required autocomplete="false"/>
			</check>

		</form>
	</div>
	<div class="col-md-8">
		<div class="table-responsive">
			<table class="table table-striped table-secondary" style="font-size: 10pt;">
				<thead>
				<tr style="font-size: 12pt" class="bg-warning">
					<th class="text-center text-uppercase" colspan="6" scope="col">Articoli da ventilare
						<a class="requestconfirm" href="{{@BASEURL}}/pick2light/3"><img class="float-right" src="{{@BASEURL}}/ui/images/delete.png"/></a>
					</th>
				</tr>
				<tr style="font-size: 12pt" class="bg-warning">
					<th scope="col">UDS</th>
					<th scope="col">Articoli</th>
					<th scope="col">Descrizione</th>
					<th scope="col">Q.ta</th>
				</tr>
				</thead>
				<tbody>
				<repeat group="{{ @PRODUCTS }}" value="{{ @PRODUCT }}">
					<tr <check if="{{trim(@SESSION.barcode_mv)==trim(@PRODUCT.barcode)}}">class="blink bg-primary"</check>>
						<th scope="row">{{@PRODUCT.uds}}</th>
						<td>{{@PRODUCT.barcode}}</td>
						<td>{{@PRODUCT.descrizione}}</td>
						<td>{{@PRODUCT.qta}}</td>
					</tr>
				</repeat>
				</tbody>
			</table>
		</div>
	</div>
</div>