Skip to content

Instantly share code, notes, and snippets.

@Haguilar91

Haguilar91/item_card.rb

Created July 8, 2021 00:01
Show Gist options
  • Save Haguilar91/6be235062e1e9ebf6452156c31a80a86 to your computer and use it in GitHub Desktop.
Save Haguilar91/6be235062e1e9ebf6452156c31a80a86 to your computer and use it in GitHub Desktop.
Download ZIP
Item con OpenGraph
Raw
item_card.rb
<% title @item.nombre %>
<% meta_tag :title, "#{@item.nombre} /\nL. #{@item.price} | Chunches" %>
<% meta_tag :description, @item.descripcion %>
<% meta_tag :image, @item.imagen %>
<% meta_tag :type, "product" %>
<% meta_tag :url, "http://test.chunch.es/garaje/items/#{@item.id.to_s}" %>
<% meta_tag :appid, "482141061981612" %>
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="row">
<div class="col-md-1">
</div>
<div class="col-md-6">
<!--Inicio Imagen-->
<!--Card-->
<div class="card">
<!--Card image-->
<img class="img-thumbnail" src="<%=@item.imagen%>" alt="Card image cap">
<a class="btn-floating btn-action"></a>
<!--Card content-->
<div class="card-body">
<!--Text-->
<div class="bg-info panel panel-default border-radius rounded" style="padding: 1em; outline: black thick;">
<div class="panel-body">
<i class="fas fa-info-circle"></i>&nbsp;Verifica que el codigo: <b> <%= @item.codigo %></b> aparezca impreso o escrito encima de la imagen.
<button type="button" class="btn btn-outline-elegant btn-sm" data-toggle="modal" data-target="#flipFlop">
?
</button>
<div class="modal fade" id="flipFlop" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" align=center id="modalLabel">Código en la foto. </h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-6">
<p>Cuando agregas un artículo a Chunches se te generara un código aleatorio.</p>
<img src="<%=asset_url('captureagregar.PNG')%>" alt="" style="height:15em; width:auto;" class="img-fluid">
</div>
<div class="col-md-6">
<p>Con ese código, escribe o imprime encima del artículo en venta de forma legible, no usar Paint ni Photoshop la foto tiene que ser real.</p>
<img src="<%=asset_url('capturearticulo_mini.jpg')%>" alt="" style="height:15em; width:auto;" class="img-fluid">
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal"><i class="fas fa-sign-out-alt"></i>Cerrar</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Final Imagen-->
</div>
<div class="col-md-4">
<!--Inicio Info Producto-->
<div class="row">
<div class="col-md-12">
<div class="card-body">
<!--Title-->
<h4 class="card-title"><%= @item.nombre %></h4>
<div style="display: inline-flex;">
<h4 class= "card-title"><i class="fas fa-money-bill" aria-hidden="true"></i><b>&nbsp;L.<%= number_with_precision(@item.price, :precision => 2, :delimiter => ',') %></b></h4>
<% if current_user %>
<% if User.find_by_email(@item.usuario_actual).paymentacc%>
&nbsp;<%= link_to 'Comprar', "/transactions/new/?item=#{@item.id.to_s}", class: 'btn btn-outline-success my-2 my-sm-0 ', data: {item: @item.id} %>
<%end%>
</div>
<%else%>
</div>
<br>
<div class="bg-info panel panel-default border-radius rounded" style="padding: 1em; outline: black thick;">
<div class="panel-body">
<i class="fas fa-info-circle"></i>&nbsp;Para ver métodos de pago favor inicia sesión.
</div>
</div>
<%end%>
</br>
<!--Text-->
<i class="fa fa-sticky-note" aria-hidden="true"></i>&nbsp;<strong>Estado:</strong><%= @item.itemstate %><br>
<i class="fas fa-sort-amount-down"></i>&nbsp;<strong>Categoria:</strong><%= @category_name%><br>
<i class="fas fa-warehouse"></i>&nbsp;<strong>Disponibilidad:</strong>5 en bodega.<br>
<i class="fas fa-comment-alt" aria-hidden="true"></i>&nbsp;<b>Descripción:
</b><br><%=@item.descripcion%>
<br>
<div style="display: inline-flex;">
<div class="social-share-button">
<a class="ssb-icon ssb-facebook" href="https://www.facebook.com/sharer/sharer.php?u=http://chunch.es/garaje/items/<%=@item.id.to_s%>" target="popup" onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=http://chunch.es/garaje/items/<%=@item.id.to_s%>','popup','width=555,height=400'); return false;"></a>
</div>&nbsp;
<%= social_share_button_tag(@item.nombre, :image => @item.imagen, :url => "http://chunch.es/garaje/items/#{@item.id.to_s}") %>
</div>
<!--Fin Info Producto-->
</div>
</div>
<div class="row">
<div class="col-md-2">
<!--Imagen Gravatar Vendedor-->
<%= gravatar_tag @item.usuario_actual, :circle , :size => 55, :secure => true %>
<!--FIN-->
</div>
<div class="col-md-10">
<!--Informacion Vendedor-->
<h4 class="card-title">Información del Vendedor</h4>
<hr>
<h6>Nombre: <%=@usuario.nombre%>&nbsp;<%=@usuario.apellido%> </h6>
<p>Reviews: <%=@slider.count%>&nbsp;Promedio: <%=@slider.average(:rating)%></p>
<p>Ciudad: <%=@usuario.ciudad%></p>
<% if @usuario.descripcion %>
<!-- true -->
<p class="quote"><%=@usuario.descripcion%></p>
<%else%>
<p>No tiene una descripcion, recuerda agregar la tuya <a href="/users/edit">aqui.</a></p>
<% end %>
<div class="btn-group flex-wrap">
<a href="/garaje/<%=User.find_by_email(@item.usuario_actual).id_and_name%>" class= "btn btn-outline-secondary">
<i class="fa fa-user" aria-hidden="true"></i> Ir al perfil del vendedor
</a>
<%if current_user.present?%>
<% if current_user.email != @usuario.email%>
<a href="<%= new_conversation_path(:user_id => User.find_by_email(@item.usuario_actual)) %>" class="btn btn-outline-primary"><i class="fa fa-comments-o" aria-hidden="true"></i> Hablar con vendedor</a> &nbsp;
<%end%>
<%else%>
<p class="mdl-card__supporting-text mdl-color-text--black">Favor Iniciar Sesion para Conversar</p>
<%end%>
</div>
<!--FIn info vendedor-->
</div>
</div>
</div>
<div class="col-md-1">
</div>
</div>
<br>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-2">
</div>
<div class="col-md-8">
<!--INician Comentarios-->
<% if current_user %>
<%= render 'new_comment_form' %>
<br>
<%= render 'show_comments'%>
<%else%>
<%= render 'show_comments'%>
<%end%>
<!--FIn COmentarios-->
</div>
<div class="col-md-2">
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment