cambios en css

.eslintrc

@@ -26,6 +26,8 @@
     "jest/no-focused-tests": "error",
     "jest/no-identical-title": "error",
     "jest/prefer-to-have-length": "warn",
-    "jest/valid-expect": "error"
+    "jest/valid-expect": "error",
+    "max-len":["warn",{"code": 120}],
+    "import/named": "off"
   }
 }

package.json

@@ -12,6 +12,7 @@
   "scripts": {
     "htmlhint": "htmlhint dist/*.html ",
     "eslint": "eslint --ext .js src/ test/",
+    "eslint:fix":"eslint --fix --ext .js src/ test/",
     "stylelint": "stylelint --aei src/**/*.css",
     "pretest": "npm run htmlhint && npm run eslint && npm run stylelint",
     "test": "jest --coverage",
@@ -39,5 +40,6 @@
     "createdAt": "2022-11-30T16:52:37.204Z",
     "version": "5.5.0",
     "commit": "51e941edf1cc991930aefd7dd9c406a7c43741c1"
-  }
-}
+  },
+  "dependencies": {}
+}

src/components/form.js

@@ -0,0 +1,61 @@
+import { verifiedEmail } from '../lib/firebase/registerFir.js';
+// eslint-disable-next-line import/no-cycle
+import { onNavigate } from '../main.js';
+// formulario de registro
+export const form = () => {
+  const formDiv = document.createElement('div');
+  const sectionDiv = document.createElement('section');
+  const nombreForm = document.createElement('h4');
+  const imageLogo = document.createElement('img');
+  const formGeneral = document.createElement('form');
+  const formUser = document.createElement('div');
+  const inputFormUser = document.createElement('input');
+  const inputFormPassword = document.createElement('input');
+  const buttonForm = document.createElement('button');
+
+  sectionDiv.className = 'bienvenidaForm';
+  nombreForm.className = 'nombreForm';
+  imageLogo.className = 'imageLogoForm';
+  formGeneral.className = 'formGeneral';
+  formUser.className = 'contenedorForm';
+  inputFormUser.className = 'email';
+  inputFormPassword.className = 'password';
+  buttonForm.className = 'buttonForm';
+
+  formGeneral.id = 'form';
+  buttonForm.id = 'buttonForm';
+
+  imageLogo.src = 'images/gorritoterminado.png';
+
+  nombreForm.textContent = 'REGISTRA TUS DATOS AQUÍ';
+  buttonForm.textContent = 'REGISTRAR';
+
+  inputFormUser.placeholder = 'ejemplo@gmail.com';
+  inputFormPassword.placeholder = '********';
+
+  inputFormUser.name = 'email';
+  inputFormPassword.name = 'password';
+
+  inputFormUser.type = 'email';
+  inputFormPassword.type = 'password';
+
+  formGeneral.addEventListener('submit', async (event) => {
+    event.preventDefault();
+    const password = event.target.password.value;
+    const email = event.target.email.value;
+    const prueba = await verifiedEmail(email, password);
+    console.log(prueba);
+    onNavigate('/login');
+  });
+
+  formDiv.appendChild(sectionDiv);
+  sectionDiv.appendChild(nombreForm);
+  formGeneral.appendChild(imageLogo);
+  formDiv.appendChild(formUser);
+  formUser.appendChild(formGeneral);
+  formGeneral.appendChild(inputFormUser);
+  formGeneral.appendChild(inputFormPassword);
+  formGeneral.appendChild(buttonForm);
+
+  return formDiv;
+};

src/components/home.js

@@ -0,0 +1,41 @@
+// eslint-disable-next-line import/no-cycle
+import { onNavigate } from '../main.js';
+
+export const home = () => {
+  const homeDiv = document.createElement('div');
+  const sectionDiv = document.createElement('section');
+  const nombreApp = document.createElement('h2');
+  const imageLogo = document.createElement('img');
+  const bienvenidaH1 = document.createElement('h3');
+  const buttonRegister = document.createElement('button');
+  const buttonLogin = document.createElement('button');
+
+  sectionDiv.className = 'sectionDiv';
+  nombreApp.className = 'nombreAplicacion';
+  imageLogo.className = 'imageLogo';
+  bienvenidaH1.className = 'welcomeh1';
+  buttonLogin.className = 'buttonLogin';
+  buttonRegister.className = 'buttonRegister';
+
+  imageLogo.src = 'images/logo-quecomemoshoy.png';
+
+  buttonLogin.id = 'buttonLogin';
+  buttonRegister.id = 'buttonRegister';
+
+  nombreApp.textContent = 'INSPIRACIÓN PARA TUS COMIDAS';
+  bienvenidaH1.textContent = 'Bienvenido';
+  buttonRegister.textContent = 'Regístrate';
+  buttonLogin.textContent = 'Inicia sesión';
+
+  buttonRegister.addEventListener('click', () => onNavigate('/register'));
+  buttonLogin.addEventListener('click', () => onNavigate('/login'));
+
+  homeDiv.appendChild(sectionDiv);
+  sectionDiv.appendChild(nombreApp);
+  sectionDiv.appendChild(imageLogo);
+  homeDiv.appendChild(bienvenidaH1);
+  homeDiv.appendChild(buttonRegister);
+  homeDiv.appendChild(buttonLogin);
+
+  return homeDiv;
+};

src/components/login.js

@@ -0,0 +1,65 @@
+// eslint-disable-next-line import/no-cycle
+import { onNavigate } from '../main.js';
+
+export const login = () => {
+  const homeDiv = document.createElement('div');
+  const sectionDiv = document.createElement('section');
+  const nombreApp = document.createElement('h3');
+  const imageLogo = document.createElement('img');
+  const registrateH4 = document.createElement('h3');
+  const formSU = document.createElement('form');
+  const divUser = document.createElement('div');
+  const inputUser = document.createElement('input');
+  const inputPassword = document.createElement('input');
+  const button = document.createElement('button');
+  const hrefHome = document.createElement('href');
+
+  sectionDiv.className = 'sectionDiv';
+  nombreApp.className = 'nombreAplicacion';
+  imageLogo.className = 'imageLogo';
+  registrateH4.className = 'login';
+  formSU.className = 'form';
+  divUser.className = 'contenedorForm';
+  inputUser.className = 'username';
+  inputPassword.className = 'userpassword';
+  button.className = 'button';
+  hrefHome.className = 'hrefHome';
+
+  formSU.id = 'formulario';
+  inputUser.id = 'idUsername';
+  inputPassword.id = 'idPassword';
+  button.id = 'button';
+  hrefHome.id = 'hrefHome';
+
+  imageLogo.src = 'images/logo-quecomemoshoy.png';
+
+  nombreApp.textContent = 'INSPIRACIÓN PARA TUS COMIDAS';
+  registrateH4.textContent = 'Ingresar';
+  button.textContent = 'ENTRAR';
+  hrefHome.textContent = 'Inicio';
+
+  inputUser.placeholder = 'USUARIO';
+  inputPassword.placeholder = 'CONTRASEÑA';
+
+  inputUser.type = 'user';
+  inputPassword.type = 'password';
+  button.type = 'submit';
+
+  hrefHome.addEventListener('click', () => onNavigate('/'));
+  button.addEventListener('click', async () => {
+    onNavigate('/vistaGeneral');
+  });
+
+  homeDiv.appendChild(sectionDiv);
+  sectionDiv.appendChild(nombreApp);
+  sectionDiv.appendChild(imageLogo);
+  homeDiv.appendChild(registrateH4);
+  homeDiv.appendChild(divUser);
+  divUser.appendChild(formSU);
+  formSU.appendChild(inputUser);
+  formSU.appendChild(inputPassword);
+  formSU.appendChild(button);
+  homeDiv.appendChild(hrefHome);
+
+  return homeDiv;
+};

src/components/register.js

@@ -0,0 +1,60 @@
+// eslint-disable-next-line import/no-cycle
+import { onNavigate } from '../main.js';
+import { popupRegister } from '../lib/firebase/registerFir.js';
+
+export const register = () => {
+  const homeDiv = document.createElement('div');
+  const sectionDiv = document.createElement('section');
+  const nombreApp = document.createElement('h2');
+  const imageLogo = document.createElement('img');
+  const registrateH1 = document.createElement('h3');
+  const buttonGoogle = document.createElement('button');
+  const iconGoogle = document.createElement('img');
+  const buttonCorreo = document.createElement('button');
+  const iconCorreo = document.createElement('img');
+  const hrefHome = document.createElement('href');
+
+  sectionDiv.className = 'sectionDiv';
+  nombreApp.className = 'nombreAplicacion';
+  imageLogo.className = 'imageLogo';
+  registrateH1.className = 'registrate';
+  iconGoogle.className = 'iconGoogle';
+  iconCorreo.className = 'iconCorreo';
+  hrefHome.className = 'hrefHome';
+  buttonGoogle.className= 'google';
+  buttonCorreo.className= 'correo';
+
+
+  buttonGoogle.id = 'google';
+  buttonCorreo.id = 'correo';
+  hrefHome.id = 'hrefHome';
+
+  imageLogo.src = 'images/logo-quecomemoshoy.png';
+  iconGoogle.src = 'images/google.png';
+  iconCorreo.src = 'images/gmail.png';
+
+  nombreApp.textContent = 'INSPIRACIÓN PARA TUS COMIDAS';
+  registrateH1.textContent = 'Regístrate';
+  buttonGoogle.textContent = 'REGÍSTRATE CON GOOGLE';
+  buttonCorreo.textContent = 'REGÍSTRATE CON EMAIL';
+  hrefHome.textContent = 'Inicio';
+
+  buttonGoogle.addEventListener('click', async () => {
+    await popupRegister();
+    onNavigate('/vistaGeneral');
+  });
+  buttonCorreo.addEventListener('click', () => {
+    onNavigate('/form');
+  });
+  hrefHome.addEventListener('click', () => onNavigate('/'));
+
+  homeDiv.appendChild(sectionDiv);
+  sectionDiv.appendChild(nombreApp);
+  sectionDiv.appendChild(imageLogo);
+  homeDiv.appendChild(registrateH1);
+  homeDiv.appendChild(buttonGoogle).appendChild(iconGoogle);
+  homeDiv.appendChild(buttonCorreo).appendChild(iconCorreo);
+  homeDiv.appendChild(hrefHome);
+
+  return homeDiv;
+};