       <div>
         <Button bsSize='small'
                 disabled={@state.saveDisable}
+                onClick={@handlePreClick}
+                block>
+          {__ 'Save'}
+        </Button>
+        <Button bsSize='small'
+                disabled={@state.saveDisable}
                 onClick={@handleSaveClick}
                 block>
           {__ 'Save'}
         </Button>
       </div>
+      <Modal show={@state.showPre} container={this}>
+        <Modal.Header>
+          <Modal.Title id='contained-modal-title'>Preview</Modal.Title>
+        </Modal.Header>
+        <Modal.Body>
+          <HenseiItem deckItem={@state.deck}/>
+        </Modal.Body>
+        <Modal.Footer>
+          <Button onClick={@close}>Close</Button>
+        </Modal.Footer>
+      </Modal>
     </div>
 
 module.exports = AddDataTab

{React, ReactBootstrap} = window
{Button, Input, Label} = ReactBootstrap
i18n = require '../node_modules/i18n'
{__} = i18n

TagsInputContainer = require './tagsInputContainer'

AddDataTab = React.createClass
  getInitialState: ->

    saveDisable: true
    tags: []
    deckChecked: [false, false, false, false]
    showPre: false
    deck: ''
  componentWillReceiveProps: (nextProps)->
    if nextProps.indexKey is nextProps.selectedKey
      @setState
