Avoir une application de management d'utilisateurs:
- Liste des utilisateurs ;
- Ajout d'un utilisateur ;
- Suppression d'un utilisateur ;
- Détail d'un utilisateur.
Le tout sera versionné sous git et poussé sur github pour des reviews efficaces.
- A chaque nouvelle étape (ie exo), faire une nouvelle branche :
exo/1
et dès que c'est fini, ouvrir une pull request sur le repo github ; - Pingez un autre dev pour la review
- Dès que les deux parties sont d'accord, go merge et faire l'exercice suivant
Créer un service 'Users' qui aura les méthodes suivantes:
init()
: génère une liste de 5 utilisateursgetList()
: retourne la liste des utilisateurs
On utilisera l'api de randomuser
Chaque utilisateur aura:
- un
fullName
; - un
avatarUrl
; - un
address
.
Conseil: utiliser le service $http
Créer une vue pour afficher la liste des utilisateurs du service 'Users'
On utilisera le design Avatar list.
Ajouter un CtA pour ajouter un utilisateur à la liste courante. Pour ceci, il faut d'abord ajouter une méthode au service 'Users':
add()
: ajoute un utilisateur à la liste.
Implémenter un pull to refresh qui revient à l'état initial de l'application.
Le temps que la liste des users soit remplies, il faut afficher un écran de loading, à l'aide de la directive $ionicLoading.
Afin de détecter que le load des utilisateurs est bien terminer, il faut
implémenter une promesse sur la méthode getList()
du service 'Users'.
L'interface est donc, dans le controller:
Users.getList().then(function(users) {
$scope.users = users;
});
La documentation des promesses en angular se trouve ici : $q
Lors du tap sur un des users de la liste, ouvrir une vue avec plus de détails sur l'utilisateur.
- Mettre en place les diverses directives ionic pour la navigation
- Ecrire une méthode
show()
pour le service 'Users'. Afin de retrouver les détails de l'utilisateur il faudra utiliser la cléseed
présente dans la payload de l'API.
Pouvoir supprimer un utilisateur.
Pouvoir réorganiser les utilisateurs de la liste.