Add enable/disable toggle for feeds
This commit is contained in:
parent
3d899034f9
commit
ad56d7a51b
1 changed files with 32 additions and 4 deletions
|
|
@ -10,10 +10,17 @@
|
||||||
<p class="mt-1 text-sm text-gray-600">{{ $feed->type_display }} • {{ strtoupper($feed->language) }}</p>
|
<p class="mt-1 text-sm text-gray-600">{{ $feed->type_display }} • {{ strtoupper($feed->language) }}</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center space-x-3">
|
<div class="flex items-center space-x-3">
|
||||||
<span class="inline-flex items-center px-3 py-1 rounded-full text-sm font-medium
|
<!-- Toggle Switch -->
|
||||||
{{ $feed->is_active ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800' }}">
|
<form action="{{ route('feeds.toggle', $feed) }}" method="POST" class="inline">
|
||||||
{{ $feed->is_active ? 'Active' : 'Inactive' }}
|
@csrf
|
||||||
</span>
|
<label class="inline-flex items-center cursor-pointer">
|
||||||
|
<span class="text-sm text-gray-700 mr-3">{{ $feed->is_active ? 'Active' : 'Inactive' }}</span>
|
||||||
|
<button type="submit" class="relative inline-flex h-6 w-11 items-center rounded-full transition-colors {{ $feed->is_active ? 'bg-green-600' : 'bg-gray-200' }}">
|
||||||
|
<span class="inline-block h-4 w-4 transform rounded-full bg-white transition-transform {{ $feed->is_active ? 'translate-x-6' : 'translate-x-1' }}"></span>
|
||||||
|
</button>
|
||||||
|
</label>
|
||||||
|
</form>
|
||||||
|
|
||||||
<a href="{{ route('feeds.edit', $feed) }}" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded">
|
<a href="{{ route('feeds.edit', $feed) }}" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-2 px-4 rounded">
|
||||||
Edit Feed
|
Edit Feed
|
||||||
</a>
|
</a>
|
||||||
|
|
@ -21,6 +28,27 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@if(session('success'))
|
||||||
|
<div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded mb-6">
|
||||||
|
{{ session('success') }}
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
@if(!$feed->is_active)
|
||||||
|
<div class="mb-6 bg-yellow-50 border border-yellow-200 rounded-md p-4">
|
||||||
|
<div class="flex">
|
||||||
|
<div class="flex-shrink-0">
|
||||||
|
<x-heroicon-o-exclamation-triangle class="w-5 h-5 text-yellow-400" />
|
||||||
|
</div>
|
||||||
|
<div class="ml-3">
|
||||||
|
<p class="text-sm text-yellow-800">
|
||||||
|
This feed is inactive. No articles will be fetched or published from this feed until reactivated.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
<div class="bg-white shadow overflow-hidden sm:rounded-lg">
|
<div class="bg-white shadow overflow-hidden sm:rounded-lg">
|
||||||
<div class="px-4 py-5 sm:px-6">
|
<div class="px-4 py-5 sm:px-6">
|
||||||
<h3 class="text-lg leading-6 font-medium text-gray-900">Feed Details</h3>
|
<h3 class="text-lg leading-6 font-medium text-gray-900">Feed Details</h3>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue