Fix Upload and remove last part of button animation.
parent
f9699f174d
commit
973d4380df
|
@ -173,7 +173,8 @@ export default {
|
||||||
this.$store.commit('setReload', true)
|
this.$store.commit('setReload', true)
|
||||||
})
|
})
|
||||||
.catch(e => {
|
.catch(e => {
|
||||||
buttons.done('upload', false)
|
buttons.done('upload')
|
||||||
|
// TODO: show error in box
|
||||||
console.log(e)
|
console.log(e)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
|
@ -35,7 +35,8 @@ export default {
|
||||||
this.$router.push({path: url.removeLastDir(this.$route.path) + '/'})
|
this.$router.push({path: url.removeLastDir(this.$route.path) + '/'})
|
||||||
})
|
})
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
buttons.done('delete', false)
|
buttons.done('delete')
|
||||||
|
// TODO: show error in prompt
|
||||||
console.log(error)
|
console.log(error)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
@ -61,7 +62,8 @@ export default {
|
||||||
.catch(error => {
|
.catch(error => {
|
||||||
console.log(error)
|
console.log(error)
|
||||||
this.$store.commit('setReload', true)
|
this.$store.commit('setReload', true)
|
||||||
buttons.done('delete', false)
|
buttons.done('delete')
|
||||||
|
// TODO: show error in prompt
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -20,6 +20,7 @@
|
||||||
import { mapState } from 'vuex'
|
import { mapState } from 'vuex'
|
||||||
import url from '@/utils/url'
|
import url from '@/utils/url'
|
||||||
import api from '@/utils/api'
|
import api from '@/utils/api'
|
||||||
|
import buttons from '@/utils/buttons'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'move',
|
name: 'move',
|
||||||
|
@ -81,7 +82,8 @@ export default {
|
||||||
this.$router.push({page: dest})
|
this.$router.push({page: dest})
|
||||||
})
|
})
|
||||||
.catch(e => {
|
.catch(e => {
|
||||||
buttons.done('move', false)
|
buttons.done('move')
|
||||||
|
// TODO: show error in prompt
|
||||||
console.log(e)
|
console.log(e)
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
|
@ -57,7 +57,7 @@ function rm (url) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function put (url) {
|
function put (url, content = '') {
|
||||||
url = removePrefix(url)
|
url = removePrefix(url)
|
||||||
|
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
|
@ -74,7 +74,7 @@ function put (url) {
|
||||||
}
|
}
|
||||||
|
|
||||||
request.onerror = (error) => reject(error)
|
request.onerror = (error) => reject(error)
|
||||||
request.send()
|
request.send(content)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -26,26 +26,11 @@ function done (button, success = true) {
|
||||||
|
|
||||||
el.style.opacity = 0
|
el.style.opacity = 0
|
||||||
|
|
||||||
let third = () => {
|
setTimeout(() => {
|
||||||
el.innerHTML = el.dataset.icon
|
|
||||||
el.style.opacity = null
|
|
||||||
}
|
|
||||||
|
|
||||||
let second = () => {
|
|
||||||
el.style.opacity = 0
|
|
||||||
setTimeout(third, 200)
|
|
||||||
}
|
|
||||||
|
|
||||||
let first = () => {
|
|
||||||
el.classList.remove('spin')
|
el.classList.remove('spin')
|
||||||
el.innerHTML = success
|
el.innerHTML = el.dataset.icon
|
||||||
? 'done'
|
|
||||||
: 'close'
|
|
||||||
el.style.opacity = 1
|
el.style.opacity = 1
|
||||||
setTimeout(second, 200)
|
}, 200)
|
||||||
}
|
|
||||||
|
|
||||||
setTimeout(first, 200)
|
|
||||||
}
|
}
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
|
Loading…
Reference in New Issue