feat: add logout link to provider dashboard header

Add prominent logout button to all dashboard views (main, edit, deactivate)
showing logged-in user name and "Abmelden" (logout) option.

- Header displays "Angemeldet als: [Name]" with logout button
- Logout redirects back to /anbieter-login/ page
- Responsive design: stacks on mobile screens
- Consistent styling across all dashboard views

Fixes Issue 1 from Phase 7 testing: No logout option visible.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
2026-01-29 13:10:36 +09:00
parent 0327d82ccf
commit 98487eb05b

View File

@@ -81,6 +81,15 @@ if ( $is_edit_mode ) {
?> ?>
<div class="ddhh-provider-dashboard"> <div class="ddhh-provider-dashboard">
<div class="ddhh-dashboard-header">
<div class="ddhh-user-info">
<span class="welcome-text">Angemeldet als: <strong><?php echo esc_html( $current_user->display_name ); ?></strong></span>
</div>
<div class="ddhh-logout-link">
<a href="<?php echo esc_url( wp_logout_url( home_url( '/anbieter-login/' ) ) ); ?>" class="logout-button">Abmelden</a>
</div>
</div>
<div class="ddhh-job-edit-section"> <div class="ddhh-job-edit-section">
<h2>Stellenangebot bearbeiten</h2> <h2>Stellenangebot bearbeiten</h2>
<p><a href="<?php echo esc_url( home_url( '/anbieter-dashboard/' ) ); ?>" class="back-to-dashboard">← Zurück zur Übersicht</a></p> <p><a href="<?php echo esc_url( home_url( '/anbieter-dashboard/' ) ); ?>" class="back-to-dashboard">← Zurück zur Übersicht</a></p>
@@ -185,6 +194,15 @@ if ( $is_deactivate_mode ) {
if ( $form_id ) { if ( $form_id ) {
?> ?>
<div class="ddhh-provider-dashboard"> <div class="ddhh-provider-dashboard">
<div class="ddhh-dashboard-header">
<div class="ddhh-user-info">
<span class="welcome-text">Angemeldet als: <strong><?php echo esc_html( $current_user->display_name ); ?></strong></span>
</div>
<div class="ddhh-logout-link">
<a href="<?php echo esc_url( wp_logout_url( home_url( '/anbieter-login/' ) ) ); ?>" class="logout-button">Abmelden</a>
</div>
</div>
<div class="ddhh-job-deactivate-section"> <div class="ddhh-job-deactivate-section">
<h2>Stellenangebot deaktivieren</h2> <h2>Stellenangebot deaktivieren</h2>
<p><a href="<?php echo esc_url( home_url( '/anbieter-dashboard/' ) ); ?>" class="back-to-dashboard">← Zurück zur Übersicht</a></p> <p><a href="<?php echo esc_url( home_url( '/anbieter-dashboard/' ) ); ?>" class="back-to-dashboard">← Zurück zur Übersicht</a></p>
@@ -210,6 +228,15 @@ $job_query = new WP_Query( $args );
?> ?>
<div class="ddhh-provider-dashboard"> <div class="ddhh-provider-dashboard">
<div class="ddhh-dashboard-header">
<div class="ddhh-user-info">
<span class="welcome-text">Angemeldet als: <strong><?php echo esc_html( $current_user->display_name ); ?></strong></span>
</div>
<div class="ddhh-logout-link">
<a href="<?php echo esc_url( wp_logout_url( home_url( '/anbieter-login/' ) ) ); ?>" class="logout-button">Abmelden</a>
</div>
</div>
<div class="ddhh-job-submit-section"> <div class="ddhh-job-submit-section">
<h2>Neues Stellenangebot erstellen</h2> <h2>Neues Stellenangebot erstellen</h2>
<?php <?php
@@ -317,6 +344,45 @@ $job_query = new WP_Query( $args );
padding: 0 1rem; padding: 0 1rem;
} }
.ddhh-dashboard-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.25rem 2rem;
background: #fff;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
margin-bottom: 2rem;
}
.ddhh-user-info .welcome-text {
color: #374151;
font-size: 0.95rem;
}
.ddhh-user-info strong {
color: #111827;
font-weight: 600;
}
.logout-button {
display: inline-block;
padding: 0.5rem 1.25rem;
background-color: #6b7280;
color: #fff;
text-decoration: none;
border-radius: 0.375rem;
font-size: 0.875rem;
font-weight: 500;
transition: background-color 0.2s;
}
.logout-button:hover {
background-color: #4b5563;
color: #fff;
text-decoration: none;
}
.ddhh-job-submit-section { .ddhh-job-submit-section {
margin-bottom: 3rem; margin-bottom: 3rem;
padding: 2rem; padding: 2rem;
@@ -481,6 +547,22 @@ $job_query = new WP_Query( $args );
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.ddhh-dashboard-header {
flex-direction: column;
align-items: flex-start;
gap: 1rem;
padding: 1rem;
}
.ddhh-logout-link {
width: 100%;
}
.logout-button {
width: 100%;
text-align: center;
}
.ddhh-jobs-table { .ddhh-jobs-table {
font-size: 0.875rem; font-size: 0.875rem;
} }