add annotationDialog

static/js/pandora/annotationDialog.js

@@ -0,0 +1,43 @@
+// vim: et:ts=4:sw=4:sts=4:ft=javascript
+
+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/icon64.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.')
+            ),
+        fixedSize: true,
+        height: 128,
+        removeOnClose: true,
+        width: 304,
+        title: Ox.toTitleCase(layer)
+    });
+    return $dialog;
+};