Nastavení / Administrace / Střediska / komise

• přeformátován ZUL soubor, % změněny na hflex/vflex

closes #145

src/main/webapp/admin/workgroups/workgroups.zul

@@ -1,29 +1,46 @@
 <?page title="${labels.AgendaWorkgroups}" contentType="text/html;charset=UTF-8"?>
 <zk>
 	<?variable-resolver class="org.zkoss.zkplus.spring.DelegatingVariableResolver"?>
-	<window border="normal" apply="org.zkoss.bind.BindComposer" 
+	<window
+		border="normal"
+		apply="org.zkoss.bind.BindComposer"
 		viewModel="@id('vm') @init('info.bukova.isspst.ui.workgroups.WorkgroupList')"
-		vflex="1">
-		<caption zclass="form-caption" label="${labels.AgendaWorkgroups}" />
+		vflex="1"
+		hflex="1">
+		<caption
+			zclass="form-caption"
+			label="${labels.AgendaWorkgroups}" />
 		<include src="/app/toolbar.zul" />
-
-		<hbox width="100%" vflex="1">
-		
-			<listbox model="@load(vm.dataList)" 
-				selectedItem="@bind(vm.dataBean)"  
-				width="680px" 
+		<hlayout vflex="1">
+			<listbox
+				model="@load(vm.dataList)"
+				selectedItem="@bind(vm.dataBean)"
+				hflex="1"
 				vflex="1">
 				<listhead menupopup="auto">
-					<listheader label="${labels.code}" sort="czech(code)" width="10%" />
-					<listheader label="${labels.name}" sort="czech(name)" width="30%" />
-					<listheader label="${labels.centre}" width="8%"/>
+					<listheader
+						label="${labels.code}"
+						sort="czech(code)"
+						hflex="10" />
+					<listheader
+						label="${labels.name}"
+						sort="czech(name)"
+						hflex="15" />
+					<listheader
+						label="${labels.centre}"
+						hflex="5" />
 				</listhead>
-				 
-				<auxhead sclass="category-center" visible="@load(vm.filter)">
-					 <auxheader>
+				<auxhead
+					sclass="category-center"
+					visible="@load(vm.filter)">
+					<auxheader>
 						<div sclass="find-grid-cell">
 							<div sclass="find-grid-divtextbox">
-								<textbox value="@bind(vm.filterTemplate.code)" instant="true" onChange="@command('doFilter')" sclass="find-grid-textbox" />
+								<textbox
+									value="@bind(vm.filterTemplate.code)"
+									instant="true"
+									onChange="@command('doFilter')"
+									sclass="find-grid-textbox" />
 							</div>
 							<div sclass="find-grid-img">
 								<image src="/img/funnel.png" />
@@ -33,7 +50,11 @@
 					<auxheader>
 						<div sclass="find-grid-cell">
 							<div sclass="find-grid-divtextbox">
-								<textbox value="@bind(vm.filterTemplate.name)" instant="true" onChange="@command('doFilter')" sclass="find-grid-textbox" />
+								<textbox
+									value="@bind(vm.filterTemplate.name)"
+									instant="true"
+									onChange="@command('doFilter')"
+									sclass="find-grid-textbox" />
 							</div>
 							<div sclass="find-grid-img">
 								<image src="/img/funnel.png" />
@@ -43,55 +64,75 @@
 					<auxheader>
 						<div sclass="find-grid-cell">
 							<div sclass="find-grid-divtextbox">
-								<checkbox label="${labels.centre}" checked="@bind(vm.filterTemplate.centre)" onClick="@command('doFilter')"/>	
+								<checkbox
+									label="${labels.centre}"
+									checked="@bind(vm.filterTemplate.centre)"
+									onClick="@command('doFilter')" />
 							</div>
 							<div sclass="find-grid-img">
 								<image src="/img/funnel.png" />
 							</div>
 						</div>
 					</auxheader>
-				</auxhead> 
-				 
+				</auxhead>
 				<template name="model">
 					<listitem>
 						<listcell label="@load(each.code)" />
 						<listcell label="@load(each.name)" />
-						<listcell label="@load(each.centre) @converter(vm.boolConverter)"/>
+						<listcell label="@load(each.centre) @converter(vm.boolConverter)" />
 					</listitem>
 				</template>
 			</listbox>
-			
-			<panel vflex="1">
-				<panelchildren style="overflow:auto;">
-					<vbox>
+			<panel
+				vflex="1"
+				hflex="1">
+				<panelchildren sclass="addScrollbar">
+					<vbox
+						vflex="1"
+						hflex="1">
 						<vbox children="@load(vm.workgroupRoles)">
 							<template name="children">
-								<grid model="@load(vm.dataBean.members)" visible="@load(each.authority ne 'ROLE_USER')">
+								<grid
+									model="@load(vm.dataBean.members)"
+									visible="@load(each.authority ne 'ROLE_USER')">
 									<columns>
-										<column label="@load(each.description)"/>
+										<column label="@load(each.description)" />
 									</columns>
 									<rows>
-										<template name="model" var="member">
+										<template
+											name="model"
+											var="member">
 											<row visible="@load(member.role eq each)">
-												<hbox><image src="/img/user-small-red.png"/><label value="@load(member.member.fullName)"/></hbox>
+												<hbox>
+													<image src="/img/user-small-red.png" />
+													<label value="@load(member.member.fullName)" />
+												</hbox>
 											</row>
 										</template>
 									</rows>
-								</grid>					
-							</template>			
+								</grid>
+							</template>
 						</vbox>
-						
-						<groupbox mold="3d" closable="false">
-							<caption label="členové"/>
-							<tree hflex="1" model="@load(vm.workgroupTreeModel)">
+						<groupbox
+							mold="3d"
+							closable="false"
+							vflex="1"
+							hflex="1">
+							<caption label="${labels.members}" />
+							<tree
+								hflex="1"
+								vflex="1"
+								model="@load(vm.workgroupTreeModel)">
 								<treecols>
-									<treecol/>
+									<treecol />
 								</treecols>
 								<template name="model">
 									<treeitem>
-									<treerow>
-										<treecell image="@load(each.data.person ? '/img/user-small.png' : '/img/commission-small.png')" label="@load(each.data.fullName)"/>
-									</treerow>
+										<treerow>
+											<treecell
+												image="@load(each.data.person ? '/img/user-small.png' : '/img/commission-small.png')"
+												label="@load(each.data.fullName)" />
+										</treerow>
 									</treeitem>
 								</template>
 							</tree>
@@ -99,7 +140,6 @@
 					</vbox>
 				</panelchildren>
 			</panel>
-			
-		</hbox>
+		</hlayout>
 	</window>
 </zk>