<urban-bucket-filemanager>
|
|
<div class="bucket-filemanager">
|
|
<div>
|
|
<div each={ file in props.files }>
|
|
<urban-filemanager-file if={ file.is_file } file={ file }></urban-filemanager-file>
|
|
|
|
<div class="bucket-filemanager__filename" if={ file !== '.' && file !== '..' }>
|
|
<input type="checkbox" value="true" />
|
|
</div>
|
|
<div class="bucket-filemanager__filename">
|
|
{ file }
|
|
</div>
|
|
<div class="bucket-filemanager__meta" if={ file !== '.' && file !== '..' }>
|
|
|
|
</div>
|
|
<div class="bucket-filemanager__actions" if={ file !== '.' && file !== '..' }>
|
|
<span onclick={ handleDeleteFile }>
|
|
delete
|
|
</span>
|
|
<span onclick={ handleDownloadFile }>
|
|
download
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
|
|
import axios from 'axios'
|
|
|
|
export default {
|
|
|
|
onBeforeMount() {
|
|
|
|
},
|
|
|
|
handleClickFile() {
|
|
console.log('dd')
|
|
},
|
|
|
|
handleDblclickFile() {
|
|
console.log('dd2')
|
|
},
|
|
|
|
handleDeleteFile() {
|
|
|
|
},
|
|
|
|
handleDownloadFile() {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|
|
</urban-bucket-filemanager>
|