oli4jansen / babble-client-phonegap

Babble client, met behulp van AngularJS geimplementeerd als Phonegap app.

Babble - Phonegap App

Deze repo bevat de Phonegap app die gebruikt wordt als client voor de Babble backend. Wanneer een commit naar deze repo gepushed is, wordt automatisch een nieuwe build gecompiled van de laatste source code. Download laatste build. Deze build zijn echter niet altijd verzekerd van stabiliteit. Download hier de laatste release, waarvan verzekerd is dat hij stabiel is.

Inhoud

• Bestanden structuur
  • Phonegap Build
  • Angular
  • Overig
• API

Bestanden structuur

Phonegap Build

Phonegap Build projecten moeten bestaan uit een www/ folder met daarin een index.html (wordt opgestart bij het openen van de app), config.xml (configuratie voor het build proces) en een map met icoontjes voor de app, res/.

Angular

Angular projecten bestaan doorgaans uit een app.js met alle app configuratie, die in ons geval aangevraagd wordt door index.html. Daarnaast bevat de map app alle angular controllers, factories en views.

Overig

www/libs/ bevat alle Javascript libraries die we nodig hebben, zoals jQuery, Angular en Hammer. Daanaast bevat www/ ook mappen met CSS-bestanden, lettertypes en afbeeldingen.

API

De API die we gebruiken is een NodeJS server die de laatste versie van de babble-server Git repo draaien. Zie de bijbehorende Github pagina voor meer info over deze repo.

babble-client-phonegap's Issues

Offline support

De mogelijkheid om foto's en chats offline te bekijken.

Kan wellicht behaald worden door alles te cachen en geen errors te gooien als er geen verbinding met de API server gemaakt kan worden.

Probleem: authenticatie.

Dubbele card

Af en toe popt er een dubbele card op in de feed.

De verstuurde offset is correct.

Vermoeden:

• Als iemand geliked/gedisliked wordt en een nieuwe lading cards opgehaald wordt, is de eerste SQL query (link aanmaken) nog niet afgerond en wordt deze persoon meegenomen is de SQL query voor de feed.

Idee voor fix:

• client-side checken of de eerst card van de nieuwe lading hetzelfde is als de laatst geswipete card.
• Pas een nieuwe lading aanvragen als de like/dislike succesvol was. Dan weten we zeker dat de query is uitgevoerd.

App reload zodra er ingelogd is.

Op het moment van schrijven herlaadt de app zodra er ingelogd is. Dit wordt bewust gezien, de regel die hiervoor verantwoordelijk is, is terug te vinden in de loginFactory, in commit ee18b52a8fce54f9161bcba5b9c253e953af1c23 op regel 39.

Dit zorgt er echter voor dat de app langzamer is en er bovendien een witte flash te zien is. Deze refresh is dus ongewenst.

Theoretisch is hij ook niet vereist. Zodra er ingelogd is, wordt er namelijk een auth.login login gegooid. De listener hiervoor, te vinden op regel 202, luister hier ook naar.

Het probleem is dat de factory.authenticate functie niet uitgevoerd wordt. Wanneer er een console.log() in de event listener geplaatst wordt, zien we hier echter wel resultaat van. Zodra de pagina herladen is en er opnieuw een auth.login event gegooid wordt, zien we wel resultaat van factory.authenticate.

Hoe kan dit en hoe lossen we dit op?

logout opties ipv alleen delete account

Titel beschrijft het probleem.

Huidige regid zou dan wel verwijderd moeten worden.

Facebook Login Dialog blijft wit

App getest op Android 4.0.4 met een LG skin. App werkte maar de Login Dialog van Facebook bleeft wit. Dezelfde build werkte wel op 4.4.x stock Android. Na de Facebook app te hebben verwijderd kreeg ik (zoals verwacht) de online versie van het inlogscherm en die werkte wel.