From dd8e3e7ec6e8a6ec78f00f39d36a2faffbac88ae Mon Sep 17 00:00:00 2001
From: =?utf8?q?M=C3=A1rk=20M=C3=A9r=C3=A9sz?= <USER\mark.meresz>
Date: Fri, 13 Jul 2018 06:37:15 +0000
Subject: [PATCH] git-tfs-id:
 [http://tfs.userrendszerhaz.hu:8080/tfs/DefaultCollection]$/MediaCube;C31154

---
 .../pages/metadatadetails.zul                 |  88 +++++++
 .../pages/searchitems.zul                     | 239 ++++++------------
 .../pages/statisticsdetails.zul               |  50 ++--
 .../zk/model/MetadataDetailsModel.java        |  85 +++++++
 .../user/jobengine/zk/model/SearchModel.java  |  28 +-
 5 files changed, 293 insertions(+), 197 deletions(-)
 create mode 100644 server/user.jobengine.osgi.server/pages/metadatadetails.zul
 create mode 100644 server/user.jobengine.osgi.server/src/user/jobengine/zk/model/MetadataDetailsModel.java

diff --git a/server/user.jobengine.osgi.server/pages/metadatadetails.zul b/server/user.jobengine.osgi.server/pages/metadatadetails.zul
new file mode 100644
index 00000000..02ce6db6
--- /dev/null
+++ b/server/user.jobengine.osgi.server/pages/metadatadetails.zul
@@ -0,0 +1,88 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<window id="window"  title="Metadatok szerkesztése" width="900px" height="660px" position="top_center" sizable="true" border="normal" apply="org.zkoss.bind.BindComposer"
+	viewModel="@id('vm') @init('user.jobengine.zk.model.MetadataDetailsModel')" forward="onCancel=closeButton.onClick">
+	<style>
+		.z-window-header{ background:#008ac8; color:white; font-size:16px; padding:10px; } .z-row:hover > .z-row-inner{ background:#7ad6ff40; }
+	</style>
+	<attribute name="onSize"><![CDATA[
+	        String height= String.valueOf((Integer.parseInt(self.getHeight().replace("px",""))-125)*0.059813084112149535);
+            item_houseid.setHeight(height+"px");
+            Clients.resize(item_houseid);
+            item_title.setHeight(height+"px");
+            Clients.resize(item_title);
+            item_type.setHeight(height+"px");
+            Clients.resize(item_type);
+            height= String.valueOf((Integer.parseInt(self.getHeight().replace("px",""))-120)*0.21495327102803738);
+            item_description.setHeight(height+"px");
+            Clients.resize(item_description);
+            height= String.valueOf((Integer.parseInt(self.getHeight().replace("px",""))-120)*0.0599250936329588);
+            media_houseid.setHeight(height+"px");
+            Clients.resize(media_houseid);
+            media_title.setHeight(height+"px");
+            Clients.resize(media_title);
+            media_type.setHeight(height+"px");
+            Clients.resize(media_type);
+            height= String.valueOf((Integer.parseInt(self.getHeight().replace("px",""))-120)*0.41869158878504675);
+            media_description.setHeight(height+"px");
+            Clients.resize(media_description);
+            height= String.valueOf((Integer.parseInt(self.getHeight().replace("px",""))-120)*0.41869158878504675*0.9);
+            media_description_content.setHeight(height+"px");
+            Clients.resize(media_description_content);
+        ]]></attribute>
+	<vlayout height="100%">
+		<div id="div" vflex="10">
+			<listbox vflex="1" style="border: none; background: #e3e3e3 !important;">
+				<listhead>
+					<listheader label="Tulajdonság" width="20%" />
+					<listheader label="Metaadat" />
+				</listhead>
+					<listitem id="item_houseid">
+						<listcell label="Anyag azonosítója:" />
+						<listcell label="@load(vm.archivedMedia.item.houseId)"/>
+					</listitem>
+					<listitem id="item_title">
+						<listcell label="Anyag címe:" />
+						<listcell label="@load(vm.archivedMedia.item.title)"/>
+					</listitem>
+					<listitem id="item_type">
+						<listcell label="Anyag típusa:" />
+						<listcell label="@load(vm.archivedMedia.item.itemType.name)"/>
+					</listitem>
+					<listitem id="item_description">
+						<listcell label="Anyag leírása" />
+						<listcell><textbox rows="7" disabled="true" width="99%" value="@load(vm.archivedMedia.item.description)"></textbox></listcell>
+					</listitem>
+					<listitem id="media_houseid">
+						<listcell label="Média azonosítója:" />
+						<listcell><textbox inplace="true" value="@load(vm.archivedMedia.media.houseId) @save(vm.archivedMedia.media.houseId,before='save')"></textbox></listcell>
+					</listitem>
+					<listitem id="media_title">
+						<listcell label="Média címe:" />
+						<listcell><textbox inplace="true" width="99%" value="@load(vm.archivedMedia.media.title) @save(vm.archivedMedia.media.title,before='save')"></textbox></listcell>
+					</listitem>
+					<listitem id="media_type">
+						<listcell label="Média típusa:" />
+						<listcell><combobox constraint="no empty" id="mediatypes" width="300px"
+							selectedItem="@load(vm.archivedMedia.media.itemType)@save(vm.archivedMedia.media.itemType,before='save')" model="@load(vm.itemTypes)">
+							<template name="model">
+								<comboitem label="${each.name}" value="${each}"></comboitem>
+							</template>
+						</combobox></listcell>
+					</listitem>
+					<listitem id="media_description">
+						<listcell label="Média leírása:" />
+						<listcell><textbox rows="15" inplace="true" width="99%" id="media_description_content"
+							value="@load(vm.archivedMedia.media.description) @save(vm.archivedMedia.media.description,before='save')">
+						</textbox></listcell>
+					</listitem>
+			</listbox>
+		</div>
+		<div vflex="min">
+		<hbox width="100%"  pack="center" align="center">
+			<button id="saveButton" label="Mentés" onClick="@command('save')" />
+			<button id="closeButton" label="Mégse" onClick="@command('close')" />
+		</hbox>
+		</div>
+	</vlayout>
+</window>
+
diff --git a/server/user.jobengine.osgi.server/pages/searchitems.zul b/server/user.jobengine.osgi.server/pages/searchitems.zul
index aa5fade2..5eacbd0a 100644
--- a/server/user.jobengine.osgi.server/pages/searchitems.zul
+++ b/server/user.jobengine.osgi.server/pages/searchitems.zul
@@ -10,138 +10,53 @@
 	<custom-attributes org.zkoss.zul.listbox.initRodSize="50" />
 	<custom-attributes org.zkoss.zul.listbox.preloadSize="50" />
 	<style>
-.myimg {
-	margin: 5px; border: 1px solid #CFCFCF;
-}
-div.z-row-content span {
-	font-family: Tahoma,Arial,serif;
-}
-.z-row .z-detail-outer {
-    padding: 3px 6px;
-}
-.heavy {
-	font-weight: bold;
-	font-family: Tahoma,Arial,serif;
-}
-.ir {
-	font-weight: bold;
-	font-family: Tahoma,Arial,serif;
-	text-color: green;
-}
-.details {
-    padding: 5px;
-    line-height: 1.5em;
-	font-size: 10px;
-}
-.relevant {
-    padding: 8px;
-	font-size: 10px;
-}
-.rhl {
-	color: #E53935;
-	font-weight: bold;
-}
-
-.z-row:hover > .z-row-inner, .z-row:hover > .z-cell {
-        background: none;
-}
-.z-row:hover>.z-row-inner>.z-row-content{
-		text-color: black;
-}
-
-.RED100 {
-	border-color: #FFCDD2;
-}
-
-.RED100 .z-toolbarbutton-content {
-	background: #FFCDD2;
-}
-
-.RED200 .z-toolbarbutton-content {
-	background: #EF9A9A;
-	border-color: #EF9A9A;;
-}
-
-.BROWN100 .z-toolbarbutton-content {
-	background: #D7CCC8;
-	border-color: #D7CCC8;
-}
-
-.YELLOW200 .z-toolbarbutton-content {
-	background: #FFF59D;
-}
-
-.INDIGO100 .z-toolbarbutton-content {
-	background: #C5CAE9;
-}
-
-.INDIGO200 .z-toolbarbutton-content {
-	background: #9FA8DA;
-}
-
-.BLUE100 .z-toolbarbutton-content {
-	background: #BBDEFB;
-}
-
-.BLUE200 .z-toolbarbutton-content {
-	background: #90CAF9; 
-}
-
-.TEAL100 .z-toolbarbutton-content {
-	background: #B2DFDB;
-}
-
-.TEAL200 .z-toolbarbutton-content {
-	background: #80CBC4;
-}
-
-.z-toolbarbutton-content {
-	text-shadow: none;
-	background: transparent;
-	border: 1px solid transparent;
-	border-radius: 3px;
-	margin: 1px;
-}
-
-.toolbar {
-	padding:1px;
-	background:none;
-	border:0px;
-}
-
-.typefilter{
-	font-size:9px;
-	padding:0px;
-	margin:0px;
-	background: none;
-}
-
-.z-toolbarbutton:hover {
-	background:transparent;
-}
-
-.ie8 .z-toolbarbutton:active {
-	background:transparent;
-}
-
-.ie8 .z-toolbarbutton-checked {
-	background:transparent;
-}
-
-.z-toolbarbutton {
-	border-width: 2px;
-}
-
-.z-toolbarbutton-checked {
-	border: 2px solid #808080;
-}
-
-.type-inlist {
-	width:80px; 
-	border-left:1px solid #008AC8; 
-	border-bottom:1px solid #008AC8; 
-	padding:4px;
-}
+		.myimg { margin: 5px; border: 1px solid #CFCFCF; } div.z-row-content span { font-family: Tahoma,Arial,serif; } .z-row .z-detail-outer { padding: 3px
+		6px; } .heavy { font-weight: bold; font-family: Tahoma,Arial,serif; } .ir { font-weight: bold; font-family: Tahoma,Arial,serif; text-color: green; }
+		.details { padding: 5px; line-height: 1.5em; font-size: 10px; } .relevant { padding: 8px; font-size: 10px; } .rhl { color: #E53935; font-weight: bold; }
+
+		.z-row:hover > .z-row-inner, .z-row:hover > .z-cell { background: none; } .z-row:hover>.z-row-inner>.z-row-content{ text-color: black; }
+
+		.RED100 { border-color: #FFCDD2; }
+
+		.RED100 .z-toolbarbutton-content { background: #FFCDD2; }
+
+		.RED200 .z-toolbarbutton-content { background: #EF9A9A; border-color: #EF9A9A;; }
+
+		.BROWN100 .z-toolbarbutton-content { background: #D7CCC8; border-color: #D7CCC8; }
+
+		.YELLOW200 .z-toolbarbutton-content { background: #FFF59D; }
+
+		.INDIGO100 .z-toolbarbutton-content { background: #C5CAE9; }
+
+		.INDIGO200 .z-toolbarbutton-content { background: #9FA8DA; }
+
+		.BLUE100 .z-toolbarbutton-content { background: #BBDEFB; }
+
+		.BLUE200 .z-toolbarbutton-content { background: #90CAF9; }
+
+		.TEAL100 .z-toolbarbutton-content { background: #B2DFDB; }
+
+		.TEAL200 .z-toolbarbutton-content { background: #80CBC4; }
+
+		.z-toolbarbutton-content { text-shadow: none; background: transparent; border: 1px solid transparent; border-radius: 3px; margin: 1px; }
+
+		.toolbar { padding:1px; background:none; border:0px; }
+
+		.typefilter{ font-size:9px; padding:0px; margin:0px; background: none; }
+
+		.z-toolbarbutton:hover { background:transparent; }
+
+		.ie8 .z-toolbarbutton:active { background:transparent; }
+
+		.ie8 .z-toolbarbutton-checked { background:transparent; }
+
+		.z-toolbarbutton { border-width: 2px; }
+
+		.z-toolbarbutton-checked { border: 2px solid #808080; }
+
+		.type-inlist { width:80px; border-left:1px solid #008AC8; border-bottom:1px solid #008AC8; padding:4px; }
+
+		.buttonMetadata{ float: right; margin: 5px; width: 200px; }
 
 	</style>
 	<div id="scdiv" width="100%" height="100%" apply="org.zkoss.bind.BindComposer" viewModel="@id('vm') @init('user.jobengine.zk.model.SearchModel')">
@@ -159,16 +74,14 @@ div.z-row-content span {
 								<vlayout>
 									<toolbar class="toolbar">
 										<forEach items="@load(vm.topTypeFilterNames)">
-											<toolbarbutton label="@load(each)" mode="toggle"
-												image="@load(c:cat('/img/types/', vm.typeFilters[each].icon))" 
+											<toolbarbutton label="@load(each)" mode="toggle" image="@load(c:cat('/img/types/', vm.typeFilters[each].icon))"
 												checked="@bind(vm.typeFilters[each].checked) @validator(vm.allFilterCheckedValidator)"
 												class="@load(c:cat(vm.typeFilters[each].color, ' typefilter'))" />
 										</forEach>
 									</toolbar>
 									<toolbar class="toolbar">
 										<forEach items="@load(vm.bottomTypeFilterNames)">
-											<toolbarbutton label="@load(each)" mode="toggle"
-												image="@load(c:cat('/img/types/', vm.typeFilters[each].icon))" 
+											<toolbarbutton label="@load(each)" mode="toggle" image="@load(c:cat('/img/types/', vm.typeFilters[each].icon))"
 												checked="@bind(vm.typeFilters[each].checked) @validator(vm.allFilterCheckedValidator)"
 												class="@load(c:cat(vm.typeFilters[each].color, ' typefilter'))" />
 										</forEach>
@@ -187,12 +100,11 @@ div.z-row-content span {
 							<radiogroup>
 								<radio label="Gyűjtő cím" />
 							</radiogroup>
-						</vlayout>						    
-					</popup>						
+						</vlayout>
+					</popup>
 					<groupbox vflex="true" closable="false">
 						<grid id="itemsGrid" sizedByContent="false" span="true" vflex="true" hflex="true" mold="paging" autopaging="false"
-							model="@load(vm.searchResult)" activePage="@bind(vm.activePage)" emptyMessage="Nincs találat!"
-							onAfterRender="@command('onPaging')" pageSize="50"
+							model="@load(vm.searchResult)" activePage="@bind(vm.activePage)" emptyMessage="Nincs találat!" onAfterRender="@command('onPaging')" pageSize="50"
 							style="border: none; background: white !important;" oddRowSclass="listbox-odd-style">
 							<columns>
 								<column hflex="min">
@@ -205,17 +117,17 @@ div.z-row-content span {
 								<column label="Cím" sort="auto" align="left" />
 								<column label="Fájlnév" sort="auto" hflex="min" align="left" />
 								<column label="Hossz" sort="auto" hflex="min" align="right" />
-<!-- 								<column width="20px" align="right" style="cursor: pointer" popup="sortOther" /> -->
+								<!-- 								<column width="20px" align="right" style="cursor: pointer" popup="sortOther" /> -->
 							</columns>
-							<rows id="rows" style="cursor: pointer;" >
+							<rows id="rows" style="cursor: pointer;">
 								<template name="model">
-									<row onClick="@command('selectMediaArchive', selectedObject=each)" onMouseOver="@Command('rowMouseOver', evt=event)" onMouseOut="@Command('rowMouseOut', evt=event)"
-									style="background: none;">
+									<row onClick="@command('selectMediaArchive', selectedObject=each)" onMouseOver="@Command('rowMouseOver', evt=event)"
+										onMouseOut="@Command('rowMouseOut', evt=event)" style="background: none;">
 										<detail open="@load(vm.rowsExpanded)">
 											<hlayout style="border-bottom: 1px solid #ebebeb; width: 100%;">
-												<image tooltiptext="Kattints a lejátszáshoz!" width="140px" height="90px" 
-												sclass="myimg" content="@load(each.media.poster) @converter('user.jobengine.zk.model.ByToImageConverter')" 
-												onClick="@command('selectMediaArchive', selectedObject=each)" />
+												<image tooltiptext="Kattints a lejátszáshoz!" width="140px" height="90px" sclass="myimg"
+													content="@load(each.media.poster) @converter('user.jobengine.zk.model.ByToImageConverter')"
+													onClick="@command('selectMediaArchive', selectedObject=each)" />
 												<div sclass="details">
 													<hlayout>
 														<div class="RED100 type-inlist">
@@ -224,13 +136,13 @@ div.z-row-content span {
 														<label style="font:20px Century Gothic; color:#008AC8;" value="@load(each.item.title)" />
 													</hlayout>
 													<html sclass="relevant">
-													<![CDATA[
-													    <div style='width: 90%'>${each.relevant}</div>
-													]]>
-													</html>													
+														
+														<![CDATA[ <div style='width: 90%'>${each.relevant}</div> ]]>
+														
+													</html>
 												</div>
 											</hlayout>
- 										</detail>
+										</detail>
 										<checkbox checked="@save(vm.itemSelected) @validator(vm.itemSelectedValidator, arg=each)" />
 										<label value="@load(each.media.houseId)" />
 										<label value="@load(each.media.title)" />
@@ -238,19 +150,18 @@ div.z-row-content span {
 										<cell>
 											<vlayout>
 												<hlayout>
-													<label style="font-size:14px" value="@load(each.media.length) @converter('user.jobengine.zk.model.TCConverter')" />
+													<label style="font-size:14px"
+														value="@load(each.media.length) @converter('user.jobengine.zk.model.TCConverter')" />
 													<image src="/img/ic_visibility_black_18dp.png" style="margin-left:4px;margin-top:2px;vertical-align:top;">
-														<attribute name="visible" if="${each.media.mediaFilesCount lt 2}">
-															false
-														</attribute>						
+														<attribute name="visible" if="${each.media.mediaFilesCount lt 2}">false</attribute>
 													</image>
-													<image src="/img/ic_visibility_off_black_18dp.png" style="margin-left:4px;margin-top:2px;vertical-align:top;">
-														<attribute name="visible" if="${each.media.mediaFilesCount gt 1}">
-															false
-														</attribute>						
+													<image src="/img/ic_visibility_off_black_18dp.png"
+														style="margin-left:4px;margin-top:2px;vertical-align:top;">
+														<attribute name="visible" if="${each.media.mediaFilesCount gt 1}">false</attribute>
 													</image>
 												</hlayout>
-												<label style="font-size: 10px;" value="@load(each.media.archived) @converter('user.jobengine.zk.model.ShortDateConverter')" />
+												<label style="font-size: 10px;"
+													value="@load(each.media.archived) @converter('user.jobengine.zk.model.ShortDateConverter')" />
 											</vlayout>
 										</cell>
 									</row>
@@ -275,10 +186,12 @@ div.z-row-content span {
 					<center border="none">
 
 						<groupbox closable="false" mold="3d" width="100%" height="100%">
-							<caption>
+							<div width="100%">
 								<button label="Kosárba" onClick="@command('downloadMedia')" autodisable="self" disabled="@load(not vm.hasTSMMediaFile)"
 									sclass="buttonboldfont" />
-							</caption>
+								<button id="metadataButton" sclass="buttonMetadata" label="Szerkesztés" onClick="@command('openMetaDataDialog')" 
+									autodisable="self" disabled="@load(not sessionScope.userPrincipal.editor or sessionScope.userPrincipal.anonymous or vm.selectedObject eq null)" />
+							</div>
 
 							<div width="100%" height="100%" style="padding: 4px; overflow:auto; background-color: white">
 								<div>
diff --git a/server/user.jobengine.osgi.server/pages/statisticsdetails.zul b/server/user.jobengine.osgi.server/pages/statisticsdetails.zul
index bca2cb24..385777d9 100644
--- a/server/user.jobengine.osgi.server/pages/statisticsdetails.zul
+++ b/server/user.jobengine.osgi.server/pages/statisticsdetails.zul
@@ -1,28 +1,28 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<window id="wnd" title="Anyag életút" width="900px" sizable="true" border="normal" apply="org.zkoss.bind.BindComposer"
+<window id="wnd" title="Anyag életút" width="900px" height="600px" sizable="true" border="normal" apply="org.zkoss.bind.BindComposer"
 	viewModel="@id('vm') @init('user.jobengine.zk.model.StatisticsDetailsModel')" forward="onCancel=closeButton.onClick">
-	<hlayout height="450px">
-		<grid id="grid" sizedByContent="true" model="@load(vm.events)" vflex="true" hflex="true" style="border: none; background: #e3e3e3 !important;">
-			<columns sizable="true">
-				<column forEach="${vm.columnList}" label="${each}"></column>
-			</columns>
-			<rows id="rows">
-				<template name="model" var="r">
-					<row>
-						<label forEach="${vm.columnList}" value="${r.get(each)}" >
-							<attribute name="style" if="${vm.isSelected(r)}">
-								font-weight: bold;
-							</attribute>						
-							<attribute name="style" if="${each eq 'Tag'}">
-								background: ${r.get('Color')};
-							</attribute>						
-						</label>
-					</row>
-				</template>
-			</rows>
-		</grid>
-	</hlayout>
-	<hbox width="100%" height="40px" pack="center" align="center">
-		<button id="closeButton" label="Bezár" onClick="@command('close')" />
-	</hbox>
+	<vlayout height="100%">
+		<div vflex="10">
+			<grid id="grid" sizedByContent="true" model="@load(vm.events)" vflex="true" hflex="true" style="border: none; background: #e3e3e3 !important;">
+				<columns sizable="true">
+					<column forEach="${vm.columnList}" label="${each}"></column>
+				</columns>
+				<rows id="rows">
+					<template name="model" var="r">
+						<row>
+							<label forEach="${vm.columnList}" value="${r.get(each)}">
+								<attribute name="style" if="${vm.isSelected(r)}">font-weight: bold;</attribute>
+								<attribute name="style" if="${each eq 'Tag'}">background: ${r.get('Color')};</attribute>
+							</label>
+						</row>
+					</template>
+				</rows>
+			</grid>
+		</div>
+		<div vflex="min">
+			<hbox width="100%" height="40px" pack="center" align="center">
+				<button id="closeButton" label="Bezár" onClick="@command('close')" />
+			</hbox>
+		</div>
+	</vlayout>
 </window>
diff --git a/server/user.jobengine.osgi.server/src/user/jobengine/zk/model/MetadataDetailsModel.java b/server/user.jobengine.osgi.server/src/user/jobengine/zk/model/MetadataDetailsModel.java
new file mode 100644
index 00000000..96b454dd
--- /dev/null
+++ b/server/user.jobengine.osgi.server/src/user/jobengine/zk/model/MetadataDetailsModel.java
@@ -0,0 +1,85 @@
+package user.jobengine.zk.model;
+
+import java.util.List;
+import java.util.ListIterator;
+
+import org.apache.logging.log4j.LogManager;
+import org.apache.logging.log4j.Logger;
+import org.zkoss.bind.annotation.AfterCompose;
+import org.zkoss.bind.annotation.Command;
+import org.zkoss.bind.annotation.ContextParam;
+import org.zkoss.bind.annotation.ContextType;
+import org.zkoss.bind.annotation.Init;
+import org.zkoss.zk.ui.Component;
+import org.zkoss.zk.ui.Executions;
+import org.zkoss.zk.ui.select.Selectors;
+import org.zkoss.zk.ui.select.annotation.Wire;
+import org.zkoss.zul.ListModelList;
+import org.zkoss.zul.Window;
+
+import user.jobengine.db.ArchivedMedia;
+import user.jobengine.db.ItemManager;
+import user.jobengine.db.ItemType;
+
+public class MetadataDetailsModel extends BaseModel {
+	private static final Logger logger = LogManager.getLogger();
+
+	@Wire("#window")
+	private Window wnd;
+	public ArchivedMedia archivedMedia;
+	private List<ItemType> itemTypes;
+
+	@AfterCompose
+	public void afterCompose(@ContextParam(ContextType.VIEW) Component view) {
+		Selectors.wireComponents(view, this, false);
+		Selectors.wireEventListeners(view, this);
+		archivedMedia = (ArchivedMedia) Executions.getCurrent().getArg().get("selectedObject");
+		itemTypes = ItemManager.getInstance().getItemTypes();
+		ListIterator<ItemType> iterator = itemTypes.listIterator();
+		while (iterator.hasNext()) {
+			ItemType itemType = iterator.next();
+			if (itemType.getName().equals("Generic") || itemType.getName().equals("Default")) {
+				iterator.remove();
+			} else if (itemType.getId() == archivedMedia.getMedia().getItemTypeId()) {
+				iterator.remove();
+				iterator.add(archivedMedia.getMedia().getItemType());
+			}
+		}
+	}
+
+	@Command
+	public void close() {
+		wnd.detach();
+	}
+
+	public ArchivedMedia getArchivedMedia() {
+		return archivedMedia;
+	}
+
+	public List<ItemType> getItemTypes() {
+		return itemTypes;
+	}
+
+	// @Listen("onAfterRender = #mediatypes")
+	// public void onAfterRender(Event event) {
+	// mediatypesCombobox.setSelectedIndex(getItemTypes().indexOf(archivedMedia.getMedia().getItemType()));
+	// }
+
+	@Init
+	public void init() {
+	}
+
+	@Command
+	public void save() {
+		wnd.detach();
+	}
+
+	public void setArchivedMedia(ArchivedMedia archivedMedia) {
+		this.archivedMedia = archivedMedia;
+	}
+
+	public void setItemTypes(ListModelList<ItemType> itemTypes) {
+		this.itemTypes = itemTypes;
+	}
+
+}
\ No newline at end of file
diff --git a/server/user.jobengine.osgi.server/src/user/jobengine/zk/model/SearchModel.java b/server/user.jobengine.osgi.server/src/user/jobengine/zk/model/SearchModel.java
index c4c7045c..26a10251 100644
--- a/server/user.jobengine.osgi.server/src/user/jobengine/zk/model/SearchModel.java
+++ b/server/user.jobengine.osgi.server/src/user/jobengine/zk/model/SearchModel.java
@@ -19,6 +19,7 @@ import org.zkoss.bind.annotation.ContextParam;
 import org.zkoss.bind.annotation.ContextType;
 import org.zkoss.bind.annotation.NotifyChange;
 import org.zkoss.zk.ui.Component;
+import org.zkoss.zk.ui.Executions;
 import org.zkoss.zk.ui.event.Event;
 import org.zkoss.zk.ui.event.MouseEvent;
 import org.zkoss.zk.ui.event.SortEvent;
@@ -32,7 +33,9 @@ import org.zkoss.zul.Hlayout;
 import org.zkoss.zul.Messagebox;
 import org.zkoss.zul.Row;
 import org.zkoss.zul.Rows;
+import org.zkoss.zul.Window;
 
+import user.commons.ListUtils;
 import user.commons.StoreUri;
 import user.commons.remotestore.RemoteStoreProtocol;
 import user.jobengine.db.ArchivedMedia;
@@ -109,7 +112,7 @@ public class SearchModel extends AsyncBaseModel {
 					TypeFilter typeFilter = (TypeFilter) ctx.getProperty().getBase();
 					boolean isChecked = (boolean) ctx.getProperty().getValue();
 					typeFilter.setChecked(isChecked);
-					//logger.info("{} {}", label, isChecked);
+					// logger.info("{} {}", label, isChecked);
 				} catch (Exception e) {
 
 				}
@@ -184,10 +187,10 @@ public class SearchModel extends AsyncBaseModel {
 	public void downloadMedia() {
 		if (!getHasTSMMediaFile())
 			return;
-		//		Map<String, Object> arguments = new HashMap<String, Object>();
-		//		arguments.put(MEDIACUBEMEDIA, this.selectedObject.getMedia());
-		//		Window window = (Window) Executions.createComponents(PAGES_RETRIEVESELECTOR_ZUL, null, arguments);
-		//		window.doModal();
+		// Map<String, Object> arguments = new HashMap<String, Object>();
+		// arguments.put(MEDIACUBEMEDIA, this.selectedObject.getMedia());
+		// Window window = (Window) Executions.createComponents(PAGES_RETRIEVESELECTOR_ZUL, null, arguments);
+		// window.doModal();
 
 		MenuModel model = (MenuModel) SessionUtil.getAttribute(SessionUtil.MENUMODEL);
 		model.selectArchivedMedia(this.selectedObject, true);
@@ -355,8 +358,15 @@ public class SearchModel extends AsyncBaseModel {
 
 	@Command
 	public void onPaging() {
-		//		if (rows != null)
-		//			Clients.scrollIntoView(rows);
+		// if (rows != null)
+		// Clients.scrollIntoView(rows);
+	}
+
+	@Command
+	public void openMetaDataDialog() {
+		String template = "/pages/metadatadetails.zul";
+		Window window = (Window) Executions.createComponents(template, null, ListUtils.asMap("selectedObject", selectedObject));
+		window.doModal();
 	}
 
 	@Command
@@ -364,7 +374,7 @@ public class SearchModel extends AsyncBaseModel {
 		logger.info(event);
 	}
 
-	//	public void rowSelected(@BindingParam("item") Object media, @BindingParam("isChecked") boolean isChecked) {
+	// public void rowSelected(@BindingParam("item") Object media, @BindingParam("isChecked") boolean isChecked) {
 	@Command
 	public void rowMouseOver(@BindingParam("evt") MouseEvent event) {
 		logger.info(event);
@@ -395,7 +405,7 @@ public class SearchModel extends AsyncBaseModel {
 
 	public void setAllSelected(boolean allSelected) {
 		this.allSelected = allSelected;
-		//itemsGrid.renderAll();
+		// itemsGrid.renderAll();
 		List<Component> components = itemsGrid.getRows().getChildren();
 		for (Component obj : components) {
 			Row row = (Row) obj;
-- 
2.54.0