Différences

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

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
richclient:emberjs:td2 [2019/02/12 16:53]
jcheron [3. Helper/component]
richclient:emberjs:td2 [2020/02/10 00:25] (Version actuelle)
jcheron [TD n°2]
Ligne 5: Ligne 5:
 | {{::​ember.png?​150|}} | Tous les exercices utilisent [[https://​getbootstrap.com|Bootstrap]] pour la partie CSS. <sxh bash;​gutter:​false>​ ember install ember-bootstrap </​sxh>​ | | {{::​ember.png?​150|}} | Tous les exercices utilisent [[https://​getbootstrap.com|Bootstrap]] pour la partie CSS. <sxh bash;​gutter:​false>​ ember install ember-bootstrap </​sxh>​ |
 | ::: | pour les fonts : <sxh bash;​gutter:​false>​ember install ember-font-awesome</​sxh>​ | | ::: | pour les fonts : <sxh bash;​gutter:​false>​ember install ember-font-awesome</​sxh>​ |
 +| ::: | pour les comparateurs : <sxh bash;​gutter:​false>​ember install ember-truth-helpers</​sxh>​ |
 <​html></​div></​html>​ <​html></​div></​html>​
  
Ligne 42: Ligne 43:
  
 <sxh javascript;​title:​app/​helpers/​array-contains.js>​ <sxh javascript;​title:​app/​helpers/​array-contains.js>​
-import ​Ember from '​ember';​+import ​{helper} ​from '@ember/​component/​helper';
  
 export function arrayContains(params) { export function arrayContains(params) {
Ligne 49: Ligne 50:
 } }
  
-export default ​Ember.Helper.helper(arrayContains);​+export default helper(arrayContains);​
 </​sxh>​ </​sxh>​
  
Ligne 99: Ligne 100:
 |< 100% >| |< 100% >|
 ^**Classe** | **Listes** | ^**Classe** | **Listes** |
 +^::: | <​html><​span class="​variable">​step</​span></​html>​\\ Booléen true pour l'​étape 1 et false pour l'​étape 2|
 ^::: | <​html><​span class="​variable">​dispoItems</​span></​html>​\\ Tableau des produits disponibles (Liste 1)| ^::: | <​html><​span class="​variable">​dispoItems</​span></​html>​\\ Tableau des produits disponibles (Liste 1)|
 ^::: | <​html><​span class="​variable">​includedItems</​span></​html>​\\ Tableau des produits à inclure (Liste 2)| ^::: | <​html><​span class="​variable">​includedItems</​span></​html>​\\ Tableau des produits à inclure (Liste 2)|
Ligne 109: Ligne 111:
 ^::: | <​html><​span class="​method">​removeFromIncluded()</​span></​html>​\\ Retire les produits sélectionnés en surbrillance (**includedItems_**) pour les remettre dans la liste des produits disponibles (**items**) ​ | ^::: | <​html><​span class="​method">​removeFromIncluded()</​span></​html>​\\ Retire les produits sélectionnés en surbrillance (**includedItems_**) pour les remettre dans la liste des produits disponibles (**items**) ​ |
 ^::: | <​html><​span class="​method">​RemoveAllFromIncluded()</​span></​html>​\\ Retire tous les produits à inclure (**includedItems**) pour les remettre dans la liste des produits disponibles (**dispoItems**) ​ | ^::: | <​html><​span class="​method">​RemoveAllFromIncluded()</​span></​html>​\\ Retire tous les produits à inclure (**includedItems**) pour les remettre dans la liste des produits disponibles (**dispoItems**) ​ |
 +^::: | <​html><​span class="​method">​toggleStep()</​span></​html>​\\ Change d'​étape (passage de 1 à 2 ou de 2 à 1)  |
 +
  
 Remarque : Remarque :
Ligne 168: Ligne 172:
 === - Interface === === - Interface ===
  
-**ex1/​step1 ​:**\\+**steps step=true**\\
 {{:​slam4:​richclient:​angularjs:​td1-ex3.png?​700&​nolink|}} {{:​slam4:​richclient:​angularjs:​td1-ex3.png?​700&​nolink|}}
  
-**ex1/​step2 ​:**\\+**steps step=false**\\
 {{:​slam4:​richclient:​angularjs:​td1-ex3-2.png?​700&​nolink|}} {{:​slam4:​richclient:​angularjs:​td1-ex3-2.png?​700&​nolink|}}
  
Ligne 189: Ligne 193:
     * la vue affiche la liste des éléments ajoutés dans les éléments à inclure     * la vue affiche la liste des éléments ajoutés dans les éléments à inclure
  
-==== Tests ==== +
-Réalisez des tests d'​[[https://​guides.emberjs.com/​release/​testing/​acceptance/​|acceptance]] pour votre application.+
  
richclient/emberjs/td2.1549986791.txt.gz · Dernière modification: 2019/02/12 16:53 par jcheron
GNU Free Documentation License 1.3
www.chimeric.de Valid CSS Driven by DokuWiki do yourself a favour and use a real browser - get firefox!! Recent changes RSS feed Valid XHTML 1.0