libraryItem forms added

app/Enums/LibraryItemType.php

@@ -17,6 +17,7 @@ enum LibraryItemType: string
     case Book = 'book';
     case BlogArticle = 'blog_article';
     case MarkdownArticle = 'markdown_article';
+    case MarkdownArticleExtern = 'markdown_article_extern';
     case YoutubeVideo = 'youtube_video';
     case VimeoVideo = 'vimeo_video';
     case PodcastEpisode = 'podcast_episode';
@@ -25,26 +26,28 @@ enum LibraryItemType: string
     public static function labels(): array
     {
         return [
-            'book'              => __('Book'),
+            'book'                    => __('Book'),
-            'blog_article'      => __('Article'),
+            'blog_article'            => __('Article'),
-            'markdown_article'  => __('Markdown Article'),
+            'markdown_article'        => __('Markdown Article'),
-            'youtube_video'     => __('Youtube Video'),
+            'markdown_article_extern' => __('Markdown Article Extern'),
-            'vimeo_video'       => __('Vimeo Video'),
+            'youtube_video'           => __('Youtube Video'),
-            'podcast_episode'   => __('Podcast Episode'),
+            'vimeo_video'             => __('Vimeo Video'),
-            'downloadable_file' => __('Downloadable File'),
+            'podcast_episode'         => __('Podcast Episode'),
+            'downloadable_file'       => __('Downloadable File'),
         ];
     }
 
     public static function icons(): array
     {
         return [
-            'book'              => 'book',
+            'book'                    => 'book',
-            'blog_article'      => 'newspaper',
+            'blog_article'            => 'newspaper',
-            'markdown_article'  => 'newspaper',
+            'markdown_article'        => 'newspaper',
-            'youtube_video'     => 'video',
+            'markdown_article_extern' => 'newspaper',
-            'vimeo_video'       => 'video',
+            'youtube_video'           => 'video',
-            'podcast_episode'   => 'podcast',
+            'vimeo_video'             => 'video',
-            'downloadable_file' => 'download',
+            'podcast_episode'         => 'podcast',
+            'downloadable_file'       => 'download',
         ];
     }
 }

app/Http/Livewire/City/Form/CityForm.php

@@ -32,6 +32,9 @@ class CityForm extends Component
         if (!$this->city) {
             $this->city = new City();
         }
+        if (!$this->fromUrl) {
+            $this->fromUrl = url()->previous();
+        }
     }
 
     public function save()
@@ -39,7 +42,7 @@ class CityForm extends Component
         $this->validate();
         $this->city->save();
 
-        return redirect($this->fromUrl);
+        return redirect($this->fromUrl ?? url()->route('welcome'));
     }
 
     public function render()

app/Http/Livewire/ContentCreator/Form/ContentCreatorForm.php

@@ -0,0 +1,69 @@
+<?php
+
+namespace App\Http\Livewire\ContentCreator\Form;
+
+use App\Models\Lecturer;
+use Illuminate\Validation\Rule;
+use Livewire\Component;
+use Livewire\WithFileUploads;
+
+class ContentCreatorForm extends Component
+{
+    use WithFileUploads;
+
+    public ?Lecturer $lecturer = null;
+    public $image;
+
+    public ?string $fromUrl = '';
+
+    protected $queryString = ['fromUrl' => ['except' => '']];
+
+    public function rules()
+    {
+        return [
+            'image' => [Rule::requiredIf(!$this->lecturer->id), 'nullable', 'mimes:jpeg,png,jpg,gif', 'max:10240'],
+
+            'lecturer.name'              => 'required',
+            'lecturer.active'            => 'boolean',
+            'lecturer.subtitle'          => 'required',
+            'lecturer.intro'             => 'required',
+            'lecturer.twitter_username'  => 'nullable|string',
+            'lecturer.website'           => 'nullable|url',
+            'lecturer.lightning_address' => 'nullable|string',
+            'lecturer.lnurl'             => 'nullable|string',
+            'lecturer.node_id'           => 'nullable|string',
+        ];
+    }
+
+    public function mount()
+    {
+        if (!$this->lecturer) {
+            $this->lecturer = new Lecturer([
+                'intro'   => '',
+                'active'  => true,
+                'team_id' => true,
+            ]);
+        }
+        if (!$this->fromUrl) {
+            $this->fromUrl = url()->previous();
+        }
+    }
+
+    public function save()
+    {
+        $this->validate();
+        $this->lecturer->save();
+
+        if ($this->image) {
+            $this->lecturer->addMedia($this->image)
+                           ->toMediaCollection('avatar');
+        }
+
+        return redirect($this->fromUrl ?? url()->route('welcome'));
+    }
+
+    public function render()
+    {
+        return view('livewire.content-creator.form.content-creator-form');
+    }
+}

app/Http/Livewire/Library/Form/LibraryItemForm.php

@@ -0,0 +1,122 @@
+<?php
+
+namespace App\Http\Livewire\Library\Form;
+
+use App\Enums\LibraryItemType;
+use App\Models\Country;
+use App\Models\Library;
+use App\Models\LibraryItem;
+use Illuminate\Validation\Rule;
+use Livewire\Component;
+use Livewire\WithFileUploads;
+use Spatie\LaravelOptions\Options;
+
+class LibraryItemForm extends Component
+{
+    use WithFileUploads;
+
+    public Country $country;
+
+    public ?LibraryItem $libraryItem = null;
+    public $library;
+    public $image;
+    public $file;
+
+    public bool $lecturer = false;
+    public ?string $fromUrl = '';
+
+    protected $queryString = [
+        'fromUrl'  => ['except' => ''],
+        'lecturer' => ['except' => false],
+    ];
+
+    public function rules()
+    {
+        return [
+            'image' => [Rule::requiredIf(!$this->libraryItem->id), 'nullable', 'mimes:jpeg,png,jpg,gif', 'max:10240'],
+
+            'library' => 'required',
+
+            'libraryItem.lecturer_id'        => 'required',
+            'libraryItem.name'               => 'required',
+            'libraryItem.type'               => 'required',
+            'libraryItem.language_code'      => 'required',
+            'libraryItem.value'              => [
+                'required',
+                Rule::when(
+                    $this->libraryItem->type !== LibraryItemType::MarkdownArticle
+                    && $this->libraryItem->type !== LibraryItemType::MarkdownArticleExtern
+                    && $this->libraryItem->type !== LibraryItemType::DownloadableFile, ['url']
+                )
+            ],
+            'libraryItem.subtitle'           => 'required',
+            'libraryItem.excerpt'            => 'required',
+            'libraryItem.main_image_caption' => 'required',
+            'libraryItem.read_time'          => 'required',
+            'libraryItem.approved'           => 'boolean',
+        ];
+    }
+
+    public function mount()
+    {
+        if (!$this->libraryItem) {
+            $this->libraryItem = new LibraryItem([
+                'approved'  => true,
+                'read_time' => 1,
+            ]);
+            if ($this->lecturer) {
+                $this->library = Library::query()
+                       ->firstWhere('name', '=', 'Dozentenmaterial')?->id;
+            }
+        } else {
+            $this->library = $this->libraryItem->libraries()
+                                               ->first()
+                ->id;
+        }
+        if (!$this->fromUrl) {
+            $this->fromUrl = url()->previous();
+        }
+    }
+
+    public function save()
+    {
+        $this->validate();
+        $this->libraryItem->save();
+        $this->libraryItem->setStatus('published');
+
+        if ($this->image) {
+            $this->libraryItem->addMedia($this->image)
+                              ->toMediaCollection('main');
+        }
+
+        if ($this->file) {
+            $this->libraryItem->addMedia($this->file)
+                              ->toMediaCollection('single_file');
+        }
+
+        $this->libraryItem->libraries()
+                          ->syncWithoutDetaching([(int) $this->library]);
+
+        return to_route('library.table.libraryItems', ['country' => $this->country]);
+    }
+
+    public function render()
+    {
+        return view('livewire.library.form.library-item-form', [
+            'types'     => Options::forEnum(LibraryItemType::class)
+                                  ->filter(
+                                      fn($type) => $type !== LibraryItemType::PodcastEpisode
+                                                   && $type !== LibraryItemType::MarkdownArticle
+                                  )
+                                  ->toArray(),
+            'libraries' => Library::query()
+                                  ->where('is_public', true)
+                                  ->get()
+                                  ->map(fn($library) => [
+                                      'id'   => $library->id,
+                                      'name' => $library->name,
+                                  ])
+                                  ->toArray(),
+        ]);
+    }
+}

resources/lang/de.json

@@ -758,5 +758,10 @@
     "Article tweeted": "Artikel getwittert",
     "Error tweeting article": "Fehler beim Twittern des Artikels",
     "Tweet": "Tweet",
-    "Are you sure you want to tweet this article?": "Bitte bestätige, dass du diesen Artikel tweeten möchtest."
+    "Are you sure you want to tweet this article?": "Bitte bestätige, dass du diesen Artikel tweeten möchtest.",
+    "Markdown Article Extern": "Markdown Artikel",
+    "twitter_username": "",
+    "Please classify by type of your entry.": "Bitte klassifiziere deinen Eintrag nach Art.",
+    "Choose language": "Wähle Sprache",
+    "File": "Datei"
 }

resources/lang/en.json

@@ -754,5 +754,10 @@
     "Article tweeted": "",
     "Error tweeting article": "",
     "Tweet": "",
-    "Are you sure you want to tweet this article?": ""
+    "Are you sure you want to tweet this article?": "",
+    "Markdown Article Extern": "",
+    "twitter_username": "",
+    "Please classify by type of your entry.": "",
+    "Choose language": "",
+    "File": ""
 }

resources/lang/es.json

@@ -754,5 +754,10 @@
     "Article tweeted": "",
     "Error tweeting article": "",
     "Tweet": "",
-    "Are you sure you want to tweet this article?": ""
+    "Are you sure you want to tweet this article?": "",
+    "Markdown Article Extern": "",
+    "twitter_username": "",
+    "Please classify by type of your entry.": "",
+    "Choose language": "",
+    "File": ""
 }

resources/lang/fr.json

@@ -755,5 +755,10 @@
     "Article tweeted": "",
     "Error tweeting article": "",
     "Tweet": "",
-    "Are you sure you want to tweet this article?": ""
+    "Are you sure you want to tweet this article?": "",
+    "Markdown Article Extern": "",
+    "twitter_username": "",
+    "Please classify by type of your entry.": "",
+    "Choose language": "",
+    "File": ""
 }

resources/lang/hr.json

@@ -755,5 +755,10 @@
     "Article tweeted": "",
     "Error tweeting article": "",
     "Tweet": "",
-    "Are you sure you want to tweet this article?": ""
+    "Are you sure you want to tweet this article?": "",
+    "Markdown Article Extern": "",
+    "twitter_username": "",
+    "Please classify by type of your entry.": "",
+    "Choose language": "",
+    "File": ""
 }

resources/lang/it.json

@@ -755,5 +755,10 @@
     "Article tweeted": "",
     "Error tweeting article": "",
     "Tweet": "",
-    "Are you sure you want to tweet this article?": ""
+    "Are you sure you want to tweet this article?": "",
+    "Markdown Article Extern": "",
+    "twitter_username": "",
+    "Please classify by type of your entry.": "",
+    "Choose language": "",
+    "File": ""
 }

resources/lang/mk.json

@@ -755,5 +755,10 @@
     "Article tweeted": "",
     "Error tweeting article": "",
     "Tweet": "",
-    "Are you sure you want to tweet this article?": ""
+    "Are you sure you want to tweet this article?": "",
+    "Markdown Article Extern": "",
+    "twitter_username": "",
+    "Please classify by type of your entry.": "",
+    "Choose language": "",
+    "File": ""
 }

resources/lang/pl.json

@@ -755,5 +755,10 @@
     "Article tweeted": "",
     "Error tweeting article": "",
     "Tweet": "",
-    "Are you sure you want to tweet this article?": ""
+    "Are you sure you want to tweet this article?": "",
+    "Markdown Article Extern": "",
+    "twitter_username": "",
+    "Please classify by type of your entry.": "",
+    "Choose language": "",
+    "File": ""
 }

resources/lang/pt.json

@@ -755,5 +755,10 @@
     "Article tweeted": "",
     "Error tweeting article": "",
     "Tweet": "",
-    "Are you sure you want to tweet this article?": ""
+    "Are you sure you want to tweet this article?": "",
+    "Markdown Article Extern": "",
+    "twitter_username": "",
+    "Please classify by type of your entry.": "",
+    "Choose language": "",
+    "File": ""
 }

resources/lang/sv.json

@@ -717,5 +717,10 @@
     "Article tweeted": "",
     "Error tweeting article": "",
     "Tweet": "",
-    "Are you sure you want to tweet this article?": ""
+    "Are you sure you want to tweet this article?": "",
+    "Markdown Article Extern": "",
+    "twitter_username": "",
+    "Please classify by type of your entry.": "",
+    "Choose language": "",
+    "File": ""
 }

resources/lang/tr.json

@@ -729,5 +729,10 @@
     "Article tweeted": "",
     "Error tweeting article": "",
     "Tweet": "",
-    "Are you sure you want to tweet this article?": ""
+    "Are you sure you want to tweet this article?": "",
+    "Markdown Article Extern": "",
+    "twitter_username": "",
+    "Please classify by type of your entry.": "",
+    "Choose language": "",
+    "File": ""
 }

resources/views/columns/cities/areas/toolbar-left-end.blade.php

@@ -1,5 +1,5 @@
 <div class="w-full mb-4 md:w-auto md:mb-0" x-data="{currentUrl: window.location.href}">
-    <a x-bind:href="'http://localhost/city/form/?fromUrl='+currentUrl">
+    <a x-bind:href="'/city/form/?fromUrl='+currentUrl">
         <x-button>
             <i class="fa fa-thin fa-plus"></i>
             {{ __('New City') }}

resources/views/livewire/content-creator/form/content-creator-form.blade.php

@@ -0,0 +1,87 @@
+<div class="container p-4 mx-auto bg-21gray my-2">
+
+    <div class="pb-5 flex flex-row justify-between">
+        <h3 class="text-lg font-medium leading-6 text-gray-200">{{ __('Lecturer/Content Creator') }}</h3>
+        <div class="flex flex-row space-x-2 items-center">
+            <div>
+                <x-button :href="$fromUrl">
+                    <i class="fa fa-thin fa-arrow-left"></i>
+                    {{ __('Back') }}
+                </x-button>
+            </div>
+        </div>
+    </div>
+
+    <form class="space-y-8 divide-y divide-gray-700 pb-24">
+        <div class="space-y-8 divide-y divide-gray-700 sm:space-y-5">
+            <div class="mt-6 sm:mt-5 space-y-6 sm:space-y-5">
+
+                <x-input.group :for=" md5('image')" :label="__('Main picture')">
+                    <div class="py-4">
+                        @if ($image)
+                            <div class="text-gray-200">{{ __('Preview') }}:</div>
+                            <img class="h-48 object-contain" src="{{ $image->temporaryUrl() }}">
+                        @endif
+                        @if ($lecturer->getFirstMediaUrl('avatar'))
+                            <div class="text-gray-200">{{ __('Current picture') }}:</div>
+                            <img class="h-48 object-contain" src="{{ $lecturer->getFirstMediaUrl('avatar') }}">
+                        @endif
+                    </div>
+                    <input class="text-gray-200" type="file" wire:model="image">
+                    @error('image') <span class="text-red-500">{{ $message }}</span> @enderror
+                </x-input.group>
+
+                <x-input.group :for="md5('lecturer.name')" :label="__('Title')">
+                    <x-input autocomplete="off" wire:model.debounce="lecturer.name"
+                             :placeholder="__('Title')"/>
+                </x-input.group>
+
+                <x-input.group :for="md5('lecturer.subtitle')" :label="__('Subtitle')">
+                    <x-input autocomplete="off" wire:model.debounce="lecturer.subtitle"
+                             :placeholder="__('Subtitle')" :hint="__('This is the subtitle on the landing page.')"/>
+                </x-input.group>
+
+                <x-input.group :for="md5('lecturer.intro')" :label="__('Intro')">
+                    <div
+                        class="text-amber-500 text-xs py-2">{{ __('For images in Markdown, please use eg. Imgur or another provider.') }}</div>
+                    <x-input.simple-mde wire:model.defer="lecturer.intro"/>
+                    @error('lecturer.intro') <span class="text-red-500 py-2">{{ $message }}</span> @enderror
+                    <span class="text-gray-400 text-xs py-2">{{ __('This is the introduction text that is shown on the landing page.') }}</span>
+                </x-input.group>
+
+                <x-input.group :for="md5('lecturer.twitter_username')" :label="__('Twitter Username')">
+                    <x-input autocomplete="off" wire:model.debounce="lecturer.twitter_username"
+                             :placeholder="__('Twitter Username')" :hint="__('Without @')"/>
+                </x-input.group>
+
+                <x-input.group :for="md5('lecturer.website')" :label="__('Website')">
+                    <x-input autocomplete="off" wire:model.debounce="lecturer.website"
+                             :placeholder="__('Website')"/>
+                </x-input.group>
+
+                <x-input.group :for="md5('lecturer.lightning_address')" :label="__('Lightning Address')">
+                    <x-input autocomplete="off" wire:model.debounce="lecturer.lightning_address"
+                             :placeholder="__('Lightning Address')" :hint="__('for example xy@getalby.com')"/>
+                </x-input.group>
+
+                <x-input.group :for="md5('lecturer.lnurl')" :label="__('LNURL')">
+                    <x-input autocomplete="off" wire:model.debounce="lecturer.lnurl"
+                             :placeholder="__('LNURL')" :hint="__('starts with: lnurl1dp68gurn8gh....')"/>
+                </x-input.group>
+
+                <x-input.group :for="md5('lecturer.node_id')" :label="__('Node Id')">
+                    <x-input autocomplete="off" wire:model.debounce="lecturer.node_id"
+                             :placeholder="__('Node Id')"/>
+                </x-input.group>
+
+                <x-input.group :for="md5('meetupEvent.link')" label="">
+                    <x-button primary wire:click="save">
+                        <i class="fa fa-thin fa-save"></i>
+                        {{ __('Save') }}
+                    </x-button>
+                </x-input.group>
+
+            </div>
+        </div>
+    </form>
+</div>

resources/views/livewire/frontend/header.blade.php

@@ -188,6 +188,19 @@
                         <p class="px-0 mb-2 text-lg text-gray-600 md:text-xl lg:px-24">
                             {{ __('Choose a topic that is right for you.') }}
                         </p>
+                        @auth
+                            @if(str(request()->route()->getName())->contains('lecturer'))
+                                <x-button :href="route('library.libraryItem.form', ['country' => $c, 'lecturer' => true, 'fromUrl' => url()->route('library.table.libraryItems', ['country' => $country])])">
+                                    <i class="fa fa-thin fa-plus"></i>
+                                    {{ __('Submit contents') }}
+                                </x-button>
+                            @else
+                                <x-button :href="route('library.libraryItem.form', ['country' => $c, 'fromUrl' => url()->route('library.table.libraryItems', ['country' => $country])])">
+                                    <i class="fa fa-thin fa-plus"></i>
+                                    {{ __('Submit contents') }}
+                                </x-button>
+                            @endif
+                        @endauth
                     </div>
                 @endif
 

resources/views/livewire/library/form/library-item-form.blade.php

@@ -0,0 +1,158 @@
+<div class="container p-4 mx-auto bg-21gray my-2">
+
+    <div class="pb-5 flex flex-row justify-between">
+        <h3 class="text-lg font-medium leading-6 text-gray-200">{{ __('Library Item') }}</h3>
+        <div class="flex flex-row space-x-2 items-center">
+            <div>
+                <x-button :href="$fromUrl">
+                    <i class="fa fa-thin fa-arrow-left"></i>
+                    {{ __('Back') }}
+                </x-button>
+            </div>
+        </div>
+    </div>
+
+    <form class="space-y-8 divide-y divide-gray-700 pb-24">
+        <div class="space-y-8 divide-y divide-gray-700 sm:space-y-5">
+            <div class="mt-6 sm:mt-5 space-y-6 sm:space-y-5">
+
+                <x-input.group :for="md5('libraryItem.lecturer_id')">
+                    <x-slot name="label">
+                        <div class="flex flex-row space-x-4 items-center">
+                            <div>
+                                {{ __('Author') }}
+                            </div>
+                            <div x-data="{currentUrl: window.location.href}">
+                                <a x-bind:href="'/content-creator/form/?fromUrl='+currentUrl">
+                                    <x-button xs>
+                                        <i class="fa fa-thin fa-plus"></i>
+                                        {{ __('Create new author') }}
+                                    </x-button>
+                                </a>
+                            </div>
+                        </div>
+                    </x-slot>
+                    <x-select
+                        :clearable="false"
+                        wire:model="libraryItem.lecturer_id"
+                        :searchable="true"
+                        :async-data="[
+                            'api' => route('api.lecturers.index'),
+                            'method' => 'GET', // default is GET
+                        ]"
+                        :template="[
+                            'name'   => 'user-option',
+                            'config' => ['src' => 'image']
+                        ]"
+                        option-label="name"
+                        option-value="id"
+                    />
+                </x-input.group>
+
+                <x-input.group :for="md5('libraryItem.type')" label="{{ __('Type') }}">
+                    <x-select
+                        :clearable="false"
+                        wire:model="libraryItem.type"
+                        :options="$types"
+                        option-label="label"
+                        option-value="value"
+                    />
+                </x-input.group>
+
+                <x-input.group :for="md5('library')" label="{{ __('Library') }}">
+                    <x-select
+                        :disabled="$lecturer"
+                        hint="{{ __('Please classify by type of your entry.') }}"
+                        :clearable="false"
+                        wire:model="library"
+                        :options="$libraries"
+                        option-label="name"
+                        option-value="id"
+                    />
+                </x-input.group>
+
+                @if($libraryItem->lecturer_id && $libraryItem->type && $library)
+                    <x-input.group :for=" md5('image')" :label="__('Main picture')">
+                        <div class="py-4">
+                            @if ($image)
+                                <div class="text-gray-200">{{ __('Preview') }}:</div>
+                                <img class="h-48 object-contain" src="{{ $image->temporaryUrl() }}">
+                            @endif
+                            @if ($libraryItem->getFirstMediaUrl('main'))
+                                <div class="text-gray-200">{{ __('Current picture') }}:</div>
+                                <img class="h-48 object-contain" src="{{ $libraryItem->getFirstMediaUrl('main') }}">
+                            @endif
+                        </div>
+                        <input class="text-gray-200" type="file" wire:model="image">
+                        @error('image') <span class="text-red-500">{{ $message }}</span> @enderror
+                    </x-input.group>
+
+                    <x-input.group :for="md5('libraryItem.main_image_caption')" :label="__('Main image caption')">
+                        <x-input autocomplete="off" wire:model.debounce="libraryItem.main_image_caption"
+                                 :placeholder="__('Main image caption')"
+                                 :cornerHint="__('Ex: Photo by Timothy Vollmer/ CC BY')"/>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('libraryItem.name')" :label="__('Title')">
+                        <x-input autocomplete="off" wire:model.debounce="libraryItem.name"
+                                 :placeholder="__('Title')"/>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('libraryItem.subtitle')" :label="__('Subtitle')">
+                        <x-input autocomplete="off" wire:model.debounce="libraryItem.subtitle"
+                                 :placeholder="__('Subtitle')"/>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('libraryItem.excerpt')" :label="__('Excerpt')">
+                        <x-textarea autocomplete="off" wire:model.debounce="libraryItem.excerpt"
+                                    :placeholder="__('Excerpt')"/>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('libraryItem.language_code')" :label="__('Language Code')">
+                        <x-select
+                            placeholder="{{ __('Choose language') }}"
+                            wire:model="libraryItem.language_code"
+                            :clearable="false"
+                            :searchable="true"
+                            :async-data="route('api.languages.index')"
+                            option-label="name"
+                            option-value="language"
+                        />
+                    </x-input.group>
+
+                    @if($libraryItem->type === App\Enums\LibraryItemType::MarkdownArticleExtern())
+                        <x-input.group :for="md5('libraryItem.value')" :label="__('Article as Markdown')">
+                            <div
+                                class="text-amber-500 text-xs py-2">{{ __('For images in Markdown, please use eg. Imgur or another provider.') }}</div>
+                            <x-input.simple-mde wire:model.defer="libraryItem.value"/>
+                            @error('libraryItem.value') <span class="text-red-500 py-2">{{ $message }}</span> @enderror
+                        </x-input.group>
+                    @elseif($libraryItem->type !== App\Enums\LibraryItemType::DownloadableFile())
+                        <x-input.group :for="md5('libraryItem.value')" :label="__('Link')">
+                            <x-input type="url" autocomplete="off" wire:model.debounce="libraryItem.value"
+                                     :placeholder="__('Link')"/>
+                        </x-input.group>
+                    @elseif($libraryItem->type === App\Enums\LibraryItemType::DownloadableFile())
+                        <x-input.group :for="md5('file')" :label="__('File')">
+                            <input class="text-gray-200" type="file" wire:model="file">
+                            @error('file') <span class="text-red-500">{{ $message }}</span> @enderror
+                        </x-input.group>
+                    @endif
+
+                    <x-input.group :for="md5('libraryItem.read_time')" :label="__('Time to read')">
+                        <x-inputs.number min="1" autocomplete="off" wire:model.debounce="libraryItem.read_time"
+                                         :placeholder="__('Time to read')" :hint="__('How many minutes to read?')"/>
+                    </x-input.group>
+
+                    <x-input.group :for="md5('meetupEvent.link')" label="">
+                        <x-button primary wire:click="save">
+                            <i class="fa fa-thin fa-save"></i>
+                            {{ __('Save') }}
+                        </x-button>
+                    </x-input.group>
+                @endif
+
+            </div>
+        </div>
+    </form>
+</div>

resources/views/livewire/library/library-table.blade.php

@@ -108,9 +108,9 @@
                                         </div>
                                     </div>
                                     <div class="ml-3">
-                                        <p class="text-sm font-medium text-gray-200">
+                                        <div class="text-sm font-medium text-gray-200">
-                                        <div class="text-gray-200">{{ $libraryItem->lecturer->name }}</div>
+                                            <div class="text-gray-200">{{ $libraryItem->lecturer->name }}</div>
-                                        </p>
+                                        </div>
                                         <div class="flex space-x-1 text-sm text-gray-400">
                                             <time
                                                 datetime="2020-03-16">{{ $libraryItem->created_at->asDateTime() }}</time>
@@ -119,14 +119,24 @@
                                                 <span>{{ $libraryItem->read_time }} {{ __('min read') }}</span>
                                             @endif
                                         </div>
+                                        <div
+                                            class="flex space-x-1 text-sm text-gray-500 justify-end items-end">
+                                            <div>
+                                                <x-button xs
+                                                          :href="route('library.libraryItem.form', ['country' => $country, 'libraryItem' => $libraryItem])">
+                                                    <i class="fa fa-thin fa-edit"></i>
+                                                    {{ __('Edit') }}
+                                                </x-button>
+                                            </div>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
                     @endforeach
 
-                        <div
+                    <div
-                            x-data="{
+                        x-data="{
                                 observe () {
                                     let observer = new IntersectionObserver((entries) => {
                                         entries.forEach(entry => {
@@ -140,8 +150,8 @@
                                     observer.observe(this.$el)
                                 }
                             }"
-                            x-init="observe"
+                        x-init="observe"
-                        ></div>
+                    ></div>
 
                     @if($libraryItems->hasMorePages())
                         <x-button outline wire:click.prevent="loadMore">{{ __('load more...') }}</x-button>

resources/views/livewire/meetup/landing-page-event.blade.php

@@ -159,9 +159,10 @@
                                                     id: 'attend-event',
                                                     icon: 'question',
                                                     accept: {label: '{{ __('Yes') }}',
-                                                    execute: () => $wire.attend()},
+                                                        execute: () => $wire.attend()},
                                                     reject: {label: '{{ __('No, cancel') }}',
-                                                    execute: () => window.$wireui.notify({'title': '{{ __('You have not confirmed your participation.') }}','icon': 'warning'})}})"
+                                                        execute: () => window.$wireui.notify({'title': '{{ __('You have not confirmed your participation.') }}','icon': 'warning'})}
+                                                })"
                                             >
                                                 <i class="fa fa-thin fa-check mr-2"></i>
                                                 {{ __('I will show up') }}

resources/views/livewire/news/form/news-article-form.blade.php

@@ -93,8 +93,8 @@
                     </x-input.group>
 
                     <x-input.group :for="md5('libraryItem.value')" :label="__('Article as Markdown')">
-                    <span
+                        <div
-                        class="text-amber-500 text-xs py-2">{{ __('For images in Markdown, please use eg. Imgur or another provider.') }}</span>
+                            class="text-amber-500 text-xs py-2">{{ __('For images in Markdown, please use eg. Imgur or another provider.') }}</div>
                         <x-input.simple-mde wire:model.defer="libraryItem.value"/>
                         @error('libraryItem.value') <span class="text-red-500 py-2">{{ $message }}</span> @enderror
                     </x-input.group>

resources/views/navigation-menu.blade.php

@@ -49,15 +49,6 @@
                         </div>
                     @endif
 
-                    @if(str(request()->route()->getName())->contains(['library.', 'article.']))
-                        <div>
-                            <x-button xs amber href="/nova/resources/library-items" target="_blank">
-                                <i class="fa fa-thin fa-plus"></i>
-                                {{ __('Submit contents') }}
-                            </x-button>
-                        </div>
-                    @endif
-
                     @if(str(request()->route()->getName())->contains('bitcoinEvent.'))
                         <div>
                             <x-button xs amber href="/nova/resources/bitcoin-events" target="_blank">
@@ -240,12 +231,6 @@
                 </x-jet-responsive-nav-link>
             @endif
 
-            @if(str(request()->route()->getName())->contains('library.'))
-                <x-jet-responsive-nav-link href="/nova/resources/library-items" :active="false">
-                    {{ __('Submit contents') }}
-                </x-jet-responsive-nav-link>
-            @endif
-
             @if(str(request()->route()->getName())->contains('bitcoinEvent.'))
                 <x-jet-responsive-nav-link href="/nova/resources/bitcoin-events" :active="false">
                     {{ __('Register event') }}

routes/web.php

@@ -36,6 +36,20 @@ Route::middleware([
               ->name('form');
      });
 
+
+/*
+ * Content Creator
+ * */
+Route::middleware([
+    'auth'
+])
+     ->as('contentCreator.')
+     ->prefix('/content-creator')
+     ->group(function () {
+         Route::get('/form/{lecturer?}', \App\Http\Livewire\ContentCreator\Form\ContentCreatorForm::class)
+              ->name('form');
+     });
+
 /*
  * Cities
  * */
@@ -131,6 +145,9 @@ Route::middleware([])
      ->as('library.')
      ->prefix('/{country:code}/library')
      ->group(function () {
+         Route::get('/library-item/form/{libraryItem?}', \App\Http\Livewire\Library\Form\LibraryItemForm::class)
+              ->name('libraryItem.form')->middleware(['auth']);
+
          Route::get('/library-item', \App\Http\Livewire\Library\LibraryTable::class)
               ->name('table.libraryItems');