vent.html

<!--
vent.html: COVID-19 Respiration Analysis Software for vent features
  Copyright (C) 2021  Robert L. Read

  This program is free software: you can redistribute it and/or modify
  it under the terms of the GNU Affero General Public License as
  published by the Free Software Foundation, either version 3 of the
  License, or (at your option) any later version.

  This program is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU Affero General Public License for more details.

  You should have received a copy of the GNU Affero General Public License
  along with this program.  If not, see <http://www.gnu.org/licenses/>.
-->
  <div class="row">
    <div class="col-6">
    <div class="control-wrapper row">
      <label class="col-2" for="control-mode">Mode:</label>
      <input class="col-9" type="range" id="control-mode" name="control-mode" min="0" max="2" value="0"/>
      <label class="col-1" id="control-mode-val">PCV</label>
    </div>
    <div class="control-wrapper row">
      <label class="col-2" for="control-rr">RR:</label>
      <input class="col-9" type="range" id="control-rr" name="control-rr" min="1" max="30" value="12"/>
      <label class="col-1" id="control-rr-val">12</label>
    </div>
    <div class="control-wrapper row">
      <label class="col-2" for="control-ie">EI (x10) :</label>
      <input class="col-9" type="range" id="control-ie" name="control-ie" min="5" max="50" step="1" value="30"/>
      <label class="col-1" id="control-ie-val">30</label>
    </div>
    <div class="control-wrapper row">
      <label class="col-2" for="control-pinsp">Pinsp (cmH20):</label>
      <input class="col-9" type="range" id="control-pinsp" name="control-pinsp" min="10" max="50" value="35"/>
      <label class="col-1" id="control-pinsp-val">35</label>
    </div>
    <div class="control-wrapper row">
      <label class="col-2" for="control-vinsp">Vinsp:</label>
      <input class="col-9" type="range" id="control-vinsp" name="control-vinsp" min="200" max="800" step="20" value="500"/>
      <label class="col-1" id="control-vinsp-val">500</label>
    </div>
    <div class="control-wrapper row">
      <label class="col-2" for="control-peep">PEEP (cmH20):</label>
      <input class="col-9" type="range" id="control-peep" name="control-peep" min="0" max="15" value="5"/>
      <label class="col-1" id="control-peep-val">5</label>
    </div>


    <button id="control-start" type="button" class="btn btn-primary">START</button>
  </div>

  <div class="col-6">
    <div>
      <b>Status:</b> no device connected
    </div>
    <div>
      <b>Log:</b> some log info
    </div>
  </div>
</div>