')
+ prtWindow.print()
+ prtWindow.close()
+}
+
+// helper for modal clipboard copy
+function copyModal (title) {
+ const el = document.querySelector('.dtr-details')
+ const body = document.body
+ let range
+ let sel
+ if (document.createRange && window.getSelection) {
+ range = document.createRange()
+ sel = window.getSelection()
+ sel.removeAllRanges()
+ try {
+ range.selectNodeContents(el)
+ sel.addRange(range)
+ } catch (e) {
+ range.selectNode(el)
+ sel.addRange(range)
+ }
+ } else if (body.createTextRange) {
+ range = body.createTextRange()
+ range.moveToElementText(el)
+ range.select()
+ }
+ document.execCommand('copy')
+ window.getSelection().removeAllRanges()
+}
+
+// force column auto width adjustment to kick in
+// used by "Autofit columns" button
+function fitColText () {
+ const dt = $('#dtprv').DataTable({ retrieve: true })
+ if (gcurrentView === 'list') {
+ dt.responsive.recalc()
+ }
+ dt.columns.adjust().draw(false)
+}
+
+// ensure element id is valid
+function validateId (id) {
+ id = id.toLowerCase()
+ // Make alphanumeric (removes all other characters)
+ id = id.replace(/[^a-z0-9_\s-]/g, '')
+ // Convert whitespaces and underscore to #
+ id = id.replace(/[\s_]/g, '#')
+ // Convert multiple # to hyphen
+ id = id.replace(/[#]+/g, '-')
+ return id
+}
+
+// compile sort & active filters for display in print, clipboard copy & search tooltip
+function filterInfo (dt, noHtml = false, justFilterInfo = false, wrapped = false) {
+ let filtermsg = justFilterInfo ? '' : document.getElementById('dtprv_info').innerText
+
+ const selinfo = document.getElementsByClassName('select-info')[0]
+
+ if (selinfo !== undefined) {
+ filtermsg = filtermsg.replace(selinfo.innerText, ', ' + selinfo.innerText)
+ }
+
+ // add active filter info to messageTop
+ if (gsearchMode === 'table') {
+ filtermsg = filtermsg + ' ' + gtableSearchText + ': ' + dt.search()
+ } else if (gsearchMode === 'column') {
+ let colsearchflag = false
+ let colsearchmsg = ''
+ dt.columns().every(function () {
+ const colsearch = this.search()
+ const colname = this.name()
+
+ if (colsearch) {
+ colsearchflag = true
+ colsearchmsg = colsearchmsg + ' ' + colname + ': ' + colsearch + ', '
+ }
+ })
+ if (colsearchflag) {
+ filtermsg = filtermsg + ' ' + gcolFilterText + ': ' + colsearchmsg.slice(0, -2)
+ }
+ }
+ filtermsg = justFilterInfo ? filtermsg : filtermsg + ' ' + gsortInfo
+ filtermsg = noHtml ? filtermsg.replace(/(<([^>]+)>)/ig, '') : filtermsg
+ filtermsg = wrapped ? filtermsg.replace(/,/g, '\n') : filtermsg
+ return filtermsg.trim()
+};
+
+// Copy deeplink to clipboard
+function copyLink (dt, deeplink, shareText, sharemsgText) {
+ const hiddenDiv = $('')
+ .css({
+ height: 1,
+ width: 1,
+ overflow: 'hidden',
+ position: 'fixed',
+ top: 0,
+ left: 0
+ })
+
+ const textarea = $('')
+ .val(deeplink)
+ .appendTo(hiddenDiv)
+
+ // save & deselect rows, so we copy the link, not the rows
+ const selectedRows = dt.rows({ selected: true })[0]
+ dt.rows().deselect()
+
+ hiddenDiv.appendTo(dt.table().container())
+ textarea[0].focus()
+ textarea[0].select()
+
+ hiddenDiv.appendTo(dt.table().container())
+ textarea[0].focus()
+ textarea[0].select()
+ // use copy execCommand to copy link to clipboard
+ const successful = document.execCommand('copy')
+ hiddenDiv.remove()
+
+ if (successful) {
+ dt.buttons.info(shareText, sharemsgText, 2000)
+ }
+ dt.rows(selectedRows).select()
+}
+
+// helper for hiding search inputs for list/responsive mode
+function hideSearchInputs (columns) {
+ for (let i = 0; i < columns.length; i++) {
+ if (columns[i]) {
+ $('#cdx' + i).show()
+ } else {
+ $('#cdx' + i).hide()
+ }
+ }
+ $('#_colspacerfilter').hide()
+}
+
+// helper for setting up filterObserver
+function initFilterObserver () {
+ // if no filter is active, toggle filter tooltip as required
+ // this is less expensive than querying the DT api to check global filter and each column
+ // separately for filter status. Here, we're checking if an open parenthesis is in the filter info,
+ // which indicates that there is a filter active, regardless of language
+ // (e.g. "4 of 1000 entries (filtered from...)")
+ const filterObserver = new MutationObserver(function (e) {
+ const infoText = document.getElementById('dtprv_info').innerText
+ if (!infoText.includes('(')) {
+ document.getElementById('filterinfoicon').style.visibility = 'hidden'
+ } else {
+ document.getElementById('filterinfoicon').style.visibility = 'visible'
+ }
+ })
+ try {
+ filterObserver.observe(document.getElementById('dtprv_info'), { characterData: true, subtree: true, childList: true })
+ } catch (e) {}
+}
+
+// helper for converting links in text into clickable links
+const linkify = (input) => {
+ let text = input
+ const linksFound = text.match(/(\b(https?)[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig)
+ const links = []
+ if (linksFound != null) {
+ if (linksFound.length === 1 && input.match(/\.(jpeg|jpg|gif|png|svg|apng|webp|avif)$/)) {
+ // the whole text is just one link and its a picture, create a thumbnail
+ text = '
'
+ return { text: text, links: linksFound }
+ }
+ for (let i = 0; i < linksFound.length; i++) {
+ links.push('' + linksFound[i] + '')
+ text = text.split(linksFound[i]).map(item => { return item }).join(links[i])
+ }
+ return { text: text, links: linksFound }
+ } else {
+ return { text: input, links: [] }
+ }
+}
+
+// helper to protect against uncontrolled HTML input
+const esc = function (t) {
+ return t
+ .replace(/&/g, '&')
+ .replace(//g, '>')
+ .replace(/"/g, '"')
+}
+
+function responsiveModalSettings (that, packagename, resourcename) {
+ return {
+ details: {
+ display: $.fn.dataTable.Responsive.display.modal({
+ header: function (row) {
+ // add clipboard and print buttons to modal record display
+ var data = row.data();
+ return 'Details:
' +
+ '' +
+ '' +
+ '
'
+ }
+ }),
+ // render the Record Details in a modal dialog box
+ // do not render the _colspacer column, which has the 'none' class
+ // the none class in responsive mode forces the _colspacer column to be hidden
+ // guaranteeing the blue record details button is always displayed, even for narrow tables
+ // also, when a column's content has been truncated with an ellipsis, show the untruncated content
+ renderer: function (api, rowIdx, columns) {
+ const data = $.map(columns, function (col, i) {
+ return col.className !== ' none'
+ ? '