add independent use init function, update readme

Author: streamtw

README.md

@@ -1,6 +1,6 @@
 [![Latest Stable Version](https://poser.pugx.org/unisharp/laravel-filemanager/v/stable)](https://packagist.org/packages/unisharp/laravel-filemanager) [![Total Downloads](https://poser.pugx.org/unisharp/laravel-filemanager/downloads)](https://packagist.org/packages/unisharp/laravel-filemanager) [![Latest Unstable Version](https://poser.pugx.org/unisharp/laravel-filemanager/v/unstable)](https://packagist.org/packages/unisharp/laravel-filemanager) [![License](https://poser.pugx.org/unisharp/laravel-filemanager/license)](https://packagist.org/packages/unisharp/laravel-filemanager)
 
-# laravel-filemanager
+# Laravel Filemanager
 
 A files and images management user interface with file uploading support. (Works well with CKEditor and TinyMCE)
 
@@ -9,9 +9,11 @@ PR is welcome!
 ## Overview
 
  * The project was forked from [tsawler/laravel-filemanager](http://packalyst.com/packages/package/tsawler/laravel-filemanager)
- * Support public and private folders for multi users
- * Customizable views, routes and middlewares
+ * Customizable routes and middlewares
  * Supported locales : en, fr, pt-BR, tr, zh-CN, zh-TW
+ * Supports public and private folders for multi users
+ * Supports multi-level folders
+ * Supports using independently(see integration doc)
 
 ## Documents
 
@@ -28,8 +30,10 @@ PR is welcome!
  * All contibutors from GitHub. (issues / PR)
  * Special thanks to
    * [@taswler](https://github.com/tsawler) the original author.
+   * [@olivervogel](https://github.com/olivervogel) for the awesome [image library](https://github.com/Intervention/image)
    * [@welcoMattic](https://github.com/welcoMattic) providing fr translations and lots of bugfixes.
    * [@fraterblack](https://github.com/fraterblack) TinyMCE 4 support and pt-BR translations.
    * [@1dot44mb](https://github.com/1dot44mb) tr translations.
-   * [@olivervogel](https://github.com/olivervogel) for the awesome [image library](https://github.com/Intervention/image)
+   * [@Nikita240](https://github.com/Nikita240) fixing controller extending errors.
+   * [@amin101](https://github.com/amin101) guide for independent use and fixes for url/directory error on Windows
    * [All @UniSharp members](https://github.com/UniSharp)

doc/config.md

@@ -1,3 +1,10 @@
+## Documents
+
+  1. [Installation](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/installation.md)
+  1. [Intergration](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/integration.md)
+  1. [Config](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/config.md)
+  1. [Customization](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/customization.md)
+
 ## Config
 
 In `config/lfm.php` :

doc/customization.md

@@ -1,6 +1,19 @@
+## Documents
+
+  1. [Installation](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/installation.md)
+  1. [Intergration](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/integration.md)
+  1. [Config](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/config.md)
+  1. [Customization](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/customization.md)
+
 ## Customization
 
-1. If the route is changed, make sure urls below is correspond to your route :
+Feel free to customize the routes and views if your need.
+
+### Routes
+
+1. Copy the routes in src/routes.php
+
+1. Make sure urls below is correspond to your route :
 
   CKEditor
     ```javascript
@@ -25,8 +38,10 @@
         }
         ...
     ```
-    
-1. To customize the views :
+
+### Views
+
+1. Copy the views form src/views/ :
 
     on Linux :
 

doc/installation.md

@@ -1,3 +1,10 @@
+## Documents
+
+  1. [Installation](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/installation.md)
+  1. [Intergration](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/integration.md)
+  1. [Config](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/config.md)
+  1. [Customization](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/customization.md)
+
 ## Requirements
 
  * php >= 5.5

doc/integration.md

@@ -1,3 +1,10 @@
+## Documents
+
+  1. [Installation](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/installation.md)
+  1. [Intergration](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/integration.md)
+  1. [Config](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/config.md)
+  1. [Customization](https://github.com/UniSharp/laravel-filemanager/blob/master/doc/customization.md)
+
 ## WYSIWYG Editor Integration:
 ### Option 1: CKEditor
 
@@ -80,34 +87,31 @@
 
 ##Independent use
 
-If you are going to use filemanager independently,meaning set the value of an input to selected photo/file url,follow this structure:
-
-1. create a popup window or modal(whatever you like):
-
-```html
-    <a href="/laravel-filemanager" id="feature-img-container"><img src="no_photo.jpg"></a>
-  <input name="thumbnail" type="hidden" id="thumbnail">
-``` 
-
-```javascript
-    $('#feature-img-container').on('click', function(e)
-   {
-
-        window.open(this.href, 'Filemanager', 'width=900,height=600');
+If you are going to use filemanager independently, meaning set the value of an input to selected photo/file url, follow this structure:
 
-        return false;
-   });
-```
+1. Create a button, input, and image preview holder if you are going to choose images.
 
-2. define a function named `SetUrl`:
+    Specify the id to the input and image preview by `data-input` and `data-preview`.
 
-```javascript
-    function SetUrl(url){
+    ```html
+        <div class="input-group">
+          <span class="input-group-btn">
+            <a id="lfm" data-input="thumbnail" data-preview="holder" class="btn btn-primary">
+              <i class="fa fa-picture-o"> Choose
+            </a>
+          </span>
+          <input id="thumbnail" class="form-control" type="text" name="filepath">
+        </div>
+        <img id="holder" style="margin-top:15px;max-height:100px;">
+    ``` 
+
+1. Init filemanager with type. (required jQuery)
+
+    ```javascript
+        $('#lfm').filemanager('image');
+    ```
+    or
 
-    //set the value of the desired input to image url,often this is a hidden input
-      $('#thumbnail').val(url);
-    
-    //set or change the feature image src,recall wordpress feature image
-      $('#feature-img-container').find('img').attr('src',url);
-    }
-```
+    ```javascript
+        $('#lfm').filemanager('file');
+    ```

public/js/lfm.js

@@ -0,0 +1,33 @@
+(function( $ ){
+
+    $.fn.filemanager = function(type = 'image') {
+
+        if (type === 'image' || type === 'images') {
+            type = 'Images';
+        } else {
+            type = 'Files';
+        }
+
+        let input_id = this.data('input');
+        let preview_id = this.data('preview');
+
+        this.on('click', function(e) {
+            localStorage.setItem('target_input', input_id);
+            localStorage.setItem('target_preview', preview_id);
+            window.open('/laravel-filemanager?type=' + type, 'FileManager', 'width=900,height=600');
+            return false;
+        });
+    }
+
+})(jQuery);
+
+
+function SetUrl(url){
+  //set the value of the desired input to image url
+  let target_input = $('#' + localStorage.getItem('target_input'));
+  target_input.val(url);
+
+  //set or change the preview image src
+  let target_preview = $('#' + localStorage.getItem('target_preview'));
+  target_preview.attr('src',url);
+}