P5 show 1 user

index.js

@@ -11,12 +11,20 @@ const userRoutes = require('./routes/users'),
 const app = express();
 		userStore = require('./user-reader');
 
+
+
+var likeStore;
+
+fs.readFile('likes.json', function (err, data) {
+    if (err) return console.error(err);
+   likeStore = (JSON.parse(data));
+});
+
+
 app.use(express.static('public'));
 
 app.set('view engine', 'pug');
 
-app.use(express.static('./public'));
-
 app.use(morgan('dev'));
 
 app.use(bodyParser.urlencoded({ extended: false }));
@@ -36,6 +44,33 @@ app.get('/api/search/*', (req, res) => {
   res.json(results);
 });
 
+app.post('/like', (request, response) => {
+	if(!likeStore.clicked){
+  likeStore.likeCount = likeStore.likeCount + 1;
+	likeStore.clicked = true;
+}
+
+  response.json(likeStore);
+
+  fs.writeFile('likes.json', JSON.stringify(likeStore), (error, data) => {
+    if (error) {
+      throw error;
+    }
+
+    console.log('new likeCount added to likes.json');
+  });
+});
+
+app.get('/:lastname', (req, res) => {
+	show1 = userStore.searchUsers(req.params.lastname);
+	console.log('did this part run?');
+	console.log(show1[0]);
+	console.log(show1[0].lastname);
+	res.render('show-1-user', {user: show1[0]});
+	//res.redirect('/'+ show1[0].lastname);
+
+});
+
 
 app.listen(3000, function() {
  console.log('Web server started on port 3000');

likes.json

@@ -0,0 +1 @@
+{"likeCount":1,"clicked":true}

public/js/application.js

@@ -1,4 +1,11 @@
+$('.jl-like-button').on('click', function() {
+  $.post('/like', function(data) {
+    $('.jl-like-button').text('LIKES: ' + data.likeCount);
+    console.log(data.likeCount);
+    console.log('like finsihed');
 
+  });
+});
 
 $('#search-button input').on('keyup', function() {
   var query = $('#search-button input').val();
@@ -9,10 +16,21 @@ $('#search-button input').on('keyup', function() {
       console.log(data);
       $(".jl-app-search-results").html('');
       data.forEach(function(element) {
+        console.log (element);
         $(".jl-app-search-results").append(
-          $("<li>" + element.firstname + ' ' + element.lastname + '</li>')
-          );
+          $("<li data-surname="+"'"+element.lastname+"'"+">"+element.firstname + ' ' + element.lastname + "</li>")
+        );
         });
       });
     }
   });
+
+  console.log("YESSSSAPPENED!");
+
+  $(".jl-app-search-results").click(function(e) {
+    var lastname = (e.target).getAttribute("data-surname");
+
+    $.get('/'+lastname, function(data) {
+      window.location.href = '/'+ lastname;
+    });
+  });

user-reader.js

@@ -1,6 +1,11 @@
 const fs = require('fs');
 
-const users = JSON.parse(fs.readFileSync('users.json'));
+var users;
+
+fs.readFile('users.json', function (err, data) {
+    if (err) return console.error(err);
+   users =  (JSON.parse(data));
+});
 
 module.exports = {
 

users.json

@@ -1 +1 @@
-[{"firstname":"Alexandre","lastname":"Marjan","email":"a.marjan@gmail.com"},{"firstname":"Ulysses","lastname":"Silvio","email":"silverspoon87@gmail.com"},{"firstname":"Viktor","lastname":"Gul","email":"viktor.rose@gmail.com"},{"firstname":"Kamalani","lastname":"Georgy","email":"georgy.porgy@gmail.com"},{"firstname":"Jessica","lastname":"Leach","emailAddress":"jessicamaryleach@gmail.com"},{"firstname":"johny","lastname":"falco","emailAddress":"j_falco@yahoo.com"},{"firstname":"Kelvedon ","lastname":"Packard","emailAddress":"K.Packard@PrivateInvestigations.biz"},{"firstname":"JIMBO","lastname":"Hoskins","emailAddress":"jh@yahoo.org"},{"firstname":"pete","lastname":"grimes","emailAddress":"p-man@thestudio.io"},{"firstname":"emily","lastname":"waggley","email":"em_W@hotmail.com"}]
+[{"firstname":"Alexandre","lastname":"Marjan","email":"a.marjan@gmail.com"},{"firstname":"Ulysses","lastname":"Silvio","email":"silverspoon87@gmail.com"},{"firstname":"Jan","lastname":"Van der boot","email":"j.vdboot@gmail.com"},{"firstname":"Viktor","lastname":"Gul","email":"viktor.rose@gmail.com"},{"firstname":"Kamalani","lastname":"Georgy","email":"georgy.porgy@gmail.com"},{"firstname":"Jessica","lastname":"Leach","emailAddress":"jessicamaryleach@gmail.com"},{"firstname":"johny","lastname":"falco","emailAddress":"j_falco@yahoo.com"},{"firstname":"Kelvedon ","lastname":"Packard","emailAddress":"K.Packard@PrivateInvestigations.biz"},{"firstname":"JIMBO","lastname":"Hoskins","emailAddress":"jh@yahoo.org"},{"firstname":"pete","lastname":"grimes","emailAddress":"p-man@thestudio.io"},{"firstname":"emily","lastname":"waggley","email":"em_W@hotmail.com"},{"firstname":"","lastname":"","email":""},{"firstname":"sonia","lastname":"leach","email":"s.leach40@ntlworld.com"}]

views/application.pug

@@ -5,6 +5,7 @@ html
   body
     nav(class="navbar navbar-light bg-faded")
       a(class="navbar-brand" href="/") User Information Application
+      button(type="button" class="btn btn-success jl-like-button") Like this app
       ul.nav.navbar-nav.float-xs-right
         li.nav-item
           a(class="navbar-text" href="/add-user") NEW USER

views/index.pug

@@ -5,5 +5,6 @@ block content
     hr
     each user in users
       .card.card-block
-        h4(class="card-title")= user.firstname + " " + user.lastname
+        a(href="/" + user.lastname)
+          h4(class="card-title")= user.firstname + " " + user.lastname
         p(class="card-text")= "Email: " + user.email

views/search/search-users.pug

@@ -2,14 +2,13 @@ extends ../application
 
 block content
   .container
-    .container
-      .row
-        .col-xs-6.col-xs-offset-3
-          h1 Search for a user:
+    .row
+      .col-xs-6.col-xs-offset-3
+        h1 Search for a user:
 
-          form(action="/search" method="POST" class="form-inline float-xs-right" id="search-button")
-            .form-group
-              label(for="search") Search
-              input(name="query" class="form-control" )
-              button(type="Submit" class="btn btn-info" style="margin-top: 200px") Submit
-              ul.jl-app-search-results
+        form(action="/search" method="POST" id="search-button" autocomplete="off")
+          .form-group
+            label(for="search") Search
+            input(name="query" class="form-control" autocomplete="off")
+            button(type="Submit" class="btn btn-info" style="margin-top: 200px") Submit
+            ul.jl-app-search-results

views/search/show-results.pug

@@ -7,7 +7,8 @@ block content
     if results
       each result in results
         .card.card-block
-          h4(class="card-title")= result.firstname + " " + result.lastname
+          a(href="/" + result.lastname)
+            h4(class="card-title")= result.firstname + " " + result.lastname
           p(class="card-text")= "Email: " + result.email
     else
       h4 User is not found

views/show-1-user.pug

@@ -0,0 +1,6 @@
+extends ./application.pug
+block content
+  .container
+    .card.card-block
+      h4(class="card-title")= user.firstname + " " + user.lastname
+      p(class="card-text")= "Email: " + user.email

views/users/add-user.pug

@@ -10,10 +10,10 @@ block content
             .form-group
               label(for="firstname") Full Name
               input(name="firstname" type="text" id="firstname" class="form-control" placeholder="Joanna")
-            .form-group
+
               label(for="lastname") Full Name
               input(name="lastname" type="text" id="lastname" class="form-control" placeholder="Newton")
-            .form-group
+
               label(for="email") Email address
               input(name="email" type="email" id="email" class="form-control" placeholder="joannanewton@yahoo.com")