add compos to unsocial b00tc4mp#169

aleixpr27 · Oct 9, 2024 · 1b05de2 · 1b05de2
1 parent dc4b39f
commit 1b05de2
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 13 deletions.
diff --git a/staff/aleix-palau/unsocial/compo.js b/staff/aleix-palau/unsocial/compo.js
@@ -0,0 +1,9 @@
+function Compo(container) {
+    this.children = []
+    this.container = container
+}
+
+Compo.prototype.add = function (child) {
+    this.children.push(child)
+    this.container.appendChild(child.container)
+}
diff --git a/staff/aleix-palau/unsocial/index.html b/staff/aleix-palau/unsocial/index.html
@@ -13,7 +13,10 @@
     <h1>UN$0C14L</h1>
 
     <script src="data.js"></script>
+
     <script src="logic.js"></script>
+
+    <script src="compo.js"></script>
     <script src="view.js"></script>
     <script src="main.js"></script>
 </body>

diff --git a/staff/aleix-palau/unsocial/main.js b/staff/aleix-palau/unsocial/main.js
@@ -2,5 +2,5 @@ var loggedInUser = null
 
 var loginSection = buildLoginSection()
 
-var body = document.querySelector('body')
-body.appendChild(loginSection)
+var body = new Compo(document.querySelector('body'))
+body.add(loginSection)
diff --git a/staff/aleix-palau/unsocial/view.js b/staff/aleix-palau/unsocial/view.js
@@ -20,7 +20,9 @@ function buildButton(text, type) {
 }
 
 function buildHomeSection() {
-    var section = document.createElement('section')
+    var compo = new Compo(document.createElement('section'))
+
+    var section = compo.container
 
     var title = document.createElement('h2')
     title.innerText = 'Home'
@@ -40,14 +42,16 @@ function buildHomeSection() {
 
         section.remove()
 
-        body.appendChild(loginSection)
+        body.add(loginSection)
     })
 
-    return section
+    return compo
 }
 
 function buildRegisterSection() {
-    var section = document.createElement('section')
+    var compo = new Compo(document.createElement('section'))
+
+    var section = compo.container
 
     var title = document.createElement('h2')
     title.innerText = 'Register'
@@ -95,7 +99,7 @@ function buildRegisterSection() {
 
             section.remove()
 
-            body.appendChild(loginSection)
+            body.add(loginSection)
         } catch (error) {
             alert(error.message)
 
@@ -113,14 +117,16 @@ function buildRegisterSection() {
 
         section.remove()
 
-        body.appendChild(loginSection)
+        body.add(loginSection)
     })
 
-    return section
+    return compo
 }
 
 function buildLoginSection() {
-    var section = document.createElement('section')
+    var compo = new Compo(document.createElement('section'))
+
+    var section = compo.container
 
     var title = document.createElement('h2')
     title.innerText = 'Login'
@@ -155,7 +161,7 @@ function buildLoginSection() {
 
             var homeSection = buildHomeSection()
 
-            body.appendChild(homeSection)
+            body.add(homeSection)
         } catch (error) {
             passwordField[1].value = ''
 
@@ -177,8 +183,8 @@ function buildLoginSection() {
 
         var registerSection = buildRegisterSection()
 
-        body.appendChild(registerSection)
+        body.add(registerSection)
     })
 
-    return section
+    return compo
 }