https://github.com/bachors/CI-FIle-Browser-Awesome

Simple plugin file browser for codeigniter
https://github.com/bachors/CI-FIle-Browser-Awesome

List: CI-FIle-Browser-Awesome

Last synced: 3 days ago
JSON representation

Simple plugin file browser for codeigniter

• Host: GitHub
• URL: https://github.com/bachors/CI-FIle-Browser-Awesome
• Owner: bachors
• License: mit
• Created: 2015-04-15T10:45:47.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2020-08-14T11:31:22.000Z (about 4 years ago)
• Last Synced: 2024-05-22T05:00:38.358Z (6 months ago)
• Language: JavaScript
• Homepage: https://bachors.github.io/jquery-file-browser-awesome/
• Size: 36.1 KB
• Stars: 22
• Watchers: 5
• Forks: 14
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-codeigniter - CI-FIle-Browser-Awesome - Simple plugin file browser for CodeIgniter with jQuery. (Libraries)

README

        
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