filebrowser/_assets/src/components/NewDirPrompt.vue
Henrique Dias c7e37c09e1 Improvements and more reliability :)
Former-commit-id: 4d5ca1dd46c57e35222860a66c9f98f945fbaad7 [formerly 5a0bea68d0ddec09c95919c1ef45bdff3f602bc6] [formerly b324db325f094e5563f945c41f4f9eeb0b2df086 [formerly 698a08e1a98f49aab1d5b358ec0781975413cc72]]
Former-commit-id: 6c39601f33482edafad63f4b39e10e2720db2813 [formerly 02a9c37289ce3d27eee55f3eb3052391349adc0e]
Former-commit-id: fd29981acff35fa5428af5e1d95fe1d53bba0459
2017-06-30 17:49:05 +01:00

49 lines
1.1 KiB
Vue

<template>
<div class="prompt">
<h3>New directory</h3>
<p>Write the name of the new directory.</p>
<input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
<div>
<button class="ok" @click="submit">Create</button>
<button class="cancel" @click="$store.commit('showNewDir', false)">Cancel</button>
</div>
</div>
</template>
<script>
import page from '../utils/page'
import webdav from '../utils/webdav'
export default {
name: 'new-dir-prompt',
data: function () {
return {
name: ''
}
},
methods: {
submit: function (event) {
event.preventDefault()
if (this.new === '') return
let url = window.location.pathname + this.name + '/'
url = url.replace('//', '/')
// buttons.setLoading('newDir')
webdav.create(url)
.then(() => {
// buttons.setDone('newDir')
page.open(url)
})
.catch(e => {
// buttons.setDone('newDir', false)
console.log(e)
})
this.$store.commit('showNewDir', false)
}
}
}
</script>