book cases added

.blueprint

@@ -1,8 +1,8 @@
 created:
-    - database/factories/BookCaseFactory.php
+    - database/factories/OrangePillFactory.php
-    - database/migrations/2022_12_06_222651_create_book_cases_table.php
+    - database/migrations/2022_12_07_095709_create_orange_pills_table.php
-    - app/Models/BookCase.php
+    - app/Models/OrangePill.php
-    - app/Nova/BookCase.php
+    - app/Nova/OrangePill.php
 models:
     Category: { name: string, slug: string }
     City: { country_id: biginteger, name: string, slug: string, longitude: 'float:10', latitude: 'float:10' }
@@ -25,3 +25,4 @@ models:
     Venue: { city_id: biginteger, name: string, slug: string, street: string }
     Case: { title: string, lat: double, lon: json, address: text, type: string, open: string, comment: text, contact: text, bcz: text, digital: boolean, icontype: string, deactivated: boolean, deactreason: string, entrytype: string, homepage: string }
     BookCase: { title: string, lat: double, lon: json, address: text, type: string, open: string, comment: text, contact: text, bcz: text, digital: boolean, icontype: string, deactivated: boolean, deactreason: string, entrytype: string, homepage: string }
+    OrangePill: { user_id: foreign, book_case_id: foreign, date: datetime, amount: 'integer unsigned' }

app/Http/Livewire/Frontend/CommentBookCase.php

@@ -0,0 +1,43 @@
+<?php
+
+namespace App\Http\Livewire\Frontend;
+
+use App\Models\BookCase;
+use Livewire\Component;
+
+class CommentBookCase extends Component
+{
+    public string $c = 'de';
+
+    public BookCase $bookCase;
+
+    public function render()
+    {
+        return view('livewire.frontend.comment-book-case');
+    }
+
+    protected function url_to_absolute($url)
+    {
+        // Determine request protocol
+        $request_protocol = $request_protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' ? 'https' : 'http');
+        // If dealing with a Protocol Relative URL
+        if (stripos($url, '//') === 0) {
+            return $url;
+        }
+        // If dealing with a Root-Relative URL
+        if (stripos($url, '/') === 0) {
+            return $request_protocol.'://'.$_SERVER['HTTP_HOST'].$url;
+        }
+        // If dealing with an Absolute URL, just return it as-is
+        if (stripos($url, 'http') === 0) {
+            return $url;
+        }
+        // If dealing with a relative URL,
+        // and attempt to handle double dot notation ".."
+        do {
+            $url = preg_replace('/[^\/]+\/\.\.\//', '', $url, 1, $count);
+        } while ($count);
+        // Return the absolute version of a Relative URL
+        return $request_protocol.'://'.$_SERVER['HTTP_HOST'].'/'.$url;
+    }
+}

app/Http/Livewire/Tables/BookCaseTable.php

@@ -5,10 +5,15 @@ namespace App\Http\Livewire\Tables;
 use App\Models\BookCase;
 use Rappasoft\LaravelLivewireTables\DataTableComponent;
 use Rappasoft\LaravelLivewireTables\Views\Column;
-use Rappasoft\LaravelLivewireTables\Views\Columns\BooleanColumn;
 
 class BookCaseTable extends DataTableComponent
 {
+    public bool $viewingModal = false;
+    public $currentModal;
+    public array $orangepill = [
+        'amount' => 1,
+        'date' => null,
+    ];
     protected $model = BookCase::class;
 
     public function configure(): void
@@ -22,6 +27,7 @@ class BookCaseTable extends DataTableComponent
                  ];
              })
              ->setTdAttributes(function (Column $column, $row, $columnIndex, $rowIndex) {
+
                  return [
                      'class'   => 'px-6 py-4 text-sm font-medium dark:text-white',
                      'default' => false,
@@ -48,8 +54,8 @@ class BookCaseTable extends DataTableComponent
                       ) => $row->homepage ? '<a target="_blank" class="underline text-amber-500" href="'.$this->url_to_absolute($row->homepage).'">Link</a>' : null
                   )
                   ->html(),
-            Column::make('Oranged-Pilled', 'deactivated')
+            Column::make('Orange-Pilled', 'orange_pilled')
-                         ->label(fn($row, Column $column) => view('columns.book_cases.oranged-pilled')->withRow($row)),
+                  ->label(fn($row, Column $column) => view('columns.book_cases.oranged-pilled')->withRow($row)),
         ];
     }
 
@@ -77,4 +83,20 @@ class BookCaseTable extends DataTableComponent
         // Return the absolute version of a Relative URL
         return $request_protocol.'://'.$_SERVER['HTTP_HOST'].'/'.$url;
     }
+
+    public function viewHistoryModal($modelId): void
+    {
+        $this->viewingModal = true;
+        $this->currentModal = BookCase::findOrFail($modelId);
+    }
+
+    public function resetModal(): void
+    {
+        $this->reset('viewingModal', 'currentModal');
+    }
+
+    public function customView(): string
+    {
+        return 'modals.book_cases.orange_pill';
+    }
 }

app/Models/BookCase.php

@@ -4,10 +4,12 @@ namespace App\Models;
 
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
+use Spatie\Comments\Models\Concerns\HasComments;
 
 class BookCase extends Model
 {
     use HasFactory;
+    use HasComments;
 
     /**
      * The attributes that aren't mass assignable.
@@ -28,4 +30,22 @@ class BookCase extends Model
         'digital' => 'boolean',
         'deactivated' => 'boolean',
     ];
+
+    /*
+ * This string will be used in notifications on what a new comment
+ * was made.
+ */
+    public function commentableName(): string
+    {
+        //
+    }
+
+    /*
+     * This URL will be used in notifications to let the user know
+     * where the comment itself can be read.
+     */
+    public function commentUrl(): string
+    {
+
+    }
 }

app/Models/OrangePill.php

@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class OrangePill extends Model
+{
+    use HasFactory;
+
+    /**
+     * The attributes that aren't mass assignable.
+     *
+     * @var array
+     */
+    protected $guarded = [];
+
+    /**
+     * The attributes that should be cast to native types.
+     *
+     * @var array
+     */
+    protected $casts = [
+        'id' => 'integer',
+        'user_id' => 'integer',
+        'book_case_id' => 'integer',
+        'date' => 'datetime',
+    ];
+
+    public function user(): \Illuminate\Database\Eloquent\Relations\BelongsTo
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    public function bookCase(): \Illuminate\Database\Eloquent\Relations\BelongsTo
+    {
+        return $this->belongsTo(BookCase::class);
+    }
+}

app/Models/User.php

@@ -10,9 +10,11 @@ use Laravel\Fortify\TwoFactorAuthenticatable;
 use Laravel\Jetstream\HasProfilePhoto;
 use Laravel\Jetstream\HasTeams;
 use Laravel\Sanctum\HasApiTokens;
+use Spatie\Comments\Models\Concerns\InteractsWithComments;
+use Spatie\Comments\Models\Concerns\Interfaces\CanComment;
 use Spatie\Permission\Traits\HasRoles;
 
-class User extends Authenticatable implements MustVerifyEmail
+class User extends Authenticatable implements MustVerifyEmail, CanComment
 {
     use HasApiTokens;
     use HasFactory;
@@ -21,6 +23,7 @@ class User extends Authenticatable implements MustVerifyEmail
     use Notifiable;
     use TwoFactorAuthenticatable;
     use HasRoles;
+    use InteractsWithComments;
 
     protected $guarded = [];
 

app/Nova/OrangePill.php

@@ -0,0 +1,103 @@
+<?php
+
+namespace App\Nova;
+
+use Laravel\Nova\Fields\ID;
+use Illuminate\Http\Request;
+use Laravel\Nova\Fields\Number;
+use Laravel\Nova\Fields\DateTime;
+use Laravel\Nova\Fields\BelongsTo;
+
+class OrangePill extends Resource
+{
+    /**
+     * The model the resource corresponds to.
+     *
+     * @var string
+     */
+    public static $model = \App\Models\OrangePill::class;
+
+    /**
+     * The single value that should be used to represent the resource when being displayed.
+     *
+     * @var string
+     */
+    public static $title = 'id';
+
+    /**
+     * The columns that should be searched.
+     *
+     * @var array
+     */
+    public static $search = [
+        'id',
+    ];
+
+    /**
+     * Get the fields displayed by the resource.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return array
+     */
+    public function fields(Request $request)
+    {
+        return [
+            ID::make()->sortable(),
+
+            DateTime::make('Date')
+                ->rules('required'),
+
+            Number::make('Amount')
+                ->rules('required', 'integer'),
+
+            BelongsTo::make('User'),
+            BelongsTo::make('BookCase'),
+
+
+        ];
+    }
+
+    /**
+     * Get the cards available for the request.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return array
+     */
+    public function cards(Request $request)
+    {
+        return [];
+    }
+
+    /**
+     * Get the filters available for the resource.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return array
+     */
+    public function filters(Request $request)
+    {
+        return [];
+    }
+
+    /**
+     * Get the lenses available for the resource.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return array
+     */
+    public function lenses(Request $request)
+    {
+        return [];
+    }
+
+    /**
+     * Get the actions available for the resource.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return array
+     */
+    public function actions(Request $request)
+    {
+        return [];
+    }
+}

composer.json

@@ -13,6 +13,7 @@
         "archtechx/enums": "^0.3.1",
         "ebess/advanced-nova-media-library": "^4.0",
         "ezadr/lnurl-php": "^1.0",
+        "gonoware/laravel-maps": "^2.0",
         "guzzlehttp/guzzle": "^7.2",
         "itsmejoshua/novaspatiepermissions": "^1.0",
         "jackiedo/timezonelist": "^5.1",
@@ -28,6 +29,8 @@
         "sentry/sentry-laravel": "^3.1",
         "simplesoftwareio/simple-qrcode": "^4.2",
         "spatie/eloquent-sortable": "^4.0",
+        "spatie/laravel-comments": "^1.4",
+        "spatie/laravel-comments-livewire": "^1.2",
         "spatie/laravel-google-fonts": "^1.2",
         "spatie/laravel-markdown": "^2.2",
         "spatie/laravel-medialibrary": "^10.0.0",
@@ -116,6 +119,10 @@
         {
             "type": "path",
             "url": "./nova-components/Start"
+        },
+        {
+            "type": "composer",
+            "url": "https://satis.spatie.be"
         }
     ]
 }

config/comments.php

@@ -0,0 +1,145 @@
+<?php
+
+use Spatie\Comments\Notifications\ApprovedCommentNotification;
+use Spatie\Comments\Notifications\PendingCommentNotification;
+use Spatie\Comments\Actions\SendNotificationsForApprovedCommentAction;
+use Spatie\Comments\Actions\RejectCommentAction;
+use Spatie\Comments\Actions\ApproveCommentAction;
+use Spatie\Comments\Actions\SendNotificationsForPendingCommentAction;
+use Spatie\Comments\Actions\ProcessCommentAction;
+use Spatie\Comments\Models\Reaction;
+use Spatie\Comments\Models\Comment;
+use Spatie\Comments\CommentTransformers\MarkdownToHtmlTransformer;
+use Spatie\Comments\Models\CommentNotificationSubscription;
+use Spatie\Comments\Support\CommentSanitizer;
+
+return [
+    /*
+     * These are the reactions that can be made on a comment. We highly recommend
+     * only enabling positive ones for getting good vibes in your community.
+     */
+    'allowed_reactions' => ['👍', '🔥', '🥳', '👀', '😍', '⚡'],
+
+    /*
+     * You can allow guests to post comments. They will not be able to use
+     * reactions.
+     */
+    'allow_anonymous_comments' => false,
+
+    /*
+     * A comment transformer is a class that will transform the comment text
+     * for example from Markdown to HTML
+     */
+    'comment_transformers' => [
+        MarkdownToHtmlTransformer::class,
+    ],
+
+    /*
+     * After all transformers have transformed the comment text, it will
+     * be passed to this class to sanitize it
+     */
+    'comment_sanitizer' => CommentSanitizer::class,
+
+    /*
+     * Comments need to be approved before they are shown. You can opt
+     * to have all comments to be approved automatically.
+     */
+    'automatically_approve_all_comments' => true,
+
+    'models' => [
+        /*
+         * The class that will comment on other things. Typically, this
+         * would be a user model.
+         */
+        'commentator' => App\Models\User::class,
+
+        /*
+         * The field to use to display the name from the commentator model.
+         */
+        'name' => 'name',
+
+        /*
+         * The model you want to use as a Comment model. It needs to be or
+         * extend the `Spatie\Comments\Models\Comment::class` model.
+         */
+        'comment' => Comment::class,
+
+        /*
+         * The model you want to use as a React model. It needs to be or
+         * extend the `Spatie\Comments\Models\Reaction::class` model.
+         */
+        'reaction' => Reaction::class,
+
+        /*
+         * The model you want to use as an opt-out model. It needs to be or
+         * extend the `Spatie\Comments\Models\CommentNotificationSubscription::class` model.
+         */
+        'comment_notification_subscription' => CommentNotificationSubscription::class,
+    ],
+
+    'notifications' => [
+        /*
+         * When somebody creates a comment, a notification will be sent to other persons
+         * that commented on the same thing.
+         */
+        'enabled' => true,
+
+        'notifications' => [
+            'pending_comment' => PendingCommentNotification::class,
+            'approved_comment' => ApprovedCommentNotification::class,
+        ],
+
+        /*
+         * Here you can configure the notifications that will be sent via mail.
+         */
+        'mail' => [
+            'from' => [
+                'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'),
+                'name' => env('MAIL_FROM_NAME', 'Example'),
+            ],
+        ],
+    ],
+
+    'pagination' => [
+        /*
+         * Here you can configure the number of results to show before
+         * pagination links are displayed.
+         */
+        'results' => 10000,
+
+        /*
+         * If you have multiple paginators on the same page, you can configure the
+         * query string page name to avoid conflicts with the other paginator.
+         * For example, you could set the page_name to be 'comments_page'.
+         */
+        'page_name' => 'page',
+
+        /*
+         * You can choose a different pagination theme like "simple-tailwind" or build
+         * a custom pagination "vendor.livewire.custom-pagination" See the livewire
+         * docs for more information: https://laravel-livewire.com/docs/2.x/pagination#custom-pagination-view
+         */
+        'theme' => 'tailwind',
+    ],
+
+    /*
+     * Unless you need fine-grained customization, you don't need to change
+     * these action classes. If you do change any of them, make sure that your class
+     * extends the original action class.
+     */
+    'actions' => [
+        'process_comment' => ProcessCommentAction::class,
+        'send_notifications_for_pending_comment' => SendNotificationsForPendingCommentAction::class,
+        'approve_comment' => ApproveCommentAction::class,
+        'reject_comment' => RejectCommentAction::class,
+        'send_notifications_for_approved_comment' => SendNotificationsForApprovedCommentAction::class,
+    ],
+
+    'gravatar' => [
+        /*
+         * Here you can choose which default image to show when a user does not have a Gravatar profile.
+         * See the Gravatar docs for further information https://en.gravatar.com/site/implement/images/
+         */
+        'default_image' => 'mp',
+    ],
+];

config/markdown.php

@@ -0,0 +1,92 @@
+<?php
+
+return [
+    'code_highlighting' => [
+        /*
+         * To highlight code, we'll use Shiki under the hood. Make sure it's installed.
+         *
+         * More info: https://spatie.be/docs/laravel-markdown/v1/installation-setup
+         */
+        'enabled' => true,
+
+        /*
+         * The name of or path to a Shiki theme
+         *
+         * More info: https://github.com/shikijs/shiki/blob/master/docs/themes.md
+         */
+        'theme' => 'github-dark',
+    ],
+
+    /*
+     * When enabled, anchor links will be added to all titles
+     */
+    'add_anchors_to_headings' => true,
+
+    /*
+     * These options will be passed to the league/commonmark package which is
+     * used under the hood to render markdown.
+     *
+     * More info: https://spatie.be/docs/laravel-markdown/v1/using-the-blade-component/passing-options-to-commonmark
+     */
+    'commonmark_options' => [],
+
+    /*
+     * Rendering markdown to HTML can be resource intensive. By default
+     * we'll cache the results.
+     *
+     * You can specify the name of a cache store here. When set to `null`
+     * the default cache store will be used. If you do not want to use
+     * caching set this value to `false`.
+     */
+    'cache_store' => null,
+
+    /*
+     * This class will convert markdown to HTML
+     *
+     * You can change this to a class of your own to greatly
+     * customize the rendering process
+     *
+     * More info: https://spatie.be/docs/laravel-markdown/v1/advanced-usage/customizing-the-rendering-process
+     */
+    'renderer_class' => Spatie\LaravelMarkdown\MarkdownRenderer::class,
+
+    /*
+     * These extensions should be added to the markdown environment. A valid
+     * extension implements League\CommonMark\Extension\ExtensionInterface
+     *
+     * More info: https://commonmark.thephpleague.com/2.1/extensions/overview/
+     */
+    'extensions' => [
+        //
+    ],
+
+    /*
+     * These block renderers should be added to the markdown environment. A valid
+     * renderer implements League\CommonMark\Renderer\NodeRendererInterface;
+     *
+     * More info: https://commonmark.thephpleague.com/2.1/customization/rendering/
+     */
+    'block_renderers' => [
+        // ['class' => FencedCode::class, 'renderer' => new MyCustomCodeRenderer(), 'priority' => 0]
+    ],
+
+    /*
+     * These inline renderers should be added to the markdown environment. A valid
+     * renderer implements League\CommonMark\Renderer\NodeRendererInterface;
+     *
+     * More info: https://commonmark.thephpleague.com/2.1/customization/rendering/
+     */
+    'inline_renderers' => [
+        // ['class' => FencedCode::class, 'renderer' => new MyCustomCodeRenderer(), 'priority' => 0]
+    ],
+
+    /*
+     * These inline parsers should be added to the markdown environment. A valid
+     * parser implements League\CommonMark\Renderer\InlineParserInterface;
+     *
+     * More info: https://commonmark.thephpleague.com/2.3/customization/inline-parsing/
+     */
+    'inline_parsers' => [
+        // ['parser' => new MyCustomInlineParser(), 'priority' => 0]
+    ],
+];

database/factories/OrangePillFactory.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace Database\Factories;
+
+use Illuminate\Database\Eloquent\Factories\Factory;
+use Illuminate\Support\Str;
+use App\Models\BookCase;
+use App\Models\OrangePill;
+use App\Models\User;
+
+class OrangePillFactory extends Factory
+{
+    /**
+     * The name of the factory's corresponding model.
+     *
+     * @var string
+     */
+    protected $model = OrangePill::class;
+
+    /**
+     * Define the model's default state.
+     *
+     * @return array
+     */
+    public function definition(): array
+    {
+        return [
+            'user_id' => User::factory(),
+            'book_case_id' => BookCase::factory(),
+            'date' => $this->faker->dateTime(),
+            'amount' => $this->faker->randomNumber(),
+        ];
+    }
+}

database/migrations/2022_12_06_222651_create_book_cases_table.php

@@ -14,6 +14,10 @@ class CreateBookCasesTable extends Migration
     {
         Schema::create('book_cases', function (Blueprint $table) {
             $table->id();
+            $table->boolean('orange_pilled')
+                  ->default(false);
+            $table->unsignedInteger('orange_pilled_amount')
+                  ->default(0);
             $table->string('title');
             $table->double('lat');
             $table->double('lon');

database/migrations/2022_12_07_095709_create_orange_pills_table.php

@@ -0,0 +1,39 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateOrangePillsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up(): void
+    {
+        Schema::disableForeignKeyConstraints();
+
+        Schema::create('orange_pills', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('user_id')->constrained()->cascadeOnDelete()->cascadeOnUpdate();
+            $table->foreignId('book_case_id')->constrained()->cascadeOnDelete()->cascadeOnUpdate();
+            $table->dateTime('date');
+            $table->unsignedInteger('amount');
+            $table->timestamps();
+        });
+
+        Schema::enableForeignKeyConstraints();
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('orange_pills');
+    }
+}

database/migrations/2022_12_07_122722_create_comments_tables.php

@@ -0,0 +1,47 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+return new class extends Migration
+{
+    public function up()
+    {
+        Schema::create('comments', function (Blueprint $table) {
+            $table->id();
+            $this->nullableMorphs($table, 'commentator', 'commentator_comments');
+            $table->morphs('commentable');
+            $table->foreignId('parent_id')->nullable()->constrained('comments')->onDelete('cascade');
+            $table->longText('original_text');
+            $table->longText('text');
+            $table->json('extra')->nullable();
+            $table->timestamp('approved_at')->nullable();
+            $table->timestamps();
+        });
+
+        Schema::create('reactions', function (Blueprint $table) {
+            $table->id();
+            $this->nullableMorphs($table, 'commentator', 'commentator_reactions');
+            $table->foreignId('comment_id')->references('id')->on('comments')->cascadeOnDelete();
+            $table->string('reaction')->collation('C.UTF-8');
+            $table->timestamps();
+        });
+
+        Schema::create('comment_notification_subscriptions', function(Blueprint $table) {
+            $table->id();
+            $table->morphs('commentable', 'cn_subscriptions_commentable');
+            $table->morphs('subscriber', 'cn_subscriptions_subscriber');
+            $table->string('type');
+
+            $table->timestamps();
+        });
+    }
+
+    protected function nullableMorphs(Blueprint $table, string $name, string $indexName): void
+    {
+        $table->string("{$name}_type")->nullable();
+        $table->unsignedBigInteger("{$name}_id")->nullable();
+        $table->index(["{$name}_type", "{$name}_id"], $indexName);
+    }
+};

draft.yaml

@@ -1,17 +0,0 @@
-models:
-  BookCase:
-    title: string
-    lat: double
-    lon: json
-    address: text
-    type: string
-    open: string
-    comment: text
-    contact: text
-    bcz: text
-    digital: boolean
-    icontype: string
-    deactivated: boolean
-    deactreason: string
-    entrytype: string
-    homepage: string

lang/de.json

@@ -1,4 +1,5 @@
 {
+    "Orange Pill Book Case": "Bücher-Schrank wurde orange pilled.",
     "Book": "Buch",
     "Article": "Artikel",
     "Markdown Article": "Interner Artikel",

public/vendor/maps/css/index.css

@@ -0,0 +1 @@
+.gnw-map-service{height:400px;position:relative}.gnw-map-service__google{background:#e5e3df}.gnw-map-service__bing,.gnw-map-service__mapquest,.gnw-map-service__osm{background:#ddd}.gnw-map-service__yandex{background:#f3f1ed}.gnw-map-service__mapkit{background:#f8f4ec}.gnw-map{height:inherit}.gnw-map .mk-map-view>.syrup-canvas{margin-left:-50%}

public/vendor/maps/js/index.js.LICENSE.txt

@@ -0,0 +1,4 @@
+/* @preserve
+ * Leaflet 1.9.2, a JS library for interactive maps. https://leafletjs.com
+ * (c) 2010-2022 Vladimir Agafonkin, (c) 2010-2011 CloudMade
+ */

public/vendor/maps/mix-manifest.json

@@ -0,0 +1,4 @@
+{
+    "/js/index.js": "/js/index.js?id=6508504506f20e7f033c7de36683001a",
+    "/css/index.css": "/css/index.css?id=56062e68c820fdf21c3c4ec98fbe553b"
+}

resources/views/columns/book_cases/oranged-pilled.blade.php

@@ -1,11 +1,21 @@
-<div>
+<div class="flex flex-col space-y-1">
-    @php
+    @auth
-        $a = (bool)rand(0, 1);
+        @if($row->orange_pilled)
-    @endphp
+            <img class="aspect-auto max-h-12" src="{{ asset('img/social_credit_plus.webp') }}" alt="">
-    @if($a)
+        @endif
-        <img class="h-12" src="{{ asset('img/social_credit_minus.webp') }}" alt="">
+        @if(!$row->orange_pilled)
-    @endif
+            <img class="aspect-auto max-h-12" src="{{ asset('img/social_credit_minus.webp') }}" alt="">
-    @if(!$a)
+        @endif
-        <img class="h-12" src="{{ asset('img/social_credit_plus.webp') }}" alt="">
+        <div class="flex items-center space-x-1">
-    @endif
+            <x-button wire:click="viewHistoryModal({{ $row->id }})">💊 Orange Pill Now</x-button>
+            <x-button :href="route('comment.bookcase', ['bookCase' => $row->id])">Kommentare</x-button>
+        </div>
+    @else
+        <div>
+            <x-badge amber>
+                <i class="fa fa-thin fa-shelves-empty mr-2"></i>
+                {{ __('noch keine Bitcoin-Bücher') }}
+            </x-badge>
+        </div>
+    @endauth
 </div>

resources/views/layouts/app.blade.php

@@ -9,32 +9,46 @@
     @googlefonts
     <!-- Scripts -->
     <script src="https://kit.fontawesome.com/03bc14bd1e.js" crossorigin="anonymous"></script>
+    @mapscripts
     <wireui:scripts/>
+    <x-comments::scripts />
     @vite(['resources/css/app.css', 'resources/js/app.js'])
     <!-- Styles -->
+    <x-comments::styles />
     @livewireStyles
+    @mapstyles
     <style>
-        #seekObjContainer {
+        .comments {
-            position: relative;
+            --comments-color-background: rgb(34, 34, 34);
-            width: 400px;
+            --comments-color-background: rgb(34, 34, 34);
-            margin: 0 5px;
+            --comments-color-background-nested: rgb(34, 34, 34);
-            height: 5px;
+            --comments-color-background-paper: rgb(55, 51, 51);
-        }
+            --comments-color-background-info: rgb(104, 89, 214);
 
-        #seekObj {
+            --comments-color-reaction: rgb(59, 59, 59);
-            position: relative;
+            --comments-color-reaction-hover: rgb(65, 63, 63);
-            width: 100%;
+            --comments-color-reacted: rgba(67, 56, 202, 0.25);
-            height: 100%;
+            --comments-color-reacted-hover: rgba(67, 56, 202, 0.5);
-            background-color: #e3e3e3;
-            border: 1px solid black;
-        }
 
-        #percentage {
+            --comments-color-border: rgb(221, 221, 221);
-            position: absolute;
+
-            left: 0;
+            --comments-color-text:white;
-            top: 0;
+            --comments-color-text-dimmed: rgb(164, 164, 164);
-            height: 100%;
+            --comments-color-text-inverse: white;
-            background-color: coral;
+
+            --comments-color-accent: rgba(67, 56, 202);
+            --comments-color-accent-hover: rgba(67, 56, 202, 0.75);
+
+            --comments-color-danger: rgb(225, 29, 72);
+            --comments-color-danger-hover: rgb(225, 29, 72, 0.75);
+
+            --comments-color-success: rgb(10, 200, 134);
+            --comments-color-success-hover: rgb(10, 200, 134, 0.75);
+
+            --comments-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+        }
+        .comments-button {
+            background-color: #F7931A !important;
         }
 
         [x-cloak] {
@@ -43,7 +57,7 @@
     </style>
 </head>
 <body class="font-sans antialiased bg-21gray dark">
-<x-notifications z-index="z-50"/>
+<x-notifications z-index="z-50" blur="md" align="center"/>
 <x-jet-banner/>
 <div class="min-h-screen">
     @auth

resources/views/layouts/guest.blade.php

@@ -10,17 +10,51 @@
     <!-- Scripts -->
     <script src="https://kit.fontawesome.com/03bc14bd1e.js" crossorigin="anonymous"></script>
     <wireui:scripts/>
+    <x-comments::scripts />
     @vite(['resources/css/app.css', 'resources/js/app.js'])
     <!-- Styles -->
     @livewireStyles
     <style>
+        .comments {
+            --comments-color-background: rgb(34, 34, 34);
+            --comments-color-background: rgb(34, 34, 34);
+            --comments-color-background-nested: rgb(34, 34, 34);
+            --comments-color-background-paper: rgb(55, 51, 51);
+            --comments-color-background-info: rgb(104, 89, 214);
+
+            --comments-color-reaction: rgb(59, 59, 59);
+            --comments-color-reaction-hover: rgb(65, 63, 63);
+            --comments-color-reacted: rgba(67, 56, 202, 0.25);
+            --comments-color-reacted-hover: rgba(67, 56, 202, 0.5);
+
+            --comments-color-border: rgb(221, 221, 221);
+
+            --comments-color-text:white;
+            --comments-color-text-dimmed: rgb(164, 164, 164);
+            --comments-color-text-inverse: white;
+
+            --comments-color-accent: rgba(67, 56, 202);
+            --comments-color-accent-hover: rgba(67, 56, 202, 0.75);
+
+            --comments-color-danger: rgb(225, 29, 72);
+            --comments-color-danger-hover: rgb(225, 29, 72, 0.75);
+
+            --comments-color-success: rgb(10, 200, 134);
+            --comments-color-success-hover: rgb(10, 200, 134, 0.75);
+
+            --comments-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+        }
+        .comments-button {
+            background-color: #F7931A !important;
+        }
+
         [x-cloak] {
             display: none !important;
         }
     </style>
 </head>
 <body class="font-sans antialiased bg-21gray dark">
-<x-notifications z-index="z-50"/>
+<x-notifications z-index="z-50" blur="md" align="center"/>
 {{ $slot }}
 @stack('modals')
 @livewireScripts

resources/views/livewire/frontend/comment-book-case.blade.php

@@ -0,0 +1,123 @@
+<div class="bg-21gray flex flex-col h-screen justify-between">
+    <script src="{{ asset('earth/miniature.earth.js') }}"></script>
+    <style>
+        .earth-container::after {
+            content: "";
+            position: absolute;
+            height: 22%;
+            bottom: 4%;
+            left: 13%;
+            right: 13%;
+        }
+    </style>
+    {{-- HEADER --}}
+    <div>
+        <section class="w-full">
+            <div class="max-w-screen-2xl mx-auto px-2 sm:px-10">
+                <div
+                    class="relative sm:sticky sm:top-0 bg-21gray z-10 flex flex-col flex-wrap items-center justify-between py-7 mx-auto md:flex-row max-w-screen-2xl">
+                    <div class="relative flex flex-col md:flex-row">
+                        <a href="{{ route('search.city', ['country' => $c]) }}"
+                           class="flex items-center mb-5 font-medium text-gray-900 lg:w-auto lg:items-center lg:justify-center md:mb-0">
+                            <img src="{{ asset('img/einundzwanzig-horizontal-inverted.svg') }}">
+                        </a>
+                        <nav
+                            class="flex flex-wrap items-center mb-5 text-lg md:mb-0 md:pl-8 md:ml-8 md:border-l md:border-gray-800">
+                            <a href="{{ route('search.city', ['country' => $c, '#table']) }}"
+                               class="{{ request()->routeIs('search.city') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Städte</a>
+                            <a href="{{ route('search.lecturer', ['country' => $c, '#table']) }}"
+                               class="{{ request()->routeIs('search.lecturer') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Dozenten</a>
+                            <a href="{{ route('search.venue', ['country' => $c, '#table']) }}"
+                               class="{{ request()->routeIs('search.venue') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Veranstaltungs-Orte</a>
+                            <a href="{{ route('search.course', ['country' => $c, '#table']) }}"
+                               class="{{ request()->routeIs('search.course') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Kurse</a>
+                            <a href="{{ route('search.event', ['country' => $c, '#table']) }}"
+                               class="{{ request()->routeIs('search.event') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Termine</a>
+                            <a href="{{ route('library', ['country' => $c]) }}"
+                               class="{{ request()->routeIs('library') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Bibliothek</a>
+                            <a href="{{ route('search.bookcases', ['country' => $c]) }}"
+                               class="{{ request()->routeIs('search.bookcases') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Bücher-Schränke</a>
+                            @if(auth()->user()?->is_lecturer)
+                                <a href="{{ route('library.lecturer', ['country' => $c]) }}"
+                                   class="{{ request()->routeIs('library.lecturer') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Dozenten-Bibliothek</a>
+                            @endif
+                        </nav>
+                    </div>
+                    @auth
+                        <div></div>
+                    @else
+                        <div class="inline-flex items-center ml-5 my-2 text-lg space-x-6 lg:justify-end">
+                            <a href="{{ route('auth.ln') }}"
+                               class="text-xs sm:text-base font-medium leading-6 text-gray-400 hover:text-gray-300 whitespace-no-wrap transition duration-150 ease-in-out">
+                                Login
+                            </a>
+                            <a href="{{ route('auth.ln') }}"
+                               class="text-xs sm:text-base inline-flex items-center justify-center px-4 py-2 font-medium leading-6 text-gray-200 hover:text-white whitespace-no-wrap bg-gray-800 border border-transparent rounded shadow-sm hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-800">
+                                Registrieren
+                            </a>
+                        </div>
+                    @endauth
+                </div>
+            </div>
+        </section>
+    </div>
+    {{-- MAIN --}}
+    <section class="w-full mb-12">
+        <div class="max-w-screen-2xl mx-auto px-2 sm:px-10">
+            <div class="flex items-center justify-end space-x-2 my-6">
+                <x-button primary :href="route('search.bookcases', ['country' => $c])">
+                    <i class="fa fa-thin fa-arrow-left"></i>
+                    Zurück zur Übersicht
+                </x-button>
+            </div>
+
+            <div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
+
+                <div
+                    class="relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white px-6 py-5 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400">
+                    {{--<div class="flex-shrink-0">
+                        <img class="h-10 w-10 rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
+                    </div>--}}
+                    <div class="min-w-0 flex-1">
+                        <div class="focus:outline-none">
+                            <p class="text-sm font-medium text-gray-900">Name</p>
+                            <p class="truncate text-sm text-gray-500">{{ $bookCase->title }}</p>
+                            <p class="text-sm font-medium text-gray-900">Link</p>
+                            <p class="text-sm text-gray-500">
+                                <a target="_blank"
+                                   href="{{ $this->url_to_absolute($bookCase->homepage) }}">{{ $this->url_to_absolute($bookCase->homepage) }}</a>
+                            </p>
+                            <p class="text-sm font-medium text-gray-900">Adresse</p>
+                            <p class="truncate text-sm text-gray-500">{{ $bookCase->address }}</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="rounded">
+                    @map([
+                    'lat' => $bookCase->lat,
+                    'lng' => $bookCase->lon,
+                    'zoom' => 24,
+                    'markers' => [
+                    [
+                    'title' => $bookCase->title,
+                    'lat' => $bookCase->lat,
+                    'lng' => $bookCase->lon,
+                    'url' => 'https://gonoware.com',
+                    'icon' => asset('img/btc-logo-6219386_1280.png'),
+                    'icon_size' => [42, 42],
+                    ],
+                    ],
+                    ])
+                </div>
+
+            </div>
+
+            <div class="my-4">
+                <livewire:comments :model="$bookCase"/>
+            </div>
+        </div>
+    </section>
+    {{-- FOOTER --}}
+    <livewire:frontend.footer/>
+</div>

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

@@ -33,6 +33,8 @@
                            class="{{ request()->routeIs('search.event') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Termine</a>
                         <a href="{{ route('library', ['country' => $c]) }}"
                            class="{{ request()->routeIs('library') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Bibliothek</a>
+                        <a href="{{ route('search.bookcases', ['country' => $c]) }}"
+                           class="{{ request()->routeIs('search.bookcases') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Bücher-Schränke</a>
                         @if(auth()->user()?->is_lecturer)
                             <a href="{{ route('library.lecturer', ['country' => $c]) }}"
                                class="{{ request()->routeIs('library.lecturer') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Dozenten-Bibliothek</a>

resources/views/livewire/frontend/search-book-case.blade.php

@@ -35,6 +35,8 @@
                                class="{{ request()->routeIs('search.event') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Termine</a>
                             <a href="{{ route('library', ['country' => $c]) }}"
                                class="{{ request()->routeIs('library') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Bibliothek</a>
+                            <a href="{{ route('search.bookcases', ['country' => $c]) }}"
+                               class="{{ request()->routeIs('search.bookcases') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Bücher-Schränke</a>
                             @if(auth()->user()?->is_lecturer)
                                 <a href="{{ route('library.lecturer', ['country' => $c]) }}"
                                    class="{{ request()->routeIs('library.lecturer') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Dozenten-Bibliothek</a>
@@ -79,7 +81,7 @@
                         init() {
                             this.earth = new Earth(this.$refs.myearth, {
                                 location : {lat: {{ $bookCases->first()->lat }}, lng: {{ $bookCases->first()->lon }}},
-                                zoom: 2,
+                                zoom: 1,
                                 light: 'sun',
                                 polarLimit: 0.6,
 

resources/views/modals/book_cases/orange_pill.blade.php

@@ -0,0 +1,42 @@
+<x-jet-dialog-modal wire:model="viewingModal" maxWidth="screen" bg="bg-21gray">
+    <x-slot name="title">
+        <div class="text-gray-200">
+            {{ __('Orange Pill Book Case') }}
+        </div>
+    </x-slot>
+
+    <x-slot name="content">
+        <div class="space-y-4 mt-16 flex flex-col justify-center">
+            <div class="col-span-6 sm:col-span-4">
+                <x-input
+                    min="1"
+                    type="number"
+                    wire:model.debounce="orangepill.amount"
+                    label="Anzahl der Bücher"
+                    placeholder="Anzahl der Bücher"
+                    corner-hint="Wie viele Bitcoin-Bücher hast du reingestellt?"
+                />
+            </div>
+            <div class="col-span-6 sm:col-span-4">
+                <x-datetime-picker
+                    label="Datum"
+                    placeholder="Datum"
+                    display-format="DD.MM.YYYY"
+                    wire:model.defer="orangepill.date"
+                    without-time
+                    corner-hint="Wann hast du Bitcoin-Bücher reingestellt?"
+                />
+            </div>
+            <div class="col-span-6 sm:col-span-4">
+                <x-textarea wire:model.defer="orangepill.comment" label="Kommentar" placeholder="Kommentar"
+                            corner-hint="Zum Beispiel welche Bücher du reingestellt hast."/>
+            </div>
+        </div>
+    </x-slot>
+
+    <x-slot name="footer">
+        <x-jet-secondary-button wire:click="resetModal" wire:loading.attr="disabled">
+            💊 @lang('Orange Pill Now')
+        </x-jet-secondary-button>
+    </x-slot>
+</x-jet-dialog-modal>

resources/views/vendor/comments/components/avatar.blade.php

@@ -0,0 +1,15 @@
+@php
+    $defaultImage = Spatie\Comments\Support\Config::getGravatarDefaultImage();
+    $defaultAvatar = "https://www.gravatar.com/avatar/unknown?d={$defaultImage}";
+
+    if ($user = auth()->user()) {
+        $segment = md5(strtolower($user->email));
+        $defaultAvatar = "https://www.gravatar.com/avatar/{$segment}?d={$defaultImage}";
+    }
+@endphp
+
+<img
+    class="comments-avatar"
+    src="{{ isset($comment) &&  $comment->commentatorProperties() ? $comment->commentatorProperties()->avatar : $defaultAvatar }}"
+    alt="avatar"
+>

resources/views/vendor/comments/components/button.blade.php

@@ -0,0 +1,12 @@
+<button
+    type="{{ isset($submit) && $submit ? 'submit' : 'button' }}"
+    @class([
+        'comments-button',
+        'is-small' => isset($small) && $small,
+        'is-danger' => isset($danger) && $danger,
+        'is-link' => isset($link) && $link,
+    ])
+    {{ $attributes->except('type', 'size', 'submit') }}
+>
+    {{ $slot }}
+</button>

resources/views/vendor/comments/components/date.blade.php

@@ -0,0 +1,7 @@
+<time datetime="$date->format('Y-m-d H:i:s')" class="comments-date">
+    @if($date->diffInMinutes() < 1)
+        {{ __('comments::comments.just_now') }}
+    @else
+        {{ $date->diffForHumans() }}
+    @endif
+</time>

resources/views/vendor/comments/components/editors/easymde.blade.php

@@ -0,0 +1,104 @@
+<div
+    x-data="compose({ text: @entangle($model), autofocus: @json($autofocus ?? false) })"
+    x-init="
+        $wire.on('comment', clear);
+        @isset($comment)
+            $wire.on('reply-{{ $comment->id }}', () => {
+                clear();
+            });
+        @endisset
+    "
+>
+    <div wire:ignore>
+        <textarea placeholder="{{ $placeholder ?? '' }}"></textarea>
+    </div>
+    
+    <div class="comments-form-editor-tip">
+        You can use <a href="https://spatie.be/markdown" target="_blank" rel="nofollow noopener noreferrer">Markdown</a>
+    </div>
+</div>
+
+@push('comments-scripts')
+    <script>
+        document.addEventListener("alpine:init", () => {
+            window.Alpine.data("compose", ({ text, autofocus = false } = {}) => {
+                // Store the editor as a non-reactive instance property
+                let editor;
+
+                return {
+                    text,
+
+                    init() {
+                        if (editor) {
+                            return;
+                        }
+
+                        const textarea = this.$el.querySelector("textarea");
+
+                        if (!textarea) {
+                            return;
+                        }
+
+                        this.loadEasyMDE().then(() => {
+                            editor = new window.EasyMDE({
+                                element: textarea,
+                                hideIcons: [
+                                    "heading",
+                                    "image",
+                                    "preview",
+                                    "side-by-side",
+                                    "fullscreen",
+                                    "guide",
+                                ],
+                                spellChecker: false,
+                                status: false,
+                                insertTexts: {
+                                    link: ["[",  "](https://)"],
+                                },
+                            });
+
+                            editor.value(this.text);
+
+                            if (autofocus) {
+                                editor.codemirror.focus();
+                                editor.codemirror.setCursor(editor.codemirror.lineCount(), 0);
+                            }
+
+                            editor.codemirror.on("change", () => {
+                                this.text = editor.value();
+                            });
+                        });
+                    },
+
+                    clear() {
+                        editor.value("");
+                    },
+
+                    loadEasyMDE() {
+                        if (window.EasyMDE) {
+                            return Promise.resolve();
+                        }
+
+                        const loadScript = new Promise((resolve) => {
+                            const script = document.createElement("script");
+                            script.src = "https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.js";
+                            script.addEventListener("load", resolve);
+                            document.getElementsByTagName("head")[0].appendChild(script);
+                        });
+
+                        const loadCss = new Promise((resolve) => {
+                            const link = document.createElement("link");
+                            link.type = "text/css";
+                            link.rel = "stylesheet";
+                            link.href = "https://cdn.jsdelivr.net/npm/easymde/dist/easymde.min.css";
+                            link.addEventListener("load", resolve);
+                            document.getElementsByTagName("head")[0].appendChild(link);
+                        });
+
+                        return Promise.all([loadScript, loadCss]);
+                    },
+                };
+            });
+        });
+    </script>
+@endpush

resources/views/vendor/comments/components/editors/textarea.blade.php

@@ -0,0 +1 @@
+<textarea wire:model.lazy="{{ $model }}" @isset($autofocus) autofocus @endisset class="comments-textarea"></textarea>

resources/views/vendor/comments/components/icons/close.blade.php

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="comments-icon"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>

resources/views/vendor/comments/components/icons/copy.blade.php

@@ -0,0 +1 @@
+<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" class="comments-icon"><path stroke-width="0" d="M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z"></path></svg>

resources/views/vendor/comments/components/icons/delete.blade.php

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="comments-icon"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/></svg>

resources/views/vendor/comments/components/icons/edit.blade.php

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="comments-icon"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"/></svg>

resources/views/vendor/comments/components/icons/menu.blade.php

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="comments-icon"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"/></svg>

resources/views/vendor/comments/components/icons/smile.blade.php

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="comments-icon"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.828 14.828a4 4 0 01-5.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>

resources/views/vendor/comments/components/modal.blade.php

@@ -0,0 +1,14 @@
+<div
+    x-cloak
+    @class(['comments-modal', 'is-compact' => $compact ?? false, 'is-left' => $left ?? false, 'is-bottom' => $bottom ?? false])
+    {{ $attributes }}
+>
+    @isset($title)
+        <p class="comments-modal-title">
+            {{ $title }}
+        </p>
+    @endisset
+    <div class="comments-modal-contents">
+        {{ $slot }}
+    </div>
+</div>

resources/views/vendor/comments/components/scripts.blade.php

@@ -0,0 +1,9 @@
+<script>
+    if (window.Alpine) {
+        console.warn(
+            'Laravel Comments scripts were loaded after Alpine. ' +
+            'Please ensure Alpine is loaded last so Laravel Comments can initialize first.'
+        );
+    }
+</script>
+@stack('comments-scripts')

resources/views/vendor/comments/components/styles.blade.php

@@ -0,0 +1,3 @@
+<style>
+    {{ $stylesheet }}
+</style>

resources/views/vendor/comments/livewire/comment.blade.php

@@ -0,0 +1,196 @@
+<div
+    id="comment-{{ $comment->id }}"
+    class="comments-group"
+    x-data="{ confirmDelete: false, urlCopied: false }"
+    x-effect="
+        if (urlCopied) {
+            window.navigator.clipboard.writeText(window.location.href.split('#')[0] + '#comment-{{ $comment->id }}');
+            window.setTimeout(() => urlCopied = false, 2000);
+        }
+    "
+>
+    <div class="comments-comment">
+        @if($showAvatar)
+            <x-comments::avatar :comment="$comment"/>
+        @endif
+        <div class="comments-comment-inner">
+            <div class="comments-comment-header">
+                @if($url = $comment->commentatorProperties()?->url)
+                    <a href="{{ $url }}">
+                        {{ $comment->commentatorProperties()->name }}
+                    </a>
+                @else
+                    {{ $comment->commentatorProperties()?->name ?? __('comments::comments.guest')  }}
+                @endif
+                <ul class="comments-comment-header-actions">
+                    <li>
+                        <a
+                            href="#comment-{{ $comment->id }}"
+                            @click.prevent="urlCopied = true"
+                        >
+                            <x-comments::date :date="$comment->created_at"/>
+                            <span class="comments-comment-header-copied" x-show="urlCopied" style="display: none;">
+                                ✓ {{ __('comments::comments.copied') }}!
+                            </span>
+                        </a>
+                    </li>
+                    @if($writable)
+                        @can('update', $comment)
+                            <li>
+                                <a href="#" wire:click.prevent="startEditing" aria-role="button">{{__('comments::comments.edit')}}</a>
+                            </li>
+                        @endcan
+                        @can('delete', $comment)
+                            <li>
+                                <a href="#" @click.prevent="confirmDelete = true" aria-role="button">{{__('comments::comments.delete')}}</a>
+                                <x-comments::modal
+                                    right
+                                    bottom
+                                    x-show="confirmDelete"
+                                    @click.outside="confirmDelete = false"
+                                    :title="__('comments::comments.delete_confirmation_title')"
+                                >
+                                    <p>{{ __('comments::comments.delete_confirmation_text') }}</p>
+                                    <x-comments::button danger small wire:click="deleteComment">
+                                        {{ __('comments::comments.delete') }}
+                                    </x-comments::button>
+                                </x-comments::modal>
+                            </li>
+                        @endcan
+                    @endif
+                    @include('comments::extraCommentHeaderActions')
+                </ul>
+            </div>
+            @if($comment->isPending())
+                <div class="comments-approval">
+                    <span>
+                        {{__('comments::comments.awaits_approval')}}
+                    </span>
+                    <span class="comments-approval-buttons">
+                        @can('reject', $comment)
+                            <button
+                                class="comments-button is-small is-danger"
+                                wire:click="reject">
+                                {{__('comments::comments.reject_comment')}}
+                            </button>
+                        @endcan
+                        @can('approve', $comment)
+                            <button
+                                class="comments-button is-small"
+                                wire:click="approve">
+                                {{__('comments::comments.approve_comment')}}
+                            </button>
+                        @endcan
+                    </span>
+                </div>
+            @endif
+            @if($isEditing)
+                <div class="comments-form">
+                    <form class="comments-form-inner" wire:submit.prevent="edit">
+                        <x-dynamic-component
+                            :component="\Spatie\LivewireComments\Support\Config::editor()"
+                            model="editText"
+                            :comment="$comment"
+                            autofocus
+                        />
+                        @error('editText')
+                        <p class="comments-error">
+                            {{ $message }}
+                        </p>
+                        @enderror
+                        <x-comments::button submit>
+                            {{ __('comments::comments.edit_comment') }}
+                        </x-comments::button>
+                        <x-comments::button link wire:click="stopEditing">
+                            {{ __('comments::comments.cancel') }}
+                        </x-comments::button>
+                    </form>
+                </div>
+            @else
+                <div class="comment-text">
+                    {!! $comment->text !!}
+                </div>
+                @if($writable || $comment->reactions->summary()->isNotEmpty())
+                    <div class="comments-reactions">
+                        @foreach($comment->reactions->summary() as $summary)
+                            <div
+                                wire:key="{{ $comment->id }}{{$summary['reaction']}}"
+                                @auth
+                                wire:click="toggleReaction('{{ $summary['reaction'] }}')"
+                                @endauth
+                                @class(['comments-reaction', 'is-reacted' => $summary['commentator_reacted']])
+                            >
+                                {{ $summary['reaction'] }} {{ $summary['count'] }}
+                            </div>
+                        @endforeach
+                        @if($writable)
+                            <div
+                                x-cloak
+                                x-data="{ open: false }"
+                                @click.outside="open = false"
+                                class="comments-reaction-picker"
+                            >
+                                @can('react', $comment)
+                                    <button class="comments-reaction-picker-trigger" type="button"
+                                            @click="open = !open">
+                                        <x-comments::icons.smile/>
+                                    </button>
+                                    <x-comments::modal x-show="open" compact left>
+                                        <div class="comments-reaction-picker-reactions">
+                                            @foreach(config('comments.allowed_reactions') as $reaction)
+                                                @php
+                                                    $commentatorReacted = ! is_bool(array_search(
+                                                        $reaction,
+                                                        array_column($comment->reactions->toArray(), 'reaction'),
+                                                    ));
+                                                @endphp
+                                                <button
+                                                    type="button"
+                                                    @class(['comments-reaction-picker-reaction', 'is-reacted' => $commentatorReacted])
+                                                    wire:click="toggleReaction('{{ $reaction }}')"
+                                                >
+                                                    {{ $reaction }}
+                                                </button>
+                                            @endforeach
+                                        </div>
+                                    </x-comments::modal>
+                                @endcan
+                            </div>
+                        @endif
+                    </div>
+                @endif
+            @endif
+        </div>
+    </div>
+
+    @if($showReplies)
+
+        @if($comment->isTopLevel())
+
+            <div class="comments-nested">
+                @if($this->newestFirst)
+                    @if(auth()->check() || config('comments.allow_anonymous_comments'))
+                        @include('comments::livewire.partials.replyTo')
+                    @endif
+
+                @endif
+                @foreach ($comment->nestedComments as $nestedComment)
+                    @can('see', $nestedComment)
+                        <livewire:comments-comment
+                            :key="$nestedComment->id"
+                            :comment="$nestedComment"
+                            :show-avatar="$showAvatar"
+                            :newest-first="$newestFirst"
+                            :writable="$writable"
+                        />
+                    @endcan
+                @endforeach
+                @if(! $this->newestFirst)
+                    @if(auth()->check() || config('comments.allow_anonymous_comments'))
+                        @include('comments::livewire.partials.replyTo')
+                    @endif
+                @endif
+            </div>
+        @endif
+    @endif
+</div>

resources/views/vendor/comments/livewire/comments.blade.php

@@ -0,0 +1,61 @@
+@php
+    use Spatie\Comments\Enums\NotificationSubscriptionType;
+@endphp
+
+<section class="comments {{ $newestFirst ? 'comments-newest-first' : '' }}">
+    <header class="comments-header">
+        @if($writable)
+            @auth
+                @if($showNotificationOptions)
+                    <div x-data="{ subscriptionsOpen: false}" class="comments-subscription">
+                        <button @click.prevent="subscriptionsOpen = true" class="comments-subscription-trigger">
+                            {{ NotificationSubscriptionType::from($selectedNotificationSubscriptionType)->longDescription() }}
+                        </button>                            
+                        <x-comments::modal
+                                bottom
+                                compact
+                                x-show="subscriptionsOpen"
+                                @click.outside="subscriptionsOpen = false"
+                            >
+                            @foreach(NotificationSubscriptionType::cases() as $case)
+                                <button class="comments-subscription-item" @click="subscriptionsOpen = false" wire:click="updateSelectedNotificationSubscriptionType('{{ $case->value }}')">
+                                    {{ $case->description() }}
+                                </button>
+                            @endforeach
+                        </x-comments::modal>
+                    </div>
+                @endif
+            @endif
+        @endauth
+    </header>
+
+    @if ($newestFirst)
+        @include('comments::livewire.partials.newComment')
+    @endif
+
+    @if($comments->count())
+        @foreach($comments as $comment)
+            @can('see', $comment)
+                <livewire:comments-comment
+                    :key="$comment->id"
+                    :comment="$comment"
+                    :show-avatar="$showAvatars"
+                    :newest-first="$newestFirst"
+                    :writable="$writable"
+                    :show-replies="$showReplies"
+                />
+            @endcan
+        @endforeach
+        
+        @if ($comments->hasPages())
+            {{ $comments->links() }}
+        @endif
+        
+    @else
+        <p class="comments-no-comment-yet">{{ $noCommentsText ?? __('comments::comments.no_comments_yet') }}</p>
+    @endif
+
+    @if (! $newestFirst)
+        @include('comments::livewire.partials.newComment')
+    @endif
+</section>

resources/views/vendor/comments/livewire/partials/newComment.blade.php

@@ -0,0 +1,24 @@
+@if($writable)
+    @can('createComment', $model)
+        <div class="comments-form">
+            @if($showAvatars)
+                <x-comments::avatar/>
+            @endif
+            <form class="comments-form-inner" wire:submit.prevent="comment">
+                <x-dynamic-component
+                    :component="\Spatie\LivewireComments\Support\Config::editor()"
+                    model="text"
+                    :placeholder="__('comments::comments.write_comment')"
+                />
+                @error('text')
+                <p class="comments-error">
+                    {{ $message }}
+                </p>
+                @enderror
+                <x-comments::button submit>
+                    {{ __('comments::comments.create_comment') }}
+                </x-comments::button>
+            </form>
+        </div>
+    @endcan
+@endif

resources/views/vendor/comments/livewire/partials/replyTo.blade.php

@@ -0,0 +1,47 @@
+@if($writable)
+    <div class="comments-form comments-reply">
+        @if($showAvatar)
+            <x-comments::avatar/>
+        @endif
+        <form class="comments-form-inner" wire:submit.prevent="reply">
+            <div
+                x-data="{ isExpanded: false }"
+                x-init="
+                    $wire.on('reply-{{ $comment->id }}', () => {
+                        isExpanded = false;
+                    });
+                "
+            >
+                <input
+                    x-show="!isExpanded"
+                    @click="isExpanded = true"
+                    @focus="isExpanded = true"
+                    class="comments-placeholder"
+                    placeholder="{{ __('comments::comments.write_reply') }}"
+                >
+                <div x-show="isExpanded">
+                    <div>
+                        <x-dynamic-component
+                            :component="\Spatie\LivewireComments\Support\Config::editor()"
+                            model="replyText"
+                            :comment="$comment"
+                            :placeholder="__('comments::comments.write_reply')"
+                            autofocus
+                        />
+                        @error('replyText')
+                        <p class="comments-error">
+                            {{ $message }}
+                        </p>
+                        @enderror
+                        <x-comments::button submit>
+                            {{ __('comments::comments.create_reply') }}
+                        </x-comments::button>
+                        <x-comments::button link @click="isExpanded = false">
+                            {{ __('comments::comments.cancel') }}
+                        </x-comments::button>
+                    </div>
+                </div>
+            </div>
+        </form>
+    </div>
+@endif

resources/views/vendor/comments/mail/approvedCommentNotification.blade.php

@@ -0,0 +1,24 @@
+@component('mail::message')
+# {{ __('comments::notifications.approved_comment_mail_title', [
+    'commentable_name' => $topLevelComment->commentable->commentableName(),
+    'commentable_url' => $topLevelComment->commentable->commentUrl(),
+    'commentator_name' => $comment->commentatorProperties()->name ?? 'anonymous',
+]) }}
+
+{{ __('comments::notifications.approved_comment_mail_body', [
+    'commentable_name' => $topLevelComment->commentable->commentableName(),
+    'commentable_url' => $topLevelComment->commentable->commentUrl(),
+    'commentator_name' => $comment->commentatorProperties()->name ?? 'anonymous',
+]) }}
+
+{!! $comment->text !!}
+
+@component('mail::button', ['url' => $comment->commentUrl()])
+{{ __('comments::notifications.view_comment') }}
+@endcomponent
+
+@if($unsubscribeUrl = $commentator->unsubscribeFromCommentNotificationsUrl($comment))
+<a href="{{ $unsubscribeUrl }}">Unsubscribe from receive notification about {{ $topLevelComment->commentable->commentableName() }}</a>
+@endif
+
+@endcomponent

resources/views/vendor/comments/mail/pendingCommentNotification.blade.php

@@ -0,0 +1,20 @@
+@component('mail::message')
+
+{{ __('comments::notifications.pending_comment_mail_body', [
+    'commentable_name' => $topLevelComment->commentable->commentableName(),
+    'commentator_name' => $comment->commentatorProperties()->name ?? 'anonymous',
+]) }}
+
+[{{ __('comments::notifications.view_comment') }}]({{ $comment->commentUrl() }})
+
+{!! $comment->text !!}
+
+@component('mail::button', ['url' => $comment->approveUrl()])
+    {{ __('comments::notifications.approve_comment') }}
+@endcomponent
+
+@component('mail::button', ['url' => $comment->rejectUrl()])
+    {{ __('comments::notifications.reject_comment') }}
+@endcomponent
+
+@endcomponent

resources/views/vendor/comments/signed/approval/approveComment.blade.php

@@ -0,0 +1,5 @@
+<x-comments::signed-layout>
+
+    The comment has been approved.
+
+</x-comments::signed-layout>

resources/views/vendor/comments/signed/approval/approveCommentConfirmation.blade.php

@@ -0,0 +1,15 @@
+<x-comments::signed-layout>
+
+    Do you want to approve the comment?
+
+    <form class="form" method="POST">
+        @csrf
+        <button id="confirmationButton" class="button" type="submit">Approve</button>
+    </form>
+
+</x-comments::signed-layout>
+
+<script>
+    document.getElementById("confirmationButton").click();
+</script>
+

resources/views/vendor/comments/signed/approval/rejectComment.blade.php

@@ -0,0 +1,5 @@
+<x-comments::signed-layout>
+
+    The comment has been rejected.
+
+</x-comments::signed-layout>

resources/views/vendor/comments/signed/approval/rejectCommentApproval.blade.php

@@ -0,0 +1,14 @@
+<x-comments::signed-layout>
+
+    Do you want to reject the comment?
+
+    <form class="form" method="POST">
+        @csrf
+        <button id="confirmationButton" class="button" type="submit">Approve</button>
+    </form>
+
+</x-comments::signed-layout>
+
+<script>
+    document.getElementById("confirmationButton").click();
+</script>

resources/views/vendor/comments/signed/notificationSubscription/unsubscribe.blade.php

@@ -0,0 +1,5 @@
+<x-comments::signed-layout>
+
+    You have been unsubscribed.
+
+</x-comments::signed-layout>

resources/views/vendor/comments/signed/notificationSubscription/unsubscribeAll.blade.php

@@ -0,0 +1,5 @@
+<x-comments::signed-layout>
+
+    You have been unsubscribed from every comment notification.
+
+</x-comments::signed-layout>

resources/views/vendor/comments/signed/notificationSubscription/unsubscribeAllApproval.blade.php

@@ -0,0 +1,14 @@
+<x-comments::signed-layout>
+
+    Do you want to unsubscribe from every comment notification?
+
+    <form class="form" method="POST">
+        @csrf
+        <button id="confirmationButton" class="button" type="submit">Approve</button>
+    </form>
+
+</x-comments::signed-layout>
+
+<script>
+    document.getElementById("confirmationButton").click();
+</script>

resources/views/vendor/comments/signed/notificationSubscription/unsubscribeApproval.blade.php

@@ -0,0 +1,14 @@
+<x-comments::signed-layout>
+
+    Do you want to unsubscribe?
+
+    <form class="form" method="POST">
+        @csrf
+        <button id="confirmationButton" class="button" type="submit">Approve</button>
+    </form>
+
+</x-comments::signed-layout>
+
+<script>
+    document.getElementById("confirmationButton").click();
+</script>

resources/views/vendor/comments/signed/signedLayout.blade.php

@@ -0,0 +1,10 @@
+<html lang="en">
+<head>
+
+</head>
+<body>
+<div>
+    {{ $slot }}
+</div>
+</body>
+</html>

routes/web.php

@@ -42,6 +42,9 @@ Route::get('/dozenten', \App\Http\Livewire\Guest\Welcome::class)
 Route::get('/buecher-schraenke', \App\Http\Livewire\Frontend\SearchBookCase::class)
      ->name('search.bookcases');
 
+Route::get('/buecher-schrank/{bookCase}', \App\Http\Livewire\Frontend\CommentBookCase::class)
+     ->name('comment.bookcase');
+
 Route::middleware([
     'auth:sanctum',
     config('jetstream.auth_session'),