castopod/themes/cp_app/_admin_navbar.php

<?php declare(strict_types=1);

$userPodcasts = get_podcasts_user_can_interact_with(auth()->user()); ?>

<div class="sticky top-0 left-0 z-50 flex items-center justify-between w-full h-10 text-white border-b bg-navigation border-navigation">
        <div class="inline-flex items-center h-full">
            <a href="<?= route_to('home') ?>" class="inline-flex items-center h-full px-2 border-r border-navigation">
                    <?= svg('castopod-logo-base', 'h-6') ?>
            </a>
            <a href="<?= route_to('admin') ?>" class="inline-flex items-center h-full px-2 text-sm font-semibold sm:px-6 hover:underline" title="<?= lang('Navigation.go_to_admin') ?>">
                <span class="hidden sm:block"><?= lang('Navigation.go_to_admin') ?></span>
                <?= icon('external-link-fill', [
                    'class' => 'sm:ml-1 text-xl sm:text-base sm:opacity-60',
                ]) ?>
            </a>
        </div>

        <div class="inline-flex items-center h-full">
            <button type="button" class="relative h-full px-2" id="notifications-dropdown" data-dropdown="button" data-dropdown-target="notifications-dropdown-menu" aria-haspopup="true" aria-expanded="false" title="<?= lang('Notifications.title') ?>" data-tooltip="bottom">
                <?= icon('notification-2-fill', [
                    'class' => 'text-2xl opacity-80',
                ]) ?>
                <?php if (($actorIdsWithUnreadNotifications = get_actor_ids_with_unread_notifications(auth()->user())) !== []): ?>
                    <span class="absolute top-2 right-2 w-2.5 h-2.5 bg-red-500 rounded-full border border-navigation-bg"></span>
                <?php endif ?>
            </button>
            <?php
                $notificationsTitle = lang('Notifications.title');

$items = [
    [
        'type'    => 'html',
        'content' => esc(<<<HTML
                            <span class="px-4 my-2 text-xs font-semibold tracking-wider uppercase text-skin-muted">{$notificationsTitle}</span>
                            HTML),
    ],
];

if ($userPodcasts !== []) {
    foreach ($userPodcasts as $userPodcast) {
        $userPodcastTitle = esc($userPodcast->title);

        $unreadNotificationDotDisplayClass = in_array($userPodcast->actor_id, $actorIdsWithUnreadNotifications, true) ? '' : 'hidden';

        $items[] = [
            'type'  => 'link',
            'title' => <<<HTML
                                <div class="inline-flex items-center flex-1 text-sm align-middle">
                                    <div class="relative">
                                        <img src="{$userPodcast->cover->tiny_url}" class="w-6 h-6 mr-2 rounded-full" loading="lazy" />
                                        <span class="absolute top-0 right-1 w-2.5 h-2.5 bg-red-500 rounded-full border border-background-elevated {$unreadNotificationDotDisplayClass}"></span>
                                    </div>
                                    <span class="max-w-xs truncate">{$userPodcastTitle}</span>
                                </div>
                            HTML
            ,
            'uri' => route_to('notification-list', $userPodcast->id),
        ];
    }
} else {
    $noNotificationsText = lang('Notifications.no_notifications');
    $items[] = [
        'type'    => 'html',
        'content' => esc(<<<HTML
                            <span class="mx-4 my-2 text-sm italic text-center text-skin-muted">{$noNotificationsText}</span>
                        HTML),
    ];
}
?>
            <x-DropdownMenu id="notifications-dropdown-menu" labelledby="notifications-dropdown" items="<?= esc(json_encode($items)) ?>" placement="bottom-end"/>

            <button
                type="button"
                class="inline-flex items-center h-full px-3 text-sm font-semibold gap-x-2"
                id="my-account-dropdown"
                data-dropdown="button"
                data-dropdown-target="my-account-dropdown-menu"
                aria-haspopup="true"
                aria-expanded="false">
                <div class="relative mr-1">
                    <?= icon('account-circle-fill', [
                        'class' => 'text-3xl opacity-60',
                    ]) ?>
                    <?php if (can_user_interact()): ?>
                        <?= auth()
                        ->user()
                        ->podcasts === [] ? '' : '<img src="' . interact_as_actor()->avatar_image_url . '" class="absolute bottom-0 w-4 h-4 border rounded-full -right-1 border-navigation-bg" loading="lazy" />' ?>
                    <?php endif; ?>
                </div>
                <?= esc(auth()->user()->username) ?>
                <?= icon('arrow-drop-down-fill', [
                    'class' => 'ml-auto text-2xl',
                ]) ?></button>
        <?php
$interactButtons = '';
foreach ($userPodcasts as $userPodcast) {
    if (can_podcast(auth()->user(), $userPodcast->id, 'interact-as')) {
        $checkMark = interact_as_actor_id() === $userPodcast->actor_id ? icon('check-fill', [
            'class' => 'ml-2 bg-accent-base text-accent-contrast rounded-full',
        ]) : '';
        $userPodcastTitle = esc($userPodcast->title);

        $interactButtons .= <<<HTML
                       <button class="inline-flex items-center w-full px-4 py-1 hover:bg-highlight" id="interact-as-actor-{$userPodcast->id}" name="actor_id" value="{$userPodcast->actor_id}">
                            <div class="inline-flex items-center flex-1 text-sm"><img src="{$userPodcast->cover->tiny_url}" class="w-6 h-6 mr-2 rounded-full" loading="lazy" /><span class="max-w-xs truncate">{$userPodcastTitle}</span>{$checkMark}</div>
                       </button>
                    HTML;
    }
}

$interactAsText = lang('Common.choose_interact');
$interactAsRoute = route_to('interact-as-actor');
$csrfField = csrf_field();

$menuItems = [
    [
        'type'  => 'link',
        'title' => lang('Navigation.account.my-account'),
        'uri'   => route_to('my-account'),
    ],
    [
        'type'  => 'link',
        'title' => lang('Navigation.account.change-password'),
        'uri'   => route_to('change-password'),
    ],
    [
        'type' => 'separator',
    ],
    [
        'type'  => 'link',
        'title' => lang('Navigation.account.logout'),
        'uri'   => route_to('logout'),
    ],
];

if ($userPodcasts !== []) {
    $menuItems = array_merge([
        [
            'type'    => 'html',
            'content' => esc(<<<HTML
                            <nav class="flex flex-col py-2 whitespace-nowrap">
                                <span class="px-4 mb-2 text-xs font-semibold tracking-wider uppercase text-skin-muted">{$interactAsText}</span>
                                <form action="{$interactAsRoute}" method="POST" class="flex flex-col">
                                    {$csrfField}
                                    {$interactButtons}
                                </form>
                            </nav>
                        HTML),
        ],
        [
            'type' => 'separator',
        ],
    ], $menuItems);
}
?>
        <x-DropdownMenu id="my-account-dropdown-menu" labelledby="my-account-dropdown" items="<?= esc(json_encode($menuItems)) ?>" />
    </div>
</div>
refactor(auth): replace myth/auth with codeigniter/shield + define new roles closes #222 2022-10-15 11:22:08 +00:00			`<?php declare(strict_types=1);`

			`$userPodcasts = get_podcasts_user_can_interact_with(auth()->user()); ?>`

feat(themes): set generic css variables for colors to enable instance themes - set new colors using the css variables for theming in tailwind.config.js - replace admin and public colors with new variable enabled colors 2021-11-05 14:36:34 +00:00			`<div class="sticky top-0 left-0 z-50 flex items-center justify-between w-full h-10 text-white border-b bg-navigation border-navigation">`
feat: redesign public podcast and episode pages + remove any information clutter for better ux - add About podcast page - use different layout for episode pages - improve on user feedback with design - restructure app theme folders - update js packages to latest versions 2021-10-13 15:43:40 +00:00			`<div class="inline-flex items-center h-full">`
feat(plugins): add aside with plugin metadata next to plugin's readme - enhance plugin card ui - refactor components to be more consistent - invert toggler label for better UX - edit view components regex 2024-05-09 17:55:41 +00:00			`<a href="<?= route_to('home') ?>" class="inline-flex items-center h-full px-2 border-r border-navigation">`
feat: redesign public podcast and episode pages + remove any information clutter for better ux - add About podcast page - use different layout for episode pages - improve on user feedback with design - restructure app theme folders - update js packages to latest versions 2021-10-13 15:43:40 +00:00			`<?= svg('castopod-logo-base', 'h-6') ?>`
			`</a>`
feat(plugins): add aside with plugin metadata next to plugin's readme - enhance plugin card ui - refactor components to be more consistent - invert toggler label for better UX - edit view components regex 2024-05-09 17:55:41 +00:00			`<a href="<?= route_to('admin') ?>" class="inline-flex items-center h-full px-2 text-sm font-semibold sm:px-6 hover:underline" title="<?= lang('Navigation.go_to_admin') ?>">`
fix(platforms): make platforms' websites and submit urls more prominent + show default podcast website (castopod) link first in links page 2023-11-17 17:26:37 +00:00			`<span class="hidden sm:block"><?= lang('Navigation.go_to_admin') ?></span>`
refactor(icons): use php-icons library to load and display icons 2024-04-26 17:57:25 +00:00			`<?= icon('external-link-fill', [`
			`'class' => 'sm:ml-1 text-xl sm:text-base sm:opacity-60',`
			`]) ?>`
feat: redesign public podcast and episode pages + remove any information clutter for better ux - add About podcast page - use different layout for episode pages - improve on user feedback with design - restructure app theme folders - update js packages to latest versions 2021-10-13 15:43:40 +00:00			`</a>`
			`</div>`

			`<div class="inline-flex items-center h-full">`
feat(plugins): add aside with plugin metadata next to plugin's readme - enhance plugin card ui - refactor components to be more consistent - invert toggler label for better UX - edit view components regex 2024-05-09 17:55:41 +00:00			`<button type="button" class="relative h-full px-2" id="notifications-dropdown" data-dropdown="button" data-dropdown-target="notifications-dropdown-menu" aria-haspopup="true" aria-expanded="false" title="<?= lang('Notifications.title') ?>" data-tooltip="bottom">`
refactor(icons): use php-icons library to load and display icons 2024-04-26 17:57:25 +00:00			`<?= icon('notification-2-fill', [`
			`'class' => 'text-2xl opacity-80',`
			`]) ?>`
refactor(auth): replace myth/auth with codeigniter/shield + define new roles closes #222 2022-10-15 11:22:08 +00:00			`<?php if (($actorIdsWithUnreadNotifications = get_actor_ids_with_unread_notifications(auth()->user())) !== []): ?>`
feat: add notifications inbox for actors closes #215 2022-08-12 16:02:56 +00:00			`<span class="absolute top-2 right-2 w-2.5 h-2.5 bg-red-500 rounded-full border border-navigation-bg"></span>`
			`<?php endif ?>`
			`</button>`
			`<?php`
			`$notificationsTitle = lang('Notifications.title');`

ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`$items = [`
			`[`
style: update ecs config to align associative arrays arrows update composer dependencies to latest 2023-06-12 14:47:38 +00:00			`'type' => 'html',`
fix: remove fediverse prefix to prevent migration error + load routes during podcast import refactor migration queries to use forge functions 2023-08-26 13:03:01 +00:00			`'content' => esc(<<<HTML`
feat: add notifications inbox for actors closes #215 2022-08-12 16:02:56 +00:00			`<span class="px-4 my-2 text-xs font-semibold tracking-wider uppercase text-skin-muted">{$notificationsTitle}</span>`
fix: remove fediverse prefix to prevent migration error + load routes during podcast import refactor migration queries to use forge functions 2023-08-26 13:03:01 +00:00			`HTML),`
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`],`
			`];`
feat: add notifications inbox for actors closes #215 2022-08-12 16:02:56 +00:00
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`if ($userPodcasts !== []) {`
			`foreach ($userPodcasts as $userPodcast) {`
			`$userPodcastTitle = esc($userPodcast->title);`
feat: add notifications inbox for actors closes #215 2022-08-12 16:02:56 +00:00
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`$unreadNotificationDotDisplayClass = in_array($userPodcast->actor_id, $actorIdsWithUnreadNotifications, true) ? '' : 'hidden';`
feat: add notifications inbox for actors closes #215 2022-08-12 16:02:56 +00:00
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`$items[] = [`
style: update ecs config to align associative arrays arrows update composer dependencies to latest 2023-06-12 14:47:38 +00:00			`'type' => 'link',`
fix: remove fediverse prefix to prevent migration error + load routes during podcast import refactor migration queries to use forge functions 2023-08-26 13:03:01 +00:00			`'title' => <<<HTML`
feat: add notifications inbox for actors closes #215 2022-08-12 16:02:56 +00:00			`<div class="inline-flex items-center flex-1 text-sm align-middle">`
			`<div class="relative">`
			`<img src="{$userPodcast->cover->tiny_url}" class="w-6 h-6 mr-2 rounded-full" loading="lazy" />`
			`<span class="absolute top-0 right-1 w-2.5 h-2.5 bg-red-500 rounded-full border border-background-elevated {$unreadNotificationDotDisplayClass}"></span>`
			`</div>`
			`<span class="max-w-xs truncate">{$userPodcastTitle}</span>`
			`</div>`
fix: remove fediverse prefix to prevent migration error + load routes during podcast import refactor migration queries to use forge functions 2023-08-26 13:03:01 +00:00			`HTML`
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`,`
			`'uri' => route_to('notification-list', $userPodcast->id),`
			`];`
			`}`
			`} else {`
			`$noNotificationsText = lang('Notifications.no_notifications');`
			`$items[] = [`
style: update ecs config to align associative arrays arrows update composer dependencies to latest 2023-06-12 14:47:38 +00:00			`'type' => 'html',`
fix: remove fediverse prefix to prevent migration error + load routes during podcast import refactor migration queries to use forge functions 2023-08-26 13:03:01 +00:00			`'content' => esc(<<<HTML`
feat: add notifications inbox for actors closes #215 2022-08-12 16:02:56 +00:00			`<span class="mx-4 my-2 text-sm italic text-center text-skin-muted">{$noNotificationsText}</span>`
fix: remove fediverse prefix to prevent migration error + load routes during podcast import refactor migration queries to use forge functions 2023-08-26 13:03:01 +00:00			`HTML),`
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`];`
			`}`
			`?>`
feat(plugins): add aside with plugin metadata next to plugin's readme - enhance plugin card ui - refactor components to be more consistent - invert toggler label for better UX - edit view components regex 2024-05-09 17:55:41 +00:00			`<x-DropdownMenu id="notifications-dropdown-menu" labelledby="notifications-dropdown" items="<?= esc(json_encode($items)) ?>" placement="bottom-end"/>`
refactor(auth): replace myth/auth with codeigniter/shield + define new roles closes #222 2022-10-15 11:22:08 +00:00
feat: add notifications inbox for actors closes #215 2022-08-12 16:02:56 +00:00			`<button`
			`type="button"`
feat(plugins): add aside with plugin metadata next to plugin's readme - enhance plugin card ui - refactor components to be more consistent - invert toggler label for better UX - edit view components regex 2024-05-09 17:55:41 +00:00			`class="inline-flex items-center h-full px-3 text-sm font-semibold gap-x-2"`
feat: add notifications inbox for actors closes #215 2022-08-12 16:02:56 +00:00			`id="my-account-dropdown"`
			`data-dropdown="button"`
			`data-dropdown-target="my-account-dropdown-menu"`
			`aria-haspopup="true"`
refactor(auth): replace myth/auth with codeigniter/shield + define new roles closes #222 2022-10-15 11:22:08 +00:00			`aria-expanded="false">`
			`<div class="relative mr-1">`
refactor(icons): use php-icons library to load and display icons 2024-04-26 17:57:25 +00:00			`<?= icon('account-circle-fill', [`
			`'class' => 'text-3xl opacity-60',`
			`]) ?>`
refactor(auth): replace myth/auth with codeigniter/shield + define new roles closes #222 2022-10-15 11:22:08 +00:00			`<?php if (can_user_interact()): ?>`
			`<?= auth()`
			`->user()`
feat: add notifications inbox for actors closes #215 2022-08-12 16:02:56 +00:00			`->podcasts === [] ? '' : '<img src="' . interact_as_actor()->avatar_image_url . '" class="absolute bottom-0 w-4 h-4 border rounded-full -right-1 border-navigation-bg" loading="lazy" />' ?>`
refactor(auth): replace myth/auth with codeigniter/shield + define new roles closes #222 2022-10-15 11:22:08 +00:00			`<?php endif; ?>`
feat: add notifications inbox for actors closes #215 2022-08-12 16:02:56 +00:00			`</div>`
refactor(auth): replace myth/auth with codeigniter/shield + define new roles closes #222 2022-10-15 11:22:08 +00:00			`<?= esc(auth()->user()->username) ?>`
refactor(icons): use php-icons library to load and display icons 2024-04-26 17:57:25 +00:00			`<?= icon('arrow-drop-down-fill', [`
			`'class' => 'ml-auto text-2xl',`
			`]) ?></button>`
feat: redesign public podcast and episode pages + remove any information clutter for better ux - add About podcast page - use different layout for episode pages - improve on user feedback with design - restructure app theme folders - update js packages to latest versions 2021-10-13 15:43:40 +00:00			`<?php`
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`$interactButtons = '';`
			`foreach ($userPodcasts as $userPodcast) {`
			`if (can_podcast(auth()->user(), $userPodcast->id, 'interact-as')) {`
refactor(icons): use php-icons library to load and display icons 2024-04-26 17:57:25 +00:00			`$checkMark = interact_as_actor_id() === $userPodcast->actor_id ? icon('check-fill', [`
			`'class' => 'ml-2 bg-accent-base text-accent-contrast rounded-full',`
			`]) : '';`
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`$userPodcastTitle = esc($userPodcast->title);`
feat: redesign public podcast and episode pages + remove any information clutter for better ux - add About podcast page - use different layout for episode pages - improve on user feedback with design - restructure app theme folders - update js packages to latest versions 2021-10-13 15:43:40 +00:00
fix: remove fediverse prefix to prevent migration error + load routes during podcast import refactor migration queries to use forge functions 2023-08-26 13:03:01 +00:00			`$interactButtons .= <<<HTML`
refactor(auth): replace myth/auth with codeigniter/shield + define new roles closes #222 2022-10-15 11:22:08 +00:00			`<button class="inline-flex items-center w-full px-4 py-1 hover:bg-highlight" id="interact-as-actor-{$userPodcast->id}" name="actor_id" value="{$userPodcast->actor_id}">`
			`<div class="inline-flex items-center flex-1 text-sm"><img src="{$userPodcast->cover->tiny_url}" class="w-6 h-6 mr-2 rounded-full" loading="lazy" /><span class="max-w-xs truncate">{$userPodcastTitle}</span>{$checkMark}</div>`
			`</button>`
fix: remove fediverse prefix to prevent migration error + load routes during podcast import refactor migration queries to use forge functions 2023-08-26 13:03:01 +00:00			`HTML;`
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`}`
			`}`
feat: redesign public podcast and episode pages + remove any information clutter for better ux - add About podcast page - use different layout for episode pages - improve on user feedback with design - restructure app theme folders - update js packages to latest versions 2021-10-13 15:43:40 +00:00
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`$interactAsText = lang('Common.choose_interact');`
			`$interactAsRoute = route_to('interact-as-actor');`
			`$csrfField = csrf_field();`
feat: redesign public podcast and episode pages + remove any information clutter for better ux - add About podcast page - use different layout for episode pages - improve on user feedback with design - restructure app theme folders - update js packages to latest versions 2021-10-13 15:43:40 +00:00
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`$menuItems = [`
			`[`
style: update ecs config to align associative arrays arrows update composer dependencies to latest 2023-06-12 14:47:38 +00:00			`'type' => 'link',`
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`'title' => lang('Navigation.account.my-account'),`
style: update ecs config to align associative arrays arrows update composer dependencies to latest 2023-06-12 14:47:38 +00:00			`'uri' => route_to('my-account'),`
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`],`
			`[`
style: update ecs config to align associative arrays arrows update composer dependencies to latest 2023-06-12 14:47:38 +00:00			`'type' => 'link',`
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`'title' => lang('Navigation.account.change-password'),`
style: update ecs config to align associative arrays arrows update composer dependencies to latest 2023-06-12 14:47:38 +00:00			`'uri' => route_to('change-password'),`
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`],`
			`[`
			`'type' => 'separator',`
			`],`
			`[`
style: update ecs config to align associative arrays arrows update composer dependencies to latest 2023-06-12 14:47:38 +00:00			`'type' => 'link',`
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`'title' => lang('Navigation.account.logout'),`
style: update ecs config to align associative arrays arrows update composer dependencies to latest 2023-06-12 14:47:38 +00:00			`'uri' => route_to('logout'),`
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`],`
			`];`
feat: redesign public podcast and episode pages + remove any information clutter for better ux - add About podcast page - use different layout for episode pages - improve on user feedback with design - restructure app theme folders - update js packages to latest versions 2021-10-13 15:43:40 +00:00
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`if ($userPodcasts !== []) {`
			`$menuItems = array_merge([`
			`[`
style: update ecs config to align associative arrays arrows update composer dependencies to latest 2023-06-12 14:47:38 +00:00			`'type' => 'html',`
fix: remove fediverse prefix to prevent migration error + load routes during podcast import refactor migration queries to use forge functions 2023-08-26 13:03:01 +00:00			`'content' => esc(<<<HTML`
fix: add underline and semibold font weight for prose links to have them stand out + fix typo: "whitespace-no-wrap" --> "whitespace-nowrap" 2022-07-22 16:45:11 +00:00			`<nav class="flex flex-col py-2 whitespace-nowrap">`
feat(themes): set generic css variables for colors to enable instance themes - set new colors using the css variables for theming in tailwind.config.js - replace admin and public colors with new variable enabled colors 2021-11-05 14:36:34 +00:00			`<span class="px-4 mb-2 text-xs font-semibold tracking-wider uppercase text-skin-muted">{$interactAsText}</span>`
refactor(auth): replace myth/auth with codeigniter/shield + define new roles closes #222 2022-10-15 11:22:08 +00:00			`<form action="{$interactAsRoute}" method="POST" class="flex flex-col">`
feat: redesign public podcast and episode pages + remove any information clutter for better ux - add About podcast page - use different layout for episode pages - improve on user feedback with design - restructure app theme folders - update js packages to latest versions 2021-10-13 15:43:40 +00:00			`{$csrfField}`
			`{$interactButtons}`
			`</form>`
			`</nav>`
fix: remove fediverse prefix to prevent migration error + load routes during podcast import refactor migration queries to use forge functions 2023-08-26 13:03:01 +00:00			`HTML),`
ci: fix lint and formatting issues 2023-02-22 16:29:45 +00:00			`],`
			`[`
			`'type' => 'separator',`
			`],`
			`], $menuItems);`
			`}`
			`?>`
feat(plugins): add aside with plugin metadata next to plugin's readme - enhance plugin card ui - refactor components to be more consistent - invert toggler label for better UX - edit view components regex 2024-05-09 17:55:41 +00:00			`<x-DropdownMenu id="my-account-dropdown-menu" labelledby="my-account-dropdown" items="<?= esc(json_encode($menuItems)) ?>" />`
feat: redesign public podcast and episode pages + remove any information clutter for better ux - add About podcast page - use different layout for episode pages - improve on user feedback with design - restructure app theme folders - update js packages to latest versions 2021-10-13 15:43:40 +00:00			`</div>`
			`</div>`