| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| richclient:emberjs:td7 [2018/03/27 01:52] – [1.1- Route project/:project_id/board] jcheron | richclient:emberjs:td7 [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1 |
|---|
| ^Model ^propriété ^Rôle ^ | ^Model ^propriété ^Rôle ^ |
| |**project** |<html><span class="variable">boardVisible</span></html> |booléen déterminant si board est visible | | |**project** |<html><span class="variable">boardVisible</span></html> |booléen déterminant si board est visible | |
| |::: |<html><span class="variable">backlog</span></html> | computed property des stories à afficher dans le backlog (sur boardVisible et stories.@each.step) | | |::: |<html><span class="variable">backlog</span></html> | computed property* des stories à afficher dans le backlog (* sur boardVisible et stories.@each.step) | |
| |**story** |<html><span class="variable">active</span></html> |booléen déterminant si la story est sélectionnée | | |**story** |<html><span class="variable">active</span></html> |booléen déterminant si la story est sélectionnée | |
| |::: |<html><span class="variable">progress</span></html> | computed property donnant l'avancement de la story (% des tâches réalisées) (sur tasks@each.done) | | |::: |<html><span class="variable">progress</span></html> | computed property* donnant l'avancement de la story (% des tâches réalisées) (* sur tasks@each.done) | |
| |
| |
| === Component === | === Component === |
| |
| Pour le drag and drop, on utilise les fonctionnalités HTML5, au travers de 2 composants : | Pour le drag and drop, on utilise les fonctionnalités HTML5, au travers de 2 composants (fortement inspirés de cet [[https://emberway.io/ember-js-and-html5-drag-and-drop-fa5dfe478a9a|article]] ) : |
| |
| **draggable-dropzone** correspond à la zone de drop (step d'accueil) | **draggable-dropzone** correspond à la zone de drop (step d'accueil) |
| |onClick| action déclenchée sur le click de l'élément | | |onClick| action déclenchée sur le click de l'élément | |
| |
| ==== -- Route Story/:story_id ==== | ==== -- Route Stories/edit/:story_id ==== |
| |
| |
| * 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 |
| | |
| | ===== Thanks ===== |
| | |
| | <html><div class="info"> |
| | <div style="font-size:14px;font-weight: bold;">Si vous avez apprécié :</div> |
| | |
| | <br> |
| | <a class="github-button" href="https://github.com/emberjs/ember.js" data-icon="octicon-star" data-show-count="true" aria-label="Star emberjs/ember.js on GitHub">ember.js thanks</a> |
| | <br> |
| | <a class="github-button" href="https://github.com/Semantic-Org/Semantic-UI" data-icon="octicon-star" data-show-count="true" aria-label="Star Semantic-Org/Semantic-UI on GitHub">Semantic-UI thanks</a> |
| | |
| | <br> |
| | <a class="github-button" href="https://github.com/twbs/bootstrap" data-icon="octicon-star" data-show-count="true" aria-label="Star twbs/bootstrap on GitHub">Bootstrap thanks</a></html> |
| | <html></div></html> |
| | <html><script async defer src="https://buttons.github.io/buttons.js"></script></html> |
| | |
| |