Skip to content

Commit

Permalink
feat: added icons to tables
Browse files Browse the repository at this point in the history
  • Loading branch information
@lewislarsen
lewislarsen committed Jun 30, 2024
1 parent 039faf5 commit 6278ed2
Show file tree
Hide file tree
Showing 7 changed files with 41 additions and 8 deletions.
9 changes: 6 additions & 3 deletions resources/views/components/table/wrapper.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,10 +5,13 @@ class="mt-6 overflow-hidden border border-gray-950/5 dark:border-gray-800/30 bg-
<div class="px-4 sm:px-6">
<div class="md:flex justify-between">
<div>
<h1 class="text-lg font-medium leading-6 text-gray-900 dark:text-white">
@isset($icon)
{{ $icon }}
@endisset
<h1 class="inline text-lg font-medium leading-6 text-gray-900 dark:text-white">
{{ $title }}
</h1>
<p class="dark:text-gray-100 text-gray-500 font-medium text-base my-1 text-center sm:text-left sm:ml-6 -mt-0">
<p class="dark:text-gray-200 text-gray-600 font-medium text-sm text-center sm:text-left sm:ml-8">
{{ $description ?? '' }}
</p>
</div>
Expand All @@ -21,7 +24,7 @@ class="mt-6 overflow-hidden border border-gray-950/5 dark:border-gray-800/30 bg-
@endisset
<div>
@isset($header)
<div class="mt-4 border-t border-gray-200 dark:border-gray-700/30"></div>
<div class="mt-3 border-t border-gray-200 dark:border-gray-700/30"></div>
<div {{ $attributes->merge(['class' => 'grid gap-0 text-center bg-gray-50 px-2 py-1.5 border-gray-200 dark:border-gray-700/30 font-medium text-gray-800 dark:text-gray-100 dark:bg-gray-900/30']) }} >
{{ $header }}
</div>
Expand Down
10 changes: 5 additions & 5 deletions resources/views/dashboard.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,10 +32,10 @@
<div class="flex">
<div class="flex-shrink-0">
<div class="flex items-center">
@svg('heroicon-o-archive-box', 'h-7 w-7 text-gray-800 dark:text-gray-200 -mt-3
@svg('heroicon-o-clock', 'h-7 w-7 text-gray-800 dark:text-gray-200 -mt-3
mr-2.5')
<h3 class="text-lg font-medium text-gray-800 dark:text-gray-200 mb-4">
{{ __('Backup Tasks Ran Per Month') }}
<h3 class="text-lg font-medium text-gray-900 dark:text-white mb-4">
{{ __('Monthly Backup Task Activity') }}
</h3>
</div>
</div>
Expand All @@ -49,8 +49,8 @@
<div class="flex-shrink-0">
<div class="flex items-center">
@svg('heroicon-o-swatch', 'h-7 w-7 text-gray-800 dark:text-gray-200 -mt-3 mr-2.5')
<h3 class="text-lg font-medium text-gray-800 dark:text-gray-200 mb-4">
{{ __('Backup Tasks by Type') }}
<h3 class="text-lg font-medium text-gray-900 dark:text-white mb-4">
{{ __('Backup Tasks Categorized by Type') }}
</h3>
</div>
</div>
Expand Down
6 changes: 6 additions & 0 deletions resources/views/livewire/backup-destinations/index-table.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,12 @@
</x-no-content>
@else
<x-table.wrapper title="{{ __('Backup Destinations') }}" class="grid-cols-8">
<x-slot name="icon">
@svg('heroicon-o-globe-europe-africa', 'h-6 w-6 text-gray-800 dark:text-gray-200 mr-1.5 inline')
</x-slot>
<x-slot name="description">
{{ __('A summary of configured backup destinations, where your backups will reside.') }}
</x-slot>
<x-slot name="header">
<x-table.header-item class="col-span-2">
{{ __('Label') }}
Expand Down
6 changes: 6 additions & 0 deletions resources/views/livewire/backup-tasks/index-table.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,12 @@
</x-no-content>
@else
<x-table.wrapper title="{{ __('Backup Tasks') }}" class="grid-cols-12">
<x-slot name="icon">
@svg('heroicon-o-archive-box', 'h-6 w-6 text-gray-800 dark:text-gray-200 mr-1.5 inline')
</x-slot>
<x-slot name="description">
{{ __('An overview of all configured backup tasks along with their current statuses.') }}
</x-slot>
<x-slot name="header">
<x-table.header-item class="col-span-2">
{{ __('Label') }}
Expand Down
6 changes: 6 additions & 0 deletions resources/views/livewire/dashboard/upcoming-backup-tasks.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,12 @@
</x-no-content>
@else
<x-table.wrapper title="{{ __('Upcoming Backup Tasks') }}" class="grid-cols-8">
<x-slot name="icon">
@svg('heroicon-o-calendar', 'h-6 w-6 text-gray-800 dark:text-gray-200 mr-1.5 inline')
</x-slot>
<x-slot name="description">
{{ __('Scheduled backup tasks that are set to run soon.') }}
</x-slot>
<x-slot name="header">
<x-table.header-item class="col-span-2">
{{ __('Task Label') }}
Expand Down
6 changes: 6 additions & 0 deletions resources/views/livewire/remote-servers/index-table.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,12 @@
</x-no-content>
@else
<x-table.wrapper title="{{ __('Remote Servers') }}" class="grid-cols-10">
<x-slot name="icon">
@svg('heroicon-o-server-stack', 'h-6 w-6 text-gray-800 dark:text-gray-200 mr-1.5 inline')
</x-slot>
<x-slot name="description">
{{ __('A list of all linked remote servers, from which your data will be backed up.') }}
</x-slot>
<x-slot name="header">
<x-table.header-item class="col-span-2">
{{ __('Server Label') }}
Expand Down
6 changes: 6 additions & 0 deletions resources/views/livewire/tags/index-table.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,6 +20,12 @@
</x-no-content>
@else
<x-table.wrapper title="{{ __('Tags') }}" class="grid-cols-8">
<x-slot name="icon">
@svg('heroicon-o-tag', 'h-6 w-6 text-gray-800 dark:text-gray-200 mr-1.5 inline')
</x-slot>
<x-slot name="description">
{{ __('All tags used to organize and identify your backup tasks.') }}
</x-slot>
<x-slot name="header">
<x-table.header-item class="col-span-2">
{{ __('Label') }}
Expand Down

0 comments on commit 6278ed2

Please sign in to comment.