initial intro

initial intro before anything in Server Software has been selected
mozilla · Dec 6, 2024 · a93f2d3 · a93f2d3
1 parent b737c6f
commit a93f2d3
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/src/js/configs.js b/src/js/configs.js
@@ -112,7 +112,6 @@ module.exports = {
     tls13: '8.0.16',
   },
   nginx: {
-    checked: true,
     highlighter: 'nginx',
     latestVersion: '1.27.3',
     eolBefore: '1.26.0',

diff --git a/src/js/index.js b/src/js/index.js
@@ -41,6 +41,14 @@ templateContext.keys().forEach(key => {
 
 
 const render = async () => {
+
+  // initial introduction
+  if (document.getElementById('form-generator').server.value === '') {
+    document.getElementById('output-config').innerHTML = '';
+    document.getElementById('copy').classList.toggle('d-none', true);
+    return;
+  }
+
   const _state = await state();
 
   // enable and disable the appropriate fields

diff --git a/src/templates/index.ejs b/src/templates/index.ejs
@@ -38,7 +38,7 @@
               if (config[1].name) {
           %>
             <div class="form-check">
-              <input class="form-check-input" type="radio" name="server" id="server-<%= config[0] %>" value="<%= config[0] %>" <% if (config[1].checked) {%>checked<% } %>>
+              <input class="form-check-input" type="radio" name="server" id="server-<%= config[0] %>" value="<%= config[0] %>">
               <label class="form-check-label" for="server-<%= config[0] %>">
                 <%= config[1].name %>
               </label>
@@ -116,7 +116,11 @@
       </div>
     </form>
 
-    <div id="output-header"></div>
+    <div id="output-header">
+      <div class="h3 pb-3">Getting Started</div>
+      <p>Select an application server in Server Software (above) to generate a sample TLS configuration.</p>
+      <p>When using sample TLS configurations, replace example.com with your server name (e.g. hostname) and replace /path/to/... with actual paths to your local files.</p>
+    </div>
 
     <div id="output-config-container">
       <pre class="border p-3"><code id="output-config"></code></pre>