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

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