Impl/mod moderation options

app/Livewire/Mod/ModerationActionButton.php

@@ -0,0 +1,103 @@
+<?php
+
+namespace App\Livewire\Mod;
+
+use App\Models\Mod;
+use App\Models\ModVersion;
+use Illuminate\Support\Facades\Log;
+use Livewire\Attributes\On;
+use Livewire\Component;
+
+class ModerationActionButton extends Component
+{
+    public ?string $moderatedObjectId = null;
+
+    public string $guid = '';
+
+    public string $actionType;
+
+    public string $targetType = '';
+
+    public bool $allowActions = false;
+
+    public bool $isRunning = false;
+
+    protected $listeners = ['refreshComponent' => '$refresh'];
+
+    public function mount(): void
+    {
+        $this->guid = uniqid('', true);
+    }
+
+    public function render()
+    {
+        $this->allowActions = ! $this->isRunning;
+
+        return view('livewire.mod.moderation-action-button');
+    }
+
+    public function runActionEvent(): void
+    {
+        $this->isRunning = true;
+        $this->dispatch("startAction.{$this->guid}");
+    }
+
+    #[On('startAction.{guid}')]
+    public function invokeAction(): void
+    {
+        if ($this->moderatedObjectId == null || $this->moderatedObjectId == '') {
+            Log::info('Failed: no ID specified.');
+
+            return;
+        }
+
+        Log::info("Object ID: $this->moderatedObjectId");
+
+        if ($this->targetType !== 'mod' && $this->targetType !== 'modVersion') {
+            Log::info('Failed: invalid target type.');
+
+            return;
+        }
+
+        switch ($this->targetType) {
+            case 'mod':
+                $moderatedObject = Mod::where('id', '=', $this->moderatedObjectId)->first();
+                break;
+
+            case 'modVersion':
+                $moderatedObject = ModVersion::where('id', '=', $this->moderatedObjectId)->first();
+                break;
+
+            default:
+                Log::info('Failed: invalid target type.');
+
+                return;
+        }
+
+        if ($moderatedObject == null) {
+            Log::info('Failed: moderated object is null');
+
+            return;
+        }
+
+        switch ($this->actionType) {
+            case 'delete':
+
+                $moderatedObject->delete();
+                break;
+
+            case 'enable':
+            case 'disable':
+
+                $moderatedObject->toggleDisabled();
+                break;
+
+            default:
+                Log::info('Failed: invalid action type.');
+
+                return;
+        }
+
+        $this->js('window.location.reload()');
+    }
+}

app/Livewire/Mod/ModerationOptions.php

@@ -0,0 +1,35 @@
+<?php
+
+namespace App\Livewire\Mod;
+
+use Livewire\Component;
+
+class ModerationOptions extends Component
+{
+    public string $objectId;
+
+    public string $targetType;
+
+    public bool $disabled;
+
+    public string $displayName;
+
+    public bool $showDeleteDialog = false;
+
+    public bool $showDisableDialog = false;
+
+    public function render()
+    {
+        return view('livewire.mod.moderation-options');
+    }
+
+    public function confirmDelete(): void
+    {
+        $this->showDeleteDialog = true;
+    }
+
+    public function confirmDisable(): void
+    {
+        $this->showDisableDialog = true;
+    }
+}

app/Models/Mod.php

@@ -3,8 +3,8 @@
 namespace App\Models;
 
 use App\Http\Filters\V1\QueryFilter;
-use App\Models\Scopes\DisabledScope;
 use App\Models\Scopes\PublishedScope;
+use App\Traits\CanModerate;
 use Illuminate\Database\Eloquent\Builder;
 use Illuminate\Database\Eloquent\Casts\Attribute;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
@@ -21,6 +21,7 @@
 
 class Mod extends Model
 {
+    use CanModerate;
     use HasFactory;
     use Searchable;
     use SoftDeletes;
@@ -30,7 +31,6 @@ class Mod extends Model
      */
     protected static function booted(): void
     {
-        static::addGlobalScope(new DisabledScope);
         static::addGlobalScope(new PublishedScope);
     }
 

app/Models/ModVersion.php

@@ -3,9 +3,9 @@
 namespace App\Models;
 
 use App\Exceptions\InvalidVersionNumberException;
-use App\Models\Scopes\DisabledScope;
 use App\Models\Scopes\PublishedScope;
 use App\Support\Version;
+use App\Traits\CanModerate;
 use Illuminate\Database\Eloquent\Factories\HasFactory;
 use Illuminate\Database\Eloquent\Model;
 use Illuminate\Database\Eloquent\Relations\BelongsTo;
@@ -16,6 +16,7 @@
 
 class ModVersion extends Model
 {
+    use CanModerate;
     use HasFactory;
     use SoftDeletes;
 
@@ -29,8 +30,6 @@ class ModVersion extends Model
      */
     protected static function booted(): void
     {
-        static::addGlobalScope(new DisabledScope);
-
         static::addGlobalScope(new PublishedScope);
 
         static::saving(function (ModVersion $model) {

app/Models/User.php

@@ -158,6 +158,14 @@ public function isAdmin(): bool
         return Str::lower($this->role?->name) === 'administrator';
     }
 
+    /**
+     * Conveniently check is a user is a mod or an admin
+     */
+    public function isModOrAdmin(): bool
+    {
+        return $this->isMod() || $this->isAdmin();
+    }
+
     /**
      * Overwritten to instead use the queued version of the VerifyEmail notification.
      */

app/Policies/ModPolicy.php

@@ -20,7 +20,11 @@ public function viewAny(?User $user): bool
      */
     public function view(?User $user, Mod $mod): bool
     {
-        // Everyone can view mods.
+        // Everyone can view mods, unless they are disabled.
+        if ($mod->disabled && ! $user?->isModOrAdmin()) {
+            return false;
+        }
+
         return true;
     }
 
@@ -37,15 +41,18 @@ public function create(User $user): bool
      */
     public function update(User $user, Mod $mod): bool
     {
-        return false;
+        return $user->isMod() || $user->isAdmin() || $mod->users->contains($user);
     }
 
     /**
      * Determine whether the user can delete the model.
      */
     public function delete(User $user, Mod $mod): bool
     {
-        return false;
+        // I'm guessing we want the mod author to also be able to do this?
+        // what if there are multiple authors?
+        // I'm leaving that out for now -waffle.lazy
+        return $user->isAdmin();
     }
 
     /**

app/Traits/CanModerate.php

@@ -0,0 +1,12 @@
+<?php
+
+namespace App\Traits;
+
+trait CanModerate
+{
+    public function toggleDisabled(): void
+    {
+        $this->disabled = ! $this->disabled;
+        $this->save();
+    }
+}

resources/css/app.css

@@ -88,27 +88,34 @@ main a:not(.mod-list-component):not(.tab):not([role="menuitem"]) {
     }
 }
 
-.ribbon {
-    font-size: 18px;
-    font-weight: bold;
-    color: #fff;
+@layer components {
+    .ribbon {
+        font-size: 18px;
+        font-weight: bold;
+        @apply text-white bg-cyan-500 dark:bg-cyan-700;
+    }
+
+    .ribbon {
+        --f: .5em;
+        position: absolute;
+        top: 0;
+        left: 0;
+        line-height: 1.5;
+        padding-inline: 1lh;
+        padding-bottom: var(--f);
+        border-image: conic-gradient(#0008 0 0) 51%/var(--f);
+        clip-path: polygon(100% calc(100% - var(--f)), 100% 100%, calc(100% - var(--f)) calc(100% - var(--f)), var(--f) calc(100% - var(--f)), 0 100%, 0 calc(100% - var(--f)), 999px calc(100% - var(--f) - 999px), calc(100% - 999px) calc(100% - var(--f) - 999px));
+        transform: translate(calc((cos(45deg) - 1) * 100%), -100%) rotate(-45deg);
+        transform-origin: 100% 100%;
+    }
 }
 
-.ribbon {
-    --f: .5em;
-    position: absolute;
-    top: 0;
-    left: 0;
-    line-height: 1.5;
-    padding-inline: 1lh;
-    padding-bottom: var(--f);
-    border-image: conic-gradient(#0008 0 0) 51%/var(--f);
-    clip-path: polygon(100% calc(100% - var(--f)), 100% 100%, calc(100% - var(--f)) calc(100% - var(--f)), var(--f) calc(100% - var(--f)), 0 100%, 0 calc(100% - var(--f)), 999px calc(100% - var(--f) - 999px), calc(100% - 999px) calc(100% - var(--f) - 999px));
-    transform: translate(calc((cos(45deg) - 1) * 100%), -100%) rotate(-45deg);
-    transform-origin: 100% 100%;
-    background-color: #0e7490;
+.ribbon-red {
+    @apply ribbon;
+    @apply text-white bg-red-500 dark:bg-red-700;
 }
 
+
 .rainbow {
     height: 100%;
     width: 100%;

resources/views/components/mod-card.blade.php

@@ -1,12 +1,15 @@
 @props(['mod', 'version'])
 
 <a href="{{ $mod->detailUrl() }}" class="mod-list-component relative mx-auto w-full max-w-2xl">
-    @if ($mod->featured && !request()->routeIs('home'))
+    @if ($mod->featured && !$mod->disabled && !request()->routeIs('home'))
         <div class="ribbon z-10">{{ __('Featured!') }}</div>
     @endif
+    @if ($mod->disabled)
+            <div class="ribbon-red z-10">{{ __('Disabled') }}</div>
+    @endif
     <div class="flex flex-col group h-full w-full bg-white dark:bg-gray-950 rounded-xl shadow-md dark:shadow-gray-950 drop-shadow-2xl overflow-hidden hover:shadow-lg hover:bg-gray-50 dark:hover:bg-black hover:shadow-gray-400 dark:hover:shadow-black transition-colors ease-out duration-700">
         <div class="h-auto md:h-full md:flex">
-            <div class="h-auto md:h-full md:shrink-0 overflow-hidden">
+            <div class="relative h-auto md:h-full md:shrink-0 overflow-hidden">
                 @if ($mod->thumbnail)
                     <img src="{{ $mod->thumbnailUrl }}" alt="{{ $mod->name }}" class="h-48 w-full object-cover md:h-full md:w-48 transform group-hover:scale-110 transition-all duration-200">
                 @else

resources/views/livewire/mod/listing.blade.php

@@ -173,7 +173,9 @@ class="absolute top-7 right-0 z-10 flex w-full min-w-[12rem] flex-col divide-y d
         @if ($mods->isNotEmpty())
             <div class="my-8 grid grid-cols-1 gap-6 lg:grid-cols-2">
                 @foreach ($mods as $mod)
-                    <x-mod-card :mod="$mod" :version="$mod->latestVersion" />
+                    @if(!$mod->disabled || (auth()->check() && auth()->user()->isModOrAdmin()))
+                        <x-mod-card :mod="$mod" :version="$mod->latestVersion" />
+                    @endif
                 @endforeach
             </div>
         @else

resources/views/livewire/mod/moderation-action-button.blade.php

@@ -0,0 +1,18 @@
+<div class="flex gap-4">
+    @if($this->allowActions)
+    <x-button x-on:click="show = false">
+        {{ __('Cancel') }}
+    </x-button>
+    <x-danger-button wire:click="runActionEvent">
+        {{ __(ucfirst($this->actionType)) }}
+    </x-danger-button>
+    @endif
+    @if($this->isRunning)
+            <div class="text-blue-600">
+                <svg width="24" height="24" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+                    <style>.spinner_ajPY{transform-origin:center;animation:spinner_AtaB .75s infinite linear}@keyframes spinner_AtaB{100%{transform:rotate(360deg)}}</style>
+                    <path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z" opacity=".25"/><path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z" class="spinner_ajPY"/>
+                </svg>
+            </div>
+    @endif
+</div>