From f4d6cd33c9ab89467284e2138e17f3880ed2a95e Mon Sep 17 00:00:00 2001
From: rolux <rolux@rollux.org>
Date: Sat, 20 Jul 2013 07:43:19 +0000
Subject: [PATCH] all items element: only show right-aligned buttons once width
 is known (fixes #887)

---
 static/js/allItems.js | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/static/js/allItems.js b/static/js/allItems.js
index c6acc468..1690451e 100644
--- a/static/js/allItems.js
+++ b/static/js/allItems.js
@@ -2,6 +2,8 @@
 
 pandora.ui.allItems = function(section) {
 
+    // FIXME: Why is this not a list?
+
     section = section || pandora.user.ui.section;
 
     var canAddItems = !pandora.site.itemRequiresVideo && pandora.site.capabilities.canAddItems[pandora.user.level],
@@ -44,7 +46,8 @@ pandora.ui.allItems = function(section) {
             })
             .html(pandora.getAllItemsTitle(section))
             .appendTo(that),
-        $items;
+        $items,
+        $buttons = [];
 
     if (section == 'items') {
         $items = $('<div>')
@@ -55,24 +58,26 @@ pandora.ui.allItems = function(section) {
                 textAlign: 'right'
             })
             .appendTo(that);
-        Ox.Button({
+        $buttons[0] = Ox.Button({
                 style: 'symbol',
                 title: 'add',
                 tooltip: canAddItems ? Ox._('Add {0}', [Ox._(pandora.site.itemName.singular)]) : '',
                 type: 'image'
             })
             .css({opacity: canAddItems ? 1 : 0.25})
+            .hide()
             .bindEvent({
                 click: pandora.addItem
             })
             .appendTo(that);
-        Ox.Button({
+        $buttons[1] = Ox.Button({
                 style: 'symbol',
                 title: 'upload',
                 tooltip: canUploadVideo ? Ox._('Upload Video...') : '',
                 type: 'image'
             })
             .css({opacity: canUploadVideo ? 1 : 0.25})
+            .hide()
             .bindEvent({
                 click: function() {
                     pandora.$ui.uploadDialog = pandora.ui.uploadDialog().open();
@@ -86,19 +91,21 @@ pandora.ui.allItems = function(section) {
         });
     } else if (section == 'edits') {
     } else if (section == 'texts') {
-        Ox.Button({
+        $buttons[0] = Ox.Button({
                 style: 'symbol',
                 title: 'file',
                 tooltip: Ox._('HTML'),
                 type: 'image'
             })
+            .hide()
             .appendTo(that);
-        Ox.Button({
+        $buttons[1] = Ox.Button({
                 style: 'symbol',
                 title: 'help',
                 tooltip: Ox._('Help'),
                 type: 'image'
             })
+            .hide()
             .bindEvent({
                 click: function() {
                     pandora.UI.set({page: 'help'});
@@ -124,6 +131,9 @@ pandora.ui.allItems = function(section) {
 
     that.resizeElement = function(width) {
         $name.css({width: width + 'px'});
+        $buttons.forEach(function($button) {
+            $button.show();
+        });
     };
 
     return that;