Add support for scaling seating plans

When creating larger seating plans, the default scale of the grid means that the plan ends up quite big.

Added a percentile-based scale which can scale the layout grid down (or up) to help with larger layouts.

Author: t3rminalV

_ide_helper_models.php

@@ -344,6 +344,7 @@ class IdeHelperSeat {}
  * @property int $order
  * @property int $revision
  * @property string|null $image_url
+ * @property int $scale
  * @property \Illuminate\Support\Carbon|null $created_at
  * @property \Illuminate\Support\Carbon|null $updated_at
  * @property-read \App\Models\Event $event

app/Http/Controllers/Admin/SeatingPlanController.php

@@ -35,6 +35,7 @@ protected function updateObject(SeatingPlan $plan, Request $request)
     {
         $plan->name = $request->input('name');
         $plan->image_url = $request->input('image_url');
+        $plan->scale = $request->input('scale') ? $request->input('scale') : 100;
         $plan->save();
     }
 

app/Http/Requests/Admin/SeatingPlanUpdateRequest.php

@@ -38,6 +38,7 @@ function (string $attribute, mixed $value, Closure $fail) {
                 },
             ],
             'image_url' => 'sometimes|url:http,https|nullable',
+            'scale' => 'sometimes|integer|numeric|min:25|max:200|nullable',
         ];
     }
 }

database/migrations/2024_09_04_154938_add_scale_to_seating_plans.php

@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::table('seating_plans', function (Blueprint $table) {
+            $table->integer('scale')->default(100)->after('order');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::table('seating_plans', function (Blueprint $table) {
+            $table->dropColumn('scale');
+        });
+    }
+};

resources/views/admin/seatingplans/_form.blade.php

@@ -22,4 +22,20 @@
             @enderror
         </div>
     </div>
+    <div class="mb-3">
+        <label class="form-label">Scale</label>
+        <div>
+            <div class="input-group">
+                <input type="text" name="scale" class="form-control @error('scale') is-invalid @enderror"
+                       placeholder="100" value="{{ old('scale', $plan->scale ?? '') }}">
+                <div class="input-group-prepend">
+                    <div class="input-group-text">%</div>
+                </div>
+            </div>
+            <small class="form-hint">The scale of the seating plan grid, expressed as a percentile. Valid range is 25-200.</small>
+            @error('scale')
+            <p class="invalid-feedback">{{ $message }}</p>
+            @enderror
+        </div>
+    </div>
 </div>

resources/views/admin/seatingplans/show.blade.php

@@ -58,6 +58,10 @@
                                 </span>
                             </div>
                         </div>
+                        <div class="datagrid-item">
+                            <div class="datagrid-title">Scale</div>
+                            <div class="datagrid-content">{{ $plan->scale }}%</div>
+                        </div>
                     </div>
                 </div>
                 <div class="card-footer align-content-end d-flex btn-list">
@@ -148,7 +152,7 @@ class="btn btn-primary">
                             @endphp
                             <a class="d-block seat {{ $seat->class }} {{ $class }}"
                                href="{{ route('admin.events.seatingplans.seats.show', [$event->code, $plan->id, $seat->id]) }}"
-                               style="left: {{ $seat->x * 2 }}em; top: {{ $seat->y * 2 }}em;"
+                               style="left: {{ $seat->x * 0.02 * $plan->scale }}em; top: {{ $seat->y * 0.02 * $plan->scale }}em; width: {{ 0.019 * $plan->scale }}em; height: {{ 0.019 * $plan->scale }}em;"
                                data-bs-trigger="hover" data-bs-toggle="popover"
                                data-bs-placement="right" data-bs-html="true"
                                title="{{ $seat->description }} {{ $seat->label }}"

resources/views/seatingplans/_plan.blade.php

@@ -56,7 +56,7 @@
             @if($canPick)
                 href="{{ $url }}"
             @endif
-            style="left: {{ $seat->x * 2 }}em; top: {{ $seat->y * 2 }}em;"
+            style="left: {{ $seat->x * 0.02 * $plan->scale }}em; top: {{ $seat->y * 0.02 * $plan->scale }}em; width: {{ 0.019 * $plan->scale }}em; height: {{ 0.019 * $plan->scale }}em;"
             data-bs-trigger="hover" data-bs-toggle="popover"
             data-bs-placement="right" data-bs-html="true"
             title="{{ $seat->description }} {{ $seat->label }}"