main data section now updates based on chosen subject

Author: AwMan3703

index.html

@@ -18,13 +18,13 @@
             <div id="normal-content">
                 <main id="content-body">
                     <section id="section-contentHeader">
-                        <input id="main-title" type="text" placeholder="Nome">
+                        <input id="main-title" type="text" placeholder="Titolo">
                         <div id="main-data">
-                            <div id="input-author-wrapper">
+                            <div id="input-author-wrapper" data-subjects="csSUBJECT:art_history csSUBJECT:italian">
                                 <img class="main-data-icon icon-mono display-mode-dynamic-icon" src="assets/artist.png">
                                 <input id="input-author" placeholder="Autore" type="text">
                             </div>
-                            <div id="input-date-wrapper">
+                            <div id="input-date-wrapper" data-subjects="csSUBJECT:art_history csSUBJECT:italian csSUBJECT:history">
                                 <img class="main-data-icon icon-mono display-mode-dynamic-icon" src="assets/clock.png">
                                 <label id="date-label">Data:</label>
                                 <div id="input-dateFrom-wrapper">
@@ -39,11 +39,11 @@
                                     <input id="input-dateTo-year" placeholder="aaaa" type="number" min="-9999" max="9999">
                                 </div>
                             </div>
-                            <div id="input-location-wrapper">
+                            <div id="input-location-wrapper" data-subjects="csSUBJECT:art_history csSUBJECT:history">
                                 <img class="main-data-icon icon-mono display-mode-dynamic-icon" src="assets/pin.png">
-                                <input id="input-location" placeholder="Ubicazione" type="text">
+                                <input id="input-location" placeholder="Luogo" type="text">
                             </div>
-                            <div id="input-subject-wrapper">
+                            <div id="input-subject-wrapper" data-subjects="csSUBJECT:art_history csSUBJECT:italian">
                                 <img class="main-data-icon icon-mono display-mode-dynamic-icon" src="assets/subject.png">
                                 <input id="input-subject" placeholder="Soggetto" type="text">
                             </div>

js/controlPanel.js

@@ -33,8 +33,19 @@ function addSubjectSelectionOptions(subjects) {
     })
 }
 
+function updateMainDataSection(subject) {
+    const mainDataSection = document.getElementById('main-data')
+    const targets = mainDataSection.children
+
+    for (const e of targets) {
+        if (e.dataset.subjects.split(' ').includes(subject)) e.style.removeProperty('display')
+        else e.style.display = 'none'
+    }
+}
+
 
 document.getElementById('csSUBJECT-selector').onchange = ev => {
     CONFIG.sheet.currentSubject = ev.currentTarget.value
     addItemGenerationButtons(CONFIG.subjects[CONFIG.sheet.currentSubject].item_types)
+    updateMainDataSection(CONFIG.sheet.currentSubject)
 }