From 5370cfefeb18e44293d4149e8a6fe414410d2e57 Mon Sep 17 00:00:00 2001
From: Alex Thomassen <alex@thomassen.xyz>
Date: Wed, 11 Mar 2020 12:57:13 +0100
Subject: [PATCH] Add blog post create

---
 app/Http/Controllers/BlogPostController.php   | 20 +++++--
 app/Http/Requests/BlogPostRequest.php         |  5 +-
 database/seeds/UserSeeder.php                 |  2 +-
 resources/views/layouts/app.blade.php         | 13 +++++
 resources/views/posts/create.blade.php        | 52 +++++++++++++++++++
 .../views/posts/display-template.blade.php    |  6 +++
 resources/views/posts/index.blade.php         |  7 ++-
 resources/views/posts/show.blade.php          | 13 +++++
 routes/web.php                                |  4 ++
 9 files changed, 111 insertions(+), 11 deletions(-)
 create mode 100644 resources/views/posts/create.blade.php
 create mode 100644 resources/views/posts/display-template.blade.php
 create mode 100644 resources/views/posts/show.blade.php

diff --git a/app/Http/Controllers/BlogPostController.php b/app/Http/Controllers/BlogPostController.php
index 08eab8c..1f7a0aa 100644
--- a/app/Http/Controllers/BlogPostController.php
+++ b/app/Http/Controllers/BlogPostController.php
@@ -5,7 +5,8 @@ namespace App\Http\Controllers;
 use App\BlogPost;
 use App\User;
 use Illuminate\Http\Request;
-use App\Http\Request\BlogPostRequest;
+use App\Http\Requests\BlogPostRequest;
+use Auth;
 
 class BlogPostController extends Controller
 {
@@ -32,7 +33,7 @@ class BlogPostController extends Controller
      */
     public function create()
     {
-        //
+        return view('posts.create');
     }
 
     /**
@@ -43,7 +44,18 @@ class BlogPostController extends Controller
      */
     public function store(BlogPostRequest $request)
     {
-        //
+        $validated = $request->validated();
+
+        $post = new BlogPost($validated);
+        $post->user_id = Auth::id();
+        $post->save();
+
+        $alert = [
+            'type' => 'success',
+            'message' => 'Successfully created and published your blog post!',
+        ];
+
+        return view('posts.show', compact('post', 'alert'));
     }
 
     /**
@@ -54,7 +66,7 @@ class BlogPostController extends Controller
      */
     public function show(BlogPost $post)
     {
-        //
+        return view('posts.show', compact('post'));
     }
 
     /**
diff --git a/app/Http/Requests/BlogPostRequest.php b/app/Http/Requests/BlogPostRequest.php
index 3d599a3..abf6c00 100644
--- a/app/Http/Requests/BlogPostRequest.php
+++ b/app/Http/Requests/BlogPostRequest.php
@@ -3,6 +3,7 @@
 namespace App\Http\Requests;
 
 use Illuminate\Foundation\Http\FormRequest;
+use Auth;
 
 class BlogPostRequest extends FormRequest
 {
@@ -25,8 +26,8 @@ class BlogPostRequest extends FormRequest
     public function rules()
     {
         return [
-            'title' => 'required|max:150',
-            'body' => 'required',
+            'title' => 'required|min:5|max:150',
+            'body' => 'required|min:20|max:10000',
         ];
     }
 
diff --git a/database/seeds/UserSeeder.php b/database/seeds/UserSeeder.php
index 26975d8..e5d6e8d 100644
--- a/database/seeds/UserSeeder.php
+++ b/database/seeds/UserSeeder.php
@@ -27,7 +27,7 @@ class UserSeeder extends Seeder
             $user->name = $name;
             $user->email = $username . '@example.com';
             $user->password = Hash::make('Kaffekopp123');
-            $user->admin = true;
+            $user->admin = $username === 'alex' ? true : false;
 
             $user->save();
         }
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 6d06d03..7d3b593 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -34,6 +34,19 @@
                 <div class="collapse navbar-collapse" id="navbarSupportedContent">
                     <!-- Left Side Of Navbar -->
                     <ul class="navbar-nav mr-auto">
+                        @auth
+                            <li class="nav-item dropdown">
+                                <a id="postsDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
+                                   <i class="fas fa-pencil fa-fw" aria-hidden="true"></i> Posts <span class="caret"></span>
+                                </a>
+
+                                <div class="dropdown-menu" aria-labelledby="postsDropdown">
+                                    <a class="dropdown-item" href="{{ route('posts.create') }}">
+                                        <i class="fas fa-pencil-alt fa-fw" aria-hidden="true"></i> Create new post!
+                                    </a>
+                                </div>
+                            </li>
+                        @endauth
                     </ul>
 
                     <!-- Right Side Of Navbar -->
diff --git a/resources/views/posts/create.blade.php b/resources/views/posts/create.blade.php
new file mode 100644
index 0000000..52471a7
--- /dev/null
+++ b/resources/views/posts/create.blade.php
@@ -0,0 +1,52 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    <h1><i class="fas fa-pencil-alt fa-fw"></i> Create new post</h1>
+
+    <br>
+
+    <form action="{{ route('posts.store') }}" method="post">
+        @csrf
+
+        <div class="card">
+            <div class="form-group">
+                <h5 class="card-header text-white bg-primary" for="title">Post title:</h5>
+
+                <div class="card-body">
+                    <div class="input-group mb-3">
+                        <div class="input-group-prepend">
+                            <span class="input-group-text" id="title-addon"><i class="fas fa-heading fa-fw"></i></span>
+                        </div>
+                        <input type="text" minlength="3" maxlength="150" class="form-control" name="title" id="title" aria-describedby="titleHelp" placeholder="Hello world!">
+                    </div>
+
+                    <small id="titleHelp" class="form-text text-muted">The title of your blog post. Be creative! <i class="far fa-smile-beam"></i></small>
+                </div>
+            </div>
+        </div>
+
+        <br>
+
+        <div class="card">
+            <div class="form-group">
+                <h5 class="card-header text-white bg-primary" for="body">Post content:</h5>
+
+                <div class="card-body">
+                    <div class="input-group">
+                        <div class="input-group-prepend">
+                            <span class="input-group-text"><i class="fab fa-markdown fa-fw"></i></span>
+                        </div>
+                        <textarea class="form-control" minlength="20" maxlength="10000" aria-describedby="bodyHelp" name="body" id="body" rows="7"></textarea>
+                    </div>
+
+                    <small id="bodyHelp" class="form-text text-muted">The body of your blog post. Supports <i class="fab fa-markdown"></i> Markdown!</small>
+                </div>
+            </div>
+        </div>
+
+        <br>
+        <button class="btn btn-primary" type="submit" role="button"><i class="fas fa-share-square fa-fw"></i> Submit post!</button>
+    </form>
+</div>
+@endsection
diff --git a/resources/views/posts/display-template.blade.php b/resources/views/posts/display-template.blade.php
new file mode 100644
index 0000000..97c5b48
--- /dev/null
+++ b/resources/views/posts/display-template.blade.php
@@ -0,0 +1,6 @@
+<div class="card">
+    <h3 class="card-header bg-primary text-white">{{ $post->title }}</h3>
+    <div class="card-body">
+        @markdown($post->body)
+    </div>
+</div>
diff --git a/resources/views/posts/index.blade.php b/resources/views/posts/index.blade.php
index c1d9671..dff74e2 100644
--- a/resources/views/posts/index.blade.php
+++ b/resources/views/posts/index.blade.php
@@ -9,11 +9,9 @@
     @else
         @foreach ($user->posts as $post)
             <div class="jumbotron">
-                <h1 class="user-post-heading">{{ $post->title }}</h1>
-                <div class="user-post-body">
-                    @markdown($post->body)
-                </div>
+                @include('posts.display-template', $post)
 
+                <br><br>
                 <div class="row align-items-center">
                     <span class="col-6 text-muted">
                         Created: {{ $post->created_at }}
@@ -36,6 +34,7 @@
 
                 @auth
                     @if (Auth::admin() && Auth::id() !== $user->id)
+                        <br><br>
                         <div class="row">
                             <span class="col align-self-end">
                                 <div class="alert alert-danger">
diff --git a/resources/views/posts/show.blade.php b/resources/views/posts/show.blade.php
new file mode 100644
index 0000000..a2c799d
--- /dev/null
+++ b/resources/views/posts/show.blade.php
@@ -0,0 +1,13 @@
+@extends('layouts.app')
+
+@section('content')
+<div class="container">
+    @if (isset($alert))
+        <div class="alert alert-{{ $alert['type'] }}">
+            {{ $alert['message'] }}
+        </div>
+    @endif
+
+    @include('posts.display-template')
+</div>
+@endsection
diff --git a/routes/web.php b/routes/web.php
index 5f35e60..f3fac4f 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -21,6 +21,10 @@ Route::get('/home', 'HomeController@index')->name('home');
 
 Route::group(['prefix' => 'posts', 'as' => 'posts.'], function() {
     Route::get('/u/{username}', ['as' => 'index', 'uses' => 'BlogPostController@index']);
+    Route::get('/p/{post}', ['as' => 'show', 'uses' => 'BlogPostController@show']);
+
+    Route::get('/create', ['as' => 'create', 'uses' => 'BlogPostController@create']);
+    Route::post('/create', ['as' => 'store', 'uses' => 'BlogPostController@store']);
 
     Route::delete('/delete/{post}', ['as' => 'delete', 'uses' => 'BlogPostController@destroy']);
 });