<listbox id="itemsListbox" mold="paging" emptyMessage="Nincs találat!"\r
model="@load(vm.searchResult)" vflex="true" hflex="true">\r
<listhead>\r
- <listheader label="ID" sort="auto" vflex="min" align="left" />\r
- <listheader label="Cím" sort="auto" vflex="min" align="left" />\r
- <listheader label="Fájlnév" sort="auto" vflex="min" align="left" />\r
- <listheader label="Archiválva" sort="auto" vflex="min" align="left" />\r
- <listheader label="Hossz" sort="auto" vflex="min" align="left" /> \r
+ <listheader label="ID" sort="auto" vflex="min" hflex="1" align="left" />\r
+ <listheader label="Cím" sort="auto" vflex="min" hflex="2" align="left" />\r
+ <listheader label="Fájlnév" sort="auto" vflex="min" hflex="5" align="left" />\r
+ <listheader label="Archiválva" sort="auto" vflex="min" hflex="1" align="left" />\r
+ <listheader label="Hossz" sort="auto" vflex="min" hflex="2" align="left" />\r
</listhead>\r
<template name="model">\r
- <listitem>\r
- <listcell>\r
- valami szoveg \r
- <div style="background-color: red; height: 100px; vertical-align: top;">masik szoveg, iahahrjghdjfhgjdhfjhsghsdjkfgjkdfkgdjfgdlkfgjlkdfj</div>\r
+ <listitem onClick="@command('select', selectedObject=each)">\r
+ <listcell hflex="true" span="5"> \r
+ <vlayout>\r
+ <hlayout>\r
+ <label value="@load(each.media.houseId)" hflex="1"/>\r
+ <label value="@load(each.media.title)" hflex="2"/>\r
+ <label value="@load(each.media.mediaFileRealName)" hflex="5"/>\r
+ <label style="font-size: 10px;" value="@load(each.media.archived) @converter('user.jobengine.zk.model.ShortDateConverter')" hflex="1"/>\r
+ <label value="@load(each.media.length)" hflex="2"/>\r
+ </hlayout>\r
+ <hlayout> \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
+ </vlayout>\r
</listcell>\r
- <listcell style="vertical-align: top;" label="@load(each.item.title)" />\r
- <listcell style="vertical-align: top;" label="@load(each.media.mediaFileRealName)"/>\r
- <listcell style="vertical-align: top;" label="@load(each.media.archived)"/>\r
- <listcell style="vertical-align: top;" label="@load(each.media.length)"/>\r
</listitem>\r
</template>\r
</listbox>\r