guest: Show guest mark at project member setting page

yona-projects · Aug 10, 2017 · 35f9331 · 35f9331
1 parent ec21476
commit 35f9331
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/app/assets/stylesheets/less/_page.less b/app/assets/stylesheets/less/_page.less
@@ -2016,6 +2016,13 @@ label.inline-list {
     }
 }
 
+.guest-mixin() {
+    background-color: rgba(255, 165, 0, 0.8);;
+    color: white;
+    padding: 2px;
+    font-size: 10px;
+}
+
 .members.project {
     margin: 0;
     list-style: none;
@@ -2052,6 +2059,9 @@ label.inline-list {
             }
         }
     }
+    .guest {
+        .guest-mixin
+    }
 }
 
 .check-all {

diff --git a/app/views/project/members.scala.html b/app/views/project/members.scala.html
@@ -52,7 +52,7 @@
                     <img src="@User.findByLoginId(member.user.loginId).avatarUrl" width="64" height="64">
                 </a>
                 <div class="member-name">@member.user.name</div>
-                <div class="member-id">@{"@"}@member.user.loginId</div>
+                <div class="member-id">@{"@"}@member.user.loginId @if(member.user.isGuest){<span class="guest">GUEST</span>}</div>
                 <div class="member-setting">
                 @if(!project.isOwner(member.user)) {
                      <div class="btn-group" data-name="[email protected]">