Re ordered files, added compo extends and add posts b00tc4mp#174

staff/aaron-barrios/unsocial/compo/Button.js

@@ -0,0 +1,10 @@
+//BUTTON INSTANCES 
+class Button extends Compo {
+    constructor(text, type) {
+        super(document.createElement('button'))
+
+        this.container.innerText = text
+        this.container.type = type
+    }
+
+}

staff/aaron-barrios/unsocial/compo/Compo.js

@@ -0,0 +1,32 @@
+//FUNCIÓN PADRE
+class Compo {
+    constructor(container) {
+        this.children = []
+        this.container = container
+
+        // this.parent = null
+    }
+
+    add = function (child) {
+        this.children.push(child)
+
+        // child.parent = this
+
+        this.container.appendChild(child.container)
+    }
+
+    remove = function () {
+        // var index = this.parent.children.findIndex(function (child) {
+        //     return child === this
+        // }.bind(this))
+
+        // if (index > -1)
+        //     this.parent.children.splice(index, 1)
+
+        this.container.remove()
+    }
+
+    addBehavior = function (type, callback) {
+        this.container.addEventListener(type, callback)
+    }
+}

staff/aaron-barrios/unsocial/compo/Form.js

@@ -0,0 +1,11 @@
+//FORMULARIOS
+class Form extends Compo {
+    constructor(container) {
+        super(document.createElement('form'))
+    }
+
+
+    reset = function () {
+        this.container.reset()
+    }
+}

staff/aaron-barrios/unsocial/compo/Heading.js

@@ -0,0 +1,8 @@
+//HEADING INSTANCES
+class Heading extends Compo {
+    constructor(text, level) {
+        super(document.createElement('h' + level))
+
+        this.container.innerText = text
+    }
+}

staff/aaron-barrios/unsocial/compo/Image.js

@@ -0,0 +1,8 @@
+class Image extends Compo {
+    constructor(address) {
+        super(document.createElement('img'))
+
+        this.container.src = address
+        this.container.style.width = '100%'
+    }
+}

staff/aaron-barrios/unsocial/compo/Input.js

@@ -0,0 +1,28 @@
+//INPUT Instances
+class Input extends Compo {
+    constructor(type, id) {
+        super(document.createElement('input'))
+        this.container.style.width = '100%'
+        this.container.style.boxSizing = 'border-box'
+
+        this.container.type = type
+        this.container.id = id
+    }
+
+
+    getValue = function () {
+        return this.container.value
+    }
+
+    setValue = function (value) {
+        this.container.value = value
+    }
+
+    getType = function () {
+        return this.container.type
+    }
+
+    setType = function (type) {
+        this.container.type = type
+    }
+}

staff/aaron-barrios/unsocial/compo/Label.js

@@ -0,0 +1,9 @@
+//LABEL INSTANCES
+class Label extends Compo {
+    constructor(text, id) {
+        super(document.createElement('label'))
+
+        this.container.innerText = text
+        this.container.htmlFor = id
+    }
+}