Awesome
CI-File-Browser-Awesome
<p>Today we want to share a cool experiment with you. It is a file browser awesome, which you can upload to a folder somewhere on your site and share documents, pictures and other files with the world. The app is built with PHP, jQuery, fontawesome and uses CSS3.</p> <h2>USAGE:</h2> <h3>CSS</h3> <pre> <!-- Include Font Awesome --> <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"><!-- Codemirror --> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/codemirror.min.css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/addon/dialog/dialog.min.css">
<!-- Custom Style --> <link type="text/css" rel="stylesheet" href="asset/css/fba.css" /> </pre>
<h3>HTML</h3> <pre> <div id="fba"></div> </pre> <h3>JS</h3> <pre> <!-- Codemirror --> <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/codemirror.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/mode/xml/xml.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/mode/javascript/javascript.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/mode/css/css.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/mode/htmlmixed/htmlmixed.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/addon/dialog/dialog.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/addon/search/searchcursor.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/4.3.0/addon/search/search.min.js"></script><!-- Include jQuery --> <script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
<!-- Include fba.js --> <script src="asset/js/fba.js"></script> </pre> <br>
<h2>CONFIG:</h2> <h3>1. application/controllers/fba.php</h3> <pre> $opt = array( 'dir' => 'dir1/dir2' // nama folder yang akan di scan );// Load class fba_lib.php $fba = $this->load->library('fba_lib', $opt); </pre>
<h3>2. Javascript code in application/views/demo.php.</h3> <pre> fba({ host: 'http://your-domain.com/', // your host / domain api: 'fba' // controllers name fba api }); </pre> <h1><a href="http://ibacor.com/file" target="_blank">DEMO</a></h1>