Différences

Ci-dessous, les différences entre deux révisions de la page.

--- slam4:richclient:angularjs:projects [2017/03/21 01:48] – [2.1- Squelette de l'application, routage (4 points)] jcheron
+++ slam4:richclient:angularjs:projects [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 99: / Ligne 99: @@
         "developer":{"identity":"Linus Torvalds","_id":{"$oid":"58d038b705d0b0b35f9764d7"}},
         "tags":[{"title":"duplicate","color":"#CCCCCC","_id":{"$oid":"58d038b705d0b0b35f9764e1"}}],
-        "tasks":[{"content":"Rien","closed":true},{"content":"Rien non plus","closed":true}]},
+        "tasks":[{"content":"Descriptif cas d'utilisation","closed":true},{"content":"Interfaces","closed":true}]},
     {"_id":{"$oid":"58d038b705d0b0b35f9764dd"},"code":"E140","descriptif":"En tant que créateur, je souhaite gérer les utilisateurs [methods]",
         "project":{"name":"Boards admin","descriptif":"Administration interface for Boards app with javaFX","startDate":"March 20, 2017 21:16:55",
@@ Ligne 108: / Ligne 108: @@
         "owner":{"identity":"Linus Torvalds","_id":{"$oid":"58d038b705d0b0b35f9764d7"}},"_id":{"$oid":"58d038b705d0b0b35f9764d8"}},
         "tags":[],
-        "tasks":[]},
+        "tasks":[{"content":"Implémentations méthodes REST","closed":true},{"content":"Implémentations méthodes REST (suite et fin)","closed":true}]},
     {"_id":{"$oid":"58d038b705d0b0b35f9764db"},"code":"B22","descriptif":"En tant que créateur, je veux ajouter et gérer les réponses d'une question [methods]",
         "project":{"name":"Boards admin","descriptif":"Administration interface for Boards app with javaFX","startDate":"March 20, 2017 21:16:55",
@@ Ligne 146: / Ligne 146: @@
 ^::: | <html><span class="method">getTags()</span></html>\\ retourne les **tags**  |
 ^::: | <html><span class="method">getDevs()</span></html>\\ Retourne les **devs** |
-^::: | <html><span class="method">getMyProject(_idDev)</span></html>\\ Retourne les projets dont un développeur est propriétaire |
+^::: | <html><span class="method">getMyProjects(_idDev)</span></html>\\ Retourne les projets dont un développeur est propriétaire |
 ^::: | <html><span class="method">getMyParticipations(_idDev)</span></html>\\ Retourne les projets auxquels un développeur participe (au travers des stories) |
 ^::: | <html><span class="method">getProjectStories(_idProject)</span></html>\\ Retourne les user stories d'un projet |
@@ Ligne 167: / Ligne 167: @@
 ^Variables publiques | <html><span class="variable">projectsOwner</span></html>\\ Tableau des projets possédés |
 ^::: | <html><span class="variable">projectsWorker</span></html>\\ Tableau des projets auxquels le développeur participe  |
-^Méthode privée | <html><span class="method">initUser()</span></html>\\ Initialise l'utilisateur connecté à partir du premier développeur trouvé dans les devs |
+^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)====
 <wrap mytodo>**<nowiki>//</nowiki>TODO 2.4**</wrap>
@@ Ligne 184: / Ligne 188: @@
 ^Méthodes publiques| <html><span class="method">setDev(dev,story)</span></html>\\ Affecte le développeur dev à la user story |
+**Composants UI à utiliser**
-==== -- Url /story/:code (5 points) ====
+  * 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) ====
 <wrap mytodo>**<nowiki>//</nowiki>TODO 2.5**</wrap>
@@ Ligne 197: / Ligne 216: @@
   * 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
+  * Le label **Admin** correspond à un **Tag** associé à la Story
 **Menu Dev :**
@@ Ligne 224: / Ligne 244: @@
 ^::: | <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  |
+**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...  ====
@@ Ligne 237: / Ligne 265: @@
 ===== -- Ressources =====
-==== HTML/CSS ====
+==== HTML ====
 <sxh html;title:index.html skeleton>
 <!DOCTYPE html>
@@ Ligne 256: / Ligne 284: @@
 </html>
 </sxh>
+==== .htaccess pour Apache ====
 <sxh bash;title:.htaccess>
@@ Ligne 269: / Ligne 299: @@
 </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]]