update code

Author: foramsojitra

bin/www

@@ -4,22 +4,22 @@
  * Module dependencies.
  */
 
-var app = require('../app');
-var debug = require('debug')('nodetest2:server');
-var http = require('http');
+let app = require('../app');
+let debug = require('debug')('nodetest2:server');
+let http = require('http');
 
 /**
  * Get port from environment and store in Express.
  */
 
-var port = normalizePort(process.env.PORT || '3000');
+let port = normalizePort(process.env.PORT || '3000');
 app.set('port', port);
 
 /**
  * Create HTTP server.
  */
 
-var server = http.createServer(app);
+let server = http.createServer(app);
 
 /**
  * Listen on provided port, on all network interfaces.
@@ -36,7 +36,7 @@ server.on('listening', onListening);
  */
 
 function normalizePort(val) {
-  var port = parseInt(val, 10);
+  let port = parseInt(val, 10);
 
   if (isNaN(port)) {
     // named pipe
@@ -60,7 +60,7 @@ function onError(error) {
     throw error;
   }
 
-  var bind = typeof port === 'string'
+  let bind = typeof port === 'string'
     ? 'Pipe ' + port
     : 'Port ' + port;
 
@@ -84,8 +84,8 @@ function onError(error) {
  */
 
 function onListening() {
-  var addr = server.address();
-  var bind = typeof addr === 'string'
+  let addr = server.address();
+  let bind = typeof addr === 'string'
     ? 'pipe ' + addr
     : 'port ' + addr.port;
   debug('Listening on ' + bind);

public/stylesheets/style.css

@@ -5,12 +5,6 @@ body {
 	background-color: lightblue !important;
 }
 
-div{
-	margin-left: 200px;
-}
-
 th{
 	text-align: center !important;
-}
-
-
+}

routes/index.js

@@ -30,26 +30,6 @@ router.post('/', (req, res, next) => {
     res.send();
   } else {
 
-    /*User.count(function(err,c){
-          //console.log('Count is ' + c);
-          let e = c+1;
-          //console.log("e"+e);
-    
-          let newPerson = new User({
-            unique_id:e,
-            username: personInfo.username,
-            fullname: personInfo.fullname,
-            age: personInfo.age
-          });
-    
-          newPerson.save(function(err, Person){
-            if(err)
-              console.log(err);
-            else
-              console.log('Success');
-          });
-    
-        });*/
     let c = 1;
     User.findOne({}, (err, data) => {
 
@@ -94,7 +74,7 @@ router.put('/user/:id', (req, res) => {
     fullname: personInfo.fullname,
     age: personInfo.age
   }, (err, rawResponse) => {
-    console.log(rawResponse);
+    // console.log(rawResponse);
   });
 
 });

views/index.ejs

@@ -26,7 +26,6 @@
                     data: $('#form1').serialize(),
                     dataType: "json",
                     success: function (response) {
-                        //console.log('response');
                         clearInputs();
                         Show();
                         //$( "#a" ).click();
@@ -37,7 +36,6 @@
             });
 
             $('table').on('click', '.update-button', function () {
-                //alert('asssaaa');
                 let rowEl = $(this).closest('tr');
                 let id = rowEl.find('.id').text();
                 let fullname = rowEl.find('.fullname').val();
@@ -57,7 +55,6 @@
 
             });
             $('table').on('click', '.delete-button', function () {
-                // alert("DELETE");
                 let rowEl = $(this).closest('tr');
                 let id = rowEl.find('.id').text();
 
@@ -76,27 +73,27 @@
                 Show();
             });
             function Show() {
-                // alert("Show");
                 $.ajax({
                     type: 'GET',
                     url: '/show',
                     dataType: "json",
                     success: function (response) {
                         console.log(response);
-                        let tbodyEl = $('tbody');
+                        // let tbodyEl = $('tbody');
+                        let tbodyEl = $("#myTable > tbody")
 
                         tbodyEl.html('');
 
                         response.forEach(function (product) {
                             tbodyEl.append('\
                         <tr>\
                         <td class="id">' + product.unique_id + '</td>\
-                        <td><input type="text" class="fullname" value="' + product.fullname + '"></td>\
-                        <td><input type="text" class="username" value="' + product.username + '"></td>\
-                        <td><input type="text" class="age" value="' + product.age + '"></td>\
+                        <td><input type="text" class="fullname form-control" value="' + product.fullname + '"></td>\
+                        <td><input type="text" class="username form-control" value="' + product.username + '"></td>\
+                        <td><input type="number" class="age form-control" value="' + product.age + '"></td>\
                         <td>\
-                        <button class="update-button">UPDATE</button>\
-                        <button class="delete-button">DELETE</button>\
+                        <button class="update-button btn btn-secondary">UPDATE</button>\
+                        <button class="delete-button btn btn-danger">DELETE</button>\
                         </td>\
                         </tr>\
                         ');
@@ -119,31 +116,42 @@
 </head>
 
 <body>
-    <button id="a">Show</button>
+    <button id="a" class="btn btn-primary">Show</button>
+    <br />
+    <br />
     <form id="form1" method="POST">
-        <label>UserName:</label><input type="text" name="username" id="username" required>
-        <br />
-        <label>Fullname:</label><input type="text" name="fullname" id="fullname" required>
-        <br />
-        <label>Age:</label><input type="Number" name="age" id="age" required>
+        <table style="margin-left:auto; margin-right:auto;">
+            <tr>
+                <td><label>UserName</label></td>
+                <td><input class="form-control" type="text" name="username" id="username" required></td>
+            </tr>
+            <tr>
+                <td><label>Fullname</label></td>
+                <td><input class="form-control" type="text" name="fullname" id="fullname" required></td>
+            </tr>
+            <tr>
+                <td><label>Age</label></td>
+                <td><input class="form-control" type="Number" name="age" id="age" required></td>
+            </tr>
+        </table>
         <br />
-        <button type="Submit" id="add">Submit</button>
+        <button type="Submit" id="add" class="btn btn-success">Submit</button>
     </form>
-    <div>
-        <table>
-            <thead>
-                <tr>
-                    <th>ID</th>
-                    <th>FullName</th>
-                    <th>UserName</th>
-                    <th>Age</th>
-                </tr>
-            </thead>
-            <tbody>
-
-            </tbody>
-        </table>
-    </div>
+    <br />
+    <table id='myTable' style="margin-left:auto; margin-right:auto;">
+        <thead>
+            <tr>
+                <th>ID</th>
+                <th>FullName</th>
+                <th>UserName</th>
+                <th>Age</th>
+                <th>Action</th>
+            </tr>
+        </thead>
+        <tbody>
+
+        </tbody>
+    </table>
 </body>
 
 </html>