Merge pull request #1 from nauvalazhar/dev-master

Beta version is ready

Author: nauvalazhar

README.md

@@ -1,2 +1,111 @@
-# midia
-Simple Media manager for your Laravel project
+# Midia (Beta)
+Simple media manager for your Laravel project. This package lets you open your files as inline modal.
+
+# Features
+- Fully responsive
+- Read, rename, delete file
+- Infinite scroll
+- Search
+- Upload multiple
+- More ...
+
+# Requirements
+- PHP >= 5.6.4
+- jQuery >= 1.12
+- Dropzone.js
+- Laravel 5
+
+# Tested
+- [ ] Laravel 5.5
+- [x] Laravel 5.4 
+- [ ] Laravel 5.3 
+- [ ] Laravel 5.2 
+- [ ] Laravel 5.1 
+- [ ] Laravel 5.0 
+
+~~ # Installation (Development Mode)
+This package is still available for development only, not ready for production mode 'cause as it has to do testing to find some bugs and compatibility.
+1. Create a new folder `packages/nauvalazhar`
+2. Clone this package inside `packages/nauvalazhar`
+3. Add these lines manually in the `autoload` key in your `composer.json` file
+```
+"psr-4": {
+    "Nauvalazhar\\Midia\\": "packages/nauvalazhar/midia/src/"
+},
+```
+4. Run `composer dump-autoload`
+5. Done~~
+
+Now, this package is available for production but still beta, need further testing. You can install this package using these steps.
+1. Run `composer require nauvalazhar/midia`
+2. Put this line into `config/app.php` in the `providers`
+```
+        Nauvalazhar\Midia\MidiaServiceProvider::class,
+```
+3. Done
+
+
+# Usage
+1. Run `php artisan vendor:publish --tag=midia`
+2. Add these lines before the `</head>` tag
+```
+	<link rel="stylesheet" href="{{asset('vendor/midia/midia.css')}}">
+	<link rel="stylesheet" href="{{asset('vendor/midia/dropzone.css')}}">
+```
+3. Add these lines before the `</body>` tag
+```
+	<script src="{{asset('vendor/midia/dropzone.js')}}"></script>
+	<script src="{{asset('vendor/midia/midia.js')}}"></script>
+```
+
+# Integration
+Here we have documented how to use it with TinyMCE 4 and as a stand-alone button. But, you can also try it yourself to be integrated with other editors like: CKEditor, Summernote, etc.
+
+If you successfully integrate with other editors, then you can either create `issue` or change the `readme.md` file to document how you do it.
+
+### TinyMCE 4
+```
+<textarea class="tinymce"></textarea>
+<script>
+	  var editor_config = {
+	    path_absolute : "{{url('')}}/",
+	    selector: "textarea.tinymce",
+	    plugins: [
+	      "advlist autolink lists link image charmap print preview hr anchor pagebreak",
+	      "searchreplace wordcount visualblocks visualchars code fullscreen",
+	      "insertdatetime media nonbreaking save table contextmenu directionality",
+	      "emoticons template paste textcolor colorpicker textpattern"
+	    ],
+	    toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media",
+	    relative_urls: false,
+	    file_browser_callback : function(field_name, url, type, win) {
+	      var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
+	      var y = window.innerHeight|| document.documentElement.clientHeight|| document.getElementsByTagName('body')[0].clientHeight;
+
+	      var cmsURL = editor_config.path_absolute + 'midia/open/tinymce4?field_name=' + field_name;
+
+	      tinyMCE.activeEditor.windowManager.open({
+	        file : cmsURL,
+	        title : 'Filemanager',
+	        width : x * 0.8,
+	        height : y * 0.8,
+	        resizable : "yes",
+	        close_previous : "no"
+	      });
+	    }
+	  };
+
+	  tinymce.init(editor_config);
+</script>
+```
+### Standalone Button
+```
+<input type="text" id="my-file">
+<button class="midia-toggle">Select File</button>
+
+<script>
+	$(".midia-toggle").midia({
+		base_url: '{{url('')}}'
+	});
+</script>
+```

composer.json

@@ -0,0 +1,21 @@
+{
+    "name": "nauvalazhar/midia",
+    "description": "Simple Media manager for your Laravel project",
+    "type": "library",
+    "license": "MIT",
+    "authors": [
+        {
+            "name": "Muhamad Nauval Azhar",
+            "email": "nauvalazhar2@gmail.com"
+        }
+    ],
+    "require": {},
+    "autoload": {
+        "classmap": [
+            "src"
+        ],
+        "psr-4": {
+            "Nauvalazhar\\Midia\\": "src/"
+        }
+    }
+}

src/Config/midia.php

@@ -0,0 +1,8 @@
+<?php
+return [
+	// Target diirectory
+	'directory' => storage_path('media'),
+	// For URL (e.g: http://base/media/filename.ext)
+	'directory_name' => 'media',
+	'prefix' => 'midia'
+];

src/Controller/MidiaController.php

@@ -0,0 +1,130 @@
+<?php
+namespace Nauvalazhar\Midia\Controller;
+
+use Illuminate\Routing\Controller;
+use Illuminate\Http\Request;
+use File;
+
+class MidiaController extends Controller {
+	protected $directory;
+	protected $directory_name;
+
+	public function __construct() {
+		$this->directory = config('midia.directory', storage_path('media'));
+		$this->directory_name = config('midia.directory_name', 'media');		
+	}
+
+	public function index($limit) {
+		$dir = $this->directory;
+		$q = request()->key;
+
+		if(!is_dir($dir)) {
+			return response(['data' => 'Directory can\'t be found'], 404);
+		}
+
+		$exec = scandir($dir);
+		$exec = array_splice($exec, 2);
+
+		$files = [];
+		foreach($exec as $file) {
+			$files[$file] = filemtime($dir . '/' . $file);
+		}
+
+		arsort($files);
+		$files = array_keys($files);
+		$exec = $files;
+
+		$_files = [];
+		foreach($exec as $i => $item) {
+			if(!is_dir($this->directory . '/' . $item)) {			
+				$_files[$i]['fullname'] = $item;
+				$_files[$i]['name'] = pathinfo($item, PATHINFO_FILENAME);
+				$_files[$i]['url'] = url($this->directory_name . '/' . $item);
+				$_files[$i]['extension'] = pathinfo($item,PATHINFO_EXTENSION);
+				$_files[$i]['size'] = $this->toMb(filesize($this->directory . '/' . $item));
+				$_files[$i]['filetime'] = filemtime($this->directory . '/' . $item);
+			}
+		}
+
+		$total_all = count($_files);
+
+		if(isset($q) && trim($q) !== '') {
+			$_search = [];
+			foreach($_files as $key => $file) {
+				if(strpos($file['fullname'], $q) !== false) {
+					$_search[$key] = $file;
+				}
+			}
+			$_files = $_search;
+		}
+
+		$page = $limit;
+		$perPage = 20;
+		$offset = ($page * $perPage) - $perPage;
+
+		$exec = array_slice($_files, $offset, $perPage);
+		$dir = json_encode(["files" => $exec, "total" => count($_files), "total_all" => $total_all]);
+
+		return response($dir, 200)
+		->header('Content-Type', 'application/json');
+	}
+
+	public function toMb($bytes) {
+		for ($i=0;$bytes>=1024&&$i<5;$i++)
+			$bytes/=1024;
+		
+		return round($bytes,2).[' B',' KB',' MB',' GB',' TB',' PB'][$i];
+	}
+
+	public function open($editor) {
+		return view('midia::app', compact('editor'));
+	}
+
+	public function delete($file) {
+		unlink($this->directory . '/' . $file);
+		return response(['data' => 'ok'], 200)
+		->header('Content-Type', 'application/json');	
+	}
+
+	public function upload(Request $request) {
+        $file = $request->file('file');
+        $fileName = $file->getClientOriginalName();
+    	$wo_extension = basename($fileName, "." . $file->getClientOriginalExtension());
+
+        $inc = 1;
+        while(file_exists($this->directory . '/' . $fileName)) {
+        	$name = $wo_extension . '-' . $inc;
+        	$fileName = $name . '.' . $file->getClientOriginalExtension();
+        	$inc++;
+        }
+        $file->move($this->directory, $fileName);
+        return response()->json(['success'=>$fileName]);
+	}
+
+	public function rename(Request $request, $file) {
+		$fileName = $request->newName;
+    	$wo_extension = pathinfo($fileName, PATHINFO_FILENAME);
+    	$_extension = explode(".", $fileName);
+    	$extension = end($_extension);
+
+        $inc = 1;
+        while(file_exists($this->directory . '/' . $fileName)) {
+        	$name = $wo_extension . '-' . $inc;
+        	$fileName = $name . '.' . $extension;
+        	$inc++;
+        }
+
+		rename($this->directory . '/' . $file, $this->directory . '/' . $fileName);
+
+		$new_data = [];
+		$new_data['fullname'] = $fileName;
+		$new_data['name'] = pathinfo($fileName, PATHINFO_FILENAME);
+		$new_data['url'] = url($this->directory_name . '/' . $fileName);
+
+        return response()->json(['success'=>$new_data]);
+	}
+
+	public function demo() {
+		return view('midia::demo');
+	}
+}

src/MidiaServiceProvider.php

@@ -0,0 +1,38 @@
+<?php
+
+namespace Nauvalazhar\Midia;
+
+use Illuminate\Support\ServiceProvider;
+
+class MidiaServiceProvider extends ServiceProvider
+{
+    /**
+     * Bootstrap the application services.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        $this->loadRoutesFrom(__DIR__ . '/Route/web.php');
+        $this->loadViewsFrom(__DIR__ . '/View', 'midia');
+
+        $this->publishes([
+            __DIR__ . '/Config/midia.php' => config_path('midia.php'),
+            __DIR__ . '/Public/midia.js' => public_path('vendor/midia/midia.js'),
+            __DIR__ . '/Public/midia.css' => public_path('vendor/midia/midia.css'),
+            __DIR__ . '/Public/dropzone.js' => public_path('vendor/midia/dropzone.js'),
+            __DIR__ . '/Public/dropzone.css' => public_path('vendor/midia/dropzone.css'),
+            __DIR__ . '/Public/spinner.svg' => public_path('vendor/midia/spinner.svg')
+        ], 'midia');
+   }
+
+    /**
+     * Register the application services.
+     *
+     * @return void
+     */
+    public function register()
+    {
+        $this->mergeConfigFrom(__DIR__ . '/Config/midia.php', config_path('midia.php'));
+    }
+}