Link to documentation.

src-electron/main-process/menu.js

@@ -16,7 +16,7 @@
  */
 
 const path = require('path')
-const { dialog, Menu } = require('electron')
+const { dialog, Menu, shell } = require('electron')
 const env = require('../util/env.js')
 const util = require('../util/util.js')
 const queryConfig = require('../db/query-config.js')
@@ -29,6 +29,7 @@ const about = require('./about.js')
 const generationEngine = require('../generator/generation-engine.js')
 const queryPackage = require('../db/query-package.js')
 const dbEnum = require('../../src-shared/db-enum.js')
+const commonUrl = require('../../src-shared/common-url.js')
 
 let httpPort
 
@@ -79,7 +80,39 @@ const template = [
         },
       },
       {
-        label: 'Session Information...',
+        type: 'separator',
+      },
+      {
+        role: 'close',
+      },
+      {
+        type: 'separator',
+      },
+      {
+        role: 'quit',
+      },
+    ],
+  },
+  {
+    role: 'editMenu',
+  },
+  {
+    role: 'viewMenu',
+  },
+  {
+    role: 'windowMenu',
+  },
+  {
+    label: 'Help',
+    submenu: [
+      {
+        label: 'Documentation',
+        click(menuItem, browserWindow, event) {
+          shell.openExternal(commonUrl.documentationUrl)
+        },
+      },
+      {
+        label: 'Session Information',
         click(menuItem, browserWindow, event) {
           let cookieText = ''
           util
@@ -111,29 +144,6 @@ const template = [
       {
         type: 'separator',
       },
-      {
-        role: 'close',
-      },
-      {
-        type: 'separator',
-      },
-      {
-        role: 'quit',
-      },
-    ],
-  },
-  {
-    role: 'editMenu',
-  },
-  {
-    role: 'viewMenu',
-  },
-  {
-    role: 'windowMenu',
-  },
-  {
-    label: 'Help',
-    submenu: [
       {
         label: 'About',
         click(menuItem, browserWindow, event) {

src-shared/common-url.js

+/**
+ *
+ *    Copyright (c) 2020 Silicon Labs
+ *
+ *    Licensed under the Apache License, Version 2.0 (the "License");
+ *    you may not use this file except in compliance with the License.
+ *    You may obtain a copy of the License at
+ *
+ *        http://www.apache.org/licenses/LICENSE-2.0
+ *
+ *    Unless required by applicable law or agreed to in writing, software
+ *    distributed under the License is distributed on an "AS IS" BASIS,
+ *    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *    See the License for the specific language governing permissions and
+ *    limitations under the License.
+ */
+
+/**
+ * This module provides common external URLs.
+ *
+ * @module DB API: External URLs.
+ */
+const projectUrl = 'https://github.com/project-chip/zap/'
+
+exports.projectUrl = projectUrl
+exports.documentationUrl = projectUrl.concat('blob/master/README.md')

src/layouts/ZclConfiguratorLayout.vue

@@ -30,7 +30,12 @@ limitations under the License.
           <q-space />
 
           <!-- TODO add a link to said manual here/manage the implementation of manual. -->
-          <q-btn outline color="primary" label="View Manual" />
+          <q-btn
+            outline
+            color="primary"
+            label="View Manual"
+            v-on:click="openDocumentation()"
+          />
         </q-toolbar>
         <ZclGeneralOptionsBar />
       </q-header>
@@ -56,11 +61,15 @@ import ZclGeneralOptionsBar from '../components/ZclGeneralOptionsBar.vue'
 import ZclEndpointManager from '../components/ZclEndpointManager.vue'
 import ZclClusterManager from '../components/ZclClusterManager.vue'
 const restApi = require(`../../src-shared/rest-api.js`)
+const commonUrl = require('../../src-shared/common-url.js')
 
 export default {
   name: 'ZclConfiguratorLayout',
 
   methods: {
+    openDocumentation() {
+      window.open(commonUrl.documentationUrl, '_blank')
+    },
     showVersion() {
       this.$serverGet(restApi.uri.version).then((result) => {
         let msg = `ZAP Version Information