From b7fc8b2044a1fd18893e070f67f58991aa65a89a Mon Sep 17 00:00:00 2001
From: damola <dshomoye@gmail.com>
Date: Thu, 21 Jan 2021 14:47:20 -0800
Subject: [PATCH] render help link in preview form

---
 resources/templates/globalConfig.html | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/resources/templates/globalConfig.html b/resources/templates/globalConfig.html
index 604a23e..ec77f89 100644
--- a/resources/templates/globalConfig.html
+++ b/resources/templates/globalConfig.html
@@ -98,6 +98,11 @@
                                     </select>
                                 </div>
                             </template>
+                            <template x-if="entity.type === 'helpLink' && entity.options && entity.options.text">
+                                <div>
+                                    <a x-text="entity.options.text" :href="entity.options.link || '#'"></a>
+                                </div>
+                            </template>
                             <template x-if="entity.help">
                                 <span class="help-block text-secondary" x-text="entity.help"></span>
                             </template>
@@ -134,6 +139,7 @@
                     })
                 },
                 updateEntities(newForm) {
+                    // destroying all old slim-selects as they will be removed from the DOM.
                     this.slimSelects.forEach(s => s?.destroy())
                     this.slimSelects = []
                     this.activeForm = newForm
@@ -172,15 +178,17 @@
                     } else {
                         this.entities = []
                     }
+                    //using a custom event to trigger initializing slim-selects. 
+                    // required to ensure <select> nodes are added to DOM *before* trying to initialize.
                     window.dispatchEvent(new CustomEvent('update-slim-select'));
                 },
                 updatePage(page, form = '') {
                     this.activePage = page;
                     this.updateEntities(form);
                     if (page === 'Configuration') {
-                        this.tabs = this.globalConfig.pages.configuration.tabs
+                        this.tabs = this.globalConfig.pages.configuration?.tabs || []
                     } else if (page === 'Inputs') {
-                        this.tabs = this.globalConfig.pages.inputs.services
+                        this.tabs = this.globalConfig.pages.inputs?.services || []
                     } else if (page === 'Alerts') {
                         this.tabs = this.globalConfig.alerts || []
                     }