101 lines
3.1 KiB
PHP
101 lines
3.1 KiB
PHP
<?php
|
|
|
|
namespace WoWPress\Frontend;
|
|
|
|
use WoWPress\Frontend\Icon;
|
|
use WoWPress\Models\User;
|
|
|
|
class NavWalker extends \Walker_Nav_Menu
|
|
{
|
|
|
|
function start_lvl(&$output, $depth = 0, $args = null)
|
|
{
|
|
$output .= '
|
|
<div x-cloak x-show="open" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" class="block xl:absolute right-0 w-full mt-2 origin-top-right rounded-md shadow-lg xl:w-48">
|
|
<div x-cloak class="px-2 py-2 shadow w-full flex flex-col gap-2" style="background-color:var(--color-deepblue)">
|
|
';
|
|
}
|
|
function end_lvl(&$output, $depth = 0, $args = null)
|
|
{
|
|
|
|
|
|
$output .= '</div></div>';
|
|
}
|
|
|
|
function end_el(&$output, $item, $depth = 0, $args = \null)
|
|
{
|
|
if (0 === $depth) {
|
|
$output .= '</div>';
|
|
}
|
|
}
|
|
|
|
function start_el(&$output, $item, $depth = 0, $args = [], $id = 0)
|
|
{
|
|
|
|
|
|
|
|
if ($args->walker->has_children) {
|
|
$output .= '<div x-cloak @click.away="open = false" class="relative" x-data="{ open: false }">';
|
|
$output .= '<button @click="open = !open" class="w-full nav-btn ' . implode(" ", $item->classes) . '">';
|
|
} elseif ($item->url && $item->url != '#' && $item->url != "#LOGIN") {
|
|
if (0 === $depth) {
|
|
$output .= '<div>';
|
|
}
|
|
$output .= '<a class="nav-btn ' . implode(" ", $item->classes) . '" href="' . $item->url . '">';
|
|
} elseif ($item->url && $item->url == "#LOGIN") {
|
|
if (!is_user_logged_in()) {
|
|
if (0 === $depth) {
|
|
$output .= '<div>';
|
|
}
|
|
$item->classes[] = "btn-red btn-outline";
|
|
$output .= '<a class="nav-btn ' . implode(" ", $item->classes) . '" href="/wp-login.php">';
|
|
} else {
|
|
if (0 === $depth) {
|
|
$output .= '<div>';
|
|
}
|
|
$item->classes[] = "btn-alliance btn-outline";
|
|
|
|
|
|
$output .= '<a class="nav-btn ' . implode(" ", $item->classes) . '" href="/wp-admin/profile.php">';
|
|
}
|
|
} else {
|
|
if (0 === $depth) {
|
|
$output .= '<div>';
|
|
}
|
|
$output .= '<span class="nav-btn ' . implode(" ", $item->classes) . '">';
|
|
}
|
|
|
|
foreach ($item->classes as $class) {
|
|
if (str_contains($class, "icon-")) {
|
|
$icon_name = substr($class, 5);
|
|
$output .= Icon::get($icon_name, "24px");
|
|
}
|
|
}
|
|
|
|
if ($item->url && $item->url == "#LOGIN") {
|
|
if (is_user_logged_in()) {
|
|
|
|
$output .= "Profil";
|
|
} else {
|
|
$output .= "Login";
|
|
}
|
|
} else {
|
|
$output .= $item->title;
|
|
}
|
|
|
|
if ($args->walker->has_children) {
|
|
$output .= "
|
|
<svg fill= \"currentColor\" viewBox=\"0 0 20 20\" :class=\"{'rotate-180': open, 'rotate-0': !open}\" class=\"inline w-4 h-4 mt-1 ml-1 transition-transform duration-200 transform md:-mt-1\"><path fill-rule=\"evenodd\" d=\"M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z\" clip-rule=\"evenodd\"></path></svg>
|
|
";
|
|
}
|
|
|
|
if ($args->walker->has_children) {
|
|
$output .= "</button>";
|
|
} elseif ($item->url && $item->url != '#') {
|
|
$output .= '</a>';
|
|
} else {
|
|
$output .= '</span>';
|
|
}
|
|
}
|
|
}
|