<?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>