Add project path and data sponsor/data manager badges to project summary heading (#2253)

Closes #2179

Author: kelynch

app/assets/stylesheets/_project.scss

@@ -151,6 +151,17 @@
   }
 }
 
+.lux-badge-inline {
+  display: inline-flex !important;
+  padding: 0 0.375rem !important;
+  color: $black !important;
+  font-size: 1rem !important;
+  gap: 0.25rem;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5rem; /* 150% */
+}
+
 .basic-details-fields {
   padding-top: 30px;
   list-style-type: none;

app/assets/stylesheets/_projects.scss

@@ -82,6 +82,15 @@
     font-weight: bold;
   }
 
+  .date-and-data-info-single ul {
+    padding: 0;
+  }
+
+  .date-and-data-info-single li {
+    list-style-type: none;
+    line-height: 1em;
+  }
+
   .date-and-data-info ul {
     padding: 0;
   }

app/models/user.rb

@@ -89,15 +89,14 @@ def initialize_name_values(extra_cas_info)
     self.display_name = extra_cas_info.pudisplayname
   end
 
-  # Return the display name if it exists, otherwise return the uid
+  # Return the display name and uid if it exists, otherwise return the uid
   # @return [String]
   def display_name_safe
     return uid if given_name.blank? && family_name.blank?
-
     [given_name, family_name, "(#{uid})"].compact.join(" ")
   end
 
-  # Return the display name if it exists, otherwise return the uid
+  # Return the display name only (no uid) if it exists, otherwise return the uid
   # @return [String]
   def display_name_only_safe
     return uid if given_name.blank? && family_name.blank?

app/views/projects/_project_details_heading.html.erb

@@ -22,6 +22,16 @@
         <a id="show-more-less-link" class="show-more" href="#"><span>more</span></a>
       </div><!-- #project-description -->
 
+      <div class="row">
+        <div class="col-12">
+          <div class="date-and-data-info-single">
+            <ul>
+              <li><span class="label" id="project-path-copy">Project Directory:</span> <%= @presenter.project_directory %></li>
+            </ul>
+          </div>
+        </div>
+      </div>
+      
       <div class="row">
         <div class="col-12">
           <div class="date-and-data-info">
@@ -31,14 +41,14 @@
             </ul>
           </div>
         </div>
-      </div><!-- .row -->
+      </div>
 
       <div class="row">
         <div class="col-12">
           <div class="date-and-data-info">
             <ul>
-              <li><span class="label">Data Sponsor:</span> <span class="netid-large"><%= @presenter.data_sponsor&.uid %></span></li>
-              <li><span class="label">Data Manager:</span> <span class="netid-large"><%= @presenter.data_manager&.uid %></span></li>
+              <li class="info-container"><span class="label">Data Sponsor:</span> <%= @presenter.data_sponsor.display_name_only_safe %><span class="lux-badge lux-badge-gray badge-text lux-badge-inline"><%= @presenter.data_sponsor&.uid %></span></li>
+              <li class="info-container"><span class="label">Data Manager:</span> <%= @presenter.data_manager.display_name_only_safe %><span class="lux-badge lux-badge-gray badge-text lux-badge-inline"><%= @presenter.data_manager&.uid %></span></li>
             </ul>
           </div>
         </div><!-- .col-12 -->

spec/system/project_details_spec.rb

@@ -34,6 +34,10 @@
             expect(page).to have_selector("#description-text")
             expect(page).to have_selector("#description-text-full")
 
+            # Make sure project path is rendered
+            expect(page).to have_css "#project-path-copy"
+            expect(page).to have_content(project_in_mediaflux.project_directory)
+
             # Make sure both data manager and sponsor are rendered
             expect(page).to have_content("#{data_manager.display_name} (#{data_manager.uid})")
             expect(page).to have_content("#{sponsor_user.display_name} (#{sponsor_user.uid})")