Changeset View
Changeset View
Standalone View
Standalone View
assets/src/bundles/admin/deposit.js
Show First 20 Lines • Show All 81 Lines • ▼ Show 20 Lines | depositsTable = $('#swh-admin-deposit-list') | ||||
const date = new Date(data); | const date = new Date(data); | ||||
return date.toLocaleString(); | return date.toLocaleString(); | ||||
} | } | ||||
return data; | return data; | ||||
} | } | ||||
}, | }, | ||||
{ | { | ||||
data: 'status', | data: 'status', | ||||
name: 'status' | name: 'status', | ||||
render: (data, type, row) => { | |||||
if (type === 'display') { | |||||
anlambert: Use `class="btn btn-default metadata"` to match other buttons design. | |||||
Done Inline Actionsvlorentz: Already tried it, they look like this:
{F4854899} | |||||
Done Inline Actionsnvm, it works this time for some reason... vlorentz: nvm, it works this time for some reason... | |||||
if (row.raw_metadata) { | |||||
return `${data} <button class="btn btn-default metadata">metadata</button>`; | |||||
} | |||||
} | |||||
return data; | |||||
} | |||||
}, | }, | ||||
{ | { | ||||
data: 'status_detail', | data: 'status_detail', | ||||
name: 'status_detail', | name: 'status_detail', | ||||
render: (data, type, row) => { | render: (data, type, row) => { | ||||
if (type === 'display' && data) { | if (type === 'display' && data) { | ||||
let text = data; | let text = data; | ||||
if (typeof data === 'object') { | if (typeof data === 'object') { | ||||
Show All 40 Lines | <div id="swh-admin-deposit-list-exclude-div-wrapper" class="dataTables_filter"> | ||||
value="check-deposit" | value="check-deposit" | ||||
class="form-control form-control-sm" | class="form-control form-control-sm" | ||||
placeholder="exclude-pattern" aria-controls="swh-admin-deposit-list"> | placeholder="exclude-pattern" aria-controls="swh-admin-deposit-list"> | ||||
</input> | </input> | ||||
</label> | </label> | ||||
</div> | </div> | ||||
</div> | </div> | ||||
`); | `); | ||||
// Show a modal when the "metadata" button is clicked | |||||
$('#swh-admin-deposit-list tbody').on('click', 'tr button.metadata', function() { | |||||
var row = depositsTable.row(this.parentNode.parentNode).data(); | |||||
var metadata = row.raw_metadata; | |||||
var escapedMetadata = $('<div/>').text(metadata).html(); | |||||
swh.webapp.showModalHtml(`Metadata of deposit ${row.id}`, `<pre>${escapedMetadata}</pre>`, '90%'); | |||||
}); | |||||
// Adding exclusion pattern update behavior, when typing, update search | // Adding exclusion pattern update behavior, when typing, update search | ||||
$('#swh-admin-deposit-list-exclude-filter').keyup(function() { | $('#swh-admin-deposit-list-exclude-filter').keyup(function() { | ||||
depositsTable.draw(); | depositsTable.draw(); | ||||
}); | }); | ||||
// at last draw the table | // at last draw the table | ||||
depositsTable.draw(); | depositsTable.draw(); | ||||
}); | }); | ||||
$('a.toggle-col').on('click', function(e) { | $('a.toggle-col').on('click', function(e) { | ||||
e.preventDefault(); | e.preventDefault(); | ||||
var column = depositsTable.column($(this).attr('data-column')); | var column = depositsTable.column($(this).attr('data-column')); | ||||
column.visible(!column.visible()); | column.visible(!column.visible()); | ||||
if (column.visible()) { | if (column.visible()) { | ||||
$(this).removeClass('col-hidden'); | $(this).removeClass('col-hidden'); | ||||
} else { | } else { | ||||
$(this).addClass('col-hidden'); | $(this).addClass('col-hidden'); | ||||
} | } | ||||
}); | }); | ||||
} | } |
Use class="btn btn-default metadata" to match other buttons design.