effective_datatables 2.1.20 → 2.2.0

Sign up to get free protection for your applications and to get access to all the features.
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
  }