enhance UI: Display collapsible linked custom metadata attributes

seek4science · Aug 14, 2023 · 70a1311 · 70a1311
1 parent 2690a47
commit 70a1311
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 10 deletions.
diff --git a/app/assets/stylesheets/linked_custom_metadata.css b/app/assets/stylesheets/linked_custom_metadata.css
@@ -35,4 +35,23 @@
     padding: 10px 15px 10px 15px;
     border-radius: 5px;
     margin-bottom: 15px;
-}
+}
+
+.linked_custom_metdata_display .panel-default .panel-heading {
+    font-weight: bold;
+    border: none;
+    background-color: #ffffff;
+    padding: 0px 0px;
+}
+
+
+.linked_custom_metdata_display .panel {
+    border: none;
+    box-shadow: none;
+    margin-bottom: 0px;
+}
+
+.linked_custom_metdata_display .panel-body {
+    padding: 0px 0px;
+    border-radius: 5px;
+}
diff --git a/app/helpers/samples_helper.rb b/app/helpers/samples_helper.rb
@@ -148,8 +148,16 @@ def linked_custom_metadata_attribute_display(value, attribute)
     attribute.linked_custom_metadata_type.custom_metadata_attributes.each do |attr|
       v = value ? value[attr.title.to_s] : nil
       html += '<li>'
-      html += '<label>'+attr.title+'</label>'+' : '
-      html += display_attribute_value(v, attr)
+      if attr.linked_custom_metadata? || attr.linked_custom_metadata_multi?
+        html += content_tag(:span, class: 'linked_custom_metdata_display') do
+          folding_panel(attr.label, true, id:attr.title) do
+            display_attribute_value(v, attr)
+          end
+        end
+      else
+        html += '<label>'+attr.title+'</label>'+' : '
+        html += display_attribute_value(v, attr)
+      end
       html += '</li>'
     end
     html += '</ul>'

diff --git a/app/views/custom_metadata/_custom_metadata_attribute_values.html.erb b/app/views/custom_metadata/_custom_metadata_attribute_values.html.erb
@@ -9,16 +9,21 @@
 
       <% resource.custom_metadata.custom_metadata_attributes.each do |attribute| %>
         <% unless resource.custom_metadata.data[attribute.title].blank? %>
-          <p>
-            <label><%= attribute.label %>:</label>
-            <%= display_attribute(resource.custom_metadata, attribute, link: true) %>
-          </p>
+          <div>
+            <% if attribute.linked_custom_metadata? || attribute.linked_custom_metadata_multi? %>
+              <%= content_tag(:span, class: 'linked_custom_metdata_display') do %>
+                <%= folding_panel(attribute.label, true, id:attribute.title) do %>
+                  <%= display_attribute(resource.custom_metadata, attribute, link: true) %>
+                <% end %>
+              <% end %>
+            <% else %>
+              <label><%= attribute.label %>:</label>
+              <%= display_attribute(resource.custom_metadata, attribute, link: true) %>
+            <% end %>
+          </div>
         <% end %>
       <% end %>
-
     </div>
   </div>
-
   <% else %>
-
 <% end %>