Add description

Plugin.php

@@ -3,7 +3,9 @@
 namespace Silva\Adrema;
 
 use Backend;
+use Silva\Adrema\Components\EventDescription;
 use Silva\Adrema\Components\EventIndex;
+use Silva\Adrema\Components\EventRegister;
 use Silva\Adrema\Models\Settings;
 use System\Classes\PluginBase;
 
@@ -50,6 +52,8 @@ class Plugin extends PluginBase
     {
         return [
             EventIndex::class => 'adrema_event_index',
+            EventRegister::class => 'adrema_event_register',
+            EventDescription::class => 'adrema_event_description',
         ];
     }
 

assets/vendor/adrema-form

@@ -1 +1 @@
-Subproject commit 57e0c30952ee42ce2d8a4c9fb9af4e4c709d657e
+Subproject commit 9666310ebfa9125ea0d2771b63166b39d7179999

components/EventDescription.php

@@ -0,0 +1,17 @@
+<?php
+
+namespace Silva\Adrema\Components;
+
+class EventDescription extends EventManager
+{
+    public function onRun()
+    {
+        $this->loadColors();
+        $this->loadSingleEvent();
+    }
+
+    public function isRegistering(): bool
+    {
+        return false;
+    }
+}

components/EventIndex.php

@@ -2,125 +2,10 @@
 
 namespace Silva\Adrema\Components;
 
-use Cms\Classes\ComponentBase;
+class EventIndex extends EventManager
-use Cms\Classes\Page;
-use Silva\Adrema\Exceptions\ComponentException;
-use Silva\Adrema\Models\Settings;
-use Silva\Adrema\Support\FetchAllEvents;
-
-class EventIndex extends ComponentBase
 {
-
+    protected function isRegistering(): bool
-    public $settings;
-
-    /** @var string The active event */
-    public ?string $eventSlug;
-    public ?array $event;
-    public string $currentUrl;
-
-    public function componentDetails()
     {
-        return [
+        return false;
-            'name' => 'EventOverview Component',
-            'description' => 'No description provided yet...'
-        ];
-    }
-
-    public function onRun()
-    {
-        $this->addJs('assets/vendor/adrema-form/dist/main.js');
-        $this->currentUrl = url()->current();
-        // $this->addJs('http://localhost:5174/src/main.js', ['type' => 'module']);
-
-        $this->settings = [
-            'primary_color' => Settings::get('primary_color'),
-            ...$this->resolvePageUrls(),
-        ];
-        $this->eventSlug = $this->property('eventSlug');
-
-        if ($this->eventSlug) {
-            $events = data_get(app(FetchAllEvents::class)->run(), 'data');
-            throw_if(is_null($events), ComponentException::class, 'event_fetching_failed');
-
-            $this->event = collect($events)->first(fn ($event) => $event['slug'] === $this->eventSlug);
-            $this->page->title = $this->event['name'];
-        }
-    }
-
-    /**
-     * @return array<string, string>
-     */
-    protected function resolvePageUrls(): array
-    {
-        $indexPage = $this->getPageFromProperty('indexPage');
-        $singlePage = $this->getPageFromProperty('singlePage');
-        $registerPage = $this->getPageFromProperty('registerPage');
-
-        throw_if(!str($singlePage->url)->contains(':slug'), ComponentException::class, 'slug_not_found');
-        throw_if(!str($registerPage->url)->contains(':slug'), ComponentException::class, 'slug_not_found');
-
-        return [
-            'indexUrl' => $indexPage->url,
-            'singleUrl' => $singlePage->url,
-            'registerUrl' => $registerPage->url,
-        ];
-    }
-
-    protected function getPageFromProperty(string $property): Page
-    {
-        throw_if(!$this->property('indexPage') || !$this->property('singlePage') || !$this->property('registerPage'), ComponentException::class, 'not_all_pages_set');
-
-        $page = Page::find($this->property($property));
-        throw_if($page === null, ComponentException::class, 'page_not_found');
-
-        return $page;
-    }
-
-    public function defineProperties()
-    {
-        return [
-            'indexPage' => [
-                'title' => __('properties.index_page_title'),
-                'type' => 'dropdown',
-                'default' => null,
-            ],
-            'singlePage' => [
-                'title' => __('properties.single_page_title'),
-                'type' => 'dropdown',
-                'default' => null,
-            ],
-            'registerPage' => [
-                'title' => __('properties.register_page_title'),
-                'type' => 'dropdown',
-                'default' => null,
-            ],
-            'eventSlug' => [
-                'title' => __('properties.event_slug_title'),
-                'type' => 'text',
-                'default' => null,
-            ],
-        ];
-    }
-
-    public function getIndexPageOptions(): array
-    {
-        return $this->pageOptions();
-    }
-
-    public function getSinglePageOptions(): array
-    {
-        return $this->pageOptions();
-    }
-
-    public function getRegisterPageOptions(): array
-    {
-        return $this->pageOptions();
-    }
-
-    private function pageOptions(): array
-    {
-        return Page::get()
-            ->mapWithKeys(fn ($page) => [$page->fileName => $page->title])
-            ->toArray();
     }
 }

components/EventManager.php

@@ -0,0 +1,178 @@
+<?php
+
+namespace Silva\Adrema\Components;
+
+use Illuminate\Support\Collection;
+use Cms\Classes\ComponentBase;
+use Cms\Classes\Page;
+use Silva\Adrema\Exceptions\ComponentException;
+use Silva\Adrema\Models\Settings;
+use Silva\Adrema\Support\FetchAllEvents;
+use Silva\Adrema\Support\FetchSingleEvent;
+
+abstract class EventManager extends ComponentBase
+{
+
+    public array $settings = [];
+    public ?array $event = null;
+
+    /** @var Collection<int, mixed> */
+    public Collection $events;
+    public string $currentUrl;
+    abstract protected function isRegistering(): bool;
+
+    public function componentDetails()
+    {
+        $componentName = str(class_basename(static::class))->snake();
+
+        return [
+            'name' => __("{$componentName}_component_name"),
+            'description' => __("{$componentName}_component_description"),
+        ];
+    }
+
+    public function onRun()
+    {
+        $this->addAssets();
+        $this->loadColors();
+        $this->loadSettings();
+        $this->loadSingleEvent();
+        $this->page['breadcrumbs'] = $this->getBreadcrumbs();
+    }
+
+    private function getBreadcrumbs(): Collection
+    {
+        $breadcrumbs = collect([]);
+        $breadcrumbs->push(['url' => $this->settings['indexUrl'], 'title' => 'Veranstaltungen', 'isActive' => $this->event === null]);
+
+        if ($this->event) {
+            $breadcrumbs->push([
+                'url' => (string) str($this->settings['singleUrl'])->replace(':slug', $this->event['slug']),
+                'title' => $this->event['name'],
+                'isActive' => !$this->isRegistering()
+            ]);
+        }
+
+        if ($this->event && $this->isRegistering()) {
+            $breadcrumbs->push([
+                'url' => (string) str($this->settings['registerUrl'])->replace(':slug', $this->event['slug']),
+                'title' => 'Anmeldung',
+                'isActive' => true,
+            ]);
+        }
+
+        return $breadcrumbs;
+    }
+
+    public function defineProperties()
+    {
+        return [
+            'indexPage' => [
+                'title' => __('properties.index_page_title'),
+                'type' => 'dropdown',
+                'default' => null,
+            ],
+            'singlePage' => [
+                'title' => __('properties.single_page_title'),
+                'type' => 'dropdown',
+                'default' => null,
+            ],
+            'registerPage' => [
+                'title' => __('properties.register_page_title'),
+                'type' => 'dropdown',
+                'default' => null,
+            ],
+            'eventSlug' => [
+                'title' => __('properties.event_slug_title'),
+                'type' => 'text',
+                'default' => null,
+            ],
+        ];
+    }
+
+    public function getIndexPageOptions(): array
+    {
+        return $this->pageOptions();
+    }
+
+    public function getSinglePageOptions(): array
+    {
+        return $this->pageOptions();
+    }
+
+    public function getRegisterPageOptions(): array
+    {
+        return $this->pageOptions();
+    }
+
+    private function pageOptions(): array
+    {
+        return Page::get()
+            ->mapWithKeys(fn ($page) => [$page->fileName => $page->title])
+            ->toArray();
+    }
+
+    private function getPageFromProperty(string $property): Page
+    {
+        throw_if(!$this->property('indexPage') || !$this->property('singlePage') || !$this->property('registerPage'), ComponentException::class, 'not_all_pages_set');
+
+        $page = Page::find($this->property($property));
+        throw_if($page === null, ComponentException::class, 'page_not_found');
+
+        return $page;
+    }
+
+    /**
+     * @return array<string, string>
+     */
+    private function resolvePageUrls(): array
+    {
+        $indexPage = $this->getPageFromProperty('indexPage');
+        $singlePage = $this->getPageFromProperty('singlePage');
+        $registerPage = $this->getPageFromProperty('registerPage');
+
+        throw_if(!str($singlePage->url)->contains(':slug'), ComponentException::class, 'slug_not_found');
+        throw_if(!str($registerPage->url)->contains(':slug'), ComponentException::class, 'slug_not_found');
+
+        return [
+            'indexUrl' => $indexPage->url,
+            'singleUrl' => $singlePage->url,
+            'registerUrl' => $registerPage->url,
+        ];
+    }
+
+    protected function loadSingleEvent(): void
+    {
+        $eventSlug = $this->property('eventSlug');
+
+        if (!$eventSlug) {
+            return;
+        }
+
+        $this->events = $this->page['events'] = collect(app(FetchAllEvents::class)->run()['data']);
+        $this->event = $this->page['event'] = $this->events->first(fn ($event) => $event['slug'] == $eventSlug);
+        $this->currentUrl = url()->current();
+    }
+
+    private function addAssets(): void
+    {
+        // $this->addJs('assets/vendor/adrema-form/dist/main.js');
+        $this->addJs('http://localhost:5174/src/main.js', ['type' => 'module']);
+    }
+
+    private function loadSettings(): void
+    {
+        $this->settings = [
+            ...$this->settings,
+            ...$this->resolvePageUrls(),
+        ];
+    }
+
+    protected function loadColors(): void
+    {
+        $this->settings = [
+            ...$this->settings,
+            'primary_color' => Settings::get('primary_color'),
+        ];
+    }
+}

components/EventRegister.php

@@ -0,0 +1,11 @@
+<?php
+
+namespace Silva\Adrema\Components;
+
+class EventRegister extends EventManager
+{
+    protected function isRegistering(): bool
+    {
+        return true;
+    }
+}

components/eventdescription/default.htm

@@ -0,0 +1,9 @@
+<script type="text/javascript">
+    var adrema_event_description = {{__SELF__.event.description | json_encode | raw}};
+</script>
+
+<event-description
+    description-var-name="adrema_event_description"
+    style="--primary: {{__SELF__.settings.primary_color}}; --primaryfg: #d1f8ff; --secondary: #800a19; --font: hsl(181, 84%, 78%); --circle: hsl(181, 86%, 16%)"
+    image="{{__SELF__.event.image }}"
+></event-description>

components/eventindex/default.htm

@@ -1,18 +1,9 @@
-{% if __SELF__.event %}
+{% include 'silva.adrema::head' %}
-    {% put metatags %}
-        <meta property="og:title" content="{{__SELF__.event.name}}">
-        <meta property="og:url" content="{{__SELF__.currentUrl}}">
-        <meta property="og:description" content="{{__SELF__.event.excerpt}}">
-        <meta property="og:image" content="{{__SELF__.event.image}}">
-        <meta property="og:type" content="article">
-    {% endput %}
-{% endif %}
 
 <event-index
     style="--primary: {{__SELF__.settings.primary_color}}; --primaryfg: #d1f8ff; --secondary: #800a19; --font: hsl(181, 84%, 78%); --circle: hsl(181, 86%, 16%)"
     index-url="{{__SELF__.settings.indexUrl}}"
     single-url="{{__SELF__.settings.singleUrl}}"
     register-url="{{__SELF__.settings.registerUrl}}"
-    url="/api/silva_adrema_event_overview"
+    {% if __SELF__.event %} visible-event-slug="{{__SELF__.event.slug }}" {% endif %}
-    {% if __SELF__.event %} event="{{__SELF__.event.slug }}" {% endif %}
 ></event-index>

components/eventregister/default.htm

@@ -0,0 +1,9 @@
+{% include 'silva.adrema::head' %}
+
+<event-form
+    style="--primary: {{__SELF__.settings.primary_color}}; --primaryfg: #d1f8ff; --secondary: #800a19; --font: hsl(181, 84%, 78%); --circle: hsl(181, 86%, 16%)"
+    index-url="{{__SELF__.settings.indexUrl}}"
+    single-url="{{__SELF__.settings.singleUrl}}"
+    register-url="{{__SELF__.settings.registerUrl}}"
+    config-var-name="adrema_event_config"
+></event-form>

lang/de.json

@@ -5,5 +5,9 @@
     "properties.index_page_title": "Seite für Übersicht",
     "properties.single_page_title": "Seite für Einzelansicht",
     "properties.register_page_title": "Seite zum anmelden",
+    "event_index_component_name": "Veranstaltungs-Übersicht",
+    "event_index_component_description": "Übersicht aller bevorstehenden Adrema-Veranstaltungen.",
+    "event_register_component_name": "Veranstaltungs-Anmeldung",
+    "event_register_component_description": "Für einzelne Veranstaltung anmelden.",
     "properties.event_slug_title": "Veranstaltung slug"
 }

lang/en.json

@@ -6,6 +6,10 @@
     "properties.single_page_title": "Page for single view",
     "properties.register_page_title": "Page for registration",
     "properties.event_slug_title": "Event slug",
+    "event_index_component_name": "Event overview",
+    "event_index_component_description": "Overview of all upcoming Adrema-Events",
+    "event_register_component_name": "Event-Registration",
+    "event_register_component_description": "Register for a single event.",
     "errors.not_all_pages_set": "You didn't assign all pages. Please edit your components.",
     "errors.page_not_found": "One page cannot be found. Event component cannot be rendered.",
     "errors.slug_not_found": "You need to set a placeholder in page urls to set the event slug (\":slug\")",

routes.php

@@ -1,13 +1,9 @@
 <?php
 
-use Silva\Adrema\Support\FetchAllEvents;
+use Silva\Adrema\Support\Proxy;
 
-Route::get('/api/silva_adrema_event_overview', function () {
+Route::get(
-    $events = app(FetchAllEvents::class)->run();
+    '/adrema-api/{route}',
-
+    fn (string $route) => Response::json(app(Proxy::class)->run($route))
-    if (is_null($events)) {
+)
-        return Response::json(['message' => 'Fehler beim Laden der Veranstaltungen'], 422);
+    ->where('route', '[a-zA-Z0-9\-/]+')->middleware('api');
-    }
-
-    return Response::json($events);
-})->middleware('api');

support/FetchAllEvents.php

@@ -2,20 +2,17 @@
 
 namespace Silva\Adrema\Support;
 
-use Silva\Adrema\Models\Settings;
+use Illuminate\Support\Collection;
-use Http;
 
 class FetchAllEvents
 {
-    public function run(): ?array
+    public function run(): ?Collection
     {
-        $baseUrl = Settings::get('base_url');
+        $events = app(Proxy::class)->run('/api/form');
-        $response = Http::get($baseUrl . '/api/form');
 
-        if (!$response->ok()) {
+        if (!$events) {
             return null;
         }
-
+        return collect($events);
-        return $response->json();
     }
 }

support/FetchSingleEvent.php

@@ -0,0 +1,14 @@
+<?php
+
+namespace Silva\Adrema\Support;
+
+class FetchSingleEvent
+{
+    public function run(string $slug): ?array
+    {
+        $events = data_get(app(FetchAllEvents::class)->run(), 'data');
+        throw_if(is_null($events), ComponentException::class, 'event_fetching_failed');
+
+        return collect($events)->first(fn ($event) => $event['slug'] === $slug);
+    }
+}

support/Proxy.php

@@ -0,0 +1,23 @@
+<?php
+
+namespace Silva\Adrema\Support;
+
+use Silva\Adrema\Models\Settings;
+use Http;
+
+class Proxy
+{
+    public function run(string $url): ?array
+    {
+        $url = str($url)->start('/');
+
+        $baseUrl = Settings::get('base_url');
+        $response = Http::get($baseUrl . $url);
+
+        if (!$response->ok()) {
+            return null;
+        }
+
+        return $response->json();
+    }
+}

views/head.htm

@@ -0,0 +1,19 @@
+{% if __SELF__.event %}
+    {% put metatags %}
+        <meta property="og:title" content="{{__SELF__.event.name}}">
+        <meta property="og:url" content="{{__SELF__.currentUrl}}">
+        <meta property="og:description" content="{{__SELF__.event.excerpt}}">
+        <meta property="og:image" content="{{__SELF__.event.image}}">
+        <meta property="og:type" content="article">
+    {% endput %}
+
+    <script type="text/javascript">
+        var adrema_event_config = {{__SELF__.event.config | json_encode | raw}};
+    </script>
+{% endif %}
+
+{% put metatags %}
+    <meta name="adrema_base_url" content="/adrema-api">
+{% endput %}
+
+