Merge pull request #33 from drewuse/book-filters

drewuse · Apr 14, 2019 · 710d808 · 710d808
2 parents 2a185a0 + 2e65b7b
commit 710d808
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 16 deletions.
diff --git a/public/.DS_Store b/public/.DS_Store
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
@@ -13,4 +13,8 @@ a.dropdown-item{
 }
 #sellButton{
   margin-right:10px;
+}
+
+#asterisk{
+	color: red;
 }
diff --git a/routes/sellForm.js b/routes/sellForm.js
@@ -77,7 +77,6 @@ router.post('/insert', imageParser.single('image'),  /* this middleware processe
   // Populate DB schema
   var item = {
     title: req.body.title,
-    description: req.body.description,
     price: req.body.price,
     imgs: null,
     datePosted: current_timestamp,
@@ -91,6 +90,7 @@ router.post('/insert', imageParser.single('image'),  /* this middleware processe
     // }],
     condition: condition,
     booktype: booktype,
+    description: req.body.description ? req.body.description : '',
     dateSold: null,
     postedBy: req.session.passport.user._json.email,
     boughtBy: null,

diff --git a/views/sellForm.hbs b/views/sellForm.hbs
@@ -3,28 +3,24 @@
     <form action="/sell/insert" method="post" enctype="multipart/form-data">
         <!-- Title Input -->
         <div class="input">
-          <label for="title">Title</label>
-          <input type="text" id="title" name="title">
+          <label for="title">Title <span id="asterisk">*</span></label>
+          <input required type="text" id="title" name="title">
         </div>
         <!-- Price Input -->
         <div class="input">
-          <label for="content">Price</label>
-          <input type="number" id="price" name="price">
-        </div>
-        <!-- Item Description Input -->
-        <div class="input">
-          <label for="author">Description</label>
-          <input type="text" id="description" name="description">
+          <label for="content">Price <span id="asterisk">*</span></label>
+          <input required type="number" id="price" name="price">
         </div>
         <!-- Image Input -->
         <div class="input">
-          <label for="image">Image</label>
-          <input type="file" id="image" name="image">
+          <label for="image">Image <span id="asterisk">*</span></label>
+          <input required type="file" id="image" name="image">
         </div>
         <!-- Condition Dropdown -->
         <div class="input">
-          <label for="condition"><strong>Book Condition</strong></label>
-          <select class="form-control" id="condition" name="condition">
+          <label for="condition">Book Condition: <span id="asterisk">*</span></label>
+          <select required class="form-control" id="condition" name="condition">
+            <option value="">Choose a book condition...</option>
             <option value="new">New</option>
             <option value="used-vg">Used - Very Good</option>
             <option value="used-gd">Used - Good</option>
@@ -33,12 +29,18 @@
         </div>
         <!-- Book Type Dropdown -->
         <div class="input">
-          <label for="booktype"><strong>Book Type</strong></label>
-          <select class="form-control" id="booktype" name="booktype">
+          <label for="booktype">Book Type: <span id="asterisk">*</span></label>
+          <select required class="form-control" id="booktype" name="booktype">
+            <option value="">Choose a book type...</option>
             <option value="textbook">Textbook</option>
             <option value="course-rr">Required Course Reading (non-textbook)</option>
             <option value="other">Other (non-textbook)</option>
           </select>
         </div>
+        <!-- Item Description Input -->
+        <div class="input">
+          <label for="author">Additional Description</label>
+          <input type="text" id="description" name="description">
+        </div>
         <button class="btn btn-primary" type="submit">Start Selling</button>
     </form>