-
Notifications
You must be signed in to change notification settings - Fork 14
/
wa-max7219.html
119 lines (105 loc) · 2.59 KB
/
wa-max7219.html
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<html>
<head>
<script type="text/javascript" src="../webduino-js/src/module/Max7219.js"></script>
</head>
<body>
<script>
(function() {
var proto = Object.create(HTMLElement.prototype, {
din: {
get: function() {
return this.getAttribute('din');
},
set: function(val) {
this.setAttribute('din', val);
}
},
cs: {
get: function() {
return this.getAttribute('cs');
},
set: function(val) {
this.setAttribute('cs', val);
}
},
clk: {
get: function() {
return this.getAttribute('clk');
},
set: function(val) {
this.setAttribute('clk', val);
}
},
state: {
get: function() {
return this.getAttribute('state');
},
set: function(val) {
this.setAttribute('state', val);
}
},
intensity: {
get: function() {
return this.getAttribute('intensity');
},
set: function(val) {
this.setAttribute('intensity', val);
}
},
data: {
get: function() {
return this.getAttribute('data');
},
set: function(val) {
this.setAttribute('data', val);
}
}
});
proto.init_ = function(board) {
var observer, config,
Max7219 = webduino.module.Max7219;
this.max7219 = new Max7219(board, board.getDigitalPin(this.din), board.getDigitalPin(this.cs), board.getDigitalPin(this.clk));
this.off();
if (this.state === 'on' && this.data) {
this.on(this.data);
}
if (this.intensity) {
this.max7219.intensity = this.intensity;
}
};
proto.on = function(data) {
if (data) {
this.max7219.on(data);
} else {
this.max7219.on();
}
};
proto.off = function() {
this.animateStop();
this.max7219.off();
};
proto.animate = function(data, times, duration, callback) {
this.max7219.animate(data, times, duration, callback);
};
proto.animateStop = function() {
this.max7219.animateStop();
};
proto.attributeChangedCallback = function(attrName, oldVal, newVal) {
if (this.max7219) {
switch (attrName) {
case 'state':
newVal === "on" ? this.on() : this.off();
break;
case 'intensity':
this.max7219.intensity = newVal;
break;
}
}
};
document.registerElement('wa-max7219', {
prototype: proto
});
})();
</script>
</body>
</html>