From 6e9d634f74d136889a0d63765a597104c3719bde Mon Sep 17 00:00:00 2001
From: Timo Hocker <timo@scode.ovh>
Date: Wed, 2 Sep 2020 12:05:48 +0200
Subject: [PATCH] table headings

---
 src/components/TableView.vue     | 15 ++++++++++--
 src/components/ViewComponent.vue |  1 +
 src/default.js                   | 40 +++++++++++++++++++++-----------
 src/template.js                  |  6 +++++
 4 files changed, 46 insertions(+), 16 deletions(-)

diff --git a/src/components/TableView.vue b/src/components/TableView.vue
index 706f223..01f5bbb 100644
--- a/src/components/TableView.vue
+++ b/src/components/TableView.vue
@@ -4,6 +4,13 @@
     class="table_view"
   >
     <table>
+      <tr v-if="headings.length > 0">
+        <th
+          v-for="(heading,key) of headings"
+          :key="key"
+          v-text="heading"
+        />
+      </tr>
       <tr
         v-for="(item,key) of items"
         :key="key"
@@ -30,6 +37,10 @@ export default {
     columns: {
       type:     Array,
       required: true
+    },
+    headings: {
+      type:    Array,
+      default: () => []
     }
   },
   methods: { resolve_data }
@@ -38,7 +49,7 @@ export default {
 
 <style>
 .table_view {
-  overflow: auto;
+  overflow-y: scoll;
   width: max-content;
   max-width: 100%;
   max-height: 100vh;
@@ -54,7 +65,7 @@ tr:nth-child(odd) {
   color: var(--color-accent);
 }
 
-td {
+td, th {
   border: var(--sub-container-border);
   padding: 3px;
 }
diff --git a/src/components/ViewComponent.vue b/src/components/ViewComponent.vue
index 6e53369..3e19fdc 100644
--- a/src/components/ViewComponent.vue
+++ b/src/components/ViewComponent.vue
@@ -10,6 +10,7 @@
     v-else
     :items="data"
     :columns="config.columns"
+    :headings="config.headings"
   />
 </template>
 
diff --git a/src/default.js b/src/default.js
index fd91705..d429936 100644
--- a/src/default.js
+++ b/src/default.js
@@ -6,17 +6,10 @@
  */
 
 export default {
-  sources:  [
-    {
-      name:   'default',
-      limit:  140,
-      offset: 0
-    },
-    {
-      name:   'secondary',
-      limit:  10,
-      offset: 0
-    }
+  sources: [
+    { name: 'default', limit: 140, offset: 0 },
+    { name: 'secondary', limit: 10, offset: 0 },
+    { name: 'version', limit: 1, offset: 0 }
   ],
   displays: [
     {
@@ -50,12 +43,31 @@ export default {
       ]
     },
     {
-      source:  'secondary',
-      type:    'table',
+      source:   'secondary',
+      type:     'table',
+      headings: [
+        'timestamp',
+        'temperature',
+        'humidity',
+        'light',
+        'fan'
+      ],
       columns: [
         'timestamp',
-        'data'
+        'data/temperature',
+        'data/humidity',
+        'data/light',
+        'data/latch'
       ]
+    },
+    {
+      source:            'version',
+      type:              'table',
+      headings:          [ 'hardware version' ],
+      columns:           [ 'message' ],
+      x:                 '',
+      y:                 [],
+      remove_duplicates: false
     }
   ]
 };
diff --git a/src/template.js b/src/template.js
index 56962e8..7e7145d 100644
--- a/src/template.js
+++ b/src/template.js
@@ -47,6 +47,12 @@ export default {
               'chart'
             ]
           },
+          {
+            name:  'headings',
+            type:  'array',
+            child: { type: 'string' },
+            if:    { prop: 'type', op: '=', val: 'table' }
+          },
           {
             name:  'columns',
             type:  'array',