flp
/
WowPress-Tailwind
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Login Button

master
sephger 2024-06-11 11:17:57 +02:00
parent c169c0ee50
commit 8c50bbff43
1 changed files with 51 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
theme/wowpress/Frontend/NavWalker.php
View File

@ -1,17 +1,21 @@
<?php <?php
namespace WoWPress\Frontend; namespace WoWPress\Frontend;
use WoWPress\Frontend\Icon; use WoWPress\Frontend\Icon;
class NavWalker extends \Walker_Nav_Menu class NavWalker extends \Walker_Nav_Menu
{ {
function start_lvl(&$output, $depth=0, $args=null) { function start_lvl(&$output, $depth = 0, $args = null)
{
$output .= ' $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 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)"> <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) { function end_lvl(&$output, $depth = 0, $args = null)
{
$output .= '</div></div>'; $output .= '</div></div>';
@ -29,15 +33,30 @@ class NavWalker extends \Walker_Nav_Menu
if($args->walker->has_children){ if ($args->walker->has_children) {
$output .= '<div x-cloak @click.away="open = false" class="relative" x-data="{ open: false }">'; $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) . '">'; $output .= '<button @click="open = !open" class="w-full nav-btn ' . implode(" ", $item->classes) . '">';
} } elseif ($item->url && $item->url != '#' && $item->url != "#LOGIN") {
elseif ($item->url && $item->url != '#') {
if (0 === $depth) { if (0 === $depth) {
$output .= '<div>'; $output .= '<div>';
} }
$output .= '<a class="nav-btn ' . implode(" ", $item->classes) . '" href="' . $item->url . '">'; $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 { } else {
if (0 === $depth) { if (0 === $depth) {
$output .= '<div>'; $output .= '<div>';
@ -45,14 +64,22 @@ class NavWalker extends \Walker_Nav_Menu
$output .= '<span class="nav-btn ' . implode(" ", $item->classes) . '">'; $output .= '<span class="nav-btn ' . implode(" ", $item->classes) . '">';
} }
foreach($item->classes as $class){ foreach ($item->classes as $class) {
if(str_contains($class,"icon-")){ if (str_contains($class, "icon-")) {
$icon_name = substr($class,5); $icon_name = substr($class, 5);
$output .= Icon::get($icon_name,"24px"); $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; $output .= $item->title;
}
if ($args->walker->has_children) { if ($args->walker->has_children) {
$output .= " $output .= "
@ -60,21 +87,12 @@ class NavWalker extends \Walker_Nav_Menu
"; ";
} }
if($args->walker->has_children){ if ($args->walker->has_children) {
$output .= "</button>"; $output .= "</button>";
} elseif ($item->url && $item->url != '#') {
}
elseif ($item->url && $item->url != '#') {
$output .= '</a>'; $output .= '</a>';
} else { } else {
$output .= '</span>'; $output .= '</span>';
} }
} }
} }