example themes

Reinhold-Jesse · Reinhold-Jesse · commit 045bfc7734d2 · 2025-11-21T10:58:20.000+01:00
diff --git a/.env.example b/.env.example
@@ -115,3 +115,9 @@ FORGOT_PASSWORD=true
 REGISTRATION=false
 ENABLE_MFA=false
 IP_WHITELIST=""
+
+
+# Moox Template - Controll
+APP_TEMPLATE=TemplateMinimal
+#APP_TEMPLATE=TemplatePro
+APP_THEME=default
diff --git a/packages/template-minimal/composer.json b/packages/template-minimal/composer.json
@@ -0,0 +1,24 @@
+{
+    "name": "moox/template-minimal",
+    "autoload": {
+        "psr-4": {
+            "Moox\\TemplateMinimal\\": "src/"
+        }
+    },
+    "authors": [
+        {
+            "name": "Moox Developer",
+            "email": "dev@moox.org",
+            "role": "Developer"
+        }
+    ],
+    "minimum-stability": "dev",
+    "require": {},
+    "extra": {
+        "laravel": {
+            "providers": [
+                "Moox\\TemplateMinimal\\TemplateServiceProvider"
+            ]
+        }
+    }
+}
diff --git a/packages/template-minimal/resources/views/components/default-card.blade.php b/packages/template-minimal/resources/views/components/default-card.blade.php
@@ -0,0 +1,20 @@
+@if ($item)
+    <!--template minimal card-->
+    <x-moox-card
+        class="overflow-hidden bg-white rounded-md shadow-sm dark:bg-slate-800 hover:bg-slate-100 dark:hover:bg-slate-700">
+        <a class="w-full md:flex" href="#">
+            <figure class="w-full md:w-64">
+                <img src="{{ $item['image'] ?? 'https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp' }}"
+                    alt="Image" />
+            </figure>
+            <x-moox-card-body>
+                <div class="pb-5">
+                    <p class="mb-3 text-xs text-gray-500">{{ $item['datum'] ?? '' }}</p>
+                    <x-moox-card-title class="text-primary-500">{{ $item['title'] ?? '' }}</x-moox-card-title>
+                    <p>{{ $item['description'] ?? '' }}</p>
+                </div>
+            </x-moox-card-body>
+        </a>
+    </x-moox-card>
+    <!--template minimal card end-->
+@endif
diff --git a/packages/template-minimal/resources/views/components/hero-card.blade.php b/packages/template-minimal/resources/views/components/hero-card.blade.php
@@ -0,0 +1,22 @@
+<div>
+     <!--hero card -->
+     <x-moox-card class="overflow-hidden bg-green-500 rounded-md shadow-sm">
+        <a class="relative w-full" href="#">
+            <figure class="w-full">
+                <img src="{{ $item['image'] ?? 'https://img.daisyui.com/images/stock/photo-1606107557195-0e29a4b5b4aa.webp' }}"
+                    alt="Image" class="object-cover w-full h-full" />
+            </figure>
+            <x-moox-card-body
+                class="bottom-0 left-0 right-0 z-10 bg-white md:absolute dark:bg-slate-800 hover:bg-slate-100 dark:hover:bg-slate-700">
+                <div class="pb-5">
+                    <p class="mb-3 text-xs text-gray-500">12. November 2025</p>
+                    <x-moox-card-title class="text-primary-500">
+                        Fake Title 1
+                    </x-moox-card-title>
+                    <p>Dies ist eine gefälschte Beschreibung für Artikel 1.</p>
+                </div>
+            </x-moox-card-body>
+        </a>
+    </x-moox-card>
+     <!--hero card end-->
+</div>
diff --git a/packages/template-minimal/resources/views/layouts/app.blade.php b/packages/template-minimal/resources/views/layouts/app.blade.php
diff --git a/packages/template-minimal/resources/views/pages/blog/index.blade.php b/packages/template-minimal/resources/views/pages/blog/index.blade.php
diff --git a/packages/template-minimal/resources/views/pages/blog/show.blade.php b/packages/template-minimal/resources/views/pages/blog/show.blade.php
diff --git a/packages/template-minimal/resources/views/pages/index.blade.php b/packages/template-minimal/resources/views/pages/index.blade.php
@@ -0,0 +1,34 @@
+<div>
+    <h1 class="mb-5 text-2xl font-bold">Template Minimal</h1>
+
+    <div class="mb-10">
+        <x-moox-hero-card />
+    </div>
+
+    <div x-data="{}" class="grid grid-cols-1 gap-5">
+        @foreach ($data as $item)
+            <x-moox-default-card :item="$item" />
+        @endforeach
+    </div>
+
+    <div>
+        <h2 class="text-2xl font-bold mb-10">News</h2>
+
+        <div x-data="{}" class="grid grid-cols-1 gap-5">
+            <div class="flex gap-7">
+                <div>
+                    <p>November 17, 2025 <br />erstellt von: John Doe</p>
+                    
+                </div>
+                <div>
+                    <h3 class="text-lg font-bold"><a href="">blog post Title</a></h3>
+                    <p>News Description</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="flex justify-center mt-10">
+        <a href="#" class="text-white btn bg-primary-500 hover:bg-primary-600">Mehr News</a>
+    </div>
+</div>
diff --git a/packages/template-minimal/src/Components/DefaultCard.php b/packages/template-minimal/src/Components/DefaultCard.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace Moox\TemplateMinimal\Components;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class DefaultCard extends Component
+{
+    public ?array $item = null;
+    /**
+     * Create a new component instance.
+     */
+    public function __construct(array $item)
+    {
+        $this->item = $item;
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('template-minimal::components.default-card');
+    }
+}
diff --git a/packages/template-minimal/src/Components/HeroCard.php b/packages/template-minimal/src/Components/HeroCard.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace Moox\TemplateMinimal\Components;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class HeroCard extends Component
+{
+    public ?array $item = null;
+    /**
+     * Create a new component instance.
+     */
+    public function __construct(array $item = null)
+    {
+        $this->item = $item;
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('template-minimal::components.hero-card');
+    }
+}
diff --git a/packages/template-minimal/src/TemplateServiceProvider.php b/packages/template-minimal/src/TemplateServiceProvider.php
@@ -0,0 +1,77 @@
+<?php
+
+namespace Moox\TemplateMinimal;
+
+use Moox\Core\MooxServiceProvider;
+use RecursiveDirectoryIterator;
+use RecursiveIteratorIterator;
+use Spatie\LaravelPackageTools\Package;
+
+class TemplateServiceProvider extends MooxServiceProvider
+{
+    
+    public function configureMoox(Package $package): void
+    {
+        $package
+            ->name('template-minimal')
+            ->hasConfigFile()
+            ->hasViews()
+            ->hasTranslations()
+            ->hasMigrations()
+            ->hasCommands();
+    }
+    public function bootingPackage(): void
+    {
+        $componentPath = __DIR__.DIRECTORY_SEPARATOR.'Components';
+        $namespace = 'Moox\\TemplateMinimal\\Components';
+
+        $components = [];
+
+       
+        foreach ($this->scanDirectory($componentPath) as $file) {
+            $relativePath = $this->getRelativePath($file, $componentPath);
+            $className = $this->convertPathToClassName($relativePath);
+            $fullClassName = $namespace.'\\'.$className;
+
+            if (class_exists($fullClassName)) {
+                $components[] = $fullClassName;
+            }
+        }
+
+        $this->loadViewComponentsAs('moox', $components);
+    }
+
+    private function getRelativePath(string $file, string $componentPath): string
+    {
+        // Normalize paths to use forward slashes for consistent comparison
+        $file = str_replace('\\', '/', $file);
+        $componentPath = str_replace('\\', '/', $componentPath);
+
+        // Remove the component path prefix and .php extension
+        $relativePath = str_replace([$componentPath, '.php'], '', $file);
+
+        // Remove leading/trailing slashes
+        return trim($relativePath, '/');
+    }
+
+    private function convertPathToClassName(string $path): string
+    {
+        // Convert directory separators to namespace separators
+        return str_replace('/', '\\', $path);
+    }
+
+    private function scanDirectory(string $path): array
+    {
+        $files = [];
+
+        foreach (new RecursiveIteratorIterator(
+            new RecursiveDirectoryIterator($path, RecursiveDirectoryIterator::SKIP_DOTS)
+        ) as $file) {
+            if ($file->isFile() && $file->getExtension() === 'php') {
+                $files[] = $file->getRealPath();
+            }
+        }
+
+        return $files;
+    }
+}
diff --git a/packages/template-pro/composer.json b/packages/template-pro/composer.json
@@ -0,0 +1,24 @@
+{
+    "name": "moox/template-pro",
+    "autoload": {
+        "psr-4": {
+            "Moox\\TemplatePro\\": "src/"
+        }
+    },
+    "authors": [
+        {
+            "name": "Moox Developer",
+            "email": "dev@moox.org",
+            "role": "Developer"
+        }
+    ],
+    "minimum-stability": "dev",
+    "require": {},
+    "extra": {
+        "laravel": {
+            "providers": [
+                "Moox\\TemplatePro\\TemplateServiceProvider"
+            ]
+        }
+    }
+}
diff --git a/packages/template-pro/resources/views/layouts/app.blade.php b/packages/template-pro/resources/views/layouts/app.blade.php
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>{{ config('app.name', 'Laravel') }}</title>
+
+    <!-- Fonts -->
+    <link rel="preconnect" href="https://fonts.bunny.net">
+    <link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />
+
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+
+    @vite(['resources/css/app.css', 'resources/js/app.js'])
+
+    <script>
+        (function() {
+            const sessionTheme = sessionStorage.getItem('theme');
+            const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+
+            if (sessionTheme === 'dark' || (!sessionTheme && prefersDark)) {
+                document.documentElement.setAttribute('data-theme', 'dark');
+            } else {
+                document.documentElement.setAttribute('data-theme', 'light');
+            }
+        })();
+    </script>
+
+</head>
+
+<body class="bg-slate-200 text-slate-700 dark:bg-slate-900 dark:text-slate-300" x-data="{
+    init() {
+            const sessionTheme = sessionStorage.getItem('theme');
+            const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+            this.isDark = sessionTheme === 'dark' || (!sessionTheme && prefersDark);
+        },
+
+        isDark: false,
+
+        toggle() {
+            this.isDark = !this.isDark;
+            document.documentElement.setAttribute('data-theme', this.isDark ? 'dark' : 'light');
+            sessionStorage.setItem('theme', this.isDark ? 'dark' : 'light');
+        }
+}">
+
+    <div class="px-5 border-b border-slate-300 dark:border-slate-700 py-7">
+        <div class="flex items-center justify-end gap-5">
+            <button @click.prevent="toggle()"
+                class="flex items-center gap-2 px-4 py-2 transition hover:text-teal-500 dark:hover:text-teal-400"
+                aria-label="Toggle Dark Mode">
+                <!-- Sun Icon -->
+                <svg x-show="isDark" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="none"
+                    stroke="currentColor" stroke-width="2" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round"
+                        d="M12 3v1m0 16v1m8.49-8.49h1M3.51 12H2.5m15.364 6.364l.707.707M5.636 5.636l-.707-.707m12.728 0l.707-.707M5.636 18.364l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
+                </svg>
+
+                <!-- Moon Icon -->
+                <svg x-cloak x-show="!isDark" xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" fill="currentColor"
+                    viewBox="0 0 24 24">
+                    <path d="M21 12.79A9 9 0 1111.21 3a7 7 0 109.79 9.79z" />
+                </svg>
+            </button>
+        </div>
+    </div>
+
+
+    <div class="container justify-between px-3 mx-auto py-14 md:flex gap-7">
+
+
+        <div class="md:w-8/12 ">
+
+            @yield('content')
+
+        </div>
+
+
+        <div class="w-3/12">
+
+            @yield('aside')
+
+            <iframe src="https://time.heco.si" class="w-full h-full">
+            </iframe>
+        </div>
+
+
+    </div>
+
+
+</body>
+
+</html>
diff --git a/packages/template-pro/resources/views/pages/index.blade.php b/packages/template-pro/resources/views/pages/index.blade.php
diff --git a/packages/template-pro/src/TemplateServiceProvider.php b/packages/template-pro/src/TemplateServiceProvider.php
