       {@renderMachineDetails()}
     </div>
 
+
 MachinesListItem.include [KDReactorMixin]


  toggle: (event) ->

    if @state.activeMachine is @props.machine.get '_id'
      return kd.singletons.router.handleRoute "/Home/stacks/virtual-machines"

    kd.singletons.router.handleRoute "/Home/stacks/virtual-machines/#{@props.machine.get '_id'}"


  renderIpAddress: ->

    hasIp = @props.machine.get 'ipAddress'
    ip    = hasIp or '0.0.0.0'
    title = if hasIp then ip else 'Actual IP address will appear here when this VM is powered on.'

    <div className="MachinesListItem-hostName">
      <div title={title} className='ip-address'>{ip}</div>

kd = require 'kd'
React = require 'app/react'
MachineDetails = require './machinedetails'
EnvironmentFlux = require 'app/flux/environment'
KDReactorMixin  = require 'app/flux/base/reactormixin'

Machine = require 'app/remote-extensions/machine'
ComputeStack = require 'app/remote-extensions/computestack'


module.exports = class MachinesListItem extends React.Component

  @propTypes =
    machine                : React.PropTypes.instanceOf Machine
    stack                  : React.PropTypes.instanceOf ComputeStack
    shouldRenderDetails    : React.PropTypes.bool
    shouldRenderSpecs      : React.PropTypes.bool
    shouldRenderPower      : React.PropTypes.bool
