From 5927e7bcb3010f0c23eba5ebb5cdfaa8fd99d7f8 Mon Sep 17 00:00:00 2001
From: Finn Schneider <schneider@data-quest.de>
Date: Thu, 23 Oct 2025 13:36:23 +0200
Subject: vue

---
 app/views/course/members/accepted_list.php | 27 +++++++++++++++++++--
 app/views/course/members/autor_list.php    | 39 +++++++++++++++++++++---------
 app/views/course/members/awaiting_list.php | 19 +++++++++++++--
 app/views/course/members/dozent_list.php   | 33 ++++++++++++++++++-------
 app/views/course/members/tutor_list.php    | 33 ++++++++++++++++++-------
 app/views/course/members/user_list.php     | 27 +++++++++++++++++++--
 resources/assets/stylesheets/studip.scss   |  8 +-----
 7 files changed, 143 insertions(+), 43 deletions(-)

diff --git a/app/views/course/members/accepted_list.php b/app/views/course/members/accepted_list.php
index 137aae1..fa3f0b1 100644
--- a/app/views/course/members/accepted_list.php
+++ b/app/views/course/members/accepted_list.php
@@ -77,8 +77,31 @@
             <? endif ?>
                 <td style="text-align: right"><?= sprintf('%02u', ++$nr) ?></td>
                 <td>
-                    <?= Avatar::getAvatarDropdownHTML(new User($accept['user_id']), true)?>
-                    <span <? if ($accept['mkdate'] >= $last_visitdate) echo 'class="new-member-avatardropdown"'; ?> />
+                    <div class="user-avatar-container">
+                        <div class="use-vue-components ">
+                            <user-avatar-dropdown
+                                :user='<?= json_encode([
+                                    'id' => $accept['user_id'],
+                                    'name' => $accept['Vorname'] . ' ' . $accept['Nachname'],
+                                    'username' => $accept['username'],
+                                    'avatar_url' => Avatar::getAvatar($accept['user_id'])->getURL(Avatar::MEDIUM)
+                                ]) ?>'
+                            >
+                            </user-avatar-dropdown>
+                        </div>
+                        <a href="<?= $controller->url_for(sprintf('profile?username=%s', $accept['username'])) ?>"
+                            <? if ($accept['mkdate'] >= $last_visitdate) echo 'class="new-member"'; ?>>
+                            <?= htmlReady($fullname) ?>
+                        </a>
+
+                        <? if ($accept['comment']) : ?>
+                            <?= tooltipHtmlIcon(sprintf(
+                                '<strong>%s</strong><br>%s',
+                                _('Bemerkung'),
+                                htmlReady($accept['comment'])
+                            )) ?>
+                        <? endif ?>
+                    </div>
 
                     <? if ($accept['comment']): ?>
                         <?= tooltipHtmlIcon(sprintf(
diff --git a/app/views/course/members/autor_list.php b/app/views/course/members/autor_list.php
index fa209b1..a65ee09 100644
--- a/app/views/course/members/autor_list.php
+++ b/app/views/course/members/autor_list.php
@@ -88,20 +88,35 @@
             <? endif ?>
                 <td style="text-align: right"><?= sprintf('%02u', ++$nr) ?></td>
                 <td>
-                    <?= Avatar::getAvatarDropdownHTML(new User($autor['user_id']), true)?>
-                    <span <? if ($autor['mkdate'] >= $last_visitdate) echo 'class="new-member-avatardropdown"'; ?> />
+                    <div class="user-avatar-container">
+                        <div class="use-vue-components ">
+                            <user-avatar-dropdown
+                                :user='<?= json_encode([
+                                    'id' => $autor['user_id'],
+                                    'name' => $autor['Vorname'] . ' ' . $autor['Nachname'],
+                                    'username' => $autor['username'],
+                                    'avatar_url' => Avatar::getAvatar($autor['user_id'])->getURL(Avatar::MEDIUM)
+                                ]) ?>'
+                            >
+                            </user-avatar-dropdown>
+                        </div>
+                        <a href="<?= $controller->url_for(sprintf('profile?username=%s', $autor['username'])) ?>"
+                            <? if ($autor['mkdate'] >= $last_visitdate) echo 'class="new-member"'; ?>>
+                            <?= htmlReady($fullname) ?>
 
-                    <? if ($user_id === $autor['user_id'] && $autor['visible'] === 'no') : ?>
-                       (<?= _('Unsichtbar') ?>)
-                    <? endif ?>
+                            <? if ($user_id === $autor['user_id'] && $autor['visible'] === 'no') : ?>
+                                (<?= _('Unsichtbar') ?>)
+                            <? endif ?>
+                        </a>
 
-                    <? if ($is_tutor && $autor['comment']) : ?>
-                        <?= tooltipHtmlIcon(sprintf(
-                            '<strong>%s</strong><br>%s',
-                            _('Bemerkung'),
-                            htmlReady($autor['comment'])
-                        )) ?>
-                    <? endif ?>
+                        <? if ($is_tutor && $autor['comment']) : ?>
+                            <?= tooltipHtmlIcon(sprintf(
+                                '<strong>%s</strong><br>%s',
+                                _('Bemerkung'),
+                                htmlReady($autor['comment'])
+                            )) ?>
+                        <? endif ?>
+                    </div>
                 </td>
             <? if ($is_tutor) : ?>
                 <td>
diff --git a/app/views/course/members/awaiting_list.php b/app/views/course/members/awaiting_list.php
index 037f250..adbbfe7 100644
--- a/app/views/course/members/awaiting_list.php
+++ b/app/views/course/members/awaiting_list.php
@@ -79,8 +79,23 @@
             <? endif ?>
                 <td style="text-align: right"><?= sprintf('%02d', ++$nr) ?></td>
                 <td>
-                    <?= Avatar::getAvatarDropdownHTML(new User($waiting['user_id']), true) ?>
-                    <span <? if ($waiting['mkdate'] >= $last_visitdate) echo 'class="new-member-avatardropdown"'; ?> />
+                    <div class="user-avatar-container">
+                        <div class="use-vue-components ">
+                            <user-avatar-dropdown
+                                :user='<?= json_encode([
+                                    'id' => $waiting['user_id'],
+                                    'name' => $waiting['Vorname'] . ' ' . $waiting['Nachname'],
+                                    'username' => $waiting['username'],
+                                    'avatar_url' => Avatar::getAvatar($waiting['user_id'])->getURL(Avatar::MEDIUM)
+                                ]) ?>'
+                            >
+                            </user-avatar-dropdown>
+                        </div>
+                        <a href="<?= $controller->url_for(sprintf('profile?username=%s', $waiting['username'])) ?>"
+                            <? if ($waiting['mkdate'] >= $last_visitdate) echo 'class="new-member"'; ?>>
+                            <?= htmlReady($fullname) ?>
+                        </a>
+                    </div>
                 </td>
                 <td style="text-align: center">
                     <?= $waiting['position'] ?>
diff --git a/app/views/course/members/dozent_list.php b/app/views/course/members/dozent_list.php
index 579ecf6..7865bdc 100644
--- a/app/views/course/members/dozent_list.php
+++ b/app/views/course/members/dozent_list.php
@@ -45,16 +45,31 @@
         <tr>
             <td style="text-align: right"><?= (++$nr < 10) ? sprintf('%02d', $nr) : $nr ?></td>
             <td>
-                <?= Avatar::getAvatarDropdownHTML(new User($dozent['user_id']), true) ?>
-                <span <? if ($dozent['mkdate'] >= $last_visitdate) echo 'class="new-member-avatardropdown"'; ?> />
+                <div class="user-avatar-container">
+                    <div class="use-vue-components ">
+                        <user-avatar-dropdown
+                            :user='<?= json_encode([
+                                'id' => $dozent['user_id'],
+                                'name' => $dozent['Vorname'] . ' ' . $dozent['Nachname'],
+                                'username' => $dozent['username'],
+                                'avatar_url' => Avatar::getAvatar($dozent['user_id'])->getURL(Avatar::MEDIUM)
+                            ]) ?>'
+                        >
+                        </user-avatar-dropdown>
+                    </div>
+                    <a href="<?= $controller->url_for(sprintf('profile?username=%s', $dozent['username'])) ?>"
+                        <? if ($dozent['mkdate'] >= $last_visitdate) echo 'class="new-member"'; ?>>
+                        <?= htmlReady($fullname) ?>
+                    </a>
 
-                <? if ($is_tutor && $dozent['comment']) : ?>
-                    <?= tooltipHtmlIcon(sprintf(
-                        '<strong>%s</strong><br>%s',
-                        _('Bemerkung'),
-                        htmlReady($dozent['comment'])
-                    )) ?>
-                <? endif ?>
+                    <? if ($is_tutor && $dozent['comment']) : ?>
+                        <?= tooltipHtmlIcon(sprintf(
+                            '<strong>%s</strong><br>%s',
+                            _('Bemerkung'),
+                            htmlReady($dozent['comment'])
+                        )) ?>
+                    <? endif ?>
+                </div>
             </td>
             <td class="actions">
                 <? $actionMenu = ActionMenu::get()->setContext($fullname) ?>
diff --git a/app/views/course/members/tutor_list.php b/app/views/course/members/tutor_list.php
index a3aaf0c..1d886d3 100644
--- a/app/views/course/members/tutor_list.php
+++ b/app/views/course/members/tutor_list.php
@@ -83,16 +83,31 @@
             <? endif ?>
                 <td style="text-align: right"><?= sprintf('%02u', ++$nr) ?></td>
                 <td>
-                    <?= Avatar::getAvatarDropdownHTML(new User($tutor['user_id']), true) ?>
-                    <span <? if ($tutor['mkdate'] >= $last_visitdate) echo 'class="new-member-avatardropdown"'; ?> />
+                    <div class="user-avatar-container">
+                        <div class="use-vue-components ">
+                            <user-avatar-dropdown
+                                :user='<?= json_encode([
+                                    'id' => $tutor['user_id'],
+                                    'name' => $tutor['Vorname'] . ' ' . $tutor['Nachname'],
+                                    'username' => $tutor['username'],
+                                    'avatar_url' => Avatar::getAvatar($tutor['user_id'])->getURL(Avatar::MEDIUM)
+                                ]) ?>'
+                            >
+                            </user-avatar-dropdown>
+                        </div>
+                        <a href="<?= $controller->url_for(sprintf('profile?username=%s', $tutor['username'])) ?>"
+                            <? if ($tutor['mkdate'] >= $last_visitdate) echo 'class="new-member"'; ?>>
+                            <?= htmlReady($fullname) ?>
+                        </a>
 
-                    <? if ($is_tutor && $tutor['comment']) : ?>
-                        <?= tooltipHtmlIcon(sprintf(
-                            '<strong>%s</strong><br>%s',
-                            _('Bemerkung'),
-                            htmlReady($tutor['comment'])
-                        )) ?>
-                    <? endif ?>
+                        <? if ($is_tutor && $tutor['comment']) : ?>
+                            <?= tooltipHtmlIcon(sprintf(
+                                '<strong>%s</strong><br>%s',
+                                _('Bemerkung'),
+                                htmlReady($tutor['comment'])
+                            )) ?>
+                        <? endif ?>
+                    </div>
                 </td>
             <? if($is_dozent) : ?>
                 <td>
diff --git a/app/views/course/members/user_list.php b/app/views/course/members/user_list.php
index 142ac9e..52c81ab 100644
--- a/app/views/course/members/user_list.php
+++ b/app/views/course/members/user_list.php
@@ -83,8 +83,31 @@
             <? endif ?>
                 <td style="text-align: right"><?= sprintf('%02u', ++$nr) ?></td>
                 <td>
-                    <?= Avatar::getAvatarDropdownHTML(new User($leser['user_id']), true)?>
-                    <span <? if ($leser['mkdate'] >= $last_visitdate) echo 'class="new-member-avatardropdown"'; ?> />
+                    <div class="user-avatar-container">
+                        <div class="use-vue-components ">
+                            <user-avatar-dropdown
+                                :user='<?= json_encode([
+                                    'id' => $leser['user_id'],
+                                    'name' => $leser['Vorname'] . ' ' . $leser['Nachname'],
+                                    'username' => $leser['username'],
+                                    'avatar_url' => Avatar::getAvatar($leser['user_id'])->getURL(Avatar::MEDIUM)
+                                ]) ?>'
+                            >
+                            </user-avatar-dropdown>
+                        </div>
+                        <a href="<?= $controller->url_for(sprintf('profile?username=%s', $leser['username'])) ?>"
+                            <? if ($leser['mkdate'] >= $last_visitdate) echo 'class="new-member"'; ?>>
+                            <?= htmlReady($fullname) ?>
+                        </a>
+
+                        <? if ($is_tutor && $leser['comment']) : ?>
+                            <?= tooltipHtmlIcon(sprintf(
+                                '<strong>%s</strong><br>%s',
+                                _('Bemerkung'),
+                                htmlReady($leser['comment'])
+                            )) ?>
+                        <? endif ?>
+                    </div>
                 </td>
             <? if ($is_tutor) : ?>
                 <td>
diff --git a/resources/assets/stylesheets/studip.scss b/resources/assets/stylesheets/studip.scss
index 1d46c03..2bd65b9 100644
--- a/resources/assets/stylesheets/studip.scss
+++ b/resources/assets/stylesheets/studip.scss
@@ -589,16 +589,10 @@ div.info { padding-left: 1%; }
 
 // course members
 a.new-member,
-.new-member .user-avatar-dropdown__username,
-.new-member-avatardropdown {
+.new-member .user-avatar-dropdown__username {
     @include icon(after, star, attention, 8px);
 }
 
-.new-member-avatardropdown {
-    position: absolute;
-    margin: 2px;
-}
-
 /**
  * Style the details tag according to stud.ip
  */
-- 
cgit v1.0