")
- .text(
- candidateTableHeaderDefinitons[columnName]
- )
+ .text(candidateTableHeaderDefinitons[columnName])
.attr({
id: "caption",
});
@@ -85,20 +97,81 @@ function initializeDataTable() {
var false_icon = 'close';
var candidate_urls_table = $("#candidate_urls_table").DataTable({
- // scrollY: true,
- lengthMenu: [
- [25, 50, 100, 500],
- ["Show 25", "Show 50", "Show 100", "Show 500"],
- ],
pageLength: 100,
+ colReorder: true,
stateSave: true,
+ layout: {
+ bottomEnd: 'inputPaging',
+ topEnd: null,
+ topStart: {
+ info:true,
+ pageLength: {
+ menu: [[25, 50, 100, 500],["Show 25", "Show 50", "Show 100", "Show 500"]]
+ },
+ buttons: [
+ "spacer",
+ "csv",
+ "spacer",
+ {
+ text: "Customize Columns",
+ className: "customizeColumns",
+ action: function () {
+ modalContents("#candidate_urls_table");
+ },
+ },
+ ],
+ }
+ },
serverSide: true,
orderCellsTop: true,
pagingType: "input",
- dom: "ilBrtip",
buttons: [
- "spacer",
- "csv",
+ {
+ extend: "csv",
+ exportOptions: {
+ columns: [0, 11, 2, 12, 10],
+ },
+ customize: function (csv) {
+ var lines = csv.split("\n");
+ // Reorder the header columns
+ var headers = lines[0].split(",");
+ var reorderedHeaders = [
+ headers[0],
+ headers[3],
+ headers[4],
+ headers[1],
+ headers[2],
+ ];
+ lines[0] = reorderedHeaders.join(",");
+
+ // Add filter information in the footer
+ const secondRowFilters = [
+ "Applied filters:",
+ `URL: ${$("#candidateUrlFilter").val() || "No input"}`,
+ `Exclude: ${$(".dropdown-1").val() || "No selection"}`,
+ `Scraped Title: ${
+ $("#candidateNewTitleFilter").val() || "No input"
+ }`,
+ `New Title: ${dict[$(".dropdown-5").val()] || "No input"}`,
+ `Document Type: ${
+ $("#candidateScrapedTitleFilter").val() || "No selection"
+ }`,
+ ];
+ var appliedFiltersInfo = secondRowFilters.join("\n");
+
+ // Remove the second row with the filters
+ if (lines.length > 2) {
+ lines.splice(1, 1);
+ }
+ let alteredLines = [];
+ lines.forEach((line) => {
+ let newLine = "";
+ newLine = line.replace("open_in_new","");
+ alteredLines.push(newLine);
+ })
+ return alteredLines.join("\n") + appliedFiltersInfo;
+ },
+ },
"spacer",
{
text: "Customize Columns",
@@ -128,14 +201,6 @@ function initializeDataTable() {
},
initComplete: function (data) {
const addDropdownSelect = [1, 4, 5];
- const dict = {
- 1: "Images",
- 2: "Data",
- 3: "Documentation",
- 4: "Software and Tools",
- 5: "Missions and Instruments",
- 6: "Training and Education",
- };
this.api()
.columns()
.every(function (index) {
@@ -160,10 +225,36 @@ function initializeDataTable() {
{ data: "match_pattern_type", visible: false, searchable: false },
{ data: "candidate_urls_count", visible: false, searchable: false },
{ data: "excluded", visible: false, searchable: false },
+ {
+ data: null,
+ render: function (data, type, row) {
+ if (!row.document_type) return "Select";
+ return dict[row.document_type];
+ },
+ visible: false,
+ },
+ {
+ data: null,
+ render: function (data, type, row) {
+ const excludedDict = {
+ true: "Yes",
+ false: "No",
+ };
+ return excludedDict[row.excluded];
+ },
+ visible: false,
+ },
+ {
+ data: null,
+ render: function (data, type, row) {
+ return row.generated_title;
+ },
+ visible: false,
+ },
],
createdRow: function (row, data, dataIndex) {
if (data["excluded"]) {
- $(row).attr("style", "background-color: #ab387d !important");
+ $(row).attr("style", "background-color: rgba(255, 61, 87, 0.36) !important");
}
},
});
@@ -191,7 +282,6 @@ function initializeDataTable() {
var exclude_patterns_table = $("#exclude_patterns_table").DataTable({
// scrollY: true,
- serverSide: true,
dom: "lBrtip",
buttons: [
{
@@ -249,8 +339,8 @@ function initializeDataTable() {
{
data: "candidate_urls_count",
class: "text-center whiteText",
- sortable: false,
- },
+ sortable: true,
+ },
{
data: null,
sortable: false,
@@ -303,7 +393,6 @@ function initializeDataTable() {
],
pageLength: 100,
orderCellsTop: true,
- serverSide: true,
ajax: `/api/include-patterns/?format=datatables&collection_id=${collection_id}`,
initComplete: function (data) {
var table = $("#include_patterns_table").DataTable();
@@ -336,7 +425,7 @@ function initializeDataTable() {
{
data: "candidate_urls_count",
class: "text-center whiteText",
- sortable: false,
+ sortable: true,
},
{
data: null,
@@ -360,7 +449,6 @@ function initializeDataTable() {
var title_patterns_table = $("#title_patterns_table").DataTable({
// scrollY: true,
- serverSide: true,
dom: "lBrtip",
buttons: [
{
@@ -418,7 +506,7 @@ function initializeDataTable() {
{
data: "candidate_urls_count",
class: "text-center whiteText",
- sortable: false,
+ sortable: true,
},
{
data: null,
@@ -468,7 +556,6 @@ function initializeDataTable() {
},
},
],
- serverSide: true,
lengthMenu: [
[25, 50, 100, 500],
["Show 25", "Show 50", "Show 100", "Show 500"],
@@ -538,7 +625,7 @@ function initializeDataTable() {
{
data: "candidate_urls_count",
class: "text-center whiteText",
- sortable: false,
+ sortable: true,
},
{
data: null,
@@ -583,6 +670,7 @@ function handleTabsClick() {
function setupClickHandlers() {
handleHideorShowSubmitButton();
+ handleHideorShowKeypress();
handleAddNewPatternClick();
handleDeleteDocumentTypeButtonClick();
@@ -604,11 +692,12 @@ function getURLColumn() {
return {
data: "url",
render: function (data, type, row) {
- return ` open_in_new ${remove_protocol(
+ return `