From 4c7860d577adf5cdfd273fb83921e966fac5f6a6 Mon Sep 17 00:00:00 2001
From: Mateus Rambo Strey <mars11@inf.ufpr.br>
Date: Wed, 11 Nov 2015 00:08:11 -0200
Subject: [PATCH] learning object show display extra metadata in modal

---
 app/views/learning_objects/show.html.erb | 59 ++++++++++++++++--------
 1 file changed, 39 insertions(+), 20 deletions(-)

diff --git a/app/views/learning_objects/show.html.erb b/app/views/learning_objects/show.html.erb
index 46d54b88d..1ad32a2e6 100644
--- a/app/views/learning_objects/show.html.erb
+++ b/app/views/learning_objects/show.html.erb
@@ -70,30 +70,49 @@
   </div>
 </div>
 <br/>
-<div class="container-fluid">
-  <div class="row">
-    <div class="col-sm-7">
-      <ul>
-        <li><b>Autor:</b><%= @learning_object.get_metadata_value_of("dc.contributor.author") %></li>
-        <li><b>Tipo:</b><%= @learning_object.get_metadata_value_of("dc.type") %></li>
-        <li><b>Data:</b><%= @learning_object.get_metadata_value_of("dc.date.available") %></li>
-        <li><b>Linguagem:</b><%= @learning_object.get_metadata_value_of("dc.language") %></li>
-        <li><b>Metadados:</b></li>
-      </ul>
-      <table class="table table-striped">
-        <% @learning_object.metadata.each do |m| %>
-          <tr>
-            <th><span><%= "#{m["key"]}:"  %></span></th>
-            <td><%=  "#{m["value"]}" %></td>
-          </tr>
-        <% end %>
-      </table>
-      <br/><br/>
+
+<a class="btn btn-primary" type="button" data-toggle="modal" data-target="#extra_metadata_modal" title="Metadados Adicionais">Metadados Adicionais</a>
+<div class="modal fade" id="extra_metadata_modal" tabindex="-1" role="dialog" aria-labelledby="extra_metadata_modal_label">
+  <div class="modal-dialog" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal" aria-label="Fechar"><span aria-hidden="true">&times;</span></button>
+        <h4 class="modal-title" id="extra_metadata_modal_label">Metadados Adicionais</h4>
+      </div>
+        <div class="modal-body" style="text-align:justify">
+
+          <div class="container-fluid">
+            <div class="row">
+              <div class="col-sm-12">
+                <ul>
+                  <li><b>Autor:</b> <%= @learning_object.get_metadata_value_of("dc.contributor.author") %></li>
+                  <li><b>Tipo:</b> <%= @learning_object.get_metadata_value_of("dc.type") %></li>
+                  <li><b>Data:</b> <%= @learning_object.get_metadata_value_of("dc.date.available") %></li>
+                  <li><b>Linguagem:</b> <%= @learning_object.get_metadata_value_of("dc.language") %></li>
+                </ul>
+                <table class="table table-striped">
+                  <% @learning_object.metadata.each do |m| %>
+                    <tr>
+                      <th><span><%= "#{m["key"]}:"  %></span></th>
+                      <td><%=  "#{m["value"]}" %></td>
+                    </tr>
+                  <% end %>
+                </table>
+                <br/><br/>
+              </div>
+            </div>
+            <br/>
+          </div>
+
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">Fechar</button>
+        </div>
     </div>
   </div>
-  <br/>
 </div>
 
+
 <script type="text/javascript">
   $(".view video").hover(function(event) {
     if (event.type === "mouseenter") {
-- 
GitLab