diff --git a/source/Ox.UI/js/Video/Ox.FilesView.js b/source/Ox.UI/js/Video/Ox.FilesView.js index 0fcc7cab..14a443f0 100644 --- a/source/Ox.UI/js/Video/Ox.FilesView.js +++ b/source/Ox.UI/js/Video/Ox.FilesView.js @@ -147,15 +147,57 @@ Ox.FilesView = function(options, self) { }), callback); }, scrollbarVisible: true, - sort: [{key: 'name', operator:'+'}] + sort: [{key: 'name', operator: '+'}] }) .bindEvent({ open: openFiles, select: selectFiles }); - self.$instancesList = Ox.Element() - .html('No files selected'); + self.$instancesList = Ox.TextList({ + columns: [ + { + align: 'left', + id: 'user', + operator: '+', + title: 'User', + visible: true, + width: 120 + }, + { + align: 'left', + id: 'volume', + operator: '+', + title: 'Volume', + visible: true, + width: 120 + }, + { + align: 'left', + id: 'folder', + operator: '+', + title: 'Folder', + visible: true, + width: 180 + }, + { + align: 'left', + id: 'name', + operator: '+', + title: 'Name', + visible: true, + width: 360 + }, + ], + columnsMovable: true, + columnsRemovable: true, + columnsResizable: true, + columnsVisible: true, + id: 'files', + items: [], + scrollbarVisible: true, + sort: [{key: 'user', operator: '+'}] + }); self.$movieLabel = Ox.Label({ textAlign: 'center', @@ -234,7 +276,7 @@ Ox.FilesView = function(options, self) { .css({margin: '8px'}); self.$clearButton = Ox.Button({ - title: 'Clear', + title: 'Clear Form', width: 116 }) .css({margin: '0 4px 4px 8px'}) @@ -248,7 +290,7 @@ Ox.FilesView = function(options, self) { self.$moveButton = Ox.Button({ disabled: true, - title: 'Move', + title: 'Move Files', width: 116 }) .css({margin: '0 4px 4px 4px'}); @@ -293,7 +335,12 @@ Ox.FilesView = function(options, self) { } function selectFiles(data) { + Ox.print('........', JSON.stringify(self.$filesList.value(data.ids[0], 'instances'))) self.selected = data.ids; + self.$instancesList.options({ + items: data.ids.length == 1 + ? self.$filesList.value(data.ids[0], 'instances') : [] + }); updateForm(); }