147 lines
3.6 KiB
JavaScript
147 lines
3.6 KiB
JavaScript
'use strict'
|
|
|
|
var tempID = '_fm_internal_temporary_id'
|
|
|
|
var templates = {}
|
|
var selectedItems = []
|
|
var overlay
|
|
var clickOverlay
|
|
|
|
// Sends a costum event to itself
|
|
Document.prototype.sendCostumEvent = function (text) {
|
|
this.dispatchEvent(new window.CustomEvent(text))
|
|
}
|
|
|
|
|
|
|
|
/* * * * * * * * * * * * * * * *
|
|
* *
|
|
* BUTTONS *
|
|
* *
|
|
* * * * * * * * * * * * * * * */
|
|
var buttons = {
|
|
previousState: {}
|
|
}
|
|
|
|
buttons.setLoading = function (name) {
|
|
if (typeof this[name] === 'undefined') return
|
|
let i = this[name].querySelector('i')
|
|
|
|
this.previousState[name] = i.innerHTML
|
|
i.style.opacity = 0
|
|
|
|
setTimeout(function () {
|
|
i.classList.add('spin')
|
|
i.innerHTML = 'autorenew'
|
|
i.style.opacity = 1
|
|
}, 200)
|
|
}
|
|
|
|
// Changes an element to done animation
|
|
buttons.setDone = function (name, success = true) {
|
|
let i = this[name].querySelector('i')
|
|
|
|
i.style.opacity = 0
|
|
|
|
let thirdStep = () => {
|
|
i.innerHTML = this.previousState[name]
|
|
i.style.opacity = null
|
|
|
|
if (selectedItems.length === 0 && document.getElementById('listing')) {
|
|
document.sendCostumEvent('changed-selected')
|
|
}
|
|
}
|
|
|
|
let secondStep = () => {
|
|
i.style.opacity = 0
|
|
setTimeout(thirdStep, 200)
|
|
}
|
|
|
|
let firstStep = () => {
|
|
i.classList.remove('spin')
|
|
i.innerHTML = success
|
|
? 'done'
|
|
: 'close'
|
|
i.style.opacity = 1
|
|
setTimeout(secondStep, 1000)
|
|
}
|
|
|
|
setTimeout(firstStep, 200)
|
|
return false
|
|
}
|
|
|
|
/* * * * * * * * * * * * * * * *
|
|
* *
|
|
* EVENTS *
|
|
* *
|
|
* * * * * * * * * * * * * * * */
|
|
|
|
function notImplemented (event) {
|
|
event.preventDefault()
|
|
clickOverlay.click()
|
|
|
|
let clone = document.importNode(templates.message.content, true)
|
|
clone.querySelector('h3').innerHTML = 'Not implemented'
|
|
clone.querySelector('p').innerHTML = "Sorry, but this feature wasn't implemented yet."
|
|
|
|
document.querySelector('body').appendChild(clone)
|
|
document.querySelector('.overlay').classList.add('active')
|
|
document.querySelector('.prompt').classList.add('active')
|
|
}
|
|
|
|
// Prevent Default event
|
|
var preventDefault = function (event) {
|
|
event.preventDefault()
|
|
}
|
|
|
|
function logoutEvent (event) {
|
|
let request = new window.XMLHttpRequest()
|
|
request.open('GET', window.location.pathname, true, 'data.username', 'password')
|
|
request.send()
|
|
request.onreadystatechange = function () {
|
|
if (request.readyState === 4) {
|
|
window.location = '/'
|
|
}
|
|
}
|
|
}
|
|
|
|
/* * * * * * * * * * * * * * * *
|
|
* *
|
|
* BOOTSTRAP *
|
|
* *
|
|
* * * * * * * * * * * * * * * */
|
|
|
|
document.addEventListener('DOMContentLoaded', function (event) {
|
|
|
|
|
|
let dropdownButtons = document.querySelectorAll('.action[data-dropdown]')
|
|
Array.from(dropdownButtons).forEach(button => {
|
|
button.addEventListener('click', event => {
|
|
button.querySelector('ul').classList.toggle('active')
|
|
clickOverlay.classList.add('active')
|
|
|
|
clickOverlay.addEventListener('click', event => {
|
|
button.querySelector('ul').classList.remove('active')
|
|
clickOverlay.classList.remove('active')
|
|
})
|
|
})
|
|
})
|
|
|
|
let mainActions = document.getElementById('main-actions')
|
|
|
|
document.getElementById('more').addEventListener('click', event => {
|
|
event.preventDefault()
|
|
event.stopPropagation()
|
|
|
|
clickOverlay.classList.add('active')
|
|
mainActions.classList.add('active')
|
|
|
|
clickOverlay.addEventListener('click', event => {
|
|
mainActions.classList.remove('active')
|
|
clickOverlay.classList.remove('active')
|
|
})
|
|
})
|
|
|
|
return false
|
|
})
|