Add HeroIcons

This commit is contained in:
myrmidex 2025-07-06 01:42:39 +02:00
parent a1e2f4639b
commit e79e2fdea4
9 changed files with 34 additions and 34 deletions

View file

@ -10,6 +10,7 @@
"license": "MIT", "license": "MIT",
"require": { "require": {
"php": "^8.2", "php": "^8.2",
"blade-ui-kit/blade-heroicons": "^2.6",
"inertiajs/inertia-laravel": "^2.0", "inertiajs/inertia-laravel": "^2.0",
"laravel/framework": "^12.0", "laravel/framework": "^12.0",
"laravel/horizon": "^5.29", "laravel/horizon": "^5.29",

View file

@ -5,7 +5,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@yield('title', 'Lemmy Poster Admin')</title> <title>@yield('title', 'Lemmy Poster Admin')</title>
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
</head> </head>
<body class="bg-gray-100"> <body class="bg-gray-100">
<div class="flex h-screen"> <div class="flex h-screen">

View file

@ -25,9 +25,9 @@
<div class="flex items-center"> <div class="flex items-center">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
@if($feed->type === 'rss') @if($feed->type === 'rss')
<i class="fas fa-rss text-orange-500 text-xl"></i> <x-heroicon-o-rss class="w-5 h-5 text-orange-500" />
@else @else
<i class="fas fa-globe text-blue-500 text-xl"></i> <x-heroicon-o-globe-alt class="w-5 h-5 text-blue-500" />
@endif @endif
</div> </div>
<div class="ml-4"> <div class="ml-4">
@ -73,7 +73,7 @@
</ul> </ul>
@else @else
<div class="text-center py-12"> <div class="text-center py-12">
<i class="fas fa-rss text-gray-400 text-6xl mb-4"></i> <x-heroicon-o-rss class="w-24 h-24 text-gray-400 mb-4" />
<h3 class="text-lg font-medium text-gray-900 mb-2">No feeds yet</h3> <h3 class="text-lg font-medium text-gray-900 mb-2">No feeds yet</h3>
<p class="text-gray-500 mb-4">Get started by adding your first content feed.</p> <p class="text-gray-500 mb-4">Get started by adding your first content feed.</p>
<a href="{{ route('feeds.create') }}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> <a href="{{ route('feeds.create') }}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">

View file

@ -38,9 +38,9 @@
<dd class="mt-1 text-sm text-gray-900"> <dd class="mt-1 text-sm text-gray-900">
<div class="flex items-center"> <div class="flex items-center">
@if($feed->type === 'rss') @if($feed->type === 'rss')
<i class="fas fa-rss text-orange-500 mr-2"></i> <x-heroicon-o-rss class="w-4 h-4 text-orange-500 mr-2" />
@else @else
<i class="fas fa-globe text-blue-500 mr-2"></i> <x-heroicon-o-globe-alt class="w-4 h-4 text-blue-500 mr-2" />
@endif @endif
{{ $feed->type_display }} {{ $feed->type_display }}
</div> </div>
@ -52,7 +52,7 @@
<dd class="mt-1 text-sm text-gray-900"> <dd class="mt-1 text-sm text-gray-900">
<a href="{{ $feed->url }}" target="_blank" class="text-indigo-600 hover:text-indigo-500"> <a href="{{ $feed->url }}" target="_blank" class="text-indigo-600 hover:text-indigo-500">
{{ $feed->url }} {{ $feed->url }}
<i class="fas fa-external-link-alt ml-1 text-xs"></i> <x-heroicon-o-arrow-top-right-on-square class="w-3 h-3 ml-1" />
</a> </a>
</dd> </dd>
</div> </div>

View file

@ -5,7 +5,7 @@
@section('content') @section('content')
<div class="mb-6"> <div class="mb-6">
<a href="{{ route('platforms.create') }}" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg inline-flex items-center"> <a href="{{ route('platforms.create') }}" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg inline-flex items-center">
<i class="fas fa-plus mr-2"></i> <x-heroicon-o-plus class="w-4 h-4 mr-2" />
Add Platform Account Add Platform Account
</a> </a>
</div> </div>
@ -18,11 +18,11 @@
@if($accounts->isEmpty()) @if($accounts->isEmpty())
<div class="p-6 text-center"> <div class="p-6 text-center">
<i class="fas fa-share-alt text-gray-400 text-4xl mb-4"></i> <x-heroicon-o-share class="w-16 h-16 text-gray-400 mb-4" />
<h3 class="text-lg font-medium text-gray-900 mb-2">No platform accounts configured</h3> <h3 class="text-lg font-medium text-gray-900 mb-2">No platform accounts configured</h3>
<p class="text-gray-600 mb-4">Add your first platform account to start posting articles</p> <p class="text-gray-600 mb-4">Add your first platform account to start posting articles</p>
<a href="{{ route('platforms.create') }}" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg inline-flex items-center"> <a href="{{ route('platforms.create') }}" class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg inline-flex items-center">
<i class="fas fa-plus mr-2"></i> <x-heroicon-o-plus class="w-4 h-4 mr-2" />
Add Platform Account Add Platform Account
</a> </a>
</div> </div>
@ -43,9 +43,9 @@
<tr class="hover:bg-gray-50"> <tr class="hover:bg-gray-50">
<td class="px-6 py-4 whitespace-nowrap"> <td class="px-6 py-4 whitespace-nowrap">
<div class="flex items-center"> <div class="flex items-center">
<i class="fab fa-{{ $account->platform }} text-lg mr-3 <x-heroicon-o-globe-alt class="w-5 h-5 mr-3
{{ $account->platform === 'lemmy' ? 'text-orange-500' : {{ $account->platform === 'lemmy' ? 'text-orange-500' :
($account->platform === 'mastodon' ? 'text-purple-500' : 'text-red-500') }}"></i> ($account->platform === 'mastodon' ? 'text-purple-500' : 'text-red-500') }}" />
<span class="text-sm font-medium text-gray-900 capitalize">{{ $account->platform }}</span> <span class="text-sm font-medium text-gray-900 capitalize">{{ $account->platform }}</span>
@if($account->is_active) @if($account->is_active)
<span class="ml-2 inline-flex px-2 py-1 text-xs font-semibold rounded-full bg-green-100 text-green-800"> <span class="ml-2 inline-flex px-2 py-1 text-xs font-semibold rounded-full bg-green-100 text-green-800">
@ -74,13 +74,13 @@
<form action="{{ route('platforms.set-active', $account) }}" method="POST" class="inline"> <form action="{{ route('platforms.set-active', $account) }}" method="POST" class="inline">
@csrf @csrf
<button type="submit" class="text-green-600 hover:text-green-900"> <button type="submit" class="text-green-600 hover:text-green-900">
<i class="fas fa-check mr-1"></i>Set Active <x-heroicon-o-check class="w-4 h-4 mr-1" />Set Active
</button> </button>
</form> </form>
@endif @endif
<a href="{{ route('platforms.edit', $account) }}" class="text-blue-600 hover:text-blue-900"> <a href="{{ route('platforms.edit', $account) }}" class="text-blue-600 hover:text-blue-900">
<i class="fas fa-edit mr-1"></i>Edit <x-heroicon-o-pencil class="w-4 h-4 mr-1" />Edit
</a> </a>
<form action="{{ route('platforms.destroy', $account) }}" method="POST" class="inline" <form action="{{ route('platforms.destroy', $account) }}" method="POST" class="inline"
@ -88,7 +88,7 @@
@csrf @csrf
@method('DELETE') @method('DELETE')
<button type="submit" class="text-red-600 hover:text-red-900"> <button type="submit" class="text-red-600 hover:text-red-900">
<i class="fas fa-trash mr-1"></i>Delete <x-heroicon-o-trash class="w-4 h-4 mr-1" />Delete
</button> </button>
</form> </form>
</div> </div>

View file

@ -133,7 +133,7 @@ class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-
<div class="mt-6 bg-yellow-50 border border-yellow-200 rounded-md p-4"> <div class="mt-6 bg-yellow-50 border border-yellow-200 rounded-md p-4">
<div class="flex"> <div class="flex">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<i class="fas fa-exclamation-triangle text-yellow-400"></i> <x-heroicon-o-exclamation-triangle class="w-5 h-5 text-yellow-400" />
</div> </div>
<div class="ml-3"> <div class="ml-3">
<h3 class="text-sm font-medium text-yellow-800">Prerequisites Missing</h3> <h3 class="text-sm font-medium text-yellow-800">Prerequisites Missing</h3>

View file

@ -24,9 +24,9 @@
<span class="font-medium text-gray-700">Feed:</span> <span class="font-medium text-gray-700">Feed:</span>
<div class="flex items-center mt-1"> <div class="flex items-center mt-1">
@if($feed->type === 'rss') @if($feed->type === 'rss')
<i class="fas fa-rss text-orange-500 mr-2"></i> <x-heroicon-o-rss class="w-4 h-4 text-orange-500 mr-2" />
@else @else
<i class="fas fa-globe text-blue-500 mr-2"></i> <x-heroicon-o-globe-alt class="w-4 h-4 text-blue-500 mr-2" />
@endif @endif
{{ $feed->name }} {{ $feed->name }}
</div> </div>
@ -34,7 +34,7 @@
<div> <div>
<span class="font-medium text-gray-700">Channel:</span> <span class="font-medium text-gray-700">Channel:</span>
<div class="flex items-center mt-1"> <div class="flex items-center mt-1">
<i class="fas fa-hashtag text-gray-400 mr-2"></i> <x-heroicon-o-hashtag class="w-4 h-4 text-gray-400 mr-2" />
{{ $channel->name }} {{ $channel->name }}
<span class="ml-2 text-gray-500">({{ $channel->platformInstance->name }})</span> <span class="ml-2 text-gray-500">({{ $channel->platformInstance->name }})</span>
</div> </div>
@ -87,7 +87,7 @@ class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-
<div class="bg-blue-50 border border-blue-200 rounded-md p-4"> <div class="bg-blue-50 border border-blue-200 rounded-md p-4">
<div class="flex"> <div class="flex">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<i class="fas fa-info-circle text-blue-400"></i> <x-heroicon-o-information-circle class="w-5 h-5 text-blue-400" />
</div> </div>
<div class="ml-3"> <div class="ml-3">
<h3 class="text-sm font-medium text-blue-800">Filter Examples</h3> <h3 class="text-sm font-medium text-blue-800">Filter Examples</h3>

View file

@ -32,9 +32,9 @@
<div class="px-4 py-4"> <div class="px-4 py-4">
<div class="flex items-center mb-3"> <div class="flex items-center mb-3">
@if($feed->type === 'rss') @if($feed->type === 'rss')
<i class="fas fa-rss text-orange-500 mr-2"></i> <x-heroicon-o-rss class="w-4 h-4 text-orange-500 mr-2" />
@else @else
<i class="fas fa-globe text-blue-500 mr-2"></i> <x-heroicon-o-globe-alt class="w-4 h-4 text-blue-500 mr-2" />
@endif @endif
<span class="font-medium text-gray-900">{{ $feed->name }}</span> <span class="font-medium text-gray-900">{{ $feed->name }}</span>
<span class="ml-2 inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800"> <span class="ml-2 inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
@ -45,7 +45,7 @@
@foreach($feed->channels as $channel) @foreach($feed->channels as $channel)
<div class="flex items-center justify-between bg-gray-50 rounded px-3 py-2"> <div class="flex items-center justify-between bg-gray-50 rounded px-3 py-2">
<div class="flex items-center"> <div class="flex items-center">
<i class="fas fa-hashtag text-gray-400 mr-2"></i> <x-heroicon-o-hashtag class="w-4 h-4 text-gray-400 mr-2" />
<span class="text-sm text-gray-900">{{ $channel->name }}</span> <span class="text-sm text-gray-900">{{ $channel->name }}</span>
<span class="ml-2 text-xs text-gray-500">({{ $channel->platformInstance->name }})</span> <span class="ml-2 text-xs text-gray-500">({{ $channel->platformInstance->name }})</span>
@if(!$channel->pivot->is_active) @if(!$channel->pivot->is_active)
@ -98,7 +98,7 @@
@if($channel->feeds->count() > 0) @if($channel->feeds->count() > 0)
<div class="px-4 py-4"> <div class="px-4 py-4">
<div class="flex items-center mb-3"> <div class="flex items-center mb-3">
<i class="fas fa-hashtag text-gray-400 mr-2"></i> <x-heroicon-o-hashtag class="w-4 h-4 text-gray-400 mr-2" />
<span class="font-medium text-gray-900">{{ $channel->name }}</span> <span class="font-medium text-gray-900">{{ $channel->name }}</span>
<span class="ml-2 text-xs text-gray-500">({{ $channel->platformInstance->name }})</span> <span class="ml-2 text-xs text-gray-500">({{ $channel->platformInstance->name }})</span>
<span class="ml-2 inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800"> <span class="ml-2 inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
@ -110,9 +110,9 @@
<div class="flex items-center justify-between bg-gray-50 rounded px-3 py-2"> <div class="flex items-center justify-between bg-gray-50 rounded px-3 py-2">
<div class="flex items-center"> <div class="flex items-center">
@if($feed->type === 'rss') @if($feed->type === 'rss')
<i class="fas fa-rss text-orange-500 mr-2"></i> <x-heroicon-o-rss class="w-4 h-4 text-orange-500 mr-2" />
@else @else
<i class="fas fa-globe text-blue-500 mr-2"></i> <x-heroicon-o-globe-alt class="w-4 h-4 text-blue-500 mr-2" />
@endif @endif
<span class="text-sm text-gray-900">{{ $feed->name }}</span> <span class="text-sm text-gray-900">{{ $feed->name }}</span>
@if(!$feed->pivot->is_active) @if(!$feed->pivot->is_active)
@ -138,7 +138,7 @@
@if($feeds->where('channels')->isEmpty() && $channels->where('feeds')->isEmpty()) @if($feeds->where('channels')->isEmpty() && $channels->where('feeds')->isEmpty())
<div class="text-center py-12"> <div class="text-center py-12">
<i class="fas fa-route text-gray-400 text-6xl mb-4"></i> <x-heroicon-o-arrow-path class="w-24 h-24 text-gray-400 mb-4" />
<h3 class="text-lg font-medium text-gray-900 mb-2">No routing configured</h3> <h3 class="text-lg font-medium text-gray-900 mb-2">No routing configured</h3>
<p class="text-gray-500 mb-4">Connect your feeds to channels to start routing content.</p> <p class="text-gray-500 mb-4">Connect your feeds to channels to start routing content.</p>
<a href="{{ route('routing.create') }}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"> <a href="{{ route('routing.create') }}" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">

View file

@ -6,31 +6,31 @@
<nav class="mt-8"> <nav class="mt-8">
<a href="/articles" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors {{ request()->is('articles') ? 'bg-gray-700 text-white' : '' }}"> <a href="/articles" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors {{ request()->is('articles') ? 'bg-gray-700 text-white' : '' }}">
<i class="fas fa-newspaper mr-3"></i> <x-heroicon-o-newspaper class="w-5 h-5 mr-3" />
Articles Articles
</a> </a>
<a href="/platforms" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors {{ request()->is('platforms*') ? 'bg-gray-700 text-white' : '' }}"> <a href="/platforms" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors {{ request()->is('platforms*') ? 'bg-gray-700 text-white' : '' }}">
<i class="fas fa-share-alt mr-3"></i> <x-heroicon-o-share class="w-5 h-5 mr-3" />
Platforms Platforms
</a> </a>
<a href="/channels" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors {{ request()->is('channels*') ? 'bg-gray-700 text-white' : '' }}"> <a href="/channels" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors {{ request()->is('channels*') ? 'bg-gray-700 text-white' : '' }}">
<i class="fas fa-hashtag mr-3"></i> <x-heroicon-o-hashtag class="w-5 h-5 mr-3" />
Channels Channels
</a> </a>
<a href="/feeds" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors {{ request()->is('feeds*') ? 'bg-gray-700 text-white' : '' }}"> <a href="/feeds" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors {{ request()->is('feeds*') ? 'bg-gray-700 text-white' : '' }}">
<i class="fas fa-rss mr-3"></i> <x-heroicon-o-rss class="w-5 h-5 mr-3" />
Feeds Feeds
</a> </a>
<a href="/routing" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors {{ request()->is('routing*') ? 'bg-gray-700 text-white' : '' }}"> <a href="/routing" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors {{ request()->is('routing*') ? 'bg-gray-700 text-white' : '' }}">
<i class="fas fa-route mr-3"></i> <x-heroicon-o-arrow-path class="w-5 h-5 mr-3" />
Routing Routing
</a> </a>
<a href="/logs" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors {{ request()->is('logs') ? 'bg-gray-700 text-white' : '' }}"> <a href="/logs" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors {{ request()->is('logs') ? 'bg-gray-700 text-white' : '' }}">
<i class="fas fa-list mr-3"></i> <x-heroicon-o-list-bullet class="w-5 h-5 mr-3" />
Logs Logs
</a> </a>
<a href="/horizon" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors"> <a href="/horizon" class="flex items-center px-4 py-3 text-gray-300 hover:bg-gray-700 hover:text-white transition-colors">
<i class="fas fa-chart-line mr-3"></i> <x-heroicon-o-chart-bar class="w-5 h-5 mr-3" />
Queue Monitor Queue Monitor
</a> </a>
</nav> </nav>