componente comentarios

assets/code/DOM.js

@@ -0,0 +1,40 @@
+export const createTitle = (name,...classes) => {
+    let h1El = document.createElement("h1")
+    h1El.classList.add(...classes)
+    h1El.textContent = name
+    return h1El 
+}
+
+export const createDivWithID = id => {
+    let divEl = document.createElement("div")
+    divEl.setAttribute("id",id)
+    return divEl
+}
+
+export const createDivWithClasses = (...classes) => {
+    let divEl = document.createElement("div")
+    divEl.classList.add(...classes)
+    return divEl
+}
+
+export const createParagraph = (name) => {
+    let pEl = document.createElement("p")
+    pEl.textContent = name
+    return pEl
+}
+
+export const createImage = (src, alt, ...classes) => {
+    let imgEl = document.createElement("img")
+    imgEl.setAttribute("src", src)
+    imgEl.setAttribute("alt", alt)
+    imgEl.classList.add(...classes)
+    return imgEl
+}
+
+export const createButton = (value, ...classes) => {
+    let btnEl = document.createElement("button")
+    btnEl.setAttribute("type","button")
+    btnEl.classList.add(...classes)
+    btnEl.textContent = value
+    return btnEl
+}

assets/code/DOM/DOM.js

@@ -0,0 +1,134 @@
+export const createTitle = (name, ...classes) => {
+    let h1El = document.createElement("h1")
+    h1El.classList.add(...classes)
+    h1El.textContent = name
+    return h1El
+}
+
+export const createDivWithID = id => {
+    let divEl = document.createElement("div")
+    divEl.setAttribute("id", id)
+    return divEl
+}
+
+export const createDivWithClasses = (...classes) => {
+    let divEl = document.createElement("div")
+    divEl.classList.add(...classes)
+    return divEl
+}
+
+export const createParagraph = (name) => {
+    let pEl = document.createElement("p")
+    pEl.textContent = name
+    return pEl
+}
+
+export const createImage = (src, alt, ...classes) => {
+    let imgEl = document.createElement("img")
+    imgEl.setAttribute("src", src)
+    imgEl.setAttribute("alt", alt)
+    imgEl.classList.add(...classes)
+    return imgEl
+}
+
+export const createOption = (value, textContent) => {
+    let optionEl = document.createElement("option")
+    optionEl.setAttribute("value", value)
+    optionEl.textContent = textContent
+    return optionEl
+}
+
+export const createCheckBox = (...classes) => {
+    let checkBoxEl = document.createElement("input")
+    checkBoxEl.setAttribute("type", "checkbox");
+    checkBoxEl.classList.add(...classes)
+    return checkBoxEl
+}
+
+export const createSelect = (...classes) => {
+    let selectEl = document.createElement("select")
+    selectEl.classList.add(...classes)
+    return selectEl
+}
+
+export const createInputTypeNumber = (id, nome) => {
+    let inputEl = document.createElement("input")
+    inputEl.setAttribute("type", "number")
+    inputEl.setAttribute("id", id)
+    inputEl.setAttribute("name", nome)
+    return inputEl
+}
+
+export const getSelectMarked = (idSelect) => {
+    let selectEl = document.getElementById(idSelect)
+    let valueSelected = selectEl.options[selectEl.selectedIndex].value
+    return valueSelected
+}
+
+export const getInputValueByName = (nameInput) => {
+    let inputEl = document.getElementsByName(nameInput)[0]
+    return inputEl.value
+}
+
+export const getIDElement = element => element.getAttribute("id")
+
+export const isInputNull = valor => {
+    if (valor === "") return true
+    else return false
+}
+
+export const setDefaultValueSelect = (selectElement, selectedValue) => {
+    let indexSelected = selectElement.selectedIndex
+    for (let i = 0; i < selectElement.options.length; i++) {
+        if (selectElement.options[i].value == selectedValue) {
+            selectElement.selectedIndex = i
+            break
+        }
+    }
+    return selectElement
+}
+
+//O attribute é a propridade dos objetos do array que vai ser colocada no valor
+export const setOptionsInASelect = (arrayItens, idSelect, valueAttribute, textContentAttribute) => {
+    let currentSelectEl = document.getElementById(idSelect)
+    arrayItens.forEach(valor => {
+        let currentOption = createOption(valor[valueAttribute], valor[textContentAttribute])
+        currentSelectEl.appendChild(currentOption)
+    })
+}
+
+//sem parametro no listener
+export const addEventToElementOnClick = (element, event) => {
+    element.addEventListener("click", event)
+}
+
+export const addEventToHTMLCollectionOnClick = (HTMLCollection, event) => {
+    let buttonsArray = Array.prototype.slice.call(HTMLCollection)
+    buttonsArray.forEach(elemento => {
+        elemento.addEventListener("click", event)
+    })
+}
+
+//retorna um array com a posição na lista dos selecionados
+export const selectedCheckBox = (containerList) => {
+    let containerEl = document.getElementById(containerList)
+    let nodeChild = containerEl.childNodes
+    let arrayNodeChild = Array.prototype.slice.call(nodeChild)
+    let selectedPositionCheckbox = []
+    arrayNodeChild.forEach((valor, indice) => {
+        console.log(valor.childNodes[1].childNodes[0].checked)
+        if (valor.childNodes[1].childNodes[0].checked) {
+            selectedPositionCheckbox.push(indice)
+        }
+    })
+
+    return selectedPositionCheckbox
+}
+
+export const checkCheckboxes = (arrayIDs) => {
+    arrayIDs.forEach((valor) => {
+        let currentItem = document.getElementById(valor)
+        currentItem.childNodes[1].childNodes[0].checked = true
+    })
+}
+

assets/code/DOM/modal.js

@@ -0,0 +1,14 @@
+export const openModal = (modalEl,fadeEl) => {
+    fadeEl.style.display = "flex";
+    modalEl.style.display = "flex";
+}
+
+export const closeModal = (modalEl,fadeEl) => {
+    modalEl.style.display = "none"
+    fadeEl.style.display = "none"
+}
+
+export const declineActionModal = (modalEl,fadeEl) => {
+    modalEl.style.display = "none";
+    fadeEl.style.display = "none";
+}

assets/code/classes/instEmpr.js

@@ -0,0 +1,8 @@
+export class instEmpr {
+    constructor(nome,responsavel,contato,instEmpr) {
+        this.nome = nome
+        this.responsavel = responsavel
+        this.contato = contato
+        this.instEmpr = instEmpr
+    }
+}

assets/code/classes/squad.js

@@ -0,0 +1,9 @@
+export class squad {
+    constructor(arrayIDAlunos,arrayIDMentores,empresaResponsavel,numeroSquad,programaResidencia) {
+        this.arrayIDAlunos = arrayIDAlunos
+        this.arrayIDMentores = arrayIDMentores
+        this.empresaResponsavel = empresaResponsavel
+        this.numeroSquad = numeroSquad
+        this.programaResidencia = programaResidencia
+    }
+}

assets/code/classes/usuario.js

@@ -0,0 +1,9 @@
+export class usuario {
+    constructor(nome, email, funcao, instEmpr, senha) {
+        this.nome = nome
+        this.email = email
+        this.funcao = funcao
+        this.instEmpr = instEmpr
+        this.senha = senha
+    }
+}

assets/code/control/control.js

@@ -0,0 +1 @@
+import { getAll } from "../db/CRUD.js"

assets/code/db/CRUD.js

@@ -0,0 +1,111 @@
+import { getFirestore, getDocs, collection, addDoc, doc, getDoc, updateDoc, deleteDoc, query, where } from "https://www.gstatic.com/firebasejs/9.6.10/firebase-firestore.js";
+import { removeKeyObject } from "./removeKeyObject.js";
+import { setIDObjects } from "./setIDObjects.js"
+
+const db = getFirestore();
+
+
+export async function add(obj, collectionref) {
+    try {
+        await addDoc(collection(db, collectionref), Object.assign({}, obj))
+        return "sucesso";
+    } catch (e) {
+        console.error("Error:", e);
+    }
+}
+
+export async function getAll(collectionref) {
+    try {
+        let searchArray = [];
+        let currentObject;
+        let documents = await getDocs(collection(db, collectionref))
+        documents.forEach(valor => {
+            currentObject = valor.data();
+            currentObject = setIDObjects(currentObject, valor.id);
+            searchArray.push(currentObject);
+            console.log(searchArray);
+        });
+
+        return searchArray;
+    } catch (e) {
+        console.log(`Error: ${e}`);
+    }
+}
+
+//Retorna uma promisse daqui em diante
+export const get = (id, collectionref) => {
+    try {
+        return getDoc(doc(db, collectionref, id)).then(doc => setIDObjects(doc.data(), id))
+    } catch (e) {
+        console.log(`Error: ${e}`)
+    }
+}
+
+export async function update(obj, collectionref) {
+    try {
+        await updateDoc(doc(db, collectionref, obj.id), Object.assign({}, obj))
+        return "sucesso" 
+    } catch (e) {
+        console.log(`Error: ${e}`);
+    }
+}
+
+export const del = (id, collectionref) => {
+    try {
+        return deleteDoc(doc(db, collectionref, id)).then(() => "Sucesso")
+    } catch (e) {
+        console.log(`Error: ${e}`)
+    }
+}
+
+export async function filterByOneKey(collectionref,key,arrayValue) {
+    try {
+        console.log(collectionref)
+        let searchArray = []
+        let currentObject
+        const q = query(collection(db,collectionref), where(key, "in", arrayValue))
+
+        const documents = await getDocs(q)
+        documents.forEach((doc) => {
+            currentObject = doc.data()
+            currentObject = setIDObjects(currentObject, doc.id)
+            if(collectionref = "usuarios") {
+                currentObject = removeKeyObject(currentObject, "senha")
+            }
+            console.log(currentObject)
+            searchArray.push(currentObject)
+        })
+        return searchArray
+    }catch (e) {
+        console.log(`Error: ${e}`)
+    }
+}
+
+//TODO - Transformar essa função em uma função(ou criar outra) que recebe um array de arrays com par key - arrayValue para criar um filtro de NKeys
+export async function filterByTwoKeys(collectionref, keyOne, valueOne, keyTwo, valueTwo) {
+    try {
+        let searchArray = []
+        let currentObject
+        console.log(keyOne)
+        console.log(keyTwo)
+        const q = query(collection(db, collectionref),where(keyOne, "==",valueOne), where(keyTwo,"==",valueTwo))
+
+        const documents = await getDocs(q)
+        documents.forEach((doc) => {
+            currentObject = doc.data()
+            currentObject = setIDObjects(currentObject, doc.id)
+            if(collectionref = "usuarios") {
+                currentObject = removeKeyObject(currentObject, "senha")
+            }
+            console.log(currentObject)
+            searchArray.push(currentObject)
+        })
+        console.log(searchArray)
+
+        return searchArray
+    }catch (e) {
+        console.log(`Error: ${e}`)
+    }
+}
+
+

assets/code/db/firebase.js

@@ -0,0 +1,22 @@
+// Import the functions you need from the SDKs you need
+import { initializeApp } from "https://www.gstatic.com/firebasejs/9.6.10/firebase-app.js";
+
+// TODO: Add SDKs for Firebase products that you want to use
+// https://firebase.google.com/docs/web/setup#available-libraries
+
+// Your web app's Firebase configuration
+// For Firebase JS SDK v7.20.0 and later, measurementId is optional
+const firebaseConfig = {
+  apiKey: "AIzaSyAgkTFLUyk8vZWIL9ZcGqgifavQc6EAH80",
+  authDomain: "dock-tech.firebaseapp.com",
+  projectId: "dock-tech",
+  storageBucket: "dock-tech.appspot.com",
+  messagingSenderId: "612768628457",
+  appId: "1:612768628457:web:6aa323ec3505159008fa78",
+  measurementId: "G-CXH880JV5H"
+};
+
+// Initialize Firebase
+const app = initializeApp(firebaseConfig);
+
+

assets/code/db/removeKeyObject.js

@@ -0,0 +1,4 @@
+export const removeKeyObject = (object,key) => {
+    delete object[key]
+    return object
+}

assets/code/db/setIDObjects.js

@@ -0,0 +1,9 @@
+export const setIDObjects = (object, id) => {
+    Object.defineProperty(object, "id", {
+        enumerable: true,
+        writable: false,
+        value: id
+    })
+
+    return object
+}

assets/nav-icon-bar.css

@@ -0,0 +1,8 @@
+.icon-bar {
+  max-width: 100%;
+  background-color: #D3D2EB;
+  display: flex;
+  justify-content: space-between;
+  margin: 0px;
+}
+