Merge pull request #97 from TheDMSGroup/ENG-353

[ENG-353] remove dependency on other bundles when rendering datatables i CLient…
TheDMSGroup · Jul 12, 2018 · af589b2 · af589b2
2 parents a7e2fc0 + c48b73a
commit af589b2
Show file tree

Hide file tree

Showing 9 changed files with 782 additions and 134 deletions.
diff --git a/Assets/build/contactclient.min.css b/Assets/build/contactclient.min.css
diff --git a/Assets/build/contactclient.min.js b/Assets/build/contactclient.min.js
diff --git a/Assets/build/contactclient_events_datatable.js b/Assets/build/contactclient_events_datatable.js
diff --git a/Assets/css/libraries/dataTables.fontAwesome.css b/Assets/css/libraries/dataTables.fontAwesome.css
@@ -0,0 +1,156 @@
+/*!
+ * DataTables + Font Awesome integration
+ * License: MIT - http://datatables.net/license
+ */
+
+/*
+ * Sort styling
+ */
+table.dataTable thead th {
+    position: relative;
+    background-image: none !important; /* Remove the DataTables bootstrap integration styling */
+}
+
+table.dataTable thead th.sorting:after,
+table.dataTable thead th.sorting_asc:after,
+table.dataTable thead th.sorting_desc:after {
+    position: absolute;
+    top: 12px;
+    right: 8px;
+    display: block;
+    font-family: FontAwesome;
+}
+
+table.dataTable thead th.sorting:after {
+    content: "\f0dc";
+    color: #ddd;
+    font-size: 0.8em;
+    padding-top: 0.12em;
+}
+
+table.dataTable thead th.sorting_asc:after {
+    content: "\f0de";
+}
+
+table.dataTable thead th.sorting_desc:after {
+    content: "\f0dd";
+}
+
+div.dataTables_scrollBody table.dataTable thead th.sorting:after,
+div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,
+div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after {
+    content: "";
+}
+
+/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
+table.table thead th.sorting:after,
+table.table thead th.sorting_asc:after,
+table.table thead th.sorting_desc:after {
+    top: 8px;
+}
+
+/*
+ * DataTables style pagination controls
+ */
+div.dataTables_paginate a.paginate_button.first,
+div.dataTables_paginate a.paginate_button.previous {
+    position: relative;
+    padding-left: 24px;
+}
+
+div.dataTables_paginate a.paginate_button.next,
+div.dataTables_paginate a.paginate_button.last {
+    position: relative;
+    padding-right: 24px;
+}
+
+div.dataTables_paginate a.first:before,
+div.dataTables_paginate a.previous:before {
+    position: absolute;
+    top: 8px;
+    left: 10px;
+    display: block;
+    font-family: FontAwesome;
+}
+
+div.dataTables_paginate a.next:after,
+div.dataTables_paginate a.last:after {
+    position: absolute;
+    top: 8px;
+    right: 10px;
+    display: block;
+    font-family: FontAwesome;
+}
+
+div.dataTables_paginate a.first:before {
+    content: "\f100";
+}
+
+div.dataTables_paginate a.previous:before {
+    content: "\f104";
+}
+
+div.dataTables_paginate a.next:after {
+    content: "\f105";
+}
+
+div.dataTables_paginate a.last:after {
+    content: "\f101";
+}
+
+/*
+ * Bootstrap and foundation style pagination controls
+ */
+div.dataTables_paginate li.first > a,
+div.dataTables_paginate li.previous > a {
+    position: relative;
+    padding-left: 24px;
+}
+
+div.dataTables_paginate li.next > a,
+div.dataTables_paginate li.last > a {
+    position: relative;
+    padding-right: 24px;
+}
+
+div.dataTables_paginate li.first a:before,
+div.dataTables_paginate li.previous a:before {
+    position: absolute;
+    top: 6px;
+    left: 10px;
+    display: block;
+    font-family: FontAwesome;
+}
+
+div.dataTables_paginate li.next a:after,
+div.dataTables_paginate li.last a:after {
+    position: absolute;
+    top: 6px;
+    right: 10px;
+    display: block;
+    font-family: FontAwesome;
+}
+
+div.dataTables_paginate li.first a:before {
+    content: "\f100";
+}
+
+div.dataTables_paginate li.previous a:before {
+    content: "\f104";
+}
+
+div.dataTables_paginate li.next a:after {
+    content: "\f105";
+}
+
+div.dataTables_paginate li.last a:after {
+    content: "\f101";
+}
+
+/* In Foundation we don't want the padding like in bootstrap */
+div.columns div.dataTables_paginate li.first a:before,
+div.columns div.dataTables_paginate li.previous a:before,
+div.columns div.dataTables_paginate li.next a:after,
+div.columns div.dataTables_paginate li.last a:after {
+    top: 0;
+}