|
@ -1,7 +1,7 @@ |
|
|
<urban-filemanager> |
|
|
<urban-filemanager> |
|
|
<div class="bucket-filemanager"> |
|
|
<div class="bucket-filemanager"> |
|
|
<div class="file-table"> |
|
|
<div class="file-table"> |
|
|
<urban-filemanager-parent></urban-filemanager-parent> |
|
|
|
|
|
|
|
|
<urban-filemanager-parent handleClick={ handleParentClick } if={ state.path.length > 0 }></urban-filemanager-parent> |
|
|
<template each={ file in state.files }> |
|
|
<template each={ file in state.files }> |
|
|
<urban-filemanager-file |
|
|
<urban-filemanager-file |
|
|
if={ file.is_file } |
|
|
if={ file.is_file } |
|
@ -52,12 +52,29 @@ |
|
|
/** |
|
|
/** |
|
|
* |
|
|
* |
|
|
* |
|
|
* |
|
|
|
|
|
* @param {object} event |
|
|
* |
|
|
* |
|
|
*/ |
|
|
*/ |
|
|
handleDirectoryClick(event, file) { |
|
|
|
|
|
|
|
|
handleParentClick(event) { |
|
|
|
|
|
this.state.path.pop() |
|
|
|
|
|
this.files() |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
|
* |
|
|
|
|
|
* |
|
|
|
|
|
* |
|
|
|
|
|
*/ |
|
|
|
|
|
handleDirectoryClick(event, file) { |
|
|
this.state.path.push(file) |
|
|
this.state.path.push(file) |
|
|
|
|
|
this.files() |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
|
* |
|
|
|
|
|
* |
|
|
|
|
|
*/ |
|
|
|
|
|
files() { |
|
|
axios.get('/api/file/' + this.props.id, { |
|
|
axios.get('/api/file/' + this.props.id, { |
|
|
params: { |
|
|
params: { |
|
|
path: this.state.path.join('/') |
|
|
path: this.state.path.join('/') |
|
@ -68,9 +85,13 @@ |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
/** |
|
|
|
|
|
* |
|
|
|
|
|
* |
|
|
|
|
|
*/ |
|
|
handleMarked() { |
|
|
handleMarked() { |
|
|
console.log('ddd') |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
console.log('marked') |
|
|
|
|
|
}, |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
</script> |
|
|
</script> |