index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Admin Dashboard</title>
    <!-- Bootstrap Core CSS-->
    <link href="/docs/themes/bootstrap.min.css?v=1.24.0" rel="stylesheet">
    <!-- Fontello / Font Awesome CSS-->
    <link href="/docs/font-awesome/css/fontello.min.css?v=1.24.0" rel="stylesheet" type="text/css">
    <!-- UI CSS-->
    <link href="/docs/ui.css?v=1.24.0" rel="stylesheet">
  </head>
  <body>
    <div id="jido-page-navbar" style="display:none">
      <ul id="jido-health-bar" class="breadcrumb text-right"></ul>
      <nav class="navbar navbar-default navbar-static-top">
        <div class="container">
          <div class="navbar-header">
            <button type="button" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" class="navbar-toggle collapsed"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button><a href="#" class="navbar-brand">Admin Dashboard</a>
          </div>
          <div id="bs-example-navbar-collapse-1" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
              <li id="jido-button-home" class="active"><a href="#"><i class="fa icon-home"></i> Home</a></li>
              <li id="jido-button-update"><a href="#"><i class="fa icon-upload-cloud"></i> Update</a></li>
              <li class="dropdown"><a href="#" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle"><i class="fa icon-cog-alt"></i> Settings<span class="caret"></span></a>
                <ul class="dropdown-menu">
                  <li id="jido-button-backup" style="display:none;"><a href="#"><i class="fa icon-floppy"></i> Backup/Restore</a></li>
                  <li id="jido-button-settings" style="display:none;"><a href="#"><i class="fa icon-sitemap"></i> Network</a></li>
                  <li id="jido-button-certs" style="display:none;"><a href="#"><i class="fa icon-lock"></i> TLS Certificates</a></li>
                  <li id="jido-button-storage" style="display:none;"><a href="#"><i class="fa icon-database"></i> Storage</a></li>
                  <li id="jido-button-license" style="display:none;"><a href="#"><i class="fa icon-certificate"></i> License</a></li>
                  <li id="jido-button-token"><a href="#"><i class="fa icon-user"></i> API Token</a></li>
                </ul>
              </li>
              <li id="jido-button-monitor"><a href="#"><i class="fa icon-gauge"></i> Monitor</a></li>
              <li id="jido-button-support"><a href="#"><i class="fa icon-lifebuoy"></i> Support</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
              <li class="jido-versions"><span class="badge jido-data-platform-version">...fetching</span></li>
              <li><a id="jido-button-logout" href="#"><i class="fa icon-logout"></i> Logout</a></li>
              <li><a id="jido-button-restart" href="#" data-toggle="modal" data-target="#jido-modal-restart"> <i class="fa icon-off"></i> Restart</a></li>
            </ul>
          </div>
        </div>
      </nav>
    </div>
    <div style="display:none;" class="alert alert-danger restart-alert">System is restarting. Please Refresh the page in 1 minute.</div>
    <!-- #firstrun container-->
    <div id="jido-page-firstrun" style="display:none" class="container-fluid jido-page-content jido-page-content-firstrun">
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-10 col-lg-offset-1 col-md-offset-1">
          <h1 class="page-header">First Run</h1>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-12 col-lg-offset-3 col-md-offset-3">
          <div style="display:none;" class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h4>Status: <span class="label label-default jido-data-firstrun-status">...waiting for setup token</span></h4>
              <div style="display:none; margin-top: 20px" class="progress">
                <div role="progressbar" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 33%" class="progress-bar progress-bar-striped active">...updating, please wait</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-12 col-lg-offset-3 col-md-offset-3">
          <div class="panel panel-default jido-panel jido-panel-network">
            <div class="panel-body">Set your new<em> API Token</em> below.<br><br>
              <div style="display:none;" class="alert alert-danger token-alert">API Token mismatch. Please verify the API Token.</div>
              <div class="row">
                <form role="form" autocomplete="off" class="token-form">
                  <fieldset>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-md-offset-2">
                      <div class="form-group has-success">
                        <label for="setuptoken-input" class="control-label token-setuptoken-label">Setup Token</label>
                        <input id="setuptoken-input" placeholder="Setup Token" name="setuptoken" type="text" class="form-control">
                      </div>
                      <div class="form-group has-success">
                        <label for="setuptoken1-input" class="control-label token-token1-label">API Token</label>
                        <input id="setuptoken1-input" placeholder="API Token" name="setuptoken1" type="password" class="form-control">
                      </div>
                      <div class="form-group has-success">
                        <label for="setuptoken2-input" class="control-label token-token2-label">Confirm API Token</label>
                        <input id="setuptoken2-input" placeholder="Confirm API Token" name="setuptoken2" type="password" class="form-control">
                      </div>
                      <div class="form-group"><br>
                        <input id="jido-button-firstrun-upload" type="submit" value="Update" onclick="return event.preventDefault();" class="btn btn-lg btn-primary btn-block">
                      </div>
                    </div>
                  </fieldset>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /#firstrun container-->
    <!-- #login container-->
    <div id="jido-page-login" style="display:none" class="container-fluid">
      <div class="row">
        <div class="col-md-4 col-md-offset-4">
          <div id="invalid-token" style="display:none" class="alert alert-danger">Missing or invalid API token</div>
          <div class="login-panel panel panel-default">
            <div class="panel-heading">
              <h3 class="panel-title">Admin Dashboard Login</h3>
            </div>
            <div class="panel-body">
              <form id="login-form" role="form" autocomplete="off">
                <fieldset>
                  <div class="form-group">
                    <input id="login-password" placeholder="API Token" name="token" type="password" value="" class="form-control">
                  </div>
                  <input id="jido-button-login" type="submit" value="Login" onclick="return event.preventDefault();" class="btn btn-lg btn-primary btn-block">
                  <div class="checkbox">
                    <label for="login-remember" class="control-label">
                      <input id="login-remember" type="checkbox" class="form-group"> Stay logged-in for 30 days
                    </label>
                  </div>
                </fieldset>
              </form>
            </div>
          </div><a id="new-token" href="#" class="pull-right"><i class="fa icon-user-plus"></i> API Token Setup</a>
        </div>
      </div>
    </div>
    <!-- /#login container-->
    <!-- #dashboard container-->
    <div id="jido-page-dashboard" style="display:none" class="container-fluid jido-page-content">
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-10 col-lg-offset-1 col-md-offset-1">
          <h1 class="page-header">Dashboard</h1>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-5 col-md-5 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa icon-sitemap"></i> Network details</h3>
            </div>
            <ul class="list-group jido-data-network-info panel-body">...fetching</ul>
          </div>
        </div>
        <div class="col-lg-5 col-md-5 col-sm-12">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa icon-sliders"></i> Service status</h3>
            </div>
            <ul class="list-group jido-data-services-info panel-body">...fetching</ul>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa icon-doc-text"></i> Change log</h3>
            </div>
            <div class="panel-body">
              <pre class="jido-info jido-data-changelog">...fetching</pre>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-12 col-lg-offset-1 col-md-offset-2">
          <div style="display:none;" class="panel panel-default jido-panel-license">
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa icon-certificate"></i> License</h3>
            </div>
            <div class="panel-body">
              <ul class="list-group jido-data-license-info">...fetching</ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /#dashboard container-->
    <!-- #update container-->
    <div id="jido-page-update" style="display:none" class="container-fluid jido-page-content jido-page-content-update">
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-10 col-lg-offset-1 col-md-offset-1">
          <h1 class="page-header">Update</h1>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div style="display:none;" class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h4>Status: <span class="label label-default jido-data-update-status">...fetching</span><span style="display:none;" class="pull-right jido-data-update-status-error">
                  <div class="jido-data-update-status-error-message text-danger"></div></span></h4>
              <div style="display:none; margin-top: 20px; margin-bottom:0;" class="progress">
                <div role="progressbar" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 33%" class="progress-bar progress-bar-striped active">...uploading, please wait</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa icon-upload-cloud"></i> Update</h3>
            </div>
            <div class="panel-body">
              <h4>Upload a software update package to keep the system up-to-date.</h4>
              <blockquote><span class="text-muted">Example</span><br><em>software_package-v1.2.3.enc</em></blockquote>
              <div style="display:none;" class="alert alert-info update-alert">The status and log will update automatically.</div>
              <form role="form" class="update-form">
                <fieldset>
                  <div class="form-group">
                    <input id="update-input" placeholder="Software Update Package" name="update" type="file" class="form-control">
                  </div>
                  <input id="jido-button-update-upload" type="submit" value="Update" onclick="return event.preventDefault();" class="btn btn-lg btn-primary btn-block">
                </fieldset>
              </form>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-12">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa icon-doc-text"></i> Update log (last 10 lines)</h3>
            </div>
            <div class="panel-body">
              <pre class="jido-info jido-data-update-log">...fetching</pre>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div class="panel panel-default jido-panel">
            <div class="list-group"><a id="jido-button-update-fulllog" href="#" class="list-group-item"><i class="fa icon-doc-text"></i> Show full update log <i class="fa icon-right-circled pull-right"></i></a></div>
            <div style="display:none" class="panel-body">
              <pre class="jido-info jido-data-update-full-log"> </pre>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /#update container-->
    <!-- #network container-->
    <div id="jido-page-network" style="display:none" class="container-fluid jido-page-content jido-page-content-network">
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-10 col-lg-offset-1 col-md-offset-1">
          <h1 class="page-header">Network</h1>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div style="display:none;" class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h4>Status: <span class="label label-default jido-data-network-status">...waiting for network settings</span></h4>
              <div style="display:none; margin-top: 20px" class="progress">
                <div role="progressbar" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 33%" class="progress-bar progress-bar-striped active">...updating, please wait</div>
              </div>
              <div style="display:none;" class="alert alert-dismissible alert-success network-alert"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa icon-sitemap"></i> Network settings</h3>
            </div>
            <div class="panel-body">
              <h4>Update Network settings, or switch between STATIC to DHCP modes.</h4>
              <div class="row">
                <form role="form" class="network-form">
                  <fieldset>
                    <div class="col-lg-12 col-md-12 col-sm-12">
                      <div class="form-group">
                        <label style="margin-right: 1.2em;" class="radio-inline control-label">
                          <input id="network-type-dhcp" name="network-type" value="dhcp" type="radio"><strong>DHCP</strong>
                        </label>
                        <label style="margin-right: 1.2em;" class="radio-inline control-label">
                          <input id="network-type-static" name="network-type" value="static" type="radio"><strong>STATIC</strong>
                        </label>
                      </div>
                    </div><br>
                    <div class="col-lg-6 col-md-6 col-sm-6">
                      <div class="form-group">
                        <label for="hostname-input" class="control-label network-hostname-label">Hostname</label>
                        <input id="hostname-input" placeholder="Hostname" name="hostname" type="text" class="form-control">
                      </div>
                      <div class="form-group">
                        <label for="interface-input" class="control-label network-interface-label">Interface</label>
                        <input id="interface-input" placeholder="Interface" name="interface" type="text" class="form-control">
                      </div>
                      <div class="form-group">
                        <label for="ntpserver-input" class="control-label network-ntpserver-label">NTP Server</label>
                        <input id="ntpserver-input" placeholder="pool.ntp.org" name="ntpserver" type="text" class="form-control">
                      </div>
                      <div class="form-group">
                        <label for="dns1-input" class="control-label network-dns1-label"><em>DNS 1 (optional)</em></label>
                        <input id="dns1-input" placeholder="DNS 1" name="dns-1" type="text" class="form-control">
                      </div>
                      <div class="form-group">
                        <label for="dns2-input" class="control-label network-dns2-label"><em>DNS 2 (optional)</em></label>
                        <input id="dns2-input" placeholder="DNS 2" name="dns-2" type="text" class="form-control">
                      </div>
                    </div>
                    <div class="col-lg-6 col-md-6 col-sm-6">
                      <div class="form-group">
                        <label for="ip_address-input" class="control-label network-ip_address-label">IP address<em> (required for STATIC)</em></label>
                        <input id="ip_address-input" placeholder="IP address" name="ip-address" type="text" class="form-control">
                      </div>
                      <div class="form-group">
                        <label for="netmask-input" class="control-label network-netmask-label">Netmask / Prefix (ex: /64)<em> (required for STATIC)</em></label>
                        <input id="netmask-input" placeholder="Netmask / Prefix (ex: /64)" name="netmask" type="text" class="form-control">
                      </div>
                      <div class="form-group">
                        <label for="gateway-input" class="control-label network-gateway-label">Gateway<em> (required for STATIC)</em></label>
                        <input id="gateway-input" placeholder="Gateway" name="gateway" type="text" class="form-control">
                      </div>
                      <div class="form-group"><br>
                        <input id="jido-button-network-upload" type="submit" value="Update" onclick="return event.preventDefault();" class="btn btn-lg btn-primary btn-block">
                      </div>
                    </div>
                  </fieldset>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /#network container-->
    <!-- #certs container-->
    <div id="jido-page-certs" style="display:none" class="container-fluid jido-page-content jido-page-content-certs">
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-10 col-lg-offset-1 col-md-offset-1">
          <h1 class="page-header">TLS Certificates</h1>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div style="display:none;" class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h4>Status: <span class="label label-default jido-data-certs-status">...fetching</span></h4>
              <div style="display:none; margin-top: 20px" class="progress">
                <div role="progressbar" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 33%" class="progress-bar progress-bar-striped active">...uploading, please wait</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa icon-lock"></i> TLS Certificates</h3>
            </div>
            <div class="panel-body">
              <h4>Upload TLS certificates to replace the default self-signed certificates.</h4>
              <blockquote><span class="text-muted">Example</span><br><em>enterprise.pem, enterprise.key, enterprise-cacert.pem</em></blockquote>
              <div style="display:none;" class="alert alert-dismissible alert-info certs-alert">
                <button type="button" data-dismiss="alert" class="close">×</button>The status and log will update automatically.
              </div>
              <form role="form" class="certs-form">
                <fieldset>
                  <div class="form-group">
                    <label for="public-key-input" class="control-label">Public Certificate (PEM) <a href="#" data-toggle="modal" data-target="#jido-modal-certs-pem"><i class="fa icon-info-circled"></i></a></label>
                    <input id="public-key-input" placeholder="TLS Public Certificate" name="public_key" type="file" class="form-control">
                  </div>
                  <div class="form-group">
                    <label for="private-key-input" class="control-label">Private Key (RSA un-encrypted) <a href="#" data-toggle="modal" data-target="#jido-modal-certs-rsa"><i class="fa icon-info-circled"></i></a></label>
                    <input id="private-key-input" placeholder="TLS Private Key" name="private_key" type="file" class="form-control">
                  </div>
                  <div class="form-group">
                    <label for="ca-key-input" class="control-label"><em>CA Certificate (PEM optional) </em><a href="#" data-toggle="modal" data-target="#jido-modal-certs-pem"><i class="fa icon-info-circled"></i></a></label>
                    <input id="ca-key-input" placeholder="TLS CA Root/Intermediate Certificate" name="ca_key" type="file" class="form-control">
                  </div>
                  <input id="jido-button-certs-upload" type="submit" value="Upload" onclick="return event.preventDefault();" class="btn btn-lg btn-primary btn-block">
                </fieldset>
              </form>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-12">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa icon-doc-text"></i> TLS Certificates log (last 10 lines)</h3>
            </div>
            <div class="panel-body">
              <pre class="jido-info jido-data-certs-log">...fetching</pre>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /#certs container-->
    <!-- #storage container-->
    <div id="jido-page-storage" style="display:none" class="container-fluid jido-page-content jido-page-content-storage">
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <h1 class="page-header">Storage</h1>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div style="display:none;" class="panel panel-default jido-panel">
            <div class="panel-heading">
              <div style="margin-top: 20px" class="progress">
                <div role="progressbar" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 33%" class="progress-bar progress-bar-striped active">...uploading, please wait</div>
              </div>
              <div style="display:none;" class="alert alert-dismissible alert-success storage-alert"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa icon-database"></i> Storage settings</h3>
            </div>
            <div class="panel-body">
              <h4>Select Storage type and configure Settings for persistent data.</h4><br>
              <div class="alert alert-info">All form fields are required</div>
              <div class="row">
                <form role="form" autocomplete="off" class="storage-form">
                  <fieldset>
                    <div class="col-lg-12 col-md-12 col-sm-12">
                      <div class="form-group">
                        <label for="type-input" class="control-label storage-type-label">Storage type</label>
                        <select id="storage-name-select" tabindex="21" class="form-control"></select>
                      </div>
                      <div id="storageForms">
                            <div id="storage-nfs" style="display:none;" class="storage-form-options">
                              <div class="form-group">
                                <label for="ip-input" class="control-label storage-ip-label">NFS Server IP (ex: 192.168.1.100)</label>
                                <input placeholder="External NFS Server IP" name="ip" type="text" class="ip-input form-control">
                              </div>
                              <div class="form-group">
                                <label for="share-input" class="control-label storage-share-label">NFS Server Path (ex: /nfs/storage)</label>
                                <input placeholder="External NFS Server Path" name="share" type="text" class="share-input form-control">
                              </div>
                              <div class="form-group">
                                <label for="mount-input" class="control-label storage-mount-label">Mount options (ex: noacl,sync)</label>
                                <input placeholder="Mount options" name="mount_options" type="text" class="mount-input form-control">
                              </div>
                            </div>
                            <div id="storage-aoe" style="display:none;" class="storage-form-options">
                              <div class="form-group">
                                <label for="device-input" class="control-label storage-device-label">Device (ex: e0.1)</label>
                                <input placeholder="Device name" name="device" type="text" class="device-input form-control">
                              </div>
                            </div>
                            <div id="storage-iscsi" style="display:none;" class="storage-form-options">
                              <div class="form-group">
                                <label for="ip-input" class="control-label storage-ip-label">IP address (ex: 192.168.1.100)</label>
                                <input placeholder="IP address" name="ip" type="text" class="ip-input form-control">
                              </div>
                              <div class="form-group">
                                <label for="target-input" class="control-label storage-target-label">Target (ex: iqn.2016-01.com.example:storage.lun1)</label>
                                <input placeholder="Target" name="target" type="text" class="target-input form-control">
                              </div>
                              <div class="form-group">
                                <label for="username-input" class="control-label storage-username-label">Username (ex: nfsuser)</label>
                                <input placeholder="Username" name="username" type="text" class="username-input form-control">
                              </div>
                              <div class="form-group">
                                <label for="password-input" class="control-label storage-password-label">Password (ex: nfspassword)</label>
                                <input placeholder="Password" name="password" type="password" class="password-input form-control">
                              </div>
                            </div>
                            <div id="storage-nbd" style="display:none;" class="storage-form-options">
                              <div class="form-group">
                                <label for="ip-input" class="control-label storage-ip-label">IP address (ex: 192.168.1.100)</label>
                                <input placeholder="IP address" name="ip" type="text" class="ip-input form-control">
                              </div>
                              <div class="form-group">
                                <label for="port-input" class="control-label storage-port-label">Port (ex: 1043)</label>
                                <input placeholder="Port" name="port" type="text" class="port-input form-control">
                              </div>
                              <div class="form-group">
                                <label for="export-input" class="control-label storage-export-label">Export name (ex: otherexport)</label>
                                <input placeholder="Export name" name="export_name" type="text" class="export-input form-control">
                              </div>
                            </div>
                      </div>
                      <div class="form-group"><br>
                        <input id="jido-button-storage-upload" type="submit" value="Update" onclick="return event.preventDefault();" class="btn btn-lg btn-primary btn-block">
                      </div>
                    </div>
                  </fieldset>
                </form>
              </div>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-12">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa icon-info-circled"></i> Information</h3>
            </div>
            <div id="storageHelp" class="panel-body">
                  <div id="storage-help-local" style="display:none;">
                    <h4>Local (disk)</h4>
                    <p>This is the default setting.</p>
                    <p>Data is stored locally on the 2nd disk, in an LVM partition mounted to <code> /data</code>.</p>
                  </div>
                  <div id="storage-help-nfs" style="display:none;">
                    <h4>NFS</h4>
                    <p>Network File System (NFS) storage provides a multitude of configuration options.</p>
                    <p>NFS <code>Mount options</code> are fully listed and described in the <a href="https://linux.die.net/man/5/nfs">nfs(5)</a> man page (external link).</p>
                  </div>
                  <div id="storage-help-aoe" style="display:none;">
                    <h4>AoE (ATA-over-Ethernet)</h4>
                    <p>AoE storage provides block storage over ethernet.</p>
                    <p>The AoE<code>Device</code> is a block device defined by the target server, as described in the <a href="https://linux.die.net/man/8/aoe-stat">aoe-stat(8)</a> man page (external link).</p>
                  </div>
                  <div id="storage-help-iscsi" style="display:none;">
                    <h4>iSCSI</h4>
                    <p>iSCSI storage provides a SCSI interface over TCP.</p>
                    <p>The iSCSI<code>Target</code> is described in the <a href="https://linux.die.net/man/8/iscsiadm">iscsiadm(8)</a> man page (external link).</p>
                  </div>
                  <div id="storage-help-nbd" style="display:none;">
                    <h4>NBD</h4>
                    <p>NBD provides a network block device by connecting to an NBD server over TCP.</p>
                  </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /#storage container-->
    <!-- #token container-->
    <div id="jido-page-token" style="display:none" class="container-fluid jido-page-content jido-page-content-token">
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-10 col-lg-offset-1 col-md-offset-1">
          <h1 class="page-header">API Token</h1>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-12 col-lg-offset-3 col-md-offset-3">
          <div style="display:none;" class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h4>Status: <span class="label label-default jido-data-token-status">...waiting for token</span></h4>
              <div style="display:none; margin-top: 20px" class="progress">
                <div role="progressbar" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 33%" class="progress-bar progress-bar-striped active">...updating, please wait</div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-6 col-md-6 col-sm-12 col-lg-offset-3 col-md-offset-3">
          <div class="panel panel-default jido-panel jido-panel-network">
            <div class="panel-body">Set your new<em> API Token</em> below.<br><br>
              <div style="display:none;" class="alert alert-danger token-alert">API Token mismatch. Please verify the API Token.</div>
              <div class="row">
                <form role="form" autocomplete="off" class="token-form">
                  <fieldset>
                    <div class="col-lg-8 col-md-8 col-sm-8 col-md-offset-2">
                      <div class="form-group has-success">
                        <label for="token1-input" class="control-label token-token1-label">API Token</label>
                        <input id="token1-input" placeholder="API Token" name="token1" type="password" class="form-control">
                      </div>
                      <div class="form-group has-success">
                        <label for="token2-input" class="control-label token-token2-label">Confirm API Token</label>
                        <input id="token2-input" placeholder="Confirm API Token" name="token2" type="password" class="form-control">
                      </div>
                      <div class="form-group"><br>
                        <input id="jido-button-token-upload" type="submit" value="Update" onclick="return event.preventDefault();" class="btn btn-lg btn-primary btn-block">
                      </div>
                    </div>
                  </fieldset>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /#token container-->
    <!-- #support container-->
    <div id="jido-page-support" style="display:none" class="container-fluid jido-page-content">
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-10 col-lg-offset-1 col-md-offset-1">
          <h1 class="page-header">Support</h1>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <h4>Download</h4>
          <div class="list-group"><a id="jido-data-logs-files" href="#" class="list-group-item">
              <h4 class="list-group-item-heading"><i class="fa icon-file-archive"></i> Log files (logs.tar.gz)</h4>
              <p class="list-group-item-text">Server activity and log files to help troubleshoot various issues.</p></a><a id="jido-data-debug-files" href="#" class="list-group-item">
              <h4 class="list-group-item-heading"><i class="fa icon-bug"></i> Debug files (debug-bundle.tar)</h4>
              <p class="list-group-item-text">Encrypted logs and system debugging information. Send this to the application developpers for additional support and troubleshooting.</p></a></div>
          <h4>View</h4>
          <div class="list-group"><a href="/docs/" class="list-group-item">
              <h4 class="list-group-item-heading"><i class="fa icon-help-circled"></i> Admin API documentation</h4>
              <p class="list-group-item-text">Provides information on using the Admin API for console and programmable access.</p></a></div>
        </div>
      </div>
    </div>
    <!-- /#support container-->
    <!-- #monitor container-->
    <div id="jido-page-monitor" style="display:none" class="container-fluid jido-page-content">
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div class="page-header">
            <h1 style="display:inline;">Monitor system health</h1>
            <div style="display:inline;" class="pull-right">
              <ul id="jido-monitor-duration" class="pagination pagination-md">
                <li class="jido-duration-1h active"><a href="#" duration="1h">1 hour</a></li>
                <li class="jido-duration-1d"><a href="#" duration="1d">1 day</a></li>
                <li class="jido-duration-1w"><a href="#" duration="1w">1 week</a></li>
                <li class="jido-duration-1m"><a href="#" duration="1m">1 month</a></li>
                <li class="jido-duration-1y"><a href="#" duration="1y">1 year</a></li>
              </ul>
              <p class="text-right"><span class="jido-monitor-msg">Loading graphs, please wait...</span><span>&nbsp;</span></p>
            </div><br><br>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-5 col-md-5 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"> CPU load</h3>
            </div>
            <div class="panel-body jido-monitor">
              <canvas id="svgload"></canvas>
            </div>
          </div>
        </div>
        <div class="col-lg-5 col-md-5 col-sm-12">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"> Memory usage</h3>
            </div>
            <div class="panel-body jido-monitor">
              <canvas id="svgmemory"></canvas>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-5 col-md-5 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"> Network traffic</h3>
            </div>
            <div class="panel-body jido-monitor">
              <canvas id="svgnetwork"></canvas>
            </div>
          </div>
        </div>
        <div class="col-lg-5 col-md-5 col-sm-12">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"> Disk usage</h3>
            </div>
            <div class="panel-body jido-monitor">
              <canvas id="svgdisk"></canvas>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /#monitor container-->
    <!-- #backup container-->
    <div id="jido-page-backup" style="display:none" class="container-fluid jido-page-content jido-page-content-backup">
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <h1 class="page-header">Backup/Restore</h1>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-10 col-md-10 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div style="display:none;" class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h4>Status: <span class="label label-default jido-data-backup-status">...waiting for backup</span></h4>
              <div style="display:none; margin-top: 20px" class="progress">
                <div role="progressbar" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 33%" class="progress-bar progress-bar-striped active">...uploading, please wait</div>
              </div>
              <div style="display:none;" class="alert alert-dismissible alert-success backup-alert"></div>
            </div>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-12 col-lg-offset-1 col-md-offset-1">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa icon-floppy"></i> Backup action</h3>
            </div>
            <div class="panel-body">
              <h4>Create, cancel, download, or restore a Backup archive.</h4><br>
              <form role="form" class="backup-form">
                <fieldset>
                  <div class="form-group">
                    <div class="row">
                      <div class="col-lg-6 col-md-6 col-sm-12"><a id="jido-button-backup-start" href="#" onclick="return event.preventDefault();" class="btn btn-lg btn-primary btn-block">Start backup</a></div>
                      <div class="col-lg-6 col-md-6 col-sm-12"><a id="jido-button-backup-stop" href="#" onclick="return event.preventDefault();" style="display:none;" class="btn btn-lg btn-danger btn-block">Cancel backup</a></div>
                    </div>
                  </div>
                  <hr>
                  <div class="form-group">
                    <div class="alert alert-info">Restore will overwrite files in <code>/data</code></div>
                    <label for="backup-restore-file" class="control-label">Restore a backup</label>
                    <input id="backup-restore-input" placeholder="backup.tar" name="backup_file" type="file" class="form-control">
                  </div>
                  <input id="jido-button-backup-upload" type="submit" value="Restore backup" onclick="return event.preventDefault();" class="btn btn-lg btn-primary btn-block">
                </fieldset>
              </form>
            </div>
          </div>
        </div>
        <div class="col-lg-6 col-md-6 col-sm-12">
          <div class="panel panel-default jido-panel">
            <div class="panel-heading">
              <h3 class="panel-title"><i class="fa icon-info-circled"></i> Information</h3>
            </div>
            <div id="backupInfo" style="display:none;" class="panel-body">
              <h4>Download</h4>
              <div class="list-group"><a id="jido-data-backup-file" href="#" class="list-group-item">
                  <h4 class="list-group-item-heading"><i class="fa icon-file-archive"></i> Backup files (backup.tar)</h4></a></div>
              <h4>Filesize</h4>
              <p>
                <pre class="backup-status-filesize"></pre>
              </p>
              <h4>SHA256 hash</h4>
              <p>
                <pre class="backup-status-sha256"></pre>
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- /#backup container-->
    <div id="jido-modal-certs-pem" class="modal">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" data-dismiss="modal" aria-hidden="true" class="close">&times;</button>
                <h4 class="modal-title">PEM certificate example</h4>
              </div>
              <div class="modal-body">
                <p>The PEM certificate should look like this:</p>
                    <pre>-----BEGIN CERTIFICATE-----
MIIDXTCCAkWgAwIBAgIJAJC1HiIAZAiIMA0GCSqGSIb3Df
BAYTAkFVMRMwEQYDVQQIDApTb21lLVN0YXRlMSEwHwYDVx
aWRnaXRzIFB0eSBMdGQwHhcNMTExMjMxMDg1OTQ0WhcNMT
A .... MANY LINES LIKE THAT ....
JjyzfN746vaInA1KxYEeI1Rx5KXY8zIdj6a7hhphpj2E04
C3Fayua4DRHyZOLmlvQ6tIChY0ClXXuefbmVSDeUHwc8Yu
B7xxt8BVc69rLeHV15A0qyx77CLSj3tCx2IUXVqRs5mlSb
vA==
-----END CERTIFICATE-----
</pre>
              </div>
              <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
              </div>
            </div>
          </div>
    </div>
    <div id="jido-modal-certs-rsa" class="modal">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <button type="button" data-dismiss="modal" aria-hidden="true" class="close">&times;</button>
                <h4 class="modal-title">RSA private key (un-encrypted) example</h4>
              </div>
              <div class="modal-body">
                <p>The RSA private key (un-encrypted) should look like this:</p>
                    <pre>-----BEGIN RSA PRIVATE KEY-----
MIIFDjBABgkqhkiG9w0BBQ0wMzAbBgkqhkiG9w0BBQwwDg
MBQGCCqGSIb3DQMHBAgD1kGN4ZslJgSCBMi1xk9jhlPxPc
9g73NQbtqZwI+9X5OhpSg/2ALxlCCjbqvzgSu8gfFZ4yo+
A .... MANY LINES LIKE THAT ....
X0R+meOaudPTBxoSgCCM51poFgaqt4l6VlTN4FRpj+c/Wc
blK948UAda/bWVmZjXfY4Tztah0CuqlAldOQBzu8TwE7WD
H0ga/iLNvWYexG7FHLRiq5hTj0g9mUPEbeTXuPtOkTEb/0
GEs=
-----END RSA PRIVATE KEY-----
</pre>
              </div>
              <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
              </div>
            </div>
          </div>
    </div>
    <div id="jido-modal-restart" tabindex="-1" class="modal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-body">
            <h1><i style="font-size:2em;" class="fa icon-attention text-warning"></i>
              <p class="text-muted">Are you sure ?</p>
            </h1>
            <p>Choose Yes to immediately restart the system.</p><br>
            <button type="button" data-dismiss="modal" class="btn btn-default"><i class="fa icon-cancel"></i> No, not yet</button>&nbsp;&nbsp;
            <button id="jido-button-restart-confirm" type="button" data-dismiss="modal" class="btn btn-danger"><i class="fa icon-ok"></i> Yes, restart it!</button>
          </div>
        </div>
      </div>
    </div>
    <script src="/docs/jquery/jquery.min.js?v=1.24.0"></script>
    <script src="/docs/forge/forge.min.js?v=1.24.0"></script>
    <script src="/docs/validator/validator.min.js?v=1.24.0"></script>
    <script src="/docs/themes/bootstrap.min.js?v=1.24.0"></script>
    <script src="/docs/jsrrdgraph/binaryxhr.js?v=1.24.0"></script>
    <script src="/docs/jsrrdgraph/rrdcmdline.js?v=1.24.0"></script>
    <script src="/docs/jsrrdgraph/rrddatafile.js?v=1.24.0"></script>
    <script src="/docs/jsrrdgraph/rrdfile.js?v=1.24.0"></script>
    <script src="/docs/jsrrdgraph/rrdgfxcanvas.js?v=1.24.0"></script>
    <script src="/docs/jsrrdgraph/rrdgraph.min.js?v=1.24.0"></script>
    <script src="/docs/jsrrdgraph/rrdrpn.js?v=1.24.0"></script>
    <script src="/docs/jsrrdgraph/rrdtime.js?v=1.24.0"></script>
    <script src="/docs/jsrrdgraph/sprintf.js?v=1.24.0"></script>
    <script src="/docs/jsrrdgraph/strftime.js?v=1.24.0"></script>
    <script src="/docs/jsrrdgraph/draw.js?v=1.24.0"></script>
    <script src="/docs/ui.min.js?v=1.24.0"></script>
    <div style="margin-bottom:0;margin-top:3em;position:relative;bottom:0px;width:100%;" class="well text-right text-muted jido-smalltext">Powered by on-premises.com - v1.24.0 - <a href="/docs/NOTICE.TXT">Copyright notices</a></div>
    <!-- This Source Code Form is subject to the terms of the Mozilla Public-->
    <!-- License, v. 2.0. If a copy of the MPL was not distributed with this-->
    <!-- file, You can obtain one at http://mozilla.org/MPL/2.0/.-->
    <!-- -->
    <!-- Copyright (c) 2015-2017 Alexander Williams, Unscramble <license@unscramble.jp>-->
  </body>
</html>