Add a login button to the right hand side

rapid7 · Jul 7, 2017 · 62cb88c · 62cb88c
1 parent 9f013e7
commit 62cb88c
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 16 deletions.
diff --git a/public/css/app.css b/public/css/app.css
@@ -64,3 +64,7 @@ dd {
 #recent-logins .scrollable-list {
   height: 150px;
 }
+
+.login-button {
+   padding-left: 55%;
+}
diff --git a/views/configure.jsx b/views/configure.jsx
@@ -66,24 +66,37 @@ class Configure extends React.Component {
 
                   return (
                     <li className='list-group-item' key={key}>
-                      <details>
-                        <summary>{pretty}</summary>
+                      <form method='post'>
+                        <details>
+                          <summary>{pretty}
+                            <input
+                              className='form-control'
+                              id='metadataUrl'
+                              name='metadataUrl'
+                              type='hidden'
+                              value={key}
+                            />
+                            <span className="login-button">
+                              <button className='btn btn-default' type='submit'>Login</button>
+                            </span>
+                          </summary>
 
-                        <br/>
+                          <br/>
 
-                        <div className='input-group'>
-                          <input
-                            className='form-control' defaultValue={key}
-                            name={pretty} readonly // eslint-disable-line react/no-unknown-property
-                          />
-                          <span className='input-group-btn'>
-                            <button
-                              className='btn btn-default copy-to-clipboard-button'
-                              data-clipboard-target={urlSelector}
-                            ><span className='glyphicon glyphicon-copy'/></button>
-                          </span>
-                        </div>
-                      </details>
+                          <div className='input-group'>
+                            <input
+                              className='form-control' defaultValue={key}
+                              name={pretty} readonly // eslint-disable-line react/no-unknown-property
+                            />
+                            <span className='input-group-btn'>
+                              <button
+                                className='btn btn-default copy-to-clipboard-button'
+                                data-clipboard-target={urlSelector}
+                              ><span className='glyphicon glyphicon-copy'/></button>
+                            </span>
+                          </div>
+                        </details>
+                      </form>
                     </li>
                   );
                 })