Added auto populate dropdown in patron update

allisonglittle · Dec 4, 2021 · c6b2579 · c6b2579
1 parent b822280
commit c6b2579
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 8 deletions.
diff --git a/library-express/patrons.js b/library-express/patrons.js
@@ -124,13 +124,13 @@ module.exports = function () {
     router.get('/:id', function (req, res) {
         callbackCount = 0;
         var context = {};
-        context.jsscripts = ["selectTitle.js"];
         var mysql = req.app.get('mysql');
         getPatron(res, mysql, context, req.params.id, complete);
         getTitles(res, mysql, context, complete);
         function complete() {
             callbackCount++;
             if (callbackCount >= 2) {
+                console.log(context);
                 res.render('update_patrons', context);
             }
 

diff --git a/library-express/public/js/selectTitle.js b/library-express/public/js/selectTitle.js
diff --git a/library-express/views/update_patrons.handlebars b/library-express/views/update_patrons.handlebars
@@ -1,4 +1,6 @@
 <main>
+    <script src="https://code.jquery.com/jquery-3.5.1.js"
+        integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
     <h1>Update Patron</h1>
     <form id="updatePatron" action="/patrons/{{patron.id}}" method="post">
         <p><label for="firstName">First Name:</label><br>
@@ -17,16 +19,14 @@
             <input type="tel" name="contactPhone" value="{{patron.contactPhone}}">
         </p>
         <p><label for="favoriteTitle">Favorite Book:</label><br>
-            <select name="favoriteTitle" id="title_selector" value="{{patron.favoriteTitle}}">
+            <select name="favoriteTitle" id="title-selector" >
                 {{#each titles}}
-                <option value="{{ISBN}}">{{ISBN}} - {{bookTitle}}</option>
+                <option value="{{this.ISBN}}">{{this.ISBN}} - {{this.bookTitle}}</option>
                 {{/each}}
             </select>
         </p>
         <p><input type="submit" value="Submit"></p>
     </form>
-    {{!--
-    <script src="/public/js/selectTitle.js"></script> --}}
     <script>
         function selectTitle(ISBN) {
             $("#title-selector").val(ISBN);