From b3fc0d6f45d8e7d2acf8dc293bd6c2fb5ec53689 Mon Sep 17 00:00:00 2001
From: Max Peintner <max@caos.ch>
Date: Thu, 22 Apr 2021 16:04:03 +0200
Subject: [PATCH] feat(console): set doc link in descriptions for managers
 (#1632)

* feat: set doc link in descriptions for managers

* lint
---
 .../src/app/modules/contributors/contributors.component.html | 4 +++-
 .../modules/project-members/project-members.component.html   | 5 ++++-
 .../src/app/pages/iam/iam-members/iam-members.component.html | 2 ++
 .../app/pages/orgs/org-members/org-members.component.html    | 2 ++
 .../app/pages/orgs/org-members/org-members.component.scss    | 5 +++++
 console/src/assets/i18n/de.json                              | 1 +
 console/src/assets/i18n/en.json                              | 1 +
 7 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/console/src/app/modules/contributors/contributors.component.html b/console/src/app/modules/contributors/contributors.component.html
index 7ee146b3a2..b8d64dbeca 100644
--- a/console/src/app/modules/contributors/contributors.component.html
+++ b/console/src/app/modules/contributors/contributors.component.html
@@ -1,6 +1,8 @@
 <div class="groups">
     <span class="co-header">{{ title }}</span>
-    <span class="sub-header">{{ description }}</span>
+    <span class="sub-header">{{ description }} {{'MEMBER.DOCSINFO' | translate}} <a
+            href="https://docs.zitadel.ch/docs/manuals/admin-managers" target="_blank">ZITADEL Managers</a>.
+    </span>
     <div class="people">
         <div class="img-list" [@cardAnimation]="totalResult">
             <mat-spinner class="spinner" diameter="20" *ngIf="loading"></mat-spinner>
diff --git a/console/src/app/modules/project-members/project-members.component.html b/console/src/app/modules/project-members/project-members.component.html
index 09e87d1c22..ae823b1d2a 100644
--- a/console/src/app/modules/project-members/project-members.component.html
+++ b/console/src/app/modules/project-members/project-members.component.html
@@ -1,6 +1,9 @@
-<app-detail-layout *ngIf="project" [backRouterLink]="[ '/projects', (projectType === ProjectType.PROJECTTYPE_OWNED) ? $any(project)?.id : (projectType === ProjectType.PROJECTTYPE_GRANTED) ? $any(project)?.projectId: '']"
+<app-detail-layout *ngIf="project"
+    [backRouterLink]="[ '/projects', (projectType === ProjectType.PROJECTTYPE_OWNED) ? $any(project)?.id : (projectType === ProjectType.PROJECTTYPE_GRANTED) ? $any(project)?.projectId: '']"
     title="{{projectName}} {{ 'PROJECT.MEMBER.TITLE' | translate }}"
     description="{{ 'PROJECT.MEMBER.DESCRIPTION' | translate }}">
+    <p class="desc">{{'MEMBER.DOCSINFO' | translate}} <a href="https://docs.zitadel.ch/docs/manuals/admin-managers"
+            target="_blank">ZITADEL Managers</a>.</p>
     <app-members-table *ngIf="project" [dataSource]="dataSource" [memberRoleOptions]="memberRoleOptions"
         (updateRoles)="updateRoles($event.member, $event.change)" [factoryLoadFunc]="changePageFactory"
         (changedSelection)="selection = $event" [refreshTrigger]="changePage"
diff --git a/console/src/app/pages/iam/iam-members/iam-members.component.html b/console/src/app/pages/iam/iam-members/iam-members.component.html
index 8fb9535bcf..2dfe669f5c 100644
--- a/console/src/app/pages/iam/iam-members/iam-members.component.html
+++ b/console/src/app/pages/iam/iam-members/iam-members.component.html
@@ -1,6 +1,8 @@
 <div class="wrapp">
     <app-detail-layout [backRouterLink]="[ '/iam']" title="{{ 'IAM.MEMBER.TITLE' | translate }}"
         description="{{ 'IAM.MEMBER.DESCRIPTION' | translate }}">
+        <p class="desc">{{'MEMBER.DOCSINFO' | translate}} <a href="https://docs.zitadel.ch/docs/manuals/admin-managers"
+                target="_blank">ZITADEL Managers</a>.</p>
         <app-members-table [dataSource]="dataSource" [memberRoleOptions]="memberRoleOptions"
             (updateRoles)="updateRoles($event.member, $event.change)" [factoryLoadFunc]="changePageFactory"
             (changedSelection)="selection = $event" [refreshTrigger]="changePage"
diff --git a/console/src/app/pages/orgs/org-members/org-members.component.html b/console/src/app/pages/orgs/org-members/org-members.component.html
index 8086cfafa8..59ac299236 100644
--- a/console/src/app/pages/orgs/org-members/org-members.component.html
+++ b/console/src/app/pages/orgs/org-members/org-members.component.html
@@ -1,5 +1,7 @@
 <app-detail-layout [backRouterLink]="[ '/org']" title="{{org?.name}} {{ 'ORG.MEMBER.TITLE' | translate }}"
     description="{{ 'ORG.MEMBER.DESCRIPTION' | translate }}">
+    <p class="desc">{{'MEMBER.DOCSINFO' | translate}} <a href="https://docs.zitadel.ch/docs/manuals/admin-managers"
+            target="_blank">ZITADEL Managers</a>.</p>
     <app-members-table [dataSource]="dataSource" [memberRoleOptions]="memberRoleOptions"
         (updateRoles)="updateRoles($event.member, $event.change)" [factoryLoadFunc]="changePageFactory"
         (changedSelection)="selection = $event" [refreshTrigger]="changePage"
diff --git a/console/src/app/pages/orgs/org-members/org-members.component.scss b/console/src/app/pages/orgs/org-members/org-members.component.scss
index e0962f6770..807a639580 100644
--- a/console/src/app/pages/orgs/org-members/org-members.component.scss
+++ b/console/src/app/pages/orgs/org-members/org-members.component.scss
@@ -1,3 +1,8 @@
 .del-button {
   margin-right: .5rem;
 }
+
+.desc {
+  font-size: 14px;
+  color: var(--grey);
+}
diff --git a/console/src/assets/i18n/de.json b/console/src/assets/i18n/de.json
index 6a8acc0202..12cae3027c 100644
--- a/console/src/assets/i18n/de.json
+++ b/console/src/assets/i18n/de.json
@@ -1207,6 +1207,7 @@
   "MEMBER": {
     "ADD": "Manager hinzufügen",
     "CREATIONTYPE": "Erstelltyp",
+    "DOCSINFO":"Weitere Informationen finden Sie in unserer Dokumentation",
     "CREATIONTYPES": {
       "3": "IAM",
       "2": "Organisation",
diff --git a/console/src/assets/i18n/en.json b/console/src/assets/i18n/en.json
index 53e2f8c97f..f64d9b83cb 100644
--- a/console/src/assets/i18n/en.json
+++ b/console/src/assets/i18n/en.json
@@ -1208,6 +1208,7 @@
   "MEMBER": {
     "ADD": "Add a Manager",
     "CREATIONTYPE": "Creation Type",
+    "DOCSINFO":"For more info consider reading our docs",
     "CREATIONTYPES": {
       "3": "IAM",
       "2": "Organisation",