Update v1.0.4

Add a UI : Search Form

Author: tigi44

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "jsonapitestserver",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "private": true,
   "scripts": {
     "start": "node ./bin/www"

package.json

@@ -3,7 +3,8 @@ var path    = require('path');
 
 module.exports = {
   extJson : '.json',
-  findFiles: function (startPath) {
+  findFiles: function (startPath, search) {
+    search = (search) ? search : "";
     if (!fs.existsSync(startPath)){
         console.log("No file dir ", startPath);
         return;
@@ -15,11 +16,13 @@ module.exports = {
         var filename = path.join(startPath, files[i]);
         var stat = fs.lstatSync(filename);
         if (stat.isDirectory()) {
-          fileNames = fileNames.concat(this.findFiles(filename));
+          fileNames = fileNames.concat(this.findFiles(filename, search));
         } else {
           filename = filename.replace('jsonFile', '');
           if (path.extname(filename) == this.extJson) {
-            fileNames.push(filename);
+            if (filename.includes(search)) {
+              fileNames.push(filename);
+            }
           }
         }
     }

routes/findFile.js

@@ -11,15 +11,17 @@ router.get('/' + ff.extJson, function(req, res, next) {
 
 /* GET home page. */
 router.get('/', function(req, res, next) {
+  var search = req.query.search;
   var contentType = req.headers['content-type'];
-  var files = ff.findFiles('./jsonFile');
+  var files = ff.findFiles('./jsonFile', search);
 
   if (contentType == 'application/json') {
     res.json(ff.hierarchyFiles(files));
   } else {
     res.render('index', {
-      title       : 'JSON API TEST SERVER',
-      hierarchyFiles   : ff.hierarchyFiles(files)
+      title             : 'JSON API TEST SERVER',
+      hierarchyFiles    : ff.hierarchyFiles(files),
+      search            : search
     });
   }
 });

routes/index.js

@@ -15,19 +15,24 @@
             <span class="navbar-toggler-icon"></span>
           </button> -->
 
-          <!-- <div class="collapse navbar-collapse" id="navbarsExample02">
-            <ul class="navbar-nav mr-auto">
+          <div class="collapse navbar-collapse" id="navbarsExample02">
+            <!-- <ul class="navbar-nav mr-auto">
               <li class="nav-item active">
                 <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
               </li>
               <li class="nav-item">
                 <a class="nav-link" href="#">Link</a>
               </li>
-            </ul>
-            <form class="form-inline my-2 my-md-0">
-              <input class="form-control" type="text" placeholder="Search">
+            </ul> -->
+            <form class="form-inline my-2 my-md-0" action="/">
+              <div class="input-group">
+                <input type="text" class="form-control" name="search" placeholder="SEARCH" aria-label="SEARCH" value="<%= search %>">
+                <div class="input-group-append">
+                  <button class="btn btn-secondary" type="submit">SEARCH</button>
+                </div>
+              </div>
             </form>
-          </div> -->
+          </div>
     </nav>
   </header>