make annotation folder info buttons functional in player and timeline views, fixes #607
This commit is contained in:
parent
baa48c2bf7
commit
778c98625a
4 changed files with 67 additions and 38 deletions
|
@ -2,8 +2,10 @@
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
pandora.ui.annotationDialog = function(layer) {
|
pandora.ui.annotationDialog = function(layer) {
|
||||||
var $dialog = Ox.Dialog({
|
var isEditor = pandora.user.ui.itemView == 'editor',
|
||||||
buttons: [
|
$dialog = Ox.Dialog({
|
||||||
|
buttons: Ox.merge(
|
||||||
|
isEditor ? [
|
||||||
Ox.Button({title: 'Sign Up...'}).bindEvent({
|
Ox.Button({title: 'Sign Up...'}).bindEvent({
|
||||||
click: function() {
|
click: function() {
|
||||||
$dialog.close();
|
$dialog.close();
|
||||||
|
@ -15,14 +17,24 @@ pandora.ui.annotationDialog = function(layer) {
|
||||||
$dialog.close();
|
$dialog.close();
|
||||||
pandora.$ui.accountDialog = pandora.ui.accountDialog('signin').open();
|
pandora.$ui.accountDialog = pandora.ui.accountDialog('signin').open();
|
||||||
}
|
}
|
||||||
}),
|
})
|
||||||
|
] : [
|
||||||
|
Ox.Button({title: 'Switch to Editor'}).bindEvent({
|
||||||
|
click: function() {
|
||||||
|
$dialog.close();
|
||||||
|
pandora.UI.set({itemView: 'editor'});
|
||||||
|
}
|
||||||
|
})
|
||||||
|
],
|
||||||
|
[
|
||||||
{},
|
{},
|
||||||
Ox.Button({title: 'Not Now'}).bindEvent({
|
Ox.Button({title: 'Not Now'}).bindEvent({
|
||||||
click: function() {
|
click: function() {
|
||||||
$dialog.close();
|
$dialog.close();
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
],
|
]
|
||||||
|
),
|
||||||
content: Ox.Element()
|
content: Ox.Element()
|
||||||
.append(
|
.append(
|
||||||
$('<img>')
|
$('<img>')
|
||||||
|
@ -32,7 +44,12 @@ pandora.ui.annotationDialog = function(layer) {
|
||||||
.append(
|
.append(
|
||||||
$('<div>')
|
$('<div>')
|
||||||
.css({position: 'absolute', left: '96px', top: '16px', width: '192px'})
|
.css({position: 'absolute', left: '96px', top: '16px', width: '192px'})
|
||||||
.html('To add or edit ' + layer + ', please sign up or sign in.')
|
.html(
|
||||||
|
'To add or edit ' + layer + ', ' + (
|
||||||
|
isEditor ? 'please sign up or sign in.'
|
||||||
|
: 'just switch to the editor.'
|
||||||
|
)
|
||||||
|
)
|
||||||
),
|
),
|
||||||
fixedSize: true,
|
fixedSize: true,
|
||||||
height: 128,
|
height: 128,
|
||||||
|
|
|
@ -171,7 +171,9 @@ pandora.ui.editor = function(data) {
|
||||||
pandora.ui.importAnnotations().open();
|
pandora.ui.importAnnotations().open();
|
||||||
},
|
},
|
||||||
info: function(data) {
|
info: function(data) {
|
||||||
pandora.ui.annotationDialog(Ox.getObjectById(pandora.site.layers, data.layer).title).open();
|
pandora.ui.annotationDialog(
|
||||||
|
Ox.getObjectById(pandora.site.layers, data.layer).title
|
||||||
|
).open();
|
||||||
},
|
},
|
||||||
muted: function(data) {
|
muted: function(data) {
|
||||||
pandora.UI.set('videoMuted', data.muted);
|
pandora.UI.set('videoMuted', data.muted);
|
||||||
|
|
|
@ -75,6 +75,11 @@ pandora.ui.player = function(data) {
|
||||||
find: function(data) {
|
find: function(data) {
|
||||||
pandora.UI.set('itemFind', data.find);
|
pandora.UI.set('itemFind', data.find);
|
||||||
},
|
},
|
||||||
|
info: function(data) {
|
||||||
|
pandora.ui.annotationDialog(
|
||||||
|
Ox.getObjectById(pandora.site.layers, data.layer).title
|
||||||
|
).open();
|
||||||
|
},
|
||||||
muted: function(data) {
|
muted: function(data) {
|
||||||
pandora.UI.set('videoMuted', data.muted);
|
pandora.UI.set('videoMuted', data.muted);
|
||||||
},
|
},
|
||||||
|
|
|
@ -67,6 +67,11 @@ pandora.ui.timeline = function(data) {
|
||||||
follow: function(data) {
|
follow: function(data) {
|
||||||
pandora.UI.set('followPlayer', data.follow);
|
pandora.UI.set('followPlayer', data.follow);
|
||||||
},
|
},
|
||||||
|
info: function(data) {
|
||||||
|
pandora.ui.annotationDialog(
|
||||||
|
Ox.getObjectById(pandora.site.layers, data.layer).title
|
||||||
|
).open();
|
||||||
|
},
|
||||||
muted: function(data) {
|
muted: function(data) {
|
||||||
pandora.UI.set('videoMuted', data.muted);
|
pandora.UI.set('videoMuted', data.muted);
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in a new issue