Skip to content

Commit

Permalink
Add logo image to the UI
Browse files Browse the repository at this point in the history
  • Loading branch information
@Raccoon254
Raccoon254 committed Jun 22, 2024
1 parent d194bd4 commit b416894
Show file tree
Hide file tree
Showing 2 changed files with 87 additions and 77 deletions.
6 changes: 3 additions & 3 deletions resources/views/components/application-logo.blade.php
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" {{ $attributes }}>
<path fill="rgb(55 65 81)" d="M453.3 19.3l39.4 39.4c25 25 25 65.5 0 90.5l-52.1 52.1 0 0-1-1 0 0-16-16-96-96-17-17 52.1-52.1c25-25 65.5-25 90.5 0zM241 114.9c-9.4-9.4-24.6-9.4-33.9 0L105 217c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9L173.1 81c28.1-28.1 73.7-28.1 101.8 0L288 94.1l17 17 96 96 16 16 1 1-17 17L229.5 412.5c-48 48-109.2 80.8-175.8 94.1l-25 5c-7.9 1.6-16-.9-21.7-6.6s-8.1-13.8-6.6-21.7l5-25c13.3-66.6 46.1-127.8 94.1-175.8L254.1 128 241 114.9z"/>
</svg>
<div viewBox="0 0 512 512" {{ $attributes }}>
<img src="{{ asset('images/logo/scholarspace_green_logo.png') }}" alt="ScholarSpace Logo" class="h-full w-full object-cover">
</div>
158 changes: 84 additions & 74 deletions resources/views/orders/view.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -13,30 +13,32 @@
<h2 class="text-2xl font-semibold mb-6">Order Details</h2>

<div class="bg-white p-6 rounded-lg shadow-sm mb-6 space-y-4">
<div class="flex items-center space-x-2 mb-4">
<i class="fas fa-info-circle text-blue-500 text-xl"></i>
<h3 class="text-lg font-semibold">Order Information</h3>
</div>
<div class="space-y-2">
<div class="flex items-center space-x-2">
<i class="fas fa-tag text-gray-500"></i>
<span class="font-bold">Title:</span> {{ $order->title }}
</div>
<div class="flex items-center space-x-2">
<i class="fas fa-align-left text-gray-500"></i>
<span class="font-bold">Description:</span> {{ $order->description }}
</div>
<div class="flex items-center space-x-2">
<i class="fas fa-tasks text-gray-500"></i>
<span class="font-bold">Status:</span>
<span class="{{ $order->getStatusClass() }} px-2 py-1 rounded">{{ ucfirst($order->status) }}</span>
</div>
<div class="flex items-center space-x-2">
<i class="fas fa-dollar-sign text-gray-500"></i>
<span class="font-bold">Total Price:</span> ${{ number_format($order->total_price, 2) }}
</div>
</div>
</div>
<div class="flex items-center space-x-2 mb-4">
<i class="fas fa-info-circle text-blue-500 text-xl"></i>
<h3 class="text-lg font-semibold">Order Information</h3>
</div>
<div class="space-y-2">
<div class="flex items-center space-x-2">
<i class="fas fa-tag text-gray-500"></i>
<span class="font-bold">Title:</span> {{ $order->title }}
</div>
<div class="flex items-center space-x-2">
<i class="fas fa-align-left text-gray-500"></i>
<span class="font-bold">Description:</span> {{ $order->description }}
</div>
<div class="flex items-center space-x-2">
<i class="fas fa-tasks text-gray-500"></i>
<span class="font-bold">Status:</span>
<span
class="{{ $order->getStatusClass() }} px-2 py-1 rounded">{{ ucfirst($order->status) }}</span>
</div>
<div class="flex items-center space-x-2">
<i class="fas fa-dollar-sign text-gray-500"></i>
<span class="font-bold">Total Price:</span>
${{ number_format($order->total_price, 2) }}
</div>
</div>
</div>
<div class="bg-white p-6 rounded-lg shadow-sm mb-6">
<h3 class="text-lg md:text-xl mb-4 font-semibold">Attachments</h3>
@if ($order->attachments->isNotEmpty())
Expand All @@ -47,7 +49,9 @@
<div
class="attachmentContainer container-{{ $attachment->id }} bg-gray-200
hover:scale-105 transition-transform duration-300
rounded-xl ring-1 ring-blue-100 ring-opacity-40 cursor-pointer overflow-hidden relative" data-type="{{ $attachment->type }}" data-path="{{ Storage::url($attachment->path) }}" >
rounded-xl ring-1 ring-blue-100 ring-opacity-40 cursor-pointer overflow-hidden relative"
data-type="{{ $attachment->type }}"
data-path="{{ Storage::url($attachment->path) }}">
@if (in_array($attachment->type, ['image/jpeg', 'image/png', 'image/gif']))
<img
src="{{ Storage::url($attachment->path) }}"
Expand Down Expand Up @@ -101,16 +105,19 @@ class="absolute top-0 btn btn-xs btn-circle btn-ghost bg-blue-500 right-0 mt-1 m
@if ($order->isPaid())
<div class="mb-2">
<i class="fas fa-dollar-sign text-gray-500 mr-2"></i>
<span class="font-bold">Amount Paid:</span> ${{ number_format($order->payment->amount, 2) }}
<span class="font-bold">Amount Paid:</span>
${{ number_format($order->payment->amount, 2) }}
</div>
<div class="mb-2">
<i class="fas fa-money-check-alt text-gray-500 mr-2"></i>
<span class="font-bold">Payment Method:</span> {{ ucfirst($order->payment->payment_method) }}
<span
class="font-bold">Payment Method:</span> {{ ucfirst($order->payment->payment_method) }}
</div>
<div class="mb-2">
<i class="fas fa-info-circle text-gray-500 mr-2"></i>
<span class="font-bold">Payment Status:</span>
<span class="{{ $order->payment->getStatusClass() }} text-white px-2 py-1 rounded">{{ ucfirst($order->payment->status) }}</span>
<span
class="{{ $order->payment->getStatusClass() }} text-white px-2 py-1 rounded">{{ ucfirst($order->payment->status) }}</span>
</div>
@else
<div class="mb-2">
Expand All @@ -128,7 +135,8 @@ class="absolute top-0 btn btn-xs btn-circle btn-ghost bg-blue-500 right-0 mt-1 m
@if ($order->delivery->isNotEmpty())
<ul class="list-disc md:pl-6">
@foreach ($order->delivery as $delivery)
<div class="mb-2 font-semibold text-xl">{{ Str::ucfirst($delivery->status) }}</div>
<div
class="mb-2 font-semibold text-xl">{{ Str::ucfirst($delivery->status) }}</div>
<section>
{{ Str::limit($delivery->description, 100)}}
</section>
Expand All @@ -140,53 +148,55 @@ class="absolute top-0 btn btn-xs btn-circle btn-ghost bg-blue-500 right-0 mt-1 m
</summary>
<section>
<ul>
<div class="flex w-full flex-wrap gap-3">
@foreach($delivery->attachments as $attachment)
<div class="min-w-[128px]">
<div
class="attachmentContainer container-{{ $attachment->id }} bg-gray-200
<div class="flex w-full flex-wrap gap-3">
@foreach($delivery->attachments as $attachment)
<div class="min-w-[128px]">
<div
class="attachmentContainer container-{{ $attachment->id }} bg-gray-200
hover:scale-105 transition-transform duration-300
rounded-xl ring-1 ring-blue-100 ring-opacity-40 cursor-pointer overflow-hidden relative" data-type="{{ $attachment->type }}" data-path="{{ Storage::url($attachment->path) }}" >
@if (in_array($attachment->type, ['image/jpeg', 'image/png', 'image/gif']))
<img
src="{{ Storage::url($attachment->path) }}"
alt="Attachment"
class="w-[128px] h-32 object-cover">
@elseif ($attachment->type == 'application/pdf')
<div
class="flex items-center justify-center h-32 bg-red-200">
<i class="fas fa-file-pdf text-4xl text-red-500"></i>
</div>
@elseif ($attachment->type == 'application/zip' || $attachment->type == 'application/x-rar-compressed')
<div
class="flex items-center justify-center h-32 bg-green-200">
<i class="fas fa-file-archive text-4xl text-green-500"></i>
</div>
@elseif (str_starts_with($attachment->type, 'video/'))
<div
class="flex items-center justify-center h-32 bg-blue-200">
<i class="fas fa-file-video text-4xl text-blue-500"></i>
</div>
@elseif (str_starts_with($attachment->type, 'audio/'))
<div
class="flex items-center justify-center h-32 bg-yellow-200">
<i class="fas fa-file-audio text-4xl text-yellow-500"></i>
</div>
@else
<div
class="flex items-center justify-center h-32 bg-gray-300">
<i class="fas fa-file text-4xl text-gray-500"></i>
</div>
@endif
<a href="{{ Storage::url($attachment->path) }}"
class="absolute top-0 btn btn-xs btn-circle btn-ghost bg-blue-500 right-0 mt-1 mr-1 text-white hover:ring-1 ring-blue-500 text-xs px-2 py-1">
<i class="fas fa-download"></i>
</a>
rounded-xl ring-1 ring-blue-100 ring-opacity-40 cursor-pointer overflow-hidden relative"
data-type="{{ $attachment->type }}"
data-path="{{ Storage::url($attachment->path) }}">
@if (in_array($attachment->type, ['image/jpeg', 'image/png', 'image/gif']))
<img
src="{{ Storage::url($attachment->path) }}"
alt="Attachment"
class="w-[128px] h-32 object-cover">
@elseif ($attachment->type == 'application/pdf')
<div
class="flex items-center justify-center h-32 bg-red-200">
<i class="fas fa-file-pdf text-4xl text-red-500"></i>
</div>
@elseif ($attachment->type == 'application/zip' || $attachment->type == 'application/x-rar-compressed')
<div
class="flex items-center justify-center h-32 bg-green-200">
<i class="fas fa-file-archive text-4xl text-green-500"></i>
</div>
@elseif (str_starts_with($attachment->type, 'video/'))
<div
class="flex items-center justify-center h-32 bg-blue-200">
<i class="fas fa-file-video text-4xl text-blue-500"></i>
</div>
@elseif (str_starts_with($attachment->type, 'audio/'))
<div
class="flex items-center justify-center h-32 bg-yellow-200">
<i class="fas fa-file-audio text-4xl text-yellow-500"></i>
</div>
@else
<div
class="flex items-center justify-center h-32 bg-gray-300">
<i class="fas fa-file text-4xl text-gray-500"></i>
</div>
@endif
<a href="{{ Storage::url($attachment->path) }}"
class="absolute top-0 btn btn-xs btn-circle btn-ghost bg-blue-500 right-0 mt-1 mr-1 text-white hover:ring-1 ring-blue-500 text-xs px-2 py-1">
<i class="fas fa-download"></i>
</a>
</div>
</div>
</div>
@endforeach
</div>
</ul>
@endforeach
</div>
</ul>
</section>
</details>
@else
Expand Down

0 comments on commit b416894

Please sign in to comment.