urban-filehub/resources/js/components/filemanager/filemanager.riot

<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>