effective_datatables 2.1.20 → 2.2.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.
- checksums.yaml +4 -4
- data/README.md +1 -11
- data/app/assets/javascripts/dataTables/buttons/buttons.bootstrap.js +68 -0
- data/app/assets/javascripts/dataTables/buttons/buttons.colVis.js +197 -0
- data/app/assets/javascripts/dataTables/buttons/buttons.html5.js +828 -0
- data/app/assets/javascripts/dataTables/buttons/buttons.print.js +159 -0
- data/app/assets/javascripts/dataTables/buttons/dataTables.buttons.js +1607 -0
- data/app/assets/javascripts/dataTables/dataTables.colReorder.min.js +24 -24
- data/app/assets/javascripts/dataTables/{bootstrap/3/jquery.dataTables.bootstrap.js → jquery.dataTables.bootstrap.js} +69 -34
- data/app/assets/javascripts/dataTables/jquery.dataTables.min.js +164 -160
- data/app/assets/javascripts/dataTables/responsive/dataTables.responsive.min.js +23 -0
- data/app/assets/javascripts/dataTables/responsive/responsive.bootstrap.min.js +7 -0
- data/app/assets/javascripts/effective_datatables.js +15 -6
- data/app/assets/javascripts/effective_datatables/initialize.js.coffee.erb +118 -92
- data/app/assets/javascripts/vendor/jszip.min.js +14 -0
- data/app/assets/stylesheets/dataTables/buttons/buttons.bootstrap.min.css +102 -0
- data/app/assets/stylesheets/dataTables/buttons/buttons.dataTables.min.css +298 -0
- data/app/assets/stylesheets/dataTables/colReorder/colReorder.bootstrap.min.css +1 -0
- data/app/assets/stylesheets/dataTables/{dataTables.colReorder.min.css → colReorder/colReorder.dataTables.min.css} +0 -0
- data/app/assets/stylesheets/dataTables/dataTables.bootstrap.min.css +187 -0
- data/app/assets/stylesheets/dataTables/jquery.dataTables.min.css +24 -26
- data/app/assets/stylesheets/dataTables/responsive/responsive.bootstrap.min.css +1 -0
- data/app/assets/stylesheets/dataTables/responsive/responsive.dataTables.min.css +1 -0
- data/app/assets/stylesheets/effective_datatables.scss +10 -4
- data/app/assets/stylesheets/effective_datatables/_overrides.scss.erb +118 -103
- data/app/helpers/effective_datatables_helper.rb +25 -36
- data/app/models/effective/effective_datatable/dsl.rb +1 -0
- data/app/models/effective/effective_datatable/options.rb +1 -1
- data/app/views/effective/datatables/_datatable.html.haml +7 -20
- data/lib/effective_datatables/version.rb +1 -1
- metadata +18 -15
- data/app/assets/javascripts/dataTables/bootstrap/2/jquery.dataTables.bootstrap.js +0 -148
- data/app/assets/javascripts/dataTables/dataTables.colVis.min.js +0 -24
- data/app/assets/javascripts/dataTables/dataTables.fixedColumns.min.js +0 -30
- data/app/assets/javascripts/dataTables/dataTables.tableTools.min.js +0 -70
- data/app/assets/javascripts/effective_datatables.bootstrap2.js +0 -12
- data/app/assets/stylesheets/dataTables/bootstrap/2/jquery.dataTables.bootstrap.scss +0 -207
- data/app/assets/stylesheets/dataTables/bootstrap/3/jquery.dataTables.bootstrap.scss +0 -280
- data/app/assets/stylesheets/dataTables/dataTables.colVis.min.css +0 -1
- data/app/assets/stylesheets/dataTables/dataTables.fixedColumns.min.css +0 -1
- data/app/assets/stylesheets/dataTables/dataTables.tableTools.min.css +0 -1
- data/app/assets/stylesheets/effective_datatables.bootstrap2.scss +0 -7
@@ -0,0 +1 @@
|
|
1
|
+
table.DTCR_clonedTable{background-color:rgba(255,255,255,0.7);z-index:202}div.DTCR_pointer{width:1px;background-color:#337ab7;z-index:201}
|
File without changes
|
@@ -0,0 +1,187 @@
|
|
1
|
+
table.dataTable {
|
2
|
+
clear: both;
|
3
|
+
margin-top: 6px !important;
|
4
|
+
margin-bottom: 6px !important;
|
5
|
+
max-width: none !important;
|
6
|
+
}
|
7
|
+
table.dataTable td,
|
8
|
+
table.dataTable th {
|
9
|
+
-webkit-box-sizing: content-box;
|
10
|
+
-moz-box-sizing: content-box;
|
11
|
+
box-sizing: content-box;
|
12
|
+
}
|
13
|
+
table.dataTable td.dataTables_empty,
|
14
|
+
table.dataTable th.dataTables_empty {
|
15
|
+
text-align: center;
|
16
|
+
}
|
17
|
+
table.dataTable.nowrap th,
|
18
|
+
table.dataTable.nowrap td {
|
19
|
+
white-space: nowrap;
|
20
|
+
}
|
21
|
+
|
22
|
+
div.dataTables_wrapper div.dataTables_length label {
|
23
|
+
font-weight: normal;
|
24
|
+
text-align: left;
|
25
|
+
white-space: nowrap;
|
26
|
+
}
|
27
|
+
div.dataTables_wrapper div.dataTables_length select {
|
28
|
+
width: 75px;
|
29
|
+
display: inline-block;
|
30
|
+
}
|
31
|
+
div.dataTables_wrapper div.dataTables_filter {
|
32
|
+
text-align: right;
|
33
|
+
}
|
34
|
+
div.dataTables_wrapper div.dataTables_filter label {
|
35
|
+
font-weight: normal;
|
36
|
+
white-space: nowrap;
|
37
|
+
text-align: left;
|
38
|
+
}
|
39
|
+
div.dataTables_wrapper div.dataTables_filter input {
|
40
|
+
margin-left: 0.5em;
|
41
|
+
display: inline-block;
|
42
|
+
width: auto;
|
43
|
+
}
|
44
|
+
div.dataTables_wrapper div.dataTables_info {
|
45
|
+
padding-top: 8px;
|
46
|
+
white-space: nowrap;
|
47
|
+
}
|
48
|
+
div.dataTables_wrapper div.dataTables_paginate {
|
49
|
+
margin: 0;
|
50
|
+
white-space: nowrap;
|
51
|
+
text-align: right;
|
52
|
+
}
|
53
|
+
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
|
54
|
+
margin: 2px 0;
|
55
|
+
white-space: nowrap;
|
56
|
+
}
|
57
|
+
div.dataTables_wrapper div.dataTables_processing {
|
58
|
+
position: absolute;
|
59
|
+
top: 50%;
|
60
|
+
left: 50%;
|
61
|
+
width: 200px;
|
62
|
+
margin-left: -100px;
|
63
|
+
margin-top: -26px;
|
64
|
+
text-align: center;
|
65
|
+
padding: 1em 0;
|
66
|
+
}
|
67
|
+
|
68
|
+
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
|
69
|
+
table.dataTable thead > tr > td.sorting_asc,
|
70
|
+
table.dataTable thead > tr > td.sorting_desc,
|
71
|
+
table.dataTable thead > tr > td.sorting {
|
72
|
+
padding-right: 30px;
|
73
|
+
}
|
74
|
+
table.dataTable thead > tr > th:active,
|
75
|
+
table.dataTable thead > tr > td:active {
|
76
|
+
outline: none;
|
77
|
+
}
|
78
|
+
table.dataTable thead .sorting,
|
79
|
+
table.dataTable thead .sorting_asc,
|
80
|
+
table.dataTable thead .sorting_desc,
|
81
|
+
table.dataTable thead .sorting_asc_disabled,
|
82
|
+
table.dataTable thead .sorting_desc_disabled {
|
83
|
+
cursor: pointer;
|
84
|
+
position: relative;
|
85
|
+
}
|
86
|
+
table.dataTable thead .sorting:after,
|
87
|
+
table.dataTable thead .sorting_asc:after,
|
88
|
+
table.dataTable thead .sorting_desc:after,
|
89
|
+
table.dataTable thead .sorting_asc_disabled:after,
|
90
|
+
table.dataTable thead .sorting_desc_disabled:after {
|
91
|
+
position: absolute;
|
92
|
+
bottom: 8px;
|
93
|
+
right: 8px;
|
94
|
+
display: block;
|
95
|
+
font-family: 'Glyphicons Halflings';
|
96
|
+
opacity: 0.5;
|
97
|
+
}
|
98
|
+
table.dataTable thead .sorting:after {
|
99
|
+
opacity: 0.2;
|
100
|
+
content: "\e150";
|
101
|
+
/* sort */
|
102
|
+
}
|
103
|
+
table.dataTable thead .sorting_asc:after {
|
104
|
+
content: "\e155";
|
105
|
+
/* sort-by-attributes */
|
106
|
+
}
|
107
|
+
table.dataTable thead .sorting_desc:after {
|
108
|
+
content: "\e156";
|
109
|
+
/* sort-by-attributes-alt */
|
110
|
+
}
|
111
|
+
table.dataTable thead .sorting_asc_disabled:after,
|
112
|
+
table.dataTable thead .sorting_desc_disabled:after {
|
113
|
+
color: #eee;
|
114
|
+
}
|
115
|
+
|
116
|
+
div.dataTables_scrollHead table.dataTable {
|
117
|
+
margin-bottom: 0 !important;
|
118
|
+
}
|
119
|
+
|
120
|
+
div.dataTables_scrollBody table {
|
121
|
+
border-top: none;
|
122
|
+
margin-top: 0 !important;
|
123
|
+
margin-bottom: 0 !important;
|
124
|
+
}
|
125
|
+
div.dataTables_scrollBody table thead .sorting:after,
|
126
|
+
div.dataTables_scrollBody table thead .sorting_asc:after,
|
127
|
+
div.dataTables_scrollBody table thead .sorting_desc:after {
|
128
|
+
display: none;
|
129
|
+
}
|
130
|
+
div.dataTables_scrollBody table tbody tr:first-child th,
|
131
|
+
div.dataTables_scrollBody table tbody tr:first-child td {
|
132
|
+
border-top: none;
|
133
|
+
}
|
134
|
+
|
135
|
+
div.dataTables_scrollFoot table {
|
136
|
+
margin-top: 0 !important;
|
137
|
+
border-top: none;
|
138
|
+
}
|
139
|
+
|
140
|
+
@media screen and (max-width: 767px) {
|
141
|
+
div.dataTables_wrapper div.dataTables_length,
|
142
|
+
div.dataTables_wrapper div.dataTables_filter,
|
143
|
+
div.dataTables_wrapper div.dataTables_info,
|
144
|
+
div.dataTables_wrapper div.dataTables_paginate {
|
145
|
+
text-align: center;
|
146
|
+
}
|
147
|
+
}
|
148
|
+
table.dataTable.table-condensed > thead > tr > th {
|
149
|
+
padding-right: 20px;
|
150
|
+
}
|
151
|
+
table.dataTable.table-condensed .sorting:after,
|
152
|
+
table.dataTable.table-condensed .sorting_asc:after,
|
153
|
+
table.dataTable.table-condensed .sorting_desc:after {
|
154
|
+
top: 6px;
|
155
|
+
right: 6px;
|
156
|
+
}
|
157
|
+
|
158
|
+
table.table-bordered.dataTable {
|
159
|
+
border-collapse: separate !important;
|
160
|
+
}
|
161
|
+
table.table-bordered.dataTable th,
|
162
|
+
table.table-bordered.dataTable td {
|
163
|
+
border-left-width: 0;
|
164
|
+
}
|
165
|
+
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
|
166
|
+
table.table-bordered.dataTable td:last-child,
|
167
|
+
table.table-bordered.dataTable td:last-child {
|
168
|
+
border-right-width: 0;
|
169
|
+
}
|
170
|
+
table.table-bordered.dataTable tbody th,
|
171
|
+
table.table-bordered.dataTable tbody td {
|
172
|
+
border-bottom-width: 0;
|
173
|
+
}
|
174
|
+
|
175
|
+
div.dataTables_scrollHead table.table-bordered {
|
176
|
+
border-bottom-width: 0;
|
177
|
+
}
|
178
|
+
|
179
|
+
div.table-responsive > div.dataTables_wrapper > div.row {
|
180
|
+
margin: 0;
|
181
|
+
}
|
182
|
+
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
|
183
|
+
padding-left: 0;
|
184
|
+
}
|
185
|
+
div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
|
186
|
+
padding-right: 0;
|
187
|
+
}
|
@@ -14,7 +14,7 @@ table.dataTable {
|
|
14
14
|
* Body styles
|
15
15
|
*/
|
16
16
|
}
|
17
|
-
table.dataTable thead
|
17
|
+
table.dataTable thead th,
|
18
18
|
table.dataTable tfoot th {
|
19
19
|
font-weight: bold;
|
20
20
|
}
|
@@ -95,27 +95,27 @@ table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
|
|
95
95
|
background-color: #f9f9f9;
|
96
96
|
}
|
97
97
|
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
|
98
|
-
background-color: #
|
98
|
+
background-color: #acbad4;
|
99
99
|
}
|
100
100
|
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
|
101
|
-
background-color:
|
101
|
+
background-color: #f6f6f6;
|
102
102
|
}
|
103
103
|
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
|
104
|
-
background-color: #
|
104
|
+
background-color: #aab7d1;
|
105
105
|
}
|
106
106
|
table.dataTable.order-column tbody tr > .sorting_1,
|
107
107
|
table.dataTable.order-column tbody tr > .sorting_2,
|
108
108
|
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
|
109
109
|
table.dataTable.display tbody tr > .sorting_2,
|
110
110
|
table.dataTable.display tbody tr > .sorting_3 {
|
111
|
-
background-color: #
|
111
|
+
background-color: #fafafa;
|
112
112
|
}
|
113
113
|
table.dataTable.order-column tbody tr.selected > .sorting_1,
|
114
114
|
table.dataTable.order-column tbody tr.selected > .sorting_2,
|
115
115
|
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
|
116
116
|
table.dataTable.display tbody tr.selected > .sorting_2,
|
117
117
|
table.dataTable.display tbody tr.selected > .sorting_3 {
|
118
|
-
background-color: #
|
118
|
+
background-color: #acbad5;
|
119
119
|
}
|
120
120
|
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
|
121
121
|
background-color: #f1f1f1;
|
@@ -127,28 +127,28 @@ table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.
|
|
127
127
|
background-color: whitesmoke;
|
128
128
|
}
|
129
129
|
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
|
130
|
-
background-color: #
|
130
|
+
background-color: #a6b4cd;
|
131
131
|
}
|
132
132
|
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
|
133
|
-
background-color: #
|
133
|
+
background-color: #a8b5cf;
|
134
134
|
}
|
135
135
|
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
|
136
|
-
background-color: #
|
136
|
+
background-color: #a9b7d1;
|
137
137
|
}
|
138
138
|
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
|
139
|
-
background-color: #
|
139
|
+
background-color: #fafafa;
|
140
140
|
}
|
141
141
|
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
|
142
|
-
background-color: #
|
142
|
+
background-color: #fcfcfc;
|
143
143
|
}
|
144
144
|
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
|
145
|
-
background-color: #
|
145
|
+
background-color: #fefefe;
|
146
146
|
}
|
147
147
|
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
|
148
|
-
background-color: #
|
148
|
+
background-color: #acbad5;
|
149
149
|
}
|
150
150
|
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
|
151
|
-
background-color: #
|
151
|
+
background-color: #aebcd6;
|
152
152
|
}
|
153
153
|
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
|
154
154
|
background-color: #afbdd8;
|
@@ -157,19 +157,19 @@ table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-colum
|
|
157
157
|
background-color: #eaeaea;
|
158
158
|
}
|
159
159
|
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
|
160
|
-
background-color: #
|
160
|
+
background-color: #ececec;
|
161
161
|
}
|
162
162
|
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
|
163
|
-
background-color: #
|
163
|
+
background-color: #efefef;
|
164
164
|
}
|
165
165
|
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
|
166
|
-
background-color: #
|
166
|
+
background-color: #a2aec7;
|
167
167
|
}
|
168
168
|
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
|
169
|
-
background-color: #
|
169
|
+
background-color: #a3b0c9;
|
170
170
|
}
|
171
171
|
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
|
172
|
-
background-color: #
|
172
|
+
background-color: #a5b2cb;
|
173
173
|
}
|
174
174
|
table.dataTable.no-footer {
|
175
175
|
border-bottom: 1px solid #111;
|
@@ -310,10 +310,11 @@ table.dataTable td {
|
|
310
310
|
*cursor: hand;
|
311
311
|
color: #333 !important;
|
312
312
|
border: 1px solid transparent;
|
313
|
+
border-radius: 2px;
|
313
314
|
}
|
314
315
|
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
|
315
316
|
color: #333 !important;
|
316
|
-
border: 1px solid #
|
317
|
+
border: 1px solid #979797;
|
317
318
|
background-color: white;
|
318
319
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
|
319
320
|
/* Chrome,Safari4+ */
|
@@ -385,17 +386,11 @@ table.dataTable td {
|
|
385
386
|
font-size: 1.2em;
|
386
387
|
background-color: white;
|
387
388
|
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
|
388
|
-
/* Chrome,Safari4+ */
|
389
389
|
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
390
|
-
/* Chrome10+,Safari5.1+ */
|
391
390
|
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
392
|
-
/* FF3.6+ */
|
393
391
|
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
394
|
-
/* IE10+ */
|
395
392
|
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
396
|
-
/* Opera 11.10+ */
|
397
393
|
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
|
398
|
-
/* W3C */
|
399
394
|
}
|
400
395
|
.dataTables_wrapper .dataTables_length,
|
401
396
|
.dataTables_wrapper .dataTables_filter,
|
@@ -411,6 +406,9 @@ table.dataTable td {
|
|
411
406
|
*margin-top: -1px;
|
412
407
|
-webkit-overflow-scrolling: touch;
|
413
408
|
}
|
409
|
+
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
|
410
|
+
vertical-align: middle;
|
411
|
+
}
|
414
412
|
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
|
415
413
|
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
|
416
414
|
height: 0;
|
@@ -0,0 +1 @@
|
|
1
|
+
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{top:8px;left:4px;height:16px;width:16px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#337ab7}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before{display:none}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#337ab7}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}
|
@@ -0,0 +1 @@
|
|
1
|
+
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{cursor:default !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{display:none !important}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{position:relative;padding-left:30px;cursor:pointer}table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{top:8px;left:4px;height:16px;width:16px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#31b131}table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{content:'-';background-color:#d33333}table.dataTable.dtr-inline.collapsed>tbody>tr.child td:before{display:none}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{padding-left:27px}table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{top:5px;left:4px;height:14px;width:14px;border-radius:14px;line-height:14px;text-indent:3px}table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{position:relative;cursor:pointer}table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{top:50%;left:50%;height:16px;width:16px;margin-top:-10px;margin-left:-10px;display:block;position:absolute;color:white;border:2px solid white;border-radius:16px;box-shadow:0 0 3px #444;box-sizing:content-box;font-family:'Courier New', Courier, monospace;text-indent:4px;line-height:16px;content:'+';background-color:#31b131}table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{content:'-';background-color:#d33333}table.dataTable>tbody>tr.child{padding:0.5em 1em}table.dataTable>tbody>tr.child:hover{background:transparent !important}table.dataTable>tbody>tr.child ul{display:inline-block;list-style-type:none;margin:0;padding:0}table.dataTable>tbody>tr.child ul li{border-bottom:1px solid #efefef;padding:0.5em 0}table.dataTable>tbody>tr.child ul li:first-child{padding-top:0}table.dataTable>tbody>tr.child ul li:last-child{border-bottom:none}table.dataTable>tbody>tr.child span.dtr-title{display:inline-block;min-width:75px;font-weight:bold}div.dtr-modal{position:fixed;box-sizing:border-box;top:0;left:0;height:100%;width:100%;z-index:100;padding:10em 1em}div.dtr-modal div.dtr-modal-display{position:absolute;top:0;left:0;bottom:0;right:0;width:50%;height:50%;overflow:auto;margin:auto;z-index:102;overflow:auto;background-color:#f5f5f7;border:1px solid black;border-radius:0.5em;box-shadow:0 12px 30px rgba(0,0,0,0.6)}div.dtr-modal div.dtr-modal-content{position:relative;padding:1em}div.dtr-modal div.dtr-modal-close{position:absolute;top:6px;right:6px;width:22px;height:22px;border:1px solid #eaeaea;background-color:#f9f9f9;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dtr-modal div.dtr-modal-close:hover{background-color:#eaeaea}div.dtr-modal div.dtr-modal-background{position:fixed;top:0;left:0;right:0;bottom:0;z-index:101;background:rgba(0,0,0,0.6)}@media screen and (max-width: 767px){div.dtr-modal div.dtr-modal-display{width:95%}}
|
@@ -1,7 +1,13 @@
|
|
1
1
|
@import 'dataTables/jquery.dataTables.min';
|
2
|
-
@import 'dataTables/
|
3
|
-
|
4
|
-
@import 'dataTables/dataTables.
|
5
|
-
@import 'dataTables/
|
2
|
+
@import 'dataTables/dataTables.bootstrap.min';
|
3
|
+
|
4
|
+
@import 'dataTables/buttons/buttons.dataTables.min';
|
5
|
+
@import 'dataTables/buttons/buttons.bootstrap.min';
|
6
|
+
|
7
|
+
@import 'dataTables/colReorder/colReorder.dataTables.min';
|
8
|
+
@import 'dataTables/colReorder/colReorder.bootstrap.min';
|
9
|
+
|
10
|
+
@import 'dataTables/responsive/responsive.dataTables.min';
|
11
|
+
@import 'dataTables/responsive/responsive.bootstrap.min';
|
6
12
|
|
7
13
|
@import 'effective_datatables/overrides';
|
@@ -1,122 +1,103 @@
|
|
1
|
-
.
|
2
|
-
.
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
table.dataTable {
|
7
|
-
border-collapse: collapse;
|
8
|
-
box-sizing: border-box;
|
1
|
+
table.dataTable thead .sorting {
|
2
|
+
background-image: url(<%= asset_data_uri('dataTables/sort_both.png') %>);
|
3
|
+
background-position: 100% 70%;
|
4
|
+
}
|
9
5
|
|
10
|
-
|
11
|
-
|
12
|
-
|
6
|
+
table.dataTable thead .sorting_asc {
|
7
|
+
background-image: url(<%= asset_data_uri('dataTables/sort_asc.png') %>);
|
8
|
+
background-position: 100% 70%;
|
9
|
+
}
|
13
10
|
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
11
|
+
table.dataTable thead .sorting_desc {
|
12
|
+
background-image: url(<%= asset_data_uri('dataTables/sort_desc.png') %>);
|
13
|
+
background-position: 100% 70%;
|
14
|
+
}
|
18
15
|
|
19
|
-
|
20
|
-
|
21
|
-
|
16
|
+
table.dataTable thead .sorting:after {
|
17
|
+
content: '';
|
18
|
+
}
|
19
|
+
table.dataTable thead .sorting_asc:after {
|
20
|
+
content: '';
|
21
|
+
}
|
22
|
+
table.dataTable thead .sorting_desc:after {
|
23
|
+
content: '';
|
24
|
+
}
|
22
25
|
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
26
|
+
table.dataTable thead th {
|
27
|
+
text-align: left;
|
28
|
+
border-bottom: none;
|
29
|
+
white-space: nowrap;
|
30
|
+
padding: 6px;
|
28
31
|
|
29
|
-
|
30
|
-
|
31
|
-
list-style-type: none;
|
32
|
-
padding-left: 0;
|
33
|
-
}
|
34
|
-
}
|
32
|
+
.form-group { margin-bottom: 0px; font-weight: normal; }
|
33
|
+
}
|
35
34
|
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
}
|
35
|
+
table.dataTable thead > tr > th.sorting_asc,
|
36
|
+
table.dataTable thead > tr > th.sorting_desc,
|
37
|
+
table.dataTable thead > tr > th.sorting {
|
38
|
+
padding-right: 18px;
|
39
|
+
white-space: nowrap;
|
40
|
+
}
|
43
41
|
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
42
|
+
// Filter bar
|
43
|
+
table.dataTable .form-group { width: 100%; margin-left: 0px; margin-right: 0px; }
|
44
|
+
table.dataTable input,select { width: 100%; }
|
45
|
+
table.dataTable .form-control { width: 100%; }
|
48
46
|
|
49
|
-
|
50
|
-
|
47
|
+
// Processing popup
|
48
|
+
div.dataTables_wrapper div.dataTables_processing {
|
49
|
+
top: -20px;
|
50
|
+
border: none;
|
51
|
+
box-shadow: none;
|
52
|
+
}
|
51
53
|
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
&:hover {
|
61
|
-
color: #fff !important;
|
62
|
-
background: #00a6ff !important;
|
63
|
-
border: 1px solid black;
|
64
|
-
background: #fff;
|
65
|
-
box-shadow: none;
|
66
|
-
}
|
54
|
+
// Show x per page
|
55
|
+
.dataTables_wrapper div.dataTables_length {
|
56
|
+
margin-bottom: 4px;
|
57
|
+
color: #909090;
|
58
|
+
font-size: 12px;
|
59
|
+
padding-left: 6px;
|
60
|
+
}
|
67
61
|
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
62
|
+
// Buttons
|
63
|
+
div.dt-buttons {
|
64
|
+
float: right;
|
65
|
+
display: inherit;
|
66
|
+
width: auto;
|
67
|
+
}
|
73
68
|
|
74
|
-
|
75
|
-
|
69
|
+
.dt-buttons > a {
|
70
|
+
border: none;
|
71
|
+
color: #337ab7;
|
72
|
+
border-color: transparent;
|
73
|
+
background: #fff;
|
74
|
+
font-size: 12px;
|
75
|
+
padding: 6px;
|
76
|
+
margin-right: 6px;
|
77
|
+
float: none;
|
78
|
+
|
79
|
+
&:hover,
|
80
|
+
&:focus {
|
81
|
+
border: none;
|
82
|
+
border-color: transparent;
|
83
|
+
background: #eee !important;
|
76
84
|
}
|
77
85
|
|
78
|
-
|
79
|
-
overflow: hidden;
|
86
|
+
&:last-child { margin-right: 0px; }
|
80
87
|
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
.paginate_button {
|
85
|
-
padding: 0px;
|
86
|
-
|
87
|
-
&:hover {
|
88
|
-
background: none;
|
89
|
-
border: 1px solid transparent;
|
90
|
-
}
|
91
|
-
|
92
|
-
&:active {
|
93
|
-
background: none;
|
94
|
-
box-shadow: none;
|
95
|
-
outline: none;
|
96
|
-
}
|
97
|
-
}
|
98
|
-
}
|
88
|
+
&.active {
|
89
|
+
color: #fff;
|
90
|
+
background: #03428d !important;
|
99
91
|
}
|
100
|
-
|
101
|
-
table.dataTable thead .sorting { background: url(<%= asset_data_uri('dataTables/sort_both.png') %>) no-repeat center right; }
|
102
|
-
table.dataTable thead .sorting_asc { background: url(<%= asset_data_uri('dataTables/sort_asc.png') %>) no-repeat center right; }
|
103
|
-
table.dataTable thead .sorting_desc { background: url(<%= asset_data_uri('dataTables/sort_desc.png') %>) no-repeat center right; }
|
104
92
|
}
|
105
93
|
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
ul.ColVis_collection {
|
110
|
-
width: 420px;
|
111
|
-
margin-left: 148px;
|
112
|
-
margin-top: 4px;
|
94
|
+
// Show / hide columns button
|
95
|
+
ul.dt-button-collection {
|
96
|
+
width: 400px;
|
113
97
|
|
114
98
|
li {
|
115
|
-
width:
|
116
|
-
|
117
|
-
|
118
|
-
li.ColVis_Special.ColVis_Restore {
|
119
|
-
clear: both;
|
99
|
+
width: 198px;
|
100
|
+
overflow: hidden;
|
120
101
|
}
|
121
102
|
|
122
103
|
li:nth-child(odd) {
|
@@ -127,9 +108,43 @@ ul.ColVis_collection {
|
|
127
108
|
float: right;
|
128
109
|
}
|
129
110
|
|
111
|
+
.buttons-colvisGroup {
|
112
|
+
clear: left;
|
113
|
+
border-top: 1px solid grey;
|
114
|
+
}
|
115
|
+
|
116
|
+
.buttons-colvisRestore {
|
117
|
+
border-top: 1px solid grey;
|
118
|
+
}
|
119
|
+
}
|
120
|
+
|
121
|
+
// Showing 1 to 25 of 100 entries
|
122
|
+
div.dataTables_wrapper div.dataTables_info {
|
123
|
+
color: #909090;
|
124
|
+
font-size: 12px;
|
125
|
+
padding: 10px 0px 0px 6px;
|
130
126
|
}
|
131
127
|
|
132
|
-
|
133
|
-
|
134
|
-
|
128
|
+
// Pagination
|
129
|
+
.dataTables_paginate {
|
130
|
+
overflow: hidden;
|
131
|
+
|
132
|
+
.pagination {
|
133
|
+
padding: 0px;
|
134
|
+
|
135
|
+
.paginate_button {
|
136
|
+
padding: 0px;
|
137
|
+
|
138
|
+
&:hover {
|
139
|
+
background: none;
|
140
|
+
border: 1px solid transparent;
|
141
|
+
}
|
142
|
+
|
143
|
+
&:active {
|
144
|
+
background: none;
|
145
|
+
box-shadow: none;
|
146
|
+
outline: none;
|
147
|
+
}
|
148
|
+
}
|
149
|
+
}
|
135
150
|
}
|