Skip to content
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.

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

feat(librarium): Announcement management page #896

Merged
merged 5 commits into from
Jan 7, 2025
Merged
Changes from 1 commit
Commits
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
Next Next commit
feat(librarium): Announcement manager page
MathewEm committed Jan 7, 2025

Unverified

This commit is not signed, but one or more authors requires that any commit attributed to them is signed.
commit 45b61103ebbcc02215eb8e72725833493e58be41
209 changes: 209 additions & 0 deletions app/Filament/Resources/AnnouncementResource.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,209 @@
<?php

namespace App\Filament\Resources;

use App\Filament\Resources\AnnouncementResource\Pages;
use App\Filament\Resources\AnnouncementResource\RelationManagers;
use App\Models\Announcement;
use Filament\Forms;
use Filament\Forms\Form;
use Filament\Forms\Components\Actions;
use Filament\Infolists\Components;
use Filament\Infolists\Components\TextEntry;
use Filament\Infolists\Infolist;
use Filament\Resources\Resource;
use Filament\Tables;
use Filament\Tables\Table;
use Illuminate\Database\Eloquent\Builder;
use Illuminate\Database\Eloquent\SoftDeletingScope;
use Illuminate\Support\Carbon;

class AnnouncementResource extends Resource
{
protected static ?string $model = Announcement::class;

protected static ?string $navigationIcon = 'heroicon-o-rectangle-stack';

public static function form(Form $form): Form
{
return $form
->schema([
Forms\Components\Section::make('Announcement Content')
->columns(2)
->schema([
Forms\Components\TextInput::make('title_en')
->label('Title English')
->required()
->maxLength(255),
Forms\Components\TextInput::make('title_fr')
->label('Title French')
->required()
->maxLength(255),
Forms\Components\Textarea::make('text_en')
->label('Announcement English')
->autosize()
->required()
->maxLength(500),
Forms\Components\Textarea::make('text_fr')
->label('Announcement French')
->autosize()
->required()
->maxLength(500),
]),
Forms\Components\Section::make('Dates')
->description('All announcements will start at 00:00:00 UTC and end at 23:59:59 UTC of the dates selected!')
->schema([
Forms\Components\DateTimePicker::make('start_at')
->label('Start Date')
->withoutTime()
->default(fn () => now()->startOfDay())
->required()
->afterOrEqual('yesterday')
->beforeOrEqual('end_at'),
Forms\Components\DateTimePicker::make('end_at')
->label('End Date')
->withoutTime()
->default(fn () => now()->endOfDay())
->required()
->afterOrEqual('start_at'),
])
]);
}

public static function table(Table $table): Table
{
return $table
->columns([
Tables\Columns\TextColumn::make('title_en')
->label('Title English')
->wrap()
->sortable(),
Tables\Columns\TextColumn::make('title_fr')
->label('Title French')
->wrap()
->sortable(),
Tables\Columns\TextColumn::make('created_at')
->label('Created (UTC)')
->datetime('M d, Y H:i'),
Tables\Columns\TextColumn::make('start_at')
->label('Start (UTC)')
->datetime('M d, Y H:i')
->sortable(),
Tables\Columns\TextColumn::make('end_at')
->label('End (UTC)')
->datetime('M d, Y H:i')
->sortable(),
Tables\Columns\BadgeColumn::make('status')
->label('Status')
->getStateUsing(function ($record) {
$now = Carbon::now();
if ($record->start_at > $now) {
return 'Upcoming';
}
if ($record->start_at <= $now && $record->end_at >= $now) {
return 'Active';
}
if ($record->end_at < $now) {
return 'Passed';
}
})
->colors([
'warning' => 'Upcoming',
'success' => 'Active',
'info' => 'Passed',
])
])
->defaultSort('start_at','desc')
->filters([
//
])
->actions([
Tables\Actions\ViewAction::make(),
Tables\Actions\EditAction::make()
->mutateFormDataUsing(function (array $data): array {
$data['end_at'] = $data['end_at'] . 'T23:59:59';

return $data;
}),
Tables\Actions\DeleteAction::make(),
])
->bulkActions([
Tables\Actions\BulkActionGroup::make([
Tables\Actions\DeleteBulkAction::make(),
]),
]);
}

public static function infolist(Infolist $infolist): Infolist
{
return $infolist
->schema([
Components\Section::make('Info')
->schema([
Components\Grid::make(2)
->schema([
Components\Group::make([
TextEntry::make('title_en')
->label('Title English'),
TextEntry::make('created_at')
->label('Created (UTC)')
->datetime('M d, Y H:i'),
TextEntry::make('start_at')
->label('Start (UTC)')
->datetime('M d, Y H:i'),
]),
Components\Group::make([
TextEntry::make('title_fr')
->label('Title French'),
TextEntry::make('status')
->badge()
->getStateUsing(function ($record) {
$now = Carbon::now();
if ($record->start_at > $now) {
return 'Upcoming';
}
if ($record->start_at <= $now && $record->end_at >= $now) {
return 'Active';
}
if ($record->end_at < $now) {
return 'Passed';
}
})
->colors([
'secondary' => 'Upcoming',
'success' => 'Active',
'danger' => 'Passed',
]),
TextEntry::make('end_at')
->label('End (UTC)')
->datetime('M d, Y H:i'),
])
->columns(1)
])
]),
Components\Section::make('Message')
->schema([
Components\TextEntry::make('text_en')
->label('English'),
Components\TextEntry::make('text_fr')
->label('French'),
])
]);
}

public static function getRelations(): array
{
return [
//
];
}

public static function getPages(): array
{
return [
'index' => Pages\ListAnnouncements::route('/'),
'create' => Pages\CreateAnnouncement::route('/create'),
// 'edit' => Pages\EditAnnouncement::route('/{record}/edit'),
];
}
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<?php

namespace App\Filament\Resources\AnnouncementResource\Pages;

use App\Filament\Resources\AnnouncementResource;
use Filament\Actions;
use Filament\Resources\Pages\CreateRecord;

class CreateAnnouncement extends CreateRecord
{
protected static string $resource = AnnouncementResource::class;

protected static bool $canCreateAnother = false;

protected function mutateFormDataBeforeCreate(array $data): array
{
$data['end_at'] = $data['end_at'] . 'T23:59:59';

return $data;
}
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,20 @@
<?php

namespace App\Filament\Resources\AnnouncementResource\Pages;

use App\Models\Announcement;
use App\Filament\Resources\AnnouncementResource;
use Filament\Actions;
use Filament\Resources\Pages\EditRecord;

class EditAnnouncement extends EditRecord
{
protected static string $resource = AnnouncementResource::class;

protected function getHeaderActions(): array
{
return [
Actions\ViewAction::make(),
];
}
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<?php

namespace App\Filament\Resources\AnnouncementResource\Pages;

use App\Filament\Resources\AnnouncementResource;
use Filament\Actions;
use Filament\Resources\Pages\ListRecords;

class ListAnnouncements extends ListRecords
{
protected static string $resource = AnnouncementResource::class;

protected function getHeaderActions(): array
{
return [
Actions\CreateAction::make(),
];
}
}
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
<?php

namespace App\Filament\Resources\AnnouncementResource\Pages;

use App\Filament\Resources\AnnouncementResource;
use Filament\Actions;
use Filament\Resources\Pages\ViewRecord;

class ViewAnnouncement extends ViewRecord
{
protected static string $resource = AnnouncementResource::class;

protected function getHeaderActions(): array
{
return [
Actions\EditAction::make(),
];
}
}
25 changes: 24 additions & 1 deletion app/Models/Announcement.php
Original file line number Diff line number Diff line change
@@ -24,12 +24,35 @@ public function casts(): array
];
}

/**
* The attributes that are mass assignable.
*
* @var array<int, string>
*/
protected $fillable = [
'title_en',
'title_fr',
'text_en',
'text_fr',
'start_at',
'end_at',
];

/**
* The attributes that should be hidden for serialization.
*
* @var array<int, string>
*/
/* protected $hidden = [
'created_at',
* ]; */

/**
* Return active announcements
*/
public function scopeActive(Builder $query)
{
return $query->where('start_at', '<=', now())
->where('end_at', '>=', now());
->where('end_at', '>=', now());
}
}
6 changes: 0 additions & 6 deletions resources/src/auto-imports.d.ts
Original file line number Diff line number Diff line change
@@ -335,9 +335,6 @@ declare global {
// @ts-ignore
export type { Component, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
import('vue')
// @ts-ignore
export type { Locale } from './stores/LocaleStore'
import('./stores/LocaleStore')
}

// for vue template auto import
@@ -410,7 +407,6 @@ declare module 'vue' {
readonly onBeforeUpdate: UnwrapRef<typeof import('vue')['onBeforeUpdate']>
readonly onClickOutside: UnwrapRef<typeof import('@vueuse/core')['onClickOutside']>
readonly onDeactivated: UnwrapRef<typeof import('vue')['onDeactivated']>
readonly onElementRemoval: UnwrapRef<typeof import('@vueuse/core')['onElementRemoval']>
readonly onErrorCaptured: UnwrapRef<typeof import('vue')['onErrorCaptured']>
readonly onKeyStroke: UnwrapRef<typeof import('@vueuse/core')['onKeyStroke']>
readonly onLongPress: UnwrapRef<typeof import('@vueuse/core')['onLongPress']>
@@ -587,7 +583,6 @@ declare module 'vue' {
readonly usePreferredDark: UnwrapRef<typeof import('@vueuse/core')['usePreferredDark']>
readonly usePreferredLanguages: UnwrapRef<typeof import('@vueuse/core')['usePreferredLanguages']>
readonly usePreferredReducedMotion: UnwrapRef<typeof import('@vueuse/core')['usePreferredReducedMotion']>
readonly usePreferredReducedTransparency: UnwrapRef<typeof import('@vueuse/core')['usePreferredReducedTransparency']>
readonly usePrevious: UnwrapRef<typeof import('@vueuse/core')['usePrevious']>
readonly usePublicationStore: UnwrapRef<typeof import('./stores/PublicationStore')['usePublicationStore']>
readonly useRafFn: UnwrapRef<typeof import('@vueuse/core')['useRafFn']>
@@ -596,7 +591,6 @@ declare module 'vue' {
readonly useResizeObserver: UnwrapRef<typeof import('@vueuse/core')['useResizeObserver']>
readonly useRoute: UnwrapRef<typeof import('vue-router')['useRoute']>
readonly useRouter: UnwrapRef<typeof import('vue-router')['useRouter']>
readonly useSSRWidth: UnwrapRef<typeof import('@vueuse/core')['useSSRWidth']>
readonly useScreenOrientation: UnwrapRef<typeof import('@vueuse/core')['useScreenOrientation']>
readonly useScreenSafeArea: UnwrapRef<typeof import('@vueuse/core')['useScreenSafeArea']>
readonly useScriptTag: UnwrapRef<typeof import('@vueuse/core')['useScriptTag']>