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.
Files changed (42) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -11
  3. data/app/assets/javascripts/dataTables/buttons/buttons.bootstrap.js +68 -0
  4. data/app/assets/javascripts/dataTables/buttons/buttons.colVis.js +197 -0
  5. data/app/assets/javascripts/dataTables/buttons/buttons.html5.js +828 -0
  6. data/app/assets/javascripts/dataTables/buttons/buttons.print.js +159 -0
  7. data/app/assets/javascripts/dataTables/buttons/dataTables.buttons.js +1607 -0
  8. data/app/assets/javascripts/dataTables/dataTables.colReorder.min.js +24 -24
  9. data/app/assets/javascripts/dataTables/{bootstrap/3/jquery.dataTables.bootstrap.js → jquery.dataTables.bootstrap.js} +69 -34
  10. data/app/assets/javascripts/dataTables/jquery.dataTables.min.js +164 -160
  11. data/app/assets/javascripts/dataTables/responsive/dataTables.responsive.min.js +23 -0
  12. data/app/assets/javascripts/dataTables/responsive/responsive.bootstrap.min.js +7 -0
  13. data/app/assets/javascripts/effective_datatables.js +15 -6
  14. data/app/assets/javascripts/effective_datatables/initialize.js.coffee.erb +118 -92
  15. data/app/assets/javascripts/vendor/jszip.min.js +14 -0
  16. data/app/assets/stylesheets/dataTables/buttons/buttons.bootstrap.min.css +102 -0
  17. data/app/assets/stylesheets/dataTables/buttons/buttons.dataTables.min.css +298 -0
  18. data/app/assets/stylesheets/dataTables/colReorder/colReorder.bootstrap.min.css +1 -0
  19. data/app/assets/stylesheets/dataTables/{dataTables.colReorder.min.css → colReorder/colReorder.dataTables.min.css} +0 -0
  20. data/app/assets/stylesheets/dataTables/dataTables.bootstrap.min.css +187 -0
  21. data/app/assets/stylesheets/dataTables/jquery.dataTables.min.css +24 -26
  22. data/app/assets/stylesheets/dataTables/responsive/responsive.bootstrap.min.css +1 -0
  23. data/app/assets/stylesheets/dataTables/responsive/responsive.dataTables.min.css +1 -0
  24. data/app/assets/stylesheets/effective_datatables.scss +10 -4
  25. data/app/assets/stylesheets/effective_datatables/_overrides.scss.erb +118 -103
  26. data/app/helpers/effective_datatables_helper.rb +25 -36
  27. data/app/models/effective/effective_datatable/dsl.rb +1 -0
  28. data/app/models/effective/effective_datatable/options.rb +1 -1
  29. data/app/views/effective/datatables/_datatable.html.haml +7 -20
  30. data/lib/effective_datatables/version.rb +1 -1
  31. metadata +18 -15
  32. data/app/assets/javascripts/dataTables/bootstrap/2/jquery.dataTables.bootstrap.js +0 -148
  33. data/app/assets/javascripts/dataTables/dataTables.colVis.min.js +0 -24
  34. data/app/assets/javascripts/dataTables/dataTables.fixedColumns.min.js +0 -30
  35. data/app/assets/javascripts/dataTables/dataTables.tableTools.min.js +0 -70
  36. data/app/assets/javascripts/effective_datatables.bootstrap2.js +0 -12
  37. data/app/assets/stylesheets/dataTables/bootstrap/2/jquery.dataTables.bootstrap.scss +0 -207
  38. data/app/assets/stylesheets/dataTables/bootstrap/3/jquery.dataTables.bootstrap.scss +0 -280
  39. data/app/assets/stylesheets/dataTables/dataTables.colVis.min.css +0 -1
  40. data/app/assets/stylesheets/dataTables/dataTables.fixedColumns.min.css +0 -1
  41. data/app/assets/stylesheets/dataTables/dataTables.tableTools.min.css +0 -1
  42. 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}
@@ -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 >th,
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: #abb9d3;
98
+ background-color: #acbad4;
99
99
  }
100
100
  table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
101
- background-color: whitesmoke;
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: #a9b7d1;
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: #f9f9f9;
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: #acbad4;
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: #a6b3cd;
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: #a7b5ce;
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: #a9b6d0;
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: #f9f9f9;
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: #fbfbfb;
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: #fdfdfd;
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: #acbad4;
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: #adbbd6;
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: #ebebeb;
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: #eeeeee;
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: #a1aec7;
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: #a2afc8;
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: #a4b2cb;
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 #cacaca;
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/bootstrap/3/jquery.dataTables.bootstrap';
3
- @import 'dataTables/dataTables.colReorder.min';
4
- @import 'dataTables/dataTables.colVis.min';
5
- @import 'dataTables/dataTables.tableTools.min';
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
- .dataTables_wrapper { // This is the Header
2
- .scroll_wrapper {
3
- overflow-x: auto;
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
- .form-group { width: 100%; margin-left: 0px; margin-right: 0px; }
11
- input,select { width: 100%; min-width: 105px; }
12
- p { margin: 0px; }
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
- thead th {
15
- padding: 6px 18px 6px 6px;
16
- vertical-align: middle;
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
- thead th.sorting_disabled {
20
- padding: 6px 6px 6px 6px;
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
- tbody th, tbody td, thead th, thead td {
24
- border-left: none;
25
- border-bottom: none;
26
- white-space: nowrap;
27
- }
26
+ table.dataTable thead th {
27
+ text-align: left;
28
+ border-bottom: none;
29
+ white-space: nowrap;
30
+ padding: 6px;
28
31
 
29
- ol,
30
- ul {
31
- list-style-type: none;
32
- padding-left: 0;
33
- }
34
- }
32
+ .form-group { margin-bottom: 0px; font-weight: normal; }
33
+ }
35
34
 
36
- table.dataTable.sorting-hidden {
37
- thead {
38
- .sorting_asc { background: none; cursor: default; }
39
- .sorting_desc { background: none; cursor: default; }
40
- .sorting { cursor: default; }
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
- .DTTT_container,.ColVis {
45
- float: right;
46
- display: inline-block;
47
- margin: 0px 0px 0px 2px;
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
- label { float: none; }
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
- .DTTT_button,
53
- .ColVis_Button {
54
- color: #00a6ff !important;
55
- border: 1px solid #e0eeff;
56
- background: #fff;
57
- box-shadow: none;
58
- float: none;
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
- &.active {
69
- color: #fff;
70
- background: #03428d !important;
71
- }
72
- }
62
+ // Buttons
63
+ div.dt-buttons {
64
+ float: right;
65
+ display: inherit;
66
+ width: auto;
67
+ }
73
68
 
74
- .dataTables_processing {
75
- top: 10px;
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
- .dataTables_paginate {
79
- overflow: hidden;
86
+ &:last-child { margin-right: 0px; }
80
87
 
81
- .pagination {
82
- padding: 0px;
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
- table.dataTable.DTCR_clonedTable { max-width: 200px !important; }
107
- table.dataTable.no-footer { border-bottom: 1px solid #ddd; }
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: 195px;
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
- div.DTTT_print_info {
133
- h6 { color: black; }
134
- p { color: black; }
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
  }