<zk xmlns:w="http://www.zkoss.org/2005/zk/client" xmlns:c="client" height="100%" width="100%">\r
- <grid id="itemsGrid" sizedByContent="false" span="true" vflex="true" hflex="true" mold="paging" \r
- autopaging="false" model="@load(vm.searchResult)"\r
- emptyMessage="Nincs találat!" pageSize="50" \r
- onAfterRender="@command('onAfterRenderGrid')" \r
- style="border: none; background: white !important;"\r
- oddRowSclass="listbox-odd-style">\r
- <attribute name="onAfterRender">\r
- Clients.evalJavaScript("clearSelection();");\r
- </attribute>\r
- <columns id="orderColumns">\r
-\r
- <column hflex="min">\r
- <checkbox checked="@bind(vm.rowsExpanded)" />\r
- </column>\r
- <column hflex="min">\r
- <checkbox checked="@bind(vm.allSelected)" />\r
- </column>\r
- \r
- <column label="ID" sort="auto" hflex="1" align="left" />\r
- <column label="Cím" sort="auto" hflex="2" align="left" />\r
- <column label="Fájlnév" sort="auto" hflex="5" align="left" />\r
- <column label="Archiválva" sort="auto" hflex="1" align="left" />\r
- <column label="Hossz" sort="auto" hflex="2" align="right" />\r
- </columns>\r
- <rows id="rows" style="cursor: pointer;">\r
- <template name="model">\r
- <row onClick="@command('select', selectedObject=each)" onMouseOver="@Command('rowMouseOver', evt=event)"\r
- onMouseOut="@Command('rowMouseOut', evt=event)" style="background: none;">\r
- <detail open="@load(vm.rowsExpanded)">\r
- <hlayout style="border-bottom: 1px solid #ebebeb; width: 100%;">\r
- <image tooltiptext="Kattints a lejátszáshoz!" width="140px" height="90px" sclass="myimg"\r
- content="@load(each.media.poster) @converter('user.jobengine.zk.model.ByToImageConverter')"\r
- onClick="@command('select', selectedObject=each)" />\r
- <div sclass="details">\r
- <hlayout>\r
- <div class="${c:cat(vm.typeFilters[each.media.itemType.name].color,' type-inlist')}">\r
- <label style="font-size: 10px;" value="@load(each.media.itemType.name)" />\r
- </div>\r
- <label style="font:20px Century Gothic; color:#008AC8;" value="@load(each.item.title)" />\r
- </hlayout>\r
- <html sclass="relevant">\r
- <![CDATA[ <div style='width: 90%'>${each.relevant}</div> ]]>\r
- </html>\r
- </div>\r
- </hlayout>\r
- </detail>\r
- <checkbox checked="@save(vm.itemSelected) @validator(vm.itemSelectedValidator, arg=each)" />\r
- <label value="@load(each.media.houseId)" />\r
- <label value="@load(each.media.title)" />\r
- <label value="@load(each.media.mediaFileRealName)" />\r
- <label style="font-size: 10px;" value="@load(each.media.archived) @converter('user.jobengine.zk.model.ShortDateConverter')" />\r
- <cell>\r
- <vlayout>\r
- <hlayout>\r
- <label style="font-size:14px"\r
- value="@load(each.media.length) @converter('user.jobengine.zk.model.TCConverter')" />\r
- <image src="/img/ic_visibility_black_18dp.png" style="margin-left:4px;margin-top:2px;vertical-align:top;">\r
- <attribute name="visible" if="${each.media.mediaFilesCount lt 2}">false</attribute>\r
- </image>\r
- <image src="/img/ic_visibility_off_black_18dp.png"\r
- style="margin-left:4px;margin-top:2px;vertical-align:top;">\r
- <attribute name="visible" if="${each.media.mediaFilesCount gt 1}">false</attribute>\r
- </image>\r
- <image src="/img/baseline_arrow_back_black_18dp.png"\r
- style="margin-left:4px;margin-top:2px;vertical-align:top;"\r
- visible="@load(!each.media.created.equals(each.media.modified))">\r
- </image>\r
- </hlayout>\r
- </vlayout>\r
- </cell>\r
- </row>\r
- </template>\r
- </rows>\r
- </grid>\r
+ <listbox id="itemsListbox" mold="paging">\r
+ <listhead>\r
+ <listheader label="ID" sort="auto" hflex="1" align="left" />\r
+ <listheader label="Cím" sort="auto" hflex="2" align="left" />\r
+ <listheader label="Fájlnév" sort="auto" hflex="5" align="left" />\r
+ <listheader label="Archiválva" sort="auto" hflex="1" align="left" />\r
+ <listheader label="Hossz" sort="auto" hflex="2" align="right" /> \r
+ </listhead>\r
+ \r
+ </listbox>\r
</zk>
\ No newline at end of file