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",
"require": {
"php": "^8.2",
"blade-ui-kit/blade-heroicons": "^2.6",
"inertiajs/inertia-laravel": "^2.0",
"laravel/framework": "^12.0",
"laravel/horizon": "^5.29",

View file

@ -5,7 +5,6 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@yield('title', 'Lemmy Poster Admin')</title>
<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>
<body class="bg-gray-100">
<div class="flex h-screen">

View file

@ -25,9 +25,9 @@
<div class="flex items-center">
<div class="flex-shrink-0">
@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
<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
</div>
<div class="ml-4">
@ -73,7 +73,7 @@
</ul>
@else
<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>
<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">

View file

@ -38,9 +38,9 @@
<dd class="mt-1 text-sm text-gray-900">
<div class="flex items-center">
@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
<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
{{ $feed->type_display }}
</div>
@ -52,7 +52,7 @@
<dd class="mt-1 text-sm text-gray-900">
<a href="{{ $feed->url }}" target="_blank" class="text-indigo-600 hover:text-indigo-500">
{{ $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>
</dd>
</div>

View file

@ -5,7 +5,7 @@
@section('content')
<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">
<i class="fas fa-plus mr-2"></i>
<x-heroicon-o-plus class="w-4 h-4 mr-2" />
Add Platform Account
</a>
</div>
@ -18,11 +18,11 @@
@if($accounts->isEmpty())
<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>
<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">
<i class="fas fa-plus mr-2"></i>
<x-heroicon-o-plus class="w-4 h-4 mr-2" />
Add Platform Account
</a>
</div>
@ -43,9 +43,9 @@
<tr class="hover:bg-gray-50">
<td class="px-6 py-4 whitespace-nowrap">
<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 === '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>
@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">
@ -74,13 +74,13 @@
<form action="{{ route('platforms.set-active', $account) }}" method="POST" class="inline">
@csrf
<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>
</form>
@endif
<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>
<form action="{{ route('platforms.destroy', $account) }}" method="POST" class="inline"
@ -88,7 +88,7 @@
@csrf
@method('DELETE')
<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>
</form>
</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="flex">
<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 class="ml-3">
<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>
<div class="flex items-center mt-1">
@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
<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
{{ $feed->name }}
</div>
@ -34,7 +34,7 @@
<div>
<span class="font-medium text-gray-700">Channel:</span>
<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 }}
<span class="ml-2 text-gray-500">({{ $channel->platformInstance->name }})</span>
</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="flex">
<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 class="ml-3">
<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="flex items-center mb-3">
@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
<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
<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">
@ -45,7 +45,7 @@
@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">
<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="ml-2 text-xs text-gray-500">({{ $channel->platformInstance->name }})</span>
@if(!$channel->pivot->is_active)
@ -98,7 +98,7 @@
@if($channel->feeds->count() > 0)
<div class="px-4 py-4">
<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="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">
@ -110,9 +110,9 @@
<div class="flex items-center justify-between bg-gray-50 rounded px-3 py-2">
<div class="flex items-center">
@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
<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
<span class="text-sm text-gray-900">{{ $feed->name }}</span>
@if(!$feed->pivot->is_active)
@ -138,7 +138,7 @@
@if($feeds->where('channels')->isEmpty() && $channels->where('feeds')->isEmpty())
<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>
<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">

View file

@ -6,31 +6,31 @@
<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' : '' }}">
<i class="fas fa-newspaper mr-3"></i>
<x-heroicon-o-newspaper class="w-5 h-5 mr-3" />
Articles
</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' : '' }}">
<i class="fas fa-share-alt mr-3"></i>
<x-heroicon-o-share class="w-5 h-5 mr-3" />
Platforms
</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' : '' }}">
<i class="fas fa-hashtag mr-3"></i>
<x-heroicon-o-hashtag class="w-5 h-5 mr-3" />
Channels
</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' : '' }}">
<i class="fas fa-rss mr-3"></i>
<x-heroicon-o-rss class="w-5 h-5 mr-3" />
Feeds
</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' : '' }}">
<i class="fas fa-route mr-3"></i>
<x-heroicon-o-arrow-path class="w-5 h-5 mr-3" />
Routing
</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' : '' }}">
<i class="fas fa-list mr-3"></i>
<x-heroicon-o-list-bullet class="w-5 h-5 mr-3" />
Logs
</a>
<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
</a>
</nav>