From ba454e38e860e3c4d6d2d4c97b8ee06365106d6f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marcin=20Miko=C5=82ajczak?= <me@m4sk.in>
Date: Fri, 1 Jun 2018 22:27:27 +0200
Subject: [PATCH] Add description for visually impaired field
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Marcin Mikołajczak <me@m4sk.in>
---
 app/Http/Controllers/StatusController.php     |  6 ++--
 ...06_01_203000_create_description_column.php | 32 +++++++++++++++++++
 resources/views/admin/media/home.blade.php    |  8 +++--
 resources/views/discover/home.blade.php       |  8 +++--
 resources/views/profile/show.blade.php        |  8 +++--
 resources/views/status/show.blade.php         |  8 +++--
 resources/views/status/template.blade.php     |  8 +++--
 resources/views/timeline/personal.blade.php   |  6 +++-
 resources/views/timeline/public.blade.php     |  6 +++-
 9 files changed, 76 insertions(+), 14 deletions(-)
 create mode 100644 database/migrations/2018_06_01_203000_create_description_column.php

diff --git a/app/Http/Controllers/StatusController.php b/app/Http/Controllers/StatusController.php
index 3ad994eed..1b8e4bfbc 100644
--- a/app/Http/Controllers/StatusController.php
+++ b/app/Http/Controllers/StatusController.php
@@ -30,8 +30,9 @@ class StatusController extends Controller
       $user = Auth::user();
 
       $this->validate($request, [
-        'photo'   => 'required|image|max:15000',
-        'caption' => 'string|max:150'
+        'photo'     => 'required|image|max:15000',
+        'caption'   => 'string|max:150',
+        'nullable'  => 'string|max:420'
       ]);
 
       $monthHash = hash('sha1', date('Y') . date('m'));
@@ -43,6 +44,7 @@ class StatusController extends Controller
       $status = new Status;
       $status->profile_id = $profile->id;
       $status->caption = $request->caption;
+      $status->description = $request->description;
       $status->save();
 
       $media = new Media;
diff --git a/database/migrations/2018_06_01_203000_create_description_column.php b/database/migrations/2018_06_01_203000_create_description_column.php
new file mode 100644
index 000000000..f347211f4
--- /dev/null
+++ b/database/migrations/2018_06_01_203000_create_description_column.php
@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateDescriptionColumn extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::table('statuses', function (Blueprint $table) {
+            $table->string('description')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::table('statuses', function (Blueprint $table) {
+            $table->dropColumn('description');
+        });
+    }
+}
diff --git a/resources/views/admin/media/home.blade.php b/resources/views/admin/media/home.blade.php
index bb1d1dcc2..5c16b2fe6 100644
--- a/resources/views/admin/media/home.blade.php
+++ b/resources/views/admin/media/home.blade.php
@@ -11,7 +11,11 @@
     @foreach($media as $status)
     <div class="col-12 col-md-4 mb-4">
       <a class="card" href="{{$status->url()}}">
-        <img class="card-img-top" src="{{$status->thumb()}}" width="150px" height="150px">
+        <img class="card-img-top" src="{{$status->thumb()}}" width="150px" height="150px"
+          @if($status->description)
+          alt="{{$status->description}}"
+          @endif
+        >
       </a>
     </div>
     @endforeach
@@ -21,4 +25,4 @@
   <div class="d-flex justify-content-center">
     {{$media->links()}}
   </div>
-@endsection
\ No newline at end of file
+@endsection
diff --git a/resources/views/discover/home.blade.php b/resources/views/discover/home.blade.php
index 0bce0f326..6b6f0cbbd 100644
--- a/resources/views/discover/home.blade.php
+++ b/resources/views/discover/home.blade.php
@@ -33,7 +33,11 @@
       @foreach($posts as $status)
       <div class="col-12 col-md-4 mb-4">
         <a class="card" href="{{$status->url()}}">
-          <img class="card-img-top" src="{{$status->thumb()}}" width="300px" height="300px">
+          <img class="card-img-top" src="{{$status->thumb()}}" width="300px" height="300px"
+            @if($status->description)
+            alt="{{$status->description}}"
+            @endif
+          >
         </a>
       </div>
       @endforeach
@@ -41,4 +45,4 @@
   </section>
 </div>
 
-@endsection
\ No newline at end of file
+@endsection
diff --git a/resources/views/profile/show.blade.php b/resources/views/profile/show.blade.php
index 3e34a4c1a..f14a5cd84 100644
--- a/resources/views/profile/show.blade.php
+++ b/resources/views/profile/show.blade.php
@@ -101,7 +101,11 @@
       @foreach($timeline as $status)
       <div class="col-12 col-md-4 mb-4">
         <a class="card" href="{{$status->url()}}">
-          <img class="card-img-top" src="{{$status->thumb()}}" width="300px" height="300px">
+          <img class="card-img-top" src="{{$status->thumb()}}" width="300px" height="300px"
+            @if($status->description)
+            alt="{{$status->description}}"
+            @endif
+          >
         </a>
       </div>
       @endforeach
@@ -120,4 +124,4 @@
 
 </div>
 
-@endsection
\ No newline at end of file
+@endsection
diff --git a/resources/views/status/show.blade.php b/resources/views/status/show.blade.php
index 667eabc05..6b4597b9b 100644
--- a/resources/views/status/show.blade.php
+++ b/resources/views/status/show.blade.php
@@ -9,7 +9,11 @@
       <div class="card-body p-0">
         <div class="row">
           <div class="col-12 col-md-8 status-photo">
-            <img src="{{$status->mediaUrl()}}" width="100%">
+            <img src="{{$status->mediaUrl()}}" width="100%"
+              @if($status->description)
+              alt="{{$status->description}}"
+              @endif
+            >
           </div>
           <div class="col-12 col-md-4" style="height:100%">
             <div class="status-username d-inline-flex align-items-center pr-3 pt-3">
@@ -70,4 +74,4 @@
   </div>
 </div>
 
-@endsection
\ No newline at end of file
+@endsection
diff --git a/resources/views/status/template.blade.php b/resources/views/status/template.blade.php
index b0019e989..8f159e12f 100644
--- a/resources/views/status/template.blade.php
+++ b/resources/views/status/template.blade.php
@@ -18,7 +18,11 @@
           </div>
         </div>
         <a href="{{$item->url()}}">
-          <img class="card-img-top" src="{{$item->mediaUrl()}}">
+          <img class="card-img-top" src="{{$item->mediaUrl()}}"
+            @if($item->description)
+            alt="{{$item->description}}"
+            @endif
+          >
         </a>
         <div class="card-body">
           <div class="reactions h3">
@@ -78,4 +82,4 @@
             <input class="form-control" name="comment" placeholder="Add a comment...">
           </form>
         </div>
-      </div>
\ No newline at end of file
+      </div>
diff --git a/resources/views/timeline/personal.blade.php b/resources/views/timeline/personal.blade.php
index d5458ac5e..a44941ba1 100644
--- a/resources/views/timeline/personal.blade.php
+++ b/resources/views/timeline/personal.blade.php
@@ -30,6 +30,10 @@
             <label class="font-weight-bold text-muted small">Caption</label>
             <input type="text" class="form-control" name="caption" placeholder="Add a caption here">
           </div>
+          <div class="form-group">
+            <label class="font-weight-bold text-muted small">Alternative text</label>
+            <input type="text" class="form-control" name="description" placeholder="Describe for the visually impaired">
+          </div>
           <button type="submit" class="btn btn-outline-primary btn-block">Post</button>
         </form>
       </div>  
@@ -59,4 +63,4 @@
 </div>
 
 
-@endsection
\ No newline at end of file
+@endsection
diff --git a/resources/views/timeline/public.blade.php b/resources/views/timeline/public.blade.php
index 94488429e..fcdbbf2d3 100644
--- a/resources/views/timeline/public.blade.php
+++ b/resources/views/timeline/public.blade.php
@@ -30,6 +30,10 @@
             <label class="font-weight-bold text-muted small">Caption</label>
             <input type="text" class="form-control" name="caption" placeholder="Add a caption here">
           </div>
+          <div class="form-group">
+            <label class="font-weight-bold text-muted small">Alternative text</label>
+            <input type="text" class="form-control" name="description" placeholder="Describe for the visually impaired">
+          </div>
           <button type="submit" class="btn btn-outline-primary btn-block">Post</button>
         </form>
       </div>  
@@ -50,4 +54,4 @@
 </div>
 
 
-@endsection
\ No newline at end of file
+@endsection