From 19dbb52251ef819ea49b4db123992d0e1db8afaf Mon Sep 17 00:00:00 2001
From: imnavajas <imnavajas@coit.es>
Date: Mon, 17 Jul 2023 13:29:15 +0200
Subject: [PATCH] Arreglo Maquinas UI

---
 .../maquinas/_maquinaFormItems.php            | 510 ++++++++----------
 1 file changed, 217 insertions(+), 293 deletions(-)

diff --git a/ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/_maquinaFormItems.php b/ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/_maquinaFormItems.php
index bbc0c994..62e8bedd 100644
--- a/ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/_maquinaFormItems.php
+++ b/ci4/app/Views/themes/backend/vuexy/form/configuracion/maquinas/_maquinaFormItems.php
@@ -1,299 +1,223 @@
-        <div class="row">
-            <div class="col-md-12 col-lg-12 px-4">
-				
-				<div class="row">
+<h6>Datos de la Máquina</h6>
+<div class="row g-3">
+    <div class="col-md-3">
+        <label for="nombre" class="form-label">
+            <?= lang('Maquinas.nombre') ?>*
+        </label>
+        <input type="text" id="nombre" name="nombre" required maxLength="255" class="form-control"
+               value="<?= old('nombre', $maquina->nombre) ?>">
+    </div>
+    <div class="col-md-2">
+        <label for="min" class="form-label">
+            <?= lang('Maquinas.min') ?>*
+        </label>
+        <input type="number" id="min" name="min" required placeholder="1" maxLength="11"
+               class="form-control" value="<?= old('min', $maquina->min) ?>">
+    </div>
+    <div class="col-md-2">
+        <label for="max" class="form-label">
+            <?= lang('Maquinas.max') ?>*
+        </label>
+        <input type="number" id="max" name="max" required placeholder="1000000" maxLength="11"
+               class="form-control" value="<?= old('max', $maquina->max) ?>">
+    </div>
+    <div class="col-md-2">
+        <label for="velocidad" class="form-label">
+            <?= lang('Maquinas.velocidad') ?>*
+        </label>
+        <input type="number" id="velocidad" name="velocidad" required placeholder="0.00" maxLength="8"
+               step="0.01" class="form-control" value="<?= old('velocidad', $maquina->velocidad) ?>">
+    </div>
+    <div class="col-md-3">
+        <label for="tipo" class="form-label">
+            <?= lang('Maquinas.tipo') ?>*
+        </label>
+        <select id="tipo" name="tipo" required class="form-control select2" style="width: 100%;">
+            <option value="" selected="selected"><?= lang('Basic.global.pleaseSelectOne') ?></option>
+            <option value="impresion"<?= $maquina->tipo == 'impresion' ? ' selected' : '' ?>><?= lang('Maquinas.impresion') ?></option>
+            <option value="manipulado"<?= $maquina->tipo == 'manipulado' ? ' selected' : '' ?>><?= lang('Maquinas.manipulado') ?></option>
+            <option value="acabado"<?= $maquina->tipo == 'acabado' ? ' selected' : '' ?>><?= lang('Maquinas.acabado') ?></option>
+        </select>
+    </div>
 
-					<div class="col-md-4 col-lg-4 px-4">
-						<div class="mb-3">
-							<label for="nombre" class="form-label">
-								<?=lang('Maquinas.nombre') ?>*
-							</label>
-							<input type="text" id="nombre" name="nombre" maxLength="255" class="form-control" value="<?=old('nombre', $maquina->nombre) ?>">
-						</div><!--//.col -->
-					</div><!--//.mb-3 -->
-			
-					<div class="col-lg-2 px-4">
-						<div class="mb-3">
-							<label for="min" class="form-label">
-								<?=lang('Maquinas.min') ?>*
-							</label>
-							<input type="number" id="min" name="min" placeholder="1" maxLength="11" class="form-control" value="<?=old('min', $maquina->min) ?>">
-						</div>
-					</div><!--//.col -->
+    <!--Propiedades-->
+    <div class="col-md-2">
+        <label for="ancho" class="form-label">
+            <?= lang('Maquinas.ancho') ?>*
+        </label>
+        <input type="number" id="ancho" name="ancho" maxLength="8" step="0.01" class="form-control"
+               value="<?= old('ancho', $maquina->ancho) ?>">
+    </div>
+    <div class="col-md-2">
+        <label for="alto" class="form-label">
+            <?= lang('Maquinas.alto') ?>*
+        </label>
+        <input type="number" id="alto" name="alto" maxLength="8" step="0.01" class="form-control"
+               value="<?= old('alto', $maquina->alto) ?>">
+    </div>
+    <div class="col-md-3">
+        <label for="anchoImpresion" class="form-label">
+            <?= lang('Maquinas.anchoImpresion') ?>*
+        </label>
+        <input type="number" id="anchoImpresion" name="ancho_impresion" required placeholder="0.00"
+               maxLength="8" step="0.01" class="form-control"
+               value="<?= old('ancho_impresion', $maquina->ancho_impresion) ?>">
+    </div>
+    <div class="col-md-3">
+        <label for="altoImpresion" class="form-label">
+            <?= lang('Maquinas.altoImpresion') ?>*
+        </label>
+        <input type="number" id="altoImpresion" name="alto_impresion" required placeholder="0.00"
+               maxLength="8" step="0.01" class="form-control"
+               value="<?= old('alto_impresion', $maquina->alto_impresion) ?>">
+    </div>
+    <div class="col-md-2">
+        <label for="altoClick" class="form-label">
+            <?= lang('Maquinas.altoClick') ?>*
+        </label>
+        <input type="number" id="altoClick" name="alto_click" required placeholder="0.00" maxLength="8"
+               step="0.01" class="form-control" value="<?= old('alto_click', $maquina->alto_click) ?>">
+    </div>
 
-					<div class="col-lg-2 px-4">
-						<div class="mb-3">
-							<label for="max" class="form-label">
-								<?=lang('Maquinas.max') ?>*
-							</label>
-							<input type="number" id="max" name="max" placeholder="1000000" maxLength="11" class="form-control" value="<?=old('max', $maquina->max) ?>">
-						</div>
-					</div><!--//.col -->
+    <!--Produccion-->
+    <div class="col-md-3">
+        <label for="duracionJornada" class="form-label">
+            <?= lang('Maquinas.duracionJornada') ?>*
+        </label>
+        <input type="number" id="duracionJornada" name="duracion_jornada" required placeholder="8"
+               maxLength="11" class="form-control"
+               value="<?= old('duracion_jornada', $maquina->duracion_jornada) ?>">
+    </div>
+    <div class="col-md-3">
+        <label for="ordenPlanning" class="form-label">
+            <?= lang('Maquinas.ordenPlanning') ?>*
+        </label>
+        <input type="number" id="ordenPlanning" name="orden_planning" required placeholder="1"
+               maxLength="11" class="form-control"
+               value="<?= old('orden_planning', $maquina->orden_planning) ?>">
+    </div>
+    <div class="col-md-3">
+        <label for="forzarNumFormasHorizontalesPortada" class="form-label">
+            <?= lang('Maquinas.forzarNumFormasHorizontalesPortada') ?>
+        </label>
+        <input type="number" id="forzarNumFormasHorizontalesPortada"
+               name="forzar_num_formas_horizontales_portada" maxLength="11" class="form-control"
+               value="<?= old('forzar_num_formas_horizontales_portada', $maquina->forzar_num_formas_horizontales_portada) ?>">
+    </div>
+    <div class="col-md-3">
+        <label for="forzarNumFormasVerticalesPortada" class="form-label">
+            <?= lang('Maquinas.forzarNumFormasVerticalesPortada') ?>
+        </label>
+        <input type="number" id="forzarNumFormasVerticalesPortada"
+               name="forzar_num_formas_verticales_portada" maxLength="11" class="form-control"
+               value="<?= old('forzar_num_formas_verticales_portada', $maquina->forzar_num_formas_verticales_portada) ?>">
+    </div>
+    <div class="col-md-12">
+        <label for="observaciones" class="form-label">
+            <?= lang('Maquinas.observaciones') ?>
+        </label>
+        <textarea rows="3" id="observaciones" name="observaciones"
+                  class="form-control">
+            <?= old('observaciones', $maquina->observaciones) ?>
+        </textarea>
+    </div>
 
-					<div class="col-lg-2 px-4">
-						<div class="mb-3">
-							<label for="velocidad" class="form-label">
-								<?=lang('Maquinas.velocidad') ?>*
-							</label>
-							<input type="number" id="velocidad" name="velocidad" placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="<?=old('velocidad', $maquina->velocidad) ?>">
-						</div>
-					</div><!--//.col -->
+    <div class="col-md-3 mt-4 mb-4">
+        <div class="form-check form-check-inline">
+            <input type="checkbox"
+                   id="isPadre"
+                   name="is_padre"
+                   value="1"
+                   class="form-check-input"<?= $maquina->is_padre == true ? 'checked' : ''; ?>
+            >
+            <label for="isPadre" class="form-check-label">
+                <?= lang('Maquinas.isPadre') ?>
+            </label>
+        </div>
+    </div>
+    <div id="selectVariante" class="col-md-3" style="display:none">
+        <select id="padreId" name="padre_id" class="form-control select2" style="width: 100%;">
+            <?php if (isset($maquinaList) && is_array($maquinaList) && !empty($maquinaList)) :
+                foreach ($maquinaList as $k => $v) : ?>
+                    <option value="<?= $k ?>"<?= $k == $maquina->padre_id ? ' selected' : '' ?>>
+                        <?= $v ?>
+                    </option>
+                <?php endforeach;
+            endif; ?>
+        </select>
+    </div>
+    <div class="col-md-3 mt-4 mb-4">
+        <div class="form-check form-check-inline">
+            <input type="checkbox"
+                   id="isRotativa"
+                   name="is_rotativa"
+                   value="1"
+                   class="form-check-input"<?= $maquina->is_rotativa == true ? 'checked' : ''; ?>
+            >
+            <label for="isPadre" class="form-check-label">
+                <?= lang('Maquinas.isRotativa') ?>
+            </label>
+        </div>
+    </div>
 
-					<div class="col-lg-2 px-4">
-						<div class="mb-3">
-							<label for="tipo" class="form-label">
-								<?=lang('Maquinas.tipo') ?>*
-							</label>
-							<select id="tipo" name="tipo" class="form-control select2bs" style="width: 100%;" >
-								<option value="" selected="selected"><?=lang('Basic.global.pleaseSelectOne') ?></option>
-								<option value="impresion"<?=$maquina->tipo == 'impresion' ? ' selected':'' ?>><?= lang('Maquinas.impresion') ?></option>
-								<option value="manipulado"<?=$maquina->tipo == 'manipulado' ? ' selected':'' ?>><?= lang('Maquinas.manipulado') ?></option>
-								<option value="acabado"<?=$maquina->tipo == 'acabado' ? ' selected':'' ?>><?= lang('Maquinas.acabado') ?></option>
-							</select>
-						</div>
-					</div><!--//.col -->
+    <div class="col-md-3 mt-4 mb-4">
+        <div class="form-check form-check-inline">
+            <input type="checkbox"
+                   id="isTinta"
+                   name="is_tinta"
+                   value="1"
+                   class="form-check-input"<?= $maquina->is_tinta == true ? 'checked' : ''; ?>
+            >
+            <label for="isPadre" class="form-check-label">
+                <?= lang('Maquinas.isTinta') ?>
+            </label>
+        </div>
+    </div>
 
-				</div><!--//.row -->
+    <?php if ($maquina->is_rotativa == false): ?>
+    <div class="row" id="datosRotativa" style="display:none">
+        <?php else: ?>
+        <div class="row" id="datosRotativa">
+            <?php endif; ?>
 
-
-				<div class="row">
-
-					<div class="col-lg-2 px-4">
-						<div class="mb-3">
-							<label for="ancho" class="form-label">
-								<?=lang('Maquinas.ancho') ?>*
-							</label>
-							<input type="number" id="ancho" name="ancho" placeholder="100.0" maxLength="8" step="0.01" class="form-control" value="<?=old('ancho', $maquina->ancho) ?>">
-						</div>
-					</div><!--//.col -->
-			
-					<div class="col-lg-2 px-4">
-						<div class="mb-3">
-							<label for="alto" class="form-label">
-								<?=lang('Maquinas.alto') ?>*
-							</label>
-							<input type="number" id="alto" name="alto" placeholder="100.0" maxLength="8" step="0.01" class="form-control" value="<?=old('alto', $maquina->alto) ?>">
-						</div>
-					</div><!--//.col -->
-
-					<div class="col-lg-2 px-4">
-						<div class="mb-3">
-							<label for="anchoImpresion" class="form-label">
-								<?=lang('Maquinas.anchoImpresion') ?>*
-							</label>
-							<input type="number" id="anchoImpresion" name="ancho_impresion" placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="<?=old('ancho_impresion', $maquina->ancho_impresion) ?>">
-						</div>
-					</div><!--//.col -->
-
-					<div class="col-lg-2 px-4">
-						<div class="mb-3">
-							<label for="altoImpresion" class="form-label">
-								<?=lang('Maquinas.altoImpresion') ?>*
-							</label>
-							<input type="number" id="altoImpresion" name="alto_impresion" placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="<?=old('alto_impresion', $maquina->alto_impresion) ?>">
-						</div>
-					</div><!--//.col -->
-
-					<div class="col-lg-2 px-4">
-						<div class="mb-3">
-							<label for="altoClick" class="form-label">
-								<?=lang('Maquinas.altoClick') ?>*
-							</label>
-							<input type="number" id="altoClick" name="alto_click" placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="<?=old('alto_click', $maquina->alto_click) ?>">
-						</div>
-					</div><!--//.col -->
-					
-				</div><!--//.row -->
-
-
-				
-				<div class="row">
-
-					<div class="col-lg-2 px-4">
-						<div class="mb-3">
-							<label for="duracionJornada" class="form-label" >
-								<?=lang('Maquinas.duracionJornada') ?>*
-							</label>
-							<input type="number" id="duracionJornada" name="duracion_jornada" placeholder="8" maxLength="11" class="form-control" value="<?=old('duracion_jornada', $maquina->duracion_jornada) ?>">
-						</div>
-					</div><!--//.col -->
-
-					<div class="col-lg-2 px-4">
-						<div class="mb-3">
-							<label for="ordenPlanning" class="form-label">
-								<?=lang('Maquinas.ordenPlanning') ?>*
-							</label>
-							<input type="number" id="ordenPlanning" name="orden_planning" placeholder="1" maxLength="11" class="form-control" value="<?=old('orden_planning', $maquina->orden_planning) ?>">
-						</div>
-					</div><!--//.col -->
-
-					<div class="col-lg-2 px-4">
-						<div class="mb-3">
-							<label for="forzarNumFormasHorizontalesPortada" class="form-label">
-								<?=lang('Maquinas.forzarNumFormasHorizontalesPortada') ?>
-							</label>
-							<input type="number" id="forzarNumFormasHorizontalesPortada" name="forzar_num_formas_horizontales_portada" maxLength="11" class="form-control" value="<?=old('forzar_num_formas_horizontales_portada', $maquina->forzar_num_formas_horizontales_portada) ?>">
-						</div>
-					</div><!--//.col -->
-
-					<div class="col-lg-2 px-4">
-						<div class="mb-3">
-							<label for="forzarNumFormasVerticalesPortada" class="form-label">
-								<?=lang('Maquinas.forzarNumFormasVerticalesPortada') ?>
-							</label>
-							<input type="number" id="forzarNumFormasVerticalesPortada" name="forzar_num_formas_verticales_portada" maxLength="11" class="form-control" value="<?=old('forzar_num_formas_verticales_portada', $maquina->forzar_num_formas_verticales_portada) ?>">
-						</div>
-					</div><!--//.col -->
-
-					<div class="col-lg-1 px-6">
-						<div class="mb-3">
-							<label for="isTinta" class="form-label">
-								<?=lang('Maquinas.isRotativa') ?>
-							</label>
-							<div class="form-check">
-								<label for="isRotativa" class="form-check-label">
-								<input type="checkbox" id="isRotativa" name="is_rotativa" value="1"  class="form-check-input"<?=$maquina->is_rotativa== true ? 'checked' : ''; ?>>
-								</label>
-							</div><!--//.form-check -->
-						</div>
-					</div><!--//.col -->
-
-					<div class="col-lg-1 px-6">
-						<div class="mb-3">
-							<label for="isTinta" class="form-label">
-								<?=lang('Maquinas.isTinta') ?>
-							</label>
-							<div class="form-check">
-								<label for="isTinta" class="form-check-label">
-									<input type="checkbox" id="isTinta" name="is_tinta" value="1"  class="form-check-input"<?=$maquina->is_tinta== true ? 'checked' : ''; ?>>
-								</label>
-							</div><!--//.form-check -->
-						</div>
-					</div><!--//.col -->
-
-					<div class="col-lg-2 px-6">
-						<div class="mb-3">
-							<label for="isPadre" class="form-label">
-								<?=lang('Maquinas.isPadre') ?>
-							</label>
-							<div class="form-check">
-								<label for="isPadre" class="form-check-label">
-									<input type="checkbox" id="isPadre" name="is_padre" value="1"  class="form-check-input"<?=$maquina->is_padre== true ? 'checked' : ''; ?>>		
-								</label>
-							</div><!--//.form-check -->	
-						</div>
-					</div><!--//.col -->
-
-
-				</div><!--//.row -->	
-	
-
-				<div class="row">
-
-					<div class="col-lg-2 px-4">
-						
-					</div><!--//.col -->
-			
-					<div class="col-lg-2 px-4">
-
-					</div><!--//.col -->
-
-					<div class="col-lg-2 px-4">
-
-					</div><!--//.col -->
-
-					<div class="col-lg-2 px-4">
-
-					</div><!--//.col -->
-
-
-					<div class="col-lg-2 px-4">
-
-					</div><!--//.col -->
-
-					<div class="col-lg-2 px-4">
-						<div id="selectVariante" class="mb-3"  style="display:none">
-							<label for="padreId" class="form-label">
-								<?=lang('Maquinas.padreId') ?>
-							</label>
-							
-							<select id="padreId" name="padre_id" class="form-control select2bs2" style="width: 100%;" >
-								<?php if ( isset($maquinaList) && is_array($maquinaList) && !empty($maquinaList) ) :
-									foreach ($maquinaList as $k => $v) : ?>
-										<option value="<?=$k ?>"<?=$k==$maquina->padre_id ? ' selected':'' ?>>
-											<?=$v ?>
-										</option>
-									<?php endforeach;
-								endif; ?>
-							</select>
-						</div>
-					</div><!--//.col -->
-
-				</div><!--//.row -->
-
-				<?php if($maquina->is_rotativa== false): ?>
-					<div class="row" id="datosRotativa" style="display:none">
-				<?php else: ?>
-					<div class="row" id="datosRotativa">
-				<?php endif; ?>
-                    <div class="col-lg-2 px-4">
-
-                        <div class="mb-3">
-                            <label for="precioTintaNegro" class="form-label">
-                                <?=lang('Maquinas.precioTintaNegro') ?>
-                            </label>
-                                <input type="number" id="precioTintaNegro" name="precio_tinta_negro" placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="<?=old('precio_tinta_negro', $maquina->precio_tinta_negro) ?>">
-                        </div><!--//.mb-3 -->
-                    </div>
-
-                    <div class="col-lg-2 px-4">
-                        <div class="mb-3">
-                            <label for="precioTintaColor" class="form-label">
-                                <?=lang('Maquinas.precioTintaColor') ?>
-                            </label>
-                                <input type="number" id="precioTintaColor" name="precio_tinta_color" placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="<?=old('precio_tinta_color', $maquina->precio_tinta_color) ?>">
-                        </div><!--//.mb-3 -->
-                    </div>
-
-                    <div class="col-lg-2 px-4">
-                        <div class="mb-3">
-                            <label for="velocidadCorte" class="form-label">
-                                <?=lang('Maquinas.velocidadCorte') ?>
-                            </label>
-                                <input type="number" id="velocidadCorte" name="velocidad_corte" placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="<?=old('velocidad_corte', $maquina->velocidad_corte) ?>">
-                        </div><!--//.mb-3 -->
-                    </div>
-                    
-                    <div class="col-lg-2 px-4">
-                        <div class="mb-3">
-                            <label for="precioHoraCorte" class="form-label">
-                                <?=lang('Maquinas.precioHoraCorte') ?>
-                            </label>
-                                <input type="number" id="precioHoraCorte" name="precio_hora_corte" placeholder="0.00" maxLength="8" step="0.01" class="form-control" value="<?=old('precio_hora_corte', $maquina->precio_hora_corte) ?>">
-                        </div><!--//.mb-3 -->
-                    </div>
-
-                    <div class="col-lg-2 px-4">
-                        <div class="mb-3">
-                            <label for="metrosxminuto" class="form-label">
-                                <?=lang('Maquinas.metrosxminuto') ?>
-                            </label>
-                                <input type="number" id="metrosxminuto" name="metrosxminuto" placeholder="48" maxLength="31" step="0.01" class="form-control" value="<?=old('metrosxminuto', $maquina->metrosxminuto) ?>">
-                        </div><!--//.mb-3 -->
-                    </div><!--//.col -->
-                </div>
-
-
-				<div class="row">
-					<div class="col-lg-12 px-4">
-						<label for="observaciones" class="form-label">
-							<?=lang('Maquinas.observaciones') ?>
-						</label>
-						<textarea rows="2" id="observaciones" name="observaciones"  style="height: 5em;" class="form-control"><?=old('observaciones', $maquina->observaciones) ?></textarea>
-					</div><!--//.col -->	
-				</div><!--//.row -->	
-
-
-            </div><!--//.col -->
-
-        </div><!-- //.row -->
\ No newline at end of file
+            <div class="col-md-2">
+                <label for="precioTintaNegro" class="form-label">
+                    <?= lang('Maquinas.precioTintaNegro') ?>
+                </label>
+                <input type="number" id="precioTintaNegro" name="precio_tinta_negro" placeholder="0.00"
+                       maxLength="8" step="0.01" class="form-control"
+                       value="<?= old('precio_tinta_negro', $maquina->precio_tinta_negro) ?>">
+            </div>
+            <div class="col-md-2">
+                <label for="precioTintaColor" class="form-label">
+                    <?= lang('Maquinas.precioTintaColor') ?>
+                </label>
+                <input type="number" id="precioTintaColor" name="precio_tinta_color" placeholder="0.00"
+                       maxLength="8" step="0.01" class="form-control"
+                       value="<?= old('precio_tinta_color', $maquina->precio_tinta_color) ?>">
+            </div>
+            <div class="col-md-2">
+                <label for="velocidadCorte" class="form-label">
+                    <?= lang('Maquinas.velocidadCorte') ?>
+                </label>
+                <input type="number" id="velocidadCorte" name="velocidad_corte" placeholder="0.00" maxLength="8"
+                       step="0.01" class="form-control"
+                       value="<?= old('velocidad_corte', $maquina->velocidad_corte) ?>">
+            </div>
+            <div class="col-md-2">
+                <label for="precioHoraCorte" class="form-label">
+                    <?= lang('Maquinas.precioHoraCorte') ?>
+                </label>
+                <input type="number" id="precioHoraCorte" name="precio_hora_corte" placeholder="0.00"
+                       maxLength="8" step="0.01" class="form-control"
+                       value="<?= old('precio_hora_corte', $maquina->precio_hora_corte) ?>">
+            </div>
+            <div class="col-md-2">
+                <label for="metrosxminuto" class="form-label">
+                    <?= lang('Maquinas.metrosxminuto') ?>
+                </label>
+                <input type="number" id="metrosxminuto" name="metrosxminuto" placeholder="48" maxLength="31"
+                       step="0.01" class="form-control"
+                       value="<?= old('metrosxminuto', $maquina->metrosxminuto) ?>">
+            </div>
+        </div>
\ No newline at end of file