Practica 3 XUL

Mauro Solis-practica3.xul

<?xml version="1.0" encoding="utf-8"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
	<hbox>
		<vbox id="vboxAcordeon">
			<tabbox id="tabBoxAcordeon" orient="vertical">
				<tabs id="tabAutores" hidden="false" orient="vertical">
					<tab label="Autores" id="tabAutores" linkedpanel="panelAutores"/>
					<tab label="Libros" id="tabLibros"/>
					<tab label="Editoriales" id="tabEditoriales"/>
					<tab id="tabClasificacion" label="Clasificacion"/>
				</tabs>
				<tabpanels id="tabPanels">
					<tabpanel id="panelAutores">
						<vbox id="vboxAutores">
							<hbox id="hboxAutores">
								<button label="Nuevo"/>
								<button label="Borrar"/>
							</hbox>
							<listbox rows="12">
								<listitem label="Allan Poe"/>
								<listitem label="Mark Twain"/>
								<listitem label="Lewis Carroll"/>
							</listbox>
						</vbox>
					</tabpanel>
					<tabpanel id="panelLibros">
						<vbox>
							<hbox id="hboxAutores">
								<button label="Nuevo"/>
								<button label="Borrar"/>
							</hbox>
							<listbox rows="8">
								<listitem label="La casa de los espantos" id="libro1"/>
								<listitem label="El Conde Dracula" id="libro2"/>
								<listitem label="Las aventuras de Tom Sawyer" id="libro3"/>
								<listitem label="Alicia en el pais de las maravillas" id="libro4"/>
							</listbox>
						</vbox>
					</tabpanel>
				</tabpanels>
			</tabbox>
		</vbox>
		<separator width="20"/>
		<tabbox>
			<tabs>
				<tab label="Autor" id="tabDetalleAutor" linkedpanel="detalleAutor"/>
				<tab label="Libro" id="tabDetalleLibro" linkedpanel="detalleLibros"/>
				<tab label="Editorial" id="tabDetalleEditorial" linkedpanel="detalleEditorial"/>
			</tabs>
			<tabpanels>
				<tabpanel id="detalleAutor">
					<vbox>
						<hbox>
							<vbox height="15" width="150">
								<label/>
								<label value="Detalle del Autor"/>
								<label/>
								<hbox id="hboxDetalles">
									<vbox height="15" width="160">
										<label/>
										<hbox>
											<label/>
											<label value="Nombre      "/>
											<textbox value="Mark Twain" width="180"/>
										</hbox>
										<label control="{buddy control id}" value=" "/>
										<hbox>
											<label/>
											<label value="Nacionalidad"/>
											<textbox value="USA" width="151"/>
										</hbox>
										<label control="{buddy control id}"/>
										<hbox>
											<label/>
											<label value="Seudonimo"/>
											<textbox value="Mark Twain" width="151"/>
										</hbox>
									</vbox>
								</hbox>
							</vbox>
							<vbox width="150" height="100">
								<label/>
								<hbox>
									<label/>
									<label value="Ocupacion"/>
									<textbox value="Escritor" width="180"/>
								</hbox>
								<label/>
								<hbox>
									<label/>
									<label value="Genero"/>
									<listbox rows="4">
										<listitem label="Humor"/>
										<listitem label="Satira"/>
										<listitem label="Aventuras"/>
									</listbox>
								</hbox>
							</vbox>
						</hbox>
						<label/>
						<listbox width="500" height="175">
							<listhead>
								<listheader label="Libro" width="90"/>
								<listheader label="Editorial" width="125"/>
								<listheader label="Año" width="90"/>
								<listheader label="Edicion" width="90"/>
							</listhead>
							<listcols>
								<listcol flex="1"/>
							</listcols>
							<listitem>
								<listcell label="El principe y el Mendigo"/>
								<listcell label="Alfaguara"/>
								<listcell label="1995"/>
								<listcell label="5ta"/>
							</listitem>
							<listitem>
								<listcell label="Tom Swayer"/>
								<listcell label="Penguin Books"/>
								<listcell label="1965"/>
								<listcell label="2da"/>
							</listitem>
						</listbox>
						<label/>
						<hbox pack="center" align="right">
							<button label="Cancel"/>
							<button label="OK"/>
						</hbox>
					</vbox>
				</tabpanel>
				<tabpanel id="detalleLibros">
					<vbox flex="1">
						<label/>
						<label value="Detalle del Libro"/>
						<label value="label"/>
						<hbox height="20" width="180">
							<vbox>
								<hbox>
									<label/>
									<label value="Nombre"/>
									<textbox value="Las aventuras de Tom Sawyer" width="300"/>
								</hbox>
								<hbox>
									<label/>
								</hbox>
								<hbox>
									<label/>
									<label value="ISBN: "/>
									<textbox value="12244-5678-45" width="300"/>
								</hbox>
								<hbox>
									<label/>
								</hbox>
								<hbox>
									<label/>
									<label value="Año:"/>
									<menulist width="71">
										<menupopup width="66">
											<menuitem value="2004" label="2004" width="40"/>
										</menupopup>
									</menulist>
									<label/>
									<label value="Edicion:"/>
									<menulist width="71">
										<menupopup width="71">
											<menuitem value="5" label="5" width="50"/>
										</menupopup>
									</menulist>
								</hbox>
								<hbox>
									<label/>
								</hbox>
								<hbox>
									<label/>
									<label value="Editorial: "/>
									<label value="Ediciones Alfaguara"/>
									<label/>
									<button label="Cambiar Editorial"/>
								</hbox>
								<hbox>
									<label/>
								</hbox>
								<hbox>
									<listbox rows="4">
										<listitem label="Mark Twain"/>
									</listbox>
									<vbox orient="vertical" align="center">
										<button label="Agregar autor" height="10" width="150"/>
										<button label="Eliminar autor" width="150" height="10"/>
									</vbox>
								</hbox>
								<hbox>
									<label/>
								</hbox>
								<separator orient="horizontal" align="center" style="color:#000000;background-color:#000000;display:block;opacity:0;" hidden="false"/>
								<hbox pack="center">
									<button label="Cancel"/>
									<button label="OK"/>
								</hbox>
							</vbox>
						</hbox>
					</vbox>
				</tabpanel>
				<tabpanel id="detalleEditorial">
					<vbox>
						<label value="Editorial"/>
					</vbox>
				</tabpanel>
			</tabpanels>
		</tabbox>
	</hbox>
</window>