<?xml version="1.0" encoding="UTF-8"?>
<?page contentType="text/html;charset=UTF-8"?>
<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>
<?init class="org.zkoss.zkplus.databind.AnnotateDataBinderInit" arg0="winEditarOperadoresDispositivo"?>
<?taglib uri="http://www.zkoss.org/dsp/web/core" prefix="c"?>

<zk>
	<window id="winEditarOperadoresDispositivo" border="normal"
		apply="${editarOperadoresDispositivoController}" width="800px" height="630px"
		contentStyle="overflow:auto"
		title="${c:l('editarOperadoresDispositivoController.window.title')}">
		<toolbar>
			<hbox spacing="5px" style="padding:1px" align="right">
				<button id="btnSalva" height="20"
					image="/gui/img/save.png" width="35px"
					tooltiptext="${c:l('editarOperadoresDispositivoController.btnSalvar.tooltiptext')}" />
				<button id="btnCerrar"
				onClick="winEditarOperadoresDispositivo.detach()"
				image="/gui/img/exit.png" 
				width="35px"
				tooltiptext="${c:l('dispositivoVendaEmbarcadaController.btnCerrar.tooltiptext')}" />
			</hbox>
		</toolbar>
		<grid>
			<columns>
				<column width="20%" />
				<column width="80%" />
			</columns>
			<rows>
				<row>
					<label id="lbImei"
						value="${c:l('editarOperadoresDispositivoController.lbImei.value')}" />
					<textbox id="txtDescImei" 
						width="99%" maxlength="25"
						value=""
						use="com.rjconsultores.ventaboletos.web.utilerias.MyTextbox" />
				</row>
				<row>
					<label id="lbPuntoVenta"
						value="${c:l('editarOperadoresDispositivoController.lbPuntoVenta.value')}" />
					<textbox id="txtPuntoVenta" 
						width="99%" maxlength="100"
						value=""
						use="com.rjconsultores.ventaboletos.web.utilerias.MyTextbox" />
				</row>
				<!--Linha campo de pesuisa Usuário-->
				<row>
					<label
						value="${c:l('editarOperadoresDispositivoController.lhUsuario.label')}" />

					<bandbox id="bbPesquisaLinha" width="99%"
						mold="rounded" readonly="true">
						<bandpopup>
							<vbox width="99%">
								<hbox width="99%">
									<textbox
										id="txtPalavraPesquisaUsuario" />
									<button id="btnPesquisaUsuario"
										image="/gui/img/find.png"
										label="${c:l('editarOperadoresDispositivoController.btnPesquisa.label')}" />
									<button id="btnLimparLinha"
										image="/gui/img/eraser.png"
										label="${c:l('editarOperadoresDispositivoController.btnLimpar.label')}" />
								</hbox>
								<!--List Box resultado de pesuisa Usuário-->
								<listbox id="usuarioPesquisaSelecaoListBox"
									mold="paging"
									use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
									vflex="true" multiple="false" height="60%" width="710px">
									<listhead>
										<listheader
											label="${c:l('editarOperadoresDispositivoController.lhLogin.label')}"
											width="35%" />
										<listheader
											label="${c:l('editarOperadoresDispositivoController.lhNomeUsuario.label')}"
											width="35%" />
										<listheader align="center" label=" "
											width="30%" />
									</listhead>
								</listbox>
								<paging id="pagingLinha" pageSize="10" />
							</vbox>
						</bandpopup>
					</bandbox>
				</row>
				<!-- Linha título Usuários atrelados -->
				<row>
					<cell colspan="2">
					<toolbar align="center" width="99%">
						<hbox align="center" width="99%"  pack="center">
							<vbox align="center" >
								<label id="lbUsuariosASeremAtreladosDispositvo"
									value="${c:l('editarOperadoresDispositivoController.lbUsuariosSelecionados.value')}" height="30" style="font-weight:bold;  text-align:center; font-size:9pt"/>
							</vbox>
						</hbox>
					</toolbar>
					</cell>
				</row>
				<!-- Linha dos Usuarios selecionados -->
				<row>
					<cell colspan="4">
						<borderlayout height="140px" width="100%">
							<center border="0">
							    <!-- List Box dos Usuarios selecionados -->
								<listbox id="usuarioSelecionadoListBox"
									mold="paging"
									use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
									vflex="true" multiple="true" height="50%" width="99%">
									<listhead>
										<listheader id="lhUsuarioAux"
											image="/gui/img/create_doc.gif"
											label="${c:l('editarOperadoresDispositivoController.lhLogin.label')}"
											sort="auto(usuario.nombUsuario)" width="40%" />
										<listheader align="center"
											image="/gui/img/create_doc.gif"
											label="${c:l('editarOperadoresDispositivoController.lhNomeUsuario.label')}"
											width="20%" />
										<listheader align="center"
											image="/gui/img/create_doc.gif"
											label="${c:l('editarOperadoresDispositivoController.lhCveUsuario.label')}"
											width="20%" />
										<listheader align="center" width="20%" />
									</listhead>
								</listbox>
							</center>
						</borderlayout>
					</cell>
				</row>
			</rows>
		</grid>
		<toolbar>
			<button id="btnAdicionarUsuario" height="20"
				image="/gui/img/add.png" width="35px"
				tooltiptext="${c:l('editarOperadoresDispositivoController.btnAddUsuario.tooltiptext')}" />
			<button id="btnRemoverUsuario" height="20" 
				image="/gui/img/remove.png" width="35px"
				tooltiptext="${c:l('editarOperadoresDispositivoController.btnBorrarUsuario.tooltiptext')}" />
		</toolbar>
		<toolbar align="center" width="99%">
			<hbox align="center" width="100%"  pack="center">
				<vbox align="center" >
					<label id="lbUsuariosAtreladosDispositvo"
						value="${c:l('editarOperadoresDispositivoController.lbUsuariosAtrelados.value')}" height="30" style="font-weight:bold; text-align:center; font-size:9pt" />
				</vbox>
			</hbox>
		</toolbar>
		<toolbar>	
		<label id="lbFiltro"
			value="${c:l('editarOperadoresDispositivoController.lhLogin.label')}" width="80px" height="20"/>
		<textbox id="txtFiltro" width="200px" maxlength="50"
				use="com.rjconsultores.ventaboletos.web.utilerias.MyTextbox" />
			<button id="btnAplicarFiltro" height="20"
				image="/gui/img/find.png" width="35px"
				tooltiptext="${c:l('editarOperadoresDispositivoController.btnFiltrar.tooltiptext')}" />
			<button id="btnRemoverFiltro" height="20"
				image="/gui/img/eraser.png" width="35px"
				tooltiptext="${c:l('editarOperadoresDispositivoController.btnRemoverFiltro.tooltiptext')}" />		
		</toolbar>
		
		<paging id="pagingUsuario"
			use="com.rjconsultores.ventaboletos.web.utilerias.MyPaging" />
		<listbox id="usuariosDispositivoListBox"
			use="com.rjconsultores.ventaboletos.web.utilerias.MyListbox"
			multiple="false">
			<listhead sizable="true">
				<listheader id="lhUsuario"
					image="/gui/img/create_doc.gif"
					label="${c:l('editarOperadoresDispositivoController.lhLogin.label')}"
					sort="auto(cveusuario)" width="40%" />
				<listheader align="center" image="/gui/img/create_doc.gif"
					label="${c:l('editarOperadoresDispositivoController.lhNomeUsuario.label')}"
					width="30%" />
				<listheader align="center" image="/gui/img/create_doc.gif"
					label="${c:l('editarOperadoresDispositivoController.lhCveUsuario.label')}"
					width="35%" />
			</listhead>
		</listbox>
	</window>
</zk>
