This app provides monitoring and information features for the common freifunk user and the technical stuff of a freifunk community.
Code base is taken from a TUM Practical Course project and added here to see if Freifunk Altdorf can use it.
https://www.freifunk-altdorf.de
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.2 KiB
56 lines
1.2 KiB
6 years ago
|
var Class = require('../../core/class');
|
||
|
|
var Transform = require('../../core/transform');
|
||
|
|
var Element = require('../../dom/shadow');
|
||
|
|
var DOM = require('./dom');
|
||
|
|
|
||
|
|
module.exports = Class(Element, Transform, {
|
||
|
|
|
||
|
|
initialize: function(tag){
|
||
|
|
this.uid = DOM.uniqueID();
|
||
|
|
var element = this.element = DOM.createElement(tag);
|
||
|
|
element.setAttribute('id', 'e' + this.uid);
|
||
|
|
},
|
||
|
|
|
||
|
|
// transforms
|
||
|
|
|
||
|
|
_transform: function(){
|
||
|
|
var m = this;
|
||
|
|
this.element.setAttribute('transform', 'matrix(' + [m.xx, m.yx, m.xy, m.yy, m.x, m.y] + ')');
|
||
|
|
},
|
||
|
|
|
||
|
|
blend: function(opacity){
|
||
|
|
this.element.setAttribute('opacity', opacity);
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
// visibility
|
||
|
|
|
||
|
|
hide: function(){
|
||
|
|
this.element.setAttribute('display', 'none');
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
show: function(){
|
||
|
|
this.element.setAttribute('display', '');
|
||
|
|
return this;
|
||
|
|
},
|
||
|
|
|
||
|
|
// interaction
|
||
|
|
|
||
|
|
indicate: function(cursor, tooltip){
|
||
|
|
var element = this.element;
|
||
|
|
if (cursor) this.element.style.cursor = cursor;
|
||
|
|
if (tooltip){
|
||
|
|
var title = this.titleElement;
|
||
|
|
if (title){
|
||
|
|
title.firstChild.nodeValue = tooltip;
|
||
|
|
} else {
|
||
|
|
this.titleElement = title = DOM.createElement('title');
|
||
|
|
title.appendChild(DOM.createTextNode(tooltip));
|
||
|
|
element.insertBefore(title, element.firstChild);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return this;
|
||
|
|
}
|
||
|
|
|
||
|
|
});
|