add /cash ui

controllers/cashTransactionController.js

@@ -3,11 +3,8 @@ module.exports = {
 
   list: async function (req, res) {
     try {
-      const transactions = await cashTransactionModel.find()
-      const data = {
-        messages: transactions
-      };
-      return res.render('cash', data);
+      const transactions = await cashTransactionModel.find({}, { _id: 0, __v: 0 });
+      return res.json(transactions);
     } catch (err) {
       return res.status(500).json({
         message: 'Error when getting transactions.',
@@ -19,6 +16,8 @@ module.exports = {
   create: async function (req, res) {
     const rawString = req.body.messageBody;
 
+    if (rawString == "") return res.status(400).json({ message: "empty string" });
+
     const transaction = new cashTransactionModel({
       raw: rawString,
       day: 0,

routes/api/cashTransactionRouter.js

@@ -2,7 +2,7 @@ var express = require('express');
 var router = express.Router();
 const cashTransaction = require('../../controllers/cashTransactionController.js')
 
-router.get('/', cashTransaction.list);
+router.post('/list', cashTransaction.list);
 
 router.post('/', cashTransaction.create);
 

routes/main.js

@@ -18,6 +18,10 @@ router.get('/list', function (req, res, next) {
   res.render('list', { title: 'List' });
 });
 
+router.get('/cash', function (req, res, next) {
+  res.render('cash', { title: 'Cash' });
+});
+
 const userRouter = require('./user');
 //router.use('/user', userRouter);
 

views/cash.hbs

@@ -1,32 +1,39 @@
-<h1>Message:</h1>
+<script src="/assets/build/cash.js"></script>
 
-<table class="table">
-  <thead>
-    <tr>
-      <th scope="col">#</th>
-      <th scope="col">Day</th>
-      <th scope="col">Month</th>
-      <th scope="col">Year</th>
-      <th scope="col">Amount</th>
-      <th scope="col">Type</th>
-      <th scope="col">Company</th>
-      <th scope="col">Raw</th>
-    </tr>
-  </thead>
-  <tbody>
+<header>
+  <nav class="navbar navbar-expand-md navbar-dark  bg-dark">
+    <div class="container-fluid">
+      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <form class="d-flex" action="" id="myform">
+          <input class="form-control me-2" type="password" name="password" id="pass" placeholder="password">
+          <input class="btn btn-outline-success" type="submit" value="Submit">
+        </form>
+      </div>
+    </div>
+  </nav>
+</header>
 
-    {{#each messages}}
-    <tr>
-      <th scope="row">{{@index}}</th>
-      <td>{{day}}</td>
-      <td>{{month}}</td>
-      <td>{{year}}</td>
-      <td>{{amount}} EUR</td>
-      <td>{{type}}</td>
-      <td>{{company}}</td>
-      <td>{{raw}}</td>
-    </tr>
-    {{/each}}
-
-  </tbody>
-</table>
+<main class="bg-body-tertiary pt-5 pb-5">
+  <div class="container">
+    <table class="table">
+      <thead>
+        <tr>
+          <th scope="col">#</th>
+          <th scope="col">Day</th>
+          <th scope="col">Month</th>
+          <th scope="col">Year</th>
+          <th scope="col">Amount</th>
+          <th scope="col">Type</th>
+          <th scope="col">Company</th>
+          <th scope="col">Raw</th>
+        </tr>
+      </thead>
+      <tbody id="tbody">
+      </tbody>
+    </table>
+  </div>
+</main>