From 17c89e983e4f6c9465f89f7293393075c659f23f Mon Sep 17 00:00:00 2001
From: Sirieam Marie Hunke <hunke@itc.rwth-aachen.de>
Date: Wed, 15 Mar 2023 12:59:39 +0100
Subject: [PATCH] New: Badges for Role visibility

---
 src/modules/pid/i18n/de.ts                       |  3 +--
 src/modules/pid/i18n/en.ts                       |  3 +--
 .../project/pages/components/MembersList.vue     | 16 +++++++++++++++-
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/modules/pid/i18n/de.ts b/src/modules/pid/i18n/de.ts
index 371875d7..2b40b510 100644
--- a/src/modules/pid/i18n/de.ts
+++ b/src/modules/pid/i18n/de.ts
@@ -28,8 +28,7 @@ export default {
           "@:(page.pid.form.persistentId)@:(page.pid.form.labelSymbol)",
         persistentIdPopover:
           "Für weitere Informationen zum @:(page.pid.form.persistentId) siehe",
-        persistentIdPopoverUrl:
-          "https://docs.coscine.de/de/rdm/publishing/",
+        persistentIdPopoverUrl: "https://docs.coscine.de/de/rdm/publishing/",
 
         yourName: "Ihr Name",
         yourNameLabel:
diff --git a/src/modules/pid/i18n/en.ts b/src/modules/pid/i18n/en.ts
index 29aabd5b..31733609 100644
--- a/src/modules/pid/i18n/en.ts
+++ b/src/modules/pid/i18n/en.ts
@@ -28,8 +28,7 @@ export default {
           "@:(page.pid.form.persistentId)@:(page.pid.form.labelSymbol)",
         persistentIdPopover:
           "For more information on @:(page.pid.form.persistentId) see",
-        persistentIdPopoverUrl:
-          "https://docs.coscine.de/en/rdm/publishing/",
+        persistentIdPopoverUrl: "https://docs.coscine.de/en/rdm/publishing/",
 
         yourName: "Your Name",
         yourNameLabel:
diff --git a/src/modules/project/pages/components/MembersList.vue b/src/modules/project/pages/components/MembersList.vue
index 6832317f..57b7d82b 100644
--- a/src/modules/project/pages/components/MembersList.vue
+++ b/src/modules/project/pages/components/MembersList.vue
@@ -16,6 +16,20 @@
             <b-col class="user-details">
               <!-- Member Display Name -->
               {{ projectRole.user ? projectRole.user.displayName : "" }}
+              <!-- Member Role Badge-->
+              <span
+                v-if="
+                  projectRole.user &&
+                  currentUser &&
+                  projectRole.user.id === currentUser.id
+                "
+                class="badge badge-pill badge-primary ml-2"
+              >
+                {{ projectRole.role?.displayName }}
+              </span>
+              <span v-else class="badge badge-pill badge-secondary ml-2">
+                {{ projectRole.role?.displayName }}
+              </span>
               <br />
               <!-- Member Email -->
               <a
@@ -116,7 +130,7 @@ import { defineComponent } from "vue";
 import type {
   ProjectObject,
   ProjectRoleObject,
-  UserObject,
+  UserObject
 } from "@coscine/api-client/dist/types/Coscine.Api.Project";
 
 // import the store for current module
-- 
GitLab