'use strict'
var DropdownPanel = require('./DropdownPanel')
var stateDecoder = require('../solidity/stateDecoder')
var solidityTypeFormatter = require('./SolidityTypeFormatter')
var yo = require('yo-yo')

function SolidityState (_parent, _traceManager, _codeManager, _solidityProxy) {
  this.parent = _parent
  this.traceManager = _traceManager
  this.codeManager = _codeManager
  this.solidityProxy = _solidityProxy
  this.basicPanel = new DropdownPanel('Solidity State', {
    json: true,
    formatSelf: solidityTypeFormatter.formatSelf,
    extractData: solidityTypeFormatter.extractData
  })
  this.init()
  this.view
}

SolidityState.prototype.render = function () {
  this.view = yo`<div id='soliditystate' >
      <div id='warning'></div>
      ${this.basicPanel.render()}
    </div>`
  return this.view
}

SolidityState.prototype.init = function () {
  var self = this
  this.parent.event.register('indexChanged', this, function (index) {
    var warningDiv = this.view.querySelector('#warning')
    warningDiv.innerHTML = ''
    if (index < 0) {
      warningDiv.innerHTML = 'invalid step index'
      return
    }

    if (self.parent.currentStepIndex !== index) return
    if (!this.solidityProxy.loaded()) {
      warningDiv.innerHTML = 'no source has been specified'
      return
    }

    self.traceManager.getStorageAt(index, this.parent.tx, function (error, storage) {
      if (error) {
        self.basicPanel.update({ info: error })
      } else {
        self.solidityProxy.extractStateVariablesAt(index, function (error, stateVars) {
          if (error) {
            self.basicPanel.update({ info: error })
          } else {
            self.basicPanel.update(stateDecoder.decodeState(stateVars, storage))
          }
        })
      }
    })
  })
}

module.exports = SolidityState

@@ -1427,38 +1427,52 @@
 nel.update(%7B
- info: 
+%7D)%0A        console.log(
 error
- %7D
 )%0A      %7D el
@@ -1627,22 +1627,40 @@
 te(%7B
- info: 
+%7D)%0A            console.log(
 error
- %7D
 )%0A  

fix storage panel