Skip to content
GitLab
Select Git revision
  • master default
  • BRIEFCOM
  • ctfs
  • test.dplyr
  • package
Find file BlameHistoryPermalink
index-mqtt.html 26.37 KiB
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
    <meta charset="utf8"/>
5 
    <title>OhmPi Acquisition Board</title>
6 
    <link rel="shortcut icon" type="image/jpg" href="logo_ohmpi.jpg"/>
7
8 
    <!-- dependencies (need to be local as no internet in AP mode)-->
9 
    <script src="js/plotly-basic-2.8.3.min.js"></script>
10 
    <script src="js/jquery-3.4.1.min.js"></script>
11 
    <link type="text/css" href="css/bootstrap.min.css" rel="stylesheet">
12 
	<!-- <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> -->
13 
	<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"> -->
14 
    <!-- <script src="js/danfojs/bundle.min.js"></script> -->
15 
    <!-- <script src="js/mqtt.min.js"></script> -->
16 
    <script src="js/paho/paho-mqtt.js"></script>
17 
</head>
18 
<body>
19 
    <div class='container'>
20 
        <h1>OhmPi Acquisition Board</h1>
21 
        <!-- nb stacks, on-time -->
22 
        <button id="update_settingsBtn" type="button" class="btn btn-secondary" data-toggle="modal" data-target="#exampleModal">Settings</button>
23 
        <button id='runBtn' type="button" class="btn btn-primary">&#9654</button>
24 
        <button id='stopBtn' type="button" class="btn btn-warning">&#9724</button>
25 
        <!-- upload button for csv which display the table ABMN -->
26 
        <button id="removeDataBtn" type="button" class="btn btn-danger">Clear data</button>
27 
        <button id="getDataBtn" type="button" class="btn btn-info">Get data</button>
28 
        <div class="form-check">
29 
            <input id="dataRetrievalCheck" class="form-check-input" type="checkbox" value="">
30 
            <label class="form-check-label" for="dataRetrievalCheck">
31 
                Automaticaly get data every 1 secondStart
32 
            </label>
33 
        </div>
34 
        <div id='output'>Status: idle</div>
35
36 
        <!-- Pseudo section -->
37 
        <select id='surveySelect' class='custom-select'>
38 
        </select>
39 
        <input id="cmin" type="number" value="0"/>
40 
        <input id="cmax" type="number" value="150"/>
41 
        <button id="capplyBtn" type="button" class="btn btn-info">Apply</button>
42 
        <div id="gd"></div>
43 
        <div class="mb3 row">
44 
            <label for="quadSelect">Quadrupole:</label>
45 
            <div class="col-sm-10">
46 
                <select id='quadSelect' class='custom-select'></select>
47 
            </div>
48 
        </div>
49
50 
        <!-- trace figure -->
51 
        <button id="addTraceBtn" type="button" class="btn btn-info">Add trace</button>
52 
        <button id="removeTracesBtn" type="button" class="btn btn-info">Remove all traces</button>
53 
        <div id="ts"></div>
54
55 
        <!-- RS check -->
56 
        <button id="rsBtn" type="button" class="btn btn-info">Check contact resistance</button>
57 
        <button id="rsClearBtn" type="button" class="btn btn-info">Clear plot</button>
58 
        <div id="rs"></div>
59
60 
        <!-- Additional buttons -->
61 
        <button id="downloadBtn" type="button" class="btn btn-primary">Download data</button>
62 
        <!-- <button id="invertBtn" type="button" class="btn btn-primary">Invert</button> -->
63 
        <a id="download"></a>
64
65 
        <!-- Modal for configuration -->
66 
        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
67 
            <div class="modal-dialog" role="document">
68 
            <div class="modal-content">
69 
                <div class="modal-header">
70 
                <h5 class="modal-title" id="exampleModalLabel">OhmPi configuration</h5>