Tutoriel 3: modifications #

Renommage de la vue #

1. Avec F2, renommer la classe suivante:

   • VueA => VueFileAttente

2. Dans le fichier vue_a.fxml, modifier le nom du contrôleur

   • depart.frontal.vues.VueA => pong.frontal.vues.VueFileAttente

Renommage du groupe TachesA #

1. Avec F2, renommer la classe

   • TachesA => CreerVues

2. Modifier le nom du groupe de tâche

   • "TachesA" => "CreerVues"

Tâche creerVueFileAttente #

1. Avec F2, renommer la méthode

   • tacheA => creerVueFileAttente

2. Avec F2, renommer les variables

   • objA => viewLoader
   • objB => vueFileAttente

3. Utiliser Ctrl+. pour remplacer chaque var par les bons types

   • ViewLoader<VueFileAttente>
   • VueFileAttente

Formater le code de CreerVue proprement #

//...

public class CreerVues {
    
    public static void creerTaches(FrontendTasks tasks) {
        
        tasks.taskGroup("CreerVues")
        
             .waitsFor(viewLoaders())
        
             .contains(subTasks -> {
                 
                creerVueFileAttente(subTasks);

             });
    }

    private static void creerVueFileAttente(FrontendTasks subTasks) {

        subTasks.task(create(VueFileAttente.class))

             .waitsFor(viewLoader(VueFileAttente.class))

             .executesAndReturnsValue(inputs -> {
                 
                 ViewLoader<VueFileAttente> viewLoader     = inputs.get(viewLoader(VueFileAttente.class));
                 VueFileAttente             vueFileAttente = viewLoader.createView();

                 return vueFileAttente;
                 
             });
    }

}

Renommage du groupe TachesB #

1. Avec F2, renommer la classe

   • TachesB => PremierAffichage

2. Modifier le nom du groupe de tâche

   • "TachesB" => "PremierAffichage"

3. Modifier le waitsFor("TacesA")

   • "TachesA" => "CreerVues"

Tâche tacheB1 => installerVueFileAttente #

1. Avec F2, renommer la méthode

   • tacheB1 => installerVueFileAttente

2. Modifier le nom de la tâche

   • "tacheB1" => "installerVueFileAttente"

3. Avec F2, renommer les variables

   • objA => vueFileAttente
   • objB => window

4. Utiliser Ctrl+. pour remplacer chaque var par les bons types

   • VueFileAttente
   • Window

Tâche tacheB2 => afficherFenetre #

1. Avec F2, renommer la méthode

   • tacheB2 => afficherFenetre

2. Modifier le nom de la tâche

   • "tacheB2" => "afficherFenetre"

3. Avec F2, renommer les variables

   • objA => window

4. Utiliser Ctrl+. pour remplacer chaque var par les bons types

   • Window

Formater le code de PremierAffichage proprement #

// ...

public class PremierAffichage {
    
    public static void creerTaches(FrontendTasks tasks) {
        
        tasks.taskGroup("PremierAffichage")
        
             .waitsFor("CreerVues")
        
             .contains(subTasks -> {

                installerVueFileAttente(subTasks);

                afficherFenetre(subTasks);

             });
    }

    private static void installerVueFileAttente(FrontendTasks subTasks) {

        subTasks.task("installerVueFileAttente")
        
              .waitsFor(window())
              
              .waitsFor(created(VueFileAttente.class))
              
              .executes(inputs -> {
                  
                  VueFileAttente vueFileAttente  = inputs.get(created(VueFileAttente.class));
                  Window         window          = inputs.get(window());

                  window.installRootView(vueFileAttente);
              });
    }

    private static void afficherFenetre(FrontendTasks tasks) {

        tasks.task("afficherFenetre")

             .waitsFor(window())

             .executes(inputs -> {

                 Window window = inputs.get(window());

                 window.show();

             });
    }

}

Vérifier que pong03 s’exécute #

1. Dans un GitBash à la racine du dépôt Git

   $ sh gradlew pong03
   

   

2. Ouvrir le graphe de tâches pong03/_storage/graphs/fontend.png, on devrait avoir:

   

Modifier les fichiers .properties #

• fr.properties

  ajouter=Ajouter
  tmp=[TMP] afficher la file ici
  

• en.properties

  ajouter=Add
  tmp=[TMP] queue data goes here
  

Renommer et adapter le fichier .fxml #

1. Avec F2, renommer le fichier .fxml

   • vue_a.fxml => file_attente.fxml

2. Déplacer le bouton au dessus du label et ajuster les attributs text

   <!-- ... -->
   
   <Button text="%ajouter" />
   
   <Pane styleClass="espacement,petit"/>
   
   <Label text="%tmp" />
   
   <!-- ... -->
   

Adapter les déclarations dans le frontal #

1. Dans FrontalPong.java, modifier la déclaration de vue_a.fxml => file_attente.fxml

   registrar.registerView(VueFileAttente.class, "/vues/file_attente.fxml");
   

Vérifier que pong03 s’exécute #

1. Dans un GitBash à la racine du dépôt Git

   $ sh gradlew pong03
   

   

Vérifier que pong03 s’exécute aussi en anglais #

1. Dans un GitBash à la racine du dépôt Git

   $ sh gradlew pong03En
   

   

Ajouter un fichier prod.css et le déclarer dans FrontalPong.java #

1. Télécharger le fichier prod.css et le copier dans pong03/src/main/resources/style

2. Dans FrontalPong.java, modifier la déclaration du CSS:

   //registrar.registerStylesheet("/style/dev.css");
   registrar.registerStylesheet("/style/prod.css");
   

Vérifier que pong03 s’exécute #

1. Dans un GitBash à la racine du dépôt Git

   $ sh gradlew pong03
   

   

Vérifier que pong03 s’exécute en anglais #

1. Dans un GitBash à la racine du dépôt Git

   $ sh gradlew pong03En