jquery-datatables 1.10.15 → 1.10.16

data/app/assets/stylesheets/datatables/{dataTables.bootstrap2.css → dataTables.bootstrap2.scss}

@@ -36,12 +36,12 @@ table.table thead .sorting_desc_disabled {
   *cursor: hand;
 }
 
-table.table thead .sorting { background: url(/assets/datatables/sort_both.png) no-repeat center right; }
-table.table thead .sorting_asc { background: url(/assets/datatables/sort_asc.png) no-repeat center right; }
-table.table thead .sorting_desc { background: url(/assets/datatables/sort_desc.png) no-repeat center right; }
+table.table thead .sorting { background-image: image-url("datatables/sort_both.png") no-repeat center right; }
+table.table thead .sorting_asc { background-image: image-url("datatables/sort_asc.png") no-repeat center right; }
+table.table thead .sorting_desc { background-image: image-url("datatables/sort_desc.png") no-repeat center right; }
 
-table.table thead .sorting_asc_disabled { background: url('/assets/datatables/sort_asc_disabled.png') no-repeat center right; }
-table.table thead .sorting_desc_disabled { background: url('/assets/datatables/sort_desc_disabled.png') no-repeat center right; }
+table.table thead .sorting_asc_disabled { background-image: image-url("datatables/sort_asc_disabled.png") no-repeat center right; }
+table.table thead .sorting_desc_disabled { background-image: image-url("datatables/sort_desc_disabled.png") no-repeat center right; }
 
 table.dataTable th:active {
   outline: none;
@@ -175,4 +175,4 @@ div.DTFC_LeftBodyWrapper tbody tr:first-child td {
 
 div.DTFC_LeftFootWrapper table {
   border-top: none;
-}
+}

data/app/assets/stylesheets/datatables/dataTables.bootstrap4.scss

@@ -0,0 +1,262 @@
+
+
+table.dataTable {
+	clear: both;
+	margin-top: 6px !important;
+	margin-bottom: 6px !important;
+	max-width: none !important;
+	border-collapse: separate !important;
+
+	td,
+	th {
+		-webkit-box-sizing: content-box;
+		box-sizing: content-box;
+
+		&.dataTables_empty {
+			text-align: center;
+		}
+	}
+
+	// Style options for the table. Foundation provides its own, but it is also
+	// useful to have a few more for DataTables
+	&.nowrap {
+		th,
+		td {
+			white-space: nowrap;
+		}
+	}
+}
+
+
+// DataTables' built in feature elements
+div.dataTables_wrapper {
+	div.dataTables_length {
+		label {
+			font-weight: normal;
+			text-align: left;
+			white-space: nowrap;
+		}
+
+		select {
+			width: 75px;
+			display: inline-block;
+		}
+	}
+
+	div.dataTables_filter {
+		text-align: right;
+
+		label {
+			font-weight: normal;
+			white-space: nowrap;
+			text-align: left;
+		}
+
+		input {
+			margin-left: 0.5em;
+			display: inline-block;
+			width: auto;
+		}
+	}
+
+	div.dataTables_info {
+		padding-top: 0.85em;
+		white-space: nowrap;
+	}
+
+	div.dataTables_paginate {
+		margin: 0;
+		white-space: nowrap;
+		text-align: right;
+
+		ul.pagination {
+			margin: 2px 0;
+			white-space: nowrap;
+			justify-content: flex-end;
+		}
+	}
+
+	div.dataTables_processing {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		width: 200px;
+		margin-left: -100px;
+		margin-top: -26px;
+		text-align: center;
+		padding: 1em 0;
+	}
+}
+
+
+// Sorting - using :before and :after with UTF8 characters
+table.dataTable thead {
+	> tr > th,
+	> tr > td {
+		&.sorting_asc,
+		&.sorting_desc,
+		&.sorting {
+			padding-right: 30px;
+		}
+
+		&:active {
+			outline: none;
+		}
+	}
+
+	.sorting,
+	.sorting_asc,
+	.sorting_desc,
+	.sorting_asc_disabled,
+	.sorting_desc_disabled {
+		cursor: pointer;
+		position: relative;
+
+		&:before,
+		&:after {
+			position: absolute;
+			bottom: 0.9em;
+			display: block;
+			opacity: 0.3;
+		}
+
+		&:before {
+			right: 1em;
+			content: "\2191"; // up arrow - ascending
+		}
+
+		&:after {
+			right: 0.5em;
+			content: "\2193"; // down arrow - descending
+		}
+	}
+
+	.sorting_asc:before,
+	.sorting_desc:after {
+		opacity: 1;
+	}
+
+	.sorting_asc_disabled:before,
+	.sorting_desc_disabled:after {
+		opacity: 0;
+	}
+}
+
+
+// Scrolling
+div.dataTables_scrollHead table.dataTable {
+	margin-bottom: 0 !important;
+}
+
+div.dataTables_scrollBody {
+	table {
+		border-top: none;
+		margin-top: 0 !important;
+		margin-bottom: 0 !important;
+
+		thead { // Hide sort icons
+			.sorting:after,
+			.sorting_asc:after,
+			.sorting_desc:after {
+				display: none;
+			}
+		}
+
+		tbody tr:first-child th,
+		tbody tr:first-child td {
+			border-top: none;
+		}
+	}
+}
+
+div.dataTables_scrollFoot {
+	> .dataTables_scrollFootInner {
+		box-sizing: content-box;
+
+		> table {
+			margin-top: 0 !important;
+			border-top: none;
+		}
+	}
+}
+
+
+// Responsive
+@media screen and (max-width: 767px) {
+	div.dataTables_wrapper {
+		div.dataTables_length,
+		div.dataTables_filter,
+		div.dataTables_info,
+		div.dataTables_paginate {
+			text-align: center;
+		}
+	}
+}
+
+
+//
+// Bootstrap provides a range of styling options for table's via class name
+// that we want to full support. They sometimes require some customisations
+//
+
+// Condensed
+table.dataTable.table-sm {
+	> thead > tr > th {
+		padding-right: 20px;
+	}
+
+	.sorting,
+	.sorting_asc,
+	.sorting_desc {
+		&:before {
+			top: 5px;
+			right: 0.85em;
+		}
+
+		&:after {
+			top: 5px;
+		}
+	}
+}
+
+
+// Frustratingly the border-collapse:collapse used by Bootstrap makes the column
+// width calculations when using scrolling impossible to align columns. We have
+// to use `border-collapse: separate`
+table.table-bordered.dataTable {
+	th,
+	td {
+		border-left-width: 0;
+
+		&:last-child,
+		&:last-child {
+			border-right-width: 0;
+		}
+	}
+
+	tbody th,
+	tbody td {
+		border-bottom-width: 0;
+	}
+}
+
+// Bordered table
+div.dataTables_scrollHead table.table-bordered {
+	border-bottom-width: 0;
+}
+
+// Responsive tables. We use rows inside the Bootstrap responsive wrapper,
+// so they need to have their margin and padding removed
+div.table-responsive > div.dataTables_wrapper > div.row {
+	margin: 0;
+
+	> div[class^="col-"] {
+		&:first-child {
+			padding-left: 0;
+		}
+		&:last-child {
+			padding-right: 0;
+		}
+	}
+}
+

data/app/assets/stylesheets/datatables/dataTables.foundation.scss

@@ -0,0 +1,154 @@
+
+table.dataTable {
+	clear: both;
+	margin: 0.5em 0 !important;
+	max-width: none !important;
+	width: 100%;
+
+	td,
+	th {
+		-webkit-box-sizing: content-box;
+		box-sizing: content-box;
+
+		&.dataTables_empty {
+			text-align: center;
+		}
+	}
+
+	// Style options for the table. Foundation provides its own, but it is also
+	// useful to have a few more for DataTables
+	&.nowrap {
+		th, td {
+			white-space: nowrap;
+		}
+	}
+}
+
+
+// DataTables' built in feature elements
+div.dataTables_wrapper {
+	position: relative;
+
+	div.dataTables_length {
+		label {
+			float: left;
+			text-align: left;
+			margin-bottom: 0;
+		}
+
+		select {
+			width: 75px;
+			margin-bottom: 0;
+		}
+	}
+
+	div.dataTables_filter {
+		label {
+			float: right;
+			margin-bottom: 0;
+		}
+	
+		input {
+			display: inline-block !important;
+			width: auto !important;
+			margin-bottom: 0;
+			margin-left: 0.5em;
+		}
+	}
+
+	div.dataTables_info {
+		padding-top: 2px;
+	}
+
+	div.dataTables_paginate {
+		float: right;
+		margin: 0;
+	}
+
+	div.dataTables_processing {
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		width: 200px;
+		margin-left: -100px;
+		margin-top: -26px;
+		text-align: center;
+		padding: 1rem 0;
+	}
+}
+
+
+// Sorting
+table.dataTable thead {
+	> tr > th,
+	> tr > td {
+		&.sorting_asc,
+		&.sorting_desc,
+		&.sorting {
+			padding-right: 1.5rem;
+		}
+
+		&:active {
+			outline: none;
+		}
+	}
+
+	.sorting,
+	.sorting_asc,
+	.sorting_desc,
+	.sorting_asc_disabled,
+	.sorting_desc_disabled {
+		cursor: pointer;
+	}
+
+	.sorting,
+	.sorting_asc,
+	.sorting_desc,
+	.sorting_asc_disabled,
+	.sorting_desc_disabled {
+		background-repeat: no-repeat;
+		background-position: center right;
+	}
+
+	.sorting {
+		background-image: image-url("datatables/sort_both.png");
+	}
+	.sorting_asc {
+		background-image: image-url("datatables/sort_asc.png");
+	}
+	.sorting_desc {
+		background-image: image-url("datatables/sort_desc.png");
+	}
+	.sorting_asc_disabled {
+		background-image: image-url("datatables/sort_asc_disabled.png");
+	}
+	.sorting_desc_disabled {
+		background-image: image-url("datatables/sort_desc_disabled.png");
+	}
+}
+
+
+// Scrolling
+div.dataTables_scrollHead table {
+	margin-bottom: 0 !important;
+}
+
+div.dataTables_scrollBody {
+	table {
+		border-top: none;
+		margin-top: 0 !important;
+		margin-bottom: 0 !important;
+
+		tbody tr:first-child th,
+		tbody tr:first-child td {
+			border-top: none;
+		}
+	}
+}
+
+div.dataTables_scrollFoot table {
+	margin-top: 0 !important;
+	border-top: none;
+}
+
+

data/app/assets/stylesheets/datatables/dataTables.jqueryui.scss

@@ -0,0 +1,93 @@
+
+
+// jQuery UI doesn't provide any table styling options of its own, so we include
+// the DataTables default styling options and override the few styles that need
+// to be changed
+$jqueryui: true;
+@import 'jquery.dataTables.scss';
+
+
+table.dataTable {
+	// Sorting
+	thead {
+		th div.DataTables_sort_wrapper {
+			position: relative;
+
+			span {
+				position: absolute;
+				top: 50%;
+				margin-top: -8px;
+				right: -18px;
+			}
+		}
+	}
+
+	thead,
+	tfoot {
+		th.ui-state-default {
+			border-left-width: 0;
+
+			&:first-child {
+				border-left-width: 1px;
+			}
+		}
+	}
+}
+
+/*
+ * Control feature layout
+ */
+.dataTables_wrapper {
+	// Paging
+	.dataTables_paginate {
+		.fg-button {
+			box-sizing: border-box;
+			display: inline-block;
+			min-width: 1.5em;
+			padding: 0.5em;
+			margin-left: 2px;
+			text-align: center;
+			text-decoration: none !important;
+			cursor: pointer;
+			*cursor: hand;
+
+			border: 1px solid transparent;
+
+			&:active {
+				outline: none;
+			}
+		}
+
+		.fg-button:first-child {
+			border-top-left-radius: 3px;
+			border-bottom-left-radius: 3px;
+		}
+
+		.fg-button:last-child {
+			border-top-right-radius: 3px;
+			border-bottom-right-radius: 3px;
+		}
+	}
+
+	.ui-widget-header {
+		font-weight: normal;
+	}
+
+	.ui-toolbar {
+		padding: 8px;
+	}
+
+	&.no-footer {
+		.dataTables_scrollBody {
+			border-bottom: none;
+		}
+	}
+
+	.dataTables_length,
+	.dataTables_filter,
+	.dataTables_info,
+	.dataTables_processing,
+	.dataTables_paginate {
+		color: inherit;
+	}
+}