feat: download data preview modal
This commit is contained in:
@@ -20,13 +20,46 @@ export default class extends Controller {
|
||||
// Here you can add event listeners on the element or target elements,
|
||||
// add or remove classes, attributes, dispatch custom events, etc.
|
||||
// this.fooTarget.addEventListener('click', this._fooBar)
|
||||
// this.element.addEventListener('click', (event) => {
|
||||
// let previewContentModal = document.querySelector('#previewContentModal');
|
||||
// // previewContentModal.setHeading(event.target.dataset['title']);
|
||||
// // previewContentModal.setContent('<p>Testing this here thingy-ma-bob!</p>');
|
||||
// // previewContentModal.showModal();
|
||||
// let content, heading = ""
|
||||
// if (event.target.tagName !== "TR") {
|
||||
// content = event.target.parentElement.previewContent();
|
||||
// heading = event.target.parentElement.mediaTitle;
|
||||
// } else {
|
||||
// content = event.target.previewContent();
|
||||
// heading = event.target.mediaTitle;
|
||||
// }
|
||||
//
|
||||
// document.dispatchEvent(new CustomEvent('showPreviewContentModal', {detail: {heading: heading, content: content}}))
|
||||
// })
|
||||
}
|
||||
|
||||
downloadTargetConnected(target) {
|
||||
let downloads = this.element.querySelectorAll('tbody tr');
|
||||
if (downloads.length > 5) {
|
||||
target.classList.add('hidden');
|
||||
}
|
||||
|
||||
console.log(target)
|
||||
|
||||
downloads.forEach(download => {
|
||||
console.log(download)
|
||||
download.mediaTitle = download.getAttribute('media-title');
|
||||
download.addEventListener('click', (event) => {
|
||||
// let previewContentModal = document.querySelector('#previewContentModal');
|
||||
let content, heading = ""
|
||||
if (event.target.tagName !== "TR") {
|
||||
content = event.target.parentElement.previewContent();
|
||||
heading = event.target.parentElement.mediaTitle;
|
||||
} else {
|
||||
content = event.target.previewContent();
|
||||
heading = event.target.mediaTitle;
|
||||
}
|
||||
|
||||
document.dispatchEvent(new CustomEvent('showPreviewContentModal', {detail: {heading: heading, content: content}}))
|
||||
})
|
||||
})
|
||||
}
|
||||
|
||||
pauseDownload(data) {
|
||||
|
||||
Reference in New Issue
Block a user