Requisitos

Atribuir html semântico e nomes de classe intuitivos.

Esta task faz referência à task #29, sendo o que faltava para completar a task #29.

Observação: Este asterisco é um indicativo de que o campo é obrigatório.

Requisitos:

- Na condição de não existirem produtos cadastrados, os seguintes elementos não devem existir no DOM

• Paginação
• A listagem de produtos

- Caso não seja recuperado nenhum produto do banco, a seguinte mensagem deve ser exibida:

• Não há produtos cadastrados.

- Caso não seja encontrado o produto digitado no campo de filtro , a seguinte mensagem deve ser exibida:

• Produto não cadastrado.

Requisitos:

• Exemplo de caso de uso:
  • Quando o filtro for por Menor Valor, a lógica do endpoint deve recuperar todos os produtos e aplicar uma ordeção por preço para recuperar os produtos a começar do menor valor para o maior valor

Requisitos

• Deve-se recuperar do backend o número total de páginas e exibi-lo ao lado da página atual na paginação.
• Deve-se recuperar também o número total de registros/de produtos e informa-lo na tela de listagem de produtos.

Esta task foi realizada na issue #52

Requisitos

• Trazer toda a lógica para a camada de apresentação(WebApi) e ao fazer isso deve-se remover o padrão repositório apagando todos os arquivos pertinentes ao padrão.

Os arquivos a serem removidos são:

• GenericRepository
• IGenericRepository
• ProductRepository
• IProductRepository

Esta task está vinculada ao card [Frontend] Fix nomes de metodo, variavel e array em product-list #73

Depende da issue #39.

Schema das tabelas:

Usuario

• Id
• OrderId
• RoleId
• FirstName
• LastName
• CreatedAt
• UpdatedAt

Role

• Id
• RoleId
• Name

Relacionamentos:

LineItem (1-N <> 1-1) Product
Product (1-1 <> N-1) Comment
LineItem (1-N <> 1-1) Order
User (1-N <> 1-1) Role
User (1-1 <> N-1) Order
User (1-1 <> N-1) Comment

Apresentação do erro:

• O input, ao apertar Enter quando está sem valor, está retornando todos os produtos.

Requisitos

• Quando no input for pressionado a tecla Enter, na condição do input estar vazio, deve-se buscar nenhum produto.

Requisitos

Comportamento atual:

• O fluxo, do preço atual dos produtos, até ele ser exibido na tela de listagem:

  • O preço, um number, é recuperado do banco;

  • Esse preço está sendo passado para a função nomeada
    MoneyMask() e esta função divide por 100 todo e qualquer valor.

    • Por exemplo, se um produto custa 50 reais, ele será exibido na listagem com o preço de 0,50.

Comportamento Esperado:

• O fluxo esperado:
  • Deve ser criada uma condicional dentro da função MoneyMask() e caso o preço passado para ela seja um tipo number, o valor deve ser formatado com duas casas decimais e caso o preço seja do tipo string deve ser dividido por 100;
  • Em seguida, o preço formatado deve ser concatenado com o 'R$', ficando assim 'R$ <preço>'

Requisitos

Adicionar as seguintes categorias:

• Watches
• StationeryShop
• BeautyAndPersonalCare
• Automotive
• Toys
• SmartHome
• BedTableAndBath
• Games
• Books
• Computing
• Smartphones

Requisitos

• Comportamento Atual:
  • Ao pressionar a tecla Enter, no input de busca por nome, embora esteja vazio está sendo recuperado todos os produtos e sem paginação;
• Comportamento Esperado:
  • Ao pressionar a tecla Enter, caso o input de busca por nome esteja vazio, não deve ser recuperado nenhum produto.

Requisitos

O que está sendo feito é uma ordenação e suas opções são:

• Crescente
• Descrescente

No entanto os nomes estão com 'filter':

• filterValue(variável)
• filtersList(array de objetos)
• fetchProductsByFilterName(método)
• hasFilterName (método)
• filterValue (parâmetro de um método)

Deve-se corrigir para os seguintes nomes

• orderingValue(variável)
• orderingItems(array de objetos)
• fetchProductsByOrderingValue(método)
• hasOrderingValue (método)
• orderingValue (parâmetro de um método)

Comportamento esperado:

• Ao clicar na lupa o valor do input deve ser passado como parâmetro para o método associado à lupa;
• Caso o valor do input seja uma string em branco ('') o método não deve ser chamado;

Requisitos

Deve-se remover a lógica de expadir e reduzir a sidenav ao fazer resize da tela dos seguintes componentes:

• Header
• ProductList

Deixando esta responsabilidade somente com o componente de sidenav.

Requisitos

• Deve ser adicionada uma classe CSS no arquivo 'product-card.component.css' sendo ela responsável por aumentar a scale dos cards na view/template ao passar o mouse sobre cada card.

O que deve acontecer ao deletar um produto:

Antes do produto ser, de fato, deletado deve ser exibido um modal de confirmação perguntando se o usuário deseja cancelar o produto. Nesse modal deve haver dois botões, um botão de cancelar e o outro de apagar.

Referência

Requisitos

Dentro da pasta animate.css-4.1.1 há diversos arquivos, no entanto apenas um é necessário para usar a lib:

• animate.min.css

Portanto, remova todos os demais arquivos.

Esta issue é uma continuação da #101

#80

Requisitos

O usuário, após preencher o formulário de signin e ter suas credenciais válidas, deve ser capaz de acessar o sistema e ser redirecionado para a tela home.

O usuário, após preencher o formulário de signup e ter suas credenciais válidas, deve ser capaz de acessar o sistema e ser redirecionado para a tela de signin.

Definição do formulário de Signin

O formulário deve conter três campos:

• campo de email
• campo de senha
• campo chamado Lembrar-me/Remember me (A finalidade deste campo é aumentar a duração do RefreshToken cuja responsabilidade é manter o usuário logado por mais tempo)

Validações de cada um dos campos:

• campo de email

  • Obrigatório
  • Deve ter o formato de um email

• campo de senha

  • Obrigatório
  • Deve ter pelo menos 1 caractere especial
  • Deve ter pelo menos 1 caractere minúsculo
  • Deve ter pelo menos 1 caractere maiúsculo
  • Deve ter pelo menos 1 caractere numérico

• campo Remember-me

  • Não é obrigatório

Definição do formulário de Signup

O formulário deve conter cinco campos:

• campo de email
• campo de nome
• campo de sobrenome
• campo de senha
• campo de confirmação de senha

Validações de cada um dos campos:

• campo de email

  • Obrigatório
  • Deve ter o formato de um email

• campo de nome

  • Obrigatório
  • Deve ter no mínimo 3 caracteres
  • Deve ter no máximo 3 caracteres

• campo de sobrenome

  • Obrigatório
  • Deve ter no mínimo 3 caracteres
  • Deve ter no máximo 3 caracteres

• campo de senha

  • Obrigatório
  • Deve ter pelo menos 1 caractere especial
  • Deve ter pelo menos 1 caractere minúsculo
  • Deve ter pelo menos 1 caractere maiúsculo
  • Deve ter pelo menos 1 caractere numérico

• campo de confirmação de senha

  • Obrigatório

Tem dependência com esta issue #94

Tabelas

• Comment

  • Id
  • ProductId
  • Content
  • CreatedAt
  • UpdatedAt
  • UserId

• LineItem

  • Id
  • OrderId
  • ProductId
  • Quantity
  • Price
  • Name
  • Description
  • Type
  • ImageRef
  • CreatedAt
  • UpdatedAt

• Product

  • Id
  • Price
  • Name
  • Description
  • Type
  • ImageRef
  • QuantityInStock
  • CreatedAt
  • UpdatedAt

• Order

  • Id
  • UserId
  • Status
  • CreateAt
  • UpdateAt
  • DeliveryFee
  • DeliveryDate
  • Total

Relacionamentos:

• LineItem (1-N <> 1-1) Product
• Product (1-1 <> N-1) Comment
• LineItem (1-N <> 1-1) Order
• User (1-N <> 1-1) Role
• User (1-1 <> N-1) Order
• User (1-1 <> N-1) Comment

Referência a ser utilizada para a criação da tela de Detalhes do Produto:

Observação: O que está riscado não deve ser implementado.

Checklist:

• O usuário deve ser capaz de adicionar ao carrinho, no mínimo, 1 produto e, no máximo, 20 produtos. Caso ele tente ultrapassar este intervalo, deve ser exibida uma mensagem informativa.

Esta issue é um refactoring de #54.

Requisitos

• Remover as condições hardcoded espalhadas pela View e Component.
• Criar uma função e atribuir a ela a responsabilidade de verificar se há produtos cadastrados no banco ou se um determinado produto, através do input de filtro, está cadastrado no banco.

Requisitos:

• O método de filtragem deve receber o valor do input de busca como parâmetro.
• O método de filtragem deve retornar uma lista de produtos que contém a substring.
• A lista de produtos deve ser atualizada com os produtos filtrados quando o usuário pressiona a tecla enter no input de busca.

Requisitos

• O dropdown deve ter duas opções de filtragem

  • Menor Valor;
  • Maior Valor;

• Comportamento esperado

  • Quando alguma opção de filtro, do dropdown, for selecionada deve ser feito um request para trazer os produtos seja por Menor Valor ou Maior Valor;

• O dropdown deve ser inserido abaixo do input de busca.

Observação: A opção padrão do dropdown deve ser "Menor Valor", ou seja, a filtragem quando o componente for carregado é por Menor Valor.

Requisitos

• O estado atual:

• Deve ficar do jeito como está abaixo :

Obs: Deve ser feita esta alteração pois como está atualmene dá para se subentender que é possível avançar para a última página ao clicar no 5.

A razão da mudança do formato dos arquivos é porque são de conteúdo estático:

• Os arquivos não tem o seu conteúdo alterado dinamicamente durante a execução da aplicação.

Os arquivos a serem alterados para o formato .json são filtering-items.ts e ordering-items.ts.

Requisitos

Dentro do 'switch case', no sexto case, deve ser feita a alteração da propridade value por label. Como segue o erro na screenshot abaixo:

Requisitos

O usuário deve ser capaz de:

• Cadastrar-se
• Entrar no sistema;

#92

Esta issue pertence a #73 ,sendo como uma parte dela.

Devem existir usuários por nível de acesso:

• Usuário Comum
• Administrador

Exemplos:

Usuário Comum

• Pode fechar pedidos;
• Pode visualizar o próprio histórico de pedidos

Administrador

• Pode visualizar relatórios
• Pode visualizar os históricos de pedidos dos usuários
• Pode listar todos os usuários cadastrados no sistema
• Remover usuário do sistema

Considerações:

• O caractere separador de milhar deve ser o ponto (.)
• O caractere separador de casa decimal deve ser a vírgula (,)

Obs: Como o formato é pt-br deve ser seguido o que está em considerações.

Esta issue está associada à #40