Lista de projetos de um edital

[Junior-Shyko]

Contexto

• A página de "Permissão para a assessoria de fomento" ainda não foi implementada no sistema e-fomento
• O design da página já está definido e utiliza componentes do Vuetify
• É necessário desenvolver a listagem de agentes culturais em processo com filtros por fase/stage
• A página deve exibir cards filtradores (Abertura, Formalização, Análise jurídica, Orçamento e parcela, Pagamentos, Monitoramento) e uma lista de proponentes

Objetivo

Como usuário do sistema (assessoria de fomento/jurídico)
Quero visualizar a lista de agentes culturais em processo filtrados por fase
Para acompanhar e gerenciar os processos do edital de forma organizada

Escopo

• Implementar cards filtradores de fase (Abertura, Formalização, Análise jurídica, Orçamento e parcela, Pagamentos, Monitoramento)
• Desenvolver lista de proponentes com informações (nome, número do processo, fase)
• Implementar funcionalidade de clique nos cards para filtrar a lista
• Adicionar campo de busca por proponente ou nº do processo
• Adicionar botão "Abrir" em cada item da lista
• Exibir contagem total de processos em cada card filtrador
• Garantir responsividade com componentes Vuetify

Fora de Escopo

• Implementação da funcionalidade de exportação para planilha (apenas o botão)
• Funcionalidades dos botões de ação da sidebar (apenas UI)
• Integração com backend para operações de criar termo/CI
• Detalhamento do processo ao clicar em "Abrir"

Critérios de Aceitação

• Cards Filtradores
  Dado que estou na página de permissão para assessoria de fomento
  Quando visualizo os cards de fase (Abertura, Formalização, etc.)
  Então devo ver a contagem total de processos em cada card e eles devem ser clicáveis para filtrar a lista

• Filtragem por Fase
  Dado que estou visualizando a lista de proponentes
  Quando clico em um card de fase (ex: "Abertura")
  Então a lista deve ser filtrada mostrando apenas os processos daquela fase e o card deve ficar destacado

• Lista de Proponentes
  Dado que a página foi carregada
  Quando visualizo a lista de agentes culturais
  Então devo ver cards com: nome do proponente, número do processo, fase atual, status e botão "Abrir"

• Busca e Filtros
  Dado que existem proponentes na lista
  Quando digito no campo de busca ou seleciono um status no filtro
  Então a lista deve ser filtrada em tempo real mostrando apenas os resultados correspondentes

Teste de Frontend

• Acessar a página de projetos
• Clicar no card da fase "Abertura" e verificar se a lista foi filtrada.
• Digitar no campo de busca e verificar se os itens da lista diminuíram conforme o critério
• Clicar em "Exibir todos os proponentes" para limpar os filtros.

Observações

• Utilizar componentes Vuetify: v-card para os filtros e lista, v-text-field para busca, v-select para filtro de status, v-btn para botões de ação
• Os cards de fase devem ter estado ativo/destacado quando selecionados
• A lista deve ser implementada com v-data-table ou v-list conforme necessidade de responsividade
• Manter padrão de cores do sistema (verde para header, amarelo/dourado para botões de ação principal)
• A contagem de processos em cada card deve vir do backend (total de processos naquela fase)
• Implementar skeleton loading enquanto os dados são carregados
• Considerar paginação ou infinite scroll se a lista for muito grande