add makeListPrivateDialog.js

2011-12-18 09:30:35 +00:00 · 2011-12-18 09:30:35 +00:00 · 2569e589c7
commit 2569e589c7
parent bea69a918c
1 changed files with 50 additions and 0 deletions
--- a/static/js/pandora/makeListPrivateDialog.js
+++ b/static/js/pandora/makeListPrivateDialog.js
@ -0,0 +1,50 @@
+'use strict';
+
+pandora.ui.makeListPrivateDialog = function(name, subscribers, callback) {
+
+    var that = Ox.Dialog({
+            buttons: [
+                Ox.Button({
+                    id: 'keep',
+                    title: 'Keep List Public'
+                }).bindEvent({
+                    click: function() {
+                        that.close();
+                        callback(false);
+                    }
+                }),
+                Ox.Button({
+                    id: 'make',
+                    title: 'Make List Private'
+                }).bindEvent({
+                    click: function() {
+                        that.close();
+                        callback(true);
+                    }
+                })
+            ],
+            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(
+                            'Are you sure you want to make the list "'
+                            + name + '" private and lose its '
+                            + (subscribers == 1 ? 'subscriber' : subscribers + ' subscribers')
+                            + '?'
+                        )
+                ),
+            height: 128,
+            keys: {enter: 'make', escape: 'keep'},
+            title: 'Make List Private',
+            width: 304
+        })
+
+    return that;
+
+};