Skip to content

Improve UI/UX throughout the application #1429

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
delicatacurtis merged 3 commits into from
Mar 9, 2026
Merged

Improve UI/UX throughout the application #1429

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
c49dff7
Initial plan
Copilot Feb 19, 2026
2b43322
Improve UI and UX throughout the application
Copilot Mar 2, 2026
acfb428
Merge branch 'main' into copilot/improve-ui-ux
delicatacurtis Mar 9, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
96 changes: 61 additions & 35 deletions app/Filament/App/Resources/FamilyResource.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,12 @@
namespace App\Filament\App\Resources;

use Override;
use Filament\Forms\Components\Section;
use Filament\Forms\Components\Textarea;
use Filament\Forms\Components\TextInput;
use Filament\Forms\Components\Toggle;
use Filament\Tables\Columns\TextColumn;
use Filament\Tables\Columns\IconColumn;
use Filament\Actions\EditAction;
use Filament\Actions\BulkActionGroup;
use Filament\Actions\DeleteBulkAction;
Expand Down Expand Up @@ -38,23 +41,48 @@ public static function form(Schema $schema): Schema
{
return $schema
->components([
Textarea::make('description')
->maxLength(65535)
->columnSpanFull(),
TextInput::make('is_active')
->numeric(),
TextInput::make('type_id')
->numeric(),
TextInput::make('husband_id')
->numeric(),
TextInput::make('wife_id')
->numeric(),
TextInput::make('chan')
->maxLength(255),
TextInput::make('nchi')
->maxLength(255),
TextInput::make('rin')
->maxLength(255),
Section::make('Family Members')
->description('Identify the husband and wife in this family unit')
->icon('heroicon-o-users')
->columns(2)
->schema([
TextInput::make('husband_id')
->label('Husband ID')
->numeric(),
TextInput::make('wife_id')
->label('Wife ID')
->numeric(),
TextInput::make('nchi')
->label('Number of Children')
->maxLength(255),
TextInput::make('type_id')
->label('Family Type')
->numeric(),
Toggle::make('is_active')
->label('Active')
->default(true),
]),

Section::make('Notes')
->icon('heroicon-o-document-text')
->schema([
Textarea::make('description')
->maxLength(65535)
->columnSpanFull(),
]),

Section::make('Record References')
->icon('heroicon-o-hashtag')
->columns(2)
->collapsed()
->schema([
TextInput::make('chan')
->label('Change Date')
->maxLength(255),
TextInput::make('rin')
->label('RIN')
->maxLength(255),
]),
]);
}

Expand All @@ -63,39 +91,37 @@ public static function table(Table $table): Table
{
return $table
->columns([
TextColumn::make('is_active')
->numeric()
->sortable(),
TextColumn::make('type_id')
->numeric()
TextColumn::make('id')
->label('ID')
->sortable(),
TextColumn::make('husband_id')
->label('Husband ID')
->numeric()
->sortable(),
TextColumn::make('wife_id')
->label('Wife ID')
->numeric()
->sortable(),
TextColumn::make('nchi')
->label('Children')
->searchable(),
IconColumn::make('is_active')
->label('Active')
->boolean(),
TextColumn::make('created_at')
->dateTime()
->label('Created')
->since()
->sortable()
->toggleable(isToggledHiddenByDefault: true),
TextColumn::make('updated_at')
->dateTime()
->label('Updated')
->since()
->sortable()
->toggleable(isToggledHiddenByDefault: true),
TextColumn::make('deleted_at')
->dateTime()
->sortable()
->toggleable(isToggledHiddenByDefault: true),
TextColumn::make('chan')
->searchable(),
TextColumn::make('nchi')
->searchable(),
TextColumn::make('rin')
->searchable(),
])
->filters([
//
Tables\Filters\TernaryFilter::make('is_active')
->label('Active'),
])
->recordActions([
EditAction::make(),
Expand Down
135 changes: 80 additions & 55 deletions app/Filament/App/Resources/PersonResource.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,8 @@
use Filament\Forms\Components\TextInput;
use Filament\Forms\Components\Select;
use Filament\Forms\Components\DateTimePicker;
use Filament\Forms\Components\Section;
use Filament\Forms\Components\Grid;
use Filament\Tables\Columns\TextColumn;
use Filament\Actions\EditAction;
use Filament\Actions\BulkActionGroup;
Expand Down Expand Up @@ -46,36 +48,65 @@ public static function form(Schema $schema): Schema
{
return $schema
->components([
TextInput::make('givn')->label('First Name'),
TextInput::make('surn')->label('Last Name'),
Select::make('sex')
->options([
'M' => 'Male',
'F' => 'Female',
])
->label('Sex'),
TextInput::make('child_in_family_id')->label('Child In Family ID'),
TextInput::make('description')->label('Description'),
TextInput::make('titl')->label('Title'),
TextInput::make('name')->label('Name'),
TextInput::make('appellative')->label('Appellative'),
TextInput::make('email')->label('Email'),
TextInput::make('phone')->label('Phone'),
DateTimePicker::make('birthday')->label('Birthday'),
DateTimePicker::make('deathday')->label('Deathday'),
FileUpload::make('photo_url')
->image()
->label('Profile Photo')
->directory('people')
->disk('public'),
DateTimePicker::make('burial_day')->label('Burial Day'),
TextInput::make('bank')->label('Bank'),
TextInput::make('bank_account')->label('Bank Account'),
TextInput::make('chan')->label('Chan'),
TextInput::make('rin')->label('Rin'),
TextInput::make('resn')->label('Resn'),
TextInput::make('rfn')->label('Rfn'),
TextInput::make('afn')->label('Afn'),
Section::make('Basic Information')
->description('Core identity and personal details')
->icon('heroicon-o-user')
->columns(2)
->schema([
FileUpload::make('photo_url')
->image()
->label('Profile Photo')
->directory('persons')
->disk('public')
->columnSpanFull(),
TextInput::make('givn')->label('First Name'),
TextInput::make('surn')->label('Last Name'),
TextInput::make('titl')->label('Title'),
TextInput::make('appellative')->label('Appellative'),
TextInput::make('name')->label('Full Name'),
Select::make('sex')
->options([
'M' => 'Male',
'F' => 'Female',
])
->label('Sex'),
TextInput::make('description')->label('Description')->columnSpanFull(),
]),

Section::make('Vital Records')
->description('Birth, death, and burial information')
->icon('heroicon-o-calendar')
->columns(2)
->schema([
DateTimePicker::make('birthday')->label('Date of Birth'),
DateTimePicker::make('deathday')->label('Date of Death'),
DateTimePicker::make('burial_day')->label('Burial Date'),
TextInput::make('child_in_family_id')->label('Child in Family ID'),
]),

Section::make('Contact Information')
->description('Email and phone details')
->icon('heroicon-o-envelope')
->columns(2)
->schema([
TextInput::make('email')->label('Email')->email(),
TextInput::make('phone')->label('Phone'),
]),

Section::make('Record References')
->description('Genealogy record identifiers and metadata')
->icon('heroicon-o-document-text')
->columns(3)
->collapsed()
->schema([
TextInput::make('rin')->label('RIN'),
TextInput::make('rfn')->label('RFN'),
TextInput::make('afn')->label('AFN'),
TextInput::make('resn')->label('Restriction'),
TextInput::make('chan')->label('Change Date'),
TextInput::make('bank')->label('Bank'),
TextInput::make('bank_account')->label('Bank Account'),
]),
]);
}

Expand All @@ -84,33 +115,27 @@ public static function table(Table $table): Table
{
return $table
->columns([
TextColumn::make('givn')->label('First Name'),
TextColumn::make('surn')->label('Last Name'),
TextColumn::make('sex')->label('Sex'),
TextColumn::make('child_in_family_id')->label('Child In Family ID'),
TextColumn::make('description')->label('Description'),
TextColumn::make('titl')->label('Title'),
TextColumn::make('name')->label('Name'),
TextColumn::make('appellative')->label('Appellative'),
TextColumn::make('email')->label('Email'),
TextColumn::make('phone')->label('Phone'),
TextColumn::make('birthday')->label('Birthday'),
TextColumn::make('deathday')->label('Deathday'),
ImageColumn::make('photo_url')->label('Photo')->disk('public')->height(40)->width(40),
TextColumn::make('burial_day')->label('Burial Day'),
TextColumn::make('bank')->label('Bank'),
TextColumn::make('bank_account')->label('Bank Account'),
TextColumn::make('chan')->label('Chan'),
TextColumn::make('rin')->label('Rin'),
TextColumn::make('resn')->label('Resn'),
TextColumn::make('rfn')->label('Rfn'),
TextColumn::make('afn')->label('Afn'),
TextColumn::make('created_at')->label('Created At')->sortable(),
TextColumn::make('updated_at')->label('Updated At')->sortable(),

ImageColumn::make('photo_url')->label('Photo')->disk('public')->height(40)->width(40)->circular(),
TextColumn::make('givn')->label('First Name')->searchable()->sortable(),
TextColumn::make('surn')->label('Last Name')->searchable()->sortable(),
TextColumn::make('sex')->label('Sex')->badge()
->color(fn (string $state): string => match ($state) {
'M' => 'info',
'F' => 'danger',
default => 'gray',
}),
TextColumn::make('birthday')->label('Born')->date('Y')->sortable(),
TextColumn::make('deathday')->label('Died')->date('Y')->sortable(),
TextColumn::make('email')->label('Email')->toggleable(isToggledHiddenByDefault: true),
TextColumn::make('phone')->label('Phone')->toggleable(isToggledHiddenByDefault: true),
TextColumn::make('created_at')->label('Added')->since()->sortable()->toggleable(isToggledHiddenByDefault: true),
])
->filters([
//
Tables\Filters\SelectFilter::make('sex')
->options([
'M' => 'Male',
'F' => 'Female',
]),
])
->recordActions([
EditAction::make(),
Expand Down
Loading
Loading