Dosiero

File manager for web

This repo contains only client. Full integration requires server part https://github.com/zdenekgebauer/dosiero-php

Features

jQuery nor other javascript frameworks are not required
Allows multiple repositories (eg for different local folders or FTP)
Appearance and layout can be customized using custom css files. CSS for Win10 and MacOS (light and dark theme) are included.

Installation

npm install --save @zdenekgebaeur/dosiero

Usage


    <iframe id="iframe1"></iframe>
<script type="module">
    import {Dosiero} from '../node_modules/@zdenekgebauer/dosiero/dist/dosiero.esm.min.js';

    document.addEventListener('DOMContentLoaded', () => {
        new Dosiero({
            mode: Dosiero.MODE_IFRAME,
            endpoint: window.location.origin + '/endpoint/',
            iframe: document.getElementById('iframe1'),
        });
    });
</script>

Demos

ES module ES module in iframe
UMD module UMD module in iframe
new window ES module in new window
TinyMCE using as plugin for TinyMCE 5
CKEditor using as plugin for CKEditor 4
MacOS theme using builtin MacOS theme
custom theme using customized layout and theme
theme by OS choosing theme by operating system

Customization


    new Dosiero({
        mode: 'iframe', // 'iframe' or 'window'
        endpoint: window.location.origin + '/endpoint/',
        iframe: document.getElementById('iframe1'), // required for mode 'iframe'
        theme: window.location.origin + '/some/custom.css',
        filesAs: 'tiles', // prefered mode 'list' or 'tiles'
        // custom translations
        translations: {
            "buttonUploadAbort": "Abort",
            "buttonUploadAbortAll": "Abort all",
            "buttonUpload": "Upload",
            "buttonNewFolder": "New folder",
            "buttonCreate": "Create",
            "buttonReload": "Reload",
            "buttonDelete": "Delete",
            "buttonRename": "Rename",
            "buttonCopy": "Copy",
            "buttonMove": "Move",
            "buttonFilesList": "List",
            "buttonFilesTiles": "Tiles",
            "labelName": "Name:",
            "labelSearch": "Search:",
            "buttonSelectFile": "OK",
            "buttonClose": "Close",
            "headerNewFolder": "Create new folder",
            "headerRename": "Rename",
            "headerMessage": "Message",
            "headerCopy": "Copy to",
            "headerMove": "Move to",
            "headerUpload": "Uploading",
            "txtFiles": "files",
            'txtReallyDelete': "Do you really want to delete?",
            'txtUploadAborted': "Canceled",
        }
    });