Fix #97, Pico SDK version selector as advanced option for examples

Signed-off-by: paulober <[email protected]>

Author: paulober

src/webview/newProjectPanel.mts

@@ -1837,7 +1837,7 @@ export class NewProjectPanel {
                         </div>
                     </div>
                     <div class="grid gap-6 md:grid-cols-2 mt-6">
-                      <div>
+                      <div id="pico-sdk-selector">
                         <label for="sel-pico-sdk" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Select Pico SDK version</label>
                         <select id="sel-pico-sdk" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                             ${picoSDKsHtml}

web/nav.js

@@ -109,11 +109,15 @@ window.toggleCreateFromExampleMode = function (forceOn, forceOff) {
   const projectNameGrid = document.getElementById('project-name-grid');
   const projectNameDropdownButton = document.getElementById('project-name-dropdown-button');
   const defaultBoardTypeOption = document.getElementById('sel-default');
+  const picoSDKSelector = document.getElementById('pico-sdk-selector');
 
   if (isExampleMode && (forceOn === undefined || !forceOn) && (forceOff === undefined || forceOff)) {
     // clear input to avoid crashing the webview
     projectNameInput.value = '';
 
+    picoSDKSelector.classList.remove('advanced-option');
+    picoSDKSelector.hidden = false;
+
     if (createFromExampleBtn) {
       createFromExampleBtn.setAttribute('data-example-mode', 'false');
       createFromExampleBtn.innerText = 'Example';
@@ -166,6 +170,9 @@ window.toggleCreateFromExampleMode = function (forceOn, forceOff) {
       hideCustomInputs(projectOptionsDivs, false);
     }
   } else if (forceOff === undefined || !forceOff) {
+    picoSDKSelector.classList.add('advanced-option');
+    picoSDKSelector.hidden = true;
+
     if (createFromExampleBtn) {
       createFromExampleBtn.setAttribute('data-example-mode', 'true');
       createFromExampleBtn.innerText = 'Custom';