# Vistoria
# Vistoria
#### **Vistoria de entrada**
A vistoria fica disponível para ser feita no momento que chega a data de entrada no imóvel e o primeiro pagamento confirmado e tem duração de 10 dias corridos para edição, podendo ser inserida fotos e vídeos.
***Exemplo:***
Data de entrada: 10/05/2024.
Data final da vistoria de entrada: 20/05/2024.
Por isso é tão importante se ter a data de entrada bem definida, pois existem casos em que o inquilino já efetuou a assinatura do contrato e realizou o pagamento da primeira fatura, assim quando chegar a data de entrada a vistoria será liberada.
No momento que a vistoria é liberada, é enviado para ambas as partes uma notificação, um SMS e um e-mail, para que possam concluir a vistoria. Na notificação exibimos até quando, data, você pode realizar a vistoria de entrada.
---
#### **Vistoria de saída**
Fica disponível por até 30 dias antes da data de saída do imóvel. Todas as informações cadastradas na vistoria de entrada serão reexibidas.
Nosso jurídico aconselha a saída do imóvel com pelo menos 30 dias da data atual, seguindo a cláusula de rescisão no contrato.
Se a rescisão for agendada com menos de 30 dias, o prazo para a edição da vistoria é estendido por mais 5 dias da data de saída seguindo a cláusula de rescisão no contrato.
***Exemplo:***
Dia do agendamento da rescisão: 26/03/2024
Dia da saída do imóvel: 15/04/2024
Prazo estendido da vistoria de saída: 20/04/2024
No momento que a vistoria de saída fica disponível é enviada notificação, e-mail, e SMS para os envolvidos no contrato. Na notificação exibimos até quando, data, você pode realizar a vistoria de saída.
Confira, a seguir, um tutorial em vídeo:
---
### **Perguntas frequentes**
#### **Vistoria de saída**
Danos no imóvel
O contrato com o plano de **Garantia de Pagamentos com danos e multas** poderá garantir o valor de danos ao imóvel causado pelo inquilino, a partir da vistoria de saída ao iniciar o processo de rescisão de contrato.
Nesse caso, é necessário que o responsável faça a vistoria de entrada e saída corretamente, adicionando todas as imagens, vídeos e comentários do que teve danos. É necessário constar os mesmos itens que a vistoria de entrada, caso tenha algum dano, esse valor será coberto. **Não será possível cobrir itens que não constam na vistoria de entrada.**
Assim como na multa de rescisão, o proprietário fará a vistoria na plataforma e informará o valor dos danos adicionando reembolsos na vistoria, caso o inquilino não pague, a Mell.ro fará a cobertura dos danos do valor máximo de 3 aluguéis.
Encontrei danos no imóvel e não fiz a vistoria
Para que a Mell.ro constate que existiu danos em seu imóvel, nós vamos comparar a vistoria de entrada com a vistoria de saída. Se você não fez uma delas ou as duas, não será possível levantar que os danos causados e realizar o pagamento da garantia.
**O que fazer?**
Converse com seu inquilino, se ele assinar um confissão de dívida dos danos causados a Mell.ro poderá realizar a garantia no valor de até 3 vezes o aluguel. Para mais detalhes entre em contato com nosso suporte.
# RN / Vistoria
[Telas / Vistoria de entrada](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=132%3A9132&t=V5cPsKx31CvMDBqa-1)
[Telas / Vistoria de saída](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=1%3A2851&t=V5cPsKx31CvMDBqa-1)
[Protótipos / Vistoria de entrada](https://www.figma.com/proto/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-Vistoria?node-id=0%3A1&viewport=619%2C-6634%2C0.75&scaling=min-zoom&starting-point-node-id=30%3A1369&show-proto-sidebar=1)
[Protótipos / Vistoria de saída](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=1%3A2851&t=V5cPsKx31CvMDBqa-1)
### **Descrição**
Este documento descreve como todos os comportamentos da vistoria, suas telas e notificações.
---
### **Fluxo**
#### **Vistoria**
A vistoria do imóvel é feita pela própria aplicação da Mellro. Sempre incentivamos que os usuários Donos e Inquilinos façam a vistoria ao mesmo tempo
A tela da área da vistoria exibirá cards das vistorias ativas, podendo ser a Vistoria de [Entrada](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=30%3A1369&t=V5cPsKx31CvMDBqa-4) e [Vistoria de Saída](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=91%3A4562&t=V5cPsKx31CvMDBqa-4).
[Detalhes:](https://www.figma.com/proto/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?page-id=0%3A1&node-id=30%3A1369&viewport=738%2C242%2C0.13&scaling=min-zoom&starting-point-node-id=30%3A1369&show-proto-sidebar=1) Os cards de vistoria de entrada de saída exibem galeria de fotos dos itens adicionados, Título, data limite para cadastro/ data de fechamento da vistoria e botões;
**Botões:**
Vistoria de entrada/saída em edição: Exibe o[ botão de Iniciar vistoria](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?type=design&node-id=1120-4942&mode=design&t=cPXE6uXOUSNxI5gT-4);
Vistoria de entrada/saída fechada: Exibe o[ botão de Ver vistoria](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?type=design&node-id=30-5757&mode=design&t=cPXE6uXOUSNxI5gT-4);
Vistoria de entrada/saída fechada: Exibe o[ botão de download da vistoria](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?type=design&node-id=1127-10009&mode=design&t=cPXE6uXOUSNxI5gT-4)
Quando não existir nenhum item adicionada a uma vistoria, não deve ser exibido o slider de imagens nos cards de vistoria de entrada e saída;
A partir do momento que um item é adicionado a uma vistoria, o slider de fotos nos cards devem ser exibidos;
#### [**Vistoria de entrada:**](https://www.figma.com/proto/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?page-id=0%3A1&node-id=30%3A1369&viewport=738%2C242%2C0.13&scaling=min-zoom&starting-point-node-id=30%3A1369&show-proto-sidebar=1)
Fica disponível a partir do momento que chega a **data de entrada no imóvel** e se o primeiro pagamento foi pago, com duração de 10 dias para edição;
Existem casos em que o contrato é assinado e o primeiro pagamento acontece meses antes da entrada no imóvel, por isso é necessário que a vistoria de entrada libere mediante data de entrada do imóvel e que o primeiro pagamento tenha sido confirmado;
Após os 10 dias de edição, a [vistoria de entrada não pode ser editada](https://www.figma.com/proto/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?page-id=0%3A1&node-id=30%3A5744&viewport=738%2C242%2C0.13&scaling=min-zoom&starting-point-node-id=30%3A5744&show-proto-sidebar=1);
Pode ocorrer que um dos usuários, ou até que nenhum dos usuários faça a vistoria de entrada;
No momento que a vistoria de entrada fica disponível é enviada uma [Notificação](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=130%3A8990&t=V5cPsKx31CvMDBqa-4), [email](https://www.figma.com/file/PMSvPQ3u4pDWEOparKraON/Emails?node-id=175%3A363&t=9eRiuQA7Lv6YMCnl-4) e sms para o **dono** e **inquilino** para criar a vistoria de entrada;
Texto no SMS: “[Mell.ro](http://mell.ro): Você tem até XX/XX/XX para editar a vistoria do imóvel - \[Link encurtado\]”;
#### [**Vistoria de saída:**](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=91%3A4562&t=V5cPsKx31CvMDBqa-4)
Fica disponível por até 30 dias antes da data de saída do imóvel. Todas as informações cadastradas na vistoria de entrada são puxadas novamente;
Por aconselhamento do jurídico, é necessário seguir os 30 dias de edição para a vistoria de saída seguindo a cláusula de rescisão no contrato;
Se a rescisão for **agendada com menos de 30 dias**, o prazo para a edição da vistoria deve ser **estendido** por mais **5 dias da data de saída** seguindo a cláusula de rescisão no contrato;
Exemplo:
Dia do agendamento da rescisão: 26//07/2023
Dia da saída do imóvel: 15/08/203
Prazo estendido da vistoria de saída: 20/08/2023
**Vistoria com data retroativa:** Todos os casos de vistoria retroativa devem ter apenas o prazo de extensão de 5 dias a partir do termo de saída ser assinado por todos os usuários.
No momento que a vistoria de saída fica disponível é enviada uma [Notificação](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=136%3A11073&t=V5cPsKx31CvMDBqa-4), [email](https://www.figma.com/file/PMSvPQ3u4pDWEOparKraON/Emails?node-id=175%3A935&t=9eRiuQA7Lv6YMCnl-4), e sms para o **dono** e **inquilino** para criar a vistoria de entrada;
Texto no SMS: “[Mell.ro](http://mell.ro): Você tem até XX/XX/XX para editar a vistoria do imóvel - \[Link encurtado\]”;
#### **Notificações:**
Todas as notificações deste fluxo devem ser disparadas às 09h00;
Aviso prazo encerrando:
Quando faltarem 3 dias para a vistoria de entrada ou saída atingir sua data limite, dono e inquilino são avisados pela [Notificação](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=136%3A11075&t=V5cPsKx31CvMDBqa-4), [email](https://www.figma.com/file/PMSvPQ3u4pDWEOparKraON/Emails?node-id=175%3A396&t=9eRiuQA7Lv6YMCnl-4) e sms.
Quando faltarem 2 dias para a vistoria de entrada ou saída atingir a data limite, o disparo das notificações deve ser realizado novamente;
Texto do SMS: “[Mell.ro](http://mell.ro): A vistoria encerra em \[3/2\] dias. Edite até XX/XX/XX - \[Link da vistoria\]”;
Aviso de último dia: Quando faltarem 24 horas para a vistoria de entrada ou saída atingir sua data limite, dono e inquilino são avisados pela [Notificação](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=136%3A11076&t=V5cPsKx31CvMDBqa-4), [email](https://www.figma.com/file/PMSvPQ3u4pDWEOparKraON/Emails?node-id=175%3A407&t=9eRiuQA7Lv6YMCnl-4) e sms.
Texto do SMS: “[Mell.ro](http://mell.ro): Hoje é o último dia para você editar a vistoria do imóvel - \[Link da vistoria\]“;
Vistoria encerrada: Quando a vistoria de entrada ou saída atingir sua data limite e não for mais possível editá-la, dono e inquilino são avisados pela [Notificação](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=136%3A10842&t=V5cPsKx31CvMDBqa-4), [histórico](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=145%3A9505&t=V5cPsKx31CvMDBqa-4), [email](https://www.figma.com/file/PMSvPQ3u4pDWEOparKraON/Emails?node-id=175%3A906&t=9eRiuQA7Lv6YMCnl-4) e sms;
Texto do SMS: “A vistoria do seu imóvel foi encerrada e não pode mais ser alterada - \[Link da vistoria\]“;
#### [**Feed da vistoria:**](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=30%3A4985&t=V5cPsKx31CvMDBqa-4)
Ao Clicar em um card de vistoria, o usuário é direcionado para o Feed da vistoria, onde os usuários conseguem navegar através de breadcrumbs, checar o prazo/situação da vistoria, adicionar novos itens, checar os itens cadastrados no feed e realizar comentários
[Prazo da vistoria](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?type=design&node-id=1132-12469&mode=design&t=cPXE6uXOUSNxI5gT-4):
Logo abaixo do título, vamos manter as informações de texto informando[ até quando a vistoria pode ser editada](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?type=design&node-id=1132-12826&mode=design&t=cPXE6uXOUSNxI5gT-4) ou a[ data que a edição foi encerrada](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?type=design&node-id=1132-13156&mode=design&t=cPXE6uXOUSNxI5gT-4);
Devemos exibir o texto sobre a cláusula do contrato;
**Botão Ver mais:**
Quando clicado, o texto e ícone do botão deve ser alterado para Ver menos;
Quando clicado, deve ser expandido os detalhes sobre os usuários no contrato;
**[Detalhes dos usuários:](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?type=design&node-id=1132-12479&mode=design&t=cPXE6uXOUSNxI5gT-4)** Devemos exibir a sua foto de perfil, Nome (Com truncate exibindo apenas o primeiro nome), CPF e data da última visualização do feed da vistoria;
**[Botão ver menos:](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?type=design&node-id=1132-12473&mode=design&t=cPXE6uXOUSNxI5gT-4)** Esconde os detalhes sobres os usuários e faz o botão voltar para o status de Ver mais;
**[Novo item:](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=30%3A4645&t=V5cPsKx31CvMDBqa-4)** Quando o usuário clica no botão de novos itens é direcionado para a tela de Upload de fotos e vídeos;
O botão Novo item fica disponível para todos os inquilinos e o usuário que assinou o contrato: administrador ou dono;
##### **Upload de fotos e vídeos:**
Nesta tela o usuário pode clicar na dropzone e selecionar mais de um arquivo em seu dispositivo, ou arrastar arquivos até ela. Assim, será feito upload de cada um dos itens selecionados/arrastados:
**Imagens:**
O tamanho máximo das imagens que o usuário pode fazer upload é de **20 mb;**
Quando é feito o upload, precisamos ajustar para que o resizer comprima a imagem no máximo em full hd (1920 x 1080px) e que a compressão fique abaixo de 5mb
A compressão precisa respeitar as proporções e orientações da imagens;
O canal pro só aceita imagens com até 5mb, por isso o limite do resizer;
**Itens em upload:** Enquanto um dos itens está em upload, é exibido o ícone se é uma[ imagem](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=444-10910&t=g73hIOmRvLE1hZge-4) ou [vídeo](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=444-10911&t=g73hIOmRvLE1hZge-4), o nome do arquivo, qual a porcentagem do upload e o botão de lixeira;
Se o botão de lixeira é clicado, este item é deletado;
**Itens carregados:** Assim que o upload do item é concluído, a porcentagem é exibida em 100%, o visual da borda é alterado e passa a ser exibido o botão de **Editar item**, que quando clicado o usuário é direcionado para a tela de [formulário de item](https://docs.google.com/document/d/1zn2eY_bIHq17nkBKiFPvgIHxU7-fExA1sYKz-Sd2hr8/edit?pli=1#bookmark=id.fnnlgv8nqhqn);
Uma vez que o upload dos itens seja finalizado, eles ficam aguardando pela edição do usuário que os criou mesmo que ele feche a aplicação no seu dispositivo ou saia da sua conta;
A edição do itens só fica disponível enquanto a vistoria em questão não é finalizada;
[**Alerta de itens pendentes**](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=446-11080&t=g73hIOmRvLE1hZge-4)**:** toda vez que o usuário acessa a página de upload de fotos e vídeos, se houver algum item que não tenha sido editado, o alerta deve aparecer.
#### **Formulário do item:**
Para adicionar uma novo item o usuário precisa preencher um formulário, que ao fim cria uma novo item no feed da vistoria.
**[Ambientes:](https://www.figma.com/proto/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?page-id=0%3A1&node-id=1%3A681&viewport=738%2C242%2C0.13&scaling=min-zoom&starting-point-node-id=30%3A1369&show-proto-sidebar=1)** No campo de ambientes são puxados do cadastro do imóvel e podem ser criados novos durante a criação de um item
Todos os campos do formulário de novo item são obrigatórios, com exceção do campo de comentário
#### **Listagem feed**
[**Alerta de itens pendentes:**](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=446-11056&t=g73hIOmRvLE1hZge-4) toda vez que o usuário acessa o feed, se houver algum item adicionado nos novos itens e que não tenha sido editado, o alerta deve aparecer.
Caso o usuário clique no alerta ele é direcionado a [tela de Upload de fotos e vídeos,](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=425-10019&t=g73hIOmRvLE1hZge-4) exibindo todos os [itens que precisam de edição](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=427-10461&t=g73hIOmRvLE1hZge-4)
**Ordem:** A ordem dos itens do feed é baseada nos ambientes. itens do mesmo ambiente sempre ficam uma abaixo da outra;
Os itens de um mesmo ambiente devem ficar[ agrupados dentro de um mesmo collapsible](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?type=design&node-id=1007-10789&mode=design&t=0rOhBAX1TvEU1gFZ-4), para facilitar a visualização de quais itens estão no mesmo ambiente;
O[ título](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?type=design&node-id=1007-10768&mode=design&t=0rOhBAX1TvEU1gFZ-4) do collapsible deve ser o título do ambiente;
Ao lado do título, deve ser apresentado um[ contador com o número](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?type=design&node-id=1007-10768&mode=design&t=0rOhBAX1TvEU1gFZ-4) de itens naquele collapsible/ambiente;
**[Itens:](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=35%3A7563&t=V5cPsKx31CvMDBqa-4)** Os itens são criadas pelos usuários e compõe o feed, toda item possui as seguintes informações:
**[Foto ](https://www.figma.com/file/k6JaJfd9Cn9woDn9Bs0zbH/Mellro-UI-kit?node-id=4178%3A5456&t=uKXegK1qBmYnf3xy-4)**de quem fez a item
[**Nome do item:**](https://www.figma.com/file/k6JaJfd9Cn9woDn9Bs0zbH/Mellro-UI-kit?node-id=4147%3A4988&t=uKXegK1qBmYnf3xy-4) Campo onde o usuário cria um nome ao item, por exemplo: Sofá de três lugares bege.
É necessário adicionar truncate neste campo para que o layout não quebre
[**Ambiente:**](https://www.figma.com/file/k6JaJfd9Cn9woDn9Bs0zbH/Mellro-UI-kit?node-id=4147%3A4988&t=uKXegK1qBmYnf3xy-4) Sempre é exibido qual o ambiente que aquela item faz referência. Por padrão sempre é puxada as informações do imóvel para criar o número de quartos, banheiros e vagas de garagem. Além destes, sempre são criados ambientes: Cozinha e Sala.
[**Data e hora do item**](https://www.figma.com/file/k6JaJfd9Cn9woDn9Bs0zbH/Mellro-UI-kit?node-id=4147%3A4988&t=uKXegK1qBmYnf3xy-4)
**[Slider de imagens/vídeos:](https://www.figma.com/file/k6JaJfd9Cn9woDn9Bs0zbH/Mellro-UI-kit?node-id=4152%3A6637&t=uKXegK1qBmYnf3xy-4)** As imagens carregadas pelos usuários
**Desktop:** é permitido o upload de fotos e vídeos
**Estado:** Essa informação sempre vai aparecer como Tag acima das imagens
**Bom estado:** é exibida a tag em verde
**Reparos:** é exibida a tag em vermelho, e abre a possibilidade de criar um reembolso atrelado a aquele item
[Comentários:](https://www.figma.com/file/k6JaJfd9Cn9woDn9Bs0zbH/Mellro-UI-kit?node-id=4147%3A5001&t=uKXegK1qBmYnf3xy-4) é possível os usuários fazerem comentários nos itens
**Texto:** É possível fazer comentários de texto
**Imagem / Vídeo:** É possível fazer comentários de imagem e vídeo
**Seu comentário / Outros comentários:** Os comentários exibem a foto dos usuários de lado distinto para diferenciar quem comentou.
Sempre é exibido o último comentário de cada item, se houver mais comentários é exibido o botão de **Ver todos os comentários**, que quando clicado expande os comentários
**Localização:** Sempre é guardado no backend a localização da onde o usuário realizou este upload;
Toda vez que acontecer um atualização na vistoria (novo item ou novo comentário) o usuário que não fez a atualização recebe uma [Notificação](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?node-id=130%3A8989&t=V5cPsKx31CvMDBqa-4) e [email](https://www.figma.com/file/PMSvPQ3u4pDWEOparKraON/Emails?node-id=175%3A374&t=9eRiuQA7Lv6YMCnl-4)
Este email deve ser enviado apenas uma vez a cada 24 horas.
#### **Documento de vistoria**
Assim que é finalizado o prazo de edição de uma vistoria, o sistema deve gerar um documento em PDF com páginas em A4 com todas as informações cadastradas durante a edição da vistoria:
**Cabeçalho:** Devemos exibir as informações:
[**Imóvel:**](https://www.figma.com/file/TkxEGl7z8LDi3TvatisqjG/Modelo-Laudo-de-vistoria?type=design&node-id=1-176&mode=design&t=VQDKnrHHlgDTHcXO-4) Detalhes do Endereço completo do imóvel;
[**Responsável:**](https://www.figma.com/file/TkxEGl7z8LDi3TvatisqjG/Modelo-Laudo-de-vistoria?type=design&node-id=1-179&mode=design&t=VQDKnrHHlgDTHcXO-4) Nome, email e CPF;
[**Inquilino(s):** ](https://www.figma.com/file/TkxEGl7z8LDi3TvatisqjG/Modelo-Laudo-de-vistoria?type=design&node-id=1-182&mode=design&t=VQDKnrHHlgDTHcXO-4)Nome, email e CPF. Caso exista mais de um inquilino, deve ser exibidas as mesmas informações em uma linha abaixo;
[**Datas:**](https://www.figma.com/file/TkxEGl7z8LDi3TvatisqjG/Modelo-Laudo-de-vistoria?type=design&node-id=1-185&mode=design&t=VQDKnrHHlgDTHcXO-4) Precisamos exibir no parágrafo as datas de início e dia que a edição da vistoria foi encerrada;
[**Notificações:**](https://www.figma.com/file/TkxEGl7z8LDi3TvatisqjG/Modelo-Laudo-de-vistoria?type=design&node-id=1-185&mode=design&t=VQDKnrHHlgDTHcXO-4) Precisamos exibir a data que as notificações da vistoria foram disparadas aos usuários;
**Sem itens cadastrados:**
Caso os usuários não adicionem nenhum item na **vistoria de entrada**, precisamos [exibir o bloco](https://www.figma.com/design/TkxEGl7z8LDi3TvatisqjG/Modelo-Laudo-de-vistoria?node-id=9-232&t=dfqPi090i6Hanofg-4 "") contendo esta informação;
Caso os usuários não adicionem nenhum item na **vistoria de saída**, precisamos [exibir o bloco](https://www.figma.com/design/TkxEGl7z8LDi3TvatisqjG/Modelo-Laudo-de-vistoria?node-id=9-241&t=dfqPi090i6Hanofg-4 "") contendo esta informação;
**Itens cadastrados:**
Devemos exibir todas as informações de cada um dos itens cadastrados: Nome do item, Ambiente, Localização do upload, Data e hora, Quem cadastrou, Estado e Comentário;
As informações dos itens devem ser dispostas no arquivo dependendo do número de fotos que cada item possui como na página de exemplo;
Para linhas de fotos com até 2 fotos, as informações devem ser dispostas ao lado das imagens;
Para linhas de fotos com 3 a 4 fotos, as informações devem ser dispostas abaixo das imagens;
**Ordem dos itens:** A ordem exibida no documento deve ser a mesma exibida no pwa, agrupando itens que pertençam ao mesmo ambiente na mesma página sempre que possível;
Deve existir quebra de página sempre que não for possível exibir todos os detalhes de um item;
A cada novo ambiente deve ser adicionado um título para agrupar os mesmos itens;
A cada novo ambiente, deve ser feito uma nova quebra de páginas para agrupar os itens deste ambiente;
Assim que o documento da vistoria é gerado pelo sistema, são disponibilizados os botões para que os usuários façam o download da vistoria:
[Cards de vistoria:](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?type=design&node-id=91-4562&mode=design&t=A9jTXxanqVQAoelO-4) Nos cards da vistoria de entrada e saída deve ser exibido o botão para download das vistorias;
[Feed da vistoria:](https://www.figma.com/file/QJMnmVpNGzC1DUktIitBuc/Gerenciamento-%2F-Vistoria?type=design&node-id=91-4625&mode=design&t=A9jTXxanqVQAoelO-4) Nos feeds da vistoria de entrada e saída deve ser exibido o botão para download das vistorias;
Os botões só devem ser exibidos assim que o prazo de edição das vistoria for finalizado;
---
### **Fluxos relacionados**
**Fluxo**
**Como os fluxos se relacionam**
Plataforma / Criação de pagamentos
Descreve como os pagamentos são criados pelo sistema, seus comportamentos e o disparo de notificações.
Plataforma / Gerenciar meu aluguel
Descreve como os clientes acessam a área de gerenciar seu aluguel.
Admin / Contrato
Descreve como nosso time da mell.ro consegue visualizar todos os detalhes sobre um contrato criado.
Admin / Vistoria
Descreve como nosso time da mell.ro consegue visualizar todos os detalhes sobre as vistorias de entrada e saída.
Plataforma / Rescisão
Descreve como um cliente consegue preencher o fluxo de rescisão de contrato.
Admin / Rescisão
Descreve como nosso time consegue preencher o fluxo de rescisão de contrato e visualizar detalhes de uma rescisão iniciada ou finalizada.
---
### **Requisitos de aceitação**
1. A vistoria de entrada ficar disponível para edição a partir da data de entrada do imóvel, se o primeiro pagamento foi confirmado;
2. A vistoria de entrada deve ficar disponível para edição apenas 7 dias;
3. Na tela de vistoria, ser possível usar o slider nos cards de vistoria de entrada e saída;
4. Enviar notificações assim que a vistoria de entrada estiver disponível para edição;
5. Enviar notificações assim que faltar 3 dias para o fim da edição da vistoria de entrada
6. Enviar notificações assim que faltar 24 horas para o fim da edição da vistoria de entrada
7. Enviar notificações assim que terminar o tempo de edição para a vistoria de entrada;
8. Não ser possível editar/comentar a vistoria de entrada assim que atinja sua data limite;
9. Ser possível visualizar visualizar a vistoria de entrada assim que atinja sua data limite;
10. Ser possível selecionar mais de um arquivo para upload em novo item;
11. Ser possível arrastar mais de um arquivo para upload em novo item;
12. Exibir o upload de um item e sua porcentagem de upload;
13. Ser possível clicar no botão da lixeira e deletar um item em upload ou carregado;
14. Ser possível editar um item que teve seu upload concluído;
15. Exibir o alerta de itens aguardando edição na tela de feed;
16. Ser possível clicar no alerta de itens aguardando edição e ser direcionado para a tela de upload de fotos e vídeos;
17. Exibir o alerta de itens aguardando edição na tela de upload de fotos e vídeos;
18. Ser possível editar um item que teve seu upload concluído após deslogar do sistema ou por outro dispositivo;
19. Preencher o formulário do item e ao concluir o item aparecer no feed;
20. O sistema listar todos os ambientes do imóvel;
21. Ser possível adicionar um novo ambiente para os itens;
22. Os itens criados ficam agrupados no feed de acordo com seus ambientes;
23. Exibir e navegar pelo slider nos itens;
24. Ser possível fazer comentários em um item da vistoria;
25. Apenas ser exibido o último comentário em um item da vistoria;
26. Clicar no botão Ver todos os comentários e exibir todos os comentários de um item da vistoria;
27. Exibir a foto, nome do usuário e data que o item da vistoria foi adicionado;
28. Exibir as tags de estado (bom estado/reparos) acima das imagens do item da vistoria;
29. Enviar notificações de atualização na vistoria uma vez a cada 24 horas;
30. Guardar no backend as informações de localização onde foi realizado o upload de cada item;
31. Assim que o contrato é rescindido, a vistoria de saída deve ficar disponível para edição 30 dias antes da data de saída do imóvel;
32. Enviar notificações assim que a vistoria de saída estiver disponível para edição;
33. Enviar notificações assim que faltar 3 dias para o fim da edição da vistoria de saída;
34. Enviar notificações assim que faltar 24 horas para o fim da edição da vistoria de saída;
35. Enviar notificações assim que terminar o tempo de edição para a vistoria de saída;
36. Não ser possível editar/comentar a vistoria de saída assim que atinja sua data limite;
37. Ser possível visualizar a vistoria de saída assim que atinja sua data limite.
# Adicionando novos itens
Para adicionar um novo item, o usuário irá precisar passar pelo formulário, que ao ser preenchido, cria um novo item acrescentado à [vistoria](https://docs.mellro.com/books/gerenciar-meu-aluguel/page/vistoria).
O formulário aberto, temos campos que são obrigatório o seu preenchimento, como:
- **Ambiente:** Inserir o ambiente do imóvel, exemplo: Sala de estar. Podem ser utilizados ambientes já cadastrados ou criar novos.
- **Nome do item:** Item alvo da vistoria.
- **Fotos e vídeos:** Anexos de fotos ou vídeos para provar a condição em que está o item.
- **Estado:** Selecionar entre as duas existentes, bom ou precisa de reforma.
- **Comentário:** Campo opcional.
Inseridos os itens, a listagem de itens da vistoria é carregada.
A listagem, carrega os itens que são baseados nos ambientes. E ficam listados um abaixo do outro. Os itens do mesmo ambiente ficam agrupados dentro da mesma caixa, que ao ser clicado no título apresenta os itens em uma pequena galeria, com um slide de fotos ou vídeos.
Na caixa de itens agrupados, podem ser adicionados comentários que complementam informações, permitidos aos usuários envolvidos no contrato. Podemos ver todos os comentários registrados, clicando na opção **Ver todos os comentários**. E sempre que acontecer um atualização na vistoria o usuário que não fez a atualização recebe uma **Notificação e e-mail**.
***O processo só é permitido, enquanto o período de vistoria estiver aberto.***
Assim que é finalizado o prazo de edição de uma vistoria, o sistema gera um **documento em PDF** com todas as informações cadastradas.
**Detalhes dos uploads de fotos e vídeos**
- O tamanho máximo das imagens que o usuário pode fazer upload é de **20 mb**;
- Durante do upload, Enquanto um dos itens está em upload, é exibido o ícone se é uma imagem ou vídeo, o nome do arquivo, qual a porcentagem do upload e o botão de lixeira;
- Assim que o upload do item é concluído, a porcentagem é exibida em **100%** e ficará aguardando a edição do usuário para o item.