From 03fe5a513dc20f706d2805a4e20c1a96b17be994 Mon Sep 17 00:00:00 2001
From: David Sehnal <david.sehnal@gmail.com>
Date: Fri, 23 Nov 2018 15:17:36 +0100
Subject: [PATCH] mol-plugin: better multiselect
---
src/mol-plugin/ui/controls/parameters.tsx | 9 +++++----
1 file changed, 5 insertions(+), 4 deletions(-)
diff --git a/src/mol-plugin/ui/controls/parameters.tsx b/src/mol-plugin/ui/controls/parameters.tsx
index b94b0cf2c..ad5116ba1 100644
--- a/src/mol-plugin/ui/controls/parameters.tsx
+++ b/src/mol-plugin/ui/controls/parameters.tsx
@@ -247,12 +247,13 @@ export class MultiSelectControl extends React.PureComponent<ParamProps<PD.MultiS
</div>
</div>
<div className='msp-control-offset' style={{ display: this.state.isExpanded ? 'block' : 'none' }}>
- {this.props.param.options.map(([value, label]) =>
- <div key={value} className='msp-row'>
+ {this.props.param.options.map(([value, label]) => {
+ const sel = current.indexOf(value) >= 0;
+ return <div key={value} className='msp-row'>
<button onClick={this.toggle(value)} disabled={this.props.isDisabled}>
- {current.indexOf(value) >= 0 ? `✓ ${label}` : `✗ ${label}`}
+ <span style={{ float: sel ? 'left' : 'right' }}>{sel ? `✓ ${label}` : `${label} ✗`}</span>
</button>
- </div>)}
+ </div> })}
</div>
</>;
}
--
GitLab