From 6f832e29db2d46f78a2f7a6f61ea709c197c56e2 Mon Sep 17 00:00:00 2001
From: rolux <rolux@rollux.org>
Date: Thu, 8 Aug 2013 13:00:02 +0000
Subject: [PATCH] add language dialog for guests

---
 static/js/appearanceDialog.js | 62 +++++++++++++++++++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 static/js/appearanceDialog.js

diff --git a/static/js/appearanceDialog.js b/static/js/appearanceDialog.js
new file mode 100644
index 00000000..6e294400
--- /dev/null
+++ b/static/js/appearanceDialog.js
@@ -0,0 +1,62 @@
+'use strict';
+
+pandora.ui.appearanceDialog = function() {
+
+    var that = pandora.ui.iconDialog({
+        buttons: [
+            Ox.Button({
+                id: 'done',
+                title: Ox._('Done')
+            }).bindEvent({
+                click: function() {
+                    that.close();
+                }
+            })
+        ],
+        content: Ox.Form({
+            items: [
+                Ox.Select({
+                        id: 'theme',
+                        items: pandora.site.themes.map(function(theme) {
+                            return {id: theme, title: Ox.Theme.getThemeData(theme).themeName}
+                        }),
+                        label: Ox._('Theme'),
+                        labelWidth: 120,
+                        value: pandora.user.ui.theme,
+                        width: 320
+                    })
+                    .bindEvent({
+                        change: function(data) {
+                            pandora.UI.set({theme: data.value});
+                            pandora.setTheme(data.value);
+                        }
+                    }),
+                Ox.Select({
+                        disabled: pandora.user.level != 'admin',
+                        id: 'locale',
+                        items: Object.keys(Ox.LOCALE_NAMES).map(function(locale) {
+                            return {id: locale, title: Ox.LOCALE_NAMES[locale]}
+                        }),
+                        label: Ox._('Language'),
+                        labelWidth: 120,
+                        value: pandora.user.ui.locale,
+                        width: 320
+                    })
+                    .bindEvent({
+                        change: function(data) {
+                            pandora.UI.set({locale: data.value});
+                            pandora.setLocale(data.value, function() {
+                                pandora.$ui.appPanel.reload();
+                            });
+                        }
+                    })
+            ]
+        }),
+        keys: {enter: 'done', escape: 'done'},
+        title: Ox._('Appearance'),
+        width: 432
+    });
+
+    return that;
+
+};