Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • F front-end
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 2
    • Merge requests 2
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Coopera RS
  • front-end
  • Merge requests
  • !53

Merged
Created Jun 17, 2025 by William De Oliveira Klein@w.kleinDeveloper

Feature/ Header/barraLateral user logic and Store with images updates (notification and carousel)

  • Overview 0
  • Commits 6
  • Pipelines 3
  • Changes 8

Objetivo

Implementação da lógica de detecção se o usuário é client ou store, dependendo de quem é muda 2 opções:
"Minha loja" = Store;
"Anuncie sua Empresa" = Client. image
"Minha loja" = Store;
"Torne-se um Fornecedor" = Client.
image

Já na página da loja, as imagens terão uma notificação para caso haja mais imagens do que as visualizadas na página.
Exemplo: Temos 4 imagens sendo visualizadas e mais 3 que não estão aparecendo, ou seja, tem 7 imagens na loja ao total.
image
Para visualizar o restante dessas imagens, basta clicar em uma imagem e abrirá um carousel contendo a visualização em tela cheia da imagem em específico e pode usar as setas direcionais para ver as demais imagens:
image

Como testar

Teste para a lógica do tipo de usuário apenas com o back integrado e logar com um usuário que ou é cliente ou é uma empresa/loja. Mas para a página da loja, basta acessá-la e ser feliz! (passo-a-passo citado na seção de objetivo)

Comportamento esperado

Para o Header e a barra lateral, é esperado que as opções mudem de acordo com o tipo de usuário que está acessando a página. Já na página store, é esperado que, caso haja mais de 4 imagens, aparece um ícone vermelho fornecendo a quantidade de imagens extras que não aparecem na visualização inicial da página. Por conseguinte, ao clicar em uma imagem, deve aparecer o carousel com todas as imagens da loja em tela cheia.

Assignee
Assign to
Reviewer
Request review from
Time tracking
Source branch: feature/barraLateralUserLogic