datatables.net-bm 1.13.10 → 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 +170 -103
- 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 +3 -4
- 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,78 +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
35
|
html.dark table.dataTable td.dt-control:before,
|
|
29
36
|
:root[data-bs-theme=dark] table.dataTable td.dt-control:before {
|
|
30
|
-
color: rgba(255, 255, 255, 0.5);
|
|
37
|
+
border-left-color: rgba(255, 255, 255, 0.5);
|
|
31
38
|
}
|
|
32
39
|
html.dark table.dataTable tr.dt-hasChild td.dt-control:before,
|
|
33
40
|
:root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
|
|
34
|
-
color: rgba(255, 255, 255, 0.5);
|
|
41
|
+
border-top-color: rgba(255, 255, 255, 0.5);
|
|
42
|
+
border-left-color: transparent;
|
|
35
43
|
}
|
|
36
44
|
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
padding-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
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 {
|
|
58
72
|
position: absolute;
|
|
59
73
|
display: block;
|
|
60
|
-
opacity: 0.125;
|
|
61
|
-
right: 10px;
|
|
62
|
-
line-height: 9px;
|
|
63
|
-
font-size: 0.8em;
|
|
64
|
-
}
|
|
65
|
-
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,
|
|
66
|
-
table.dataTable thead > tr > td.sorting:before,
|
|
67
|
-
table.dataTable thead > tr > td.sorting_asc:before,
|
|
68
|
-
table.dataTable thead > tr > td.sorting_desc:before,
|
|
69
|
-
table.dataTable thead > tr > td.sorting_asc_disabled:before,
|
|
70
|
-
table.dataTable thead > tr > td.sorting_desc_disabled:before {
|
|
71
74
|
bottom: 50%;
|
|
72
75
|
content: "▲";
|
|
73
76
|
content: "▲"/"";
|
|
74
77
|
}
|
|
75
|
-
table.dataTable thead > tr > th.
|
|
76
|
-
table.dataTable thead > tr > td.
|
|
77
|
-
table.dataTable thead > tr > td.
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
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;
|
|
81
83
|
top: 50%;
|
|
82
84
|
content: "▼";
|
|
83
85
|
content: "▼"/"";
|
|
84
86
|
}
|
|
85
|
-
table.dataTable thead > tr > th.
|
|
86
|
-
table.dataTable thead > tr > td.
|
|
87
|
-
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 {
|
|
88
134
|
opacity: 0.6;
|
|
89
135
|
}
|
|
90
|
-
table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before,
|
|
91
|
-
table.dataTable thead > tr > td.sorting_desc_disabled:after,
|
|
92
|
-
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 {
|
|
93
139
|
display: none;
|
|
94
140
|
}
|
|
95
141
|
table.dataTable thead > tr > th:active,
|
|
@@ -97,30 +143,39 @@ table.dataTable thead > tr > td:active {
|
|
|
97
143
|
outline: none;
|
|
98
144
|
}
|
|
99
145
|
|
|
100
|
-
div.
|
|
101
|
-
div.
|
|
102
|
-
|
|
103
|
-
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;
|
|
104
149
|
}
|
|
105
150
|
|
|
106
|
-
|
|
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 {
|
|
107
162
|
position: absolute;
|
|
108
163
|
top: 50%;
|
|
109
164
|
left: 50%;
|
|
110
165
|
width: 200px;
|
|
111
166
|
margin-left: -100px;
|
|
112
|
-
margin-top: -
|
|
167
|
+
margin-top: -22px;
|
|
113
168
|
text-align: center;
|
|
114
169
|
padding: 2px;
|
|
115
170
|
z-index: 10;
|
|
116
171
|
}
|
|
117
|
-
div.
|
|
172
|
+
div.dt-processing > div:last-child {
|
|
118
173
|
position: relative;
|
|
119
174
|
width: 80px;
|
|
120
175
|
height: 15px;
|
|
121
176
|
margin: 1em auto;
|
|
122
177
|
}
|
|
123
|
-
div.
|
|
178
|
+
div.dt-processing > div:last-child > div {
|
|
124
179
|
position: absolute;
|
|
125
180
|
top: 0;
|
|
126
181
|
width: 13px;
|
|
@@ -130,19 +185,19 @@ div.dataTables_processing > div:last-child > div {
|
|
|
130
185
|
background: rgb(var(--dt-row-selected));
|
|
131
186
|
animation-timing-function: cubic-bezier(0, 1, 1, 0);
|
|
132
187
|
}
|
|
133
|
-
div.
|
|
188
|
+
div.dt-processing > div:last-child > div:nth-child(1) {
|
|
134
189
|
left: 8px;
|
|
135
190
|
animation: datatables-loader-1 0.6s infinite;
|
|
136
191
|
}
|
|
137
|
-
div.
|
|
192
|
+
div.dt-processing > div:last-child > div:nth-child(2) {
|
|
138
193
|
left: 8px;
|
|
139
194
|
animation: datatables-loader-2 0.6s infinite;
|
|
140
195
|
}
|
|
141
|
-
div.
|
|
196
|
+
div.dt-processing > div:last-child > div:nth-child(3) {
|
|
142
197
|
left: 32px;
|
|
143
198
|
animation: datatables-loader-2 0.6s infinite;
|
|
144
199
|
}
|
|
145
|
-
div.
|
|
200
|
+
div.dt-processing > div:last-child > div:nth-child(4) {
|
|
146
201
|
left: 56px;
|
|
147
202
|
animation: datatables-loader-3 0.6s infinite;
|
|
148
203
|
}
|
|
@@ -174,13 +229,16 @@ div.dataTables_processing > div:last-child > div:nth-child(4) {
|
|
|
174
229
|
table.dataTable.nowrap th, table.dataTable.nowrap td {
|
|
175
230
|
white-space: nowrap;
|
|
176
231
|
}
|
|
232
|
+
table.dataTable th,
|
|
233
|
+
table.dataTable td {
|
|
234
|
+
box-sizing: border-box;
|
|
235
|
+
}
|
|
177
236
|
table.dataTable th.dt-left,
|
|
178
237
|
table.dataTable td.dt-left {
|
|
179
238
|
text-align: left;
|
|
180
239
|
}
|
|
181
240
|
table.dataTable th.dt-center,
|
|
182
|
-
table.dataTable td.dt-center
|
|
183
|
-
table.dataTable td.dataTables_empty {
|
|
241
|
+
table.dataTable td.dt-center {
|
|
184
242
|
text-align: center;
|
|
185
243
|
}
|
|
186
244
|
table.dataTable th.dt-right,
|
|
@@ -195,6 +253,16 @@ table.dataTable th.dt-nowrap,
|
|
|
195
253
|
table.dataTable td.dt-nowrap {
|
|
196
254
|
white-space: nowrap;
|
|
197
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
|
+
}
|
|
198
266
|
table.dataTable thead th,
|
|
199
267
|
table.dataTable thead td,
|
|
200
268
|
table.dataTable tfoot th,
|
|
@@ -260,22 +328,8 @@ table.dataTable {
|
|
|
260
328
|
margin-top: 6px !important;
|
|
261
329
|
margin-bottom: 6px !important;
|
|
262
330
|
max-width: none !important;
|
|
263
|
-
border-collapse: separate !important;
|
|
264
331
|
border-spacing: 0;
|
|
265
332
|
}
|
|
266
|
-
table.dataTable td,
|
|
267
|
-
table.dataTable th {
|
|
268
|
-
-webkit-box-sizing: content-box;
|
|
269
|
-
box-sizing: content-box;
|
|
270
|
-
}
|
|
271
|
-
table.dataTable td.dataTables_empty,
|
|
272
|
-
table.dataTable th.dataTables_empty {
|
|
273
|
-
text-align: center;
|
|
274
|
-
}
|
|
275
|
-
table.dataTable.nowrap th,
|
|
276
|
-
table.dataTable.nowrap td {
|
|
277
|
-
white-space: nowrap;
|
|
278
|
-
}
|
|
279
333
|
table.dataTable.table.is-striped > tbody > tr:nth-child(2n) {
|
|
280
334
|
background-color: transparent;
|
|
281
335
|
}
|
|
@@ -292,56 +346,59 @@ table.dataTable > tbody > tr.selected a {
|
|
|
292
346
|
color: rgb(9, 10, 11);
|
|
293
347
|
color: rgb(var(--dt-row-selected-link));
|
|
294
348
|
}
|
|
295
|
-
table.dataTable.is-striped > tbody > tr
|
|
349
|
+
table.dataTable.is-striped > tbody > tr:nth-child(2n) > * {
|
|
296
350
|
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.019);
|
|
297
351
|
}
|
|
298
|
-
table.dataTable.is-striped > tbody > tr.
|
|
352
|
+
table.dataTable.is-striped > tbody > tr:nth-child(2n).selected > * {
|
|
299
353
|
box-shadow: inset 0 0 0 9999px rgba(0, 209, 178, 0.919);
|
|
300
354
|
box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.919);
|
|
301
355
|
}
|
|
302
356
|
table.dataTable.is-hoverable > tbody > tr:hover > * {
|
|
303
|
-
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);
|
|
304
358
|
}
|
|
305
359
|
table.dataTable.is-hoverable > tbody > tr.selected:hover > * {
|
|
306
|
-
box-shadow: inset 0 0 0 9999px
|
|
307
|
-
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);
|
|
308
362
|
}
|
|
309
363
|
|
|
310
|
-
div.
|
|
364
|
+
div.dt-container > div.columns {
|
|
365
|
+
margin-bottom: 0 !important;
|
|
366
|
+
}
|
|
367
|
+
div.dt-container div.dt-length label {
|
|
311
368
|
font-weight: normal;
|
|
312
369
|
text-align: left;
|
|
313
370
|
white-space: nowrap;
|
|
314
371
|
}
|
|
315
|
-
div.
|
|
372
|
+
div.dt-container div.dt-length div {
|
|
316
373
|
vertical-align: middle;
|
|
317
374
|
}
|
|
318
|
-
div.
|
|
375
|
+
div.dt-container div.dt-length select {
|
|
319
376
|
width: auto;
|
|
320
377
|
display: inline-block;
|
|
321
378
|
vertical-align: middle;
|
|
322
379
|
}
|
|
323
|
-
div.
|
|
380
|
+
div.dt-container div.dt-search {
|
|
324
381
|
text-align: right;
|
|
325
382
|
}
|
|
326
|
-
div.
|
|
383
|
+
div.dt-container div.dt-search label {
|
|
327
384
|
font-weight: normal;
|
|
328
385
|
white-space: nowrap;
|
|
329
386
|
text-align: left;
|
|
330
387
|
}
|
|
331
|
-
div.
|
|
388
|
+
div.dt-container div.dt-search input {
|
|
332
389
|
margin-left: 0.5em;
|
|
333
390
|
width: auto;
|
|
334
391
|
vertical-align: middle;
|
|
335
392
|
}
|
|
336
|
-
div.
|
|
393
|
+
div.dt-container div.dt-info {
|
|
337
394
|
padding-top: 0.5em;
|
|
338
395
|
}
|
|
339
|
-
div.
|
|
396
|
+
div.dt-container div.dt-paging ul {
|
|
340
397
|
justify-content: flex-end;
|
|
341
398
|
list-style: none;
|
|
342
399
|
margin: 0;
|
|
343
400
|
}
|
|
344
|
-
div.
|
|
401
|
+
div.dt-container div.dt-processing {
|
|
345
402
|
position: absolute;
|
|
346
403
|
top: 50%;
|
|
347
404
|
left: 50%;
|
|
@@ -351,33 +408,43 @@ div.dataTables_wrapper div.dataTables_processing {
|
|
|
351
408
|
text-align: center;
|
|
352
409
|
padding: 1em 0;
|
|
353
410
|
}
|
|
411
|
+
div.dt-container.dt-empty-footer tbody > tr:last-child > * {
|
|
412
|
+
border-bottom: 1px solid #dbdbdb;
|
|
413
|
+
}
|
|
354
414
|
|
|
355
|
-
div.
|
|
415
|
+
div.dt-scroll-head table.dataTable {
|
|
356
416
|
margin-bottom: 0 !important;
|
|
357
417
|
}
|
|
358
418
|
|
|
359
|
-
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 {
|
|
360
424
|
border-top: none;
|
|
361
425
|
margin-top: 0 !important;
|
|
362
426
|
margin-bottom: 0 !important;
|
|
363
427
|
}
|
|
364
|
-
div.
|
|
365
|
-
div.
|
|
366
|
-
div.
|
|
367
|
-
div.
|
|
368
|
-
div.
|
|
369
|
-
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 {
|
|
370
434
|
display: none;
|
|
371
435
|
}
|
|
372
|
-
div.
|
|
373
|
-
div.
|
|
436
|
+
div.dt-scroll-body table tbody tr:first-child th,
|
|
437
|
+
div.dt-scroll-body table tbody tr:first-child td {
|
|
374
438
|
border-top: none;
|
|
375
439
|
}
|
|
440
|
+
div.dt-scroll-body table tbody > tr:last-child > * {
|
|
441
|
+
border-bottom-width: 0 !important;
|
|
442
|
+
}
|
|
376
443
|
|
|
377
|
-
div.
|
|
444
|
+
div.dt-scroll-foot > .dt-scroll-footInner {
|
|
378
445
|
box-sizing: content-box;
|
|
379
446
|
}
|
|
380
|
-
div.
|
|
447
|
+
div.dt-scroll-foot > .dt-scroll-footInner > table {
|
|
381
448
|
margin-top: 0 !important;
|
|
382
449
|
border-top: none;
|
|
383
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": [
|
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
|