From b476a76e435f9605eb1393446305b560c37f30ea Mon Sep 17 00:00:00 2001
From: Petr Balashov <pbca26@gmail.com>
Date: Thu, 8 Jun 2017 17:36:36 +0200
Subject: [PATCH] added missing settings CLI tab

---
 .../components/dashboard/settings.render.js   | 62 +++++++++++++++++++
 1 file changed, 62 insertions(+)

diff --git a/react/src/components/dashboard/settings.render.js b/react/src/components/dashboard/settings.render.js
index 116f402..a24fb37 100644
--- a/react/src/components/dashboard/settings.render.js
+++ b/react/src/components/dashboard/settings.render.js
@@ -461,6 +461,68 @@ export const SettingsRender = function() {
                     </div>
                   </div>
                   { this.renderAppInfoTab() }
+
+                  <div
+                    className="panel"
+                    id="Cli"
+                    onClick={ () => this.openTab('Cli', 9) }>
+                    <div className="panel-heading">
+                      <a className={ this.state.activeTab === 9 ? 'panel-title' : 'panel-title collapsed' }>
+                        <i className="icon fa-code"></i> CLI
+                      </a>
+                    </div>
+                    <div
+                      className={ this.state.activeTab === 9 ? 'panel-collapse collapse in' : 'panel-collapse collapse' }
+                      style={{ height: this.state.activeTab === 9 ? this.state.activeTabHeight + 'px' : '0' }}>
+                      <div className="panel-body">
+                        <p>Select a coin and type in CLI compatible command</p>
+                        <div className="col-sm-12"></div>
+                        <form
+                          className="execute-cli-cmd-form"
+                          method="post"
+                          action="javascript:"
+                          autoComplete="off">
+                          <div className="form-group form-material floating">
+                            <select
+                              className="form-control form-material"
+                              name="cliCoin"
+                              id="settingsCliOptions"
+                              onChange={ this.updateInput }>
+                              <option value="">Select coin</option>
+                              { this.renderActiveCoinsList('native') }
+                            </select>
+                            <label
+                              className="floating-label"
+                              htmlFor="settingsDelectDebugLogOptions">Coin</label>
+                          </div>
+                          <div className="form-group form-material floating">
+                            <textarea
+                              type="text"
+                              className="form-control"
+                              name="cliCmd"
+                              id="cliCmd"
+                              value={ this.state.cliCmdString }
+                              onChange={ this.updateInput }></textarea>
+                            <label
+                              className="floating-label"
+                              htmlFor="readDebugLogLines">Type in CLI compatible cmd</label>
+                          </div>
+                          <div className="col-sm-12 col-xs-12 text-align-center">
+                            <button
+                              type="button"
+                              className="btn btn-primary waves-effect waves-light"
+                              disabled={ !this.state.cliCoin || !this.state.cliCmd }
+                              onClick={ () => this.execCliCmd() }>Execute</button>
+                          </div>
+                          <div className="col-sm-12 col-xs-12 text-align-left">
+                            <div className="padding-top-40 padding-bottom-20 horizontal-padding-0">
+                              { this.renderCliResponse() }
+                            </div>
+                          </div>
+                        </form>
+                      </div>
+                    </div>
+                  </div>
                 </div>
               </div>
             </div>