diff --git a/app/assets/stylesheets/application/learning_objects.scss b/app/assets/stylesheets/application/learning_objects.scss
index 3d9aebffd9c3b00426a9b20727282e3ccc54aa87..a6fb67e1a6ecd30625322f9ab5d4ebd8c8154214 100644
--- a/app/assets/stylesheets/application/learning_objects.scss
+++ b/app/assets/stylesheets/application/learning_objects.scss
@@ -1,3 +1,5 @@
+$background-grey: #e7e7e8;
+
.learning-object-horizontal, .learning-object-vertical {
margin-bottom: 20px;
@@ -37,4 +39,60 @@
.glyphicon-eye-open:before, .glyphicon-star:before {
margin-right: 5px;
-}
\ No newline at end of file
+}
+
+.learning-object {
+ .thumbnail {
+ width: 530px;
+ height: 298px;
+ }
+ .stats {
+ text-align: right;
+ }
+ .title {
+ font-weight: 400;
+ }
+ .description {
+ padding-left: 3%;
+ padding-top: 10px;
+ }
+ .category {
+ font-weight: 400;
+ }
+ .rightbar {
+ margin-top: 230px;
+
+ .media-heading {
+ white-space: nowrap;
+ }
+ .rating-panel {
+ background-color: $background-grey;
+ width: 100%;
+ height: 100px;
+ padding: 10px;
+ padding-left: 20px;
+ padding-right: 20px;
+
+ .rating {
+ text-align: right;
+ }
+ }
+
+ .actions {
+ text-align: center;
+ color: #F05421;
+ font-weight: 400;
+
+ .action {
+ margin-top: 10px;
+ padding: 0;
+
+ img {
+ width: 40px;
+ height: 40px;
+ margin-bottom: 5px;
+ }
+ }
+ }
+ }
+}
diff --git a/app/assets/stylesheets/application/users.scss b/app/assets/stylesheets/application/users.scss
index 03d17a6158957c3a8b70f19eec92d332e3c48d02..4cd7e33dd95478ddea6b9b9caa6c471cae7c5d5a 100644
--- a/app/assets/stylesheets/application/users.scss
+++ b/app/assets/stylesheets/application/users.scss
@@ -7,6 +7,16 @@ $background-grey: #e7e7e8;
height: 60px;
border-radius: 50%;
}
+.user-image-small {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+}
+.user-image-tiny {
+ width: 20px;
+ height: 20px;
+ border-radius: 50%;
+}
.user-header {
background-color: $background-grey;
diff --git a/app/views/learning_objects/show.html.erb b/app/views/learning_objects/show.html.erb
index 1c485edad72b11ac3778fb4538becfa23f8340c5..efb4720e63e728d46db928602f74678594d438a2 100644
--- a/app/views/learning_objects/show.html.erb
+++ b/app/views/learning_objects/show.html.erb
@@ -1,4 +1,4 @@
-<h1><%= @learning_object.name %></h1>
+<!-- <h1><%= @learning_object.name %></h1>
<ul>
<li><b>Autor: </b><%= @learning_object.get_metadata_value_of("dc.contributor.author") %></li>
@@ -21,4 +21,268 @@
<%= link_to "Curtir",
like_learning_object_path(@learning_object.id_dspace),
method: :post, remote: true %>
-<% end %>
+<% end %> -->
+
+<div class="row learning-object">
+ <div class="col-md-7">
+ <%=
+ if (@learning_object.thumbnail == "thumbnai")
+ image_tag 'learning-object-preview-large.png', class: "thumbnail"
+ else
+ image_tag @learning_object.thumbnail, class: "thumbnail"
+ end
+ %>
+ <div class="stats">
+ <span class="glyphicon glyphicon-eye-open"><%= @learning_object.views %> </span>
+ <span class="glyphicon glyphicon-star"><%= @learning_object.likes %> </span>
+ </div>
+ <h2 class="title"><%= @learning_object.name %></h2>
+ <% unless @learning_object.description.nil? %>
+ <p class="description"><%= @learning_object.description %></p>
+ <% end %>
+ <span class="category"><%= ("Em " + show_categories(@learning_object.categories)) unless @learning_object.categories.nil? %></span>
+ </div>
+ <div class="col-md-5">
+ <div class="rightbar">
+ <div class="media">
+ <div class="media-left">
+ <a href="#">
+ <img class="user-image-small" src="<%#= current_user.avatar.url(:thumb) %><%= asset_path('user-anon.png')%>" alt="Foto do usuário"/>
+ </a>
+ </div>
+ <div class="media-body">
+ <h5>Adicionado por</h5>
+ <h3 class="media-heading"><%= @learning_object.get_metadata_value_of("dc.contributor.author") %></h3>
+ </div>
+ </div>
+ <div class="rating-panel">
+ <p>O que você achou deste arquivo?</p>
+ <div class="rating">
+ <span class="starRating">
+ <input id="rating5" name="rating" type="radio" value="5">
+ <label for="rating5">5</label>
+ <input id="rating4" name="rating" type="radio" value="4">
+ <label for="rating4">4</label>
+ <input checked id="rating3" name="rating" type="radio" value="3">
+ <label for="rating3">3</label>
+ <input id="rating2" name="rating" type="radio" value="2">
+ <label for="rating2">2</label>
+ <input id="rating1" name="rating" type="radio" value="1">
+ <label for="rating1">1</label>
+ </span>
+ </div>
+ </div>
+ <div class="actions">
+ <div class="col-md-3 action">
+ <%= image_tag "icons/download.png", alt: "Download do objeto" %>
+ <h6>salvar no computador</h6>
+ </div>
+ <div class="col-md-3 action">
+ <%= image_tag "icons/collection-add.png", alt: "Adicionar à coleção" %>
+ <h6>adicionar à coleção</h6>
+ </div>
+ <div class="col-md-3 action"></div>
+ <div class="col-md-3 action">
+ <%= image_tag "icons/report-circle.png", alt: "Denunciar objeto" %>
+ <h6>denunciar objeto</h6>
+ </div>
+ </div>
+ </div>
+ </div>
+</div>
+
+<!-- <div class="container-fluid">
+ <div class="container-fluid">
+ <div class="row">
+ <div class="col-sm-6">
+ <a href="">
+ <img alt="<%=@learning_object.name %>" class="img-responsive" height="550" src="<%= @learning_object.thumbnail %>" width="600">
+ </a>
+ <p>
+ <h1><%= @learning_object.name %></h1>
+ </p>
+ </div>
+ <div class="col-sm-6">
+ <div class="col-sm-12">
+ <div class="row">
+ <div class="col-md-12">Adicionado por:
+ <h1>
+ <img class="img-circle" src="images/user.jpg">
+ <a href="autor.php"><%= @learning_object.get_metadata_value_of("dc.contributor.author") %></a>
+ </h1>
+ </div>
+ </div><br/>
+ <%= @learning_object.get_metadata_value_of("dc.description") %>
+ </div>
+ <div class="col-sm-12">
+ <br/>
+ <table class="table">
+ <tr>
+ <td>Avalie:</td>
+ <td>Total curtir:</td>
+ <td>Visualizações:</td>
+ <td>Total Downloads:
+ </td>
+ </tr>
+ <tr>
+ <td>
+
+ ()
+ </td>
+ <td>
+ <%= @learning_object.likes %></td>
+ <td><%= @learning_object.views %></td>
+ <td>-</td>
+ </tr>
+ </table><br/>
+ <!--div class="pull-right"-->
+ <!-- <div style="text-align: center;">
+ <a class="btn btn-primary" href="#">Download</a>
+ </div>
+ </div>
+ </div>
+ </div>
+ <br/><br/>
+ <div class="row">
+ <div class="col-sm-8">
+ <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/>
+ <% if user_signed_in? %>
+ <%= link_to "Curtir",
+ like_learning_object_path(@learning_object.id_dspace),
+ method: :post, remote: true %>
+ <% end %>
+ <br/> -->
+ <!-- <div class="row">
+ <div class="col-md-12">
+ <h1>Comentários</h1>
+ </div>
+ </div>
+
+ <div class="row">
+ <div class="col-md-12">
+ <div class="media">
+ <form action="?f=addComment" method="POST">
+ <div class="media-left">
+ <label></label>
+ <a href="#"><img alt="<img_usuario>" class="media-object" src="images/user.jpg" width="64"></a>
+ </div>
+ <div class="media-body">
+ <label for="comment">Comentário:</label>
+ <textarea class="form-control" name="text" rows="2" width=200px></textarea>
+ </br>
+ <div align="right"><input class="btn btn-success" type="submit" value="Enviar Comentário"></div>
+ </div>
+ </form>
+ </div>
+ </div>
+ </div>
+ </br>
+ <div class="row">
+ <div class="col-md-1">
+ <img class="img-circle" height="50" src="images/user.jpg" width="50">
+ </div>
+ <div class="col-md-11">
+ <h4>Nome Sobrenome</h4>
+ Coment ...
+ </div>
+ </div>
+ <hr>
+
+ <div class="row">
+ <div class="col-md-1">
+ <img class="img-circle" height="50" src="images/user.jpg" width="50">
+ </div>
+ <div class="col-md-11">
+ <h4>Nome Sobrenome</h4>
+ Coment ...
+ </div>
+ </div>
+ <hr>
+ <div class="row">
+ <div class="col-md-1">
+ <img class="img-circle" height="50" src="images/user.jpg" width="50">
+ </div>
+ <div class="col-md-11">
+ <h4>Nome Sobrenome</h4>
+ Coment ...
+ </div>
+ </div>
+ <hr>
+ <div class="row">
+ <div class="col-md-12">
+ <center>
+ <a class="btn btn-primary" href="#">Ver mais...</a>
+ </center>
+ </div>
+ </div>
+ <br/>
+
+ </div> -->
+ <!--arquivos relacionados-->
+ <!-- <div class="col-sm-4">
+ <div class="row">
+ <div class="col-md-12">
+ <h1>
+ Arquivos relacionados
+ </h1>
+ </div>
+ </div>
+ <%# @related_objects.each do |o| %>
+ <div class="row">
+ <div class="col-md-12">
+ <div class="itemvert">
+ <center><img class="img-responsive" height="180" src="<%#= o.thumbnail %>" width="320">
+ <h1>
+ <%#= o.name %>
+ </h1>
+ <p>
+ <span aria-hidden="true" class="glyphicon glyphicon-search"></span>(<%#= o.views %>)
+ <img height="15" src="star-on.svg" width="15">
+ <img height="15" src="star-on.svg" width="15">
+ <img height="15" src="star-on.svg" width="15">
+ <img height="15" src="star-on.svg" width="15">
+ <img height="15" src="star-on.svg" width="15"></span>(10,0)<br/>
+ <a href="autor.php"><img class="img-circle" height="32" src="images/user.jpg" width="32">
+ por Jonas</a>
+ </p>
+ </center>
+ </div>
+ </div>
+ </div><hr>
+ <%# end %>
+ </div> -->
+<!-- </div>
+<br/>
+</div>
+<!-- container fluid -->
+<!-- </div> -->
+<!-- /container -->