Skip to content

Commit bd964cd

Browse files
fabyrfabyr
committed
Initial commit
0 parents  commit bd964cd

6 files changed

+1045
-0
lines changed

‎SdFiles/index.html

+102
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,102 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
6+
<title>Current Meter</title>
7+
<script>
8+
const nan = 0.0 / 0.0;
9+
const runname = "%RUNNAME%";
10+
const current = Math.abs(%CURRENT%);
11+
const charge = %CHARGE%;
12+
var runs = [ %RUNLIST% ];
13+
14+
const decimals = 2;
15+
16+
const avogadrosConstant = 6.02214076e23;
17+
const elementaryCharge = 1.602176634e-19;
18+
const factor = avogadrosConstant * elementaryCharge;
19+
const moles = coulomb_to_mol(charge);
20+
21+
function coulomb_to_mol(x)
22+
{
23+
return x / factor;
24+
}
25+
26+
function millenium_fmt(x)
27+
{
28+
const list = [ [1e9, "G", "Giga"], [1e6, "M", "Mega"], [1e3, "k", "Kilo"], [1, "", ""],
29+
[1e-3, "m", "Milli"], [1e-6, "\xb5", "Micro"], [1e-9, "n", "Nano"] ];
30+
31+
for(const [threshold, word, longword] of list)
32+
{
33+
if(x > threshold)
34+
{
35+
return { value: x / threshold, word: word, longword: longword };
36+
}
37+
}
38+
// Default to the last one
39+
const [threshold, word, longword] = list[list.length - 1];
40+
return { value: x / threshold, word: word, longword: longword };
41+
}
42+
43+
function decimal(x, places)
44+
{
45+
const pow = Math.pow(10, places);
46+
return Math.round(x * pow) / pow;
47+
}
48+
49+
function loaded()
50+
{
51+
document.getElementById("runname").innerHTML = runname;
52+
53+
const elemCurrent = document.getElementById("current");
54+
const elemCharge = document.getElementById("charge");
55+
const elemMol = document.getElementById("moles");
56+
57+
const currentObj = millenium_fmt(current);
58+
const chargeObj = millenium_fmt(charge);
59+
const molObj = millenium_fmt(moles);
60+
61+
let currentLongword = "ampere";
62+
let chargeLongword = "coulomb";
63+
let molLongword = "moles";
64+
if(currentObj.longword.length == 0)
65+
currentLongword = currentLongword.charAt(0).toUpperCase() + currentLongword.substring(1);
66+
if(chargeObj.longword.length == 0)
67+
chargeLongword = chargeLongword.charAt(0).toUpperCase() + chargeLongword.substring(1);
68+
if(molObj.longword.length == 0)
69+
molLongword = molLongword.charAt(0).toUpperCase() + molLongword.substring(1);
70+
71+
elemCurrent.innerHTML = `${decimal(currentObj.value, decimals)} ${currentObj.word}A (${currentObj.longword}${currentLongword})`;
72+
elemCharge.innerHTML = `${decimal(chargeObj.value, decimals)} ${chargeObj.word}C (${chargeObj.longword}${chargeLongword})`;
73+
elemMol.innerHTML = `${decimal(molObj.value, decimals)} ${molObj.word}mol (${molObj.longword}${molLongword})`;
74+
75+
const elemRun = document.getElementById("runcontainer");
76+
runs = runs.reverse();
77+
for(const run of runs)
78+
{
79+
const split = run.split('_');
80+
const date = moment(Number(split[0]) * 1000).format("DD.MM.YYYY HH:mm:ss");
81+
elemRun.innerHTML += `<li><a href="/view?run=${run}">${date} (${split[1]})</a></li>`;
82+
}
83+
}
84+
85+
window.addEventListener('load', loaded, true);
86+
</script>
87+
</head>
88+
<body>
89+
<h1>Current Meter</h1>
90+
<p>Current Run Name: <span id="runname"></span></p>
91+
<p>Current: <span id="current"></span></p>
92+
<p>Total Charge: <span id="charge"></span></p>
93+
<p>Total Electrons: <span id="moles"></span></p>
94+
<hr>
95+
<form action="/reset">
96+
<input type="submit" value="Reset Run">
97+
</form>
98+
<hr>
99+
<h3>Runs</h3>
100+
<ul id="runcontainer"></ul>
101+
</body>
102+
</html>

‎SdFiles/reset.html

+7
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta http-equiv="Refresh" content="1; url='/'" />
5+
</head>
6+
<body></body>
7+
</html>

‎SdFiles/run.html

+187
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,187 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title></title>
5+
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.9.1/chart.min.js"></script>
6+
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
7+
<script src="https://cdnjs.cloudflare.com/ajax/libs/chartjs-adapter-moment/1.0.0/chartjs-adapter-moment.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
8+
<script>
9+
function decimal(x, places)
10+
{
11+
const pow = Math.pow(10, places);
12+
return Math.round(x * pow) / pow;
13+
}
14+
function millenium_fmt(x)
15+
{
16+
const list = [ [1e9, "G", "Giga"], [1e6, "M", "Mega"], [1e3, "k", "Kilo"], [1, "", ""],
17+
[1e-3, "m", "Milli"], [1e-6, "\xb5", "Micro"], [1e-9, "n", "Nano"] ];
18+
19+
for(const [threshold, word, longword] of list)
20+
{
21+
if(x > threshold)
22+
{
23+
return { value: x / threshold, word: word, longword: longword };
24+
}
25+
}
26+
// Default to the last one
27+
const [threshold, word, longword] = list[list.length - 1];
28+
return { value: x / threshold, word: word, longword: longword };
29+
}
30+
const avogadrosConstant = 6.02214076e23;
31+
const elementaryCharge = 1.602176634e-19;
32+
const factor = avogadrosConstant * elementaryCharge;
33+
function coulomb_to_mol(x)
34+
{
35+
return x / factor;
36+
}
37+
</script>
38+
<script>
39+
const file = "%FILECONTENT%";
40+
const decimals = 2;
41+
42+
function dateISOFmt(date)
43+
{
44+
return moment(date).format("YYYY-MM-DD HH:mm:ss");
45+
}
46+
47+
function loaded()
48+
{
49+
const split = file.split('|').filter(x => x.trim().length > 0);
50+
let data = [];
51+
for(const row of split)
52+
{
53+
const rowparts = row.split(';');
54+
data.push({ x: dateISOFmt(Number(rowparts[0]) * 1000), current: Math.abs(Number(rowparts[1])), charge: rowparts[2], mol: coulomb_to_mol(Number(rowparts[2])) });
55+
}
56+
data.sort(function (a,b){ return a.x - b.x; });
57+
58+
const ctx = document.getElementById('chart');
59+
const myChart = new Chart(ctx, {
60+
type: 'line',
61+
data: {
62+
datasets: [{
63+
label: 'Current',
64+
backgroundColor: 'rgb(255, 99, 132)',
65+
borderColor: 'rgb(255, 99, 153)',
66+
data: data,
67+
yAxisID: 'currentAxis',
68+
parsing: {
69+
yAxisKey: 'current'
70+
}
71+
}, {
72+
label: 'Charge',
73+
backgroundColor: 'rgb(153, 51, 255)',
74+
borderColor: 'rgb(153, 9, 255)',
75+
data: data,
76+
yAxisID: 'chargeAxis',
77+
parsing: {
78+
yAxisKey: 'charge'
79+
}
80+
}, {
81+
label: 'Electrons',
82+
backgroundColor: 'rgb(26, 234, 11)',
83+
borderColor: 'rgb(42, 222, 5)',
84+
data: data,
85+
yAxisID: 'molAxis',
86+
parsing: {
87+
yAxisKey: 'mol'
88+
}
89+
}],
90+
indexAxis: 'x'
91+
},
92+
options: {
93+
normalized: true,
94+
animation: false,
95+
interaction: {
96+
mode: 'nearest',
97+
axis: 'x',
98+
intersect: false
99+
},
100+
scales: {
101+
x: {
102+
type: 'time'
103+
},
104+
currentAxis: {
105+
type: 'linear',
106+
position: 'left',
107+
grid: { display: false },
108+
ticks: {
109+
callback: function(value, index, ticks) {
110+
x = millenium_fmt(value);
111+
return x.value + " " + x.word + "A";
112+
}
113+
}
114+
},
115+
chargeAxis: {
116+
type: 'linear',
117+
position: 'right',
118+
grid: { display: false },
119+
ticks: {
120+
callback: function(value, index, ticks) {
121+
x = millenium_fmt(value);
122+
return x.value + " " + x.word + "C";
123+
}
124+
}
125+
},
126+
molAxis: {
127+
type: 'linear',
128+
position: 'right',
129+
grid: { display: false },
130+
ticks: { display: false }
131+
}
132+
},
133+
plugins: {
134+
tooltip: {
135+
callbacks: {
136+
label: function(context) {
137+
let label = context.dataset.label || '';
138+
139+
if (label) {
140+
label += ': ';
141+
}
142+
if (context.parsed.y !== null) {
143+
mfmt = millenium_fmt(context.parsed.y);
144+
label += decimal(mfmt.value, decimals);
145+
label += ' ';
146+
// Suffix based on dataset
147+
switch(context.dataset.parsing.yAxisKey)
148+
{
149+
case "current":
150+
label += mfmt.word;
151+
label += 'A';
152+
break;
153+
case "charge":
154+
label += mfmt.word;
155+
label += 'C';
156+
break;
157+
case "mol":
158+
label += mfmt.word;
159+
label += 'mol';
160+
break;
161+
}
162+
}
163+
return label;
164+
},
165+
title: function(context) {
166+
context = context[0];
167+
let label = context.label || '';
168+
label = new Date(label).toLocaleString();
169+
return label;
170+
}
171+
}
172+
}
173+
}
174+
}
175+
});
176+
}
177+
178+
window.addEventListener('load', loaded, true);
179+
</script>
180+
</head>
181+
<body>
182+
<form action="/">
183+
<input type="submit" value="Back">
184+
</form>
185+
<canvas id="chart" width="100" height="40"></canvas>
186+
</body>
187+
</html>

‎SdFiles/runs/1664718943_932226dd.csv

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
1664718943;0.00000;0.00000
2+
1664719022;0.05885;4.44711
3+
1664719473;0.01093;30.76207
4+
1664719922;0.06118;55.42032
5+
1664720372;0.04373;80.15974
6+
1664720822;0.10538;103.73998
7+
1664721272;0.02280;128.96192
8+
1664721722;0.03652;153.47032
9+
1664722172;0.10863;177.48489
10+
1664722622;0.02978;202.05518
11+
1664723072;0.14934;225.95810
12+
1664723522;0.00279;248.94401
13+
1664723972;0.03559;273.00817
14+
1664724423;0.07863;296.45491
15+
1664724872;0.04490;320.89866

0 commit comments

Comments
 (0)