 
   return specs
 
+
+EditVMNameDescription = ->
+  <div className='pull-left'>
+    <div className='GenericToggler-title'>
+      Edit VM Name
+    </div>
+    <div className='GenericToggler-description'>
+      You can change your VM name here
+    </div>
+  </div>
+
+
+EditNameButton = ({ cssClass, callback }) ->
+
+  <div className={cssClass}>
+    <a
+      className='custom-link-view HomeAppView--button primary fr'
+      href='#' onClick={callback}>
+      <span className='title'>Edit Name</span>
+    </a>
+  </div>
+
+
+MachineDetails.include [KDReactorMixin]

SharingUserList     = require './sharing/userlist'
ContentModal        = require 'app/components/contentModal'
EnvironmentFlux     = require 'app/flux/environment'


module.exports = class MachineDetails extends React.Component

    </div>


  showInputBox: ->

    @setState
      editNameClassName: 'GenericToggler-button hidden'
      inputClasssName: 'kdinput text edit-name'


  inputOnBlur: (event) ->

    @setMachineLabel()
    @setState
      editNameClassName: 'GenericToggler-button'
      inputClasssName: 'kdinput text edit-name hidden'


  inputOnKeyDown: (event) ->

    if event.keyCode is 13
      @input.blur()


  inputOnChange: (event) ->

    { value: machineLabel } = event.target
    @setState { machineLabel: machineLabel }
    EnvironmentFlux.actions.loadExpandedMachineLabel machineLabel


  setMachineLabel: ->
