12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- const toggle = ele => ele.style.display = ele.style.display === 'none' ? 'block' : 'none'
- const toggleClass = (ele, class1, class2) => elem.className = elem.className === class1 ? class2 : class1
- // Download endpoint response as a file using a POST request
- const downloadContent = path => {
- const csrfToken = document.querySelector('[name=csrfmiddlewaretoken]').value
- const res = await fetch('/admin/download', {
- method: 'POST',
- body: `path=${path}`,
- headers: {
- 'Content-type': 'application/x-www-form-urlencoded',
- 'X-CSRFToken': csrfToken
- }
- }).then(async res => {
- if (res.status === 200) {
- // Try to find out the filename from the content disposition `filename` value
- const disposition = res.headers['content-disposition']
- // expe is find from django
- const filename = `${expe_name}_${disposition.split('=')[1]}`
- const blob = await res.blob()
- saveAs(blob, filename)
- }
- })
- }
- window.addEventListener('DOMContentLoaded', () => {
- // Display list of files from day folder
- document.getElementsByClassName('date-folder-list').forEach(item => {
- item.addEventListener('click', event => {
- event.preventDefault()
- currentElem = event.currentTarget
- // get list element
- list = currentElem.parentElement.nextElementSibling
-
- // display or hide list elements
- toggle(list)
- // toggle arrow class for display effect
- iconElem = currentElem.children[0]
- toggleClass(iconElem, 'fas fa-arrow-circle-right', 'fas fa-arrow-circle-down')
- })
- })
- document.getElementsByClassName('download-list').forEach(downloadElem => {
- downloadElem.addEventListener('click', event => {
- event.preventDefault()
- currentElem = event.currentTarget
- pathDownload = currentElem.getAttribute('data-download-path')
- downloadContent(pathDownload)
- })
- })
- })
|