diff --git a/src/home/components/PetRegister/index.js b/src/home/components/PetRegister/index.js deleted file mode 100644 index 43647887..00000000 --- a/src/home/components/PetRegister/index.js +++ /dev/null @@ -1,63 +0,0 @@ -import { Component } from 'pet-dex-utilities'; -import TextInput from '../../../components/TextInput'; -import UploadImage from '../../../components/UploadImage'; -import Button from '../../../components/Button'; -import './index.scss'; - -const events = ['submit']; - -const html = ` -
-
-
-

Qual o nome do seu bichinho?

-
-
-
-
-`; - -export default function PetRegister() { - Component.call(this, { html, events }); - - const $inputContainer = this.selected.get('input-container'); - const $uploadImage = this.selected.get('upload-image-container'); - const $buttonContainer = this.selected.get('button-container'); - - this.input = new TextInput({ - placeholder: 'Nome do Pet', - }); - - this.upload = new UploadImage(); - this.button = new Button({ - text: 'Continuar', - isFullWidth: true, - isDisabled: false, - }); - - const updateButtonVisibility = () => { - const input = this.input.getValue(); - const image = this.upload.getImage(); - - this.button.setIsDisabled(!(input && image)); - }; - updateButtonVisibility(); - - this.upload.listen('value:change', updateButtonVisibility); - this.input.listen('value:change', updateButtonVisibility); - - this.button.listen('click', () => { - const image = this.upload.getValue(); - const name = this.input.getValue(); - this.emit('submit', { image, name }); - }); - - this.upload.mount($uploadImage); - this.input.mount($inputContainer); - this.button.mount($buttonContainer); -} - -PetRegister.prototype = Object.assign( - PetRegister.prototype, - Component.prototype, -); diff --git a/src/home/components/PetRegister/index.scss b/src/home/components/PetRegister/index.scss deleted file mode 100644 index ad0833c3..00000000 --- a/src/home/components/PetRegister/index.scss +++ /dev/null @@ -1,72 +0,0 @@ -@use '~styles/breakpoints.scss' as breakpoints; -@use '~styles/colors.scss' as colors; -@use '~styles/fonts.scss' as fonts; - -.pet-register { - display: flex; - flex-direction: column; - - &__container { - width: 100%; - } - - &__image { - max-width: 18.6rem; - - margin: 5rem auto; - } - - &__title { - font-family: fonts.$primaryFont; - color: colors.$gray800; - text-align: center; - font-size: fonts.$xs; - font-weight: fonts.$medium; - - margin: 7rem auto 3rem; - } - - &__input { - max-width: 32.7rem; - - margin: 0 auto; - } - - &__button { - width: 100%; - - margin-top: 16.8rem; - padding: 2rem; - box-sizing: border-box; - - box-shadow: 0 -3px 8px 0 rgba(73, 77, 90, 0.12156862745098039); - border-radius: 1.7rem; - } -} - -@include breakpoints.from1024 { - .pet-register { - align-items: center; - - &__title { - font-size: fonts.$sm; - - margin-top: 15rem; - } - - &__input { - max-width: 40rem; - - margin: 0 auto; - } - - &__button { - width: 43%; - - margin-top: 4rem; - padding: unset; - - box-shadow: unset; - } - } -} diff --git a/src/home/components/PetVetPage/images/cuidadosEspeciais.svg b/src/home/components/PetVetPage/images/cuidadosEspeciais.svg deleted file mode 100644 index cf3c0a71..00000000 --- a/src/home/components/PetVetPage/images/cuidadosEspeciais.svg +++ /dev/null @@ -1,19 +0,0 @@ - - - - - - - - - - - - - - - - - - - diff --git a/src/home/components/PetVetPage/images/estetoscopio.svg b/src/home/components/PetVetPage/images/estetoscopio.svg deleted file mode 100644 index 6d34411e..00000000 --- a/src/home/components/PetVetPage/images/estetoscopio.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/src/home/components/PetVetPage/index.js b/src/home/components/PetVetPage/index.js deleted file mode 100644 index 19e49de9..00000000 --- a/src/home/components/PetVetPage/index.js +++ /dev/null @@ -1,127 +0,0 @@ -import { Component } from 'pet-dex-utilities'; -import Button from '../../../components/Button'; -import Radio from '../../../components/RadioButton'; -import Vaccine from '../../../components/Vaccine'; - -import estetoscopio from './images/estetoscopio.svg'; -import cuidadosEspeciais from './images/cuidadosEspeciais.svg'; - -import './index.scss'; - -const html = ` -
-
-

Conte-nos um pouco mais do seu animal

-

Seu pet já foi vacinado? Conta pra gente que mês ou ano que você costuma comemorar o aniversário dele!

-
-
-
-
-
- estetoscopio -
-
-

O seu pet amigo foi castrado?

-
-
-
-
-
-
-
- cuidados especiais -
-
-

Cuidados especiais

-
-
-
-
-
-
-
-`; - -const events = ['submit']; - -function createAndMount({ name, text, mountTo }) { - const radio = new Radio({ name, text }); - radio.mount(mountTo); - return radio; -} - -export default function PetVetPage({ vaccines = [] } = {}) { - Component.call(this, { html, events }); - - const $footer = this.selected.get('footer'); - const $specialCareRadio = this.selected.get('special-care-radio'); - const $neuteredRadio = this.selected.get('neutered-radio'); - const $cardGroup = this.selected.get('card-group'); - - this.vaccine = new Vaccine({ vaccines }); - this.vaccine.mount($cardGroup); - - const form = { - isNeutered: undefined, - isSpecialCare: undefined, - specialCareText: '', - vaccines: undefined, - }; - - const specialCare = [ - createAndMount({ - name: 'specialCare', - text: 'Não', - mountTo: $specialCareRadio, - }), - createAndMount({ - name: 'specialCare', - text: 'Sim', - mountTo: $specialCareRadio, - }), - ]; - const neutered = [ - createAndMount({ - name: 'neutered', - text: 'Não', - mountTo: $neuteredRadio, - }), - createAndMount({ - name: 'neutered', - text: 'Sim', - mountTo: $neuteredRadio, - }), - ]; - - neutered.forEach((radio) => { - radio.listen('change', (value) => { - const text = radio.getText(); - form.isNeutered = text === 'Yes' ? value : !value; - }); - }); - - specialCare.forEach((radio) => { - radio.listen('change', (value) => { - const text = radio.getText(); - form.isSpecialCare = text === 'Yes' ? value : !value; - }); - }); - - this.button = new Button({ - text: 'Concluir', - isFullWidth: false, - isDisabled: false, - }); - - this.button.selected.get('button').classList.add('petvet-page__button'); - this.button.mount($footer); - - const emitForm = () => { - form.vaccines = this.vaccine.listVaccines(); - this.emit('submit', form); - }; - - this.button.listen('click', emitForm); -} - -PetVetPage.prototype = Object.assign(PetVetPage.prototype, Component.prototype); diff --git a/src/home/components/PetVetPage/index.scss b/src/home/components/PetVetPage/index.scss deleted file mode 100644 index f0136cd4..00000000 --- a/src/home/components/PetVetPage/index.scss +++ /dev/null @@ -1,159 +0,0 @@ -@use '~styles/colors.scss' as colors; -@use '~styles/fonts.scss' as fonts; -@use '~styles/breakpoints' as breakpoints; - -.petvet-page { - height: 100%; - - display: flex; - flex-direction: column; - - align-items: center; - - &__header { - text-align: center; - - margin-bottom: 2.4rem; - - &--text { - font-family: fonts.$primaryFont; - color: colors.$gray800; - font-size: 1.8rem; - font-weight: fonts.$semiBold; - - line-height: 2.6; - } - - &--subtext { - font-family: fonts.$fourthFont; - color: colors.$gray700; - font-size: fonts.$sm; - font-weight: fonts.$regular; - - line-height: 2.2; - } - } - - &__card-group { - display: flex; - flex-direction: column; - - gap: 1.6rem; - } - - &__card { - font-family: fonts.$primaryFont; - color: colors.$gray800; - font-size: 1.4rem; - font-weight: fonts.$semiBold; - line-height: 2rem; - - padding: 1.6rem; - - box-shadow: 0 0 2px 2px rgba(50, 50, 71, 0.04); - - border-radius: 1.4rem; - } - - &__card-header { - display: flex; - gap: 1rem; - - align-items: center; - } - - &__card-content { - width: 100%; - - display: flex; - - flex-direction: column; - - gap: 2rem; - } - - &__img { - max-width: 5.4rem; - max-height: 5.4rem; - - display: flex; - - align-items: center; - } - - &__footer { - width: 100%; - - display: flex; - - justify-content: center; - } - - &__button { - width: min(100%, 42rem); - - margin-top: 2.4rem; - margin-bottom: 2.4rem; - } -} - -@include breakpoints.from667 { - .petvet-page { - &__img { - min-width: 6rem; - min-height: 6rem; - - display: flex; - - align-items: center; - } - - &__card { - padding: 2rem; - - border: 1px solid colors.$gray150; - - box-shadow: none; - border-radius: 1.8rem; - } - - &__card-header { - display: flex; - gap: 2rem; - - align-items: center; - } - - &__card-content { - flex-direction: row; - - align-items: center; - - justify-content: space-between; - } - - &__header { - &--subtext { - font-size: fonts.$sm; - } - } - - &__card-group { - gap: 2.4rem; - } - - &__button { - margin-bottom: 0; - } - } -} - -@container (min-height: 790px) { - @include breakpoints.from667 { - .petvet-page { - &__card-group { - overflow: auto; - } - } - } -} diff --git a/src/home/index.scss b/src/home/index.scss deleted file mode 100644 index c7c594eb..00000000 --- a/src/home/index.scss +++ /dev/null @@ -1,93 +0,0 @@ -@use '~styles/base.scss'; -@use '~styles/colors.scss' as colors; -@use '~styles/breakpoints.scss' as breakpoints; -@use '~styles/fonts.scss' as fonts; - -.home { - width: 200vw; - height: 100dvh; - overflow-x: hidden; - - container-type: size; - - display: grid; - grid-template-areas: - 'sidemenu nav' - 'sidemenu content'; - grid-template-rows: 8.1rem 1fr; - grid-template-columns: 100vw 100vw; - - background-color: colors.$primary600; - transform: translateX(-100vw); - - &--open-menu { - width: 100vw; - - transform: translateX(0); - - transition: transform 0.3s; - } - - &--exit-menu { - width: 200vw; - - transform: translateX(-100vw); - - transition: transform 0.3s; - } - - &__navigation { - display: flex; - grid-area: nav; - - align-items: center; - } - - &__sidemenu { - display: grid; - grid-area: sidemenu; - grid-template-rows: 8.1rem 1fr; - } - - &__content { - overflow: auto; - - grid-area: content; - - background-color: colors.$secondary100; - - padding-inline: 2rem; - padding-block: 3.2rem; - } - - &__content-page { - width: 100%; - height: 100%; - } -} - -@include breakpoints.from1024 { - .home { - width: 100vw; - - grid-template-areas: - 'sidemenu nav' - 'sidemenu content'; - grid-template-rows: 8.1rem 1fr; - grid-template-columns: 31.3rem 1fr; - - transform: translateX(0); - - &__content { - margin-inline: 2.4rem; - - margin-bottom: 2.4rem; - - border-radius: 1.6rem; - } - - &__sidemenu { - display: block; - } - } -} diff --git a/src/layouts/PetDexApp/components/Navigation/images/avatar.svg b/src/layouts/app/components/Navigation/images/avatar.svg similarity index 100% rename from src/layouts/PetDexApp/components/Navigation/images/avatar.svg rename to src/layouts/app/components/Navigation/images/avatar.svg diff --git a/src/layouts/PetDexApp/components/Navigation/images/bell.svg b/src/layouts/app/components/Navigation/images/bell.svg similarity index 100% rename from src/layouts/PetDexApp/components/Navigation/images/bell.svg rename to src/layouts/app/components/Navigation/images/bell.svg diff --git a/src/layouts/PetDexApp/components/Navigation/images/exit.svg b/src/layouts/app/components/Navigation/images/exit.svg similarity index 100% rename from src/layouts/PetDexApp/components/Navigation/images/exit.svg rename to src/layouts/app/components/Navigation/images/exit.svg diff --git a/src/layouts/PetDexApp/components/Navigation/images/menu.svg b/src/layouts/app/components/Navigation/images/menu.svg similarity index 100% rename from src/layouts/PetDexApp/components/Navigation/images/menu.svg rename to src/layouts/app/components/Navigation/images/menu.svg diff --git a/src/layouts/PetDexApp/components/Navigation/index.js b/src/layouts/app/components/Navigation/index.js similarity index 100% rename from src/layouts/PetDexApp/components/Navigation/index.js rename to src/layouts/app/components/Navigation/index.js diff --git a/src/layouts/PetDexApp/components/Navigation/index.scss b/src/layouts/app/components/Navigation/index.scss similarity index 100% rename from src/layouts/PetDexApp/components/Navigation/index.scss rename to src/layouts/app/components/Navigation/index.scss diff --git a/src/layouts/PetDexApp/components/SideMenu/images/configuracoes.svg b/src/layouts/app/components/SideMenu/images/configuracoes.svg similarity index 100% rename from src/layouts/PetDexApp/components/SideMenu/images/configuracoes.svg rename to src/layouts/app/components/SideMenu/images/configuracoes.svg diff --git a/src/layouts/PetDexApp/components/SideMenu/images/conta.svg b/src/layouts/app/components/SideMenu/images/conta.svg similarity index 100% rename from src/layouts/PetDexApp/components/SideMenu/images/conta.svg rename to src/layouts/app/components/SideMenu/images/conta.svg diff --git a/src/layouts/PetDexApp/components/SideMenu/images/doacoes.svg b/src/layouts/app/components/SideMenu/images/doacoes.svg similarity index 100% rename from src/layouts/PetDexApp/components/SideMenu/images/doacoes.svg rename to src/layouts/app/components/SideMenu/images/doacoes.svg diff --git a/src/layouts/PetDexApp/components/SideMenu/images/exit.svg b/src/layouts/app/components/SideMenu/images/exit.svg similarity index 100% rename from src/layouts/PetDexApp/components/SideMenu/images/exit.svg rename to src/layouts/app/components/SideMenu/images/exit.svg diff --git a/src/layouts/PetDexApp/components/SideMenu/images/exitmenu.svg b/src/layouts/app/components/SideMenu/images/exitmenu.svg similarity index 100% rename from src/layouts/PetDexApp/components/SideMenu/images/exitmenu.svg rename to src/layouts/app/components/SideMenu/images/exitmenu.svg diff --git a/src/layouts/PetDexApp/components/SideMenu/images/meuspets.svg b/src/layouts/app/components/SideMenu/images/meuspets.svg similarity index 100% rename from src/layouts/PetDexApp/components/SideMenu/images/meuspets.svg rename to src/layouts/app/components/SideMenu/images/meuspets.svg diff --git a/src/layouts/PetDexApp/components/SideMenu/images/notifications.svg b/src/layouts/app/components/SideMenu/images/notifications.svg similarity index 100% rename from src/layouts/PetDexApp/components/SideMenu/images/notifications.svg rename to src/layouts/app/components/SideMenu/images/notifications.svg diff --git a/src/layouts/PetDexApp/components/SideMenu/images/perfil.svg b/src/layouts/app/components/SideMenu/images/perfil.svg similarity index 100% rename from src/layouts/PetDexApp/components/SideMenu/images/perfil.svg rename to src/layouts/app/components/SideMenu/images/perfil.svg diff --git a/src/layouts/PetDexApp/components/SideMenu/images/petdex.svg b/src/layouts/app/components/SideMenu/images/petdex.svg similarity index 100% rename from src/layouts/PetDexApp/components/SideMenu/images/petdex.svg rename to src/layouts/app/components/SideMenu/images/petdex.svg diff --git a/src/layouts/PetDexApp/components/SideMenu/index.js b/src/layouts/app/components/SideMenu/index.js similarity index 81% rename from src/layouts/PetDexApp/components/SideMenu/index.js rename to src/layouts/app/components/SideMenu/index.js index ee39c809..d4407b25 100644 --- a/src/layouts/PetDexApp/components/SideMenu/index.js +++ b/src/layouts/app/components/SideMenu/index.js @@ -31,12 +31,12 @@ const html = `
diff --git a/src/layouts/PetDexApp/components/SideMenu/index.scss b/src/layouts/app/components/SideMenu/index.scss similarity index 100% rename from src/layouts/PetDexApp/components/SideMenu/index.scss rename to src/layouts/app/components/SideMenu/index.scss diff --git a/src/index.html b/src/layouts/app/index.html similarity index 97% rename from src/index.html rename to src/layouts/app/index.html index b3c1224a..af1d07dd 100644 --- a/src/index.html +++ b/src/layouts/app/index.html @@ -11,7 +11,7 @@ rel="stylesheet" /> Pet Hat - + { const selected = extractElements([document.body]); @@ -20,10 +19,6 @@ document.addEventListener('DOMContentLoaded', () => { const navigation = new Navigation(); navigation.mount($navigation); - const $content = selected.get('content'); - const noPetRegirestedPage = new NoPetRegirestedPage(); - noPetRegirestedPage.mount($content); - const $hamburgerMenu = navigation.selected.get('hamburger-menu'); const $exitMenu = sideMenu.selected.get('exitMenu'); const $itemsMenu = sideMenu.selected.get('menuitens').querySelectorAll('li'); diff --git a/src/layouts/index.scss b/src/layouts/app/index.scss similarity index 100% rename from src/layouts/index.scss rename to src/layouts/app/index.scss diff --git a/src/layouts/PetDexApp/pages/NoPetRegirested/images/no-pet-regirested-page.png b/src/layouts/app/pages/NoPetRegirested/images/no-pet-regirested-page.png similarity index 100% rename from src/layouts/PetDexApp/pages/NoPetRegirested/images/no-pet-regirested-page.png rename to src/layouts/app/pages/NoPetRegirested/images/no-pet-regirested-page.png diff --git a/src/layouts/PetDexApp/pages/NoPetRegirested/index.js b/src/layouts/app/pages/NoPetRegirested/index.js similarity index 100% rename from src/layouts/PetDexApp/pages/NoPetRegirested/index.js rename to src/layouts/app/pages/NoPetRegirested/index.js diff --git a/src/layouts/PetDexApp/pages/NoPetRegirested/index.scss b/src/layouts/app/pages/NoPetRegirested/index.scss similarity index 100% rename from src/layouts/PetDexApp/pages/NoPetRegirested/index.scss rename to src/layouts/app/pages/NoPetRegirested/index.scss diff --git a/src/layouts/PetDexApp/pages/PetRegister/index.js b/src/layouts/app/pages/PetRegister/index.js similarity index 100% rename from src/layouts/PetDexApp/pages/PetRegister/index.js rename to src/layouts/app/pages/PetRegister/index.js diff --git a/src/layouts/PetDexApp/pages/PetRegister/index.scss b/src/layouts/app/pages/PetRegister/index.scss similarity index 100% rename from src/layouts/PetDexApp/pages/PetRegister/index.scss rename to src/layouts/app/pages/PetRegister/index.scss diff --git a/src/layouts/PetDexApp/pages/PetRegister/index.spec.js b/src/layouts/app/pages/PetRegister/index.spec.js similarity index 100% rename from src/layouts/PetDexApp/pages/PetRegister/index.spec.js rename to src/layouts/app/pages/PetRegister/index.spec.js diff --git a/src/layouts/PetDexApp/pages/PetWeight/index.js b/src/layouts/app/pages/PetWeight/index.js similarity index 100% rename from src/layouts/PetDexApp/pages/PetWeight/index.js rename to src/layouts/app/pages/PetWeight/index.js diff --git a/src/layouts/PetDexApp/pages/PetWeight/index.scss b/src/layouts/app/pages/PetWeight/index.scss similarity index 100% rename from src/layouts/PetDexApp/pages/PetWeight/index.scss rename to src/layouts/app/pages/PetWeight/index.scss diff --git a/src/layouts/PetDexApp/pages/PetWeight/petWeightPage.spec.js b/src/layouts/app/pages/PetWeight/petWeightPage.spec.js similarity index 100% rename from src/layouts/PetDexApp/pages/PetWeight/petWeightPage.spec.js rename to src/layouts/app/pages/PetWeight/petWeightPage.spec.js diff --git a/src/layouts/PetDexApp/utils/scrollable-sidemenu.js b/src/layouts/app/utils/scrollable-sidemenu.js similarity index 100% rename from src/layouts/PetDexApp/utils/scrollable-sidemenu.js rename to src/layouts/app/utils/scrollable-sidemenu.js diff --git a/src/layouts/index.html b/src/layouts/index.html new file mode 100644 index 00000000..f7dd1311 --- /dev/null +++ b/src/layouts/index.html @@ -0,0 +1,22 @@ + + + + + + + + + + Pet Hat + + + + +
+ + diff --git a/src/layouts/index.js b/src/layouts/index.js deleted file mode 100644 index c75896d4..00000000 --- a/src/layouts/index.js +++ /dev/null @@ -1,29 +0,0 @@ -import { extractElements } from 'pet-dex-utilities'; -import mainRouter from '../router/main-router'; -import { initializeSwiper } from '../utils/swiper'; -import Navigation from './PetDexApp/components/Navigation'; -import SideMenu from './PetDexApp/components/SideMenu'; -import initializeScrollable from './PetDexApp/utils/scrollable-sidemenu'; -import './index.scss'; - -document.addEventListener('DOMContentLoaded', () => { - const selected = extractElements([document.body]); - - const $home = selected.get('home'); - - const $sidemenu = selected.get('sidemenu'); - const sideMenu = new SideMenu(); - sideMenu.mount($sidemenu); - - const $navigation = selected.get('navigation'); - const navigation = new Navigation(); - navigation.mount($navigation); - - const $hamburgerMenu = navigation.selected.get('hamburger-menu'); - const $exitMenu = sideMenu.selected.get('exitMenu'); - const $itemsMenu = sideMenu.selected.get('menuitens').querySelectorAll('li'); - - initializeScrollable($hamburgerMenu, $exitMenu, $itemsMenu, $home); - initializeSwiper(); - mainRouter(); -}); diff --git a/src/router/routes/add-pet/steps/birthday.js b/src/router/routes/add-pet/steps/birthday.js index 9197eee4..04878488 100644 --- a/src/router/routes/add-pet/steps/birthday.js +++ b/src/router/routes/add-pet/steps/birthday.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/pet-birthday', + pathname: '/app/pet-birthday', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/src/router/routes/add-pet/steps/name.js b/src/router/routes/add-pet/steps/name.js index a2c08bf9..ebe9097a 100644 --- a/src/router/routes/add-pet/steps/name.js +++ b/src/router/routes/add-pet/steps/name.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/pet-name', + pathname: '/app/pet-name', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/src/router/routes/add-pet/steps/petvet.js b/src/router/routes/add-pet/steps/petvet.js index f4c02b38..3f39ef90 100644 --- a/src/router/routes/add-pet/steps/petvet.js +++ b/src/router/routes/add-pet/steps/petvet.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/pet-vet', + pathname: '/app/pet-vet', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/src/router/routes/add-pet/steps/race.js b/src/router/routes/add-pet/steps/race.js index 3ab35bc7..fc0975b7 100644 --- a/src/router/routes/add-pet/steps/race.js +++ b/src/router/routes/add-pet/steps/race.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/pet-race', + pathname: '/app/pet-race', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/src/router/routes/add-pet/steps/register.js b/src/router/routes/add-pet/steps/register.js index dbcd2b3e..36efb960 100644 --- a/src/router/routes/add-pet/steps/register.js +++ b/src/router/routes/add-pet/steps/register.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/pet-register', + pathname: '/app/pet-register', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/src/router/routes/add-pet/steps/size.js b/src/router/routes/add-pet/steps/size.js index 1b92d361..2975775c 100644 --- a/src/router/routes/add-pet/steps/size.js +++ b/src/router/routes/add-pet/steps/size.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/pet-size', + pathname: '/app/pet-size', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/src/router/routes/add-pet/steps/weight.js b/src/router/routes/add-pet/steps/weight.js index cb006aec..e5d74704 100644 --- a/src/router/routes/add-pet/steps/weight.js +++ b/src/router/routes/add-pet/steps/weight.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/pet-weight', + pathname: '/app/pet-weight', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/src/router/routes/main-routes/routes/account.js b/src/router/routes/main-routes/routes/account.js index 6d4d8994..7a4efb89 100644 --- a/src/router/routes/main-routes/routes/account.js +++ b/src/router/routes/main-routes/routes/account.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/account', + pathname: '/app/account', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/src/router/routes/main-routes/routes/donates.js b/src/router/routes/main-routes/routes/donates.js index 93e86461..ae29d8c8 100644 --- a/src/router/routes/main-routes/routes/donates.js +++ b/src/router/routes/main-routes/routes/donates.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/donates', + pathname: '/app/donates', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/src/router/routes/main-routes/routes/error.js b/src/router/routes/main-routes/routes/error.js index e6173d49..12c14736 100644 --- a/src/router/routes/main-routes/routes/error.js +++ b/src/router/routes/main-routes/routes/error.js @@ -1,4 +1,4 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { pathname: '*', diff --git a/src/router/routes/main-routes/routes/home.js b/src/router/routes/main-routes/routes/home.js index 923181a7..133bed06 100644 --- a/src/router/routes/main-routes/routes/home.js +++ b/src/router/routes/main-routes/routes/home.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/', + pathname: '/app/', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/src/router/routes/main-routes/routes/pet-dex.js b/src/router/routes/main-routes/routes/pet-dex.js index d2aa52a4..c6f651af 100644 --- a/src/router/routes/main-routes/routes/pet-dex.js +++ b/src/router/routes/main-routes/routes/pet-dex.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/pet-dex', + pathname: '/app/pet-dex', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/src/router/routes/main-routes/routes/settings.js b/src/router/routes/main-routes/routes/settings.js index cbffa883..372dc5b3 100644 --- a/src/router/routes/main-routes/routes/settings.js +++ b/src/router/routes/main-routes/routes/settings.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/settings', + pathname: '/app/settings', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/src/router/routes/my-pets/steps/pet-profile.js b/src/router/routes/my-pets/steps/pet-profile.js index 0b88284b..8cf6583e 100644 --- a/src/router/routes/my-pets/steps/pet-profile.js +++ b/src/router/routes/my-pets/steps/pet-profile.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/pet-profile', + pathname: '/app/pet-profile', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/src/router/routes/my-pets/steps/pets.js b/src/router/routes/my-pets/steps/pets.js index ce8b7c4a..b67e3c9c 100644 --- a/src/router/routes/my-pets/steps/pets.js +++ b/src/router/routes/my-pets/steps/pets.js @@ -1,7 +1,7 @@ -import NoPetRegirestedPage from '../../../../layouts/PetDexApp/pages/NoPetRegirested'; +import NoPetRegirestedPage from '../../../../layouts/app/pages/NoPetRegirested'; export default { - pathname: '/pets', + pathname: '/app/pets', element: () => { const $content = document.createElement('div'); $content.classList.add('home__content-page'); diff --git a/vite.config.js b/vite.config.js index 6aa4ac59..be6ec5ff 100644 --- a/vite.config.js +++ b/vite.config.js @@ -6,7 +6,7 @@ import jsconfigPaths from 'vite-jsconfig-paths'; import { VitePWA } from 'vite-plugin-pwa'; export default defineConfig({ - root: resolve(__dirname, 'src/'), + root: resolve(__dirname, 'src/layouts'), define: { __isBrowser__: true, }, @@ -33,8 +33,8 @@ export default defineConfig({ outDir: resolve(__dirname, 'dist'), rollupOptions: { input: { - index: resolve(__dirname, 'src/index.html'), - home: resolve(__dirname, 'src/index.html'), + index: resolve(__dirname, 'src/layouts/index.html'), + home: resolve(__dirname, 'src/layouts/app/index.html'), }, }, },