small tuning around (#169)

* show backend version
* add job.id to results list view
* list today results by default to ensure it's fast by default
* increase list timeout to 40s and handle it properly in query
* fix case where query is empty

src/api/results.js

@@ -53,6 +53,7 @@ export function resultsList(query) {
   return request({
     url: '/api/v0/results',
     method: 'get',
-    params: query
+    params: query,
+    timeout: query.to + 1000
   })
 }

src/api/version.js

@@ -0,0 +1,8 @@
+import request from '@/utils/request'
+
+export function getVersion() {
+  return request({
+    url: `/api/v0/version`,
+    method: 'get'
+  }).then(({ data }) => data)
+}

src/layout/components/Navbar.vue

@@ -30,8 +30,11 @@
           <router-link to="/">
             <el-dropdown-item>Dashboard</el-dropdown-item>
           </router-link>
+          <a :href="'https://github.com/opentmi/opentmi/releases/v' + serverVersion" target="_blank">
+            <el-dropdown-item>opentmi/backend@{{ serverVersion }}</el-dropdown-item>
+          </a>
           <a target="_blank" href="https://github.com/opentmi/opentmi-default-gui/">
-            <el-dropdown-item>Github</el-dropdown-item>
+            <el-dropdown-item>Github/ui</el-dropdown-item>
           </a>
           <el-dropdown-item divided @click.native="logout">
             <span style="display:block;">Log Out</span>
@@ -50,6 +53,7 @@ import ErrorLog from '@/components/ErrorLog'
 import Screenfull from '@/components/Screenfull'
 import SizeSelect from '@/components/SizeSelect'
 import Search from '@/components/HeaderSearch'
+import { getVersion } from '@/api/version'
 
 export default {
   components: {
@@ -67,6 +71,17 @@ export default {
       'device'
     ])
   },
+  data() {
+    return {
+      serverVersion: '',
+      commitId: ''
+    }
+  },
+  async created() {
+    const { OpenTMI, commitId } = await getVersion()
+    this.serverVersion = OpenTMI
+    this.commitId = commitId
+  },
   methods: {
     toggleSideBar() {
       this.$store.dispatch('app/toggleSideBar')

src/views/result/list.vue

@@ -173,6 +173,11 @@ export default {
           sortable: true,
           label: 'Campaign'
         },
+        {
+          key: 'job.id',
+          sortable: true,
+          label: 'JobID'
+        },
         {
           key: 'exec.verdict',
           sortable: true,
@@ -235,7 +240,8 @@ export default {
       listLoading: false,
       listQuery: {
         page: 1,
-        limit: 20
+        limit: 20,
+        'cre.time': `{gt}${new Date().toISOString().split('T')[0].replace(/-/g, '.')}`
       },
       availableCampaigns: []
     }
@@ -258,7 +264,7 @@ export default {
   },
   methods: {
     lengthLimiter(value, maxLength = 20) {
-      let out = value.substr(0, maxLength)
+      let out = value.substring(0, maxLength)
       if (value.length > maxLength) {
         out += '...'
       }
@@ -301,6 +307,8 @@ export default {
       const query = this._.omitBy(this.listQuery, this._.isNil)
       query.l = query.limit
       query.sk = (query.page - 1) * query.limit
+      query.to = 40000
+
       this._.unset(query, 'limit')
       this._.unset(query, 'page')
       if (this.sortBy) {
@@ -313,7 +321,9 @@ export default {
           return
         }
         let value = query[key]
-        if (value.startsWith('*')) {
+        if (typeof value !== 'string') {
+          // empty string
+        } else if (value.startsWith('*')) {
           value = value.slice(1)
           if (value.endsWith('*')) {
             query[key] = `/${value.slice(0, -1)}/`
@@ -338,6 +348,7 @@ export default {
         .then(({ data }) => data)
         .catch(error => {
           console.error(error)
+
           this.total = 0
           // Returning an empty array, allows table to correctly handle
           // internal busy state in case of error