sold out badge

GuuB · Nov 10, 2016 · 6f6d9b9 · 6f6d9b9
1 parent 785e264
commit 6f6d9b9
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 4 deletions.
diff --git a/Gemfile.lock b/Gemfile.lock
@@ -215,5 +215,8 @@ DEPENDENCIES
   uglifier (>= 1.3.0)
   web-console (~> 2.0)
 
+RUBY VERSION
+   ruby 2.3.0p0
+
 BUNDLED WITH
-   1.11.2
+   1.13.2
diff --git a/app/assets/stylesheets/products.scss b/app/assets/stylesheets/products.scss
@@ -40,6 +40,19 @@ main section.categories-show {
         transition: all 0.3s;
       }
 
+      aside.soldout {
+        font-weight: bold;
+        color: white;
+        position: absolute;
+        top: 0;
+        left: 0;
+        padding: 10px;
+        background-color: red;
+        border-top-left-radius: 4px;
+        border-bottom-right-radius: 20px;
+        font-size: 1em;
+      }
+
       aside.price {
         position: absolute;
         top: 0;
@@ -72,5 +85,3 @@ main section.products-show {
     }
   }
 }
-
-
diff --git a/app/views/products/_product.html.erb b/app/views/products/_product.html.erb
@@ -17,6 +17,12 @@
     <% end %>
   </footer>
 
+  <% if product.quantity <= 0%>
+    <aside class="soldout">
+      SOLD OUT!
+    </aside>
+  <% end %>
+
   <aside class="price">
     <%= humanized_money_with_symbol product.price %>
   </aside>

diff --git a/db/seeds.rb b/db/seeds.rb
@@ -101,7 +101,7 @@ def open_asset(file_name)
   name:  'World\'s Largest Smartwatch',
   description: Faker::Hipster.paragraph(4),
   image: open_asset('electronics3.jpg'),
-  quantity: 32,
+  quantity: 0,
   price: 2_026.29
 })