/
ToggleController.js
42 lines (34 loc) · 1.11 KB
/
ToggleController.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
App.ToggleController = ToggleController;
function ToggleController(config) {
var name = config.name;
var toggle = this.toggle = document.getElementById('toggle-' + name);
this.isActive = config.isActive != null ? config.isActive : false;
this._toggleClassName = toggle.className;
this._listeners = [];
toggle.addEventListener('click', this.toggleState.bind(this), false);
}
ToggleController.create = App.ctor(ToggleController);
ToggleController.prototype.addListener = function (context, fn) {
this._listeners.push({
context : context,
fn : fn
});
};
ToggleController.prototype.triggerListeners = function () {
var listeners = this._listeners;
var listener;
for (var i = 0, il = listeners.length; i < il; i ++) {
listener = listeners[i];
listener.context[listener.fn].call(listener.context, this.isActive);
}
};
ToggleController.prototype.toggleState = function (event) {
if (this.isActive) {
this.toggle.className = this._toggleClassName;
this.isActive = false;
} else {
this.toggle.className += ' active';
this.isActive = true;
}
this.triggerListeners();
};