add components

Author: bayurifkialghifari

resources/views/components/cms/livewire/audio-preview.blade.php

@@ -0,0 +1,19 @@
+@props([
+    'model' => null,
+    'old' => null,
+])
+
+
+<div class="mb-3">
+    @if($model instanceof \Livewire\Features\SupportFileUploads\TemporaryUploadedFile)
+        <audio controls>
+            <source src="{{ $model->temporaryUrl() }}" type="audio/mpeg">
+            Your browser does not support the audio element.
+        </audio>
+    @elseif($old != null)
+        <audio controls>
+            <source src="{{ $old }}" type="audio/mpeg">
+            Your browser does not support the audio element.
+        </audio>
+    @endif
+</div>

resources/views/components/cms/livewire/file-preview.blade.php

@@ -0,0 +1,18 @@
+@props([
+    'model' => null,
+    'old' => null,
+    'icon' => 'fa-file-pdf',
+    'label' => 'View PDF',
+])
+
+<div class="mb-3">
+    @if($model instanceof \Livewire\Features\SupportFileUploads\TemporaryUploadedFile)
+        <a href="{{ $model->temporaryUrl() }}" target="_blank" class="btn btn-primary">
+            <i class="fa-solid {{ $icon }}"></i> {{ $label }}
+        </a>
+    @elseif($old != null)
+        <a href="{{ $old }}" target="_blank" class="btn btn-primary">
+            <i class="fa-solid {{ $icon }}"></i> {{ $label }}
+        </a>
+    @endif
+</div>

resources/views/components/cms/livewire/image-preview.blade.php

@@ -0,0 +1,12 @@
+@props([
+    'model' => null,
+    'old' => null,
+])
+
+<div class="mb-3">
+    @if($model instanceof \Livewire\Features\SupportFileUploads\TemporaryUploadedFile)
+        <img src="{{ $model->temporaryUrl() }}" alt="logo" class="img-fluid">
+    @elseif($old != null)
+        <img src="{{ $old }}" alt="logo" class="img-fluid">
+    @endif
+</div>

resources/views/components/cms/livewire/input-file.blade.php

@@ -3,7 +3,7 @@
     'class' => 'form-control',
     'imageIttr' => 1,
 ])
-<x-acc-upload-progress>
+<x-cms.livewire.upload-progress>
     <input type="file" wire:model="{{ $model }}" class="{{ $class }}" id="{{ $imageIttr }}" {{ $attributes ?? '' }}>
-</x-acc-upload-progress>
+</x-cms.livewire.upload-progress>
 <x-acc-input-error for="{{ $model }}" />

resources/views/components/cms/livewire/upload-progress.blade.php

@@ -0,0 +1,11 @@
+<div x-data="{ uploading: false, progress: 0 }"
+    x-on:livewire-upload-start="uploading = true"
+    x-on:livewire-upload-finish="uploading = false"
+    x-on:livewire-upload-cancel="uploading = false"
+    x-on:livewire-upload-error="uploading = false"
+    x-on:livewire-upload-progress="progress = $event.detail.progress">
+    {{ $slot ?? '' }}
+    <div x-show="uploading">
+        <progress max="100" x-bind:value="progress"></progress>
+    </div>
+</div>

resources/views/components/cms/livewire/video-preview.blade.php

@@ -0,0 +1,12 @@
+@props([
+    'model' => null,
+    'old' => null,
+])
+
+<div class="mb-3">
+    @if($model instanceof \Livewire\Features\SupportFileUploads\TemporaryUploadedFile)
+        <video src="{{ $model->temporaryUrl() }}" alt="logo" class="img-fluid" controls></video>
+    @elseif($old !== null)
+        <video src="{{ $old }}" alt="logo" class="img-fluid" controls></video>
+    @endif
+</div>