order log

index.js

@@ -50,7 +50,7 @@ app.get('/', async (req, res, next) => {
     }
 
     const data = await pg.query(
-      `SELECT "ID", "Timestamp", "Type", "App", "Client", "Message", "Misc", "Stack" FROM "Log"`
+      `SELECT "ID", "Timestamp", "Type", "App", "Client", "Message", "Misc", "Stack" FROM "Log" ORDER BY "Timestamp" ASC`
     );
     const rows = [];
     const headings = data.rows.length > 0 ? Object.keys(data.rows[0]) : [];

package-lock.json

@@ -264,14 +264,15 @@
       "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w="
     },
     "pg": {
-      "version": "7.12.1",
-      "resolved": "https://registry.npmjs.org/pg/-/pg-7.12.1.tgz",
-      "integrity": "sha512-l1UuyfEvoswYfcUe6k+JaxiN+5vkOgYcVSbSuw3FvdLqDbaoa2RJo1zfJKfPsSYPFVERd4GHvX3s2PjG1asSDA==",
+      "version": "7.17.1",
+      "resolved": "https://registry.npmjs.org/pg/-/pg-7.17.1.tgz",
+      "integrity": "sha512-SYWEip6eADsgDQIZk0bmB2JDOrC8Xu6z10KlhlXl03NSomwVmHB6ZTVyDCwOfT6bXHI8QndJdk5XxSSRXikaSA==",
       "requires": {
         "buffer-writer": "2.0.0",
         "packet-reader": "1.0.0",
         "pg-connection-string": "0.1.3",
-        "pg-pool": "^2.0.4",
+        "pg-packet-stream": "^1.1.0",
+        "pg-pool": "^2.0.9",
         "pg-types": "^2.1.0",
         "pgpass": "1.x",
         "semver": "4.3.2"
@@ -287,10 +288,15 @@
       "resolved": "https://registry.npmjs.org/pg-int8/-/pg-int8-1.0.1.tgz",
       "integrity": "sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw=="
     },
+    "pg-packet-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/pg-packet-stream/-/pg-packet-stream-1.1.0.tgz",
+      "integrity": "sha512-kRBH0tDIW/8lfnnOyTwKD23ygJ/kexQVXZs7gEyBljw4FYqimZFxnMMx50ndZ8In77QgfGuItS5LLclC2TtjYg=="
+    },
     "pg-pool": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-2.0.7.tgz",
-      "integrity": "sha512-UiJyO5B9zZpu32GSlP0tXy8J2NsJ9EFGFfz5v6PSbdz/1hBLX1rNiiy5+mAm5iJJYwfCv4A0EBcQLGWwjbpzZw=="
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-2.0.9.tgz",
+      "integrity": "sha512-gNiuIEKNCT3OnudQM2kvgSnXsLkSpd6mS/fRnqs6ANtrke6j8OY5l9mnAryf1kgwJMWLg0C1N1cYTZG1xmEYHQ=="
     },
     "pg-types": {
       "version": "2.2.0",
@@ -336,9 +342,9 @@
       }
     },
     "postgresupdater": {
-      "version": "1.0.14",
-      "resolved": "https://registry.npmjs.org/postgresupdater/-/postgresupdater-1.0.14.tgz",
-      "integrity": "sha512-fAH6PWFE+/h7F8Pvwm3KCjkxqqbBO2+f75MrCox2bq2ISd1wzCs3kP0Yz+r8fZDLdORM0pJpV6tLHKd3PEBUcQ==",
+      "version": "1.0.16",
+      "resolved": "https://registry.npmjs.org/postgresupdater/-/postgresupdater-1.0.16.tgz",
+      "integrity": "sha512-6pe6ozTKwSqevDcXC/WIUvb0qBMUlCWtwKb8EOg1c+qf12Hyh+5U/t5Mq79QI8Pa3Z7d86nStGhnVpSevH2HHg==",
       "requires": {
         "pg": "^7.12.1"
       }

package.json

@@ -15,6 +15,6 @@
   "dependencies": {
     "body-parser": "^1.19.0",
     "express": "^4.17.1",
-    "postgresupdater": "^1.0.14"
+    "postgresupdater": "^1.0.16"
   }
 }

web/src/App.vue

@@ -1,7 +1,8 @@
 <template>
   <div id="app">
-    <div>
-      <table v-if="json.headings && json.data">
+    <div v-if="json.headings && json.data">
+      <p>successfully loaded {{json.data.length}} entries</p>
+      <table>
         <tr>
           <th
             v-for="(value, key) in json.headings.filter((val,ind)=>!json.hidden.includes(ind))"
@@ -27,8 +28,6 @@
 </template>
 
 <script>
-import {Item} from "./Item";
-
 export default {
   name: "App",
   data() {
@@ -41,8 +40,7 @@ export default {
     fetch("?json")
       .then(res => res.json())
       .then(json => (self.json = json));
-  },
-  components: [Item]
+  }
 };
 </script>