mirror of
https://git.rwth-aachen.de/acs/public/villas/web/
synced 2025-03-16 00:00:03 +01:00
66 lines
1.4 KiB
JavaScript
66 lines
1.4 KiB
JavaScript
|
import Ember from 'ember';
|
||
|
|
|
||
|
|
export default Ember.Component.extend({
|
||
|
|
tagName: 'span',
|
||
|
|
classNames: ['alarm'],
|
||
|
|
|
||
|
|
size: 40,
|
||
|
|
value: 0,
|
||
|
|
alarmZones: [],
|
||
|
|
|
||
|
|
didInsertElement: function() {
|
||
|
|
this._drawAlarm();
|
||
|
|
},
|
||
|
|
|
||
|
|
_drawAlarm: function() {
|
||
|
|
// calculate dimensions
|
||
|
|
var cx = this.size / 2;
|
||
|
|
var radius = this.size / 2 * 0.97;
|
||
|
|
|
||
|
|
// create body element
|
||
|
|
var body = d3.select('#' + this.elementId).append("svg:svg");
|
||
|
|
this.set('svgBody', body);
|
||
|
|
|
||
|
|
// add background
|
||
|
|
body.append("svg:circle")
|
||
|
|
.attr("cx", cx)
|
||
|
|
.attr("cy", cx)
|
||
|
|
.attr("r", radius)
|
||
|
|
.style("fill", "#ccc")
|
||
|
|
.style("stroke", "#000")
|
||
|
|
.style("stroke-width", "0.5px");
|
||
|
|
|
||
|
|
this._redraw(this.value);
|
||
|
|
},
|
||
|
|
|
||
|
|
_redraw: function(value) {
|
||
|
|
var litAlarm = false;
|
||
|
|
var cx = this.size / 2;
|
||
|
|
var radius = this.size / 2 * 0.97;
|
||
|
|
|
||
|
|
for (var zone in this.alarmZones) {
|
||
|
|
if (this.alarmZones[zone].from >= value && this.alarmZones[zone].to <= value) {
|
||
|
|
litAlarm = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (litAlarm) {
|
||
|
|
this.svgBody.append("svg:circle")
|
||
|
|
.attr("cx", cx)
|
||
|
|
.attr("cy", cx)
|
||
|
|
.attr("r", radius * 0.8)
|
||
|
|
.style("fill", "#C33")
|
||
|
|
.style("stroke", "#000")
|
||
|
|
.style("stroke-width", "0.5px");
|
||
|
|
} else {
|
||
|
|
this.svgBody.append("svg:circle")
|
||
|
|
.attr("cx", cx)
|
||
|
|
.attr("cy", cx)
|
||
|
|
.attr("r", radius * 0.8)
|
||
|
|
.style("fill", "#633")
|
||
|
|
.style("stroke", "#000")
|
||
|
|
.style("stroke-width", "0.5px");
|
||
|
|
}
|
||
|
|
}.observes('value')
|
||
|
|
});
|