You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.5 KiB
60 lines
1.5 KiB
<urban-filemanager>
|
|
<div class="bucket-filemanager">
|
|
<div class="file-table">
|
|
<urban-filemanager-parent></urban-filemanager-parent>
|
|
<template each={ file in props.files }>
|
|
<urban-filemanager-file
|
|
if={ file.is_file }
|
|
file={ file }
|
|
handleClick={ handleDirectoryClick }
|
|
handleMarked={ handleMarked }
|
|
></urban-filemanager-file>
|
|
<urban-filemanager-directory
|
|
if={ !file.is_file }
|
|
file={ file }
|
|
handleClick={ handleFileClick }
|
|
handleMarked={ handleMarked }
|
|
></urban-filemanager-directory>
|
|
</template>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
|
|
import axios from 'axios'
|
|
|
|
import File from './file.riot'
|
|
import Directory from './directory.riot'
|
|
import Parent from './parent.riot'
|
|
|
|
riot.register('urban-filemanager-file', File)
|
|
riot.register('urban-filemanager-directory', Directory)
|
|
riot.register('urban-filemanager-parent', Parent)
|
|
|
|
export default {
|
|
|
|
handleFileClick() {
|
|
|
|
},
|
|
|
|
/**
|
|
*
|
|
*
|
|
*
|
|
*/
|
|
handleDirectoryClick(event, file) {
|
|
axios.get('/api/', {
|
|
params: {
|
|
filename: file.filename
|
|
}
|
|
}).then((response) => {
|
|
|
|
})
|
|
},
|
|
|
|
handleMarked() {
|
|
console.log('ddd')
|
|
}
|
|
}
|
|
|
|
</script>
|
|
</urban-filemanager>
|