XenforoMasterTemplate/templates/public/topbar_actions.html

<xf:set var="$topbarAdminSeparator" value="false" />
<xf:set var="$topbarModSeparator" value="false" />

<div class="$topbar-actions">
    <xf:if is="$xf.visitor.is_admin">
        <xf:set var="$topbarAdminSeparator" value="true" />
         <a href="{{ base_url('admin.php') }}" class="$btn">
            <i data-lucide="landmark" size="18"></i>
        </a>
        <a href="{{ $xf.options.homePageUrl }}/manage" class="$btn">
            <i data-lucide="shield-cog" size="18"></i>
        </a>
    </xf:if>
    <xf:if is="$topbarAdminSeparator == true">
        <div class="$vertical-separator"></div>
    </xf:if>
    <xf:if is="$xf.visitor.is_moderator">
        <xf:set var="$topbarModSeparator" value="true" />
        <a href="{{ $xf.options.homePageUrl }}/modcp" class="$btn">
            <i data-lucide="siren" size="18"></i>
        </a>
        <a href="{{ link('approval-queue') }}" class="$btn">
            <i data-lucide="message-circle-check" size="18"></i>
        </a>
        <a href="{{ link('reports') }}" class="$btn badgeContainer badgeContainer--visible {{ ($xf.session.reportCounts.total && ($xf.session.reportCounts.lastBuilt > $xf.session.reportLastRead) OR $xf.session.reportCounts.assigned) ? ' badgeContainer--highlighted' : '' }}" data-badge="{{ $xf.session.reportCounts.assigned ? $xf.session.reportCounts.assigned|number . ' / ' . $xf.session.reportCounts.total|number : $xf.session.reportCounts.total|number }}">
            <i data-lucide="triangle-alert" size="18"></i>
        </a>
    </xf:if>
    <xf:if is="$topbarModSeparator == true">
        <div class="$vertical-separator"></div>
    </xf:if>
    <xf:if is="$xf.visitor.user_id">
        <a href="#" class="$btn">
            <i data-lucide="hard-drive-upload" size="18"></i>
        </a>
    </xf:if>
    <xf:if is="$xf.visitor.user_id">

        <!-- Notifications -->

        <a href="{{ link('account/alerts') }}" class="$btn js-badge--alerts" data-badge="{$xf.visitor.alerts_unviewed|number}" data-xf-click="menu" data-xf-key="{{ phrase('shortcut.alerts_menu')|for_attr }}" title="" aria-expanded="false"
            aria-haspopup="true">
            <i data-lucide="bell" size="18"></i>
        </a>
        <div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
            data-href="{{ link('account/alerts-popup') }}"
            data-nocache="true"
            data-load-target=".js-alertsMenuBody">
            <div class="menu-content">
                <div class="$notifications-header">
                    <span class="$notifications-header-title">Notifications</span>
                        <div class="$notifications-header-actions">
                            <a href="{{ link('account/alerts/mark-read') }}" class="$btn js-alertsMarkRead" title="Mark all as read">
                                <i data-lucide="check-circle" size="14"></i>
                            </a>
                            <a href="{{ link('account/alerts') }}" class="$btn">
                                <i data-lucide="external-link" size="14"></i>
                            </a>
                        </div>
                </div>

                <div class="js-alertsMenuBody">
                    <div class="notifications-loading">
                        <i data-lucide="loader-2" class="$spin"></i>
                    </div>
                </div>
            </div>
        </div>


        <a class="$btn js-badge--conversations badgeContainer{{ $xf.visitor.conversations_unread ? ' badgeContainer--highlighted' : '' }}" data-badge="{$xf.visitor.conversations_unread|number}" data-xf-click="menu" data-xf-key="{{ phrase('shortcut.conversations_menu')|for_attr }}" data-menu-pos-ref="< .p-navgroup" title="{{ phrase('direct_messages')|for_attr }}" aria-haspopup="true">
            <i data-lucide="mail" size="18"></i>
        </a>
        <div class="menu menu--structural menu--medium" data-menu="menu" aria-hidden="true"
        data-href="{{ link('direct-messages/popup') }}"
        data-nocache="true"
        data-load-target=".js-convMenuBody">
        <div class="menu-content">
            <div class="$notifications-header">
                <span class="$notifications-header-title">Direct Messages</span>
                <div class="$notifications-header-actions">
                    <a href="{{ link('direct-messages/add') }}" class="$btn">
                        <i data-lucide="plus" size="14"></i>
                    </a>
                    <a href="{{ link('direct-messages') }}" class="$btn">
                        <i data-lucide="external-link" size="14"></i>
                    </a>
                </div>
            </div>
            <div class="js-convMenuBody">
                <div class="$notifications-loading">
                    <i data-lucide="loader-2" class="$spin"></i>
                </div>
            </div>
        </div>
    </div>

    </xf:if>
    <button class="$btn">
        <i data-lucide="settings" size="18"></i>
    </button>
</div>