mirror of
https://git.rwth-aachen.de/acs/public/villas/web/
synced 2025-03-16 00:00:03 +01:00
70 lines
1.5 KiB
JavaScript
70 lines
1.5 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").attr("width", this.size).attr("height", this.size);
|
|
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();
|
|
},
|
|
|
|
_redraw: function() {
|
|
var litAlarm = false;
|
|
var cx = this.size / 2;
|
|
var radius = this.size / 2 * 0.97;
|
|
|
|
for (var zone in this.alarmZones) {
|
|
var from = this.alarmZones[zone].from;
|
|
var to = this.alarmZones[zone].to;
|
|
|
|
if (this.value >= from && this.value <= to) {
|
|
litAlarm = true;
|
|
}
|
|
}
|
|
|
|
if (litAlarm) {
|
|
this.svgBody.append("svg:circle")
|
|
.attr("cx", cx)
|
|
.attr("cy", cx)
|
|
.attr("r", radius * 0.8)
|
|
.style("fill", "#F00")
|
|
.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");
|
|
}
|
|
|
|
// reschedule
|
|
}.observes('value')
|
|
});
|