add better input defaults, clear after state.props.cursor onChange, c…

…lone instead of append templates (for better reuse)

src/index.html

@@ -138,8 +138,9 @@ <h1>Choose a License for Your Work</h1>
 
             <label for="license">License</label>
             <select name="license" id="license">
+                <option value="noselect" selected>&mdash;choose a license&mdash;</option>
                 <option value="cc-0">CC0 1.0</option>
-                <option value="cc-by" selected>CC-BY 4.0</option>
+                <option value="cc-by">CC-BY 4.0</option>
                 <option value="cc-by-sa">CC-BY-SA 4.0</option>
                 <option value="cc-by-nd">CC-BY-ND 4.0</option>
                 <option value="cc-by-nc">CC-BY-NC 4.0</option>

src/scripts.js

@@ -148,21 +148,30 @@ function setStateProps(index, state) {
 
 // function to reset values beyond current fieldset
 function clearStepsAfter(fieldsets, state) {
-    // get current fieldset.element index onchange,
-    // then use loop through all fieldset.elements > index
-    // use querySelector to set all child inputs to
-    // empty default values
-
-    // might need a prop of "cursor" which marks where
-    // in the steps we are, do this in state.props
-
     fieldsets.forEach((element, index) => {
         if (index > state.props.cursor) {
-            console.log('clear at:');
-            console.log(index);
 
-            // change to querySelectorAll and then loop through to reset where appropriate
-            element.querySelector('input').checked = false;
+            if (index == 1) {
+                element.querySelector("#license").value = "noselect";
+            }
+
+            // if (index = 8) {
+
+            // }
+
+            if (index != 1 | index != 8) {
+                console.log('clear at:');
+                console.log(index);
+
+                // change to querySelectorAll and then loop through to reset where appropriate
+                let inputs = element.querySelectorAll('input');
+                inputs.forEach((input, i) => {
+                    input.checked = false;
+                    console.log('uncheck!');
+
+                });
+
+            }
         }
 
     });
@@ -179,9 +188,10 @@ function renderLicenseRec(state) {
 
         let license = state.props.license;
         let template = document.getElementById(license);
-        let templateContent = template.content;
+        let templateContent = template.content.cloneNode(true);
         document.querySelector('#license-recommendation .license').textContent = '';
         document.querySelector('#license-recommendation .license').appendChild(templateContent);
+        console.log('license set to: ' + license);
     }
     else if (state.props.license == 'unknown') {
         document.querySelector('#license-recommendation').classList.add('disable');