Skip to content
Snippets Groups Projects
Commit efa50ff9 authored by Mateus Rambo Strey's avatar Mateus Rambo Strey
Browse files

add learning object view

parent bd1b9a43
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
app/assets/stylesheets/application/learning_objects.scss
+ 59
− 1
View file @ efa50ff9
$background-grey: #e7e7e8;
.learning-object-horizontal, .learning-object-vertical { .learning-object-horizontal, .learning-object-vertical {
margin-bottom: 20px; margin-bottom: 20px;
...@@ -37,4 +39,60 @@ ...@@ -37,4 +39,60 @@
.glyphicon-eye-open:before, .glyphicon-star:before { .glyphicon-eye-open:before, .glyphicon-star:before {
margin-right: 5px; 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;
}
}
}
}
}
app/assets/stylesheets/application/users.scss
+ 10
− 0
View file @ efa50ff9
...@@ -7,6 +7,16 @@ $background-grey: #e7e7e8; ...@@ -7,6 +7,16 @@ $background-grey: #e7e7e8;
height: 60px; height: 60px;
border-radius: 50%; 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 { .user-header {
background-color: $background-grey; background-color: $background-grey;
......
app/views/learning_objects/show.html.erb
+ 266
− 2
View file @ efa50ff9
<h1><%= @learning_object.name %></h1> <!-- <h1><%= @learning_object.name %></h1>
<ul> <ul>
<li><b>Autor: </b><%= @learning_object.get_metadata_value_of("dc.contributor.author") %></li> <li><b>Autor: </b><%= @learning_object.get_metadata_value_of("dc.contributor.author") %></li>
...@@ -21,4 +21,268 @@ ...@@ -21,4 +21,268 @@
<%= link_to "Curtir", <%= link_to "Curtir",
like_learning_object_path(@learning_object.id_dspace), like_learning_object_path(@learning_object.id_dspace),
method: :post, remote: true %> 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 %>&nbsp;</span>
<span class="glyphicon glyphicon-star"><%= @learning_object.likes %>&nbsp;</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 %>)&nbsp;&nbsp;&nbsp;&nbsp;
<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 -->
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment