Repository navigation
Expand file tree
/
Copy pathshade.js
More file actions
127 lines (113 loc) · 2.68 KB
/
Copy pathshade.js
File metadata and controls
127 lines (113 loc) · 2.68 KB
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
120
121
122
123
124
125
126
127
var shade = (function() {
var _previousShade = null;
var mod = {};
mod.open = function() {
helper.setObject({
object: state.get.current(),
path: "shade",
newValue: true
});
};
mod.close = function() {
helper.setObject({
object: state.get.current(),
path: "shade",
newValue: false
});
};
mod.toggle = function() {
if (state.get.current().shade) {
helper.setObject({
object: state.get.current(),
path: "shade",
newValue: false
});
} else {
helper.setObject({
object: state.get.current(),
path: "shade",
newValue: true
});
};
};
var render = {};
render.toggle = function(override) {
if (state.get.current().shade) {
render.open(override);
} else {
render.close();
};
};
render.close = function() {
var allShade = helper.eA(".shade");
if (allShade[0]) {
for (var i = 0; i < allShade.length; i++) {
allShade[i].close();
};
};
};
render.open = function(override) {
var options = {
action: null
};
if (override) {
options = helper.applyOptions(options, override);
};
var _makeShade = function() {
mod.open();
var body = helper.e("body");
var shade = document.createElement("div");
shade.setAttribute("class", "shade");
shade.close = function() {
if (shade.classList.contains("is-opaque")) {
helper.removeClass(shade, "is-opaque");
helper.addClass(shade, "is-transparent");
} else {
shade.remove();
};
mod.close();
_previousShade = null;
};
shade.addEventListener("transitionend", function(event, elapsed) {
if (event.propertyName === "opacity" && getComputedStyle(this).opacity == 0) {
this.parentElement.removeChild(this);
};
}.bind(shade), false);
shade.addEventListener("click", function() {
if (options.action) {
options.action();
};
this.close();
}, false);
_previousShade = shade;
body.appendChild(shade);
getComputedStyle(shade).opacity;
helper.removeClass(shade, "is-transparent");
helper.addClass(shade, "is-opaque");
};
if (_previousShade != null) {
render.close();
};
_makeShade();
};
var open = function(override) {
mod.open();
render.open(override);
};
var close = function() {
mod.close();
render.close();
};
var init = function() {
mod.close();
render.close();
};
// exposed methods
return {
init: init,
mod: mod,
render: render,
open: open,
close: close
};
})();