SISVECOM/apc-web/src/main/webapp/app/admin/vehicles/main.xhtml
2025-01-28 13:09:32 -07:00

278 lines
17 KiB
HTML

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui"
xmlns:fn="http://java.sun.com/jsp/jstl/functions"
template="/WEB-INF/template.xhtml">
<ui:define name="head">
<h:outputScript library="serenity-layout" name="js/calendar_es.js" />
</ui:define>
<ui:define name="title">#{i18n['project.short.name']} - #{permission['system.employee']}</ui:define>
<ui:define name="breadcrumb">
<li>#{i18n['system.title']}</li>
<li>/</li>
<li>#{i18n['system.users']}</li>
<li>/</li>
<li><p:link outcome="#{i18n['outcome.employee']}">#{permission['system.employee']}</p:link></li>
</ui:define>
<ui:define name="content">
<div class="ui-g ui-fluid">
<!-- Top Side -->
<div class="ui-g-12" style="display: #{loginBean.isUserInRole('system.employee.add') ? 'block' : 'none'}">
<div class="card card-w-title">
<h:form rendered="#{loginBean.isUserInRole('system.employee.add')}"
id="createHRForm">
<p:messages id="messages" severity="info, fatal, warn" closable="true" showSummary="true" showDetail="true"/>
<!-- TITLE for this FORM-->
<h1>
<h:outputFormat value="#{i18n['office.selected']}">
<f:param value="#{vehicleBean.loggedUser.office.officeName}" />
</h:outputFormat>
</h1>
<h4>Alta vehículo</h4>
<!-- CONTENT for this FORM-->
<p:panelGrid columns="4" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="licensePlatePnlGrp" styleClass="md-inputfield">
<p:inputText id="licensePlate"
style="width: 100%"
value="#{vehicleBean.saveVehicle.licensePlate}"
autocomplete="off"
required="true"
requiredMessage="La placa es obligatoria">
</p:inputText>
<label>Placa</label>
<p:message for="licensePlate" display="icon"/>
</h:panelGroup>
<h:panelGroup id="economicNumberPnlGrp" styleClass="md-inputfield">
<p:inputText id="economicNumber"
style="width: 100%"
value="#{vehicleBean.saveVehicle.economicNumber}"
autocomplete="off"/>
<label>Número económico</label>
</h:panelGroup>
<h:panelGroup id="serialNumberPnlGrp" styleClass="md-inputfield">
<p:inputText id="serialNumber"
style="width: 100%"
value="#{vehicleBean.saveVehicle.serialNumber}"
autocomplete="off"
required="true"
requiredMessage="el número de serie es obligatorio">
</p:inputText>
<label>Número de serie</label>
<p:message for="serialNumber" display="icon"/>
</h:panelGroup>
<h:panelGroup id="engineNumberPnlGrp" styleClass="md-inputfield">
<p:inputText id="engineNumber"
style="width: 100%"
value="#{vehicleBean.saveVehicle.engineNumber}"
autocomplete="off"
required="true"
requiredMessage="El número de motor es obligatorio"/>
<label>Número de motor</label>
<p:message for="engineNumber" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<!-- CONTENT for this FORM-->
<p:panelGrid columns="4" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="typePnlGrp" styleClass="grid-radio">
<p:selectOneRadio id="type" value="#{vehicleBean.saveVehicle.type}" layout="responsive" columns="2"
required="true" requiredMessage="El tipo de vehículo es obligatorio">
<f:selectItem itemLabel="Automovil" itemValue="Automovil"/>
<f:selectItem itemLabel="Motocicleta" itemValue="Motocicleta"/>
</p:selectOneRadio>
</h:panelGroup>
<h:panelGroup id="brandPnlGrp" styleClass="md-inputfield">
<p:inputText id="brand"
style="width: 100%"
value="#{vehicleBean.saveVehicle.brand}"
autocomplete="off"/>
<label>Marca</label>
</h:panelGroup>
<h:panelGroup id="modelPnlGrp" styleClass="md-inputfield">
<p:inputText id="model"
style="width: 100%"
value="#{vehicleBean.saveVehicle.model}"
autocomplete="off"
required="false"/>
<label>Modelo</label>
<p:message for="model" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="4" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="yearPnlGrp" styleClass="md-inputfield">
<p:inputMask id="year"
style="width: 100%"
value="#{vehicleBean.saveVehicle.year}"
autocomplete="off"
required="true"
requiredMessage="El año del vehículo es obligatorio"
mask="9999"/>
<!--<p:inputNumber id="year"
style="width: 100%"
decimalPlaces ="0"
decimalSeparator=""
thousandSeparator=""
maxlength="5"
value="#{vehicleBean.saveVehicle.year}"
autocomplete="off"
required="true"
requiredMessage="El año del vehículo es obligatorio"/>-->
<label>Año</label>
<p:message for="year" display="icon"/>
</h:panelGroup>
<h:panelGroup id="colourPnlGrp" styleClass="md-inputfield">
<p:inputText id="colour"
style="width: 100%"
value="#{vehicleBean.saveVehicle.colour}"
autocomplete="off"
required="false"/>
<label>Color</label>
<p:message for="colour" display="icon"/>
</h:panelGroup>
<h:panelGroup id="mileagePnlGrp" styleClass="md-inputfield">
<p:inputNumber id="mileage"
style="width: 100%"
value="#{vehicleBean.saveVehicle.mileage}"
autocomplete="off"
decimalSeparator="." thousandSeparator=","/>
<label>Kilometraje</label>
<p:message for="mileage" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="4" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="insuranceNameSavingPnlGrp" styleClass="md-inputfield">
<p:inputText id="insuranceName"
style="width: 100%"
value="#{vehicleBean.saveVehicle.insuranceName}"
autocomplete="off"
required="false"/>
<label>Nombre aseguranza</label>
<p:message for="insuranceName" display="icon"/>
</h:panelGroup>
<h:panelGroup id="insuranceNumberSavingPnlGrp" styleClass="md-inputfield">
<p:inputText id="insuranceNumber"
style="width: 100%"
value="#{vehicleBean.saveVehicle.insuranceNumber}"
autocomplete="off"
required="false"/>
<label>Número de aseguranza</label>
<p:message for="insuranceNumber" display="icon"/>
</h:panelGroup>
<h:panelGroup id="coverageTypePnlGrp" styleClass="md-inputfield">
<p:inputText id="coverageType"
style="width: 100%"
value="#{vehicleBean.saveVehicle.coverageType}"
autocomplete="off"
required="false"/>
<label>Tipo de cobertura</label>
<p:message for="coverageType" display="icon"/>
</h:panelGroup>
<h:panelGroup id="commentsPnlGrp" styleClass="md-inputfield">
<p:inputText id="comments"
style="width: 100%"
value="#{vehicleBean.saveVehicle.comments}"
autocomplete="off"
required="false"/>
<label>Comentarios</label>
<p:message for="comments" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<p:panelGrid columns="4" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup id="gpsPnlGrp" styleClass="md-inputfield">
<p:selectBooleanCheckbox
value="#{vehicleBean.saveVehicle.gps}"
id="gps">
</p:selectBooleanCheckbox>GPS
</h:panelGroup>
<h:panelGroup id="gpsNumberPnlGrp" styleClass="md-inputfield">
<p:inputText id="gpsNumber"
style="width: 100%"
value="#{vehicleBean.saveVehicle.gpsNumber}"
autocomplete="off"
required="false"/>
<label>Número de GPS</label>
<p:message for="gpsNumber" display="icon"/>
</h:panelGroup>
<h:panelGroup id="selectPnlGrp" styleClass="md-inputfield">
<p:selectOneMenu id="selectDriver"
filter="true"
filterMatchMode="contains"
value="#{vehicleBean.updateId}"
validator="selectOneMenuValidator"
validatorMessage="Seleccionar el chofer es obligatorio">
<f:selectItem itemLabel="Seleccionar chofer" itemValue="N/A" />
<f:selectItems
value="#{vehicleBean.updateHumanResourcesLst}"
var="updateHR"
itemValue="#{updateHR.id}"
itemLabel="#{updateHR.firstName} #{updateHR.secondName} #{updateHR.lastName} #{updateHR.middleName}"/>
</p:selectOneMenu>
<p:message for="selectDriver" display="icon"/>
</h:panelGroup>
</p:panelGrid>
<!-- Button for this FORM -->
<p:panelGrid columns="1" layout="grid" styleClass="ui-panelgrid-blank form-group">
<h:panelGroup styleClass="md-inputfield">
<p:commandButton value="Alta vehículo"
update="
licensePlatePnlGrp
economicNumberPnlGrp
serialNumberPnlGrp
engineNumberPnlGrp
mileagePnlGrp
yearPnlGrp
modelPnlGrp
colourPnlGrp
insuranceNameSavingPnlGrp
insuranceNumberSavingPnlGrp
coverageTypePnlGrp
commentsPnlGrp
gpsPnlGrp
gpsNumberPnlGrp
selectPnlGrp
confirmForm:globalConfirmMsg
messages"
action="#{vehicleBean.saveVehicleRow()}"
rendered="#{loginBean.isUserInRole('system.employee.add')}">
<p:confirm header="Alta vehículo"
message="¿Los datos del vehículo son correctos?"
icon="ui-icon-person"/>
</p:commandButton>
</h:panelGroup>
</p:panelGrid>
</h:form>
</div>
</div>
<!-- Popup -->
<h:form id="confirmForm">
<p:confirmDialog id="globalConfirmMsg" global="true" showEffect="clip" hideEffect="clip">
<p:commandButton value="#{i18n['confirm.yes']}" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
<p:commandButton value="#{i18n['confirm.no']}" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
</p:confirmDialog>
</h:form>
</div>
</ui:define>
</ui:composition>