diff --git a/static/js/pandora/annotationDialog.js b/static/js/pandora/annotationDialog.js index cf1efbf7..0ceac691 100644 --- a/static/js/pandora/annotationDialog.js +++ b/static/js/pandora/annotationDialog.js @@ -2,43 +2,60 @@ 'use strict'; pandora.ui.annotationDialog = function(layer) { - var $dialog = Ox.Dialog({ - buttons: [ - Ox.Button({title: 'Sign Up...'}).bindEvent({ - click: function() { - $dialog.close(); - pandora.$ui.accountDialog = pandora.ui.accountDialog('signup').open(); - } - }), - Ox.Button({title: 'Sign In...'}).bindEvent({ - click: function() { - $dialog.close(); - pandora.$ui.accountDialog = pandora.ui.accountDialog('signin').open(); - } - }), - {}, - Ox.Button({title: 'Not Now'}).bindEvent({ - click: function() { - $dialog.close(); - } - }) - ], - content: Ox.Element() - .append( - $('') - .attr({src: '/static/png/icon.png'}) - .css({position: 'absolute', left: '16px', top: '16px', width: '64px', height: '64px'}) - ) - .append( - $('
') - .css({position: 'absolute', left: '96px', top: '16px', width: '192px'}) - .html('To add or edit ' + layer + ', please sign up or sign in.') + var isEditor = pandora.user.ui.itemView == 'editor', + $dialog = Ox.Dialog({ + buttons: Ox.merge( + isEditor ? [ + Ox.Button({title: 'Sign Up...'}).bindEvent({ + click: function() { + $dialog.close(); + pandora.$ui.accountDialog = pandora.ui.accountDialog('signup').open(); + } + }), + Ox.Button({title: 'Sign In...'}).bindEvent({ + click: function() { + $dialog.close(); + 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({ + click: function() { + $dialog.close(); + } + }) + ] ), - fixedSize: true, - height: 128, - removeOnClose: true, - width: 304, - title: Ox.toTitleCase(layer) - }); + content: Ox.Element() + .append( + $('') + .attr({src: '/static/png/icon.png'}) + .css({position: 'absolute', left: '16px', top: '16px', width: '64px', height: '64px'}) + ) + .append( + $('
') + .css({position: 'absolute', left: '96px', top: '16px', width: '192px'}) + .html( + 'To add or edit ' + layer + ', ' + ( + isEditor ? 'please sign up or sign in.' + : 'just switch to the editor.' + ) + ) + ), + fixedSize: true, + height: 128, + removeOnClose: true, + width: 304, + title: Ox.toTitleCase(layer) + }); return $dialog; }; diff --git a/static/js/pandora/editor.js b/static/js/pandora/editor.js index fba77bed..f70a355e 100644 --- a/static/js/pandora/editor.js +++ b/static/js/pandora/editor.js @@ -171,7 +171,9 @@ pandora.ui.editor = function(data) { pandora.ui.importAnnotations().open(); }, 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) { pandora.UI.set('videoMuted', data.muted); diff --git a/static/js/pandora/player.js b/static/js/pandora/player.js index 0a9b019c..745fb4d0 100644 --- a/static/js/pandora/player.js +++ b/static/js/pandora/player.js @@ -75,6 +75,11 @@ pandora.ui.player = function(data) { find: function(data) { pandora.UI.set('itemFind', data.find); }, + info: function(data) { + pandora.ui.annotationDialog( + Ox.getObjectById(pandora.site.layers, data.layer).title + ).open(); + }, muted: function(data) { pandora.UI.set('videoMuted', data.muted); }, diff --git a/static/js/pandora/timeline.js b/static/js/pandora/timeline.js index 383fba8d..b711d5b6 100644 --- a/static/js/pandora/timeline.js +++ b/static/js/pandora/timeline.js @@ -67,6 +67,11 @@ pandora.ui.timeline = function(data) { follow: function(data) { pandora.UI.set('followPlayer', data.follow); }, + info: function(data) { + pandora.ui.annotationDialog( + Ox.getObjectById(pandora.site.layers, data.layer).title + ).open(); + }, muted: function(data) { pandora.UI.set('videoMuted', data.muted); },