13. File System

Author: Ahmad Yousef

README.md

@@ -16,4 +16,6 @@ You can watch our Arabic course using this [link](https://www.youtube.com/playli
    2. Preparing the admin template and the form editor using tinyMCE
 7. Controllers:
    1. Post
-   2. Get
+   2. Get
+   3. Put
+8. File System and uploading a file.

app/Http/Controllers/ArticleController.php

@@ -3,7 +3,9 @@
 namespace App\Http\Controllers;
 
 use App\Article;
+use Carbon\Carbon;
 use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Storage;
 use Validator;
 class ArticleController extends Controller
 {
@@ -22,7 +24,7 @@ protected function validator (array $data) {
      */
     public function index()
     {
-        $articles = Article::paginate(10);
+        $articles = Article::paginate(20);
         return view('welcome')->with('articles',$articles);
     }
 
@@ -47,11 +49,19 @@ public function store(Request $request)
         // 1. validation Title, Body
         $this->validator($request->all())->validate();
         // 2. add to database.
-        // $article = Article::create($request->all());
+
+        // 1. get file from form
+        $file = $request->file('thumbnail');
+        // 2. name the file
+        $time = Carbon::now();
+        $directory = date_format($time,'Y').'/'.date_format($time,'m');
+        $fileName = date_format($time,'h').date_format($time,'s').rand(1,9).'.'.$file->extension();
+        // 3. upload 
+        Storage::disk('public')->putFileAs($directory,$file,$fileName);
         $article = Article::create([
             'body' => $request->body,
             'title' => $request->title,
-            'thumbnail' => 'loading',
+            'thumbnail' => $directory.'/'.$fileName,
         ]);
         // 3. return to another page.
         $request->session()->flash('message','تم إضافة المقالة بنجاح');
@@ -92,10 +102,28 @@ public function edit($id)
     public function update(Request $request, $id)
     {
         $article=Article::where('id',$id)->firstOrFail();
+
         $article->update([
             'body' => $request->body,
-            'title' => $request->title
+            'title' => $request->title,
         ]);
+
+        if($request->file('thumbnail'))
+        {
+            // 1. get file from form
+            $file = $request->file('thumbnail');
+            // 2. name the file
+            $time = Carbon::now();
+            $directory = date_format($time,'Y').'/'.date_format($time,'m');
+            $fileName = date_format($time,'h').date_format($time,'s').rand(1,9).'.'.$file->extension();
+            // 3. upload 
+            Storage::disk('public')->putFileAs($directory,$file,$fileName);
+            $article->thumbnail = $directory.'/'.$fileName;
+            $article->save();
+        }
+        
+
+        
         $request->session()->flash('message','تم تعديل المقالة بنجاح');
         return redirect()->route('admin_index');
     }

config/filesystems.php

@@ -50,8 +50,8 @@
 
         'public' => [
             'driver' => 'local',
-            'root' => storage_path('app/public'),
-            'url' => env('APP_URL').'/storage',
+            'root' => public_path('uploads'),
+            'url' => env('APP_URL').'/uploads',
             'visibility' => 'public',
         ],
 

public/.htaccess

@@ -18,4 +18,5 @@
     RewriteCond %{REQUEST_FILENAME} !-d
     RewriteCond %{REQUEST_FILENAME} !-f
     RewriteRule ^ index.php [L]
+    Options +FollowSymlinks
 </IfModule>

public/uploads/2020/04/05256.jpeg

@@ -13,17 +13,20 @@
     <div class="card-header">إضافة مقالة</div>
 
     <div class="card-body">
-    <form class="form-horizontal" action="{{url('/admin/store')}}" method="post">
+    <form enctype="multipart/form-data" class="form-horizontal" action="{{url('/admin/store')}}" method="post">
         {{ csrf_field() }}    
         <div class="form-group">
             <input class="form-control" type="text" name="title" placeholder="العنوان هنا">
         </div>
         <div class="form-group">
-                <textarea name="body" id="mytextarea">النص هنا</textarea>
-            </div>
-            <div class="form-group">
-                <input class="btn btn-success" type="submit" value="نشر"/>
-            </div>
+            <textarea name="body" id="mytextarea">النص هنا</textarea>
+        </div>
+        <div class="form-group">
+            <input class="form-control" type="file" name="thumbnail" accept="image/*" />
+        </div>
+        <div class="form-group">
+            <input class="btn btn-success" type="submit" value="نشر"/>
+        </div>
         </form>
     </div>
 @endsection

public/uploads/2020/04/05337.jpeg

@@ -13,7 +13,7 @@
     <div class="card-header">تعديل مقالة</div>
 
     <div class="card-body">
-    <form class="form-horizontal" action="{{url('/admin/update/'.$article->id)}}" method="post">
+    <form enctype="multipart/form-data" class="form-horizontal" action="{{url('/admin/update/'.$article->id)}}" method="post">
         {{ csrf_field() }}    
         <input type="hidden" name="_method" value="PUT"/>
         <div class="form-group">
@@ -22,6 +22,13 @@
         <div class="form-group">
                 <textarea name="body" id="mytextarea">{{$article->body}}</textarea>
             </div>
+            <div class="form-group">
+                <div class="row">
+                    <div class="col-md-12"><img width="100%" class="bd-placeholder-img card-img-top" src="{{url('uploads/'.$article->thumbnail)}}"/></div>
+                    <div class="col-md-12"><input class="form-control" type="file" name="thumbnail" accept="image/*" /></div>
+                </div>
+                
+            </div>
             <div class="form-group">
                 <input class="btn btn-success" type="submit" value="تعديل"/>
             </div>

public/uploads/2020/04/05461.jpeg

@@ -15,7 +15,7 @@
         @foreach ($articles as $article)
         <div class="col-md-4">
           <div class="card mb-4 shadow-sm">
-            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail"><title>Placeholder</title><rect width="100%" height="100%" fill="#55595c"/><text x="50%" y="50%" fill="#eceeef" dy=".3em">Thumbnail</text></svg>
+          <img width="100%" class="bd-placeholder-img card-img-top" src="{{url('uploads/'.$article->thumbnail)}}"/>
             <div class="card-body">
             <p class="card-text">
             <a href="{{url('article/'.$article->id)}}">