From 80ea827c419317059b6038dcaa30bef380a9932a Mon Sep 17 00:00:00 2001
From: Ivar <ivarconr@gmail.com>
Date: Sun, 11 Dec 2016 15:15:50 +0100
Subject: [PATCH] Parameter type as menu dropdown

---
 .../src/component/strategies/add-strategy.jsx | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/frontend/src/component/strategies/add-strategy.jsx b/frontend/src/component/strategies/add-strategy.jsx
index ccc4400a19..d9ef8047f1 100644
--- a/frontend/src/component/strategies/add-strategy.jsx
+++ b/frontend/src/component/strategies/add-strategy.jsx
@@ -1,6 +1,6 @@
 import React, { PropTypes } from 'react';
 
-import { Textfield, IconButton } from 'react-mdl';
+import { Textfield, IconButton, Menu, MenuItem } from 'react-mdl';
 import { HeaderTitle, FormButtons } from '../common';
 
 
@@ -30,14 +30,18 @@ const genParams = (input, num = 0, setValue) => (<div>{gerArrayWithEntries(num).
                 name={key}
                 onChange={({ target }) => setValue(key, target.value)}
                 value={input[key]} />
-            <Textfield
-                style={{ width: '50%' }}
-                floatingLabel
-                label={`Type ${i + 1}`}
-                name={typeKey}
-                onChange={({ target }) => setValue(typeKey, target.value)}
-                value={input[typeKey]} />
-
+                <div style={{ position: 'relative', display: 'inline-block' }}>
+                    <span id={`${key}-type-menu`}>
+                        {input[typeKey] || 'string'}
+                        <IconButton name="arrow_drop_down" onClick={(evt) => evt.preventDefault()} />
+                    </span>
+                    <Menu target={`${key}-type-menu`} align="right">
+                        <MenuItem onClick={() => setValue(typeKey, 'string')}>String</MenuItem>
+                        <MenuItem onClick={() => setValue(typeKey, 'percentage')}>Percentage</MenuItem>
+                        <MenuItem onClick={() => setValue(typeKey, 'list')}>List of values</MenuItem>
+                        <MenuItem onClick={() => setValue(typeKey, 'number')}>Number</MenuItem>
+                    </Menu>
+                </div>
         </div>
     );
 })}</div>);