Simple plugin file browser for codeigniter
Switch branches/tags
Nothing to show
Clone or download
Latest commit 62575dd Feb 10, 2017
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
application fix empty directory Feb 10, 2017
asset v0.2.0 Dec 20, 2016
files Create tes.html Dec 20, 2016
LICENSE Initial commit Apr 15, 2015
README.md Update README.md Dec 20, 2016

README.md

CI-File-Browser-Awesome

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.

USAGE:

CSS

<!-- 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" />

HTML

<div id="fba"></div>

JS

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


CONFIG:

1. application/controllers/fba.php

$opt = array(
   'dir' => 'dir1/dir2' // nama folder yang akan di scan
);

// Load class fba_lib.php $fba = $this->load->library('fba_lib', $opt);

2. Javascript code in application/views/demo.php.

fba({
   host: 'http://your-domain.com/', // your host / domain
   api: 'fba' // controllers name fba api
});

DEMO