hakkoso/templates/index.html

{% extends 'base.html' %}

{% block header %}
<h1>{% block title %}Hakkoso{% endblock %}</h1>
{% endblock %}
{% block content %}
<div class="columns">
  <div class="column">
    <br/>
    <div class="card">
      <header class="card-header">
        <p class="card-header-title">
          Sensors
        </p>
      </header>
      <div class="card-content">
        <div id="sensor-list"></div>
      </div>
    </div>
    <br/>
    <div class="card">
      <header class="card-header">
        <p class="card-header-title">
          Actuators
        </p>
      </header>
      <div class="card-content">
        <div id="actuator-list"></div>
      </div>
    </div>
    <br/>
    <div class="card">
      <header class="card-header">
        <p class="card-header-title">
          Sensors Data
        </p>
      </header>
      <div class="card-content">
        <div class="content">
          <div class="field has-addons">
            <button class="button is-link" onclick="toggle_update_plot()">Pause/Unpause Plot</button>
            <div class="control">
              <input class="input" type="number"/ value="1000" id="point-number" />
            </div>
            <div class="control">
              <a class="button is-info" onclick="set_plot_points()">
                Update #of points
              </a>
            </div>
            <a class="button is-link" href="/sensors.json">
              Download
            </a>
          </div>
          <div id="data-plot"></div>
          <br/>
        </div>
      </div>
    </div>
    <div class="card">
      <header class="card-header">
        <p class="card-header-title">
          Manual Control
        </p>
      </header>
      <div class="card-content">
        <div class="content">
          <textarea class="textarea" value="#t" id="scheme-eval">
          </textarea>
          <a class="button is-info" onclick="eval_scheme('scheme-eval')">
            Eval
          </a>
          <textarea class="textarea" value="#t" id="eval-output" readonly>
          </textarea>
        </div>
      </div>
    </div>
  </div>
  <div class="column">
    <br/>
    <div id="current-recipe"></div>
    <br/>
    <div id="load-recipe"></div>
    <br/>
  </div>
</div>
{% endblock %}