-<zk xmlns:w="client">\r
-<window id="metadataEditorWnd" title="Leírás szerkesztése" width="50%" height="50%" mode="overlapped" closable="true" maximizable="true" minimizable="false"\r
- sizable="true" position="left,top" viewModel="@id('vm') @init('user.jobengine.zk.model.MetadataDetailsModel')" forward="onCancel=closeButton.onClick">\r
-\r
-<!-- <script type="text/javascript" src="/js/jquery.maskedinput.min.js" /> -->\r
-<!-- <script type="text/javascript"> -->\r
-\r
-<!-- $.mask.definitions['a']='[012]'; -->\r
-<!-- $.mask.definitions['b']='[0123]'; -->\r
-<!-- </script> -->\r
- <vlayout height="100%">\r
- <tabbox id="pagesTab" vflex="true" hflex="true" orient="top">\r
- <tabs visible="true">\r
- <tab id="tab0" label="Adatok" selected="true" />\r
- <tab id="tab1" label="Média leírása" />\r
- </tabs>\r
- <tabpanels>\r
- <tabpanel>\r
- <listbox vflex="true" style="border: none; background: white !important;">\r
- <listhead>\r
- <listheader hflex="min" />\r
- <listheader width="90%" />\r
- </listhead>\r
- <listitem id="item_houseid">\r
- <listcell label="Gyűjtő azonosítója" />\r
- <listcell label="@load(vm.archivedMedia.item.houseId)" />\r
- </listitem>\r
- <listitem id="item_title">\r
- <listcell label="Gyűjtő címe" />\r
- <listcell label="@load(vm.archivedMedia.item.title)" />\r
- </listitem>\r
- <listitem id="item_type">\r
- <listcell label="Gyűjtő típusa" />\r
- <listcell label="@load(vm.archivedMedia.item.itemType.name)" />\r
- </listitem>\r
- <listitem id="item_description">\r
- <listcell label="Gyűjtő leírása" style="vertical-align: top;" />\r
- <listcell label="@load(vm.archivedMedia.item.description)" />\r
- </listitem>\r
- <listitem id="media_houseid">\r
- <listcell label="Média azonosítója" />\r
- <listcell>\r
- <textbox hflex="true" value="@load(vm.archivedMedia.media.houseId) @save(vm.archivedMedia.media.houseId,before='save')"></textbox>\r
- </listcell>\r
- </listitem>\r
- <listitem id="media_creation">\r
- <listcell label="Média dátuma" />\r
- <listcell>\r
- <datebox value="@load(vm.archivedMedia.media.creation) @save(vm.archivedMedia.media.creation,before='save')" />\r
- </listcell>\r
- </listitem>\r
- <listitem id="media_length">\r
- <listcell label="Média hossz" />\r
- <listcell>\r
-<!-- <textbox value="@load(vm.archivedMedia.media.length) @save(vm.archivedMedia.media.length,before='save') @converter('user.jobengine.zk.model.TCConverter')" constraint="/^([0-1]\d|2[0-3]):([0-5]\d):([0-5]\d):([0-1]\d|2[0-4])$/: Timecode formátum kötelező (HH:MM:SS:FF)!" w:onBind="jq(this).mask('[0-2][0-3]:[0-5]9:[0-5]9:[0-2][0-4]');"/> -->\r
- <longbox constraint="no empty, no negative" value="@load(vm.archivedMedia.media.length) @save(vm.archivedMedia.media.length,before='save')"/>\r
- </listcell>\r
- </listitem>\r
- \r
- <listitem id="media_title">\r
- <listcell label="Média címe" />\r
- <listcell>\r
- <textbox hflex="true" value="@load(vm.archivedMedia.media.title) @save(vm.archivedMedia.media.title,before='save')" />\r
- </listcell>\r
- </listitem>\r
- <listitem id="media_type">\r
- <listcell label="Média típusa" />\r
- <listcell>\r
- <combobox id="mediatypes" hflex="true" model="@load(vm.itemTypes)"\r
- selectedItem="@load(vm.archivedMedia.media.itemType)@save(vm.archivedMedia.media.itemType,before='save')">\r
- <template name="model">\r
- <comboitem label="${each.name}" value="${each}"></comboitem>\r
- </template>\r
- </combobox>\r
- </listcell>\r
- </listitem>\r
- </listbox>\r
- </tabpanel>\r
- <tabpanel>\r
- <textbox id="media_description_hidden" multiline="true" hflex="true" vflex="true"\r
- value="@load(vm.archivedMedia.media.description) @save(vm.archivedMedia.media.description,before='save')" />\r
- </tabpanel>\r
- </tabpanels>\r
- </tabbox>\r
+<!DOCTYPE xml>\r
\r
-\r
- <div hflex="true" vflex="min" align="center">\r
- <button id="saveButton" label="Mentés" onClick="@command('save')" />\r
- <button id="closeButton" label="Mégse" onClick="@command('close')" />\r
- </div>\r
- </vlayout>\r
- <!-- \r
- <h:script defer="true">\r
- var text = document.getElementById("media_description"); \r
- \r
- function setDescription(val) {\r
- text.value = val;\r
- }\r
- \r
- // https://stackoverflow.com/questions/454202/creating-a-textarea-with-auto-resize\r
- var observe;\r
- if (window.attachEvent) {\r
- observe = function (element, event, handler) {\r
- element.attachEvent('on'+event, handler);\r
- };\r
- }\r
- else {\r
- observe = function (element, event, handler) {\r
- element.addEventListener(event, handler, false);\r
- };\r
- } \r
- \r
- \r
- function resize() {\r
- text.style.height = 'auto';\r
- text.style.height = text.scrollHeight + 10 + 'px';\r
- }\r
- \r
- function delayedResize() {\r
- window.setTimeout(resize(), 0);\r
- }\r
- \r
- \r
- observe(text, 'change', delayedResize);\r
- observe(text, 'cut', delayedResize);\r
- observe(text, 'paste', delayedResize);\r
- observe(text, 'drop', delayedResize);\r
- observe(text, 'keydown', delayedResize);\r
- \r
- \r
- \r
- text.focus();\r
- text.select();\r
- resize();\r
- \r
- </h:script>\r
- -->\r
-</window>\r
+<zk xmlns:w="client">\r
+ <window id="metadataEditorWnd" title="Leírás szerkesztése" width="50%" height="50%" mode="overlapped" closable="true" maximizable="true" minimizable="false"\r
+ sizable="true" position="left,top" viewModel="@id('vm') @init('user.jobengine.zk.model.MetadataDetailsModel')" forward="onCancel=closeButton.onClick">\r
+ \r
+ <!-- <script type="text/javascript" src="/js/jquery.maskedinput.min.js" /> -->\r
+ <!-- <script type="text/javascript"> -->\r
+ \r
+ <!-- $.mask.definitions['a']='[012]'; -->\r
+ <!-- $.mask.definitions['b']='[0123]'; -->\r
+ <!-- </script> -->\r
+ <vlayout height="100%">\r
+ <tabbox id="pagesTab" vflex="true" hflex="true" orient="top">\r
+ <tabs visible="true">\r
+ <tab id="tab0" label="Adatok" selected="true" />\r
+ <tab id="tab1" label="Média leírása" />\r
+ </tabs>\r
+ <tabpanels>\r
+ <tabpanel>\r
+ <listbox vflex="true" style="border: none; background: white !important;">\r
+ <listhead>\r
+ <listheader hflex="min" />\r
+ <listheader width="90%" />\r
+ </listhead>\r
+ <listitem id="item_houseid">\r
+ <listcell label="Gyűjtő azonosítója" />\r
+ <listcell label="@load(vm.archivedMedia.item.houseId)" />\r
+ </listitem>\r
+ <listitem id="item_title">\r
+ <listcell label="Gyűjtő címe" />\r
+ <listcell label="@load(vm.archivedMedia.item.title)" />\r
+ </listitem>\r
+ <listitem id="item_type">\r
+ <listcell label="Gyűjtő típusa" />\r
+ <listcell label="@load(vm.archivedMedia.item.itemType.name)" />\r
+ </listitem>\r
+ <listitem id="item_description">\r
+ <listcell label="Gyűjtő leírása" style="vertical-align: top;" />\r
+ <listcell label="@load(vm.archivedMedia.item.description)" />\r
+ </listitem>\r
+ <listitem id="media_houseid">\r
+ <listcell label="Média azonosítója" />\r
+ <listcell>\r
+ <textbox hflex="true" value="@load(vm.archivedMedia.media.houseId) @save(vm.archivedMedia.media.houseId,before='save')"></textbox>\r
+ </listcell>\r
+ </listitem>\r
+ <listitem id="media_creation">\r
+ <listcell label="Média dátuma" />\r
+ <listcell>\r
+ <datebox value="@load(vm.archivedMedia.media.creation) @save(vm.archivedMedia.media.creation,before='save')" />\r
+ </listcell>\r
+ </listitem>\r
+ <listitem id="media_length">\r
+ <listcell label="Média hossz" />\r
+ <listcell>\r
+ <!-- <textbox value="@load(vm.archivedMedia.media.length) @save(vm.archivedMedia.media.length,before='save') @converter('user.jobengine.zk.model.TCConverter')" constraint="/^([0-1]\d|2[0-3]):([0-5]\d):([0-5]\d):([0-1]\d|2[0-4])$/: Timecode formátum kötelező (HH:MM:SS:FF)!" w:onBind="jq(this).mask('[0-2][0-3]:[0-5]9:[0-5]9:[0-2][0-4]');"/> -->\r
+ <longbox constraint="no empty, no negative" value="@load(vm.archivedMedia.media.length) @save(vm.archivedMedia.media.length,before='save')"/>\r
+ </listcell>\r
+ </listitem>\r
+ \r
+ <listitem id="media_title">\r
+ <listcell label="Média címe" />\r
+ <listcell>\r
+ <textbox hflex="true" value="@load(vm.archivedMedia.media.title) @save(vm.archivedMedia.media.title,before='save')" />\r
+ </listcell>\r
+ </listitem>\r
+ <listitem id="media_type">\r
+ <listcell label="Média típusa" />\r
+ <listcell>\r
+ <combobox id="mediatypes" hflex="true" model="@load(vm.itemTypes)"\r
+ selectedItem="@load(vm.archivedMedia.media.itemType)@save(vm.archivedMedia.media.itemType,before='save')">\r
+ <template name="model">\r
+ <comboitem label="${each.name}" value="${each}"></comboitem>\r
+ </template>\r
+ </combobox>\r
+ </listcell>\r
+ </listitem>\r
+ </listbox>\r
+ </tabpanel>\r
+ <tabpanel>\r
+ <textbox id="media_description_hidden" multiline="true" hflex="true" vflex="true"\r
+ value="@load(vm.archivedMedia.media.description) @save(vm.archivedMedia.media.description,before='save')" />\r
+ </tabpanel>\r
+ </tabpanels>\r
+ </tabbox>\r
+ \r
+ \r
+ <div hflex="true" vflex="min" align="center">\r
+ <button id="saveButton" label="Mentés" onClick="@command('save')" />\r
+ <button id="closeButton" label="Mégse" onClick="@command('close')" />\r
+ </div>\r
+ </vlayout>\r
+ <!-- \r
+ <h:script defer="true">\r
+ var text = document.getElementById("media_description"); \r
+ \r
+ function setDescription(val) {\r
+ text.value = val;\r
+ }\r
+ \r
+ // https://stackoverflow.com/questions/454202/creating-a-textarea-with-auto-resize\r
+ var observe;\r
+ if (window.attachEvent) {\r
+ observe = function (element, event, handler) {\r
+ element.attachEvent('on'+event, handler);\r
+ };\r
+ }\r
+ else {\r
+ observe = function (element, event, handler) {\r
+ element.addEventListener(event, handler, false);\r
+ };\r
+ } \r
+ \r
+ \r
+ function resize() {\r
+ text.style.height = 'auto';\r
+ text.style.height = text.scrollHeight + 10 + 'px';\r
+ }\r
+ \r
+ function delayedResize() {\r
+ window.setTimeout(resize(), 0);\r
+ }\r
+ \r
+ \r
+ observe(text, 'change', delayedResize);\r
+ observe(text, 'cut', delayedResize);\r
+ observe(text, 'paste', delayedResize);\r
+ observe(text, 'drop', delayedResize);\r
+ observe(text, 'keydown', delayedResize);\r
+ \r
+ \r
+ \r
+ text.focus();\r
+ text.select();\r
+ resize();\r
+ \r
+ </h:script>\r
+ -->\r
+ </window>\r
</zk>
\ No newline at end of file
https://git.useribm.hu / mediacube.git / commitdiff