diff --git a/www/common/toolbar.js b/www/common/toolbar.js index d3e2ae658..e954d21f4 100644 --- a/www/common/toolbar.js +++ b/www/common/toolbar.js @@ -455,14 +455,26 @@ MessengerUI, Messages, Pages) { return $container; }; + //Messages.collapse = Messages.admin_support_collapse; + Messages.ui_collapse = "Collapse"; // XXX + Messages.ui_expand = "Expand"; // XXX + createCollapse = function (toolbar) { - var $button = $(h('button', [ - h('i.fa.fa-compress'), - h('span.cp-button-name', "COLLAPSE"), // XXX + var icon = h('i.fa.fa-caret-up'); + var $icon = $(icon); + var text = h('span', Messages.ui_collapse); + var $text = $(text); + var $button = $(h('button.cp-toolbar-collapse', [ + icon, + h('span.cp-button-name', text), ])); - toolbar.$bottomR.append($button); + toolbar.$bottomR.prepend($button); $button.click(function () { toolbar.$top.toggleClass('toolbar-hidden'); + var hidden = toolbar.$top.hasClass('toolbar-hidden'); + $icon.toggleClass('fa-caret-down fa-caret-up'); //.toggleClass('fa-caret-up'); + $button.toggleClass('cp-toolbar-button-active'); + $text.text(Messages[(hidden ? 'ui_expand': 'ui_collapse')]); }); }; @@ -1341,7 +1353,7 @@ MessengerUI, Messages, Pages) { // Create the subelements var tb = {}; tb['userlist'] = createUserList; - tb['collapse'] = createCollapse; // XXX + tb['collapse'] = createCollapse; tb['chat'] = createChat; tb['share'] = createShare; tb['access'] = createAccess; @@ -1363,8 +1375,9 @@ MessengerUI, Messages, Pages) { tb['pad'] = function () { toolbar.$file.show(); addElement([ + 'chat', 'collapse', // XXX - 'chat', 'userlist', 'title', 'useradmin', 'spinner', + 'userlist', 'title', 'useradmin', 'spinner', 'newpad', 'share', 'access', 'limit', 'unpinnedWarning', 'notifications' ], {});