Improve help dialogue.

- Shows frontend and backend versions
- Shows version release notes

lib/www/client/source/src/components/help-dialog.vue

@@ -14,26 +14,42 @@
   </template>
 
   <v-card>
-    <v-card-title class="headline">
-      Dougal user support
-    </v-card-title>
+    <v-window v-model="page">
+      <v-window-item value="support">
+        <v-card-title class="headline">
+          Dougal user support
+        </v-card-title>
 
-    <v-card-text>
-      <p>You can get help or report a problem by sending an email to <a :href="`mailto:${email}`">{{email}}</a>. Please include as much information as possible about your problem or question—screenshots are often a good idea, and data files may also be attached.</p>
+        <v-card-text>
+          <p>You can get help or report a problem by sending an email to <a :href="`mailto:${email}`">{{email}}</a>. Please include as much information as possible about your problem or question—screenshots are often a good idea, and data files may also be attached.</p>
 
-      <p>When you write to the above address a ticket will be automatically created in the project's issue tracking system.</p>
+          <p>When you write to the above address a ticket will be automatically created in the project's issue tracking system.</p>
 
-      <v-alert dense type="info" border="left" outlined>
-        <div class="text-body-2">
-        You are using Dougal version:
-        <ul>
-          <li><code>{{clientVersion}}</code> (client)</li>
-          <li><code>{{serverVersion}}</code> (server)</li>
-        </ul>
-        </div>
-      </v-alert>
+          <v-alert dense type="info" border="left" outlined>
+            <div class="text-body-2">
+            You are using Dougal version:
+            <ul>
+              <li><code>{{clientVersion}}</code> (client)</li>
+              <li><code>{{serverVersion}}</code> (server)</li>
+            </ul>
+            </div>
+          </v-alert>
 
-    </v-card-text>
+        </v-card-text>
+      </v-window-item>
+
+      <v-window-item value="changelog">
+        <v-card-title class="headline">
+          Dougal release notes
+        </v-card-title>
+
+        <v-card-text>
+          <pre>{{ versionHistory }}</pre>
+        </v-card-text>
+
+
+      </v-window-item>
+    </v-window>
 
     <v-divider></v-divider>
 
@@ -57,6 +73,7 @@
         <span class="d-none d-lg-inline">Report a bug</span>
       </v-btn>
 
+      <!---
       <v-btn
         color="info"
         text
@@ -65,6 +82,17 @@
       >
         <v-icon>mdi-rss</v-icon>
       </v-btn>
+      --->
+
+      <v-btn v-if="versionHistory"
+        color="info"
+        text
+        :title="page == 'support' ? 'View release notes' : 'View support info'"
+        :input-value="page == 'changelog'"
+        @click="page = page == 'support' ? 'changelog' : 'support'"
+      >
+        <v-icon>mdi-history</v-icon>
+      </v-btn>
 
       <v-spacer></v-spacer>
 
@@ -98,13 +126,21 @@ export default {
       feed: btoa(encodeURIComponent("https://gitlab.com/wgp/dougal/software.atom?feed_token=XSPpvsYEny8YmH75Nz5W")),
       clientVersion: process.env.DOUGAL_FRONTEND_VERSION ?? "(unknown)",
       serverVersion: null,
+      versionHistory: null,
+      page: "support"
     };
   },
 
   methods: {
     async getServerVersion () {
-      const version = await this.api(['/version', {}, null, {silent:true}]);
-      this.serverVersion = version?.tag ?? "(unknown)";
+      if (!this.serverVersion) {
+        const version = await this.api(['/version', {}, null, {silent:true}]);
+        this.serverVersion = version?.tag ?? "(unknown)";
+      }
+      if (!this.versionHistory) {
+        const history = await this.api(['/version/history?count=1', {}, null, {silent:true}]);
+        this.versionHistory = history[this.serverVersion.replace(/-.*$/, "")] ?? null;
+      }
     },
 
     ...mapActions(["api"])