| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| slam4:richclient:angularjs:projects [2017/03/24 01:33] – [2.2- Service (3 points)] jcheron | slam4:richclient:angularjs:projects [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1 |
|---|
| ^Méthode privée | <html><span class="method">initUser()</span></html>\\ Initialise l'utilisateur connecté à partir du premier développeur trouvé dans les devs (ne sert pas à grand chose, mais à faire quand même) | | ^Méthode privée | <html><span class="method">initUser()</span></html>\\ Initialise l'utilisateur connecté à partir du premier développeur trouvé dans les devs (ne sert pas à grand chose, mais à faire quand même) | |
| |
| | **Composants UI à utiliser** |
| | |
| | * Views : [[https://semantic-ui.com/views/item.html|ui items]] |
| | * Elements : [[https://semantic-ui.com/elements/label.html|ui label]] |
| ==== --Url /project/_id (3 points)==== | ==== --Url /project/_id (3 points)==== |
| <wrap mytodo>**<nowiki>//</nowiki>TODO 2.4**</wrap> | <wrap mytodo>**<nowiki>//</nowiki>TODO 2.4**</wrap> |
| ^Méthodes publiques| <html><span class="method">setDev(dev,story)</span></html>\\ Affecte le développeur dev à la user story | | ^Méthodes publiques| <html><span class="method">setDev(dev,story)</span></html>\\ Affecte le développeur dev à la user story | |
| |
| | **Composants UI à utiliser** |
| | |
| | * Collections: [[https://semantic-ui.com/collections/table.html|ui table]] |
| | * Elements : [[https://semantic-ui.com/elements/button.html|ui button]] |
| | * Elements : [[https://semantic-ui.com/elements/label.html|ui label]] |
| | * Modules : [[https://semantic-ui.com/modules/dropdown.html|ui dropdown]] |
| | |
| | Attention, le module **Dropdown** nécessite l'inclusion du Script javascript (semantic.min.js), et l'appel de la méthode **dropdown**, au démarrage du contrôleur associé à la vue : |
| | |
| | <sxh javascript;title: Exemple> |
| | angular.module("myApp").controller("myController",[ |
| | $(".ui.dropdown").dropdown(); |
| | ... |
| | ]); |
| | </sxh> |
| |
| ==== -- Url /story/:_id (5 points) ==== | ==== -- Url /story/:_id (5 points) ==== |
| * Une task **done** est barrée | * Une task **done** est barrée |
| * Les cases à cocher permettent de faire passer une tâche de non réalisée (done=false) à réalisée (done=true) et inversement | * Les cases à cocher permettent de faire passer une tâche de non réalisée (done=false) à réalisée (done=true) et inversement |
| | * Le label **Admin** correspond à un **Tag** associé à la Story |
| |
| **Menu Dev :** | **Menu Dev :** |
| ^::: | <html><span class="method">indexOfTag(tag)</span></html>\\ Retourne l'index du **tag** passé en paramètre dans la liste des **tags** de la **story** (-1 s'il n'est pas trouvé) | | ^::: | <html><span class="method">indexOfTag(tag)</span></html>\\ Retourne l'index du **tag** passé en paramètre dans la liste des **tags** de la **story** (-1 s'il n'est pas trouvé) | |
| ^::: | <html><span class="method">toggleTag(tag)</span></html>\\ Ajoute ou retire le **tag** passé en paramètre de la liste des **tags** de la story | | ^::: | <html><span class="method">toggleTag(tag)</span></html>\\ Ajoute ou retire le **tag** passé en paramètre de la liste des **tags** de la story | |
| | |
| | |
| | **Composants UI à utiliser** |
| | |
| | * Collections: [[https://semantic-ui.com/collections/table.html|ui table]] |
| | * Elements : [[https://semantic-ui.com/elements/button.html|ui button]] |
| | * Elements : [[https://semantic-ui.com/elements/label.html|ui label]] |
| | * Modules : [[https://semantic-ui.com/modules/dropdown.html|ui dropdown]] |
| |
| ==== -- A poursuivre... ==== | ==== -- A poursuivre... ==== |
| </sxh> | </sxh> |
| |
| ==== Semantic-UI : composants utilisés ==== | |
| |
| * [[https://semantic-ui.com/views/item.html|view::item]] | |
| * [[https://semantic-ui.com/collections/grid.html|collections::grid]] | |
| * [[https://semantic-ui.com/collections/table.html|collections::table]] | |