From 778c98625aad6f45714ee83c5bd1578e64f481c8 Mon Sep 17 00:00:00 2001
From: rolux <rolux@rollux.org>
Date: Sun, 22 Apr 2012 11:13:42 +0000
Subject: [PATCH] make annotation folder info buttons functional in player and
 timeline views, fixes #607

---
 static/js/pandora/annotationDialog.js | 91 ++++++++++++++++-----------
 static/js/pandora/editor.js           |  4 +-
 static/js/pandora/player.js           |  5 ++
 static/js/pandora/timeline.js         |  5 ++
 4 files changed, 67 insertions(+), 38 deletions(-)

diff --git a/static/js/pandora/annotationDialog.js b/static/js/pandora/annotationDialog.js
index cf1efbf7d..0ceac691a 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(
-                $('<img>')
-                    .attr({src: '/static/png/icon.png'})
-                    .css({position: 'absolute', left: '16px', top: '16px', width: '64px', height: '64px'})
-            )
-            .append(
-                $('<div>')
-                    .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(
+                    $('<img>')
+                        .attr({src: '/static/png/icon.png'})
+                        .css({position: 'absolute', left: '16px', top: '16px', width: '64px', height: '64px'})
+                )
+                .append(
+                    $('<div>')
+                        .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 fba77bed6..f70a355e2 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 0a9b019c1..745fb4d01 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 383fba8d5..b711d5b67 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);
         },