#94 - Video support in header media

ttimot24 · Nov 4, 2024 · f9142b0 · f9142b0
1 parent 5809802
commit f9142b0
Show file tree

Hide file tree

Showing 6 changed files with 26 additions and 4 deletions.
diff --git a/app/Controllers/HeaderImageController.php b/app/Controllers/HeaderImageController.php
@@ -88,6 +88,10 @@ public function store(Request $request)
         $header_image = new HeaderImage($request->all());
         $header_image->author()->associate($request->user());
 
+        if($request->hasFile($this->form_field_name)){
+            $header_image->type = explode('/',request()->{$this->form_field_name}->getMimeType())[0];
+        }
+
         $this->uploadImage($header_image);
 
         if ($header_image->save()) {

diff --git a/app/Controllers/Trait/UploadsImage.php b/app/Controllers/Trait/UploadsImage.php
@@ -24,7 +24,7 @@ public function uploadImage($model): bool {
             File::ensureDirectoryExists($model->getImageDirectory());
             $img = request()->{$this->form_field_name}->store($this->getStrippedDirectoryPath($model));
             $model->attachImage($img);
-            if (extension_loaded('gd')) {
+            if (extension_loaded('gd') && starts_with(request()->{$this->form_field_name}->getMimeType(), 'image/')) {
 		        File::ensureDirectoryExists($model->getImageDirectory() . '/thumbs');
                 \Intervention\Image\ImageManagerStatic::make(storage_path($img))->fit(300, 200)->save($model->getThumbnailDirectory(). DIRECTORY_SEPARATOR . $model->image);
             }

diff --git a/app/Model/HeaderImage.php b/app/Model/HeaderImage.php
@@ -19,7 +19,7 @@ class HeaderImage extends Model {
      * @var array
      */
     protected $fillable = [
-        'title', 'link' ,'description', 'image', 'active',
+        'title', 'type' ,'link' ,'description', 'image', 'active',
     ];
 
 }
diff --git a/app/View/media/header_images.blade.php b/app/View/media/header_images.blade.php
@@ -37,10 +37,19 @@
                                         <span class='fa fa-pencil' aria-hidden='true'
                                             style=' font-size: 1.4em;z-index:15;top:3px;right:3px;margin-bottom:-15px;'></span>
                                     </a>
+
+                                    @if($each->type === 'video')
+                                        <video controls width='100%' height='75%;' style="object-fit:cover;">
+                                            <source src="storage/images/header_images/{{ $each->image }}" >
+                                            Your browser does not support the video tag.
+                                        </video> 
+                                    @else
                                     <img src='storage/images/header_images/{{ $each->image }}' alt=''
                                         class='card-img-top' width='100%' height='75%;' style="object-fit:cover;">
+                                    @endif
+
                                     <div class="card-body text-black">
-                                        <h5 class="card-title">{{ $each->title }}</h5>
+                                        <h5 class="card-title">{{ $each->title }} <small> | {{$each->type}}</small></h5>
                                     </div>
                                     <ul class="list-group list-group-flush mb-3">
                                         <a class='btn btn-danger btn-xs btn-block'
@@ -175,8 +184,15 @@ class='btn btn-primary'>{{ trans('actions.save') }}</button>
                                         </div>
                                     </div>
                                 </div>
+                                @if($each->type === 'video')
+                                <video controls width='100%' height='75%;' style="object-fit:cover;">
+                                    <source src="storage/images/header_images/{{ $each->image }}" >
+                                    Your browser does not support the video tag.
+                                </video> 
+                                @else
                                 <img src='storage/images/header_images/{{ $each->image }}' alt=''
                                     class='card-img-top' width='100%' height='75%;' style="object-fit:cover;">
+                                @endif
                                 <div class="card-body text-black">
                                     <h5 class="card-title">{{ $each->title }}</h5>
                                 </div>
@@ -289,7 +305,7 @@ class='btn btn-primary'>{{ trans('actions.save') }}</button>
                                 @csrf
                                 <div class='form-group'>
                                     <label for='file'>Upload file:</label>
-                                    <input name='up_file' id='input-2' type='file' class='file' accept="image/*"
+                                    <input name='up_file' id='input-2' type='file' class='file' accept="image/*, video/*"
                                         multiple='true' data-show-upload='false' data-show-caption='true' required>
                                 </div>
                                 <div class="mb-3">

diff --git a/database/migrations/2016_10_20_000000_create_header_images_table.php b/database/migrations/2016_10_20_000000_create_header_images_table.php
@@ -20,6 +20,7 @@ public function up()
         Schema::create($this->table_name, function (Blueprint $table) {
             $table->increments('id');
             $table->string('title')->nullable();
+            $table->string('type')->nullable();
             $table->string('link')->nullable();
             $table->text('description')->nullable();
             $table->string('image');

diff --git a/database/seeders/ContentSeeder.php b/database/seeders/ContentSeeder.php
@@ -76,6 +76,7 @@ public function run()
         DB::table('header_images')->insert([
             'id' => 1,
             'title' => 'default',
+            'type' => 'image',
             'image' => 'abovethecity.jpg',
             'author_id' => 1,
             'active' => 1