Pagina de orcamentos carregada
Passo 1. Pagina de orcamentos carregada — o administrador ve o ecra principal de gestao de orcamentos com o titulo "Quotes" no topo acompanhado de um icone de documento. No canto superior direito encontra-se o botao "New Quote" com um icone de adicao. Abaixo do titulo surgem quatro cartoes de estatisticas resumindo os dados dos orcamentos. Mais abaixo existem filtros com um dropdown de estado e um campo de pesquisa por texto, seguidos de uma tabela com todos os orcamentos registados na plataforma.
Passo 2. Cartoes de estatisticas de orcamentos em detalhe — existem quatro cartoes no topo que resumem o estado dos orcamentos. O primeiro mostra o Total de orcamentos na base de dados. O segundo mostra os orcamentos em estado Draft (rascunho) representados com um badge cinzento. O terceiro mostra os orcamentos Sent (enviados) com badge azul. O quarto mostra os orcamentos Accepted (aceites) com badge verde. Estes cartoes permitem ao admin ter uma visao imediata da distribuicao dos orcamentos por estado.
Passo 3. Dropdown de filtro por estado — ao clicar no seletor de estado, o administrador ve todas as opcoes disponiveis para filtrar os orcamentos: All statuses (todos), Draft (rascunho), Sent (enviado), Accepted (aceite), Rejected (rejeitado), Expired (expirado) e Converted (convertido em factura). O admin pode selecionar qualquer um destes estados para ver apenas os orcamentos correspondentes na tabela abaixo.
Passo 4. Tabela de orcamentos — a tabela principal apresenta todos os orcamentos com as seguintes colunas: Number (numero sequencial do orcamento), Client (identificador do cliente), Status (badge colorido com o estado actual), Total (valor total em euros), Valid Until (data de validade do orcamento) e Date (data de criacao). Cada linha e clicavel e abre o detalhe do orcamento. Na ultima coluna existem botoes de accao conforme o estado.
Passo 5. Badges de estado dos orcamentos — cada orcamento na tabela tem um badge colorido indicando o seu estado actual. Draft aparece com fundo cinzento e texto cinzento para rascunhos nao enviados. Sent aparece com fundo azul claro e texto azul para orcamentos ja enviados ao cliente. Accepted aparece com fundo verde e texto verde para os aceites. Rejected usa vermelho, Expired usa laranja e Converted usa roxo para orcamentos ja convertidos em factura. Os botoes de accao mudam conforme o estado: rascunhos podem ser enviados ou eliminados, enviados podem ser reenviados, e aceites podem ser convertidos em factura.
Passo 6. Modal de criacao de orcamento — ao clicar no botao New Quote, surge um modal centrado no ecra com um formulario completo para criar um novo orcamento. No topo do modal esta o titulo "New Quote" e um botao X para fechar. O formulario inclui um campo Client ID para identificar o cliente, uma seccao de linhas do orcamento, e campos para notas e termos e condicoes. O fundo do ecra escurece para destacar o modal.
Passo 7. Detalhes do formulario de criacao — o formulario do modal apresenta os seguintes campos: Client ID (campo numerico obrigatorio para selecionar o cliente), Lines (seccao de linhas com campos Description, Qty e Price em cada linha), Notes (campo de texto multilinha para notas internas ou para o cliente) e Terms (campo de texto para termos e condicoes do orcamento). No rodape do modal existem dois botoes: Cancel para fechar sem guardar e New Quote para criar o orcamento.
Passo 8. Adicionar linha ao orcamento — na seccao Lines do formulario, cada linha tem tres campos: Description (texto livre para descrever o servico ou produto), Qty (quantidade, por defeito 1) e Price (preco unitario em euros). O admin pode preencher a descricao, ajustar a quantidade e definir o preco. Abaixo das linhas existentes encontra-se o link "+ Add Line" que permite adicionar mais linhas ao orcamento. Se existirem varias linhas, cada uma tem um botao de lixeira vermelho para remover.
Passo 9. Orcamento criado na tabela — apos submeter o formulario de criacao, o novo orcamento aparece na tabela com estado Draft (rascunho). O numero e gerado automaticamente seguindo a sequencia do sistema. O admin pode agora clicar no orcamento para ver os detalhes, enviar ao cliente ou eliminar enquanto esta em rascunho.
Passo 10. Pagina de orcamentos carregada — o administrador ve o ecra principal de gestao de orcamentos com o titulo "Quotes" no topo acompanhado de um icone de documento. No canto superior direito encontra-se o botao "New Quote" com um icone de adicao. Abaixo do titulo surgem quatro cartoes de estatisticas resumindo os dados dos orcamentos. Mais abaixo existem filtros com um dropdown de estado e um campo de pesquisa por texto, seguidos de uma tabela com todos os orcamentos registados na plataforma.
Passo 11. Cartoes de estatisticas de orcamentos em detalhe — existem quatro cartoes no topo que resumem o estado dos orcamentos. O primeiro mostra o Total de orcamentos na base de dados. O segundo mostra os orcamentos em estado Draft (rascunho) representados com um badge cinzento. O terceiro mostra os orcamentos Sent (enviados) com badge azul. O quarto mostra os orcamentos Accepted (aceites) com badge verde. Estes cartoes permitem ao admin ter uma visao imediata da distribuicao dos orcamentos por estado.
Passo 12. Dropdown de filtro por estado — ao clicar no seletor de estado, o administrador ve todas as opcoes disponiveis para filtrar os orcamentos: All statuses (todos), Draft (rascunho), Sent (enviado), Accepted (aceite), Rejected (rejeitado), Expired (expirado) e Converted (convertido em factura). O admin pode selecionar qualquer um destes estados para ver apenas os orcamentos correspondentes na tabela abaixo.
Passo 13. Tabela de orcamentos — a tabela principal apresenta todos os orcamentos com as seguintes colunas: Number (numero sequencial do orcamento), Client (identificador do cliente), Status (badge colorido com o estado actual), Total (valor total em euros), Valid Until (data de validade do orcamento) e Date (data de criacao). Cada linha e clicavel e abre o detalhe do orcamento. Na ultima coluna existem botoes de accao conforme o estado.
Passo 14. Badges de estado dos orcamentos — cada orcamento na tabela tem um badge colorido indicando o seu estado actual. Draft aparece com fundo cinzento e texto cinzento para rascunhos nao enviados. Sent aparece com fundo azul claro e texto azul para orcamentos ja enviados ao cliente. Accepted aparece com fundo verde e texto verde para os aceites. Rejected usa vermelho, Expired usa laranja e Converted usa roxo para orcamentos ja convertidos em factura. Os botoes de accao mudam conforme o estado: rascunhos podem ser enviados ou eliminados, enviados podem ser reenviados, e aceites podem ser convertidos em factura.
Passo 15. Modal de criacao de orcamento — ao clicar no botao New Quote, surge um modal centrado no ecra com um formulario completo para criar um novo orcamento. No topo do modal esta o titulo "New Quote" e um botao X para fechar. O formulario inclui um campo Client ID para identificar o cliente, uma seccao de linhas do orcamento, e campos para notas e termos e condicoes. O fundo do ecra escurece para destacar o modal.
Passo 16. Detalhes do formulario de criacao — o formulario do modal apresenta os seguintes campos: Client ID (campo numerico obrigatorio para selecionar o cliente), Lines (seccao de linhas com campos Description, Qty e Price em cada linha), Notes (campo de texto multilinha para notas internas ou para o cliente) e Terms (campo de texto para termos e condicoes do orcamento). No rodape do modal existem dois botoes: Cancel para fechar sem guardar e New Quote para criar o orcamento.
Passo 17. Adicionar linha ao orcamento — na seccao Lines do formulario, cada linha tem tres campos: Description (texto livre para descrever o servico ou produto), Qty (quantidade, por defeito 1) e Price (preco unitario em euros). O admin pode preencher a descricao, ajustar a quantidade e definir o preco. Abaixo das linhas existentes encontra-se o link "+ Add Line" que permite adicionar mais linhas ao orcamento. Se existirem varias linhas, cada uma tem um botao de lixeira vermelho para remover.
Passo 18. Orcamento criado na tabela — apos submeter o formulario de criacao, o novo orcamento aparece na tabela com estado Draft (rascunho). O numero e gerado automaticamente seguindo a sequencia do sistema. O admin pode agora clicar no orcamento para ver os detalhes, enviar ao cliente ou eliminar enquanto esta em rascunho.