Updates to the embedded view

src/containers/ORCIDController.js

@@ -3,7 +3,7 @@ import React from 'react'
 import FontAwesome from 'react-fontawesome'
 // import HostnameInput from '../components/HostnameInput'
 // import { discoveryStart } from '../actions/'
-import {ListGroup, Label, ListGroupItem, Alert, Navbar, Nav, NavItem, NavDropdown, MenuItem, Glyphicon, Jumbotron, Button} from 'react-bootstrap'
+import {Radio, ListGroup, Label, ListGroupItem, Alert, Navbar, Nav, NavItem, NavDropdown, MenuItem, Glyphicon, Jumbotron, Button} from 'react-bootstrap'
 import API from '../utils/API'
 
 class XController extends React.Component {
@@ -12,18 +12,37 @@ class XController extends React.Component {
     this.props.orcidRemove(id)
   }
 
+  radioSelect(id) {
+    console.error("RADIO SELECT", id)
+  }
+
+  getORCIDentry(orcid) {
+    if (this.props.embedded) {
+      return (
+        <ListGroupItem key={orcid.orcid}>
+
+          <Button key={orcid.orcid} onClick={this.orcidRemove.bind(this, orcid.orcid)} className="pull-right" bsSize="small" bsStyle="danger">Fjern</Button>
+          <Radio name="orcidSelector" onChange={this.radioSelect.bind(this, orcid.orcid)} inline>
+            <h4>{orcid.orcid} { orcid.verified ? <FontAwesome name='check-circle-o' /> : <Label bsStyle="danger">unverified</Label> }</h4>
+          </Radio>
+        </ListGroupItem>
+      )
+    }
+
+    return (
+      <ListGroupItem key={orcid.orcid}>
+        <Button key={orcid.orcid} onClick={this.orcidRemove.bind(this, orcid.orcid)} className="pull-right" bsSize="small" bsStyle="danger">Fjern</Button>
+        <h4>{orcid.orcid}  { orcid.verified ? <FontAwesome name='check-circle-o' /> : <Label bsStyle="danger">unverified</Label> }</h4>
+      </ListGroupItem>
+    )
+
+  }
+
   render() {
     var content
     if (this.props.orcids.items.length > 0) {
 
-      content = this.props.orcids.items.map((orcid) =>
-        (
-          <ListGroupItem key={orcid.orcid}>
-            <Button key={orcid.orcid} onClick={this.orcidRemove.bind(this, orcid.orcid)} className="pull-right" bsSize="small" bsStyle="danger">Fjern</Button>
-            <h4>{orcid.orcid}  { orcid.verified ? <FontAwesome name='check-circle-o' /> : <Label bsStyle="danger">unverified</Label> }</h4>
-          </ListGroupItem>
-        )
-      )
+      content = this.props.orcids.items.map((orcid) => this.getORCIDentry(orcid))
     } else {
       content = (
         <div>Ingen ORCIDs registrert på din bruker.</div>
@@ -46,7 +65,8 @@ class XController extends React.Component {
 
 
 const mapStateToProps = (state) => ({
-  orcids: state.orcids
+  orcids: state.orcids,
+  embedded: state.embedded
 })
 
 const mapDispatchToProps = {