From f3f500d491f1af730fe4d2badd4df41173b0b187 Mon Sep 17 00:00:00 2001 From: Yisroel Baum Date: Wed, 27 May 2026 21:14:24 +0300 Subject: [PATCH] add element icons --- backend/app/Controllers/ElementController.php | 1 + backend/app/Element/CreateElementDto.php | 1 + backend/app/Element/Element.php | 6 +++++ backend/app/Element/ElementModel.php | 3 +++ .../app/Element/EloquentElementRepository.php | 3 +++ .../UseCases/CreateElement/CreateElement.php | 5 +++++ .../CreateElement/CreateElementRequest.php | 1 + .../2026_05_24_000001_elements_table.php | 1 + backend/database/seeders/ElementSeeder.php | 3 +++ backend/tests/Fakes/FakeElementRepository.php | 2 ++ frontend/rabbi_gerzi/src/stores/elements.ts | 1 + .../rabbi_gerzi/src/views/ElementPage.vue | 22 +++++++++++++++++++ 12 files changed, 49 insertions(+) diff --git a/backend/app/Controllers/ElementController.php b/backend/app/Controllers/ElementController.php index fc03d9e..1c346c6 100644 --- a/backend/app/Controllers/ElementController.php +++ b/backend/app/Controllers/ElementController.php @@ -46,6 +46,7 @@ class ElementController 'id' => $element->getId(), 'title' => $element->getTitle(), 'description' => $element->getDescription(), + 'iconImageUrl' => $element->getIconImageUrl(), 'richText' => $element->getRichText(), 'pdfPath' => $element->getPdfPath(), 'youtubeUrl' => $element->getYoutubeUrl(), diff --git a/backend/app/Element/CreateElementDto.php b/backend/app/Element/CreateElementDto.php index cd8bec2..b5a9b7f 100644 --- a/backend/app/Element/CreateElementDto.php +++ b/backend/app/Element/CreateElementDto.php @@ -10,6 +10,7 @@ class CreateElementDto public Set $set, public string $title, public string $description, + public ?string $iconImageUrl, public string $richText, public ?string $pdfPath, public ?string $youtubeUrl, diff --git a/backend/app/Element/Element.php b/backend/app/Element/Element.php index f747d12..41fec0d 100644 --- a/backend/app/Element/Element.php +++ b/backend/app/Element/Element.php @@ -10,6 +10,7 @@ class Element private int $id, private string $title, private string $description, + private ?string $iconImageUrl, private string $richText, private ?string $pdfPath, private ?string $youtubeUrl, @@ -33,6 +34,11 @@ class Element return $this->description; } + public function getIconImageUrl(): ?string + { + return $this->iconImageUrl; + } + public function getRichText(): string { return $this->richText; diff --git a/backend/app/Element/ElementModel.php b/backend/app/Element/ElementModel.php index b246351..a71eb37 100644 --- a/backend/app/Element/ElementModel.php +++ b/backend/app/Element/ElementModel.php @@ -10,6 +10,7 @@ use Illuminate\Database\Eloquent\Model; * @property int $set_id * @property string $title * @property string $description + * @property string|null $icon_image_url * @property string $rich_text * @property string|null $pdf_path * @property string|null $youtube_url @@ -23,6 +24,7 @@ use Illuminate\Database\Eloquent\Model; * @method static Builder|ElementModel whereSetId($value) * @method static Builder|ElementModel whereTitle($value) * @method static Builder|ElementModel whereDescription($value) + * @method static Builder|ElementModel whereIconImageUrl($value) * @method static Builder|ElementModel whereRichText($value) * @method static Builder|ElementModel wherePdfPath($value) * @method static Builder|ElementModel whereYoutubeUrl($value) @@ -39,6 +41,7 @@ class ElementModel extends Model 'set_id', 'title', 'description', + 'icon_image_url', 'rich_text', 'pdf_path', 'youtube_url', diff --git a/backend/app/Element/EloquentElementRepository.php b/backend/app/Element/EloquentElementRepository.php index a957880..b8c06d7 100644 --- a/backend/app/Element/EloquentElementRepository.php +++ b/backend/app/Element/EloquentElementRepository.php @@ -18,6 +18,7 @@ class EloquentElementRepository implements ElementRepository 'set_id' => $dto->set->getId(), 'title' => $dto->title, 'description' => $dto->description, + 'icon_image_url' => $dto->iconImageUrl, 'rich_text' => $dto->richText, 'pdf_path' => $dto->pdfPath, 'youtube_url' => $dto->youtubeUrl, @@ -28,6 +29,7 @@ class EloquentElementRepository implements ElementRepository id: $model->id, title: $dto->title, description: $dto->description, + iconImageUrl: $dto->iconImageUrl, richText: $dto->richText, pdfPath: $dto->pdfPath, youtubeUrl: $dto->youtubeUrl, @@ -111,6 +113,7 @@ class EloquentElementRepository implements ElementRepository id: $model->id, title: $model->title, description: $model->description, + iconImageUrl: $model->icon_image_url, richText: $model->rich_text, pdfPath: $model->pdf_path, youtubeUrl: $model->youtube_url, diff --git a/backend/app/Element/UseCases/CreateElement/CreateElement.php b/backend/app/Element/UseCases/CreateElement/CreateElement.php index c0a8661..e91a0ac 100644 --- a/backend/app/Element/UseCases/CreateElement/CreateElement.php +++ b/backend/app/Element/UseCases/CreateElement/CreateElement.php @@ -31,6 +31,9 @@ class CreateElement throw new BadRequestException('title is required'); } $description = $request->description ?? ''; + $iconImageUrl = $request->iconImageUrl === '' + ? null + : $request->iconImageUrl; $richText = $request->richText ?? ''; $pdfPath = $request->pdfPath === '' ? null : $request->pdfPath; $youtubeUrl = $request->youtubeUrl === '' @@ -51,6 +54,7 @@ class CreateElement set: $set, title: $request->title, description: $description, + iconImageUrl: $iconImageUrl, richText: $richText, pdfPath: $pdfPath, youtubeUrl: $youtubeUrl, @@ -76,6 +80,7 @@ class CreateElement set: $set, title: $request->title, description: $description, + iconImageUrl: $iconImageUrl, richText: $richText, pdfPath: $pdfPath, youtubeUrl: $youtubeUrl, diff --git a/backend/app/Element/UseCases/CreateElement/CreateElementRequest.php b/backend/app/Element/UseCases/CreateElement/CreateElementRequest.php index 1738838..ef689cc 100644 --- a/backend/app/Element/UseCases/CreateElement/CreateElementRequest.php +++ b/backend/app/Element/UseCases/CreateElement/CreateElementRequest.php @@ -8,6 +8,7 @@ class CreateElementRequest public ?int $setId, public ?string $title, public ?string $description, + public ?string $iconImageUrl, public ?string $richText, public ?string $pdfPath, public ?string $youtubeUrl, diff --git a/backend/database/migrations/2026_05_24_000001_elements_table.php b/backend/database/migrations/2026_05_24_000001_elements_table.php index 90f708c..a93709d 100644 --- a/backend/database/migrations/2026_05_24_000001_elements_table.php +++ b/backend/database/migrations/2026_05_24_000001_elements_table.php @@ -13,6 +13,7 @@ return new class extends Migration $table->foreignId('set_id')->constrained('sets'); $table->string('title'); $table->text('description')->default(''); + $table->string('icon_image_url')->nullable(); $table->text('rich_text')->default(''); $table->string('pdf_path')->nullable(); $table->string('youtube_url')->nullable(); diff --git a/backend/database/seeders/ElementSeeder.php b/backend/database/seeders/ElementSeeder.php index af7ff09..776d842 100644 --- a/backend/database/seeders/ElementSeeder.php +++ b/backend/database/seeders/ElementSeeder.php @@ -18,6 +18,7 @@ class ElementSeeder extends Seeder set: $baderechSet, title: $baderechSet->getName(), description: $baderechSet->getDescription(), + iconImageUrl: '/assets/baderech-haavodah-icon.png', richText: '

Begin with a clear map for avodah growth.

' . '

Move steadily from awareness ' . 'to practice.

', @@ -31,6 +32,7 @@ class ElementSeeder extends Seeder title: 'Avodah Foundations', description: 'Core foundations for building a steady ' . 'avodah practice.', + iconImageUrl: null, richText: '

Avodah foundations begin with honest awareness ' . 'and small repeatable steps.

', pdfPath: null, @@ -41,6 +43,7 @@ class ElementSeeder extends Seeder set: $baderechSet, title: 'Daily Practice', description: 'Practical steps for consistent daily growth.', + iconImageUrl: null, richText: '

Daily practice turns inspiration into a ' . 'dependable rhythm.

', pdfPath: null, diff --git a/backend/tests/Fakes/FakeElementRepository.php b/backend/tests/Fakes/FakeElementRepository.php index a877d8b..132a526 100644 --- a/backend/tests/Fakes/FakeElementRepository.php +++ b/backend/tests/Fakes/FakeElementRepository.php @@ -21,6 +21,7 @@ class FakeElementRepository implements ElementRepository id: $id, title: $dto->title, description: $dto->description, + iconImageUrl: $dto->iconImageUrl, richText: $dto->richText, pdfPath: $dto->pdfPath, youtubeUrl: $dto->youtubeUrl, @@ -100,6 +101,7 @@ class FakeElementRepository implements ElementRepository id: $element->getId(), title: $element->getTitle(), description: $element->getDescription(), + iconImageUrl: $element->getIconImageUrl(), richText: $element->getRichText(), pdfPath: $element->getPdfPath(), youtubeUrl: $element->getYoutubeUrl(), diff --git a/frontend/rabbi_gerzi/src/stores/elements.ts b/frontend/rabbi_gerzi/src/stores/elements.ts index 5b52fdd..058c607 100644 --- a/frontend/rabbi_gerzi/src/stores/elements.ts +++ b/frontend/rabbi_gerzi/src/stores/elements.ts @@ -8,6 +8,7 @@ export interface ChildElement { } export interface Element extends ChildElement { + iconImageUrl: string | null richText: string pdfPath: string | null youtubeUrl: string | null diff --git a/frontend/rabbi_gerzi/src/views/ElementPage.vue b/frontend/rabbi_gerzi/src/views/ElementPage.vue index cee7153..f75460a 100644 --- a/frontend/rabbi_gerzi/src/views/ElementPage.vue +++ b/frontend/rabbi_gerzi/src/views/ElementPage.vue @@ -211,6 +211,14 @@ function isShortYoutubeHost(hostname: string): boolean { {{ error }}

+ +

{{ element.title }}

@@ -296,6 +304,14 @@ function isShortYoutubeHost(hostname: string): boolean { margin: 0 auto; } +.element-page__icon { + display: block; + width: 132px; + height: 132px; + margin: 0 auto 1.8rem; + object-fit: contain; +} + .element-page__heading { margin: 0; color: #2c2c2c; @@ -459,5 +475,11 @@ function isShortYoutubeHost(hostname: string): boolean { .element-page__children { margin-top: 2rem; } + + .element-page__icon { + width: 108px; + height: 108px; + margin-bottom: 1.4rem; + } }