show.html.erb 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
  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' %>
  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. <!-- END SIDEBAR BUTTONS -->
  62. <!-- SIDEBAR MENU -->
  63. <!-- <div class="profile-usermenu">
  64. <ul class="nav">
  65. <li class="active">
  66. <a href="page_user_profile_1.html">
  67. <i class="icon-home"></i> Overview </a>
  68. </li>
  69. <li>
  70. <a href="page_user_profile_1_account.html">
  71. <i class="icon-settings"></i> Account Settings </a>
  72. </li>
  73. <li>
  74. <a href="page_user_profile_1_help.html">
  75. <i class="icon-info"></i> Help </a>
  76. </li>
  77. </ul>
  78. </div> -->
  79. <!-- END MENU -->
  80. </div>
  81. <!-- END PORTLET MAIN -->
  82. </div>
  83. <!-- END BEGIN PROFILE SIDEBAR -->
  84. <!-- BEGIN PROFILE CONTENT -->
  85. <div class="profile-content">
  86. <div class="row">
  87. <div class="col-md-6">
  88. <!-- BEGIN PORTLET -->
  89. <div class="portlet light ">
  90. <div class="portlet-title">
  91. <div class="caption caption-md">
  92. <i class="fa fa-bar-chart theme-font hide"></i>
  93. <span class="caption-subject font-blue-madison bold uppercase">Información General</span>
  94. <span class="caption-helper hide"></span>
  95. </div>
  96. </div>
  97. <div class="portlet-body">
  98. <div class="row static-info">
  99. <div class="col-md-4 name"> SKU: </div>
  100. <div class="col-md-8 value"> <%= @product.sku %></div>
  101. </div>
  102. <div class="row static-info">
  103. <div class="col-md-4 name"> Producto: </div>
  104. <div class="col-md-8 value"> <%= @product.name %> </div>
  105. </div>
  106. <% unless @product.parent_id.nil? %>
  107. <div class="row static-info">
  108. <div class="col-md-4 name"> Presentacion: </div>
  109. <div class="col-md-8 value"> <%= @product.display_attributes %> </div>
  110. </div>
  111. <% end %>
  112. <div class="row static-info">
  113. <div class="col-md-4 name"> Descripcion: </div>
  114. <div class="col-md-8 value"> <%= @product.description %> </div>
  115. </div>
  116. <div class="row static-info">
  117. <div class="col-md-4 name"> Unidad de medida: </div>
  118. <div class="col-md-8 value"> <%= @product.unit.unit %> </div>
  119. </div>
  120. <div class="row static-info">
  121. <div class="col-md-4 name"> Status: </div>
  122. <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>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. <div class="col-md-6">
  128. <!-- BEGIN PORTLET -->
  129. <div class="portlet light ">
  130. <div class="portlet-title">
  131. <div class="caption caption-md">
  132. <i class="fa fa-bar-chart theme-font hide"></i>
  133. <span class="caption-subject font-blue-madison bold uppercase">Información de Producto</span>
  134. <span class="caption-helper hide"></span>
  135. </div>
  136. </div>
  137. <div class="portlet-body">
  138. <div class="row static-info">
  139. <div class="col-md-4 name"> Inventariado: </div>
  140. <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>
  141. </div>
  142. <div class="row static-info">
  143. <div class="col-md-4 name"> Categorías: </div>
  144. <div class="col-md-8 value">
  145. <% @product.categories.each_with_index do | cat, index | %>
  146. <% if index > 0 %> <br> <% end %>
  147. <span class="badge badge-default badge-roundless" > <%= cat.category %> </span>
  148. <% end %>
  149. </div>
  150. </div>
  151. <% if current_user.usertype == "A" %>
  152. <div class="row static-info">
  153. <div class="col-md-4 name"> Precio compra: </div>
  154. <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>
  155. </div>
  156. <% end %>
  157. <div class="row static-info">
  158. <div class="col-md-4 name"> Precio venta base: </div>
  159. <div class="col-md-8 value"> $ <%= @product.price_sale %> </div>
  160. </div>
  161. <% if @product.get_price_sale(current_user.pointsale_id) != @product.price_sale %>
  162. <div class="row static-info">
  163. <div class="col-md-4 name"> Precio venta: </div>
  164. <div class="col-md-8 value"> $ <%= @product.get_price_sale(current_user.pointsale_id) %> </div>
  165. </div>
  166. <% end %>
  167. <% if @product.parent_id.nil? %>
  168. <div class="row static-info">
  169. <div class="col-md-4 name"> Variantes: </div>
  170. <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>
  171. </div>
  172. <% end %>
  173. </div>
  174. </div>
  175. </div>
  176. </div>
  177. <% if current_user.usertype == "A" %>
  178. <div class="row">
  179. <div class="col-md-6">
  180. <!-- BEGIN PORTLET -->
  181. <div class="portlet light ">
  182. <div class="portlet-title">
  183. <div class="caption caption-md">
  184. <i class="fa fa-bar-chart theme-font hide"></i>
  185. <span class="caption-subject font-green bold uppercase">Puntos de venta</span>
  186. <span class="caption-helper hide"></span>
  187. </div>
  188. </div>
  189. <div class="portlet-body">
  190. <table class="table table-hover table-light">
  191. <thead>
  192. <tr class="uppercase">
  193. <th> punto de<br>venta </th>
  194. <th> existencia<br>de producto </th>
  195. <th> Ultima<br>venta </th>
  196. </tr>
  197. </thead>
  198. <tbody>
  199. <% @product.pointsales.each_with_index do |pointsale, key| %>
  200. <tr>
  201. <td>
  202. <%= pointsale.name %>
  203. </td>
  204. <td class="text-center">
  205. <%= @product.stock_in_pointsale(pointsale.id).round %>
  206. </td>
  207. <td>
  208. <% last_sale = @product.last_sale(pointsale.id) %>
  209. <%= l(last_sale.created_at, :format => '%d/%m/%Y') unless last_sale.blank? %>
  210. </td>
  211. </tr>
  212. <% end %>
  213. </tbody>
  214. </table>
  215. </div>
  216. </div>
  217. </div>
  218. <div class="col-md-6">
  219. <!-- BEGIN PORTLET -->
  220. <!-- <div class="portlet light ">
  221. <div class="portlet-title">
  222. <div class="caption caption-md">
  223. <i class="fa fa-bar-chart theme-font hide"></i>
  224. <span class="caption-subject font-green bold uppercase">Ventas del mes</span>
  225. <span class="caption-helper hide"></span>
  226. </div>
  227. </div>
  228. <div class="portlet-body">
  229. </div>
  230. </div> -->
  231. </div>
  232. </div>
  233. <% end %>
  234. </div>
  235. </div>
  236. </div>
  237. <% if @product.presentation && @product.is_parent %>
  238. <div class="row ">
  239. <div class="col-md-12">
  240. <div class="portlet light ">
  241. <div class="portlet-title">
  242. <div class="caption caption-md">
  243. <i class="fa fa-bar-chart theme-font hide"></i>
  244. <span class="caption-subject font-blue-madison bold uppercase">Variantes</span>
  245. <span class="caption-helper hide"></span>
  246. </div>
  247. </div>
  248. <div class="portlet-body">
  249. <%= render 'products_children' %>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. <% end %>
  255. </div>
  256. <!-- END PAGE CONTENT INNER -->
  257. </div>
  258. </div>
  259. <!-- END PAGE CONTENT BODY -->
  260. <!-- END CONTENT BODY -->
  261. </div>
  262. <!-- END CONTENT -->
  263. </div>
  264. <!-- END CONTAINER -->