worknenjoy / truppie

The marketplace for adventures
http://www.truppie.com
MIT License
51 stars 38 forks source link

Um mapa listando as truppies cadastradas - R$ 180,00 #23

Closed alexanmtz closed 7 years ago

alexanmtz commented 7 years ago

Na seção http://explore.truppie.com/, logo após o título "Explore e experimente", exibir um mapa de largura completa do Google com os passeios cadastrados tour sendo exibidos em um balão.

jif1j

Seguir este screenshot como modelo. Será exibida a foto, valor, título e descrição do evento no evento e uma ação "Reservar" (com a tradução correspondente "Book now")

Já temos um modelo de mapas no arquivo: https://github.com/alexanmtz/truppie/blob/master/app/assets/javascripts/places.js e temos um no projeto já configurado para renderizar mapas, como pode ser observado na página de um tour : https://truppie.com/tours/1-passeio-de-barco-pela-ilha-da-gigoia

Colocar um ícone também no local representado, mas ao invés de um hotel colocar o ícone ticket, usamos o Font-awesome.

Como realizar esta mudança

Insira no template um mapa do Google com largura completa

Insira um mapa do Google com largura completa no template e um arquivo js correspondente que irá ser responsável por renderizar o mapa. Certifique-se que este JS só irá prosseguir se encontrar o elemento do mapa. Você pode usar jQuery se quiser

Obtenha os eventos e seu attribute where

O model tour, responsável por cada evento da Truppie possuem o atributo where que contém todas informações do local, inclusive do id do Google Place, que caso não esteja disponível poderá ser localizado pela Latitude e longitude do local.

Sendo assim, temos como critério de aceitação:

screen shot 2017-10-15 at 5 27 59 pm

Considerações sobre a plataforma:

Requisitos para rodar a plataforma

 ADMIN_EMAIL=seuemail 
 ADMIN_EMAIL_ALT=outroemail

Como realizar esta tarefa

  1. Comente aqui manifestando o interesse em realizar esta tarefa, que entrarei em contato para obter os detalhes para realizar o pagamento
  2. Faça um fork do projeto
  3. Faça um clone do projeto para o seu ambiente local

rake test (rodar os testes automatizados)

rails db:migrate (Rodar as migrations para o banco de dados)

rails s (Rodar o projeto)

  1. Realize as modificações como descrito nesta Issue
  2. Enviar um Pull Request
  3. Certificar-se de que as modificações passaram nos testes automatizados
  4. Um novo ambiente para testes será criado para validação das modificações com a nossa equipe
  5. Receber os comentários e feedbacks sobre modificações
  6. Enviar quaisquer modificações necessárias até ser aprovado
  7. Você ganha então um 👍
  8. Quando o Pull Request for finalizado, o pagamento é enviado

Se precisar de qualquer ajuda ou tiver qualquer dúvida basta comentar aqui que as dúvidas poderão ser respondidas por qualquer pessoa da comunidade ou quem contribui com o projeto e principalmente eu 👍

Se quiser se familiarizar com o funcionamento de projetos de software livre, tem este excelente guia do Tableless

alexanmtz commented 7 years ago

Truppies no mapa

hugohernani commented 7 years ago

Legal! Tenho interesse, @alexanmtz! :)

alexanmtz commented 7 years ago

Obrigado pelo interesse @hugohernani , o @leospaula irá ficar com ela e logo estarei postando mais.

alexanmtz commented 7 years ago

25

alexanmtz commented 7 years ago

Pull request integrado e transferência realizada @leospaula