From e32003c13e286b63e84b20fcea56073799df69b3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Fri, 11 Dec 2020 16:43:33 +0200
Subject: [PATCH] Manage project team dialog fixes

---
 .../assign-owner-dialog.component.html               |  5 ++++-
 .../assign-owner-dialog.component.scss               | 12 ++++++++++++
 apps/red-ui/src/assets/i18n/en.json                  |  3 ++-
 apps/red-ui/src/assets/styles/red-text-styles.scss   | 11 +++++++++++
 4 files changed, 29 insertions(+), 2 deletions(-)

diff --git a/apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.html b/apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.html
index c787272c3..48abc3a49 100644
--- a/apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.html
+++ b/apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.html
@@ -14,7 +14,7 @@
                 </mat-form-field>
             </div>
             <ng-container *ngIf="data.type === 'project'">
-                <div class="all-caps-label" [translate]="'assign-' + data.type + '-owner.dialog.members'"></div>
+                <div class="all-caps-label mt-10" [translate]="'assign-' + data.type + '-owner.dialog.members'"></div>
                 <redaction-team-members
                     [memberIds]="selectedUserList"
                     [canAdd]="false"
@@ -22,6 +22,9 @@
                     [canRemove]="true"
                     (remove)="toggleSelected($event)"
                 ></redaction-team-members>
+
+                <pre *ngIf="selectedUserList.length === 0" class="info" [innerHTML]="'assign-' + data.type + '-owner.dialog.no-members' | translate"></pre>
+
                 <form [formGroup]="searchForm">
                     <div class="red-input-group search-container">
                         <input
diff --git a/apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.scss b/apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.scss
index 27860197e..250f30687 100644
--- a/apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.scss
+++ b/apps/red-ui/src/app/dialogs/assign-owner-dialog/assign-owner-dialog.component.scss
@@ -1,5 +1,9 @@
 @import '../../../assets/styles/red-mixins';
 
+.dialog-content {
+    padding-bottom: 0;
+}
+
 .search-container {
     width: 560px;
     margin-top: 16px;
@@ -65,3 +69,11 @@
         }
     }
 }
+
+.info {
+    margin-top: 4px;
+}
+
+.mt-10 {
+    margin-top: 10px;
+}
diff --git a/apps/red-ui/src/assets/i18n/en.json b/apps/red-ui/src/assets/i18n/en.json
index ac6413949..654de2b99 100644
--- a/apps/red-ui/src/assets/i18n/en.json
+++ b/apps/red-ui/src/assets/i18n/en.json
@@ -358,7 +358,8 @@
             "members": "Members",
             "save": "Save Changes",
             "cancel": "Cancel",
-            "search": "Search..."
+            "search": "Search...",
+            "no-members": "No members yet.\nSelect from the list below."
         }
     },
     "project-member-guard": {
diff --git a/apps/red-ui/src/assets/styles/red-text-styles.scss b/apps/red-ui/src/assets/styles/red-text-styles.scss
index 61963927a..b41467770 100644
--- a/apps/red-ui/src/assets/styles/red-text-styles.scss
+++ b/apps/red-ui/src/assets/styles/red-text-styles.scss
@@ -11,6 +11,11 @@ a {
     cursor: pointer;
 }
 
+pre {
+    font-family: Inter, sans-serif;
+    color: $accent;
+}
+
 .heading-xl {
     font-size: 24px;
     font-weight: 600;
@@ -29,6 +34,12 @@ a {
     font-weight: 600;
 }
 
+.info {
+    font-size: 13px;
+    line-height: 18px;
+    opacity: 0.7;
+}
+
 .page-title {
     font-size: 13px;
     font-weight: 600;