fix UI and the usage of plugin config in FE

Author: atmonshi

resources/views/filament/pages/builder.blade.php

@@ -4,7 +4,7 @@
         {{ $this->mainWidgetForm }}
 
         <div class="grid grid-cols-12 gap-4 w-full">
-            @foreach (\LaraZeus\DynamicDashboard\DynamicDashboardPlugin::get()->getModel('Columns')::all() as $layout)
+            @foreach (config('zeus-dynamic-dashboard.models.Columns')::all() as $layout)
                 <x-filament::section class="w-full {{ $layout->class }}">
                     <p>{{ $layout->name }}</p>
                     {{ $this->{'widgetsFrom'.$layout->key} }}

resources/views/filament/pages/dynamic-dashboard.blade.php

@@ -1,7 +1,7 @@
 <x-filament::page>
     @if($dashLayout->widgets !== null)
         <div class="grid grid-cols-12 gap-2 w-full px-2">
-            @foreach (\LaraZeus\DynamicDashboard\DynamicDashboardPlugin::get()->getModel('Columns')::all() as $column)
+            @foreach (config('zeus-dynamic-dashboard.models.Columns')::all() as $column)
                 @if(isset($dashLayout->widgets[$column->key]))
                     @php
                         $widgetsItems = collect($dashLayout->widgets[$column->key])->sortBy('data.sort')->toArray();

resources/views/themes/zeus/dynamic-dashboard/layouts.blade.php

@@ -1,7 +1,7 @@
 <div>
     @if($dashLayout->widgets !== null)
         <div class="grid grid-cols-12 gap-2 w-full px-2">
-            @foreach (\LaraZeus\DynamicDashboard\DynamicDashboardPlugin::get()->getModel('Columns')::all() as $column)
+            @foreach (config('zeus-dynamic-dashboard.models.Columns')::all() as $column)
                 @if(isset($dashLayout->widgets[$column->key]))
                     @php
                         $widgetsItems = collect($dashLayout->widgets[$column->key])->sortBy('data.sort')->toArray();

resources/views/themes/zeus/dynamic-dashboard/widgets/FaqWidget.blade.php

@@ -1,7 +1,7 @@
-<div class="space-y-3 bg-white dark:bg-black shadow my-10 py-3 px-4 hover:shadow-lg transition-all ease-in-out duration-500 ltr:rounded-tr-none rtl:rounded-tl-none rounded-3xl border border-primary-100 dark:border-primary-700/50">
+<div>
     @if($data['faqs'] !== null)
         @foreach($data['faqs'] as $faq)
-            <x-filament::section class="my-4" collapsible :collapsed="$data['faqs']->count() >1">
+            <x-filament::section class="my-4" collapsible :collapsed="$data['faqs']->count() > 1">
                 <x-slot name="heading">
                     <h3 class="font-semibold">{{ $faq->question }}</h3>
                 </x-slot>

resources/views/themes/zeus/dynamic-dashboard/widgets/FormsWidget.blade.php

@@ -1,7 +1,7 @@
 <div class="my-4">
     @if($data['form_slug'] !== null)
         @php
-            $checkForm = \LaraZeus\Bolt\BoltPlugin::getModel('Form')::whereSlug($data['form_slug'])->first();
+            $checkForm = config('zeus-bolt.models.Form')::whereSlug($data['form_slug'])->first();
         @endphp
         @if($checkForm !== null)
             <livewire:bolt.fill-form :inline="true" :slug="$checkForm->slug" />

resources/views/themes/zeus/dynamic-dashboard/widgets/HeadingWidget.blade.php

@@ -1,6 +1,3 @@
-<div class="space-y-3 bg-white dark:bg-black shadow my-10 py-3 px-4 hover:shadow-lg transition-all ease-in-out duration-500 ltr:rounded-tr-none rtl:rounded-tl-none rounded-3xl border border-primary-100 dark:border-primary-700/50">
-
-<div class="p-4 prose lg:prose-xl prose-primary dark:prose-invert">
+<div class="max-w-none p-4 prose lg:prose-xl prose-primary dark:prose-invert">
     {!! str($data['content'])->markdown() !!}
 </div>
-</div>

resources/views/themes/zeus/dynamic-dashboard/widgets/ImageWidget.blade.php

@@ -1,4 +1,4 @@
-<div class="py-4">
+<div>
     @if(isset($data['url']))
         <img alt="{{ $data['alt'] }}" src="{{ asset('storage/'.$data['url']) }}">
     @endif

resources/views/themes/zeus/dynamic-dashboard/widgets/PostsWidget.blade.php

@@ -1,4 +1,4 @@
-<div class="py-2 space-y-4">
+<div>
     @foreach($data['posts'] as $post)
         <a href="{{ route('post',$post->slug) }}" class="group flex items-center justify-center gap-4">
             @if($post->image() !== null && $data['show_thumbnail'])

src/Livewire/Layouts.php

@@ -3,7 +3,6 @@
 namespace LaraZeus\DynamicDashboard\Livewire;
 
 use Illuminate\View\View;
-use LaraZeus\DynamicDashboard\DynamicDashboardPlugin;
 use LaraZeus\DynamicDashboard\Models\Layout;
 use Livewire\Component;
 
@@ -13,8 +12,8 @@ class Layouts extends Component
 
     public function mount(?string $slug = null): void
     {
-        $l = $slug ?? DynamicDashboardPlugin::get()->getDefaultLayout();
-        $this->dashLayout = DynamicDashboardPlugin::get()->getModel('Layout')::where('layout_slug', $l)->firstOrFail();
+        $l = $slug ?? config('zeus-dynamic-dashboard.defaultLayout');
+        $this->dashLayout = config('zeus-dynamic-dashboard.models.Layout')::where('layout_slug', $l)->firstOrFail();
     }
 
     public function render(): View

src/Widgets/Classes/FaqWidget.php

@@ -46,7 +46,7 @@ public function viewData(array $data): array
     {
         return [
             // @phpstan-ignore-next-line
-            'faqs' => ($data['faq_cat'] !== null) ? \LaraZeus\Sky\SkyPlugin::get()->getModel('Faq')::withAnyTags([$data['faq_cat']], 'faq')->get() : null,
+            'faqs' => ($data['faq_cat'] !== null) ? config('zeus-sky.models.Faq')::withAnyTags([$data['faq_cat']], 'faq')->get() : null,
         ];
     }
 }