Adição das experiencias profissionais

digitalinnovationone · Aug 17, 2022 · d8e82ac · d8e82ac
1 parent 47c7500
commit d8e82ac
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 20 deletions.
diff --git a/assets/js/main.js b/assets/js/main.js
@@ -49,11 +49,25 @@ function updatePortfolio(profileData) {
     }).join('')
 }
 
+function updateProfessionalExperience(profileData) {
+    const professionalExperience = document.getElementById('profile.professionalExperience')
+    professionalExperience.innerHTML = profileData.professionalExperience.map(experience => {
+        return `
+            <li>
+                <h3 class="title">${experience.name}</h3>
+                <p class="period">${experience.period}</p>
+                <p>${experience.description}</p>
+            </li>
+        `
+    }).join('')
+}
+
 (async () => {
     const profileData = await fetchProfileData()
     updateProfileInfo(profileData)
     updateSoftSkills(profileData)
     updateHardSkills(profileData)
     updateLanguages(profileData)
     updatePortfolio(profileData)
+    updateProfessionalExperience(profileData)
 })()
diff --git a/index.html b/index.html
@@ -99,26 +99,7 @@ <h2>Experiência Profissional</h2>
             </button>
 
             <div class="content">
-                <ul class="experience">
-                    <li>
-                        <h3 class="title">Front-end Developer / dio.me</h3>
-                        <p class="period">Jan 2020 - Current</p>
-                        <p>
-                            Lorem ipsum dolor sit amet. Praesentium magnam consectetur vel in deserunt aspernatur est
-                            reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus iure,
-                            iste.
-                        </p>
-                    </li>
-
-                    <li>
-                        <h3 class="title">Front-end Developer / dio.me</h3>
-                        <p class="period">Jan 2020 - Current</p>
-                        <p>
-                            Lorem ipsum dolor sit amet. Praesentium magnam consectetur vel in deserunt aspernatur est
-                            reprehenderit sunt hic. Nulla tempora soluta ea et odio, unde doloremque repellendus iure,
-                            iste.
-                        </p>
-                    </li>
+                <ul class="experience" id="profile.professionalExperience">
                 </ul>
             </div>
         </section>