Skip to content

Commit 8b0728c

Browse files
comescomes
committed
solve #11 
1 parent 574acf6 commit 8b0728c

File tree

7 files changed

+223
-111
lines changed

7 files changed

+223
-111
lines changed

‎resources/views/components/alert-error.blade.php‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<div role="alert" class="flex rounded mb-4 p-6 rounded-lg border bg-red-50 border-red-200 border-red-200">
2+
<div class="text-red-400">
3+
<svg fill="currentColor" viewBox="0 0 20 20" class="h-7 w-7">
4+
<path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
5+
</svg>
6+
</div>
7+
<div class="ml-4">
8+
@if($title)
9+
<div class="font-semibold text-lg leading-0 text-red-700">
10+
{{ $title }}
11+
</div>
12+
@endif
13+
14+
@if($text)
15+
<div class="text-sm text-red-600">
16+
<p>{{ $text }}</p>
17+
</div>
18+
@endif
19+
20+
@if (! empty($messages))
21+
<div class="mb-2 text-sm text-red-600">
22+
<ul role="list" class="list-disc pl-5 space-y-1">
23+
@foreach($messages as $message)
24+
<li>
25+
{{ $message }}
26+
</li>
27+
@endforeach
28+
</ul>
29+
</div>
30+
@endif
31+
32+
@if (! empty($links))
33+
<div class="-mx-2 flex mt-4">
34+
@foreach($links as $text => $link)
35+
<a href="{{ $link }}"
36+
class="px-2 py-1.5 rounded-md text-sm font-medium focus:outline-none focus:ring-1 mr-3 border border border-red-400 text-red-700 hover:bg-red-100/50 focus:ring-offset-red-50 focus:ring-red-500">
37+
{{ $text }}
38+
</a>
39+
@endforeach
40+
</div>
41+
@endif
42+
</div>
43+
</div>

‎resources/views/components/alert-info.blade.php‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<div role="alert" class="flex rounded mb-4 p-6 rounded-lg border bg-blue-50 border-blue-200 border-blue-200">
2+
<div class="text-blue-400">
3+
<svg fill="currentColor" viewBox="0 0 20 20" class="h-7 w-7">
4+
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
5+
</svg>
6+
</div>
7+
<div class="ml-4">
8+
@if($title)
9+
<div class="font-semibold text-lg leading-0 text-blue-700">
10+
{{ $title }}
11+
</div>
12+
@endif
13+
14+
@if($text)
15+
<div class="text-sm text-blue-600">
16+
<p>{{ $text }}</p>
17+
</div>
18+
@endif
19+
20+
@if (! empty($messages))
21+
<div class="mb-2 text-sm text-blue-600">
22+
<ul role="list" class="list-disc pl-5 space-y-1">
23+
@foreach($messages as $message)
24+
<li>
25+
{{ $message }}
26+
</li>
27+
@endforeach
28+
</ul>
29+
</div>
30+
@endif
31+
32+
@if (! empty($links))
33+
<div class="-mx-2 flex mt-4">
34+
@foreach($links as $text => $link)
35+
<a href="{{ $link }}"
36+
class="px-2 py-1.5 rounded-md text-sm font-medium focus:outline-none focus:ring-1 mr-3 border border border-blue-400 text-blue-700 hover:bg-blue-100/50 focus:ring-offset-blue-50 focus:ring-blue-500">
37+
{{ $text }}
38+
</a>
39+
@endforeach
40+
</div>
41+
@endif
42+
</div>
43+
</div>

‎resources/views/components/alert-message.blade.php‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<div role="alert" class="flex rounded mb-4 p-6 rounded-lg border bg-gray-100 border-gray-300 border-gray-300">
2+
<div class="text-gray-500">
3+
<svg fill="currentColor" viewBox="0 0 20 20" class="h-7 w-7">
4+
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
5+
</svg>
6+
</div>
7+
<div class="ml-4">
8+
@if($title)
9+
<div class="font-semibold text-lg leading-0 text-gray-800">
10+
{{ $title }}
11+
</div>
12+
@endif
13+
14+
@if($text)
15+
<div class="text-sm text-gray-700">
16+
<p>{{ $text }}</p>
17+
</div>
18+
@endif
19+
20+
@if (! empty($messages))
21+
<div class="mb-2 text-sm text-gray-700">
22+
<ul role="list" class="list-disc pl-5 space-y-1">
23+
@foreach($messages as $message)
24+
<li>
25+
{{ $message }}
26+
</li>
27+
@endforeach
28+
</ul>
29+
</div>
30+
@endif
31+
32+
@if (! empty($links))
33+
<div class="-mx-2 flex mt-4">
34+
@foreach($links as $text => $link)
35+
<a href="{{ $link }}"
36+
class="px-2 py-1.5 rounded-md text-sm font-medium focus:outline-none focus:ring-1 mr-3 border border-gray-500 text-gray-800 hover:bg-gray-200/50 focus:ring-offset-gray-100 focus:ring-gray-600">
37+
{{ $text }}
38+
</a>
39+
@endforeach
40+
</div>
41+
@endif
42+
</div>
43+
</div>

‎resources/views/components/alert-success.blade.php‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<div role="alert" class="flex rounded mb-4 p-6 rounded-lg border bg-green-50 border-green-200 border-green-200">
2+
<div class="text-green-400">
3+
<svg fill="currentColor" viewBox="0 0 20 20" class="h-7 w-7">
4+
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
5+
</svg>
6+
</div>
7+
<div class="ml-4">
8+
@if($title)
9+
<div class="font-semibold text-lg leading-0 text-green-700">
10+
{{ $title }}
11+
</div>
12+
@endif
13+
14+
@if($text)
15+
<div class="text-sm text-green-600">
16+
<p>{{ $text }}</p>
17+
</div>
18+
@endif
19+
20+
@if (! empty($messages))
21+
<div class="mb-2 text-sm text-green-600">
22+
<ul role="list" class="list-disc pl-5 space-y-1">
23+
@foreach($messages as $message)
24+
<li>
25+
{{ $message }}
26+
</li>
27+
@endforeach
28+
</ul>
29+
</div>
30+
@endif
31+
32+
@if (! empty($links))
33+
<div class="-mx-2 flex mt-4">
34+
@foreach($links as $text => $link)
35+
<a href="{{ $link }}"
36+
class="px-2 py-1.5 rounded-md text-sm font-medium focus:outline-none focus:ring-1 mr-3 border border border-green-400 text-green-700 hover:bg-green-100/50 focus:ring-offset-green-50 focus:ring-green-500">
37+
{{ $text }}
38+
</a>
39+
@endforeach
40+
</div>
41+
@endif
42+
</div>
43+
</div>

‎resources/views/components/alert-warning.blade.php‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<div role="alert" class="flex rounded mb-4 p-6 rounded-lg border bg-orange-50 border-orange-200 border-orange-200">
2+
<div class="text-orange-400">
3+
<svg fill="currentColor" viewBox="0 0 20 20" class="h-7 w-7">
4+
<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"></path>
5+
</svg>
6+
</div>
7+
<div class="ml-4">
8+
@if($title)
9+
<div class="font-semibold text-lg leading-0 text-orange-700">
10+
{{ $title }}
11+
</div>
12+
@endif
13+
14+
@if($text)
15+
<div class="text-sm text-orange-600">
16+
<p>{{ $text }}</p>
17+
</div>
18+
@endif
19+
20+
@if (! empty($messages))
21+
<div class="mb-2 text-sm text-orange-600">
22+
<ul role="list" class="list-disc pl-5 space-y-1">
23+
@foreach($messages as $message)
24+
<li>
25+
{{ $message }}
26+
</li>
27+
@endforeach
28+
</ul>
29+
</div>
30+
@endif
31+
32+
@if (! empty($links))
33+
<div class="-mx-2 flex mt-4">
34+
@foreach($links as $text => $link)
35+
<a href="{{ $link }}"
36+
class="px-2 py-1.5 rounded-md text-sm font-medium focus:outline-none focus:ring-1 mr-3 border border border-orange-400 text-orange-700 hover:bg-orange-100/50 focus:ring-offset-orange-50 focus:ring-orange-500">
37+
{{ $text }}
38+
</a>
39+
@endforeach
40+
</div>
41+
@endif
42+
</div>
43+
</div>

‎resources/views/components/alert.blade.php‎

Lines changed: 0 additions & 110 deletions
This file was deleted.

‎src/View/Components/Alert.php‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,13 @@ public function __construct(string $text, string $title = '', array $messages =
2424

2525
public function render()
2626
{
27-
return view('flash-message::components.alert');
27+
return match ($this->level) {
28+
Message::LEVEL_MESSAGE => view('flash-message::components.alert-message'),
29+
Message::LEVEL_INFO => view('flash-message::components.alert-info'),
30+
Message::LEVEL_SUCCESS => view('flash-message::components.alert-success'),
31+
Message::LEVEL_WARNING => view('flash-message::components.alert-warning'),
32+
Message::LEVEL_ERROR => view('flash-message::components.alert-error'),
33+
default => view('flash-message::components.alert'),
34+
};
2835
}
2936
}

0 commit comments

Comments
 (0)