filebrowser/_assets/src/components/NewFilePrompt.vue
Henrique Dias 4f964faf6e More vue updates
Former-commit-id: ec29aa7447e3ad1c90dea24e94072d51f212333e [formerly d370cb523dde06fb6d5aab614bf6ec1d94097363] [formerly bbabc4da0a6128b3bd8ecfa226156c9c2be7297e [formerly 2789ff2161cb4c1b1dc51282cb7aaa539a272966]]
Former-commit-id: fb3ae368534aa2bd7cc08283463ac9d8e0d1d825 [formerly efbb60cc4dd2856bbc004fcbdc0567540c72f5b3]
Former-commit-id: d0c3699029c88a3ed2a8f5ab72c70d0f5289292d
2017-06-30 10:25:35 +01:00

49 lines
1.1 KiB
Vue

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