move js files from js/pandora to js, fixes #1366

2013-07-16 12:15:05 +00:00 · 2013-07-16 12:15:05 +00:00 · a9b7738aa8
commit a9b7738aa8
parent b5eda32bbd
104 changed files with 7 additions and 2 deletions
--- a/static/js/siteDialog.js
+++ b/static/js/siteDialog.js
@ -0,0 +1,146 @@
+// vim: et:ts=4:sw=4:sts=4:ft=javascript
+
+'use strict';
+
+pandora.ui.siteDialog = function(section) {
+
+    var canSeeVersion = pandora.site.capabilities.canSeeSoftwareVersion[pandora.user.level],
+        dialogHeight = Math.round((window.innerHeight - 48) * 0.75),
+        dialogWidth = Math.round(window.innerWidth * 0.75),
+        isEditable = pandora.site.capabilities.canEditSitePages[pandora.user.level],
+        tabs = Ox.clone(pandora.site.sitePages, true).concat([{id: 'software', title: Ox._('Software')}]);
+    Ox.getObjectById(tabs, section).selected = true;
+    var $tabPanel = Ox.TabPanel({
+            content: function(id) {
+                var $content = Ox.Element()
+                    .css({padding: '16px', overflowY: 'auto'});
+                if (id != 'contact') {
+                    $content.addClass('OxTextPage');
+                }
+                if (id == 'contact') {
+                    pandora.$ui.contactForm = pandora.ui.contactForm().appendTo($content);
+                } else if (id == 'news') {
+                    pandora.$ui.news = pandora.ui.news(dialogWidth, dialogHeight).appendTo($content);
+                } else if (id == 'software') {
+                    Ox.Element()
+                        .html(Ox._(
+                            '<h1><b>pan.do/ra</b></h1>'
+                            + '<sub>open media archive</sub>'
+                            + '<p><b>{0}</b> is based on <b>pan.do/ra</b>, '
+                            + 'a free, open source platform for media archives.</p>'
+                            + '<b>pan.do/ra</b> includes <b>OxJS</b>, '
+                            + 'a new JavaScript library for web applications.</p>'
+                            + '<p>To learn more about <b>pan.do/ra</b> and <b>OxJS</b>, '
+                            + 'please visit <a href="https://pan.do/ra">pan.do/ra</a> '
+                            + 'and <a href="https://oxjs.org">oxjs.org</a>.</p>'
+                            + (
+                                canSeeVersion
+                                ? '<sub><b>{0}'
+                                    + '</b> is running <b>pan.do/ra</b> revision '
+                                    + '{1}.</sub>'
+                                : ''
+                            ),
+                        [pandora.site.site.name, pandora.site.site.version]
+                        ))
+                        .appendTo($content);
+                    pandora.createLinks($content);
+                } else {
+                    pandora.api.getPage({name: id}, function(result) {
+                        Ox.Editable({
+                                clickLink: pandora.clickLink,
+                                editable: isEditable,
+                                tooltip: isEditable ? pandora.getEditTooltip() : '',
+                                type: 'textarea',
+                                placeholder: isEditable ? Ox._('Doubleclick to insert text') : '',
+                                value: result.data.text
+                            })
+                            .css({
+                                width: '100%'
+                            })
+                            .bindEvent({
+                                submit: function(data) {
+                                    Ox.Request.clearCache('getPage');
+                                    pandora.api.editPage({
+                                        name: id,
+                                        text: data.value
+                                    });
+                                }
+                            })
+                            .appendTo($content);
+                    });
+                }
+                return Ox.SplitPanel({
+                    elements: [
+                        {
+                            element: Ox.Element()
+                                .css({padding: '16px'})
+                                .append(
+                                    $('<img>')
+                                        .attr({src: '/static/png/' + (
+                                            id == 'software' ? 'software' : 'logo'
+                                        ) + '.png'})
+                                        .css({width: '256px'})
+                                ),
+                            size: 272
+                        },
+                        {
+                            element: $content
+                        }
+                    ],
+                    orientation: 'horizontal'
+                });
+            },
+            tabs: tabs
+        })
+        .bindEvent({
+            change: function(data) {
+                that.options({
+                    title: Ox._(Ox.getObjectById(tabs, data.selected).title)
+                });
+                pandora.UI.set({page: data.selected});
+            }
+        });
+
+    var that = Ox.Dialog({
+            buttons: [
+                Ox.Button({
+                    id: 'close',
+                    title: Ox._('Close')
+                }).bindEvent({
+                    click: function() {
+                        that.close();
+                    }
+                })
+            ],
+            closeButton: true,
+            content: $tabPanel,
+            height: dialogHeight,
+            maximizeButton: true,
+            minHeight: 256,
+            minWidth: 688, // 16 + 256 + 16 + 384 + 16
+            removeOnClose: true,
+            title: Ox._(Ox.getObjectById(tabs, section).title),
+            width: dialogWidth
+        })
+        .bindEvent({
+            close: function(data) {
+                Ox.getObjectById(tabs, pandora.user.ui.page) && pandora.UI.set({page: ''});
+            },
+            resize: function(data) {
+                var selected = $tabPanel.selected();
+                if (selected == 'contact') {
+                    pandora.$ui.contactForm.resize();
+                } else if (selected == 'news') {
+                    pandora.$ui.news.resize(data);
+                }
+            }
+        });
+
+    that.select = function(id) {
+        $tabPanel.select(id);
+        return that;
+    };
+
+    return that;
+
+};