datatables.net-bm 1.13.8 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/dataTables.bulma.css +178 -109
- package/css/dataTables.bulma.min.css +2 -2
- package/js/dataTables.bulma.js +72 -128
- package/js/dataTables.bulma.min.js +1 -1
- package/js/dataTables.bulma.min.mjs +1 -1
- package/js/dataTables.bulma.mjs +73 -129
- package/package.json +4 -5
- package/images/favicon.ico +0 -0
- package/images/sort_asc.png +0 -0
- package/images/sort_asc_disabled.png +0 -0
- package/images/sort_both.png +0 -0
- package/images/sort_desc.png +0 -0
- package/images/sort_desc_disabled.png +0 -0
package/css/dataTables.bulma.css
CHANGED
|
@@ -18,76 +18,124 @@ table.dataTable td.dt-control {
|
|
|
18
18
|
}
|
|
19
19
|
table.dataTable td.dt-control:before {
|
|
20
20
|
display: inline-block;
|
|
21
|
-
|
|
22
|
-
content: "
|
|
21
|
+
box-sizing: border-box;
|
|
22
|
+
content: "";
|
|
23
|
+
border-top: 5px solid transparent;
|
|
24
|
+
border-left: 10px solid rgba(0, 0, 0, 0.5);
|
|
25
|
+
border-bottom: 5px solid transparent;
|
|
26
|
+
border-right: 0px solid transparent;
|
|
23
27
|
}
|
|
24
28
|
table.dataTable tr.dt-hasChild td.dt-control:before {
|
|
25
|
-
|
|
29
|
+
border-top: 10px solid rgba(0, 0, 0, 0.5);
|
|
30
|
+
border-left: 5px solid transparent;
|
|
31
|
+
border-bottom: 0px solid transparent;
|
|
32
|
+
border-right: 5px solid transparent;
|
|
26
33
|
}
|
|
27
34
|
|
|
28
|
-
html.dark table.dataTable td.dt-control:before
|
|
29
|
-
|
|
35
|
+
html.dark table.dataTable td.dt-control:before,
|
|
36
|
+
:root[data-bs-theme=dark] table.dataTable td.dt-control:before {
|
|
37
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
30
38
|
}
|
|
31
|
-
html.dark table.dataTable tr.dt-hasChild td.dt-control:before
|
|
32
|
-
|
|
39
|
+
html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
|
|
40
|
+
:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
|
|
41
|
+
border-top-color: rgba(255, 255, 255, 0.5);
|
|
42
|
+
border-left-color: transparent;
|
|
33
43
|
}
|
|
34
44
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
padding-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
table.dataTable thead > tr >
|
|
45
|
+
div.dt-scroll-body thead tr,
|
|
46
|
+
div.dt-scroll-body tfoot tr {
|
|
47
|
+
height: 0;
|
|
48
|
+
}
|
|
49
|
+
div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td,
|
|
50
|
+
div.dt-scroll-body tfoot tr th,
|
|
51
|
+
div.dt-scroll-body tfoot tr td {
|
|
52
|
+
height: 0 !important;
|
|
53
|
+
padding-top: 0px !important;
|
|
54
|
+
padding-bottom: 0px !important;
|
|
55
|
+
border-top-width: 0px !important;
|
|
56
|
+
border-bottom-width: 0px !important;
|
|
57
|
+
}
|
|
58
|
+
div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing,
|
|
59
|
+
div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,
|
|
60
|
+
div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
|
|
61
|
+
height: 0 !important;
|
|
62
|
+
overflow: hidden !important;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
table.dataTable thead > tr > th:active,
|
|
66
|
+
table.dataTable thead > tr > td:active {
|
|
67
|
+
outline: none;
|
|
68
|
+
}
|
|
69
|
+
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
|
|
70
|
+
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
|
|
71
|
+
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
|
|
56
72
|
position: absolute;
|
|
57
73
|
display: block;
|
|
58
|
-
opacity: 0.125;
|
|
59
|
-
right: 10px;
|
|
60
|
-
line-height: 9px;
|
|
61
|
-
font-size: 0.8em;
|
|
62
|
-
}
|
|
63
|
-
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before,
|
|
64
|
-
table.dataTable thead > tr > td.sorting:before,
|
|
65
|
-
table.dataTable thead > tr > td.sorting_asc:before,
|
|
66
|
-
table.dataTable thead > tr > td.sorting_desc:before,
|
|
67
|
-
table.dataTable thead > tr > td.sorting_asc_disabled:before,
|
|
68
|
-
table.dataTable thead > tr > td.sorting_desc_disabled:before {
|
|
69
74
|
bottom: 50%;
|
|
70
75
|
content: "▲";
|
|
71
76
|
content: "▲"/"";
|
|
72
77
|
}
|
|
73
|
-
table.dataTable thead > tr > th.
|
|
74
|
-
table.dataTable thead > tr > td.
|
|
75
|
-
table.dataTable thead > tr > td.
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
table.dataTable thead > tr > td.sorting_desc_disabled:after {
|
|
78
|
+
table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
|
|
79
|
+
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
|
|
80
|
+
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
|
|
81
|
+
position: absolute;
|
|
82
|
+
display: block;
|
|
79
83
|
top: 50%;
|
|
80
84
|
content: "▼";
|
|
81
85
|
content: "▼"/"";
|
|
82
86
|
}
|
|
83
|
-
table.dataTable thead > tr > th.
|
|
84
|
-
table.dataTable thead > tr > td.
|
|
85
|
-
table.dataTable thead > tr > td.
|
|
87
|
+
table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc,
|
|
88
|
+
table.dataTable thead > tr > td.dt-orderable-asc,
|
|
89
|
+
table.dataTable thead > tr > td.dt-orderable-desc,
|
|
90
|
+
table.dataTable thead > tr > td.dt-ordering-asc,
|
|
91
|
+
table.dataTable thead > tr > td.dt-ordering-desc {
|
|
92
|
+
position: relative;
|
|
93
|
+
padding-right: 30px;
|
|
94
|
+
}
|
|
95
|
+
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
|
|
96
|
+
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
|
|
97
|
+
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
|
|
98
|
+
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
|
|
99
|
+
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
|
|
100
|
+
position: absolute;
|
|
101
|
+
right: 12px;
|
|
102
|
+
top: 0;
|
|
103
|
+
bottom: 0;
|
|
104
|
+
width: 12px;
|
|
105
|
+
}
|
|
106
|
+
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
|
|
107
|
+
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
|
|
108
|
+
table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
|
|
109
|
+
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
|
|
110
|
+
table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
|
|
111
|
+
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
|
|
112
|
+
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
|
|
113
|
+
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
|
|
114
|
+
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
|
|
115
|
+
left: 0;
|
|
116
|
+
opacity: 0.125;
|
|
117
|
+
line-height: 9px;
|
|
118
|
+
font-size: 0.8em;
|
|
119
|
+
}
|
|
120
|
+
table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc,
|
|
121
|
+
table.dataTable thead > tr > td.dt-orderable-asc,
|
|
122
|
+
table.dataTable thead > tr > td.dt-orderable-desc {
|
|
123
|
+
cursor: pointer;
|
|
124
|
+
}
|
|
125
|
+
table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover,
|
|
126
|
+
table.dataTable thead > tr > td.dt-orderable-asc:hover,
|
|
127
|
+
table.dataTable thead > tr > td.dt-orderable-desc:hover {
|
|
128
|
+
outline: 2px solid rgba(0, 0, 0, 0.05);
|
|
129
|
+
outline-offset: -2px;
|
|
130
|
+
}
|
|
131
|
+
table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
|
|
132
|
+
table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
|
|
133
|
+
table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
|
|
86
134
|
opacity: 0.6;
|
|
87
135
|
}
|
|
88
|
-
table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before,
|
|
89
|
-
table.dataTable thead > tr > td.sorting_desc_disabled:after,
|
|
90
|
-
table.dataTable thead > tr > td.sorting_asc_disabled:before {
|
|
136
|
+
table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before,
|
|
137
|
+
table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after,
|
|
138
|
+
table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
|
|
91
139
|
display: none;
|
|
92
140
|
}
|
|
93
141
|
table.dataTable thead > tr > th:active,
|
|
@@ -95,52 +143,61 @@ table.dataTable thead > tr > td:active {
|
|
|
95
143
|
outline: none;
|
|
96
144
|
}
|
|
97
145
|
|
|
98
|
-
div.
|
|
99
|
-
div.
|
|
100
|
-
|
|
101
|
-
display: none;
|
|
146
|
+
div.dt-scroll-body > table.dataTable > thead > tr > th,
|
|
147
|
+
div.dt-scroll-body > table.dataTable > thead > tr > td {
|
|
148
|
+
overflow: hidden;
|
|
102
149
|
}
|
|
103
150
|
|
|
104
|
-
|
|
151
|
+
:root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover,
|
|
152
|
+
:root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover,
|
|
153
|
+
:root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover,
|
|
154
|
+
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover,
|
|
155
|
+
:root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover,
|
|
156
|
+
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover,
|
|
157
|
+
:root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
|
|
158
|
+
outline: 2px solid rgba(255, 255, 255, 0.05);
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
div.dt-processing {
|
|
105
162
|
position: absolute;
|
|
106
163
|
top: 50%;
|
|
107
164
|
left: 50%;
|
|
108
165
|
width: 200px;
|
|
109
166
|
margin-left: -100px;
|
|
110
|
-
margin-top: -
|
|
167
|
+
margin-top: -22px;
|
|
111
168
|
text-align: center;
|
|
112
169
|
padding: 2px;
|
|
113
170
|
z-index: 10;
|
|
114
171
|
}
|
|
115
|
-
div.
|
|
172
|
+
div.dt-processing > div:last-child {
|
|
116
173
|
position: relative;
|
|
117
174
|
width: 80px;
|
|
118
175
|
height: 15px;
|
|
119
176
|
margin: 1em auto;
|
|
120
177
|
}
|
|
121
|
-
div.
|
|
178
|
+
div.dt-processing > div:last-child > div {
|
|
122
179
|
position: absolute;
|
|
123
180
|
top: 0;
|
|
124
181
|
width: 13px;
|
|
125
182
|
height: 13px;
|
|
126
183
|
border-radius: 50%;
|
|
127
|
-
background:
|
|
184
|
+
background: rgb(0, 209, 178);
|
|
128
185
|
background: rgb(var(--dt-row-selected));
|
|
129
186
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
130
187
|
}
|
|
131
|
-
div.
|
|
188
|
+
div.dt-processing > div:last-child > div:nth-child(1) {
|
|
132
189
|
left: 8px;
|
|
133
190
|
animation: datatables-loader-1 0.6s infinite;
|
|
134
191
|
}
|
|
135
|
-
div.
|
|
192
|
+
div.dt-processing > div:last-child > div:nth-child(2) {
|
|
136
193
|
left: 8px;
|
|
137
194
|
animation: datatables-loader-2 0.6s infinite;
|
|
138
195
|
}
|
|
139
|
-
div.
|
|
196
|
+
div.dt-processing > div:last-child > div:nth-child(3) {
|
|
140
197
|
left: 32px;
|
|
141
198
|
animation: datatables-loader-2 0.6s infinite;
|
|
142
199
|
}
|
|
143
|
-
div.
|
|
200
|
+
div.dt-processing > div:last-child > div:nth-child(4) {
|
|
144
201
|
left: 56px;
|
|
145
202
|
animation: datatables-loader-3 0.6s infinite;
|
|
146
203
|
}
|
|
@@ -172,13 +229,16 @@ div.dataTables_processing > div:last-child > div:nth-child(4) {
|
|
|
172
229
|
table.dataTable.nowrap th, table.dataTable.nowrap td {
|
|
173
230
|
white-space: nowrap;
|
|
174
231
|
}
|
|
232
|
+
table.dataTable th,
|
|
233
|
+
table.dataTable td {
|
|
234
|
+
box-sizing: border-box;
|
|
235
|
+
}
|
|
175
236
|
table.dataTable th.dt-left,
|
|
176
237
|
table.dataTable td.dt-left {
|
|
177
238
|
text-align: left;
|
|
178
239
|
}
|
|
179
240
|
table.dataTable th.dt-center,
|
|
180
|
-
table.dataTable td.dt-center
|
|
181
|
-
table.dataTable td.dataTables_empty {
|
|
241
|
+
table.dataTable td.dt-center {
|
|
182
242
|
text-align: center;
|
|
183
243
|
}
|
|
184
244
|
table.dataTable th.dt-right,
|
|
@@ -193,6 +253,16 @@ table.dataTable th.dt-nowrap,
|
|
|
193
253
|
table.dataTable td.dt-nowrap {
|
|
194
254
|
white-space: nowrap;
|
|
195
255
|
}
|
|
256
|
+
table.dataTable th.dt-empty,
|
|
257
|
+
table.dataTable td.dt-empty {
|
|
258
|
+
text-align: center;
|
|
259
|
+
vertical-align: top;
|
|
260
|
+
}
|
|
261
|
+
table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date,
|
|
262
|
+
table.dataTable td.dt-type-numeric,
|
|
263
|
+
table.dataTable td.dt-type-date {
|
|
264
|
+
text-align: right;
|
|
265
|
+
}
|
|
196
266
|
table.dataTable thead th,
|
|
197
267
|
table.dataTable thead td,
|
|
198
268
|
table.dataTable tfoot th,
|
|
@@ -258,22 +328,8 @@ table.dataTable {
|
|
|
258
328
|
margin-top: 6px !important;
|
|
259
329
|
margin-bottom: 6px !important;
|
|
260
330
|
max-width: none !important;
|
|
261
|
-
border-collapse: separate !important;
|
|
262
331
|
border-spacing: 0;
|
|
263
332
|
}
|
|
264
|
-
table.dataTable td,
|
|
265
|
-
table.dataTable th {
|
|
266
|
-
-webkit-box-sizing: content-box;
|
|
267
|
-
box-sizing: content-box;
|
|
268
|
-
}
|
|
269
|
-
table.dataTable td.dataTables_empty,
|
|
270
|
-
table.dataTable th.dataTables_empty {
|
|
271
|
-
text-align: center;
|
|
272
|
-
}
|
|
273
|
-
table.dataTable.nowrap th,
|
|
274
|
-
table.dataTable.nowrap td {
|
|
275
|
-
white-space: nowrap;
|
|
276
|
-
}
|
|
277
333
|
table.dataTable.table.is-striped > tbody > tr:nth-child(2n) {
|
|
278
334
|
background-color: transparent;
|
|
279
335
|
}
|
|
@@ -281,65 +337,68 @@ table.dataTable > tbody > tr {
|
|
|
281
337
|
background-color: transparent;
|
|
282
338
|
}
|
|
283
339
|
table.dataTable > tbody > tr.selected > * {
|
|
284
|
-
box-shadow: inset 0 0 0 9999px
|
|
340
|
+
box-shadow: inset 0 0 0 9999px rgb(0, 209, 178);
|
|
285
341
|
box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
|
|
286
|
-
color:
|
|
342
|
+
color: rgb(255, 255, 255);
|
|
287
343
|
color: rgb(var(--dt-row-selected-text));
|
|
288
344
|
}
|
|
289
345
|
table.dataTable > tbody > tr.selected a {
|
|
290
|
-
color:
|
|
346
|
+
color: rgb(9, 10, 11);
|
|
291
347
|
color: rgb(var(--dt-row-selected-link));
|
|
292
348
|
}
|
|
293
|
-
table.dataTable.is-striped > tbody > tr
|
|
349
|
+
table.dataTable.is-striped > tbody > tr:nth-child(2n) > * {
|
|
294
350
|
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.019);
|
|
295
351
|
}
|
|
296
|
-
table.dataTable.is-striped > tbody > tr.
|
|
352
|
+
table.dataTable.is-striped > tbody > tr:nth-child(2n).selected > * {
|
|
297
353
|
box-shadow: inset 0 0 0 9999px rgba(0, 209, 178, 0.919);
|
|
298
354
|
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
|
|
299
355
|
}
|
|
300
356
|
table.dataTable.is-hoverable > tbody > tr:hover > * {
|
|
301
|
-
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.
|
|
357
|
+
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
|
|
302
358
|
}
|
|
303
359
|
table.dataTable.is-hoverable > tbody > tr.selected:hover > * {
|
|
304
|
-
box-shadow: inset 0 0 0 9999px
|
|
305
|
-
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected),
|
|
360
|
+
box-shadow: inset 0 0 0 9999px rgba(0, 209, 178, 0.975);
|
|
361
|
+
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
|
|
306
362
|
}
|
|
307
363
|
|
|
308
|
-
div.
|
|
364
|
+
div.dt-container > div.columns {
|
|
365
|
+
margin-bottom: 0 !important;
|
|
366
|
+
}
|
|
367
|
+
div.dt-container div.dt-length label {
|
|
309
368
|
font-weight: normal;
|
|
310
369
|
text-align: left;
|
|
311
370
|
white-space: nowrap;
|
|
312
371
|
}
|
|
313
|
-
div.
|
|
372
|
+
div.dt-container div.dt-length div {
|
|
314
373
|
vertical-align: middle;
|
|
315
374
|
}
|
|
316
|
-
div.
|
|
375
|
+
div.dt-container div.dt-length select {
|
|
317
376
|
width: auto;
|
|
318
377
|
display: inline-block;
|
|
319
378
|
vertical-align: middle;
|
|
320
379
|
}
|
|
321
|
-
div.
|
|
380
|
+
div.dt-container div.dt-search {
|
|
322
381
|
text-align: right;
|
|
323
382
|
}
|
|
324
|
-
div.
|
|
383
|
+
div.dt-container div.dt-search label {
|
|
325
384
|
font-weight: normal;
|
|
326
385
|
white-space: nowrap;
|
|
327
386
|
text-align: left;
|
|
328
387
|
}
|
|
329
|
-
div.
|
|
388
|
+
div.dt-container div.dt-search input {
|
|
330
389
|
margin-left: 0.5em;
|
|
331
390
|
width: auto;
|
|
332
391
|
vertical-align: middle;
|
|
333
392
|
}
|
|
334
|
-
div.
|
|
393
|
+
div.dt-container div.dt-info {
|
|
335
394
|
padding-top: 0.5em;
|
|
336
395
|
}
|
|
337
|
-
div.
|
|
396
|
+
div.dt-container div.dt-paging ul {
|
|
338
397
|
justify-content: flex-end;
|
|
339
398
|
list-style: none;
|
|
340
399
|
margin: 0;
|
|
341
400
|
}
|
|
342
|
-
div.
|
|
401
|
+
div.dt-container div.dt-processing {
|
|
343
402
|
position: absolute;
|
|
344
403
|
top: 50%;
|
|
345
404
|
left: 50%;
|
|
@@ -349,33 +408,43 @@ div.dataTables_wrapper div.dataTables_processing {
|
|
|
349
408
|
text-align: center;
|
|
350
409
|
padding: 1em 0;
|
|
351
410
|
}
|
|
411
|
+
div.dt-container.dt-empty-footer tbody > tr:last-child > * {
|
|
412
|
+
border-bottom: 1px solid #dbdbdb;
|
|
413
|
+
}
|
|
352
414
|
|
|
353
|
-
div.
|
|
415
|
+
div.dt-scroll-head table.dataTable {
|
|
354
416
|
margin-bottom: 0 !important;
|
|
355
417
|
}
|
|
356
418
|
|
|
357
|
-
div.
|
|
419
|
+
div.dt-container.dt-empty-footer div.dt-scroll-body {
|
|
420
|
+
border-bottom: 1px solid #dbdbdb;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
div.dt-scroll-body table {
|
|
358
424
|
border-top: none;
|
|
359
425
|
margin-top: 0 !important;
|
|
360
426
|
margin-bottom: 0 !important;
|
|
361
427
|
}
|
|
362
|
-
div.
|
|
363
|
-
div.
|
|
364
|
-
div.
|
|
365
|
-
div.
|
|
366
|
-
div.
|
|
367
|
-
div.
|
|
428
|
+
div.dt-scroll-body table thead .sorting:before,
|
|
429
|
+
div.dt-scroll-body table thead .sorting_asc:before,
|
|
430
|
+
div.dt-scroll-body table thead .sorting_desc:before,
|
|
431
|
+
div.dt-scroll-body table thead .sorting:after,
|
|
432
|
+
div.dt-scroll-body table thead .sorting_asc:after,
|
|
433
|
+
div.dt-scroll-body table thead .sorting_desc:after {
|
|
368
434
|
display: none;
|
|
369
435
|
}
|
|
370
|
-
div.
|
|
371
|
-
div.
|
|
436
|
+
div.dt-scroll-body table tbody tr:first-child th,
|
|
437
|
+
div.dt-scroll-body table tbody tr:first-child td {
|
|
372
438
|
border-top: none;
|
|
373
439
|
}
|
|
440
|
+
div.dt-scroll-body table tbody > tr:last-child > * {
|
|
441
|
+
border-bottom-width: 0 !important;
|
|
442
|
+
}
|
|
374
443
|
|
|
375
|
-
div.
|
|
444
|
+
div.dt-scroll-foot > .dt-scroll-footInner {
|
|
376
445
|
box-sizing: content-box;
|
|
377
446
|
}
|
|
378
|
-
div.
|
|
447
|
+
div.dt-scroll-foot > .dt-scroll-footInner > table {
|
|
379
448
|
margin-top: 0 !important;
|
|
380
449
|
border-top: none;
|
|
381
450
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
:root{--dt-row-selected: 0, 209, 178;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 9, 10, 11;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{display:inline-block;
|
|
1
|
+
:root{--dt-row-selected: 0, 209, 178;--dt-row-selected-text: 255, 255, 255;--dt-row-selected-link: 9, 10, 11;--dt-row-stripe: 0, 0, 0;--dt-row-hover: 0, 0, 0;--dt-column-ordering: 0, 0, 0;--dt-html-background: white}:root.dark{--dt-html-background: rgb(33, 37, 41)}table.dataTable td.dt-control{text-align:center;cursor:pointer}table.dataTable td.dt-control:before{display:inline-block;box-sizing:border-box;content:"";border-top:5px solid transparent;border-left:10px solid rgba(0, 0, 0, 0.5);border-bottom:5px solid transparent;border-right:0px solid transparent}table.dataTable tr.dt-hasChild td.dt-control:before{border-top:10px solid rgba(0, 0, 0, 0.5);border-left:5px solid transparent;border-bottom:0px solid transparent;border-right:5px solid transparent}html.dark table.dataTable td.dt-control:before,:root[data-bs-theme=dark] table.dataTable td.dt-control:before{border-left-color:rgba(255, 255, 255, 0.5)}html.dark table.dataTable tr.dt-hasChild td.dt-control:before,:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before{border-top-color:rgba(255, 255, 255, 0.5);border-left-color:transparent}div.dt-scroll-body thead tr,div.dt-scroll-body tfoot tr{height:0}div.dt-scroll-body thead tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body tfoot tr td{height:0 !important;padding-top:0px !important;padding-bottom:0px !important;border-top-width:0px !important;border-bottom-width:0px !important}div.dt-scroll-body thead tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body tfoot tr td div.dt-scroll-sizing{height:0 !important;overflow:hidden !important}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before{position:absolute;display:block;bottom:50%;content:"▲";content:"▲"/""}table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{position:absolute;display:block;top:50%;content:"▼";content:"▼"/""}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>th.dt-ordering-asc,table.dataTable thead>tr>th.dt-ordering-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc,table.dataTable thead>tr>td.dt-ordering-asc,table.dataTable thead>tr>td.dt-ordering-desc{position:relative;padding-right:30px}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order{position:absolute;right:12px;top:0;bottom:0;width:12px}table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-orderable-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{left:0;opacity:.125;line-height:9px;font-size:.8em}table.dataTable thead>tr>th.dt-orderable-asc,table.dataTable thead>tr>th.dt-orderable-desc,table.dataTable thead>tr>td.dt-orderable-asc,table.dataTable thead>tr>td.dt-orderable-desc{cursor:pointer}table.dataTable thead>tr>th.dt-orderable-asc:hover,table.dataTable thead>tr>th.dt-orderable-desc:hover,table.dataTable thead>tr>td.dt-orderable-asc:hover,table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(0, 0, 0, 0.05);outline-offset:-2px}table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after,table.dataTable thead>tr>td.dt-ordering-asc span.dt-column-order:before,table.dataTable thead>tr>td.dt-ordering-desc span.dt-column-order:after{opacity:.6}table.dataTable thead>tr>th.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>th.sorting_asc_disabled span.dt-column-order:before,table.dataTable thead>tr>td.sorting_desc_disabled span.dt-column-order:after,table.dataTable thead>tr>td.sorting_asc_disabled span.dt-column-order:before{display:none}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}div.dt-scroll-body>table.dataTable>thead>tr>th,div.dt-scroll-body>table.dataTable>thead>tr>td{overflow:hidden}:root.dark table.dataTable thead>tr>th.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>th.dt-orderable-desc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-asc:hover,:root.dark table.dataTable thead>tr>td.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>th.dt-orderable-desc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-asc:hover,:root[data-bs-theme=dark] table.dataTable thead>tr>td.dt-orderable-desc:hover{outline:2px solid rgba(255, 255, 255, 0.05)}div.dt-processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-22px;text-align:center;padding:2px;z-index:10}div.dt-processing>div:last-child{position:relative;width:80px;height:15px;margin:1em auto}div.dt-processing>div:last-child>div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background:rgb(0, 209, 178);background:rgb(var(--dt-row-selected));animation-timing-function:cubic-bezier(0, 1, 1, 0)}div.dt-processing>div:last-child>div:nth-child(1){left:8px;animation:datatables-loader-1 .6s infinite}div.dt-processing>div:last-child>div:nth-child(2){left:8px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(3){left:32px;animation:datatables-loader-2 .6s infinite}div.dt-processing>div:last-child>div:nth-child(4){left:56px;animation:datatables-loader-3 .6s infinite}@keyframes datatables-loader-1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes datatables-loader-3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes datatables-loader-2{0%{transform:translate(0, 0)}100%{transform:translate(24px, 0)}}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable th,table.dataTable td{box-sizing:border-box}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable th.dt-empty,table.dataTable td.dt-empty{text-align:center;vertical-align:top}table.dataTable th.dt-type-numeric,table.dataTable th.dt-type-date,table.dataTable td.dt-type-numeric,table.dataTable td.dt-type-date{text-align:right}table.dataTable thead th,table.dataTable thead td,table.dataTable tfoot th,table.dataTable tfoot td{text-align:left}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}/*! DataTables Bulma integration
|
|
2
2
|
* ©2020 SpryMedia Ltd - datatables.net/license
|
|
3
|
-
*/table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-
|
|
3
|
+
*/table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important;border-spacing:0}table.dataTable.table.is-striped>tbody>tr:nth-child(2n){background-color:transparent}table.dataTable>tbody>tr{background-color:transparent}table.dataTable>tbody>tr.selected>*{box-shadow:inset 0 0 0 9999px rgb(0, 209, 178);box-shadow:inset 0 0 0 9999px rgb(var(--dt-row-selected));color:rgb(255, 255, 255);color:rgb(var(--dt-row-selected-text))}table.dataTable>tbody>tr.selected a{color:rgb(9, 10, 11);color:rgb(var(--dt-row-selected-link))}table.dataTable.is-striped>tbody>tr:nth-child(2n)>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.019)}table.dataTable.is-striped>tbody>tr:nth-child(2n).selected>*{box-shadow:inset 0 0 0 9999px rgba(0, 209, 178, 0.919);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919)}table.dataTable.is-hoverable>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075)}table.dataTable.is-hoverable>tbody>tr.selected:hover>*{box-shadow:inset 0 0 0 9999px rgba(0, 209, 178, 0.975);box-shadow:inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975)}div.dt-container>div.columns{margin-bottom:0 !important}div.dt-container div.dt-length label{font-weight:normal;text-align:left;white-space:nowrap}div.dt-container div.dt-length div{vertical-align:middle}div.dt-container div.dt-length select{width:auto;display:inline-block;vertical-align:middle}div.dt-container div.dt-search{text-align:right}div.dt-container div.dt-search label{font-weight:normal;white-space:nowrap;text-align:left}div.dt-container div.dt-search input{margin-left:.5em;width:auto;vertical-align:middle}div.dt-container div.dt-info{padding-top:.5em}div.dt-container div.dt-paging ul{justify-content:flex-end;list-style:none;margin:0}div.dt-container div.dt-processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}div.dt-container.dt-empty-footer tbody>tr:last-child>*{border-bottom:1px solid #dbdbdb}div.dt-scroll-head table.dataTable{margin-bottom:0 !important}div.dt-container.dt-empty-footer div.dt-scroll-body{border-bottom:1px solid #dbdbdb}div.dt-scroll-body table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dt-scroll-body table thead .sorting:before,div.dt-scroll-body table thead .sorting_asc:before,div.dt-scroll-body table thead .sorting_desc:before,div.dt-scroll-body table thead .sorting:after,div.dt-scroll-body table thead .sorting_asc:after,div.dt-scroll-body table thead .sorting_desc:after{display:none}div.dt-scroll-body table tbody tr:first-child th,div.dt-scroll-body table tbody tr:first-child td{border-top:none}div.dt-scroll-body table tbody>tr:last-child>*{border-bottom-width:0 !important}div.dt-scroll-foot>.dt-scroll-footInner{box-sizing:content-box}div.dt-scroll-foot>.dt-scroll-footInner>table{margin-top:0 !important;border-top:none}
|
package/js/dataTables.bulma.js
CHANGED
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
// Browser
|
|
44
44
|
factory( jQuery, window, document );
|
|
45
45
|
}
|
|
46
|
-
}(function( $, window, document
|
|
46
|
+
}(function( $, window, document ) {
|
|
47
47
|
'use strict';
|
|
48
48
|
var DataTable = $.fn.dataTable;
|
|
49
49
|
|
|
@@ -51,148 +51,92 @@ var DataTable = $.fn.dataTable;
|
|
|
51
51
|
|
|
52
52
|
/* Set the defaults for DataTables initialisation */
|
|
53
53
|
$.extend( true, DataTable.defaults, {
|
|
54
|
-
dom:
|
|
55
|
-
"<'columns is-gapless is-multiline'" +
|
|
56
|
-
"<'column is-half'l>" +
|
|
57
|
-
"<'column is-half'f>" +
|
|
58
|
-
"<'column is-full'tr>" +
|
|
59
|
-
"<'column is-half'i>" +
|
|
60
|
-
"<'column is-half'p>" +
|
|
61
|
-
">",
|
|
62
54
|
renderer: 'bulma'
|
|
63
55
|
} );
|
|
64
56
|
|
|
65
57
|
|
|
66
58
|
/* Default class modification */
|
|
67
|
-
$.extend( DataTable.ext.classes, {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
59
|
+
$.extend( true, DataTable.ext.classes, {
|
|
60
|
+
container: "dt-container dt-bulma",
|
|
61
|
+
search: {
|
|
62
|
+
input: "input"
|
|
63
|
+
},
|
|
64
|
+
length: {
|
|
65
|
+
input: "custom-select custom-select-sm form-control form-control-sm"
|
|
66
|
+
},
|
|
67
|
+
processing: {
|
|
68
|
+
container: "dt-processing card"
|
|
69
|
+
}
|
|
72
70
|
} );
|
|
73
71
|
|
|
74
72
|
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
var api = new DataTable.Api( settings );
|
|
78
|
-
var classes = settings.oClasses;
|
|
79
|
-
var lang = settings.oLanguage.oPaginate;
|
|
80
|
-
var aria = settings.oLanguage.oAria.paginate || {};
|
|
81
|
-
var btnDisplay, btnClass;
|
|
82
|
-
|
|
83
|
-
var attach = function( container, buttons ) {
|
|
84
|
-
var i, ien, node, button, tag, disabled;
|
|
85
|
-
var clickHandler = function ( e ) {
|
|
86
|
-
e.preventDefault();
|
|
87
|
-
if ( ! $(e.currentTarget.firstChild).attr('disabled') && api.page() != e.data.action ) {
|
|
88
|
-
api.page( e.data.action ).draw( 'page' );
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
for ( i=0, ien=buttons.length ; i<ien ; i++ ) {
|
|
93
|
-
button = buttons[i];
|
|
73
|
+
DataTable.ext.renderer.pagingButton.bulma = function (settings, buttonType, content, active, disabled) {
|
|
74
|
+
var btnClasses = ['pagination-link'];
|
|
94
75
|
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
else {
|
|
99
|
-
btnDisplay = '';
|
|
100
|
-
btnClass = '';
|
|
101
|
-
tag = 'a';
|
|
102
|
-
disabled = false;
|
|
103
|
-
|
|
104
|
-
switch ( button ) {
|
|
105
|
-
case 'ellipsis':
|
|
106
|
-
btnDisplay = '…';
|
|
107
|
-
btnClass = 'pagination-link';
|
|
108
|
-
disabled = true;
|
|
109
|
-
tag = 'span';
|
|
110
|
-
break;
|
|
111
|
-
|
|
112
|
-
case 'first':
|
|
113
|
-
btnDisplay = lang.sFirst;
|
|
114
|
-
btnClass = button;
|
|
115
|
-
disabled = page <= 0;
|
|
116
|
-
break;
|
|
117
|
-
|
|
118
|
-
case 'previous':
|
|
119
|
-
btnDisplay = lang.sPrevious;
|
|
120
|
-
btnClass = button;
|
|
121
|
-
disabled = page <= 0;
|
|
122
|
-
break;
|
|
123
|
-
|
|
124
|
-
case 'next':
|
|
125
|
-
btnDisplay = lang.sNext;
|
|
126
|
-
btnClass = button;
|
|
127
|
-
disabled = page >= pages - 1;
|
|
128
|
-
break;
|
|
129
|
-
|
|
130
|
-
case 'last':
|
|
131
|
-
btnDisplay = lang.sLast;
|
|
132
|
-
btnClass = button;
|
|
133
|
-
disabled = page >= pages - 1;
|
|
134
|
-
break;
|
|
135
|
-
|
|
136
|
-
default:
|
|
137
|
-
btnDisplay = button + 1;
|
|
138
|
-
btnClass = page === button ?
|
|
139
|
-
'is-current' : '';
|
|
140
|
-
break;
|
|
141
|
-
}
|
|
76
|
+
if (active) {
|
|
77
|
+
btnClasses.push('is-current');
|
|
78
|
+
}
|
|
142
79
|
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
'aria-current': btnClass === 'is-current' ? 'page' : null,
|
|
156
|
-
'data-dt-idx': button,
|
|
157
|
-
'tabindex': disabled ? -1 : settings.iTabIndex,
|
|
158
|
-
'class': 'pagination-link ' + btnClass,
|
|
159
|
-
'disabled': disabled
|
|
160
|
-
} )
|
|
161
|
-
.html( btnDisplay )
|
|
162
|
-
)
|
|
163
|
-
.appendTo( container );
|
|
164
|
-
|
|
165
|
-
settings.oApi._fnBindAction(
|
|
166
|
-
node, {action: button}, clickHandler
|
|
167
|
-
);
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
}
|
|
80
|
+
var li = $('<li>');
|
|
81
|
+
var a = $('<a>', {
|
|
82
|
+
'href': disabled ? null : '#',
|
|
83
|
+
'class': btnClasses.join(' '),
|
|
84
|
+
'disabled': disabled
|
|
85
|
+
})
|
|
86
|
+
.html(content)
|
|
87
|
+
.appendTo(li);
|
|
88
|
+
|
|
89
|
+
return {
|
|
90
|
+
display: li,
|
|
91
|
+
clicker: a
|
|
171
92
|
};
|
|
93
|
+
};
|
|
172
94
|
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
95
|
+
DataTable.ext.renderer.pagingContainer.bulma = function (settings, buttonEls) {
|
|
96
|
+
var nav = $('<nav class="pagination" role="navigation" aria-label="pagination"><ul class="pagination-list"></ul></nav>');
|
|
97
|
+
|
|
98
|
+
nav.find('ul').append(buttonEls);
|
|
176
99
|
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
// elements, focus is lost on the select button which is bad for
|
|
180
|
-
// accessibility. So we want to restore focus once the draw has
|
|
181
|
-
// completed
|
|
182
|
-
activeEl = $(host).find(document.activeElement).data('dt-idx');
|
|
183
|
-
}
|
|
184
|
-
catch (e) {}
|
|
100
|
+
return nav;
|
|
101
|
+
};
|
|
185
102
|
|
|
186
|
-
|
|
187
|
-
|
|
103
|
+
DataTable.ext.renderer.layout.bulma = function ( settings, container, items ) {
|
|
104
|
+
var style = {};
|
|
105
|
+
var row = $( '<div/>', {
|
|
106
|
+
"class": 'columns is-multiline'
|
|
107
|
+
} )
|
|
108
|
+
.appendTo( container );
|
|
188
109
|
|
|
189
|
-
|
|
110
|
+
$.each( items, function (key, val) {
|
|
111
|
+
var klass;
|
|
190
112
|
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
113
|
+
if (val.table) {
|
|
114
|
+
klass = 'column is-full';
|
|
115
|
+
}
|
|
116
|
+
else if (key === 'start') {
|
|
117
|
+
klass = 'column is-narrow';
|
|
118
|
+
}
|
|
119
|
+
else if (key === 'end') {
|
|
120
|
+
klass = 'column is-narrow';
|
|
121
|
+
style.marginLeft = 'auto';
|
|
122
|
+
}
|
|
123
|
+
else {
|
|
124
|
+
klass = 'column is-full';
|
|
125
|
+
style.marginLeft = 'auto';
|
|
126
|
+
style.marginRight = 'auto';
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
$( '<div/>', {
|
|
130
|
+
id: val.id || null,
|
|
131
|
+
"class": klass+' '+(val.className || '')
|
|
132
|
+
} )
|
|
133
|
+
.css(style)
|
|
134
|
+
.append( val.contents )
|
|
135
|
+
.appendTo( row );
|
|
136
|
+
} );
|
|
194
137
|
};
|
|
195
138
|
|
|
139
|
+
|
|
196
140
|
// Javascript enhancements on table initialisation
|
|
197
141
|
$(document).on( 'init.dt', function (e, ctx) {
|
|
198
142
|
if ( e.namespace !== 'dt' ) {
|
|
@@ -202,11 +146,11 @@ $(document).on( 'init.dt', function (e, ctx) {
|
|
|
202
146
|
var api = new $.fn.dataTable.Api( ctx );
|
|
203
147
|
|
|
204
148
|
// Length menu drop down - needs to be wrapped with a div
|
|
205
|
-
$( 'div.
|
|
149
|
+
$( 'div.dt-length select', api.table().container() ).wrap('<div class="select">');
|
|
206
150
|
|
|
207
151
|
// Filtering input
|
|
208
|
-
// $( 'div.
|
|
209
|
-
// $( 'div.
|
|
152
|
+
// $( 'div.dt-search.ui.input', api.table().container() ).removeClass('input').addClass('form');
|
|
153
|
+
// $( 'div.dt-search input', api.table().container() ).wrap( '<span class="ui input" />' );
|
|
210
154
|
} );
|
|
211
155
|
|
|
212
156
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! DataTables Bulma integration
|
|
2
2
|
* ©2020 SpryMedia Ltd - datatables.net/license
|
|
3
3
|
*/
|
|
4
|
-
!function(
|
|
4
|
+
!function(t){var a,i;"function"==typeof define&&define.amd?define(["jquery","datatables.net"],function(n){return t(n,window,document)}):"object"==typeof exports?(a=require("jquery"),i=function(n,e){e.fn.dataTable||require("datatables.net")(n,e)},"undefined"==typeof window?module.exports=function(n,e){return n=n||window,e=e||a(n),i(n,e),t(e,0,n.document)}:(i(window,a),module.exports=t(a,window,window.document))):t(jQuery,window,document)}(function(r,n,e){"use strict";var t=r.fn.dataTable;return r.extend(!0,t.defaults,{renderer:"bulma"}),r.extend(!0,t.ext.classes,{container:"dt-container dt-bulma",search:{input:"input"},length:{input:"custom-select custom-select-sm form-control form-control-sm"},processing:{container:"dt-processing card"}}),t.ext.renderer.pagingButton.bulma=function(n,e,t,a,i){var o=["pagination-link"],a=(a&&o.push("is-current"),r("<li>"));return{display:a,clicker:r("<a>",{href:i?null:"#",class:o.join(" "),disabled:i}).html(t).appendTo(a)}},t.ext.renderer.pagingContainer.bulma=function(n,e){var t=r('<nav class="pagination" role="navigation" aria-label="pagination"><ul class="pagination-list"></ul></nav>');return t.find("ul").append(e),t},t.ext.renderer.layout.bulma=function(n,e,t){var a={},i=r("<div/>",{class:"columns is-multiline"}).appendTo(e);r.each(t,function(n,e){var t;e.table?t="column is-full":"start"===n?t="column is-narrow":"end"===n?(t="column is-narrow",a.marginLeft="auto"):(t="column is-full",a.marginLeft="auto",a.marginRight="auto"),r("<div/>",{id:e.id||null,class:t+" "+(e.className||"")}).css(a).append(e.contents).appendTo(i)})},r(e).on("init.dt",function(n,e){"dt"===n.namespace&&(n=new r.fn.dataTable.Api(e),r("div.dt-length select",n.table().container()).wrap('<div class="select">'))}),t});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*! DataTables Bulma integration
|
|
2
2
|
* ©2020 SpryMedia Ltd - datatables.net/license
|
|
3
3
|
*/
|
|
4
|
-
import jQuery from"jquery";import DataTable from"datatables.net";let $=jQuery;$.extend(!0,DataTable.defaults,{
|
|
4
|
+
import jQuery from"jquery";import DataTable from"datatables.net";let $=jQuery;$.extend(!0,DataTable.defaults,{renderer:"bulma"}),$.extend(!0,DataTable.ext.classes,{container:"dt-container dt-bulma",search:{input:"input"},length:{input:"custom-select custom-select-sm form-control form-control-sm"},processing:{container:"dt-processing card"}}),DataTable.ext.renderer.pagingButton.bulma=function(a,n,e,t,l){var i=["pagination-link"],t=(t&&i.push("is-current"),$("<li>"));return{display:t,clicker:$("<a>",{href:l?null:"#",class:i.join(" "),disabled:l}).html(e).appendTo(t)}},DataTable.ext.renderer.pagingContainer.bulma=function(a,n){var e=$('<nav class="pagination" role="navigation" aria-label="pagination"><ul class="pagination-list"></ul></nav>');return e.find("ul").append(n),e},DataTable.ext.renderer.layout.bulma=function(a,n,e){var t={},l=$("<div/>",{class:"columns is-multiline"}).appendTo(n);$.each(e,function(a,n){var e;n.table?e="column is-full":"start"===a?e="column is-narrow":"end"===a?(e="column is-narrow",t.marginLeft="auto"):(e="column is-full",t.marginLeft="auto",t.marginRight="auto"),$("<div/>",{id:n.id||null,class:e+" "+(n.className||"")}).css(t).append(n.contents).appendTo(l)})},$(document).on("init.dt",function(a,n){"dt"===a.namespace&&(a=new $.fn.dataTable.Api(n),$("div.dt-length select",a.table().container()).wrap('<div class="select">'))});export default DataTable;
|
package/js/dataTables.bulma.mjs
CHANGED
|
@@ -11,148 +11,92 @@ let $ = jQuery;
|
|
|
11
11
|
|
|
12
12
|
/* Set the defaults for DataTables initialisation */
|
|
13
13
|
$.extend( true, DataTable.defaults, {
|
|
14
|
-
dom:
|
|
15
|
-
"<'columns is-gapless is-multiline'" +
|
|
16
|
-
"<'column is-half'l>" +
|
|
17
|
-
"<'column is-half'f>" +
|
|
18
|
-
"<'column is-full'tr>" +
|
|
19
|
-
"<'column is-half'i>" +
|
|
20
|
-
"<'column is-half'p>" +
|
|
21
|
-
">",
|
|
22
14
|
renderer: 'bulma'
|
|
23
15
|
} );
|
|
24
16
|
|
|
25
17
|
|
|
26
18
|
/* Default class modification */
|
|
27
|
-
$.extend( DataTable.ext.classes, {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
19
|
+
$.extend( true, DataTable.ext.classes, {
|
|
20
|
+
container: "dt-container dt-bulma",
|
|
21
|
+
search: {
|
|
22
|
+
input: "input"
|
|
23
|
+
},
|
|
24
|
+
length: {
|
|
25
|
+
input: "custom-select custom-select-sm form-control form-control-sm"
|
|
26
|
+
},
|
|
27
|
+
processing: {
|
|
28
|
+
container: "dt-processing card"
|
|
29
|
+
}
|
|
32
30
|
} );
|
|
33
31
|
|
|
34
32
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var api = new DataTable.Api( settings );
|
|
38
|
-
var classes = settings.oClasses;
|
|
39
|
-
var lang = settings.oLanguage.oPaginate;
|
|
40
|
-
var aria = settings.oLanguage.oAria.paginate || {};
|
|
41
|
-
var btnDisplay, btnClass;
|
|
42
|
-
|
|
43
|
-
var attach = function( container, buttons ) {
|
|
44
|
-
var i, ien, node, button, tag, disabled;
|
|
45
|
-
var clickHandler = function ( e ) {
|
|
46
|
-
e.preventDefault();
|
|
47
|
-
if ( ! $(e.currentTarget.firstChild).attr('disabled') && api.page() != e.data.action ) {
|
|
48
|
-
api.page( e.data.action ).draw( 'page' );
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
for ( i=0, ien=buttons.length ; i<ien ; i++ ) {
|
|
53
|
-
button = buttons[i];
|
|
54
|
-
|
|
55
|
-
if ( Array.isArray( button ) ) {
|
|
56
|
-
attach( container, button );
|
|
57
|
-
}
|
|
58
|
-
else {
|
|
59
|
-
btnDisplay = '';
|
|
60
|
-
btnClass = '';
|
|
61
|
-
tag = 'a';
|
|
62
|
-
disabled = false;
|
|
63
|
-
|
|
64
|
-
switch ( button ) {
|
|
65
|
-
case 'ellipsis':
|
|
66
|
-
btnDisplay = '…';
|
|
67
|
-
btnClass = 'pagination-link';
|
|
68
|
-
disabled = true;
|
|
69
|
-
tag = 'span';
|
|
70
|
-
break;
|
|
71
|
-
|
|
72
|
-
case 'first':
|
|
73
|
-
btnDisplay = lang.sFirst;
|
|
74
|
-
btnClass = button;
|
|
75
|
-
disabled = page <= 0;
|
|
76
|
-
break;
|
|
77
|
-
|
|
78
|
-
case 'previous':
|
|
79
|
-
btnDisplay = lang.sPrevious;
|
|
80
|
-
btnClass = button;
|
|
81
|
-
disabled = page <= 0;
|
|
82
|
-
break;
|
|
83
|
-
|
|
84
|
-
case 'next':
|
|
85
|
-
btnDisplay = lang.sNext;
|
|
86
|
-
btnClass = button;
|
|
87
|
-
disabled = page >= pages - 1;
|
|
88
|
-
break;
|
|
89
|
-
|
|
90
|
-
case 'last':
|
|
91
|
-
btnDisplay = lang.sLast;
|
|
92
|
-
btnClass = button;
|
|
93
|
-
disabled = page >= pages - 1;
|
|
94
|
-
break;
|
|
95
|
-
|
|
96
|
-
default:
|
|
97
|
-
btnDisplay = button + 1;
|
|
98
|
-
btnClass = page === button ?
|
|
99
|
-
'is-current' : '';
|
|
100
|
-
break;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
if ( btnDisplay ) {
|
|
104
|
-
node = $('<li>', {
|
|
105
|
-
'id': idx === 0 && typeof button === 'string' ?
|
|
106
|
-
settings.sTableId +'_'+ button :
|
|
107
|
-
null
|
|
108
|
-
} )
|
|
109
|
-
.append( $('<' + tag + '>', {
|
|
110
|
-
'href': disabled ? null : '#',
|
|
111
|
-
'aria-controls': settings.sTableId,
|
|
112
|
-
'aria-disabled': disabled ? 'true' : null,
|
|
113
|
-
'aria-label': aria[ button ],
|
|
114
|
-
'role': 'link',
|
|
115
|
-
'aria-current': btnClass === 'is-current' ? 'page' : null,
|
|
116
|
-
'data-dt-idx': button,
|
|
117
|
-
'tabindex': disabled ? -1 : settings.iTabIndex,
|
|
118
|
-
'class': 'pagination-link ' + btnClass,
|
|
119
|
-
'disabled': disabled
|
|
120
|
-
} )
|
|
121
|
-
.html( btnDisplay )
|
|
122
|
-
)
|
|
123
|
-
.appendTo( container );
|
|
124
|
-
|
|
125
|
-
settings.oApi._fnBindAction(
|
|
126
|
-
node, {action: button}, clickHandler
|
|
127
|
-
);
|
|
128
|
-
}
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
};
|
|
33
|
+
DataTable.ext.renderer.pagingButton.bulma = function (settings, buttonType, content, active, disabled) {
|
|
34
|
+
var btnClasses = ['pagination-link'];
|
|
132
35
|
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
var activeEl;
|
|
136
|
-
|
|
137
|
-
try {
|
|
138
|
-
// Because this approach is destroying and recreating the paging
|
|
139
|
-
// elements, focus is lost on the select button which is bad for
|
|
140
|
-
// accessibility. So we want to restore focus once the draw has
|
|
141
|
-
// completed
|
|
142
|
-
activeEl = $(host).find(document.activeElement).data('dt-idx');
|
|
36
|
+
if (active) {
|
|
37
|
+
btnClasses.push('is-current');
|
|
143
38
|
}
|
|
144
|
-
catch (e) {}
|
|
145
39
|
|
|
40
|
+
var li = $('<li>');
|
|
41
|
+
var a = $('<a>', {
|
|
42
|
+
'href': disabled ? null : '#',
|
|
43
|
+
'class': btnClasses.join(' '),
|
|
44
|
+
'disabled': disabled
|
|
45
|
+
})
|
|
46
|
+
.html(content)
|
|
47
|
+
.appendTo(li);
|
|
48
|
+
|
|
49
|
+
return {
|
|
50
|
+
display: li,
|
|
51
|
+
clicker: a
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
|
|
55
|
+
DataTable.ext.renderer.pagingContainer.bulma = function (settings, buttonEls) {
|
|
146
56
|
var nav = $('<nav class="pagination" role="navigation" aria-label="pagination"><ul class="pagination-list"></ul></nav>');
|
|
147
|
-
|
|
57
|
+
|
|
58
|
+
nav.find('ul').append(buttonEls);
|
|
148
59
|
|
|
149
|
-
|
|
60
|
+
return nav;
|
|
61
|
+
};
|
|
150
62
|
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
63
|
+
DataTable.ext.renderer.layout.bulma = function ( settings, container, items ) {
|
|
64
|
+
var style = {};
|
|
65
|
+
var row = $( '<div/>', {
|
|
66
|
+
"class": 'columns is-multiline'
|
|
67
|
+
} )
|
|
68
|
+
.appendTo( container );
|
|
69
|
+
|
|
70
|
+
$.each( items, function (key, val) {
|
|
71
|
+
var klass;
|
|
72
|
+
|
|
73
|
+
if (val.table) {
|
|
74
|
+
klass = 'column is-full';
|
|
75
|
+
}
|
|
76
|
+
else if (key === 'start') {
|
|
77
|
+
klass = 'column is-narrow';
|
|
78
|
+
}
|
|
79
|
+
else if (key === 'end') {
|
|
80
|
+
klass = 'column is-narrow';
|
|
81
|
+
style.marginLeft = 'auto';
|
|
82
|
+
}
|
|
83
|
+
else {
|
|
84
|
+
klass = 'column is-full';
|
|
85
|
+
style.marginLeft = 'auto';
|
|
86
|
+
style.marginRight = 'auto';
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
$( '<div/>', {
|
|
90
|
+
id: val.id || null,
|
|
91
|
+
"class": klass+' '+(val.className || '')
|
|
92
|
+
} )
|
|
93
|
+
.css(style)
|
|
94
|
+
.append( val.contents )
|
|
95
|
+
.appendTo( row );
|
|
96
|
+
} );
|
|
154
97
|
};
|
|
155
98
|
|
|
99
|
+
|
|
156
100
|
// Javascript enhancements on table initialisation
|
|
157
101
|
$(document).on( 'init.dt', function (e, ctx) {
|
|
158
102
|
if ( e.namespace !== 'dt' ) {
|
|
@@ -162,11 +106,11 @@ $(document).on( 'init.dt', function (e, ctx) {
|
|
|
162
106
|
var api = new $.fn.dataTable.Api( ctx );
|
|
163
107
|
|
|
164
108
|
// Length menu drop down - needs to be wrapped with a div
|
|
165
|
-
$( 'div.
|
|
109
|
+
$( 'div.dt-length select', api.table().container() ).wrap('<div class="select">');
|
|
166
110
|
|
|
167
111
|
// Filtering input
|
|
168
|
-
// $( 'div.
|
|
169
|
-
// $( 'div.
|
|
112
|
+
// $( 'div.dt-search.ui.input', api.table().container() ).removeClass('input').addClass('form');
|
|
113
|
+
// $( 'div.dt-search input', api.table().container() ).wrap( '<span class="ui input" />' );
|
|
170
114
|
} );
|
|
171
115
|
|
|
172
116
|
|
package/package.json
CHANGED
|
@@ -5,13 +5,12 @@
|
|
|
5
5
|
"module": "js/dataTables.bulma.mjs",
|
|
6
6
|
"style": "css/dataTables.bulma.css",
|
|
7
7
|
"types": "./types/dataTables.bulma.d.ts",
|
|
8
|
-
"version": "
|
|
8
|
+
"version": "2.0.0",
|
|
9
9
|
"files": [
|
|
10
10
|
"css/**/*.css",
|
|
11
11
|
"js/**/*.js",
|
|
12
12
|
"js/**/*.mjs",
|
|
13
|
-
"types/**/*.d.ts"
|
|
14
|
-
"images/*"
|
|
13
|
+
"types/**/*.d.ts"
|
|
15
14
|
],
|
|
16
15
|
"keywords": [
|
|
17
16
|
"Bulma",
|
|
@@ -22,7 +21,7 @@
|
|
|
22
21
|
"sort"
|
|
23
22
|
],
|
|
24
23
|
"dependencies": {
|
|
25
|
-
"datatables.net": "
|
|
24
|
+
"datatables.net": "2.0.0",
|
|
26
25
|
"jquery": ">=1.7"
|
|
27
26
|
},
|
|
28
27
|
"moduleType": [
|
|
@@ -46,4 +45,4 @@
|
|
|
46
45
|
"type": "git",
|
|
47
46
|
"url": "https://github.com/DataTables/Dist-DataTables-Bulma.git"
|
|
48
47
|
}
|
|
49
|
-
}
|
|
48
|
+
}
|
package/images/favicon.ico
DELETED
|
Binary file
|
package/images/sort_asc.png
DELETED
|
Binary file
|
|
Binary file
|
package/images/sort_both.png
DELETED
|
Binary file
|
package/images/sort_desc.png
DELETED
|
Binary file
|
|
Binary file
|