remove console.logs and extraneous code

Author: possumbilities

src/scripts.js

@@ -83,7 +83,6 @@ function setStateParts(state) {
 
     // temp defaults
     state.parts[0] = 'do-you-know-which-license-you-need/yes/';
-    //state.parts[1] = 'which-license-do-you-need/cc-by/';
     state.parts[8] = 'attribution-details/';
 }
 // function to update state.parts
@@ -113,9 +112,6 @@ function updateStateParts(element, index, event, state) {
         state.parts[index] = element.id + '/';
 
     }
-
-    console.log("state.parts (after change)");
-    console.log(state.parts);
 }
 
 // function to combine current tracked 
@@ -142,7 +138,6 @@ function setStateProps(index, state) {
     Object.keys(state.possibilities).forEach((possibility) => {
         if(state.possibilities[possibility].includes(state.current)) {
             state.props.tool = possibility;
-            console.log('matched');
         }
     });
 
@@ -174,16 +169,12 @@ function setStateProps(index, state) {
     }
 
     state.props.cursor = index;
-    console.log('cursor at:');
-    console.log(index);
 
     state.props.attribution = [];
     setStatePropsAttribution(state);
-
 }
 
-
-// isolated function to just set the attribution 
+// function to just set the attribution 
 // subset of state.props (for use other places)
 function setStatePropsAttribution(state) {
 
@@ -193,21 +184,18 @@ function setStatePropsAttribution(state) {
         state.props.attribution.title = document.querySelector('#attribution-details #title').value.replace(/(<([^>]+)>)/gi, "");
     }
 
-
     if (document.querySelector('#attribution-details #creator').value == '') {
         state.props.attribution.creator = document.querySelector('#attribution-details #creator').placeholder.replace(/(<([^>]+)>)/gi, "");
     } else {
         state.props.attribution.creator = document.querySelector('#attribution-details #creator').value.replace(/(<([^>]+)>)/gi, "");
     }
 
-
     if (document.querySelector('#attribution-details #work-link').value == '') {
         state.props.attribution.workLink = document.querySelector('#attribution-details #work-link').placeholder.replace(/(<([^>]+)>)/gi, "");
     } else {
         state.props.attribution.workLink = document.querySelector('#attribution-details #work-link').value.replace(/(<([^>]+)>)/gi, "");
     }
 
-
     if (document.querySelector('#attribution-details #creator-link').value == '') {
         state.props.attribution.creatorLink = document.querySelector('#attribution-details #creator-link').placeholder.replace(/(<([^>]+)>)/gi, "");
     } else {
@@ -219,16 +207,10 @@ function setStatePropsAttribution(state) {
     } else {
         state.props.attribution.workCreationYear = document.querySelector('#attribution-details #work-creation-year').value.replace(/(<([^>]+)>)/gi, "");
     }
-
-    // state.props.attribution.title = document.querySelector('#attribution-details #title').value.replace(/(<([^>]+)>)/gi, "");
-    // state.props.attribution.creator = document.querySelector('#attribution-details #creator').value.replace(/(<([^>]+)>)/gi, "");
-    // state.props.attribution.workLink = document.querySelector('#attribution-details #work-link').value.replace(/(<([^>]+)>)/gi, "");
-    // state.props.attribution.creatorLink = document.querySelector('#attribution-details #creator-link').value.replace(/(<([^>]+)>)/gi, "");
-    // state.props.attribution.workCreationYear = document.querySelector('#attribution-details #work-creation-year').value.replace(/(<([^>]+)>)/gi, "");
 }
 
 // function to reset values beyond current fieldset
-// [T] this could potentially do with a refactor
+// [T]: this could potentially do with a refactor
 // check for input type, and them perform 
 // contextual resets to universal defaults
 // unchecked for radio/checkbox, noselect for 
@@ -241,18 +223,11 @@ function clearStepsAfterCursor(fieldsets, state) {
                 element.querySelector("#tool").value = "noselect";
             }
 
-            // if (index = 8) {
-
-            // }
-
             if (index != 1 | index != 8) {
-                console.log('clear at:');
-                console.log(index);
 
                 let inputs = element.querySelectorAll('input');
                 inputs.forEach((input, i) => {
                     input.checked = false;
-                    console.log('uncheck!');
                 });
             }
         }
@@ -262,7 +237,6 @@ function clearStepsAfterCursor(fieldsets, state) {
 // function to render "tool recommendation",
 // if valid tool from state.parts and/or state.current
 function renderToolRec(state) {
-    // document.querySelector('#tool-recommendation header h3').textContent = state.props.tool;
 
     if (state.props.tool != 'unknown' ) {
         document.querySelector('#tool-recommendation').classList.remove('disable');
@@ -272,12 +246,12 @@ function renderToolRec(state) {
         let templateContent = template.content.cloneNode(true);
         document.querySelector('#tool-recommendation .tool').textContent = '';
         document.querySelector('#tool-recommendation .tool').appendChild(templateContent);
-        console.log('tool set to: ' + tool);
     }
     else if (state.props.tool == 'unknown') {
         document.querySelector('#tool-recommendation').classList.add('disable');
         document.querySelector('#tool-recommendation .tool').textContent = '';
     }
+
 }
 
 // render specifically the mark formats subsections
@@ -287,11 +261,6 @@ function renderMarkingFormats(state) {
 
     setStatePropsAttribution(state);
 
-    //let title = state.props.attribution.title;
-    //let workCreationYear = state.props.attribution.workCreationYear;
-
-    //let phrase = '(c) ' + workCreationYear + ' ' + title + ' is licensed under ';
-
     let attribution = state.props.attribution;
 
     let type = "license";
@@ -301,12 +270,8 @@ function renderMarkingFormats(state) {
         typeAsVerb = "marked";
     }
 
-    //let mark = attribution.title + ' © ' + attribution.workCreationYear + ' by ' + attribution.creator + ' is ' + type  + ' ' + state.props.toolShort + '. To view a copy of this license, visit ' + state.props.toolURL;
-    //document.querySelector('#mark-your-work .plain-text.mark').textContent = mark;
-
-
     // set contents of plain text mark
-    // TODO: reverse use of <template> since it has limits on tokenization capacity, even if
+    // [T]: reverse use of <template> since it has limits on tokenization capacity, even if
     // it allows more dev readability.
     let template = document.getElementById('plain-text');
     let templateContent = template.content.cloneNode(true);
@@ -326,7 +291,6 @@ function renderMarkingFormats(state) {
     markProps.toolLong = state.props.toolLong;
     markProps.toolURL = state.props.toolURL;
 
-
     // set contents of plain text mark
     plainTextFullName = document.querySelector('#plain-text-full-name').checked;
 
@@ -337,19 +301,13 @@ function renderMarkingFormats(state) {
         markProps.toolName = state.props.toolShort;
     }
 
-    // could carve out separate sections for different mark formats here
+    // [T]: could carve out separate sections for different mark formats here
     // only handles plain text at the moment
     for (const [key, value] of Object.entries(markProps)) {
         templateContent.textContent = parseTokens(key, value, templateContent.textContent);
-        console.log(`${key}: ${value}`);
-        console.log(templateContent);
     }
     document.querySelector('#mark-your-work .plain-text.mark').appendChild(templateContent);
 
-
-    //templateContent.textContent = parseTokens("year", attribution.workCreationYear, templateContent.textContent);
-    //document.querySelector('#mark-your-work .plain-text.mark').appendChild(templateContent);
-
     // set contents of rich text mark
     let ccSVG = '<img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" style="max-width: 1em;max-height:1em;margin-left: .2em;">';
     let bySVG = '<img src="https://mirrors.creativecommons.org/presskit/icons/by.svg" style="max-width: 1em;max-height:1em;margin-left: .2em;">';
@@ -436,21 +394,19 @@ function renderMarkingFormats(state) {
 //   console.log(parsedMark);
 
 
+
 // function to render "empty area"
 // if no valid tool from state.parts and/or state/current
-
 function renderEmptyPlaceholder(state) { 
 
     if (state.props.tool == 'unknown' ) {
         document.querySelector('#empty').classList.remove('disable');
-        console.log('show empty');
     }
 
     else if (state.props.tool != 'unknown') {
         document.querySelector('#empty').classList.add('disable');
-        console.log('hide empty');
     }
-
+    
 }
 
 // function to render "mark your work",
@@ -461,14 +417,7 @@ function renderMarkYourWork(state) {
         // load attribution details template, 
         // populate from attribution text values
         document.querySelector('#mark-your-work').classList.remove('disable');
-
-        //state.props.attribution.title
-        // let title = state.props.attribution.title;
-        // let workCreationYear = state.props.attribution.workCreationYear;
-
-        // let phrase = '(c) ' + workCreationYear + ' ' + title + ' is licensed under ';
 
-        // document.querySelector('#mark-your-work .mark-holder').textContent = phrase + state.props.tool;
         renderMarkingFormats(state);
 
     }
@@ -512,9 +461,7 @@ function renderSteps(applyDefaults, state) {
         });
         document.querySelector('#which-license-do-you-need').classList.toggle('disable');
         document.querySelector('#waive-your-copyright').classList.add('disable');
-        
-        console.log("pass one");
-    
+            
     }
 
     // if visitor doesn't need help
@@ -535,17 +482,13 @@ function renderSteps(applyDefaults, state) {
             document.querySelector(element).classList.add('disable');
         });
 
-        //if (state.parts[0] == 'do-you-know-which-license-you-need/no/') {
-            //document.querySelector('#require-attribution').classList.remove('disable');
-        //}
         document.querySelector('#waive-your-copyright').classList.remove('disable');
 
     } else {
         document.querySelector('#waive-your-copyright').classList.add('disable');
     }
     if (state.parts[2] == 'require-attribution/no/') {
         document.querySelector('#require-attribution').classList.remove('disable');
-        //document.querySelector('#confirmation').classList.remove('disable');
     }
 
     // walk away from cc-0, reset attribution choice point
@@ -555,8 +498,6 @@ function renderSteps(applyDefaults, state) {
         });
         document.querySelector('#require-attribution').classList.remove('disable');
         document.querySelector('#waive-your-copyright').classList.add('disable');
-
-        //document.querySelector('#confirmation').classList.remove('disable');
     }
 
     // tie SA to ND choice
@@ -566,10 +507,7 @@ function renderSteps(applyDefaults, state) {
 
 }
 
-// function to render "mark your work", from attribution fields
-// if valid tool from state.parts and/or state.current
-
-// function to handle error state
+// [T]: function to handle error state
 
 // function to watch for fieldset changes 
 function watchFieldsets(fieldsets, state) {
@@ -579,20 +517,13 @@ function watchFieldsets(fieldsets, state) {
 
         element.addEventListener("change", (event) => {
 
-            console.log("something changed!");
             updateStateParts(element, index, event, state);
 
             setStateCurrent(element, index, state);
-            console.log("state.current (after change)");
-            console.log(state.current);
 
             setStateProps(index, state);
-            console.log("state.props (after change)");
-            console.log(state.props);
 
             // [T]: also reset values beyond current changed fieldset to nothing each time
-            //element.checked = false;
-            //console.log('reset values beyond current fieldset to nothing');
             clearStepsAfterCursor(fieldsets, state);
 
             renderSteps(applyDefaults, state);
@@ -603,8 +534,6 @@ function watchFieldsets(fieldsets, state) {
 
             renderMarkYourWork(state);
 
-            console.log(state.props.toolShort);
-
         });
 
     });
@@ -617,8 +546,6 @@ function watchAttributionDetails(fieldsets, state) {
     textFields.forEach((element, index) => {
 
         element.addEventListener("keyup", (event) => {
-            console.log('typing is happening');
-
             renderMarkingFormats(state);
         });
 
@@ -630,8 +557,6 @@ function watchMarkToggles(toggles, state) {
     toggles.forEach((element, index) => {
 
         element.addEventListener("click", (event) => {
-            console.log('toggling is happening');
-
             renderMarkingFormats(state);
         });
 
@@ -652,58 +577,42 @@ function watchMarkCopiers(copiers, state) {
     copiers.forEach((element, index) => {
 
         element.addEventListener("click", (event) => {
-            console.log('copying is happening');
 
             if (element.parentNode.parentNode.querySelector('.mark').value != null) {
                 copyToClipboard(element.parentNode.parentNode.querySelector('.mark').value);
-                console.log('copying value');
             } else {
                 copyToClipboard(element.parentNode.parentNode.querySelector('.mark').innerHTML);
-                console.log('copying innerHTML');
             }
         });
 
     });
 }
 
-
-
-
 document.addEventListener("DOMContentLoaded", (event) => {
     // full flow logic 
     setStateParts(state);
-    console.log("state.parts (at default)");
-    console.log(state.parts);
 
     setStatePossibilities(state);
-    console.log("state.possibilities");
-    console.log(state.possibilities);
 
     setDefaults(applyDefaults);
-    console.log("initial defaults applied");
 
     setStateProps(0, state);
-    console.log("initial defaults applied");
 
     watchFieldsets(fieldsets, state);
     watchAttributionDetails(fieldsets, state);
     watchMarkToggles(toggles, state);
     watchMarkCopiers(copiers, state);
-
-    console.log("DOM fully loaded and parsed");
 });
 
-
 // rough panel expansion test
-let expandButtons = document.querySelectorAll('button.expandPanel');
+// let expandButtons = document.querySelectorAll('button.expandPanel');
 
-expandButtons.forEach((element, index) => { 
-    element.addEventListener("click", (event) => {
+// expandButtons.forEach((element, index) => { 
+//     element.addEventListener("click", (event) => {
 
-        parent = event.target.parentNode.parentNode;
-        parent.querySelector('.panel').classList.toggle('expand');
-        console.log('expanded!');
+//         parent = event.target.parentNode.parentNode;
+//         parent.querySelector('.panel').classList.toggle('expand');
 
-    });
-});
+//     });
+// });