product_outstanding

awesome-academy · Mar 29, 2024 · 19eb17a · 19eb17a
1 parent cd4ff68
commit 19eb17a
Show file tree

Hide file tree

Showing 13 changed files with 76 additions and 3 deletions.
diff --git a/.rubocop.yml b/.rubocop.yml
@@ -265,6 +265,9 @@ Rails/SkipsModelValidations:
 Style/InlineComment:
   Enabled: true
 
+Style/InlineComment:
+  Enabled: false
+
 Style/IpAddresses:
   Enabled: true
 

diff --git a/app/controllers/products_controller.rb b/app/controllers/products_controller.rb
@@ -7,6 +7,7 @@ class ProductsController < ApplicationController
 
   def index
     @pagy, @products = pagy(filter_products, items: Settings.PAGE_9)
+    @product_outstandings = Product.product_outstanding
   end
 
   def new

diff --git a/app/javascript/controllers/application.js b/app/javascript/controllers/application.js
@@ -7,3 +7,10 @@ application.debug = false
 window.Stimulus   = application
 
 export { application }
+const swiper = new Swiper('.swiper', {
+  navigation: {
+    nextEl: '.swiper-button-next',
+    prevEl: '.swiper-button-prev',
+  },
+  slidesPerView: 3,
+});
diff --git a/app/models/product.rb b/app/models/product.rb
@@ -18,6 +18,15 @@ class Product < ApplicationRecord
                                 where("price >= ? AND price <= ?", min_price, max_price) if min_price.present? && max_price.present?
                               }
   scope :newest, -> { order(created_at: :desc) }
+  scope :product_outstanding, (lambda do
+    select("products.*, SUM(order_histories.quantity) AS total_quantity")
+    .joins(:order_histories)
+    .group("products.id")
+    .order("total_quantity DESC")
+    .joins("INNER JOIN orders ON orders.id = order_histories.order_id")
+    .where(orders: { status: Order.statuses[:approved] })
+    .limit(Settings.DIGIT_10)
+  end)
 
   validates :name, presence: true, length: { maximum: Settings.DIGIT_255 }
   validates :price, presence: true

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
@@ -9,6 +9,12 @@
     <%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
     <%= javascript_importmap_tags %>
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
+    />
+    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
+
   </head>
 
   <body>

diff --git a/app/views/products/_outstanding_product.html.erb b/app/views/products/_outstanding_product.html.erb
@@ -0,0 +1,18 @@
+<div class="swiper">
+  <div class="swiper-wrapper">
+    <% @product_outstandings.each do |product| %>
+      <div class="swiper-slide d-flex justify-content-center">
+        <div class="col-md-4 w-100">
+          <div class="product-item-container">
+            <div class="product-item-info">
+              <%= product_image_tag(product) %>
+              <h4><%= link_to product.name, product_path(product) %></h4>
+              <%= render "shared/rating" %>
+              <p><%= number_to_currency(product.price) %></p>
+            </div>
+          </div>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>
diff --git a/app/views/products/index.html.erb b/app/views/products/index.html.erb
@@ -4,7 +4,7 @@
     <%= render "layouts/flash" %>
   <% end %>
   <% if @slider %>
-    <%= render "layouts/slider" %>
+    <%= render "outstanding_product" %>
   <% end %>
   <div class="row">
     <%= render "shared/list_categories" %>

diff --git a/config/importmap.rb b/config/importmap.rb
@@ -9,3 +9,4 @@
 pin_all_from "app/javascript/controllers", under: "controllers"
 pin_all_from "app/javascript/custom", under: "custom"
 pin "bootstrap", to: "bootstrap.min.js"
+pin "swiper" # @11.0.7
diff --git a/config/settings.yml b/config/settings.yml
@@ -8,6 +8,7 @@ DIGIT_50: 50
 DIGIT_255: 255
 DIGIT_5: 5
 DIGIT_2: 2
+DIGIT_10: 10
 DIGIT_1000: 1000
 SIZE_400x400: [400, 400]
 range_1_5: [1, 2, 3, 4, 5]

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -8,7 +8,8 @@
     "bootstrap-icons": "^1.11.3",
     "postcss": "^8.4.38",
     "postcss-cli": "^11.0.0",
-    "sass": "^1.72.0"
+    "sass": "^1.72.0",
+    "swiper": "^11.1.0"
   },
   "scripts": {
     "build:css:compile": "sass ./app/assets/stylesheets/application.bootstrap.scss:./app/assets/builds/application.css --no-source-map --load-path=node_modules",

diff --git a/vendor/javascript/swiper.js b/vendor/javascript/swiper.js
@@ -0,0 +1,2 @@
+export{S as Swiper,S as default}from"./_/a2UuPJCF.js";import"./_/MVv-lhcB.js";
+
diff --git a/yarn.lock b/yarn.lock
@@ -461,6 +461,11 @@ strip-ansi@^6.0.0, strip-ansi@^6.0.1:
   dependencies:
     ansi-regex "^5.0.1"
 
+swiper@^11.1.0:
+  version "11.1.0"
+  resolved "https://registry.npmjs.org/swiper/-/swiper-11.1.0.tgz"
+  integrity sha512-Pm78CgU7Wvg+w/MgIL/1NwMSLgx0XqFof25EnVyX8iZFCYJv5CppH7LHkBj43qW2k5Cp3Iz7FcdBxrox7XX2AQ==
+
 thenby@^1.3.4:
   version "1.3.4"
   resolved "https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz"
-Original file line number
+Diff line change
@@ Expand Up / @@ -7,6 +7,7 @@ class ProductsController < ApplicationController @@
       def index
         @pagy, @products = pagy(filter_products, items: Settings.PAGE_9)
+        @product_outstandings = Product.product_outstanding
       end
       def new
@@ Expand Down @@
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		export{S as Swiper,S as default}from"./_/a2UuPJCF.js";import"./_/MVv-lhcB.js";