nativephp.com/resources/views/plugin-license.blade.php at 817fe088cf990cbf9c99febce805b0c53f8a28c8 · NativePHP/nativephp.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<x-layout :title="$plugin->name . ' - License'">
    <section
        class="mx-auto mt-10 w-full max-w-3xl px-5 md:mt-14"
        aria-labelledby="license-title"
    >
        @if ($isAdminPreview ?? false)
            <div class="mb-6 rounded-xl border border-amber-300 bg-amber-50 p-4 text-center dark:border-amber-600 dark:bg-amber-950/50">
                <p class="text-sm font-medium text-amber-800 dark:text-amber-200">
                    Preview &mdash; This plugin is not publicly visible.
                    @if ($plugin->isApproved() && ! $plugin->is_active)
                        It has been de-listed.
                    @else
                        Status: {{ $plugin->status->label() }}
                    @endif
                </p>
            </div>
        @endif

        <header class="relative">
            {{-- Back button --}}
            <div
                x-init="
                    () => {
                        motion.inView($el, () => {
                            gsap.fromTo(
                                $el,
                                { autoAlpha: 0, x: 5 },
                                { autoAlpha: 1, x: 0, duration: 0.7, ease: 'power1.out' },
                            )
                        })
                    }
                "
            >
                <a
                    href="{{ route('plugins.show', $plugin->routeParams()) }}"
                    class="inline-flex items-center gap-2 opacity-60 transition duration-200 hover:-translate-x-0.5 hover:opacity-100"
                    aria-label="Return to plugin details"
                >
                    <x-icons.right-arrow
                        class="size-3 shrink-0 -scale-x-100"
                        aria-hidden="true"
                    />
                    <div class="text-sm">Back to {{ $plugin->name }}</div>
                </a>
            </div>

            {{-- Title --}}
            <div
                x-init="
                    () => {
                        motion.inView($el, () => {
                            gsap.fromTo(
                                $el,
                                { autoAlpha: 0, y: 5 },
                                { autoAlpha: 1, y: 0, duration: 0.7, ease: 'power1.out' },
                            )
                        })
                    }
                "
                class="mt-8"
            >
                <h1
                    id="license-title"
                    class="text-2xl font-bold sm:text-3xl"
                >
                    License
                </h1>
                <p class="mt-2 text-gray-600 dark:text-gray-400">
                    {{ $plugin->name }} &middot; {{ $plugin->getLicense() ?? 'License' }}
                </p>
            </div>
        </header>

        {{-- Divider --}}
        <x-divider />

        {{-- License Content --}}
        <article
            x-init="
                () => {
                    motion.inView($el, () => {
                        gsap.fromTo(
                            $el,
                            { autoAlpha: 0, y: 5 },
                            { autoAlpha: 1, y: 0, duration: 0.7, ease: 'power1.out' },
                        )
                    })
                }
            "
            class="prose prose-gray mt-8 max-w-none dark:prose-invert"
        >
            {!! $plugin->license_html !!}
        </article>
    </section>
</x-layout>