Start sketching out advanced SSL config.

src/routes/settings/+page.svelte

@@ -96,7 +96,18 @@
 
         <div class="settings-option">
             <div>
-                Use SSL: <input type=checkbox bind:checked={config.ssl}>
+                SSL:
+                <select bind:value={config.ssl}>
+                    <option value={true}>True</option>
+                    <option value={false}>False</option>
+                    <option value={{}}>Advanced</option>
+                </select>
+                {#if typeof(config.ssl) === 'object'}
+                    <div>
+                        Reject Unauthorized
+                        <input type="checkbox" bind:checked={config.ssl.rejectUnauthorized}>
+                    </div>
+                {/if}
             </div>
         </div>
 

src/utils.js

@@ -6,6 +6,7 @@ const mockApi = {
         'TestCluster': {
             clientId: 'TestClient',
             brokers: ['testbroker.com:5000'],
+            ssl: true,
             sasl: {
                 mechanism: 'SCRAM-SHA-512',
                 username: 'testuser',