Webapp Contratante SINGLE PAGE APP Ele se baseará apenas em interações de javascript e CSS, cham...
Webapp Contratante SINGLE PAGE APP Ele se baseará apenas em interações de javascript e CSS, chamando dinâmicamente os dados gerenciais e os colocando em uma camada acima do mapa, interagindo sempre com ele. A landing page terá o mapa da região total de fretes ativos em foco, com os pins do 'Meus Fretes' sendo exibidos (cargas contratadas ativas). Ao lado terá uma aba ocupando 40% da tela. Em cima, terá uma ferramenta de pesquisa (escrito algo como: pesquise por cargas, motoristas ou fretes) que estará presente em todas as interações (o texto dentro mudará para os nomes dos conceitos quando clicados, motoristas, cargas ou fretes), logo abaixo virá um dashboard com um gráfico de torta mostrando a estatística entre cargas lançadas/cargas contratadas no meio, com a porcentagem de aproveitamento no centro do círculo; ao lado deste terão as estatísticas pertinentes a empresa/operador (número de cargas lançadas ativas, número de cargas contratadas ativas e o número de caminhoneiros contratados). Abaixo do dashboard virão os botões de ação (Minhas cargas + Feed, Meus fretes + Feed e Minhas mensagens + Feed, Meus Motoristas), e um card de perfil, com o nome e a empresa do usuário. Ao lado do painel terá o collapse button que ao clicado apenas exibirá a busca e o card de perfil do usuário. As novidades serão exibidas em um modal em cima do mapa todas as vezes que o usuário se logar. Para ver o mapa, o usuário terá que fechá-las. Dependendo do botão de ação pressionado, esta aba aumentará a sua largura, ou diminuirá. O botão deslizará pra cima revelando o conteúdo e ficará em estágio de press (amarelo) com um X do lado direito (que fará retornar ao menu principal).
Door Thiago Cataldi
1. Search Bar A Tab ocupará cerca de 40% da tela quando ativada. Ela funcionará com auto-complete derivados em 2 conceitos; cargas, fretes e motoristas. Se o usuário procurar por nome, CPF, email ou telefone, o retorno será uma lista de cards relacionados aos motoristas. Se clicado ele irá pra ficha deste, onde ele poderá ser favoritado, pinando este ao painel 'meus motoristas'. Se o usuário pesquisar por número da carga, local ou data, ele retornará uma lista semelhante a lista das minhas cargas com todos os resultados pertinentes.
2. Minhas Cargas Quando esta aba for clicada, a aba cresce até cerca de 90% da tela, e o mapa atrás ficará com um blackscreen, sinalizando que ao clicar na carga a interação continuará, mas com a aba reduzida. O feed será apenas pra avisar sobre as novas mudanças de status e mensagens enviadas pelas cargas relacionadas nessa lista, na lista do feed quando clicada, haverá essa diferença conceitual e quando clicadas levarão a carga com as suas estatísticas. O Dashboard se mantém como na tela inicial. Ao lado terá um de nova carga, importar carga, um botão de filtro, outro de arquivo e abaixo uma tabela. Botão de filtro: quando clicado, a tabela abaixo some, dando lugar aos filtros que o aplicativo já tem hoje em dia. Nenhum dele será obrigatório. Ao ser completado com o que o contratante precisa, a tabela abrirá de novo com o resultado pedido. A Tabela será uma lista com as colunas que temos hoje. Na versão mobile ela será simplificada em cards, mostrando apenas o ID, origem e destino, número de interessados e o botão de contratação. O botão de arquivo é apenas um gateway para as cargas já finalizadas, desativadas ou canceladas.
2.1. Carga - Exibição da carga como a carga desenhada no 'Meus Fretes' Ao clicar em qualquer carga na tabela anterior, a tab será reduzida novamente pra 30% da tela e aquela carga aparecerá no mapa. No search terá o conceito exibido dependendo do status da carga (ou apenas o ID ou o ID e nome do contratado). Se ainda não foi coletada, na pesquisa aparecerá o ID da carga apenas, no mapa ela estará no ponto de coleta. Na tab serão exibidos a barra de status (que neste momento estará com o todos os indicadores vermelhos) e com os seguintes dados no dashboard: para quantos caminhoneiros esta carga foi lançada (como número principal). Abaixo terão 4 botões com seus respectivos números: quantos se interessaram, quantos visualizaram e quantos recusaram. Ao lado destes o pressionado será dados das cargas (que aparecerá pressionado). Ao navegar por entre estes o usuário poderá ver cards dos motoristas, beneficiando por ranking os motoristas favoritados (nos cards poderá favoritar motorista também). Abaixo (dentro do espaço da carga) terão os botões de ação: coletar manualmente, editar, desativar e enviar oferta para motorista. Junto a estes botões terá a informação sobre quem criou (link) e quando. Se o(s) caminhoneiro(s) já coletaram a carga, a exibição será como a desenhada nos meus fretes, e servirá pra acompanhar a viajem dele, assim como enviar mensagem. No caso de cargas com múltiplos caminhoneiros, o contratante poderá navegar entre os contratados através de setas ao lado do número grande do dashboard.
3. Meus Fretes A Tab ocupará cerca de 40% da tela. Essa aba mostra apenas cargas já coletadas. A interação será como no fluxo já desenhado.
4. Minhas Mensagens A Tab ocupará cerca de 40% da tela. Nessa aba, o feed mostrará quantas mensagens novas o contratante tem, ao ser clicado ele poderá ir direto pra mensagem em questão. Abaixo disso terá uma tabela com as mensagens, parecido com o modelo desenhado em 'Meus Fretes', mas os itens na tabela serão: ID da carga, nome do motorista, origem, destino e um botão pra favoritar motorista. O rankeamento será sempre: mensagens não visualizadas/lidas (quando apenas visualizadas ela passa pra baixo na lista, mas ainda com a marcação de não lida), depois mensagens de caminhoneiros favoritados, seja elas vistas ou não, e após, as mensagens já visualizadas. Quando clicadas, aparecerão as mensagens e no mapa aparecerá a localização do caminhoneiro, e se pertinente, o trajeto sendo feito da carga. Dentro da mensagem, o contratante poderá ir pra ficha do caminhoneiro.
5. Meus Motoristas A Tab ocupará cerca de 40% da tela. Nessa interação serão mostrados todos os motoristas já contratados ou que tiveram interesse nas cargas desta empresa/operador. O rankeamento será feito primeiro os favoritados, depois os contratados e depois os interessados, sempre na ordem alfabética. Nos caminhoneiros não favoritados, terá a opção de favoritá-lo agora, assim como na mensagem também terá essa opção (que terá efeito sobre essa tela). Ao clicar em qualquer motorista a sua ficha será exibida. E dentro dela terá um acesso rápido a carga (ou cargas) que ele foi contratado, assim como um acesso rápido ao fechamento e desativação dessa carga
6. Usuário/Empresa Esta tab ocupará 40% da tela, e diferente das outras interações, as ações desencadeadas por estes botões serão os únicos que irão levar a uma página fora do single page app, por se tratar de ferramentas admnidistrativas. No caso de gerente, o mesmo poderá editar e ver o perfil da empresa, adicionar um usuário e editar e ver o próprio perfil. No caso de um operador, ele apenas poderá ver o perfil da empresa e editar o próprio perfil
6.1. Editar perfil O usuário poderá editar suas informações de perfil e ver o seu histórico.
6.2. Perfil da empresa No perfil da empresa o usuário poderão ver (no caso dos gerentes editar) informações pertinentes a empresa, como relatórios, endereços e contatos, e grupos de empresa abaixo do seu guarda-chuva. Nesta aba, no caso de gerentes, poderão ser adicionadas novas empresas no guarda-chuva ou usuários com suas permissões
6.2.1. Novo usuário Somente gerentes poderão acessar essa função. Dentro deverá ter a possibilidade de criar outros gerentes ou operadores
6.2.2. Nova empresa Cria empresa 'filha' do nível acima, com todos os assets e recursos gerenciais que todas têm