parent
a778eb6d64
commit
46d861e0dc
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.8 KiB |
File diff suppressed because one or more lines are too long
@ -0,0 +1,66 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
|
||||
<title>About - Current analyzer</title> |
||||
|
||||
<link href="/css/app.css" rel="stylesheet"> |
||||
|
||||
|
||||
<script src="/js/all.js"></script> |
||||
</head> |
||||
<body class="page-about"> |
||||
<div id="outer"> |
||||
<nav id="menu"> |
||||
<div id="brand" onclick="$('#menu').toggleClass('expanded')">Current Analyser</div> |
||||
<a href="/">Home</a><a href="/wifi">WiFi config</a><a href="/waveform">Waveform</a><a href="/fft">FFT</a><a href="/about" class="selected">About</a></nav> |
||||
<div id="content"> |
||||
|
||||
<h1>About</h1> |
||||
|
||||
<div class="Box"> |
||||
<img src="/img/cvut.svg" id="logo" class="mq-tablet-min"> |
||||
<h2>Current Analyser</h2> |
||||
|
||||
<img src="/img/cvut.svg" id="logo2" class="mq-phone"> |
||||
|
||||
<p>© Ondřej Hruška, 2016 <<a href="mailto:ondra@ondrovo.com" target="blank">ondra@ondrovo.com</a>></p> |
||||
|
||||
<p><a href="http://measure.feld.cvut.cz/" target="blank">Katedra měření FEL ČVUT</a><br>Department of Measurement, FEE CTU</p> |
||||
</div> |
||||
|
||||
<div class="Box"> |
||||
<h2>Firmware</h2> |
||||
|
||||
<p> |
||||
The ESP8266 firmware is based on the amazing <a href="https://github.com/Spritetm/esphttpd" target="blank">esp-httpd</a> |
||||
library by Jeroen Domburg. |
||||
</p> |
||||
|
||||
<table> |
||||
<tr> |
||||
<th>Firmware</th> |
||||
<td>v%vers_fw%, build <i>%date%</i> at <i>%time%</i></td> |
||||
</tr> |
||||
<tr> |
||||
<th>HTTPD</th> |
||||
<td>v%vers_httpd%</td> |
||||
</tr> |
||||
<tr> |
||||
<th>SBMP</th> |
||||
<td>v%vers_sbmp%</td> |
||||
</tr> |
||||
<tr> |
||||
<th>IoT SDK</th> |
||||
<td>v%vers_sdk%</td> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
|
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
@ -0,0 +1,85 @@ |
||||
<!doctype html> |
||||
<html> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
||||
|
||||
<title>FFT - Current analyzer</title> |
||||
|
||||
<link href="/css/app.css" rel="stylesheet"> |
||||
|
||||
|
||||
<script src="/js/all.js"></script> |
||||
</head> |
||||
<body class="page-fft"> |
||||
<div id="outer"> |
||||
<nav id="menu"> |
||||
<div id="brand" onclick="$('#menu').toggleClass('expanded')">Current Analyser</div> |
||||
<a href="/">Home</a><a href="/wifi">WiFi config</a><a href="/waveform">Waveform</a><a href="/fft" class="selected">FFT</a><a href="/about">About</a></nav> |
||||
<div id="content"> |
||||
|
||||
<h1>FFT</h1> |
||||
|
||||
<div class="Box center" id="samp-ctrl"> |
||||
<div> |
||||
<label for="count">Bins</label> |
||||
<label for="count" class="select-wrap"> |
||||
<select name="count" id="count"> |
||||
<!-- <option value="16">8--> |
||||
<!-- <option value="32">16--> |
||||
<!-- <option value="64">32--> |
||||
<!-- <option value="128">64--> |
||||
<!-- <option value="256">128--> |
||||
<option value="512">256 |
||||
<option value="1024">512 |
||||
<option value="2048" selected>1024 |
||||
</select> |
||||
</label> |
||||
</div> |
||||
<div> |
||||
<label for="freq">Rate <span class="mq-tablet-max" style="font-weight:normal;">(Hz)</span></label> |
||||
<input id="freq" type="number" value="4096"> |
||||
<span class="mq-normal-min">Hz</span> |
||||
</div> |
||||
<div> |
||||
<a id="load" class="button btn-green">Load</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="Box medium chartbox"> |
||||
<div id="chart" class="ct-chart ct-wide ct-with-area"></div> |
||||
<div class="stats invis"> |
||||
<table> |
||||
<tr> |
||||
<th>Samples</th> |
||||
<td id="stat-count"></td> |
||||
</tr> |
||||
<tr> |
||||
<th>f<sub>s</sub></th> |
||||
<td id="stat-f-s"></td> |
||||
</tr> |
||||
<tr> |
||||
<th>I<sub>peak</sub></th> |
||||
<td id="stat-i-peak"></td> |
||||
</tr> |
||||
<tr> |
||||
<th>I<sub>RMS</sub></th> |
||||
<td id="stat-i-rms"></td> |
||||
</tr> |
||||
</table> |
||||
<div class="ar"><!-- auto reload --> |
||||
<input type="number" id="ar-time" step="0.5" value="1" min="0"> s |
||||
<input type="button" id="ar-btn" class="btn-blue narrow" value="Auto"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<script> |
||||
$().ready(page_waveform.init('fft')); |
||||
</script> |
||||
|
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 8.8 KiB |
@ -1,272 +1,285 @@ |
||||
(function (root, factory) { |
||||
// if (typeof define === 'function' && define.amd) {
|
||||
// // AMD. Register as an anonymous module.
|
||||
// define([], function () {
|
||||
// return (root.returnExportsGlobal = factory());
|
||||
// });
|
||||
// } else if (typeof exports === 'object') {
|
||||
// // Node. Does not work with strict CommonJS, but
|
||||
// // only CommonJS-like enviroments that support module.exports,
|
||||
// // like Node.
|
||||
// module.exports = factory();
|
||||
// } else {
|
||||
root['Chartist.plugins.zoom'] = factory(); |
||||
// }
|
||||
// if (typeof define === 'function' && define.amd) {
|
||||
// // AMD. Register as an anonymous module.
|
||||
// define([], function () {
|
||||
// return (root.returnExportsGlobal = factory());
|
||||
// });
|
||||
// } else if (typeof exports === 'object') {
|
||||
// // Node. Does not work with strict CommonJS, but
|
||||
// // only CommonJS-like enviroments that support module.exports,
|
||||
// // like Node.
|
||||
// module.exports = factory();
|
||||
// } else {
|
||||
root['Chartist.plugins.zoom'] = factory(); |
||||
// }
|
||||
}(this, function () { |
||||
|
||||
/** |
||||
* Chartist.js zoom plugin. |
||||
* |
||||
*/ |
||||
(function (window, document, Chartist) { |
||||
'use strict'; |
||||
|
||||
var defaultOptions = { |
||||
// onZoom
|
||||
// resetOnRightMouseBtn
|
||||
}; |
||||
|
||||
|
||||
Chartist.plugins = Chartist.plugins || {}; |
||||
Chartist.plugins.zoom = function (options) { |
||||
|
||||
options = Chartist.extend({}, defaultOptions, options); |
||||
|
||||
return function zoom(chart) { |
||||
|
||||
if (!(chart instanceof Chartist.Line)) { |
||||
return; |
||||
} |
||||
|
||||
var rect, svg, axisX, axisY, chartRect; |
||||
var downPosition; |
||||
var onZoom = options.onZoom; |
||||
var ongoingTouches = []; |
||||
|
||||
chart.on('draw', function (data) { |
||||
var type = data.type; |
||||
if (type === 'line' || type === 'bar' || type === 'area' || type === 'point') { |
||||
data.element.attr({ |
||||
'clip-path': 'url(#zoom-mask)' |
||||
}); |
||||
} |
||||
}); |
||||
|
||||
chart.on('created', function (data) { |
||||
axisX = data.axisX; |
||||
axisY = data.axisY; |
||||
chartRect = data.chartRect; |
||||
svg = data.svg._node; |
||||
rect = data.svg.elem('rect', { |
||||
x: 10, |
||||
y: 10, |
||||
width: 100, |
||||
height: 100, |
||||
}, 'ct-zoom-rect'); |
||||
hide(rect); |
||||
|
||||
var defs = data.svg.querySelector('defs') || data.svg.elem('defs'); |
||||
var width = chartRect.width(); |
||||
var height = chartRect.height(); |
||||
|
||||
defs |
||||
.elem('clipPath', { |
||||
id: 'zoom-mask' |
||||
}) |
||||
.elem('rect', { |
||||
x: chartRect.x1, |
||||
y: chartRect.y2, |
||||
width: width, |
||||
height: height, |
||||
fill: 'white' |
||||
}); |
||||
|
||||
svg.addEventListener('mousedown', onMouseDown); |
||||
svg.addEventListener('mouseup', onMouseUp); |
||||
svg.addEventListener('mousemove', onMouseMove); |
||||
svg.addEventListener('touchstart', onTouchStart); |
||||
svg.addEventListener('touchmove', onTouchMove); |
||||
svg.addEventListener('touchend', onTouchEnd); |
||||
svg.addEventListener('touchcancel', onTouchCancel); |
||||
}); |
||||
|
||||
function copyTouch(touch) { |
||||
var p = position(touch, svg); |
||||
p.id = touch.identifier; |
||||
return p; |
||||
} |
||||
|
||||
function ongoingTouchIndexById(idToFind) { |
||||
for (var i = 0; i < ongoingTouches.length; i++) { |
||||
var id = ongoingTouches[i].id; |
||||
if (id === idToFind) { |
||||
return i; |
||||
} |
||||
} |
||||
return -1; |
||||
} |
||||
|
||||
function onTouchStart(event) { |
||||
var touches = event.changedTouches; |
||||
for (var i = 0; i < touches.length; i++) { |
||||
ongoingTouches.push(copyTouch(touches[i])); |
||||
} |
||||
|
||||
if (ongoingTouches.length > 1) { |
||||
rect.attr(getRect(ongoingTouches[0], ongoingTouches[1])); |
||||
show(rect); |
||||
} |
||||
} |
||||
|
||||
function onTouchMove(event) { |
||||
var touches = event.changedTouches; |
||||
for (var i = 0; i < touches.length; i++) { |
||||
var idx = ongoingTouchIndexById(touches[i].identifier); |
||||
ongoingTouches.splice(idx, 1, copyTouch(touches[i])); |
||||
} |
||||
|
||||
if (ongoingTouches.length > 1) { |
||||
rect.attr(getRect(ongoingTouches[0], ongoingTouches[1])); |
||||
show(rect); |
||||
event.preventDefault(); |
||||
} |
||||
} |
||||
|
||||
function onTouchCancel(event) { |
||||
removeTouches(event.changedTouches); |
||||
} |
||||
|
||||
function removeTouches(touches) { |
||||
for (var i = 0; i < touches.length; i++) { |
||||
var idx = ongoingTouchIndexById(touches[i].identifier); |
||||
if (idx >= 0) { |
||||
ongoingTouches.splice(idx, 1); |
||||
} |
||||
} |
||||
} |
||||
|
||||
function onTouchEnd(event) { |
||||
if (ongoingTouches.length > 1) { |
||||
zoomIn(getRect(ongoingTouches[0], ongoingTouches[1])); |
||||
} |
||||
removeTouches(event.changedTouches); |
||||
hide(rect); |
||||
} |
||||
|
||||
function onMouseDown(event) { |
||||
if (event.button === 0) { |
||||
downPosition = position(event, svg); |
||||
rect.attr(getRect(downPosition, downPosition)); |
||||
show(rect); |
||||
event.preventDefault(); |
||||
} |
||||
} |
||||
|
||||
var reset = function () { |
||||
chart.options.axisX.highLow = null; |
||||
chart.options.axisY.highLow = null; |
||||
chart.update(chart.data, chart.options); |
||||
}; |
||||
|
||||
function onMouseUp(event) { |
||||
if (event.button === 0) { |
||||
var box = getRect(downPosition, position(event, svg)); |
||||
zoomIn(box); |
||||
downPosition = null; |
||||
hide(rect); |
||||
event.preventDefault(); |
||||
} |
||||
else if (options.resetOnRightMouseBtn && event.button === 2) { |
||||
reset(); |
||||
event.preventDefault(); |
||||
} |
||||
} |
||||
|
||||
function zoomIn(rect) { |
||||
if (rect.width > 5 && rect.height > 5) { |
||||
var x1 = rect.x - chartRect.x1; |
||||
var x2 = x1 + rect.width; |
||||
var y2 = chartRect.y1 - rect.y; |
||||
var y1 = y2 - rect.height; |
||||
|
||||
chart.options.axisX.highLow = { low: project(x1, axisX), high: project(x2, axisX) }; |
||||
chart.options.axisY.highLow = { low: project(y1, axisY), high: project(y2, axisY) }; |
||||
|
||||
chart.update(chart.data, chart.options); |
||||
onZoom && onZoom(chart, reset); |
||||
} |
||||
} |
||||
|
||||
function onMouseMove(event) { |
||||
if (downPosition) { |
||||
var point = position(event, svg); |
||||
rect.attr(getRect(downPosition, point)); |
||||
event.preventDefault(); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
}; |
||||
|
||||
function hide(rect) { |
||||
rect.attr({ style: 'display:none' }); |
||||
} |
||||
|
||||
function show(rect) { |
||||
rect.attr({ style: 'display:block' }); |
||||
} |
||||
|
||||
function getRect(firstPoint, secondPoint) { |
||||
var x = firstPoint.x; |
||||
var y = firstPoint.y; |
||||
var width = secondPoint.x - x; |
||||
var height = secondPoint.y - y; |
||||
if (width < 0) { |
||||
width = -width; |
||||
x = secondPoint.x; |
||||
} |
||||
if (height < 0) { |
||||
height = -height; |
||||
y = secondPoint.y; |
||||
} |
||||
return { |
||||
x: x, |
||||
y: y, |
||||
width: width, |
||||
height: height |
||||
}; |
||||
} |
||||
|
||||
function position(event, svg) { |
||||
return transform(event.clientX, event.clientY, svg); |
||||
} |
||||
|
||||
function transform(x, y, svgElement) { |
||||
var svg = svgElement.tagName === 'svg' ? svgElement : svgElement.ownerSVGElement; |
||||
var matrix = svg.getScreenCTM(); |
||||
var point = svg.createSVGPoint(); |
||||
point.x = x; |
||||
point.y = y; |
||||
point = point.matrixTransform(matrix.inverse()); |
||||
return point || { x: 0, y: 0 }; |
||||
} |
||||
|
||||
function project(value, axis) { |
||||
var max = axis.bounds.max; |
||||
var min = axis.bounds.min; |
||||
if (axis.scale && axis.scale.type === 'log') { |
||||
var base = axis.scale.base; |
||||
return Math.pow(base, |
||||
value * baseLog(max / min, base) / axis.axisLength) * min; |
||||
} |
||||
return (value * axis.bounds.range / axis.axisLength) + min; |
||||
} |
||||
|
||||
function baseLog(val, base) { |
||||
return Math.log(val) / Math.log(base); |
||||
} |
||||
|
||||
} (window, document, Chartist)); |
||||
return Chartist.plugins.zoom; |
||||
/** |
||||
* Chartist.js zoom plugin. |
||||
* |
||||
*/ |
||||
(function (window, document, Chartist) { |
||||
'use strict'; |
||||
|
||||
var defaultOptions = { |
||||
// onZoom
|
||||
// resetOnRightMouseBtn
|
||||
}; |
||||
|
||||
|
||||
Chartist.plugins = Chartist.plugins || {}; |
||||
Chartist.plugins.zoom = function (options) { |
||||
|
||||
options = Chartist.extend({}, defaultOptions, options); |
||||
|
||||
return function zoom(chart) { |
||||
|
||||
if (!(chart instanceof Chartist.Line)) { |
||||
return; |
||||
} |
||||
|
||||
var rect, svg, axisX, axisY, chartRect; |
||||
var downPosition; |
||||
var onZoom = options.onZoom; |
||||
var ongoingTouches = []; |
||||
|
||||
chart.on('draw', function (data) { |
||||
var type = data.type; |
||||
if (type === 'line' || type === 'bar' || type === 'area' || type === 'point') { |
||||
data.element.attr({ |
||||
'clip-path': 'url(#zoom-mask)' |
||||
}); |
||||
} |
||||
}); |
||||
|
||||
chart.on('created', function (data) { |
||||
axisX = data.axisX; |
||||
axisY = data.axisY; |
||||
chartRect = data.chartRect; |
||||
svg = data.svg._node; |
||||
rect = data.svg.elem('rect', { |
||||
x: 10, |
||||
y: 10, |
||||
width: 100, |
||||
height: 100, |
||||
}, 'ct-zoom-rect'); |
||||
hide(rect); |
||||
|
||||
var defs = data.svg.querySelector('defs') || data.svg.elem('defs'); |
||||
var width = chartRect.width(); |
||||
var height = chartRect.height(); |
||||
|
||||
defs |
||||
.elem('clipPath', { |
||||
id: 'zoom-mask' |
||||
}) |
||||
.elem('rect', { |
||||
x: chartRect.x1, |
||||
y: chartRect.y2, |
||||
width: width, |
||||
height: height, |
||||
fill: 'white' |
||||
}); |
||||
|
||||
svg.addEventListener('mousedown', onMouseDown); |
||||
svg.addEventListener('mouseup', onMouseUp); |
||||
svg.addEventListener('mousemove', onMouseMove); |
||||
svg.addEventListener('touchstart', onTouchStart); |
||||
svg.addEventListener('touchmove', onTouchMove); |
||||
svg.addEventListener('touchend', onTouchEnd); |
||||
svg.addEventListener('touchcancel', onTouchCancel); |
||||
}); |
||||
|
||||
function copyTouch(touch) { |
||||
var p = position(touch, svg); |
||||
p.id = touch.identifier; |
||||
return p; |
||||
} |
||||
|
||||
function ongoingTouchIndexById(idToFind) { |
||||
for (var i = 0; i < ongoingTouches.length; i++) { |
||||
var id = ongoingTouches[i].id; |
||||
if (id === idToFind) { |
||||
return i; |
||||
} |
||||
} |
||||
return -1; |
||||
} |
||||
|
||||
function onTouchStart(event) { |
||||
var touches = event.changedTouches; |
||||
for (var i = 0; i < touches.length; i++) { |
||||
ongoingTouches.push(copyTouch(touches[i])); |
||||
} |
||||
|
||||
if (ongoingTouches.length > 1) { |
||||
rect.attr(getRect(ongoingTouches[0], ongoingTouches[1])); |
||||
show(rect); |
||||
} |
||||
} |
||||
|
||||
function onTouchMove(event) { |
||||
var touches = event.changedTouches; |
||||
for (var i = 0; i < touches.length; i++) { |
||||
var idx = ongoingTouchIndexById(touches[i].identifier); |
||||
ongoingTouches.splice(idx, 1, copyTouch(touches[i])); |
||||
} |
||||
|
||||
if (ongoingTouches.length > 1) { |
||||
rect.attr(getRect(ongoingTouches[0], ongoingTouches[1])); |
||||
show(rect); |
||||
event.preventDefault(); |
||||
} |
||||
} |
||||
|
||||
function onTouchCancel(event) { |
||||
removeTouches(event.changedTouches); |
||||
} |
||||
|
||||
function removeTouches(touches) { |
||||
for (var i = 0; i < touches.length; i++) { |
||||
var idx = ongoingTouchIndexById(touches[i].identifier); |
||||
if (idx >= 0) { |
||||
ongoingTouches.splice(idx, 1); |
||||
} |
||||
} |
||||
} |
||||
|
||||
function onTouchEnd(event) { |
||||
if (ongoingTouches.length > 1) { |
||||
zoomIn(getRect(ongoingTouches[0], ongoingTouches[1])); |
||||
} |
||||
removeTouches(event.changedTouches); |
||||
hide(rect); |
||||
} |
||||
|
||||
function onMouseDown(event) { |
||||
if (event.button === 0) { |
||||
downPosition = position(event, svg); |
||||
rect.attr(getRect(downPosition, downPosition)); |
||||
show(rect); |
||||
event.preventDefault(); |
||||
} |
||||
} |
||||
|
||||
var reset = function () { |
||||
chart.options.axisX.highLow = null; |
||||
chart.options.axisY.highLow = null; |
||||
chart.update(chart.data, chart.options); |
||||
}; |
||||
|
||||
function onMouseUp(event) { |
||||
if (event.button === 0) { |
||||
var box = getRect(downPosition, position(event, svg)); |
||||
zoomIn(box); |
||||
downPosition = null; |
||||
hide(rect); |
||||
event.preventDefault(); |
||||
} |
||||
else if (options.resetOnRightMouseBtn && event.button === 2) { |
||||
reset(); |
||||
event.preventDefault(); |
||||
} |
||||
} |
||||
|
||||
function zoomIn(rect) { |
||||
if (rect.width > 5 && rect.height > 5) { |
||||
var x1 = rect.x - chartRect.x1; |
||||
var x2 = x1 + rect.width; |
||||
var y2 = chartRect.y1 - rect.y; |
||||
var y1 = y2 - rect.height; |
||||
|
||||
var xLow = project(x1, axisX); |
||||
var xHigh = project(x2, axisX); |
||||
var yLow = project(y1, axisY); |
||||
var yHigh = project(y2, axisY); |
||||
|
||||
var explb = chart.options.explicitBounds; |
||||
if (!_.isUndefined(explb)) { |
||||
if (!_.isUndefined(explb.xLow)) xLow = Math.max(explb.xLow, xLow); |
||||
if (!_.isUndefined(explb.xHigh)) xHigh = Math.min(explb.xHigh, xHigh); |
||||
if (!_.isUndefined(explb.yLow)) yLow = Math.max(explb.yLow, yLow); |
||||
if (!_.isUndefined(explb.yHigh)) yHigh = Math.min(explb.yHigh, yHigh); |
||||
} |
||||
|
||||
chart.options.axisX.highLow = {low: xLow, high: xHigh}; |
||||
chart.options.axisY.highLow = {low: yLow, high: yHigh}; |
||||
|
||||
chart.update(chart.data, chart.options); |
||||
onZoom && onZoom(chart, reset); |
||||
} |
||||
} |
||||
|
||||
function onMouseMove(event) { |
||||
if (downPosition) { |
||||
var point = position(event, svg); |
||||
rect.attr(getRect(downPosition, point)); |
||||
event.preventDefault(); |
||||
} |
||||
} |
||||
}; |
||||
|
||||
}; |
||||
|
||||
function hide(rect) { |
||||
rect.attr({style: 'display:none'}); |
||||
} |
||||
|
||||
function show(rect) { |
||||
rect.attr({style: 'display:block'}); |
||||
} |
||||
|
||||
function getRect(firstPoint, secondPoint) { |
||||
var x = firstPoint.x; |
||||
var y = firstPoint.y; |
||||
var width = secondPoint.x - x; |
||||
var height = secondPoint.y - y; |
||||
if (width < 0) { |
||||
width = -width; |
||||
x = secondPoint.x; |
||||
} |
||||
if (height < 0) { |
||||
height = -height; |
||||
y = secondPoint.y; |
||||
} |
||||
return { |
||||
x: x, |
||||
y: y, |
||||
width: width, |
||||
height: height |
||||
}; |
||||
} |
||||
|
||||
function position(event, svg) { |
||||
return transform(event.clientX, event.clientY, svg); |
||||
} |
||||
|
||||
function transform(x, y, svgElement) { |
||||
var svg = svgElement.tagName === 'svg' ? svgElement : svgElement.ownerSVGElement; |
||||
var matrix = svg.getScreenCTM(); |
||||
var point = svg.createSVGPoint(); |
||||
point.x = x; |
||||
point.y = y; |
||||
point = point.matrixTransform(matrix.inverse()); |
||||
return point || {x: 0, y: 0}; |
||||
} |
||||
|
||||
function project(value, axis) { |
||||
var max = axis.bounds.max; |
||||
var min = axis.bounds.min; |
||||
if (axis.scale && axis.scale.type === 'log') { |
||||
var base = axis.scale.base; |
||||
return Math.pow(base, |
||||
value * baseLog(max / min, base) / axis.axisLength) * min; |
||||
} |
||||
return (value * axis.bounds.range / axis.axisLength) + min; |
||||
} |
||||
|
||||
function baseLog(val, base) { |
||||
return Math.log(val) / Math.log(base); |
||||
} |
||||
|
||||
}(window, document, Chartist)); |
||||
return Chartist.plugins.zoom; |
||||
|
||||
})); |
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,44 @@ |
||||
<?php $page = 'about'; include "_start.php"; ?> |
||||
|
||||
<h1>About</h1> |
||||
|
||||
<div class="Box"> |
||||
<img src="/img/cvut.svg" id="logo" class="mq-tablet-min"> |
||||
<h2>Current Analyser</h2> |
||||
|
||||
<img src="/img/cvut.svg" id="logo2" class="mq-phone"> |
||||
|
||||
<p>© Ondřej Hruška, 2016 <<a href="mailto:ondra@ondrovo.com" target="blank">ondra@ondrovo.com</a>></p> |
||||
|
||||
<p><a href="http://measure.feld.cvut.cz/" target="blank">Katedra měření FEL ČVUT</a><br>Department of Measurement, FEE CTU</p> |
||||
</div> |
||||
|
||||
<div class="Box"> |
||||
<h2>Firmware</h2> |
||||
|
||||
<p> |
||||
The ESP8266 firmware is based on the amazing <a href="https://github.com/Spritetm/esphttpd" target="blank">esp-httpd</a> |
||||
library by Jeroen Domburg. |
||||
</p> |
||||
|
||||
<table> |
||||
<tr> |
||||
<th>Firmware</th> |
||||
<td>v%vers_fw%, build <i>%date%</i> at <i>%time%</i></td> |
||||
</tr> |
||||
<tr> |
||||
<th>HTTPD</th> |
||||
<td>v%vers_httpd%</td> |
||||
</tr> |
||||
<tr> |
||||
<th>SBMP</th> |
||||
<td>v%vers_sbmp%</td> |
||||
</tr> |
||||
<tr> |
||||
<th>IoT SDK</th> |
||||
<td>v%vers_sdk%</td> |
||||
</tr> |
||||
</table> |
||||
</div> |
||||
|
||||
<?php include "_end.php"; ?> |
||||
@ -0,0 +1,63 @@ |
||||
<?php $page = 'fft'; include "_start.php"; ?> |
||||
|
||||
<h1>FFT</h1> |
||||
|
||||
<div class="Box center" id="samp-ctrl"> |
||||
<div> |
||||
<label for="count">Bins</label> |
||||
<label for="count" class="select-wrap"> |
||||
<select name="count" id="count"> |
||||
<!-- <option value="16">8--> |
||||
<!-- <option value="32">16--> |
||||
<!-- <option value="64">32--> |
||||
<!-- <option value="128">64--> |
||||
<!-- <option value="256">128--> |
||||
<option value="512">256 |
||||
<option value="1024">512 |
||||
<option value="2048" selected>1024 |
||||
</select> |
||||
</label> |
||||
</div> |
||||
<div> |
||||
<label for="freq">Rate <span class="mq-tablet-max" style="font-weight:normal;">(Hz)</span></label> |
||||
<input id="freq" type="number" value="4096"> |
||||
<span class="mq-normal-min">Hz</span> |
||||
</div> |
||||
<div> |
||||
<a id="load" class="button btn-green">Load</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="Box medium chartbox"> |
||||
<div id="chart" class="ct-chart ct-wide ct-with-area"></div> |
||||
<div class="stats invis"> |
||||
<table> |
||||
<tr> |
||||
<th>Samples</th> |
||||
<td id="stat-count"></td> |
||||
</tr> |
||||
<tr> |
||||
<th>f<sub>s</sub></th> |
||||
<td id="stat-f-s"></td> |
||||
</tr> |
||||
<tr> |
||||
<th>I<sub>peak</sub></th> |
||||
<td id="stat-i-peak"></td> |
||||
</tr> |
||||
<tr> |
||||
<th>I<sub>RMS</sub></th> |
||||
<td id="stat-i-rms"></td> |
||||
</tr> |
||||
</table> |
||||
<div class="ar"><!-- auto reload --> |
||||
<input type="number" id="ar-time" step="0.5" value="1" min="0"> s |
||||
<input type="button" id="ar-btn" class="btn-blue narrow" value="Auto"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<script> |
||||
$().ready(page_waveform.init('fft')); |
||||
</script> |
||||
|
||||
<?php include "_end.php"; ?> |
||||
@ -0,0 +1,17 @@ |
||||
.page-about { |
||||
.Box { |
||||
padding-left:dist(0); |
||||
padding-right:dist(0); |
||||
|
||||
a {font-weight: bold;} |
||||
} |
||||
|
||||
#logo { |
||||
float:right; |
||||
height: 130px; |
||||
} |
||||
|
||||
#logo2 { |
||||
max-width: 150px; |
||||
} |
||||
} |
||||
@ -0,0 +1,6 @@ |
||||
#ifndef FW_VERSION_H |
||||
#define FW_VERSION_H |
||||
|
||||
#define FIRMWARE_VERSION "0.1.1" |
||||
|
||||
#endif // FW_VERSION_H
|
||||
@ -0,0 +1,35 @@ |
||||
#include <esp8266.h> |
||||
#include <httpd.h> |
||||
#include "page_about.h" |
||||
#include "fw_version.h" |
||||
#include "sbmp.h" |
||||
|
||||
/** "About" page */ |
||||
int FLASH_FN tplAbout(HttpdConnData *connData, char *token, void **arg) |
||||
{ |
||||
// arg is unused
|
||||
(void)arg; |
||||
|
||||
if (token == NULL) return HTTPD_CGI_DONE; |
||||
|
||||
if (streq(token, "vers_fw")) { |
||||
httpdSend(connData, FIRMWARE_VERSION, -1); |
||||
|
||||
} else if (streq(token, "date")) { |
||||
httpdSend(connData, __DATE__, -1); |
||||
|
||||
} else if (streq(token, "time")) { |
||||
httpdSend(connData, __TIME__, -1); |
||||
|
||||
} else if (streq(token, "vers_httpd")) { |
||||
httpdSend(connData, HTTPDVER, -1); |
||||
|
||||
} else if (streq(token, "vers_sbmp")) { |
||||
httpdSend(connData, SBMP_VER, -1); |
||||
|
||||
} else if (streq(token, "vers_sdk")) { |
||||
httpdSend(connData, STR(ESP_SDK_VERSION), -1); |
||||
} |
||||
|
||||
return HTTPD_CGI_DONE; |
||||
} |
||||
@ -0,0 +1,8 @@ |
||||
#ifndef PAGE_ABOUT_H |
||||
#define PAGE_ABOUT_H |
||||
|
||||
#include <httpd.h> |
||||
|
||||
int tplAbout(HttpdConnData *connData, char *token, void **arg); |
||||
|
||||
#endif // PAGE_ABOUT_H
|
||||
Loading…
Reference in new issue