Page MenuHomePhorge
Files F120823402

utils.js
No OneTemporary
Actions

Authored By
Unknown
Size
3 KB
Referenced Files
None
Subscribers
None

utils.js
View Options

/**
* Clear (bootstrap) form validation state
*/
const clearFormValidation = (form) => {
$(form).find('.is-invalid').removeClass('is-invalid')
$(form).find('.invalid-feedback').remove()
}
/**
* File downloader
*/
const downloadFile = (url, filename) => {
// TODO: This might not be a best way for big files as the content
// will be stored (temporarily) in browser memory
// TODO: This method does not show the download progress in the browser
// but it could be implemented in the UI, axios has 'progress' property
axios.get(url, { responseType: 'blob' })
.then(response => {
const link = document.createElement('a')
if (!filename) {
const contentDisposition = response.headers['content-disposition']
filename = 'unknown'
if (contentDisposition) {
const match = contentDisposition.match(/filename="?(.+)"?/);
if (match && match.length === 2) {
filename = match[1];
}
}
}
link.href = window.URL.createObjectURL(response.data)
link.download = filename
link.click()
})
}
/**
* Create an object copy with specified properties only
*/
const pick = (obj, properties) => {
let result = {}
properties.forEach(prop => {
if (prop in obj) {
result[prop] = obj[prop]
}
})
return result
}
const loader = '<div class="app-loader"><div class="spinner-border" role="status"><span class="visually-hidden">Loading</span></div></div>'
let isLoading = 0
/**
* Display the 'loading...' element, lock the UI
*
* @param array|string|DOMElement|null|bool|jQuery $element Supported input:
* - DOMElement or jQuery collection or selector string: for element-level loader inside
* - array: for element-level loader inside the element specified in the first array element
* - undefined, null or true: for page-level loader
* @param object $style Additional element style
*/
const startLoading = (element, style = null) => {
let small = false
if (Array.isArray(element)) {
style = element[1]
element = element[0]
}
if (element && element !== true) {
// The loader inside some page element
small = true
if (style) {
small = style.small
delete style.small
$(element).css(style)
} else {
$(element).css('position', 'relative')
}
} else {
// The full page loader
isLoading++
let loading = $('#app > .app-loader').removeClass('fadeOut')
if (loading.length) {
return
}
element = $('#app')
}
const loaderElement = $(loader)
if (small) {
loaderElement.addClass('small')
}
$(element).append(loaderElement)
return loaderElement
}
/**
* Hide the "loading" element
*
* @param array|string|DOMElement|null|bool|jQuery $element
* @see startLoading()
*/
const stopLoading = (element) => {
if (element && element !== true) {
if (Array.isArray(element)) {
element = element[0]
}
$(element).find('.app-loader').remove()
} else if (isLoading > 0) {
$('#app > .app-loader').addClass('fadeOut')
isLoading--;
}
}
export {
clearFormValidation,
downloadFile,
pick,
startLoading,
stopLoading
}

File Metadata

Mime Type
text/plain
Expires
Fri, Apr 24, 10:05 AM (5 d, 20 h ago)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
18855246
Default Alt Text
utils.js (3 KB)

Event Timeline