directly use documentsPanel, remove unused documentsView
This commit is contained in:
j
parent
ea56727c5a
commit
b03e86f78c
2 changed files with 1 additions and 251 deletions
|
|
@ -1,247 +0,0 @@
|
||||||
// vim: et:ts=4:sw=4:sts=4:ft=javascript
|
|
||||||
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
pandora.ui.documentsView = function(options, self) {
|
|
||||||
|
|
||||||
var that = pandora.ui.documentsPanel({
|
|
||||||
isItemView: true
|
|
||||||
});
|
|
||||||
return that;
|
|
||||||
|
|
||||||
var self = self || {},
|
|
||||||
that = Ox.Element({}, self)
|
|
||||||
.defaults({
|
|
||||||
id: ''
|
|
||||||
})
|
|
||||||
.options(options || {});
|
|
||||||
|
|
||||||
self.selected = null;
|
|
||||||
|
|
||||||
self.$toolbar = Ox.Bar({
|
|
||||||
size: 24
|
|
||||||
});
|
|
||||||
|
|
||||||
self.$preview = Ox.Element();
|
|
||||||
|
|
||||||
self.$menu = Ox.MenuButton({
|
|
||||||
items: [
|
|
||||||
{
|
|
||||||
id: 'add',
|
|
||||||
title: Ox._('Add Documents...')
|
|
||||||
},
|
|
||||||
],
|
|
||||||
title: 'set',
|
|
||||||
type: 'image'
|
|
||||||
})
|
|
||||||
.css({
|
|
||||||
float: 'left',
|
|
||||||
margin: '4px'
|
|
||||||
})
|
|
||||||
.bindEvent({
|
|
||||||
click: function(data) {
|
|
||||||
if (data.id == 'add') {
|
|
||||||
addDocuments();
|
|
||||||
} else if (data.id == 'fixme') {
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.appendTo(self.$toolbar);
|
|
||||||
|
|
||||||
self.$documentsList = Ox.TableList({
|
|
||||||
columns: [
|
|
||||||
{
|
|
||||||
align: 'left',
|
|
||||||
id: 'index',
|
|
||||||
operator: '+',
|
|
||||||
title: Ox._('Index'),
|
|
||||||
visible: false,
|
|
||||||
width: 60
|
|
||||||
},
|
|
||||||
{
|
|
||||||
align: 'left',
|
|
||||||
id: 'id',
|
|
||||||
operator: '+',
|
|
||||||
title: Ox._('ID'),
|
|
||||||
visible: false,
|
|
||||||
width: 60
|
|
||||||
},
|
|
||||||
{
|
|
||||||
align: 'left',
|
|
||||||
id: 'user',
|
|
||||||
operator: '+',
|
|
||||||
title: Ox._('User'),
|
|
||||||
visible: false,
|
|
||||||
width: 60
|
|
||||||
},
|
|
||||||
{
|
|
||||||
align: 'left',
|
|
||||||
id: 'name',
|
|
||||||
operator: '+',
|
|
||||||
title: Ox._('Name'),
|
|
||||||
visible: true,
|
|
||||||
width: 360
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: 'extension',
|
|
||||||
operator: '+',
|
|
||||||
title: Ox._('Extension'),
|
|
||||||
visible: false,
|
|
||||||
width: 60
|
|
||||||
},
|
|
||||||
{
|
|
||||||
editable: true,
|
|
||||||
id: 'description',
|
|
||||||
operator: '+',
|
|
||||||
title: Ox._('Description'),
|
|
||||||
visible: true,
|
|
||||||
width: 240
|
|
||||||
}
|
|
||||||
],
|
|
||||||
columnsMovable: true,
|
|
||||||
columnsRemovable: true,
|
|
||||||
columnsResizable: true,
|
|
||||||
columnsVisible: true,
|
|
||||||
items: options.documents,
|
|
||||||
keys: ['ratio'],
|
|
||||||
scrollbarVisible: true,
|
|
||||||
sort: [{key: 'index', operator: '+'}],
|
|
||||||
sortable: true,
|
|
||||||
unique: 'id'
|
|
||||||
})
|
|
||||||
.bindEvent({
|
|
||||||
add: function(data) {
|
|
||||||
addDocuments();
|
|
||||||
},
|
|
||||||
'delete': function(data) {
|
|
||||||
if (data.ids.length > 0 && options.editable) {
|
|
||||||
pandora.api.removeDocument({
|
|
||||||
ids: data.ids,
|
|
||||||
item: pandora.user.ui.item
|
|
||||||
}, function(result) {
|
|
||||||
Ox.Request.clearCache();
|
|
||||||
//fixme just upload list here
|
|
||||||
//self.$documentsList.reloadList();
|
|
||||||
pandora.$ui.contentPanel.replaceElement(1,
|
|
||||||
pandora.$ui.item = pandora.ui.item());
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
move: function(data) {
|
|
||||||
Ox.Request.clearCache();
|
|
||||||
pandora.api.sortDocuments({
|
|
||||||
item: pandora.user.ui.item,
|
|
||||||
ids: data.ids
|
|
||||||
})
|
|
||||||
},
|
|
||||||
select: selectDocument,
|
|
||||||
submit: function(data) {
|
|
||||||
var value = self.$documentsList.value(data.id, data.key);
|
|
||||||
if (data.value != value && !(data.value === '' && value === null)) {
|
|
||||||
self.$documentsList.value(data.id, data.key, data.value || null);
|
|
||||||
data.key == 'description' && pandora.api.editDocument({
|
|
||||||
description: data.value,
|
|
||||||
id: data.id,
|
|
||||||
item: pandora.user.ui.item
|
|
||||||
}, function(result) {
|
|
||||||
// if description is empty, fall back to global description
|
|
||||||
self.$documentsList.value(data.id, data.key, result.data.description);
|
|
||||||
renderPreview();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
function addDocuments() {
|
|
||||||
pandora.$ui.documentsDialog = pandora.ui.documentsDialog().open();
|
|
||||||
}
|
|
||||||
|
|
||||||
function renderPreview() {
|
|
||||||
var size = getPreviewSize(),
|
|
||||||
src = '/documents/' + self.selected + '/256p.jpg';
|
|
||||||
self.$preview.empty();
|
|
||||||
self.selected && self.$preview
|
|
||||||
.append(
|
|
||||||
Ox.ImageElement({
|
|
||||||
height: size.height,
|
|
||||||
src: src,
|
|
||||||
width: size.width
|
|
||||||
})
|
|
||||||
.css({
|
|
||||||
margin: size.margin,
|
|
||||||
borderRadius: '8px'
|
|
||||||
})
|
|
||||||
.on({
|
|
||||||
click: function() {
|
|
||||||
var info = self.$documentsList.value(self.selected),
|
|
||||||
url = '/documents/' + self.selected + '/' + info.name + '.' + info.extension;
|
|
||||||
window.open(url, '_blank');
|
|
||||||
}
|
|
||||||
})
|
|
||||||
)
|
|
||||||
.append(Ox.Element()
|
|
||||||
.css({
|
|
||||||
margin: size.margin,
|
|
||||||
paddingTop: '8px'
|
|
||||||
})
|
|
||||||
.html(self.$documentsList.value(self.selected, 'description')
|
|
||||||
));
|
|
||||||
}
|
|
||||||
|
|
||||||
function getPreviewSize() {
|
|
||||||
var ratio = self.$documentsList.value(self.selected, 'ratio'),
|
|
||||||
previewWidth = self.$preview.width() - 8,
|
|
||||||
height = ratio < 1 ? previewWidth : previewWidth / ratio,
|
|
||||||
width = ratio >= 1 ? previewWidth : previewWidth * ratio,
|
|
||||||
left = Math.floor((previewWidth - Ox.UI.SCROLLBAR_SIZE - width) / 2);
|
|
||||||
return {
|
|
||||||
height: height,
|
|
||||||
// fixme: CSS gets applied twice, to image and enclosing element
|
|
||||||
margin: [8, 8, 8, 8 + left].map(function(px) {
|
|
||||||
return px / 2 + 'px';
|
|
||||||
}).join(' '),
|
|
||||||
width: width
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function selectDocument(data) {
|
|
||||||
if (data.ids[0] != self.selected) {
|
|
||||||
self.selected = data.ids[0];
|
|
||||||
renderPreview();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
that.setElement(Ox.SplitPanel({
|
|
||||||
elements: [
|
|
||||||
{
|
|
||||||
element: Ox.SplitPanel({
|
|
||||||
elements: [
|
|
||||||
{
|
|
||||||
element: self.$toolbar,
|
|
||||||
size: 24
|
|
||||||
},
|
|
||||||
{
|
|
||||||
element: self.$documentsList
|
|
||||||
},
|
|
||||||
],
|
|
||||||
orientation: 'vertical'
|
|
||||||
})
|
|
||||||
},
|
|
||||||
{
|
|
||||||
collapsible: true,
|
|
||||||
element: self.$preview,
|
|
||||||
size: 256
|
|
||||||
}
|
|
||||||
],
|
|
||||||
orientation: 'horizontal'
|
|
||||||
})
|
|
||||||
);
|
|
||||||
|
|
||||||
|
|
||||||
that.reload = function() {
|
|
||||||
self.$documentsList.reloadList();
|
|
||||||
}
|
|
||||||
|
|
||||||
return that;
|
|
||||||
|
|
||||||
};
|
|
||||||
|
|
@ -16,9 +16,6 @@ pandora.ui.item = function() {
|
||||||
'cuts', 'director', 'duration', 'durations', 'editable', 'layers',
|
'cuts', 'director', 'duration', 'durations', 'editable', 'layers',
|
||||||
'modified', 'parts', 'posterFrame', 'rendered', 'rightslevel',
|
'modified', 'parts', 'posterFrame', 'rendered', 'rightslevel',
|
||||||
'size', 'title', 'videoRatio', 'year'
|
'size', 'title', 'videoRatio', 'year'
|
||||||
] : pandora.user.ui.itemView == 'documents' ? [
|
|
||||||
'director', 'documents', 'duration', 'durations', 'editable',
|
|
||||||
'rightslevel', 'size', 'title', 'videoRatio', 'year'
|
|
||||||
] : []
|
] : []
|
||||||
}, pandora.user.ui.itemView == 'info' && pandora.site.capabilities.canEditMetadata[pandora.user.level] ? 0 : -1, function(result) {
|
}, pandora.user.ui.itemView == 'info' && pandora.site.capabilities.canEditMetadata[pandora.user.level] ? 0 : -1, function(result) {
|
||||||
|
|
||||||
|
|
@ -70,7 +67,7 @@ pandora.ui.item = function() {
|
||||||
} else if (pandora.user.ui.itemView == 'documents') {
|
} else if (pandora.user.ui.itemView == 'documents') {
|
||||||
|
|
||||||
pandora.$ui.contentPanel.replaceElement(1,
|
pandora.$ui.contentPanel.replaceElement(1,
|
||||||
pandora.$ui.documents = pandora.ui.documentsView(result.data)
|
pandora.$ui.documents = pandora.ui.documentsPanel({isItemView: true})
|
||||||
);
|
);
|
||||||
|
|
||||||
} else if (pandora.user.ui.itemView == 'player') {
|
} else if (pandora.user.ui.itemView == 'player') {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue