show.html.erb 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. <!-- BEGIN CONTAINER -->
  2. <div class="page-container">
  3. <!-- BEGIN CONTENT -->
  4. <div class="page-content-wrapper">
  5. <!-- BEGIN CONTENT BODY -->
  6. <!-- BEGIN PAGE HEAD-->
  7. <div class="page-head">
  8. <div class="container-fluid">
  9. <!-- BEGIN PAGE TITLE -->
  10. <div class="page-title">
  11. <h1>Productos </h1>
  12. </div>
  13. <!-- END PAGE TITLE -->
  14. </div>
  15. </div>
  16. <!-- END PAGE HEAD-->
  17. <!-- BEGIN PAGE CONTENT BODY -->
  18. <div class="page-content">
  19. <div class="container-fluid">
  20. <div class="pull-right margin-bottom-10 ">
  21. <%= link_to products_path(:filter => @filter, :current_page => @current_page), {:class=>"fr-space btn blue-hoki "} do %>
  22. <i class="fa fa-angle-left "></i>
  23. Regresar
  24. <% end %>
  25. <% if @current_user.usertype == "A" || @current_user.usertype == "SS" %>
  26. <%= link_to edit_product_path(@product), {:class=>"btn btn-primary "} do %>
  27. <i class="fa fa-edit"></i> Modificar
  28. <% end %>
  29. <% end %>
  30. </div>
  31. <!-- BEGIN PAGE BREADCRUMBS -->
  32. <ul class="page-breadcrumb breadcrumb">
  33. <%= render_breadcrumbs :tag => :li, :separator => ' <i class="fa fa-circle"></i> ' %>
  34. </ul>
  35. <!-- END PAGE BREADCRUMBS -->
  36. <!-- BEGIN PAGE CONTENT INNER -->
  37. <div class="page-content-inner">
  38. <div class="row">
  39. <div class="col-md-12">
  40. <!-- BEGIN PROFILE SIDEBAR -->
  41. <div class="profile-sidebar">
  42. <!-- PORTLET MAIN -->
  43. <div class="portlet light profile-sidebar-portlet ">
  44. <!-- SIDEBAR USERPIC -->
  45. <div class="profile-userpic">
  46. <%= image(@product, {:class=>"img-responsive"}) %>
  47. </div>
  48. <!-- END SIDEBAR USERPIC -->
  49. <!-- SIDEBAR USER TITLE -->
  50. <div class="profile-usertitle">
  51. <div class="profile-usertitle-name"> <%= @product.name %> </div>
  52. <div class="profile-usertitle-job"> <%= @product.sku %> </div>
  53. <br>
  54. </div>
  55. <!-- END SIDEBAR USER TITLE -->
  56. <!-- SIDEBAR BUTTONS -->
  57. <div class="profile-userbuttons">
  58. <!-- <button type="button" class="btn btn-circle green btn-sm">Follow</button>
  59. <button type="button" class="btn btn-circle red btn-sm">Message</button>-->
  60. </div>
  61. </div>
  62. <!-- END PORTLET MAIN -->
  63. </div>
  64. <!-- END BEGIN PROFILE SIDEBAR -->
  65. <!-- BEGIN PROFILE CONTENT -->
  66. <div class="profile-content">
  67. <div class="row">
  68. <div class="col-md-6">
  69. <!-- BEGIN PORTLET -->
  70. <div class="portlet light ">
  71. <div class="portlet-title">
  72. <div class="caption caption-md">
  73. <i class="fa fa-bar-chart theme-font hide"></i>
  74. <span class="caption-subject font-blue-madison bold uppercase">Información General</span>
  75. <span class="caption-helper hide"></span>
  76. </div>
  77. </div>
  78. <div class="portlet-body">
  79. <div class="row static-info">
  80. <div class="col-md-4 name"> SKU: </div>
  81. <div class="col-md-8 value"> <%= @product.sku %></div>
  82. </div>
  83. <div class="row static-info">
  84. <div class="col-md-4 name"> Producto: </div>
  85. <div class="col-md-8 value"> <%= @product.name %> </div>
  86. </div>
  87. <% unless @product.parent_id.nil? %>
  88. <div class="row static-info">
  89. <div class="col-md-4 name"> Presentacion: </div>
  90. <div class="col-md-8 value"> <%= @product.display_attributes %> </div>
  91. </div>
  92. <% end %>
  93. <div class="row static-info">
  94. <div class="col-md-4 name"> Descripcion: </div>
  95. <div class="col-md-8 value"> <%= @product.description %> </div>
  96. </div>
  97. <div class="row static-info">
  98. <div class="col-md-4 name"> Unidad de medida: </div>
  99. <div class="col-md-8 value"> <%= @product.unit.unit %> </div>
  100. </div>
  101. <div class="row static-info">
  102. <div class="col-md-4 name"> Status: </div>
  103. <div class="col-md-8 value"> <% if @product.status == "active" %> <span class="badge badge-success"> Activo</span> <% else %> <span class="badge badge-danger"> Inactivo</span> <% end %></div>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. <div class="col-md-6">
  109. <!-- BEGIN PORTLET -->
  110. <div class="portlet light ">
  111. <div class="portlet-title">
  112. <div class="caption caption-md">
  113. <i class="fa fa-bar-chart theme-font hide"></i>
  114. <span class="caption-subject font-blue-madison bold uppercase">Información de Producto</span>
  115. <span class="caption-helper hide"></span>
  116. </div>
  117. </div>
  118. <div class="portlet-body">
  119. <div class="row static-info">
  120. <div class="col-md-4 name"> Inventariado: </div>
  121. <div class="col-md-8 value"> <% if @product.inventory %> <span class="label label-success"> Si</span> <% else %> <span class="label label-danger"> No</span> <% end %> </div>
  122. </div>
  123. <div class="row static-info">
  124. <div class="col-md-4 name"> Categoría: </div>
  125. <div class="col-md-8 value">
  126. <span class="badge badge-default badge-roundless"> <%= @product.category.category %> </span>
  127. </div>
  128. </div>
  129. <% if current_user.usertype == "A" || current_user.usertype == "SS" %>
  130. <div class="row static-info">
  131. <div class="col-md-4 name"> Precio compra: </div>
  132. <div class="col-md-8 value"><%= (@product.is_in_dollars? ? "#{number_to_currency(@product.price_base_dollars, precision: 2)} USD" : "#{number_to_currency(@product.price_base, precision: 2)} MXN") %> </div>
  133. </div>
  134. <% end %>
  135. <div class="row static-info">
  136. <div class="col-md-4 name"> Precio venta base: </div>
  137. <div class="col-md-8 value"> $ <%= @product.price_sale %> </div>
  138. </div>
  139. <% if @product.get_price_sale(current_user.pointsale_id) != @product.price_sale %>
  140. <div class="row static-info">
  141. <div class="col-md-4 name"> Precio venta: </div>
  142. <div class="col-md-8 value"> $ <%= @product.get_price_sale(current_user.pointsale_id) %> </div>
  143. </div>
  144. <% end %>
  145. <% if @product.parent_id.nil? %>
  146. <div class="row static-info">
  147. <div class="col-md-4 name"> Variantes: </div>
  148. <div class="col-md-8 value"> <% if @product.is_parent %> <span class="label label-success"> Si</span> <% else %> <span class="label label-danger"> No</span> <% end %></div>
  149. </div>
  150. <% end %>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. <% if current_user.usertype == "A" || current_user.usertype == "SS" %>
  156. <div class="row">
  157. <div class="col-md-6">
  158. <!-- BEGIN PORTLET -->
  159. <div class="portlet light ">
  160. <div class="portlet-title">
  161. <div class="caption caption-md">
  162. <i class="fa fa-bar-chart theme-font hide"></i>
  163. <span class="caption-subject font-green bold uppercase">Puntos de venta</span>
  164. <span class="caption-helper hide"></span>
  165. </div>
  166. </div>
  167. <div class="portlet-body">
  168. <table class="table table-hover table-light">
  169. <thead>
  170. <tr class="uppercase">
  171. <th> punto de<br>venta </th>
  172. <th> existencia<br>de producto </th>
  173. <th> Ultima<br>venta </th>
  174. </tr>
  175. </thead>
  176. <tbody>
  177. <% @product.pointsales.each_with_index do |pointsale, key| %>
  178. <tr>
  179. <td> <%= pointsale.name %> </td>
  180. <td class="text-center"> <%= @product.stock_in_pointsale(pointsale.id).round %> </td>
  181. <td>
  182. <% last_sale = @product.last_sale(pointsale.id) %>
  183. <%= l(last_sale.created_at, :format => '%d/%m/%Y') unless last_sale.blank? %>
  184. </td>
  185. </tr>
  186. <% end %>
  187. </tbody>
  188. </table>
  189. </div>
  190. </div>
  191. </div>
  192. <div class="col-md-6">
  193. </div>
  194. </div>
  195. <% end %>
  196. </div>
  197. </div>
  198. </div>
  199. <% if @product.presentation && @product.is_parent %>
  200. <div class="row ">
  201. <div class="col-md-12">
  202. <div class="portlet light ">
  203. <div class="portlet-title">
  204. <div class="caption caption-md">
  205. <i class="fa fa-bar-chart theme-font hide"></i>
  206. <span class="caption-subject font-blue-madison bold uppercase">Variantes</span>
  207. <span class="caption-helper hide"></span>
  208. </div>
  209. </div>
  210. <div class="portlet-body">
  211. <%= render 'products_children' %>
  212. </div>
  213. </div>
  214. </div>
  215. </div>
  216. <% end %>
  217. </div>
  218. <!-- END PAGE CONTENT INNER -->
  219. </div>
  220. </div>
  221. <!-- END PAGE CONTENT BODY -->
  222. <!-- END CONTENT BODY -->
  223. </div>
  224. <!-- END CONTENT -->
  225. </div>
  226. <!-- END CONTAINER -->