<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html 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:pe="http://primefaces.org/ui/extensions">
<h:head>
<meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
<title>Rutas de Recolección</title>
<link rel="icon" href="/ELEKTRADIS/resources/img/pestanaElektra.png" />
<h:outputStylesheet library="css" name="general.css" />
</h:head>
<ui:include src="/portal/menu.xhtml"></ui:include>
<h:body>
<pe:ajaxErrorHandler type="javax.faces.application.ViewExpiredException" button="Reload"
buttonOnclick="document.location.href=document.location.href;"
body="Sesión invalidada" title="La página expiró ..."/>
<h:form id="form" >
<p:growl id="msg" sticky="true" autoUpdate="true" showDetail="true" showSummary="true"/>
<p:ajaxStatus id="ajaxStatus" onstart="statusDialog.show();" onsuccess="statusDialog.hide();" />
<p:dialog modal="true" widgetVar="statusDialog" draggable="false" closable="false" resizable="false" showHeader="false">
<p:graphicImage library="img" name="horizontalloader.GIF" />
<br/>
<h:outputText value="Procesando." />
</p:dialog>
<p:panel header="Rutas de Recolección" rendered="true">
<center>
<p:panelGrid>
<p:row>
<p:column colspan="3">
<center>
<h:outputLabel value="Seleccione DS:" />
<p:selectOneMenu value="#{recoleccion.ds}" style="margin-left:20px"> <f:selectItems value="#{recoleccion.arrDss}" /> </p:selectOneMenu>
</center>
</p:column>
</p:row>
<p:row>
<p:column>
<h:outputLabel value="Tipo de Recolecta:" />
<p:selectOneMenu value="#{recoleccion.tipoRecoleccion}" style="margin-left:10px"> <p:ajax event="change" update="i_sku, i_tdas, i_ref" listener="#{recoleccion.valSku()}"/> <f:selectItems value="#{recoleccion.tiposRecoleccion}" /> </p:selectOneMenu>
</p:column>
<p:column>
<h:outputLabel value="Sku:" />
<p:column style="text-align: center">
<p:inputText id="i_sku" value="#{recoleccion.sku}" style="text-align: center; margin-left:10px" disabled="#{!recoleccion.rdrSku}" /> </p:column>
</p:column>
</p:row>
<p:row>
<p:column>
<h:outputLabel value="Tiendas:" />
<p:column style="text-align: center">
<p:inputText id="i_tdas" value="#{recoleccion.tiendas}" style="text-align: center; margin-left:10px" disabled="#{!recoleccion.rdrSku}" /> </p:column>
</p:column>
<p:column>
<h:outputLabel value="Referencia:" />
<p:column style="text-align: center">
<p:inputText id="i_ref" value="#{recoleccion.referencia}" style="text-align: center; margin-left:10px" disabled="#{!recoleccion.rdrSku}" /> </p:column>
</p:column>
</p:row>
<f:facet name="footer">
<p:row>
<p:column colspan="2">
<center>
<p:commandButton value="Mostrar" icon="ui-icon-check" ajax="true" update=":form" actionListener="#{recoleccion.muestraRutasPendientes}" /> </center>
</p:column>
</p:row>
</f:facet>
</p:panelGrid>
</center>
<p:dialog id="detalleDlg" widgetVar="detalleDlg" header="Detalle de Ruta" modal="true" resizable="false">
<p:dataTable id="detalleTbl" var="det" value="#{recoleccion.rutaDetalleList}" rendered="#{recoleccion.renderDataTblDetalle}" style="text-align:center;margin: 20px auto;font-size: 75%;"
scrollable="true" scrollWidth="70%" scrollHeight="300">
<p:column width="30" headerText="SKU">
#{det.sku} </p:column>
<p:column width="150" headerText="Descripción">
#{det.skuDesc} </p:column>
<p:column width="50" headerText="Código de Remate">
#{det.codRemate} </p:column>
<p:column width="40" headerText="Causa">
#{det.causa} </p:column>
<p:column width="40" headerText="Cantidad">
#{det.cantidad} </p:column>
<p:column width="40" headerText="m3">
#{det.getmCubicos()} </p:column>
</p:dataTable>
</p:dialog>
<p:dataTable id="rutasCabecero" var="listCab" value="#{recoleccion.rutasCabeceroList}" rowKey="#{listCab.id}" selection="#{recoleccion.listaRutaSeleccioanadas}" rendered="#{recoleccion.mostrarTabla}" editable="true" editMode="cell"
scrollable="true" scrollHeight="150" scrollWidth="88%"
style="width: 90%;font-size: 75%; margin: 20px auto; text-align:center">
<p:ajax event="rowSelectCheckbox" listener="#{recoleccion.onRowSelect}" onstart="statusDialog.show();" onsuccess="statusDialog.hide();" update=":form, :form:rutasCabecero:m2" global="false" /> <p:ajax event="rowUnselectCheckbox" listener="#{recoleccion.onRowUnselect}" onstart="statusDialog.show();" onsuccess="statusDialog.hide();" update=":form, :form:rutasCabecero:m2" global="false"/> <p:ajax event="rowSelect" listener="#{recoleccion.onRowSelect}" onstart="statusDialog.show();" onsuccess="statusDialog.hide();" update=":form, :form:rutasCabecero:m2" global="false" /> <p:ajax event="rowUnselect" listener="#{recoleccion.onRowUnselect}" onstart="statusDialog.show();" onsuccess="statusDialog.hide();" update=":form , :form:rutasCabecero:m2" global="false"/> <p:ajax event="cellEdit" listener="#{recoleccion.onCellEdit}" onstart="statusDialog.show();" onsuccess="statusDialog.hide();" update="rutasCabecero" />
<f:facet name="header">
Rutas Pendientes
<h:commandLink style="float:right">
<h:graphicImage library="img" name="Excel.png" style="height:20px;width:20px"/>
<p:dataExporter type="xls" target="rutasCabecero" fileName="repTransitoTdaDS"/>
</h:commandLink>
</f:facet>
<p:column width="15" selectionMode="multiple" exportable="false"/>
<p:column width="20">
<f:facet name="header">
<h:outputText value="#"/>
</f:facet>
<h:outputText value="#{listCab.id}"/> </p:column>
<p:column width="40" sortBy="#{listCab.sucursal}" > <f:facet name="header">
<h:outputText value="Sucursal"/>
</f:facet>
<h:outputText value="#{listCab.sucursal}" /> </p:column>
<p:column width="150" sortBy="#{listCab.sucDescripcion}" > <f:facet name="header">
<h:outputText value="Descripción"/>
</f:facet>
<h:outputText value="#{listCab.sucDescripcion}"/> </p:column>
<p:column width="40" sortBy="#{listCab.cantidadN}" > <f:facet name="header">
<h:outputText value="Cantidad Normal"/>
</f:facet>
<h:outputText value="#{listCab.cantidadN}"/> </p:column>
<p:column width="40" sortBy="#{listCab.mCubicosN}" > <f:facet name="header">
<h:outputText value="m3 Normal"/>
</f:facet>
<h:outputText value="#{listCab.mCubicosN}"/> </p:column>
<p:column width="40" sortBy="#{listCab.cantidadT}" > <f:facet name="header">
<h:outputText value="Cantidad Telefonía"/>
</f:facet>
<h:outputText value="#{listCab.cantidadT}"/> </p:column>
<p:column width="40" sortBy="#{listCab.mCubicosT}" > <f:facet name="header">
<h:outputText value="m3 Telefonía"/>
</f:facet>
<h:outputText value="#{listCab.mCubicosT}"/> </p:column>
<p:column width="80" headerText="Tipo" exportable="false">
<p:cellEditor width="80">
<f:facet name="output" width="80"><h:outputText value="#{listCab.tipoSeleccionado}" /></f:facet> <f:facet name="input" width="80">
<h:selectOneMenu value="#{listCab.tipoSeleccionado}" width="80"> <f:selectItems value="#{listCab.tipo}" var="tipos" itemLabel="#{tipos}" itemValue="#{tipos}" /> </h:selectOneMenu>
</f:facet>
</p:cellEditor>
</p:column>
<p:column width="50" exportable="false">
<f:facet name="header">
<h:outputText value="Detalle"/>
</f:facet>
<p:commandButton update=":form:detalleDlg" oncomplete="detalleDlg.show()" icon="ui-icon-search" title="View">
<f:setPropertyActionListener value="#{listCab}" target="#{recoleccion.rutaSeleccionada}" /> </p:commandButton>
</p:column>
<f:facet name="footer">
<p:outputLabel id="m2" value="Metros Cúbicos acumulados: #{recoleccion.acumulado} m3" rendered="#{recoleccion.mostrarTabla}"/> </f:facet>
</p:dataTable>
<p:dataTable id="economicosTbl" var="eco" value="#{recoleccion.listEconomicos}" selection="#{recoleccion.economicoSeleccionado}" selectionMode="single" rowKey="#{eco.unipla}" rendered="#{recoleccion.mostrarEconomicoGrid}" filteredValue="#{recoleccion.listEconomicosFlt}" style="width: 90%;font-size: 75%; margin: 20px auto; text-align:center"
scrollable="true" scrollHeight="150">
<f:facet name="header">
Selecciona el Económico
</f:facet>
<p:column width="50" headerText="Poveedor" sortBy="#{eco.unipro} "> #{eco.unipro} </p:column>
<p:column width="150" headerText="Descripcion" sortBy="#{eco.tralin}"> #{eco.tralin} </p:column>
<p:column width="100" headerText="Económico" sortBy="#{eco.unieco}" filterBy="#{eco.unieco}"> #{eco.unieco} </p:column>
<p:column width="50" headerText="Metros" sortBy="#{eco.unimts}"> #{eco.unimts} </p:column>
<p:column width="50" headerText="Placas" sortBy="#{eco.unipla}"> #{eco.unipla} </p:column>
<p:column width="50" headerText="Tipo" sortBy="#{eco.unitipo}"> #{eco.unitipo} </p:column>
<p:column width="150" headerText="Chofer" sortBy="#{eco.unicho}"> #{eco.unicho} </p:column>
<f:facet name="footer">
<p:commandButton id="preCapturaBtn" value="Pre-Captura de Ruta" icon="ui-icon-check" action="#{recoleccion.caputraPreRuta()}" update=":form" /> </f:facet>
</p:dataTable>
</p:panel>
</h:form>
</h:body>
</html>