Repositório para Front End do Cardappio, desenvolvido em Ionic.
Ao dar o clone, usar o comando npm install
(sudo)
Para rodar o ionic no browser, ionic serve
Para criar testes, há uma pasta "tests" no projeto. Crie o teste no arquivo "exemplo.js"
Ou crie um novo arquivo ".js" com seus testes.
Para executar os testes, dê o comando "karma start", ele irá abrir o navegador sinalizando
que foi executado, o resultado do teste irá aparecer na linha de comando.
Caso tenha algum Problema com o Karma, veja se você tem ele instalado no 'global'.
Veja o seguindte link para ajuda. Link
Atualizada página do CheckIn para funcionalidade do QrScanner, com '@ionic-native/barcode-scanner'
documentação em : Link
para instalar:
ionic cordova plugin add phonegap-plugin-barcodescanner
npm install --save @ionic-native/barcode-scanner
pode ser preciso instalar:
npm install promise-polyfill --save-exact
npm install angularfire2 firebase —save
ScreenShot |
Descrição |
|
Adicionei um FAB com lista, e dentro dele implementei o botão de traçar a rota, o ideal é que este botão só apareça quando o estabelecimento for selecionado, mas não consegui implementar isto |
|
Achei interessante o estilo desse FAB porque a gente pode implementar mais funcionalidades nele depois, ajudem aí a pensar, se decidirem pelo FAB simples, ou por outra forma de acionar a rota, avisem. |
|
Implementada uma função paramostrar aviso caso não seja escolhido um destino (se o usuário não tiver clicado em nenhum estabelecimento no mapa) |
|
Área com os estabelecimentos carregados |
|
InfoWindow com as informações do estabelecimento, aqui precisamos urgente refzer e decidir quais informações colocar no box, poderiamos até criar um box próprio, para não depender tanto do modelo do googleMaps, mas vemos isso depois |
|
|
Aqui já é a tela do maps nativo, depois que o usuário clica no botão "rota" estando ele com algum estabelecimento selecionado, tem um problema aqui que o comando "window.open('geo:' ... " usado para chamar o app nativo, só funciona se o estabelecimento for reconhecido como um "place" no google maps, o que logicamente não será o nosso caso, temos que pensar como resolver isso. |
|