0x2620/pandora
2
1
Fork 1
Code Issues 1.3k Pull requests Releases Wiki Activity

update embed dialog

Browse source
This commit is contained in:
rolux 2014-02-16 12:35:23 +00:00
parent 3e7cc90040
commit a59d1d5129
1 changed files with 50 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
static/js/embedDialog.js
View file

@ -52,7 +52,7 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
{ {
id: 'list', id: 'list',
title: Ox._('List'), title: Ox._('List'),
description: Ox._('Embed a List Icon and Description'), description: Ox._('Embed a List Icon with Description'),
inputs: ['list'] inputs: ['list']
}, },
{ {
@ -65,13 +65,13 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
id: 'map', id: 'map',
title: Ox._('Map'), title: Ox._('Map'),
description: Ox._('Embed a Map View'), description: Ox._('Embed a Map View'),
inputs: ['switch', 'item', 'find', 'sort', 'title'] inputs: ['mapMode', 'item', 'find', 'sort', 'title']
}, },
{ {
id: 'calendar', id: 'calendar',
title: Ox._('Calendar'), title: Ox._('Calendar'),
description: Ox._('Embed a calendar view'), description: Ox._('Embed a Calendar View'),
inputs: ['switch', 'item', 'find', 'sort', 'title'] inputs: ['mapMode', 'item', 'find', 'sort', 'title']
}, },
{ {
id: 'document', id: 'document',
@ -84,14 +84,14 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
title: Ox._('Edit'), title: Ox._('Edit'),
description: Ox._('Embed an Edited Video'), description: Ox._('Embed an Edited Video'),
inputs: [ inputs: [
'edit', 'position', 'edit', 'editMode', 'position',
'showTimeline', 'showAnnotations', 'matchRatio' 'showTimeline', 'showAnnotations', 'matchRatio'
] ]
}, },
{ {
id: 'text', id: 'text',
title: Ox._('Text'), title: Ox._('Text'),
description: Ox._('Embed text icon and description'), description: Ox._('Embed a Text Icon with Description'),
inputs: ['text'] inputs: ['text']
} }
].map(function(item, index) { ].map(function(item, index) {
@ -215,7 +215,8 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
timeline: data.timeline && data.timeline != 'default' ? data.timeline : void 0, timeline: data.timeline && data.timeline != 'default' ? data.timeline : void 0,
showAnnotations: data.showAnnotations || void 0, showAnnotations: data.showAnnotations || void 0,
showLayers: data.showAnnotations && data.showLayers ? data.showLayers : void 0, showLayers: data.showAnnotations && data.showLayers ? data.showLayers : void 0,
matchRatio: Ox.contains(['video', 'edit'], view) ? data.matchRatio || void 0 : void 0 matchRatio: Ox.contains(['video', 'edit'], view) ? data.matchRatio || void 0 : void 0,
showInfo: Ox.contains(['list', 'text'], view) || (view == 'edit' && !!$input.editMode.value()) || void 0
}, true), }, true),
position = ( position = (
data.position ? [data.position] : [] data.position ? [data.position] : []
@ -231,7 +232,7 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
: '/' : '/'
) )
+ ( + (
Ox.contains(['info', 'video', 'timeline'], view) || data.switch == 'item' ? data.item Ox.contains(['info', 'video', 'timeline'], view) || data.mapMode == 'item' ? data.item
: view == 'list' ? 'list==' + data.list : view == 'list' ? 'list==' + data.list
: view == 'document' ? 'documents/' + data.document : view == 'document' ? 'documents/' + data.document
: view == 'edit' ? 'edits/' + data.edit : view == 'edit' ? 'edits/' + data.edit
@ -240,7 +241,7 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
) )
+ ( + (
Ox.contains(['info', 'timeline'], view) ? '/' + view Ox.contains(['info', 'timeline'], view) ? '/' + view
: Ox.contains(['grid', 'map', 'calendar'], view) ? (data.switch == 'item' ? '/' : '') + view : Ox.contains(['grid', 'map', 'calendar'], view) ? (data.mapMode == 'item' ? '/' : '') + view
: '' : ''
) )
+ ( + (
@ -382,7 +383,7 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
}) })
.appendTo($form); .appendTo($form);
$input.switch = Ox.Select({ $input.mapMode = Ox.Select({
items: [ items: [
{id: 'item', title: Ox._(pandora.site.itemName.singular)}, {id: 'item', title: Ox._(pandora.site.itemName.singular)},
{id: 'find', title: Ox._('Query')} {id: 'find', title: Ox._('Query')}
@ -475,6 +476,24 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
}) })
.appendTo($form); .appendTo($form);
$input.editMode = Ox.Select({
items: [
{id: 'icon', title: Ox._('Icon and Description')},
{id: 'video', title: Ox._('Video')}
],
label: 'Embed',
labelWidth: labelWidth,
width: formWidth
})
.css(css)
.bindEvent({
change: function() {
updateForm();
updateHTML();
}
})
.appendTo($form);
$input.position = Ox.Input({ $input.position = Ox.Input({
label: Ox._('Position'), label: Ox._('Position'),
labelWidth: labelWidth, labelWidth: labelWidth,
@ -791,13 +810,20 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
advanced && view == 'video' && $input.showAnnotations.options('value') ? 'show' : 'hide' advanced && view == 'video' && $input.showAnnotations.options('value') ? 'show' : 'hide'
](); ]();
if (Ox.contains(['map', 'calendar'], view)) { if (Ox.contains(['map', 'calendar'], view)) {
$input.switch.options({ $input.mapMode.options({
label: Ox._('{0} for', [ label: Ox._('{0} for', [
Ox.getObjectById(views, $list.options('selected')[0]).title Ox.getObjectById(views, $list.options('selected')[0]).title
]) ])
}); });
$input.item[$input.switch.value() == 'item' ? 'show' : 'hide'](); $input.item[$input.mapMode.value() == 'item' ? 'show' : 'hide']();
$input.find[$input.switch.value() == 'find' ? 'show' : 'hide'](); $input.find[$input.mapMode.value() == 'find' ? 'show' : 'hide']();
} else if (view == 'edit') {
[
'position', 'showTimeline', 'timeline', 'showAnnotations',
'showLayersLabel', 'showLayers', 'matchRatio'
].forEach(function(key) {
$input[key][$input.editMode.value() == 'video' ? 'show' : 'hide'];
});
} }
} }
@ -841,7 +867,7 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
} else { } else {
options.view = 'text'; options.view = 'text';
} }
options.switch = !ui.item ? 'list' : 'item'; options.mapMode = !ui.item ? 'list' : 'item';
options.item = ui.item; options.item = ui.item;
options.document = ui.documentsSelection[ui.item][0] || ''; options.document = ui.documentsSelection[ui.item][0] || '';
options.list = ui._list; options.list = ui._list;
@ -896,12 +922,13 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
function validatePoint(key) { function validatePoint(key) {
// key can be position, in, out, annotation // key can be position, in, out, annotation
var hasInAndOut = $input['in'].options('value') !== ''; var hasInAndOut = $input['in'].options('value') !== '',
if ($input[key].value()) { value = $input[key].value();
if (value) {
if (key == 'position') { if (key == 'position') {
$input.position.options({ $input.position.options({
value: limitPoint( value: limitPoint(
data.value, value,
hasInAndOut ? $input['in'].options('value') : 0, hasInAndOut ? $input['in'].options('value') : 0,
hasInAndOut ? $input.out.options('value') : duration hasInAndOut ? $input.out.options('value') : duration
) )
@ -909,28 +936,28 @@ pandora.ui.embedDialog = function(/*[url, ]callback*/) {
$input.annotation.options({value: ''}); $input.annotation.options({value: ''});
} else if (key == 'in') { } else if (key == 'in') {
$input['in'].options({ $input['in'].options({
value: limitPoint(data.value, 0, duration) value: limitPoint(value, 0, duration)
}); });
if ($input.out.options('value') === '') { if ($input.out.options('value') === '') {
$input.out.options({value: Ox.formatDuration(duration)}); $input.out.options({value: Ox.formatDuration(duration)});
} else if ( } else if (
Ox.parseDuration($input.out.options('value')) Ox.parseDuration($input.out.options('value'))
< Ox.parseDuration(data.value) < Ox.parseDuration(value)
) { ) {
$input.out.options({value: data.value}); $input.out.options({value: value});
} }
$input.annotation.options({value: ''}); $input.annotation.options({value: ''});
} else if (key == 'out') { } else if (key == 'out') {
$input.out.options({ $input.out.options({
value: limitPoint(data.value, 0, duration) value: limitPoint(value, 0, duration)
}); });
if ($input['in'].options('value') === '') { if ($input['in'].options('value') === '') {
$input['in'].options({value: Ox.formatDuration(0)}); $input['in'].options({value: Ox.formatDuration(0)});
} else if ( } else if (
Ox.parseDuration($input['in'].options('value')) Ox.parseDuration($input['in'].options('value'))
> Ox.parseDuration(data.value) > Ox.parseDuration(value)
) { ) {
$input['in'].options({value: data.value}); $input['in'].options({value: value});
} }
$input.annotation.options({value: ''}); $input.annotation.options({value: ''});
} else if (key == 'annotation') { } else if (key == 'annotation') {