1
0
mirror of http://git.whoc.org.uk/git/password-manager.git synced 2024-11-14 07:49:02 +01:00

Fixed the order of the commands in the compact view

This commit is contained in:
Giulio Cesare Solaroli 2015-02-12 18:04:12 +01:00
parent 7de0433236
commit a481384688

View File

@ -83,12 +83,17 @@ Clipperz.PM.UI.Components.Cards.CommandToolbar = React.createClass({
//---------------------------------------------------------------------------- //----------------------------------------------------------------------------
renderCommands: function () { renderCommands: function (shouldReverseCommandOrder) {
var commandHandler = this.selectCommandItem; var commandHandler = this.selectCommandItem;
var commandValues = MochiKit.Base.values(this.commands());
if (shouldReverseCommandOrder == true) {
commandValues = MochiKit.Iter.reversed(commandValues);
}
return React.DOM.ul({}, MochiKit.Base.map(function (aCommand) { return React.DOM.ul({}, MochiKit.Base.map(function (aCommand) {
return React.DOM.li({'className':aCommand['broadcastEvent'], 'onClick':commandHandler, 'data-broadcast-event':aCommand['broadcastEvent']}, [React.DOM.span({}, aCommand['label'])]); return React.DOM.li({'className':aCommand['broadcastEvent'], 'onClick':commandHandler, 'data-broadcast-event':aCommand['broadcastEvent']}, [React.DOM.span({}, aCommand['label'])]);
}, MochiKit.Base.values(this.commands()))); }, commandValues));
}, },
//---------------------------------------------------------------------------- //----------------------------------------------------------------------------
@ -100,7 +105,7 @@ Clipperz.PM.UI.Components.Cards.CommandToolbar = React.createClass({
React.DOM.div({'className':'cardMenuOptions', 'onClick':this.toggleMenu}, 'commands'), React.DOM.div({'className':'cardMenuOptions', 'onClick':this.toggleMenu}, 'commands'),
React.DOM.div({'className':React.addons.classSet({'commandMenu':true, 'show':this.state['showCommandMenu']})}, [ React.DOM.div({'className':React.addons.classSet({'commandMenu':true, 'show':this.state['showCommandMenu']})}, [
React.DOM.div({'className':'commandMenuMask', 'onClick':this.toggleMenu}), React.DOM.div({'className':'commandMenuMask', 'onClick':this.toggleMenu}),
React.DOM.div({'className':'commandMenu'}, this.renderCommands()) React.DOM.div({'className':'commandMenu'}, this.renderCommands(true))
]) ])
]) ])
] ]