blob: de825be4c5a7d10788e561f48c2ef62ca8eb4824 (
plain)
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
|
'use strict';
var Kanboard = {};
var KB = {
components: {},
utils: {}
};
KB.component = function (name, object) {
this.components[name] = object;
};
KB.render = function () {
for (var name in this.components) {
var elementList = document.querySelectorAll('.js-' + name);
for (var i = 0; i < elementList.length; i++) {
var object = this.components[name];
var component = new object(elementList[i], JSON.parse(elementList[i].dataset.params));
component.render();
elementList[i].className = elementList[i].className + '-rendered';
}
}
};
KB.el = function (tag) {
function DOMBuilder(tag) {
var element = typeof tag === 'string' ? document.createElement(tag) : tag;
this.attr = function (attribute, value) {
if (value !== null) {
element.setAttribute(attribute, value);
}
return this;
};
this.hide = function () {
element.style.display = 'none';
return this;
};
this.show = function () {
element.style.display = 'block';
return this;
};
this.toggle = function () {
if (element.style.display === 'none') {
this.show();
} else{
this.hide();
}
return this;
};
this.click = function (callback) {
element.onclick = function (e) {
e.preventDefault();
callback();
};
return this;
};
this.add = function (node) {
element.appendChild(node);
return this;
};
this.html = function (html) {
element.innerHTML = html;
return this;
};
this.text = function (text) {
element.appendChild(document.createTextNode(text));
return this;
};
this.for = function (tag, list) {
for (var i = 0; i < list.length; i++) {
var dict = list[i];
if (typeof dict !== 'object') {
element.appendChild(KB.el(tag).text(dict).build());
} else {
var node = KB.el(tag);
for (var attribute in dict) {
if (attribute in this && typeof this[attribute] === 'function') {
node[attribute](dict[attribute]);
} else {
node.attr(attribute, dict[attribute]);
}
}
element.appendChild(node.build());
}
}
return this;
};
this.build = function () {
return element;
};
}
return new DOMBuilder(tag);
};
KB.utils.formatDuration = function(d) {
if (d >= 86400) {
return Math.round(d/86400) + "d";
}
else if (d >= 3600) {
return Math.round(d/3600) + "h";
}
else if (d >= 60) {
return Math.round(d/60) + "m";
}
return d + "s";
};
|
