From bcf7e365c6b6f2627d105b2a20026e9db1004eb4 Mon Sep 17 00:00:00 2001
From: Charlie Heiner <heinercj@gmail.com>
Date: Tue, 19 Dec 2017 10:55:43 -0800
Subject: [PATCH 1/3] getting image info when save button is clicked in order
 to send to server

---
 index.html         |  7 ++++---
 models/image.js    |  5 +++++
 views/imageView.js | 22 ++++++++++++++++++++++
 3 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 5d2ecaa..7d8bd83 100644
--- a/index.html
+++ b/index.html
@@ -7,11 +7,12 @@
     <title>Mars Rover Photo App</title>
 
     <script id = "image-template" type="text/x-handlebars-template">
-        
+        <form class= "favImage">
         <article class="clearfix" data-image="{{id}}">
-            <img src="{{url}}" alt="image of mars">
-            <input id="I{{id}}" type="checkbox">
+            <img id="I{{id}}" src="{{url}}" alt="image of mars">
+            <input  class = "saveImage" type="submit">
         </article>
+        </form>
     </script>
         
 </head>
diff --git a/models/image.js b/models/image.js
index 194c7ad..8dbd2b0 100644
--- a/models/image.js
+++ b/models/image.js
@@ -40,6 +40,11 @@ const API_URL = 'http://localhost:3000/api/v1';
         app.imageView.initDiscoverPage();
     }
 
+    Image.saveImage = () =>{
+        
+
+    }
+
     Image.prototype.toHtml = function () {
         $('#gallery').append();
         const template = Handlebars.compile($('#image-template').text());
diff --git a/views/imageView.js b/views/imageView.js
index a76a888..91976ff 100644
--- a/views/imageView.js
+++ b/views/imageView.js
@@ -14,6 +14,25 @@ var app = app || {};
                 app.Image.fetchImages();
         })
        app.Image.all.map(image => $('#photos').append(image.toHtml()));
+    
+       $('.favImage').on('submit', function (event) {
+        event.preventDefault();
+        const rover = $('#rover option:selected').text();
+        const img_id = $(this).find('img').attr('id');
+        const img_num = img_id.slice(1);
+        const src = $(this).find('img').attr('src');
+        console.log(img_num);
+        console.log(img_id);
+        console.log(src);
+        // const image = {
+        //     image_id:
+        //     rover: rover,
+        //     camera: 
+        //     url:
+        //     user:  
+    });
+    
+    
     };
 
     imageView.initHomePage = () => {
@@ -29,6 +48,9 @@ var app = app || {};
     imageView.initFavesPage = () => {
         $('main section').hide();
         $('#favePhotos').show();
+
+        
+      
     }
 
     imageView.initAboutPage = () => {

From d304c49e2c18e6e02a069c0bfec0e70e84c0196c Mon Sep 17 00:00:00 2001
From: Charlie Heiner <heinercj@gmail.com>
Date: Tue, 19 Dec 2017 11:13:11 -0800
Subject: [PATCH 2/3] getting all info when user clicks save to send to server

---
 index.html         | 10 +++++-----
 views/imageView.js | 17 ++++++++---------
 2 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/index.html b/index.html
index 7d8bd83..be3f85b 100644
--- a/index.html
+++ b/index.html
@@ -69,11 +69,11 @@
 
             <div id="gallery"><!-- this is where images will be appended--></div>
 
-            <form id="username">
-                <label for="username">Save your favorite images! Create a username</label>
-                <input type="text" name="username" required>
-                <input type="submit" value= "submit"></input>
-            </form>
+            
+            <label for="username">Save your favorite images! Create a username</label>
+            <input id = "user" type="text" name="username" required>
+            
+          
         </section>
 
         <section id="favePhotos">
diff --git a/views/imageView.js b/views/imageView.js
index 91976ff..57f668e 100644
--- a/views/imageView.js
+++ b/views/imageView.js
@@ -21,15 +21,14 @@ var app = app || {};
         const img_id = $(this).find('img').attr('id');
         const img_num = img_id.slice(1);
         const src = $(this).find('img').attr('src');
-        console.log(img_num);
-        console.log(img_id);
-        console.log(src);
-        // const image = {
-        //     image_id:
-        //     rover: rover,
-        //     camera: 
-        //     url:
-        //     user:  
+        
+        const image = {
+            image_id: img_num,
+            rover: rover,
+            camera: $('#camera option:selected').text(),
+            url: src,
+            user: $('#user').val()
+        }
     });
     
     

From 0f02cc17ba6ef46a536422f1519013a8779c9200 Mon Sep 17 00:00:00 2001
From: Charlie Heiner <heinercj@gmail.com>
Date: Tue, 19 Dec 2017 12:11:52 -0800
Subject: [PATCH 3/3] started work on creating object to send to server in post
 request

---
 models/image.js    | 13 +++++++++++++
 views/imageView.js |  5 +++++
 2 files changed, 18 insertions(+)

diff --git a/models/image.js b/models/image.js
index 8dbd2b0..1185828 100644
--- a/models/image.js
+++ b/models/image.js
@@ -41,8 +41,21 @@ const API_URL = 'http://localhost:3000/api/v1';
     }
 
     Image.saveImage = () =>{
+        const rover = $('#rover option:selected').text();
+        const img_id = $(this).find('img').attr('id');
+        const img_num = img_id.slice(1);
+        const src = $(this).find('img').attr('src');
         
 
+        $.post(`${API_URL}/save` , {
+            image_id: img_num,
+            rover: rover,
+            camera: $('#camera option:selected').text(),
+            url: src,
+            user: $('#user').val()
+
+        })
+
     }
 
     Image.prototype.toHtml = function () {
diff --git a/views/imageView.js b/views/imageView.js
index 57f668e..3239c46 100644
--- a/views/imageView.js
+++ b/views/imageView.js
@@ -17,6 +17,7 @@ var app = app || {};
     
        $('.favImage').on('submit', function (event) {
         event.preventDefault();
+        
         const rover = $('#rover option:selected').text();
         const img_id = $(this).find('img').attr('id');
         const img_num = img_id.slice(1);
@@ -29,6 +30,10 @@ var app = app || {};
             url: src,
             user: $('#user').val()
         }
+        
+        
+        // app.Image.saveImage();
+       
     });