Integração Open Street Map ao React
25/04/2024 às 12:12Descrição do Projeto:
O que precisa ser feito:
Uma nova aba será adicionada ao fluxo web, nela conterá os seguintes fluxos:
Ver Redes
Exibe um mapa com todas as redes cadastradas (caso o usuário esteja especificado para um local, retornará apenas para este local em particular);
O mapa das redes terá:
Uma legenda com os icones;
Os ícones que se conectarão a partir das redes e subredes (considerando o fluxo de montante e jusante);
Ao interagir com algum ícone, deverá:
Se for Subrede, exibir a foto e as informações de descrição e afins;
Se for principal, exibir a foto e as informações detalhadas e afins;
Caso o usuário interaja com a linha, e caso exista uma inspeção associada ao trecho, exibir as fotos (Ponto inicial e Ponto final), o vídeo da inspeção (ou o link do dropbox) e possibilidade para baixar o PDF;
Ver Inspeções
Exibe campos para filtros de exportação (gera um PDF com essas infos e baixa automaticamente);
Exibe uma lista com todas as inspeções realizadas, a partir dela, o usuário pode visualizar informações resumidas como:
Ponto inicial, Ponto Final, data de execução, status do vídeo (se já está no dropbox ou sendo processado pelo backend), e ao interagir com algum item, deverá exibir um Modal que exibirá de forma resumida:
Informações do ponto inicial e final, o vídeo da inspeção, possibilidade para baixar o PDF específico;
- Como a precisão do dispositivo não é 100%, precisamos poder ajustar a posição passando lat long do ponto capturado em mapa.
- Ao clicar em gerar relatório, retornará uma lista com os pontos de rede que estarão presentes no relatório, preciso que a partir desses pontos, seja gerada uma imagem via satélite com os pontos marcados e linhas ligando os relacionados. essa imagem será enviada ao backend, pois deverá estar presente no pdf gerado.
Habilidades desejadas:
Atividades do cliente nesse projeto:
Última visualização: 27/04/2024 às 08:52
Informações adicionais
| Categoria: | Web, Mobile & Software |
|---|---|
| Subcategoria: | Desenvolvimento Web |
| Orçamento: | Aberto |
| Nível de experiência: | Intermediário |
| Visibilidade: | Público |
| Propostas: | 2 |
| Interessados: | 4 |
| Tempo restante: | |
| Valor Mínimo: | R$ 50,00 |
Desenvolver atendimento automático no BotConversa - Preciso de alguém que me coloque a mão na massa e continue desenvolvendo um robô de atendimento no BotConversa para um delivery de ração. Precisa ter experi&ecir...
Criação de página de vendas - Procuro alguém que saiba criar página de vendas para PLR, página simples, com hospedagem de vídeo, provas sociais...
Site portfolio personalizado no Canva - Um site portfolio feito no Canva completo com meus trabalhos e identidade visual da minha empresa d3e social mídia
Site parecido com da empresa - Um site exatamente como esse (https://z/work), mas será voltado para consultoria WEB3 em geral, os detalhes de textos passo em próximos passos.
Adicionar Google Authenticator em um Login Filament - Quero adicionar um Google Authenticator. Quando o Admin for logar, pede o 2FA do Google Authenticator. Estou usando Laravel 10, Filament no Painel Administrador, então deve ser adicionado no...
