Added temporary done icon to track completed collapsibles

fantasycalendar · Nov 17, 2024 · 4d60c9f · 4d60c9f
1 parent 090b7c8
commit 4d60c9f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git a/resources/views/components/collapsible.blade.php b/resources/views/components/collapsible.blade.php
@@ -1,4 +1,4 @@
-@props(['calendar' => null, 'contains' => null, 'step' => null, 'icon' => null, 'premium_feature' => false])
+@props(['calendar' => null, 'contains' => null, 'step' => null, 'icon' => null, 'premium_feature' => false, 'done' => false])
 
 @php($contains_clean = Str::replace("-", " ", $contains))
 
@@ -18,6 +18,11 @@
                         </span>
 			@endif
 
+        @if($done)
+            <!-- TODO: remove this and done property once we have converted all collapsibles -->
+            <i class="fa fa-check" style="right: 40px; top: 10px; position: absolute; color: green;"></i>
+        @endif
+
         <!-- TODO: make sure the "contains" values match our helpdocs page links -->
         <a target="_blank"
             title='View helpdocs'

diff --git a/resources/views/inputs/full.blade.php b/resources/views/inputs/full.blade.php
@@ -33,29 +33,29 @@
     </div>
 
     <div class="accordion">
-        <x-collapsible :calendar="$calendar" contains="Statistics" icon="fa-chart-pie"></x-collapsible>
+        <x-collapsible :calendar="$calendar" contains="Statistics" icon="fa-chart-pie" done></x-collapsible>
 
         <x-collapsible :calendar="$calendar" contains="Current Date" icon="fa-hourglass-half"></x-collapsible>
 
-        <x-collapsible :calendar="$calendar" contains="Clock" icon="fa-clock"></x-collapsible>
+        <x-collapsible :calendar="$calendar" contains="Clock" icon="fa-clock" done></x-collapsible>
 
         @if(request()->is('calendars/*/edit'))
             <x-collapsible :calendar="$calendar" contains="Real-Time Advancement" icon="fa-history" premium_feature="true"> </x-collapsible>
         @endif
 
-        <x-collapsible :calendar="$calendar" contains="Weekdays" step="2" icon="fa-calendar-week"></x-collapsible>
+        <x-collapsible :calendar="$calendar" contains="Weekdays" step="2" icon="fa-calendar-week" done></x-collapsible>
 
         <x-collapsible :calendar="$calendar" contains="Months" step="3" icon="fa-calendar-alt"></x-collapsible>
 
         <x-collapsible :calendar="$calendar" contains="Leap Days" icon="fa-calendar-day"></x-collapsible>
 
         <x-collapsible :calendar="$calendar" contains="Eras" icon="fa-infinity"></x-collapsible>
 
-        <x-collapsible :calendar="$calendar" contains="Moons" icon="fa-moon"></x-collapsible>
+        <x-collapsible :calendar="$calendar" contains="Moons" icon="fa-moon" done></x-collapsible>
 
         <x-collapsible :calendar="$calendar" contains="Seasons" icon="fa-snowflake"></x-collapsible>
 
-        <x-collapsible :calendar="$calendar" contains="Weather" icon="fa-cloud-sun-rain"></x-collapsible>
+        <x-collapsible :calendar="$calendar" contains="Weather" icon="fa-cloud-sun-rain" done></x-collapsible>
 
         <x-collapsible :calendar="$calendar" contains="Locations" icon="fa-compass"></x-collapsible>
 
@@ -65,7 +65,7 @@
 
         <x-collapsible :calendar="$calendar" contains="Events" icon="fa-calendar-check"></x-collapsible>
 
-        <x-collapsible :calendar="$calendar" contains="Settings" icon="fa-cog"></x-collapsible>
+        <x-collapsible :calendar="$calendar" contains="Settings" icon="fa-cog" done></x-collapsible>
 
         @if(request()->is('calendars/*/edit'))
             <x-collapsible :calendar="$calendar" contains="User Management" icon="fa-user" premium_feature="true"></x-collapsible>