plugins.cakephp.org/templates/element/Packages/package-tile.php at 366a7c88127575eff67c99fade997ccc57fd50f7 · cakephp/plugins.cakephp.org · 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<?php
/**
 * @var \App\View\AppView $this
 * @var \App\Model\Entity\Package $package
 * @var bool $isFeatured
 */
$isFeatured = $isFeatured ?? false;
$query = $this->getRequest()->getQueryParams();
$currentPath = $this->getRequest()->getPath() ?: '/';
$buildFilterUrl = static function (string $path, array $params): string {
    $queryString = http_build_query($params, '', '&', PHP_QUERY_RFC3986);
    $queryString = preg_replace('/%5B\d+%5D=/', '%5B%5D=', $queryString) ?? $queryString;

    return $queryString === '' ? $path : $path . '?' . $queryString;
};
$packageId = preg_replace('/[^a-z0-9]/i', '-', strtolower($package->package));
$filterByVersionLabel = static fn(string $name): string => __('Filter by {0} version', $name);
$compatibilityGroups = [
    [
        'key' => 'cakephp',
        'name' => 'CakePHP',
        'groupLabel' => static fn(string $majorVersion): string => __('CakePHP {0}.x', h($majorVersion)),
        'tagLabel' => static fn($tag): string => str_replace('CakePHP: ', '', $tag->label),
        'slugsQueryKey' => 'cakephp_slugs',
        'tags' => $package->cake_php_tags,
        'groups' => $package->cake_php_tag_groups,
        'activeClass' => 'btn-primary',
        'inactiveClass' => 'btn-soft btn-primary',
        'dialogActiveClass' => 'btn-error',
        'dialogInactiveClass' => 'btn-soft btn-error',
    ],
    [
        'key' => 'php',
        'name' => 'PHP',
        'groupLabel' => static fn(string $majorVersion): string => __('PHP {0}.x', h($majorVersion)),
        'tagLabel' => static fn($tag): string => str_replace('PHP: ', '', $tag->label),
        'slugsQueryKey' => 'php_slugs',
        'tags' => $package->php_tags,
        'groups' => $package->php_tag_groups,
        'activeClass' => 'btn-secondary',
        'inactiveClass' => 'btn-soft btn-secondary',
        'dialogActiveClass' => 'btn-accent',
        'dialogInactiveClass' => 'btn-soft btn-accent',
    ],
];
?>
<article class="card h-full rounded-3xl border border-base-300 bg-base-100 shadow-sm transition hover:-translate-y-1 hover:shadow-lg overflow-hidden">
    <a class="card-header block bg-base-200 px-5 py-4 transition hover:bg-base-100 border-b border-base-300"
       target="_blank" rel="noopener noreferrer" href="<?= h($package->repo_url) ?>">
        <div class="flex items-start justify-start gap-4">
            <div class="min-w-0">
                <?php if ($isFeatured) : ?>
                    <div class="mb-1">
                        <span class="badge badge-error badge-xs text-white uppercase">
                            <?= __('Featured') ?>
                        </span>
                    </div>
                <?php endif; ?>
                <h2 class="card-title truncate text-lg transition hover:text-cake-red">
                    <?= h($package->package) ?>
                </h2>
            </div>
        </div>
    </a>

    <div class="card-body flex flex-1 flex-col">
        <p class="min-h-18 flex-1 text-sm leading-6 line-clamp-4">
            <?= h($package->description ?: __('No description available.')) ?>
        </p>

        <div class="mt-5 border-t border-dashed pt-4">
            <div class="grid gap-4 grid-cols-2">
                <?php foreach ($compatibilityGroups as $compatibilityGroup): ?>
                    <?php if (!$compatibilityGroup['tags']) : ?>
                        <?php continue; ?>
                    <?php endif; ?>
                    <?php
                    $dialogId = 'compat-' . $compatibilityGroup['key'] . '-' . $packageId;
                    $tagGroups = $compatibilityGroup['groups'];
                    $existingSlugs = (array)($query[$compatibilityGroup['slugsQueryKey']] ?? []);
                    ?>
                    <div>
                        <p class="mb-2 text-xs font-semibold uppercase tracking-[0.2em] opacity-60">
                            <?= h($compatibilityGroup['name']) ?>
                        </p>
                        <div class="flex flex-wrap gap-2">
                            <?php foreach ($tagGroups as $majorVersion => $tags): ?>
                                <?php
                                $groupSlugs = array_keys(array_column($tags, null, 'slug'));
                                $isActive = (bool)array_intersect($existingSlugs, $groupSlugs);
                                ?>
                                <button type="button"
                                        onclick="document.getElementById('<?= h($dialogId) ?>').showModal()"
                                        class="btn btn-xs <?= $isActive ? $compatibilityGroup['activeClass'] : $compatibilityGroup['inactiveClass'] ?>">
                                    <?= h($majorVersion) ?>.x
                                </button>
                            <?php endforeach; ?>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
        </div>
    </div>
    <div class="card-actions w-full p-0">
        <div class="stats stats-vertical sm:stats-horizontal w-full rounded-none bg-base-200 border-t border-base-300">
            <div class="stat px-4 py-3">
                <div class="stat-title text-xs flex items-center gap-2 [&_svg]:size-4">
                    <?= file_get_contents(WWW_ROOT . 'img' . DS . 'download.svg') ?: '' ?>
                    <?= __('Downloads') ?>
                </div>
                <div class="stat-value text-base">
                    <?= $this->Number->format($package->downloads) ?>
                </div>
            </div>
            <div class="stat px-4 py-3">
                <div class="stat-title text-xs">
                    <?= __('Latest Version') ?>
                </div>
                <div class="stat-value text-base">
                    <?= h($package->latest_stable_version ?: __('Unknown')) ?>
                </div>
                <div class="stat-desc text-xs">
                    <?= __('Released {0}', $package->latest_stable_release_date?->i18nFormat('MMM d, yyyy') ?? __('Unknown')) ?>
                </div>
            </div>
            <div class="stat px-4 py-3">
                <div class="stat-title text-xs flex items-center gap-2 [&_svg]:size-4">
                    <?= file_get_contents(WWW_ROOT . 'img' . DS . 'star.svg') ?: '' ?>
                    <?= __('Stars') ?>
                </div>
                <div class="stat-value text-base">
                    <?= $this->Number->format($package->stars) ?>
                </div>
            </div>
        </div>
    </div>
</article>
<?php foreach ($compatibilityGroups as $compatibilityGroup): ?>
    <?php if (!$compatibilityGroup['tags']) : ?>
        <?php continue; ?>
    <?php endif; ?>
    <?php
    $dialogId = 'compat-' . $compatibilityGroup['key'] . '-' . $packageId;
    $tagGroups = $compatibilityGroup['groups'];
    $existingSlugs = (array)($query[$compatibilityGroup['slugsQueryKey']] ?? []);
    ?>
    <dialog id="<?= h($dialogId) ?>" class="modal">
        <div class="modal-box max-w-md">
            <h3 class="mb-1 text-base font-semibold"><?= h($package->package) ?></h3>
            <p class="mb-4 text-xs opacity-50"><?= h($filterByVersionLabel($compatibilityGroup['name'])) ?></p>
            <div class="space-y-4">
                <?php foreach ($tagGroups as $majorVersion => $tags): ?>
                    <div>
                        <p class="mb-2 text-xs font-semibold uppercase tracking-wider opacity-50"><?= $compatibilityGroup['groupLabel']((string)$majorVersion) ?></p>
                        <div class="flex flex-wrap gap-2">
                            <?php foreach ($tags as $tag): ?>
                                <?php
                                $slug = $tag->slug;
                                $tagIsActive = in_array($slug, $existingSlugs, true);
                                $tagQuery = $query;
                                $tagQuery[$compatibilityGroup['slugsQueryKey']] = $tagIsActive
                                    ? array_values(array_diff($existingSlugs, [$slug]))
                                    : array_values(array_unique(array_merge($existingSlugs, [$slug])));
                                unset($tagQuery['page']);
                                ?>
                                <a href="<?= h($buildFilterUrl($currentPath, $tagQuery)) ?>"
                                   class="btn btn-xs <?= $tagIsActive ? $compatibilityGroup['dialogActiveClass'] : $compatibilityGroup['dialogInactiveClass'] ?>">
                                    <?= h($compatibilityGroup['tagLabel']($tag)) ?>
                                </a>
                            <?php endforeach; ?>
                        </div>
                    </div>
                <?php endforeach; ?>
            </div>
            <div class="modal-action">
                <form method="dialog">
                    <button class="btn btn-sm btn-ghost"><?= __('Close') ?></button>
                </form>
            </div>
        </div>
        <form method="dialog" class="modal-backdrop"><button><?= __('Close') ?></button></form>
    </dialog>
<?php endforeach; ?>