Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(more-info): adding question card and optional observation input #43

Closed
wants to merge 26 commits into from

Conversation

geisabitt
Copy link

Closes

Feature

Adicionar a pagina Conte-me mais sobre seu pet

Bugfix
  • Description
    N/A

  • Cause
    N/A

  • Solution
    N/A

Changelog N/A
Visual evidences 🖼️
Checklist
  • Issue linked
  • Build working correctly
  • Tests created
Additional info Acredito que esteja complexo de mais e também não sei se está correto as nomenclaturas. estou renderizado as imformações apartir de um json, mas a lógica não está funcionando muito bem porque o card vacina está exibindo elementos dos outros cards

Copy link
Member

@aalmeida00 aalmeida00 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Percebi que tem um arquivo html/css aqui, deveria?

questoes.json Outdated Show resolved Hide resolved
src/assets/shield.svg Outdated Show resolved Hide resolved
src/components/card-pet/index.css Outdated Show resolved Hide resolved
src/components/card-pet/index.css Outdated Show resolved Hide resolved
src/components/card-pet/index.css Outdated Show resolved Hide resolved
src/components/card-pet/index.css Outdated Show resolved Hide resolved
src/components/card-pet/index.html Outdated Show resolved Hide resolved
@Alecell
Copy link
Contributor

Alecell commented Jan 8, 2024

O "Closes" deve seguir o ID da sua task, tipo " Closes #43 "

src/assets/dogs/Beagle.png Outdated Show resolved Hide resolved
src/assets/shield.svg Outdated Show resolved Hide resolved
src/components/card-pet/index.css Outdated Show resolved Hide resolved
src/components/card-pet/index.css Outdated Show resolved Hide resolved
src/components/card-pet/index.html Outdated Show resolved Hide resolved
src/components/card-pet/index.scss Outdated Show resolved Hide resolved
src/components/card-pet/index.scss Outdated Show resolved Hide resolved
src/home/index.html Outdated Show resolved Hide resolved
src/components/card-pet/index.js Outdated Show resolved Hide resolved
src/styles/base.scss Outdated Show resolved Hide resolved
@aalmeida00
Copy link
Member

Alguma atualização aqui? @geisabitt

Voce precisa ajustar os conflitos da sua branch.

Aqui será necessário um rebase com o repositório remoto da devhatt, se precisar de ajuda me pinga no discord.

src/components/more-info/index.js Outdated Show resolved Hide resolved
src/components/more-info/index.js Outdated Show resolved Hide resolved
src/components/more-info/index.scss Outdated Show resolved Hide resolved
src/components/more-info/index.scss Outdated Show resolved Hide resolved
src/home/main.js Show resolved Hide resolved
Copy link
Author

@geisabitt geisabitt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Avaliar se os icones ficarão assim mesmo

src/components/card-pet/index.js Outdated Show resolved Hide resolved
@geisabitt
Copy link
Author

1 0 - LP Inicial

@geisabitt geisabitt marked this pull request as ready for review January 12, 2024 14:27
@geisabitt
Copy link
Author

/approve

diogocaronte and others added 15 commits January 13, 2024 11:00
* add initial architecture example

* fix node_modules in src

* new structure example

* refactor components

* refactor: remove unused dependency

* style: run prettier to fix EOF

* add more tests
* docs: created readme.md file

fix devhatt#5

* style: created readme.md file

fix devhatt#5

* docs: created readme.md file with first steps

fix devhatt#5
BREAKING CHANGE: Reinstall all dependencies
)

Bumps the all-minor-updates group with 5 updates:

| Package | From | To |
| --- | --- | --- |
| [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite) | `5.0.3` | `5.0.10` |
| [eslint](https://github.com/eslint/eslint) | `8.54.0` | `8.56.0` |
| [lint-staged](https://github.com/okonet/lint-staged) | `15.1.0` | `15.2.0` |
| [prettier](https://github.com/prettier/prettier) | `3.1.0` | `3.1.1` |
| [stylelint-order](https://github.com/hudochenkov/stylelint-order) | `6.0.3` | `6.0.4` |


Updates `vite` from 5.0.3 to 5.0.10
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v5.0.10/packages/vite)

Updates `eslint` from 8.54.0 to 8.56.0
- [Release notes](https://github.com/eslint/eslint/releases)
- [Changelog](https://github.com/eslint/eslint/blob/main/CHANGELOG.md)
- [Commits](eslint/eslint@v8.54.0...v8.56.0)

Updates `lint-staged` from 15.1.0 to 15.2.0
- [Release notes](https://github.com/okonet/lint-staged/releases)
- [Changelog](https://github.com/lint-staged/lint-staged/blob/master/CHANGELOG.md)
- [Commits](lint-staged/lint-staged@v15.1.0...v15.2.0)

Updates `prettier` from 3.1.0 to 3.1.1
- [Release notes](https://github.com/prettier/prettier/releases)
- [Changelog](https://github.com/prettier/prettier/blob/main/CHANGELOG.md)
- [Commits](prettier/prettier@3.1.0...3.1.1)

Updates `stylelint-order` from 6.0.3 to 6.0.4
- [Release notes](https://github.com/hudochenkov/stylelint-order/releases)
- [Changelog](https://github.com/hudochenkov/stylelint-order/blob/master/CHANGELOG.md)
- [Commits](hudochenkov/stylelint-order@6.0.3...6.0.4)

---
updated-dependencies:
- dependency-name: vite
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: all-minor-updates
- dependency-name: eslint
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all-minor-updates
- dependency-name: lint-staged
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all-minor-updates
- dependency-name: prettier
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-minor-updates
- dependency-name: stylelint-order
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-minor-updates
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Andre Almeida <[email protected]>
Bumps [vitest](https://github.com/vitest-dev/vitest/tree/HEAD/packages/vitest) from 0.34.6 to 1.0.4.
- [Release notes](https://github.com/vitest-dev/vitest/releases)
- [Commits](https://github.com/vitest-dev/vitest/commits/v1.0.4/packages/vitest)

---
updated-dependencies:
- dependency-name: vitest
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Andre Almeida <[email protected]>
Co-authored-by: Alexandre Gomes <[email protected]>
…hatt#42)

Bumps the all-minor-updates group with 4 updates: [eslint-plugin-prettier](https://github.com/prettier/eslint-plugin-prettier), [sass](https://github.com/sass/dart-sass), [stylelint-order](https://github.com/hudochenkov/stylelint-order) and [vitest](https://github.com/vitest-dev/vitest/tree/HEAD/packages/vitest).


Updates `eslint-plugin-prettier` from 5.0.1 to 5.1.2
- [Release notes](https://github.com/prettier/eslint-plugin-prettier/releases)
- [Changelog](https://github.com/prettier/eslint-plugin-prettier/blob/master/CHANGELOG.md)
- [Commits](prettier/eslint-plugin-prettier@v5.0.1...v5.1.2)

Updates `sass` from 1.69.5 to 1.69.6
- [Release notes](https://github.com/sass/dart-sass/releases)
- [Changelog](https://github.com/sass/dart-sass/blob/main/CHANGELOG.md)
- [Commits](sass/dart-sass@1.69.5...1.69.6)

Updates `stylelint-order` from 6.0.3 to 6.0.4
- [Release notes](https://github.com/hudochenkov/stylelint-order/releases)
- [Changelog](https://github.com/hudochenkov/stylelint-order/blob/master/CHANGELOG.md)
- [Commits](hudochenkov/stylelint-order@6.0.3...6.0.4)

Updates `vitest` from 1.1.0 to 1.1.1
- [Release notes](https://github.com/vitest-dev/vitest/releases)
- [Commits](https://github.com/vitest-dev/vitest/commits/v1.1.1/packages/vitest)

---
updated-dependencies:
- dependency-name: eslint-plugin-prettier
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all-minor-updates
- dependency-name: sass
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-minor-updates
- dependency-name: stylelint-order
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-minor-updates
- dependency-name: vitest
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-minor-updates
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
* feat: input text component

feat devhatt#21

* refactor: change px to rem in input text, edd the option to set de asset as prefix or suffix





fix devhatt#21

* style: changed px to rem in background-position, removed

fix devhatt#21

---------

Co-authored-by: Andre Almeida <[email protected]>
Co-authored-by: Alexandre Gomes <[email protected]>
PiluVitu and others added 5 commits January 13, 2024 11:00
devhatt#48)

* chore: Add new scripts and integrate prettier with stylelint

* chore: padronized color format to rgba
)

Bumps the all-minor-updates group with 4 updates: [vite](https://github.com/vitejs/vite/tree/HEAD/packages/vite), [jsdom](https://github.com/jsdom/jsdom), [sass](https://github.com/sass/dart-sass) and [vitest](https://github.com/vitest-dev/vitest/tree/HEAD/packages/vitest).


Updates `vite` from 5.0.10 to 5.0.11
- [Release notes](https://github.com/vitejs/vite/releases)
- [Changelog](https://github.com/vitejs/vite/blob/main/packages/vite/CHANGELOG.md)
- [Commits](https://github.com/vitejs/vite/commits/v5.0.11/packages/vite)

Updates `jsdom` from 23.0.1 to 23.2.0
- [Release notes](https://github.com/jsdom/jsdom/releases)
- [Changelog](https://github.com/jsdom/jsdom/blob/main/Changelog.md)
- [Commits](jsdom/jsdom@23.0.1...23.2.0)

Updates `sass` from 1.69.6 to 1.69.7
- [Release notes](https://github.com/sass/dart-sass/releases)
- [Changelog](https://github.com/sass/dart-sass/blob/main/CHANGELOG.md)
- [Commits](sass/dart-sass@1.69.6...1.69.7)

Updates `vitest` from 1.1.1 to 1.1.3
- [Release notes](https://github.com/vitest-dev/vitest/releases)
- [Commits](https://github.com/vitest-dev/vitest/commits/v1.1.3/packages/vitest)

---
updated-dependencies:
- dependency-name: vite
  dependency-type: direct:production
  update-type: version-update:semver-patch
  dependency-group: all-minor-updates
- dependency-name: jsdom
  dependency-type: direct:development
  update-type: version-update:semver-minor
  dependency-group: all-minor-updates
- dependency-name: sass
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-minor-updates
- dependency-name: vitest
  dependency-type: direct:development
  update-type: version-update:semver-patch
  dependency-group: all-minor-updates
...

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: Andre Almeida <[email protected]>
Copy link
Contributor

@Alecell Alecell left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Vi que tem alteração em vários arquivos de config como o dependabot e os workflows. Acredito que foi uma alteração acidental, mas precisamos resolver isso, não pode haver alteração lá a menos que seja necessário

inputText.mount(inputContainer);

if (!mockVaccines) {
// eslint-disable-next-line prettier/prettier
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verificar se ainda precisa desse comentario atualizando a branch

// eslint-disable-next-line prettier/prettier
this.selected.get('render-vaccines').innerText = 'Nenhuma vacina cadastrada.';
} else {
// eslint-disable-next-line no-inner-declarations
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Verificar se ainda rpecisa desse comentário com a atualização da branch

<div class="vaccines-group">
<p class="vaccines-group__title">${vaccine}</p>
<div class="vaccines-group__date-group">
<img src="../components/more-info/assets/calendar.svg" alt="calendar" class="vaccines-group__date-group__icon">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Importar imagem da pasta local do seu componente, não da pasta assets

const vaccinesContainer = this.selected.get('render-vaccines');
const dataVaccines = () => {
//preciso de ajuda para não precisar desabilitar a regra
// eslint-disable-next-line no-restricted-syntax
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Atualizando a branch provavelmente vai resolver

// eslint-disable-next-line no-restricted-syntax
for (const item of mockVaccines) {
//preciso de ajuda para não precisar desabilitar a regra
// eslint-disable-next-line prettier/prettier
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Atualizando a branch provavelmente vai resolver

.button_add {
display: flex;
align-items: center;
gap: 5px;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

gap tambem deve ser feito em rem

Comment on lines +131 to +152
// apenas marcação exixte uma task para o checkbox que não é minha
// Esconder o input radio
input[type='radio'] {
display: none;
}

// Estilizar a aparência do label para se parecer com um checkbox
input[type='radio'] + label .checkmark {
display: inline-block;
width: 1.3rem;
height: 1.3rem;
border: 2px solid #999;
border-radius: 3px;
cursor: pointer;
}

// Estilizar quando o input radio está selecionado
input[type='radio']:checked + label .checkmark {
background-color: #5649e4;
border-color: #5649e4;
color: #fff;
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pode apagar, mesmo que a task não esteja concluida vc não pode sujar seu componente com coisas que não são dele, só deixa essa observação no PR e gg

Comment on lines +6 to +14
body {
background-color: #003459;
}
.home-main-container {
display: flex;
justify-content: center;
gap: 1rem;
margin: 40px auto;

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Não sei se isso está correto, talvez precisamos falar osbre

@@ -61,3 +71,4 @@
}
}
}
}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

EOF

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Os comentários precisam ser descomentados pra que o componente e o use fique de exemplo pras outras pessoas no futuro. Vamos apagar quando houver mais componentes de exemplo, mas no momento isso precisa ser descomentado e mantido

@Alecell
Copy link
Contributor

Alecell commented Feb 21, 2024

PR fechado decorrente de inatividade

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

8 participants