Add availability preset

Author: robdekort

resources/presets/availability/config.php

@@ -0,0 +1,37 @@
+<?php
+
+return [
+    'handle' => 'availability',
+    'name' => 'Availability',
+    'description' => 'A global and availability component.',
+    'operations' => [
+        [
+            'type' => 'copy',
+            'input' => 'resources/blueprints/globals/availability.yaml',
+            'output' => 'resources/blueprints/globals/availability.yaml',
+        ],
+        [
+            'type' => 'copy',
+            'input' => 'content/globals/availability.yaml',
+            'output' => 'content/globals/availability.yaml',
+        ],
+        [
+            'type' => 'copy',
+            'input' => 'resources/views/components/_availability.antlers.html',
+            'output' => 'resources/views/components/_availability.antlers.html',
+        ],
+        [
+            'type' => 'update_role',
+            'role' => 'editor',
+            'permissions' => ['edit availability globals'],
+        ],
+        [
+            'type' => 'notify',
+            'content' => 'Make sure to add `{{ partial:components/availability }}` where you want to render the component.',
+        ],
+        [
+            'type' => 'notify',
+            'content' => "Add this to your `lang/locale/strings.php` file:\n\n'availability' => 'available from :month',\n'availability_now' => 'available right now',",
+        ],
+    ],
+];

resources/presets/availability/content/globals/availability.yaml

@@ -0,0 +1,3 @@
+title: Availability
+data:
+  now: false

resources/presets/availability/resources/blueprints/globals/availability.yaml

@@ -0,0 +1,28 @@
+tabs:
+  main:
+    display: Main
+    sections:
+      -
+        display: 'Availability'
+        instructions: 'Configure availability.'
+        fields:
+          -
+            handle: now
+            field:
+              type: toggle
+              display: 'Availability now'
+              instructions: 'Set when you''re available right away.'
+              instructions_position: 'below'
+              localizable: false
+              width: 50
+          -
+            handle: from
+            field:
+              display: 'Availability from'
+              instructions: 'Set a date in the month you become available. If the current date is later, a month will automatically be added.'
+              instructions_position: 'below'
+              type: date
+              width: 50
+              localizable: false
+              if:
+                now: 'equals false'

resources/presets/availability/resources/views/components/_availability.antlers.html

@@ -0,0 +1,23 @@
+{{#
+    @name Availability
+    @desc Render availability.
+#}}
+
+{{ if availability:now || availability:from }}
+    <!-- /components/_availability.antlers.html -->
+    <div class="flex items-center gap-1">
+        <div class="relative size-3.5 p-0.75 rounded-full bg-[#1BB700]" aria-hidden="true">
+            <div class="absolute inset-0.25 rounded-full bg-[#1BB700] animate-ping"></div>
+            <div class="relative w-full h-full rounded-full bg-[#199C01] "></div>
+        </div>
+        {{ if availability:now }}
+            {{ trans:strings.availability_now }}<br>
+        {{ elseif availability:from | is_future }}
+            {{ trans:strings.availability month="{ availability:from | iso_format('MMMM YYYY') }" }}
+        {{ else }}
+            {{? $next_month = \Carbon\Carbon::now()->addMonth(1) ?}}
+            {{ trans:strings.availability month="{ {{ next_month }} | iso_format('MMMM YYYY') }" }}
+        {{ /if }}
+    </div>
+    <!-- End: /components/_availability.antlers.html -->
+{{ /if }}