Tutoriel 4: améliorer la `VueFileAttente` #

Ajouter les contrôles suivants à file_attente.fxml

<VBox xmlns:fx="http://javafx.com/fxml"
    fx:controller="pong.frontal.vues.VueFileAttente" 
    styleClass="conteneur"
    id="vue-file-attente">

    <!-- ajouter -->
    <Pane styleClass="petit-espace-vertical"/>

    <ImageView>    
        <image>
            <Image url="@/images/logo.png" />
        </image>
    </ImageView>

    <!-- ajouter -->
    <Pane styleClass="petit-espace-vertical"/>

    <!-- ajouter -->
    <HBox styleClass="conteneur">

        <!-- ajouter -->
        <Button 
            fx:id="boutonSInscrire" 
            text="%sInscrire"
            styleClass="gros-bouton"
            id="bouton-s-inscrire">
        </Button>

        <!-- ajouter -->
        <Pane styleClass="petit-espace-horizontal"/>

        <Button 
            fx:id="boutonDebuterPartie" 
            text="%debuterPartie"
            styleClass="gros-bouton,bouton-rouge"
            id="bouton-debuter-partie">
        </Button>

    </HBox>

    <!-- ajouter -->
    <Pane styleClass="grand-espace-vertical"/>

    <!-- ajouter -->
    <HBox styleClass="conteneur">

        <!-- ajouter -->
        <Pane styleClass="grand-espace-horizontal"/>

        <!-- ajouter -->
        <ScrollPane fitToWidth="true" styleClass="defilement">
            <!-- ajouter -->
            <Label fx:id="labelRendezVous" styleClass="label-rendez-vous"/>
        </ScrollPane>

        <!-- ajouter -->
        <Pane styleClass="grand-espace-horizontal"/>

    </HBox>

    <!-- ajouter -->
    <Pane styleClass="grand-espace-vertical"/>

</VBox>

Ajouter le CSS suivant dans dev.css et prod.css

#vue-file-attente {
    -fx-alignment:top-center;
}

.label-rendez-vous {
    -fx-text-fill:derive(black,30%);
}

.defilement {
    -fx-min-width:20em;
    -fx-max-width:20em;
}

.bouton-rouge {
    -fx-background-color: 
        linear-gradient(from 90% 100% to 0% 100%, #b72353 0%, #9f2836 100%),
        #a83145,
        #ea5c63,
        radial-gradient(center 50% 50%, radius 100%, #ea5c62, #d33a54);
}

.scroll-bar {
   -fx-background-color: transparent;
   -fx-border-color: transparent;
}

.scroll-bar .track {
   -fx-background-color: derive(black, 75%);
   -fx-border-color: transparent;
   -fx-background-radius: 0.6em;
}

.scroll-bar .thumb {
    -fx-padding: 0.6em 1.15em 1.15em 1.15em;
    -fx-background-insets: 0,0 0 0.4em 0, 0 0 0.45em 0, 0 0 0.5em 0;
    -fx-background-radius: 0.6em;
    -fx-background-color: 
        linear-gradient(from 0% 93% to 0% 100%, #a34313 0%, #903b12 100%),
        #9d4024,
        #d86e3a,
        radial-gradient(center 50% 50%, radius 100%, #d86e3a, #c54e2c);
    -fx-effect: dropshadow( gaussian , rgba(0,0,0,0.75) , 0.3em,0,0, 0.08em);
}

.scroll-bar .increment-button,
.scroll-bar .decrement-button,
.scroll-bar .increment-arrow,
.scroll-bar .decrement-arrow {
    -fx-shape : " ";    
    -fx-visibility: hidden;
}

.scroll-pane .viewport {
    -fx-background-color:transparent;
    -fx-background:transparent;
}

.scroll-pane {
    -fx-background-color:transparent;
    -fx-background:transparent;
    -fx-hbar-policy:never;
    -fx-vbar-policy:always;
}

Ajouter le texte suivant à traductions/fr.properties
```
sInscrire=S'inscrire
```
Ajouter le texte suivant à traductions/en.properties
```
sInscrire=Register
```

Ouvrir la classe VueFileAttente et ajouter l’attribut labelRendezVous

public class VueFileAttente extends ViewFx {

    @FXML
    private Button boutonSInscrire;

    @FXML
    private Button boutonDebuterPartie;

    @FXML
    private Label labelRendezVous;

    @Override
    public void initialize() {

        // ajouter
        Ntro.assertNotNull(boutonSInscrire);
        Ntro.assertNotNull(boutonDebuterPartie);
        Ntro.assertNotNull(labelRendezVous);

        // ajouter
        labelRendezVous.setText("TEST\n\nTEST\n\nTEST\n\nTEST");

        // ...

    }

    // ...

Je corrige les erreurs de compilation au besoin

ATTENTION il faut importer le Label de javafx.scene.control
Pour l’instant, on devrait avoir
```
$ sh gradlew pong
```

Tutoriel 4: améliorer la VueFileAttente #

Tutoriel 4: améliorer la `VueFileAttente` #