Stuff

src/const.rb

@@ -40,6 +40,7 @@ DB_PATH = "db/main.db"
 
 # Auction constants
 MIN_INIT_PRICE = 1
+MAX_INIT_PRICE = 1e9
 
 MIN_TITLE_LEN = 2
 MAX_TITLE_LEN = 32

src/views/auction/index.slim

@@ -8,7 +8,11 @@
           input type="search" name="title" placeholder="Keywords (ex: computer, teapot)"
 
           label Price range
-          input type="range" name="price_rng"
+          .range-container
+            label for="price-min" From:
+            input type="number" name="price-min" min="#{MIN_INIT_PRICE}" max="#{MAX_INIT_PRICE}"
+            label for="price-max" To:
+            input type="number" name="price-max" min="#{MIN_INIT_PRICE}" max="#{MAX_INIT_PRICE}"
 
           .checkbox-container
             input type="checkbox" name="expired" 

src/views/auction/view.slim

@@ -16,8 +16,12 @@
         - auction.images.each do |image|
             span.dot onclick="setSlide(#{image.image_order})"
 
-    #auctioninfo
-      h2 = auction.title
+    #auctioninfo.card
+      h2
+        span
+          | #{auction.title}
+        a.inlbutton href="/auctions"
+          | [Go back]
       h3 = auction.description
       - if auction.categories.length > 0
         ul.list-container#category-list
@@ -50,7 +54,7 @@
           textarea name="message" cols="20" rows="2" title="Content length must be between #{MIN_MSG_LEN} and #{MAX_MSG_LEN} characters" pattern="#{MSG_REGEX_STR}" maxlength="#{MAX_MSG_LEN}" placeholder="Write a message for your bid!" 
           input type="submit" value="Bid"
 
-    #auctionbid-container
+    #auctionbid-container.card
       h2.tcenter Bid History
       - if auction.bids.length >= 1
         ul.list-container.card-container

src/views/stylesheets/style.sass

@@ -261,6 +261,18 @@ ul.list-container
     max-width: 400px
     border-radius: .2rem
 
+    .range-container
+      display: flex
+      flex-direction: row
+      align-items: center
+      label
+        opacity: .4
+        height: 2rem
+      input
+        margin: 0 1rem !important
+        width: 40%
+        height: 2rem
+
     .checkbox-container
       input[type=checkbox]
         margin: 0 .5rem
@@ -470,7 +482,6 @@ ul.list-container
 
       li
         margin-top: 1.2rem
-        padding: 2px
         border: $border_size solid $border_clr
         border-radius: $border_radius
         transition: .2s border
@@ -528,11 +539,16 @@ ul.list-container
     margin-top: 1.2rem
 
   h2
+    display: flex
+    font-size: 1.25rem
     padding: 0
-    font-size: 1.8rem
+
+    a.inlbutton
+      margin-left: 2rem 
+      font-weight: normal
 
   h3
-    font-size: 1.2rem
+    font-size: 1rem
     font-weight: normal
     span
       font-weight: bold