Différences

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

--- slam4:richclient:angularjs:boards [2016/03/22 01:14] – [Ressources] jcheron
+++ slam4:richclient:angularjs:boards [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1
@@ Ligne 2: / Ligne 2: @@
 ====== Boards ======
+Remise Zippée du projet sur http://foad2.unicaen.fr/moodle/course/view.php?id=20911
+<wrap important>Attention au nommage **prenom.nom** !</wrap>
 ===== -- Contexte =====
 Dans le cadre de l'évaluation du potentiel d'Angular pour les projets de votre entreprise, vous travaillez sur un projet Exemple permettant de gérer les User stories de projets Scrum.
@@ Ligne 26: / Ligne 31: @@
 <wrap mytodo>**<nowiki>//</nowiki>TODO 2.1.1**</wrap>
-Le dossier root de votre application devra être de la forme : **prenom.nom**
+<wrap important>Le dossier root de votre application devra être de la forme : **prenom.nom**</wrap>
 Créer la structure suivante :
@@ Ligne 67: / Ligne 72: @@
 Le service **dataService** simule la connexion à un web service ; il est défini de la façon suivante :
-**stories**, **tags** et **devs** sont définis "en dur" dans l'équivalent de variables privées :
+**stories**, **tags** et **devs** seront définis "en dur" à l'intérieur du service dans l'équivalent de variables privées :
 <sxh javascript;title:variables privées>
@@ Ligne 105: / Ligne 110: @@
 Il faudra ensuite injecter **dataService** aux 2 contrôleurs **storiesController** et **StoryController**
-==== -- Url /stories (3 points) ====
+==== -- Url /stories ou / (3 points) ====
 <wrap mytodo>**<nowiki>//</nowiki>TODO 2.3**</wrap>
@@ Ligne 119: / Ligne 124: @@
 ^Variables privées | <html><span class="variable">stories</span></html>\\ Tableau des user stories |
 ^Méthodes publiques | <html><span class="method">goto(story)</span></html>\\ Accède à l'url **story/:code** en utilisant le service **$location**  |
+**Remarque :**
+Une **story** est marquée **Done** si son avancement est égal à 1 (100%)
 ==== -- Directive storyHeader (2 points) ====
@@ Ligne 156: / Ligne 165: @@
 **Comportement de l'interface :**
-  * 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
@@ Ligne 196: / Ligne 205: @@
   * Permettre l'ajout/modification/suppression de nouveaux tags (2 points)
-**Dans la page story :**
+**Dans la page /stories ou / :**
-  * Filter les stories à afficher par sélection de devs, par la présence de tags, par la mention **done** (2 points)
+  * Filtrer les stories à afficher par sélection de devs et/ou par la présence de tags et/ou par la mention **done** (2 points)
-===== Ressources =====
+===== -- Ressources =====
-==== HTML ====
+==== HTML/CSS ====
 <sxh html;title:index.html skeleton>
 <!DOCTYPE html>
@@ Ligne 208: / Ligne 217: @@
     <base href="http://127.0.0.1/yoursite/">
     <meta charset="UTF-8">
-    <link rel="icon" type="image/png" href="https://docs.angularjs.org/favicon.ico" />
     <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
-    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
+    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
-    <script async type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
+    <script async type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
@@ Ligne 245: / Ligne 253: @@
 </sxh>
+<sxh css;title:css/styles.css>
+body{
+    font-family: 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;
+}
+.story-panel{
+    float: left;
+    width: 300px;
+}
+.story{
+    padding: 10px;
+    cursor: pointer;
+}
+.story-code{
+    font-weight: bold;
+    color: crimson;
+}
+.story-panel span{
+    vertical-align: inherit;
+}
+.assign-to{
+    font-weight: bold;
+}
+</sxh>
 ==== Bootstrap ====
+{{:slam4:richclient:angularjs:boards:glyphicon.png?|}}
 <sxh html;title:GlyphIcon>
-  <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
+  <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>&nbsp;Done
 </sxh>
+{{:slam4:richclient:angularjs:boards:badge.png?|}}
+<sxh html;title:badge>
+<span class="badge">3 tâches </span>
+</sxh>
+{{:slam4:richclient:angularjs:boards:label.png?|}}
+<sxh html;title:label>
+<span class="label" style="color: orange">Admin</span>
+</sxh>
 {{:slam4:richclient:angularjs:boards:glyphbutton.png?|}}
 <sxh html;title:Glyphbutton>
 <button type="button" class="btn btn-default" aria-label="Left Align">
-  <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
+  <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>&nbsp;Texte du bouton
 </button>
 </sxh>