add sample page

devhatt · Sep 4, 2024 · 98eed2d · 98eed2d
1 parent 5cac858
commit 98eed2d
Show file tree

Hide file tree

Showing 55 changed files with 140 additions and 147 deletions.
diff --git a/jsconfig.json b/jsconfig.json
@@ -4,7 +4,9 @@
     "baseUrl": ".",
     "paths": {
       "@testing-library/vanilla": ["src/__tests__/index.js"],
-      "~src/*": ["src/*"]
+      "~src/*": ["src/*"],
+      "~styles/*": ["src/styles/*"],
+      "~stories/*": ["src/stories/*"]
     }
   }
 }
diff --git a/src/layouts/app/index.html b/src/layouts/app/index.html
diff --git a/...p/components/Navigation/images/avatar.svg → ...s/components/Navigation/images/avatar.svg b/...p/components/Navigation/images/avatar.svg → ...s/components/Navigation/images/avatar.svg
diff --git a/...app/components/Navigation/images/bell.svg → ...uts/components/Navigation/images/bell.svg b/...app/components/Navigation/images/bell.svg → ...uts/components/Navigation/images/bell.svg
diff --git a/...app/components/Navigation/images/exit.svg → ...uts/components/Navigation/images/exit.svg b/...app/components/Navigation/images/exit.svg → ...uts/components/Navigation/images/exit.svg
diff --git a/...app/components/Navigation/images/menu.svg → ...uts/components/Navigation/images/menu.svg b/...app/components/Navigation/images/menu.svg → ...uts/components/Navigation/images/menu.svg
diff --git a/...ayouts/app/components/Navigation/index.js → src/layouts/components/Navigation/index.js b/...ayouts/app/components/Navigation/index.js → src/layouts/components/Navigation/index.js
@@ -1,7 +1,7 @@
 import { Component } from 'pet-dex-utilities';
 import './index.scss';
 
-import petUrl from '../../../../images/pet-dex.svg';
+import petUrl from '../../../images/pet-dex.svg';
 import avatarUrl from './images/avatar.svg';
 import bellUrl from './images/bell.svg';
 import exitUrl from './images/exit.svg';

diff --git a/...outs/app/components/Navigation/index.scss → src/layouts/components/Navigation/index.scss b/...outs/app/components/Navigation/index.scss → src/layouts/components/Navigation/index.scss
diff --git a/...ponents/SideMenu/images/configuracoes.svg → ...ponents/SideMenu/images/configuracoes.svg b/...ponents/SideMenu/images/configuracoes.svg → ...ponents/SideMenu/images/configuracoes.svg
diff --git a/.../app/components/SideMenu/images/conta.svg → ...outs/components/SideMenu/images/conta.svg b/.../app/components/SideMenu/images/conta.svg → ...outs/components/SideMenu/images/conta.svg
diff --git a/...pp/components/SideMenu/images/doacoes.svg → ...ts/components/SideMenu/images/doacoes.svg b/...pp/components/SideMenu/images/doacoes.svg → ...ts/components/SideMenu/images/doacoes.svg
diff --git a/...s/app/components/SideMenu/images/exit.svg → ...youts/components/SideMenu/images/exit.svg b/...s/app/components/SideMenu/images/exit.svg → ...youts/components/SideMenu/images/exit.svg
diff --git a/...p/components/SideMenu/images/exitmenu.svg → ...s/components/SideMenu/images/exitmenu.svg b/...p/components/SideMenu/images/exitmenu.svg → ...s/components/SideMenu/images/exitmenu.svg
diff --git a/...p/components/SideMenu/images/meuspets.svg → ...s/components/SideMenu/images/meuspets.svg b/...p/components/SideMenu/images/meuspets.svg → ...s/components/SideMenu/images/meuspets.svg
diff --git a/...ponents/SideMenu/images/notifications.svg → ...ponents/SideMenu/images/notifications.svg b/...ponents/SideMenu/images/notifications.svg → ...ponents/SideMenu/images/notifications.svg
diff --git a/...app/components/SideMenu/images/perfil.svg → ...uts/components/SideMenu/images/perfil.svg b/...app/components/SideMenu/images/perfil.svg → ...uts/components/SideMenu/images/perfil.svg
diff --git a/...app/components/SideMenu/images/petdex.svg → ...uts/components/SideMenu/images/petdex.svg b/...app/components/SideMenu/images/petdex.svg → ...uts/components/SideMenu/images/petdex.svg
diff --git a/src/layouts/app/components/SideMenu/index.js → src/layouts/components/SideMenu/index.js b/src/layouts/app/components/SideMenu/index.js → src/layouts/components/SideMenu/index.js
@@ -1,6 +1,7 @@
 import { Component } from 'pet-dex-utilities';
-import { UserService } from '../../../../services/userService';
-import petUrl from '../../../../images/pet-dex.svg';
+import PetAvatar from '../../../components/PetAvatar';
+import petUrl from '../../../images/pet-dex.svg';
+import { UserService } from '../../../services/userService';
 import configuracoes from './images/configuracoes.svg';
 import conta from './images/conta.svg';
 import doacoes from './images/doacoes.svg';
@@ -10,7 +11,6 @@ import meusPets from './images/meuspets.svg';
 import notificacoes from './images/notifications.svg';
 import perfil from './images/perfil.svg';
 import petdex from './images/petdex.svg';
-import PetAvatar from '../../../../components/PetAvatar';
 import './index.scss';
 
 const html = `

diff --git a/...ayouts/app/components/SideMenu/index.scss → src/layouts/components/SideMenu/index.scss b/...ayouts/app/components/SideMenu/index.scss → src/layouts/components/SideMenu/index.scss
diff --git a/src/layouts/index.html b/src/layouts/index.html
@@ -7,16 +7,90 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
-      href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Wix+Madefor+Display:wght@400..800&display=swap&family=Poppins:wght@400;500;600;700&display=swap"
+      href="https://fonts.googleapis.com/css2?family=Catamaran:wght@100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Wix+Madefor+Display:wght@400..800&display=swap"
       rel="stylesheet"
     />
     <title>Pet Hat</title>
-    <script>
-      window.location.href = '/app/';
-    </script>
+    <script src="./index.js" type="module"></script>
+    <link
+      rel="icon"
+      type="image/x-icon"
+      sizes="192x192"
+      href="/favicon/android-icon-192x192.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="57x57"
+      href="/favicon/apple-touch-icon-57x57.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="60x60"
+      href="/favicon/apple-touch-icon-60x60.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="72x72"
+      href="/favicon/apple-touch-icon-72x72.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="76x76"
+      href="/favicon/apple-touch-icon-76x76.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="96x96"
+      href="/favicon/apple-touch-icon-96x96.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="114x114"
+      href="/favicon/apple-touch-icon-114x114.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="120x120"
+      href="/favicon/apple-touch-icon-120x120.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="144x144"
+      href="/favicon/apple-touch-icon-144x144.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="152x152"
+      href="/favicon/apple-touch-icon-152x152.ico"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="/favicon/apple-touch-icon-180x180.ico"
+    />
+    <link
+      rel="icon"
+      type="image/x-icon"
+      sizes="16x16"
+      href="/favicon/favicon-16x16.ico"
+    />
+    <link
+      rel="icon"
+      type="image/x-icon"
+      sizes="32x32"
+      href="/favicon/favicon-32x32.ico"
+    />
   </head>
 
   <body>
-    <div data-select="home" class="root home"></div>
+    <div data-select="home" class="root home">
+      <nav data-select="navigation" class="home__navigation"></nav>
+      <aside data-select="sidemenu" class="home__sidemenu"></aside>
+      <main
+        data-select="content"
+        class="home__content"
+        data-vanilla-route-ele="router-wrap"
+      ></main>
+    </div>
   </body>
 </html>
diff --git a/src/layouts/app/index.js → src/layouts/index.js b/src/layouts/app/index.js → src/layouts/index.js
@@ -1,10 +1,10 @@
 import { extractElements } from 'pet-dex-utilities';
-import mainRouter from '../../router/main-router';
-import { initializeSwiper } from '../../utils/swiper';
+import mainRouter from '../router/main-router';
+import { initializeSwiper } from '../utils/swiper';
 import Navigation from './components/Navigation';
 import SideMenu from './components/SideMenu';
-import initializeScrollable from './utils/scrollable-sidemenu';
 import './index.scss';
+import initializeScrollable from './utils/scrollable-sidemenu';
 
 document.addEventListener('DOMContentLoaded', () => {
   const selected = extractElements([document.body]);

diff --git a/src/layouts/app/index.scss → src/layouts/index.scss b/src/layouts/app/index.scss → src/layouts/index.scss
diff --git a/...irested/images/no-pet-regirested-page.png → ...irested/images/no-pet-regirested-page.png b/...irested/images/no-pet-regirested-page.png → ...irested/images/no-pet-regirested-page.png
diff --git a/...ayouts/app/pages/NoPetRegirested/index.js → src/layouts/pages/NoPetRegirested/index.js b/...ayouts/app/pages/NoPetRegirested/index.js → src/layouts/pages/NoPetRegirested/index.js
@@ -1,6 +1,6 @@
 import { Component } from 'pet-dex-utilities';
 import { Router } from 'vanilla-routing';
-import Button from '../../../../components/Button';
+import Button from '~src/components/Button';
 import petUrl from './images/no-pet-regirested-page.png';
 import './index.scss';
 

diff --git a/...outs/app/pages/NoPetRegirested/index.scss → src/layouts/pages/NoPetRegirested/index.scss b/...outs/app/pages/NoPetRegirested/index.scss → src/layouts/pages/NoPetRegirested/index.scss
diff --git a/src/layouts/app/pages/PetRegister/index.js → src/layouts/pages/PetRegister/index.js b/src/layouts/app/pages/PetRegister/index.js → src/layouts/pages/PetRegister/index.js
@@ -1,6 +1,6 @@
 import { Component } from 'pet-dex-utilities';
-import Button from '../../../../components/Button';
-import PetCard from '../../../../components/PetCard';
+import Button from '~src/components/Button';
+import PetCard from '~src/components/PetCard';
 import './index.scss';
 
 const events = ['select:card', 'submit'];

diff --git a/src/layouts/app/pages/PetRegister/index.scss → src/layouts/pages/PetRegister/index.scss b/src/layouts/app/pages/PetRegister/index.scss → src/layouts/pages/PetRegister/index.scss
diff --git a/...youts/app/pages/PetRegister/index.spec.js → src/layouts/pages/PetRegister/index.spec.js b/...youts/app/pages/PetRegister/index.spec.js → src/layouts/pages/PetRegister/index.spec.js
@@ -1,11 +1,11 @@
-import { describe, expect, it } from 'vitest';
-import { render, screen } from '@testing-library/vanilla';
 import { userEvent } from '@testing-library/user-event';
+import { render, screen } from '@testing-library/vanilla';
+import { describe, expect, it } from 'vitest';
 
-import afghanHound from '../../../../stories/assets/petRegisterPage/afghanHound.svg';
-import akita from '../../../../stories/assets/petRegisterPage/akita.svg';
-import beagle from '../../../../stories/assets/petRegisterPage/beagle.svg';
-import mixedBreed from '../../../../stories/assets/petRegisterPage/mixedBreed.svg';
+import afghanHound from '~stories/assets/petRegisterPage/afghanHound.svg';
+import akita from '~stories/assets/petRegisterPage/akita.svg';
+import beagle from '~stories/assets/petRegisterPage/beagle.svg';
+import mixedBreed from '~stories/assets/petRegisterPage/mixedBreed.svg';
 
 import PetRegisterPage from './index';
 

diff --git a/...pages/PetVet/images/cuidadosEspeciais.svg → ...pages/PetVet/images/cuidadosEspeciais.svg b/...pages/PetVet/images/cuidadosEspeciais.svg → ...pages/PetVet/images/cuidadosEspeciais.svg
diff --git a/.../app/pages/PetVet/images/estetoscopio.svg → ...outs/pages/PetVet/images/estetoscopio.svg b/.../app/pages/PetVet/images/estetoscopio.svg → ...outs/pages/PetVet/images/estetoscopio.svg
diff --git a/src/layouts/app/pages/PetVet/index.js → src/layouts/pages/PetVet/index.js b/src/layouts/app/pages/PetVet/index.js → src/layouts/pages/PetVet/index.js
@@ -1,11 +1,11 @@
 import { Component } from 'pet-dex-utilities';
-import TextArea from '../../../../components/TextArea';
-import Button from '../../../../components/Button';
-import Radio from '../../../../components/RadioButton';
-import Vaccine from '../../../../components/Vaccine';
+import Button from '~src/components/Button';
+import Radio from '~src/components/RadioButton';
+import TextArea from '~src/components/TextArea';
+import Vaccine from '~src/components/Vaccine';
 
-import estetoscopio from './images/estetoscopio.svg';
 import cuidadosEspeciais from './images/cuidadosEspeciais.svg';
+import estetoscopio from './images/estetoscopio.svg';
 
 import './index.scss';
 

diff --git a/src/layouts/app/pages/PetVet/index.scss → src/layouts/pages/PetVet/index.scss b/src/layouts/app/pages/PetVet/index.scss → src/layouts/pages/PetVet/index.scss
diff --git a/src/layouts/app/pages/PetVet/index.spec.js → src/layouts/pages/PetVet/index.spec.js b/src/layouts/app/pages/PetVet/index.spec.js → src/layouts/pages/PetVet/index.spec.js
diff --git a/src/layouts/app/pages/PetWeight/index.js → src/layouts/pages/PetWeight/index.js b/src/layouts/app/pages/PetWeight/index.js → src/layouts/pages/PetWeight/index.js
@@ -1,9 +1,9 @@
 import { Component } from 'pet-dex-utilities';
-import Button from '../../../../components/Button';
-import RadioButton from '../../../../components/RadioButton';
-import RangeSlider from '../../../../components/RangeSlider';
-import TextInput from '../../../../components/TextInput';
-import UploadImage from '../../../../components/UploadImage';
+import Button from '~src/components/Button';
+import RadioButton from '~src/components/RadioButton';
+import RangeSlider from '~src/components/RangeSlider';
+import TextInput from '~src/components/TextInput';
+import UploadImage from '~src/components/UploadImage';
 import './index.scss';
 
 const events = ['submit'];

diff --git a/src/layouts/app/pages/PetWeight/index.scss → src/layouts/pages/PetWeight/index.scss b/src/layouts/app/pages/PetWeight/index.scss → src/layouts/pages/PetWeight/index.scss
diff --git a/...app/pages/PetWeight/petWeightPage.spec.js → ...uts/pages/PetWeight/petWeightPage.spec.js b/...app/pages/PetWeight/petWeightPage.spec.js → ...uts/pages/PetWeight/petWeightPage.spec.js
diff --git a/src/layouts/sample-page/index.html b/src/layouts/sample-page/index.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+  </head>
+  <body>
+    Hello world
+  </body>
+</html>
diff --git a/src/layouts/app/utils/scrollable-sidemenu.js → src/layouts/utils/scrollable-sidemenu.js b/src/layouts/app/utils/scrollable-sidemenu.js → src/layouts/utils/scrollable-sidemenu.js
diff --git a/src/router/routes/app/add-pet/steps/birthday.js b/src/router/routes/app/add-pet/steps/birthday.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-birthday',

diff --git a/src/router/routes/app/add-pet/steps/name.js b/src/router/routes/app/add-pet/steps/name.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-name',

diff --git a/src/router/routes/app/add-pet/steps/petvet.js b/src/router/routes/app/add-pet/steps/petvet.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-vet',

diff --git a/src/router/routes/app/add-pet/steps/race.js b/src/router/routes/app/add-pet/steps/race.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-race',

diff --git a/src/router/routes/app/add-pet/steps/register.js b/src/router/routes/app/add-pet/steps/register.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-register',

diff --git a/src/router/routes/app/add-pet/steps/size.js b/src/router/routes/app/add-pet/steps/size.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-size',

diff --git a/src/router/routes/app/add-pet/steps/weight.js b/src/router/routes/app/add-pet/steps/weight.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-weight',

diff --git a/src/router/routes/app/main-routes/routes/account.js b/src/router/routes/app/main-routes/routes/account.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/account',

diff --git a/src/router/routes/app/main-routes/routes/donates.js b/src/router/routes/app/main-routes/routes/donates.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/donates',

diff --git a/src/router/routes/app/main-routes/routes/error.js b/src/router/routes/app/main-routes/routes/error.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '*',

diff --git a/src/router/routes/app/main-routes/routes/home.js b/src/router/routes/app/main-routes/routes/home.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/',

diff --git a/src/router/routes/app/main-routes/routes/pet-dex.js b/src/router/routes/app/main-routes/routes/pet-dex.js
@@ -1,4 +1,4 @@
-import NoPetRegirestedPage from '~src/layouts/app/pages/NoPetRegirested';
+import NoPetRegirestedPage from '~src/layouts/pages/NoPetRegirested';
 
 export default {
   pathname: '/pet-dex',