ankalag0n/filemon-js

Filemon JS - The JavaScript File Manager

version 1.0.0

                     INSTALATION

Copy files to your project and prepare server side scripts (see the examples and online documentation for more details)
Include all required files
1. CSS files
  - ExtJS CSS style : js/extjs/resources/css/ext-all.css
  - Filemon CSS style : js/style.css
2. JS files
  - ExtJS adapter : js/extjs/adapter/ext-base.js
  - ExtJS library : js/extjs/ext-all.js
  - (optional) ExtJS language file : js/extjs/locale/ext-lang-[your lang code].js
  - ExtJS plugins : js/extjs/plugins/data-view-plugins.js and js/extjs/plugins/BrowseButton.js
  - (optional) Filemon language file: js/locale/filemon-locale-[your lang code].js
  - Filemon JS library : js/Filemon.min.js

Write JavaScript code that will display Filemon JS widgets (see the examples and online documentation for more details):

<script type="text/javascript">
// All Filemon JS widgets can be created only after entire document was loaded
Ext.onReady(function () {
    // Create Filemon JS panel
    new Filemon.Panel({
        api : {
            defaultLink : '/link/to/server/side/scripts/:action'
        },
        width     : 800, // width and height of the panel (in pixels)
        height    : 500,
        iconsPath : 'js/images/', // path to Filemon JS image folder
        renderTo  : 'filemon-div' // id of the div where Filemon JS will be rendered
    });

    // or display Filemon JS dialog
    var win = new Filemon.Window({
        api : {
            defaultLink : '/link/to/server/side/scripts/:action'
        },
        width     : 800,
        height    : 500,
        iconsPath : 'js/images/',
        listeners : {
            // This function will be called when user will select some files
            filesselected : function (win, files) {
                win.close();
                
                alert("Selected files:\n" + files.join("\n"));
            }
        }
    });
      
    win.show(); // this will display the window
});
</script>
<div id="filemon-div"></div> <!-- dialog to render Filemon JS Panel -->

                       LICENCE

Filemon JS is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License version 3 or GNU Lesser General Public License version 3 as published by the Free Software Foundation.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License or GNU Lesser General Public License for more details.

You should have received a copy of the GNU General Public License and GNU Lesser General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA

ankalag0n / filemon-js

Filemon JS - The JavaScript File Manager

About

Languages