feat products/show.html.erb: task #29

MOve qr code to a separate table and product data in another right table.

Author: Pauloparakleto

app/views/products/show.html.erb

@@ -3,30 +3,52 @@
     <div class="col-md-12">
       <h1 class="display-4"><%= @product.name %></h1>
       <hr>
-      <dl class="row">
-        <dt class="col-sm-3"><%= t('activerecord.attributes.product.custom_id') %></dt>
-        <dd class="col-sm-9"><%= @product.custom_id %></dd>
-        <dt class="col-sm-3"><%= t('activerecord.attributes.product.sku') %>:</dt>
-        <dd class="col-sm-9"><%= @product.sku %></dd>
-        <dt class="col-sm-3"><%= t('products.price') %>:</dt>
-        <dd class="col-sm-9"><%= @product.price %></dd>
-        <dt class="col-sm-3"><%= t('products.entry') %>:</dt>
-        <dd class="col-sm-9"><%= Services::Product::CountQuantity.call(product: @product, product_command: 'purchase_product') %></dd>
-        <dt class="col-sm-3"><%= t('products.exit') %>:</dt>
-        <dd class="col-sm-9"><%= Services::Product::CountQuantity.call(product: @product, product_command: 'sale_product') %></dd>
-        <dt class="col-sm-3"><%= t('products.balance') %>:</dt>
-        <dd class="col-sm-9"><%= Services::Product::CountQuantity.call(product: @product, product_command: 'balance_product') %></dd>
-        <dt class="col-sm-3"><%= t('products.rq_code') %></dt>
-        <dd class="col-sm-9"><%= image_tag(Services::Product::GenerateQrCode.call(product: @product)) %></dd>
-        <dt class="col-sm-3"><%= t('products.image') %>:</dt>
-        <dd class="col-sm-9"><%= image_tag(@product.image.attached? ? @product.image : "https://purple-stock.s3-sa-east-1.amazonaws.com/images.png", size: "150") %></dd>
-        <dt class="col-sm-3"><%= t('products.highlight') %>:</dt>
-        <dd class="col-sm-9"><%= @product.highlight %></dd>
-        <dt class="col-sm-3"><%= t('products.category') %>:</dt>
-        <dd class="col-sm-9"><%= @product.category.try(:name) %></dd>
-        <dt class="col-sm-3"><%= t('products.active') %>:</dt>
-        <dd class="col-sm-9"><%= @product.active %></dd>
-      </dl>
+      <table>
+        <!--  What to do with image? <dd class="col-sm-9"><%= image_tag(@product.image.attached? ? @product.image : "https://purple-stock.s3-sa-east-1.amazonaws.com/images.png", size: "150") %></dd> -->
+        <tr class="row">
+          <td><%= image_tag(Services::Product::GenerateQrCode.call(product: @product)) %></td>
+          <td class="mt-md-5">
+            <table>
+              <tr>
+                <th class="col"><%= t('activerecord.attributes.product.custom_id') %></th>
+                <td class="col"><%= @product.custom_id %></td>
+              </tr>
+              <tr>
+                <th class="col"><%= t('activerecord.attributes.product.sku') %></th>
+                <td class="col"><%= @product.sku %></td>
+              </tr>
+              <tr>
+                <th class="col"><%= t('products.price') %></th>
+                <td class="col"><%= @product.price %></td>
+              </tr>
+              <tr>
+                <th class="col"><%= t('products.entry') %></th>
+                <td class="col"><%= Services::Product::CountQuantity.call(product: @product, product_command: 'purchase_product') %></td>
+              </tr>
+              <tr>
+                <th class="col"><%= t('products.exit') %></th>
+                <td class="col"><%= Services::Product::CountQuantity.call(product: @product, product_command: 'sale_product') %></td>
+              </tr>
+              <tr>
+                <th class="col"><%= t('products.balance') %></th>
+                <td class="col"><%= Services::Product::CountQuantity.call(product: @product, product_command: 'balance_product') %></td>
+              </tr>
+              <tr>
+                <th class="col"><%= t('products.highlight') %></th>
+                <td class="col"><%= @product.highlight %></td>
+              </tr>
+              <tr>
+                <th class="col"><%= t('products.category') %></th>
+                <td class="col"><%= @product.category.try(:name) %></td>
+              </tr>
+              <tr>
+                <th class="col"><%= t('products.active') %>:</th>
+                <td class="col"><%= @product.active %></td>
+              </tr>
+            </table>
+          </td>
+        </tr>
+      </table>
       <%= link_to t('helpers.links.back'), products_path, class: 'btn btn-primary btn-lg' %>
       <%= link_to t('.edit', :default => t("helpers.links.edit")),
                   edit_product_path(@product), :class => 'btn btn-dark btn-lg' %>