373 lines
22 KiB
XML
373 lines
22 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
|
|
<?import javafx.geometry.Insets?>
|
|
<?import javafx.scene.Cursor?>
|
|
<?import javafx.scene.control.Button?>
|
|
<?import javafx.scene.control.ScrollPane?>
|
|
<?import javafx.scene.control.TextField?>
|
|
<?import javafx.scene.image.Image?>
|
|
<?import javafx.scene.image.ImageView?>
|
|
<?import javafx.scene.layout.AnchorPane?>
|
|
<?import javafx.scene.layout.FlowPane?>
|
|
<?import javafx.scene.layout.Pane?>
|
|
<?import javafx.scene.layout.VBox?>
|
|
<?import javafx.scene.text.Font?>
|
|
<?import javafx.scene.text.Text?>
|
|
|
|
<AnchorPane fx:id="root" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="700.0" prefWidth="1450.0" style="-fx-background-color: f4f4f4" xmlns="http://javafx.com/javafx/8.0.141" xmlns:fx="http://javafx.com/fxml/1">
|
|
<children>
|
|
<AnchorPane id="header" fx:id="header" layoutX="200.0" maxHeight="40.0" maxWidth="1280.0" prefHeight="40.0" prefWidth="1080.0" stylesheets="@../css/header.css" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
|
|
<children>
|
|
<FlowPane id="header_menu" fx:id="header_menu" alignment="CENTER_RIGHT" layoutX="791.0" layoutY="-80.0" maxHeight="40.0" maxWidth="1240.0" minHeight="40.0" minWidth="40.0" prefHeight="40.0" AnchorPane.bottomAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0" />
|
|
</children>
|
|
</AnchorPane>
|
|
<AnchorPane id="menu_wrapper" fx:id="menu_wrapper" maxHeight="700.0" maxWidth="251.0" minHeight="680.0" minWidth="40.0" prefHeight="700.0" prefWidth="234.0" stylesheets="@../css/menu.css" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="0.0">
|
|
<children>
|
|
<Pane id="header_icon" fx:id="header_icon" maxHeight="40.0" minHeight="40.0" minWidth="40.0" prefHeight="40.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
|
|
<children>
|
|
<ImageView fitHeight="35.0" fitWidth="32.0" layoutX="10.0" layoutY="9.0" pickOnBounds="true" preserveRatio="true">
|
|
<image>
|
|
<Image url="@../src/icon.png" />
|
|
</image>
|
|
</ImageView>
|
|
<Text fill="WHITE" layoutX="57.0" layoutY="34.0" strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-size: 25; -fx-font-family: Lato;" text="Lingo Pro" />
|
|
</children></Pane>
|
|
<VBox id="menu" fx:id="menu" layoutX="50.0" layoutY="40.0" prefHeight="600.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="50.0">
|
|
<children>
|
|
<FlowPane id="profile" alignment="CENTER_LEFT" prefHeight="114.0" prefWidth="234.0" style="-fx-border-width: 0 0 1 0; -fx-border-color: #eeeeee;">
|
|
<children>
|
|
<ImageView fitHeight="57.0" fitWidth="56.0" pickOnBounds="true" preserveRatio="true">
|
|
<image>
|
|
<Image url="@../src/menu_profile_1.png" />
|
|
</image>
|
|
<FlowPane.margin>
|
|
<Insets left="20.0" right="20.0" />
|
|
</FlowPane.margin>
|
|
</ImageView>
|
|
<Pane prefHeight="56.0" prefWidth="125.0">
|
|
<children>
|
|
<Text fill="#838383" layoutX="4.0" layoutY="40.0" strokeType="OUTSIDE" strokeWidth="0.0" text="Niveau B2">
|
|
<font>
|
|
<Font name="Lato Regular" size="11.0" />
|
|
</font></Text>
|
|
<Text fill="#545454" layoutX="4.0" layoutY="23.0" strokeType="OUTSIDE" strokeWidth="0.0" text="nom utilisateur" wrappingWidth="120.7770004272461">
|
|
<font>
|
|
<Font name="Lato Regular" size="13.0" />
|
|
</font>
|
|
</Text>
|
|
</children>
|
|
</Pane>
|
|
</children>
|
|
</FlowPane>
|
|
<FlowPane id="dictionary" alignment="CENTER" columnHalignment="CENTER" layoutX="10.0" layoutY="124.0" prefHeight="58.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<ImageView fitHeight="20.0" fitWidth="20.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets right="20.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/menu/dictionary.png" />
|
|
</image>
|
|
</ImageView>
|
|
<Text strokeType="OUTSIDE" strokeWidth="0.0" text="Vocabulaire" />
|
|
</children>
|
|
</FlowPane>
|
|
<FlowPane id="exercises" alignment="CENTER" columnHalignment="CENTER" layoutX="10.0" layoutY="182.0" prefHeight="58.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<ImageView fitHeight="20.0" fitWidth="20.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets right="20.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/menu/exercises.png" />
|
|
</image>
|
|
</ImageView>
|
|
<Text strokeType="OUTSIDE" strokeWidth="0.0" text="Excercices" />
|
|
</children>
|
|
</FlowPane>
|
|
<FlowPane id="translator" alignment="CENTER" columnHalignment="CENTER" layoutX="10.0" layoutY="240.0" prefHeight="58.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<ImageView fitHeight="20.0" fitWidth="20.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets right="20.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/menu/translator.png" />
|
|
</image>
|
|
</ImageView>
|
|
<Text strokeType="OUTSIDE" strokeWidth="0.0" text="Traducteur" />
|
|
</children>
|
|
</FlowPane>
|
|
<FlowPane id="magazines" alignment="CENTER" columnHalignment="CENTER" layoutX="10.0" layoutY="240.0" prefHeight="58.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<ImageView fitHeight="20.0" fitWidth="20.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets right="20.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/menu/magazines.png" />
|
|
</image>
|
|
</ImageView>
|
|
<Text strokeType="OUTSIDE" strokeWidth="0.0" text="Magazines" />
|
|
</children>
|
|
</FlowPane>
|
|
</children>
|
|
</VBox>
|
|
</children>
|
|
</AnchorPane>
|
|
<VBox id="submenu" fx:id="submenu" layoutX="234.0" layoutY="50.0" prefWidth="200.0" stylesheets="@../css/submenu.css" AnchorPane.bottomAnchor="0.0" AnchorPane.topAnchor="50.0">
|
|
<children>
|
|
<FlowPane alignment="CENTER_RIGHT" columnHalignment="CENTER" prefHeight="35.0" prefWidth="234.0">
|
|
<children>
|
|
<Text fx:id="all" fill="#656565" strokeType="OUTSIDE" strokeWidth="0.0" text="Show all" />
|
|
<ImageView fitHeight="15.0" fitWidth="15.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets left="15.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/submenu/all.png" />
|
|
</image>
|
|
</ImageView>
|
|
</children>
|
|
<VBox.margin>
|
|
<Insets left="20.0" right="20.0" top="25.0" />
|
|
</VBox.margin>
|
|
</FlowPane>
|
|
<FlowPane alignment="CENTER_RIGHT" columnHalignment="CENTER" layoutX="30.0" layoutY="60.0" prefHeight="35.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<Text fx:id="science" fill="#656565" strokeType="OUTSIDE" strokeWidth="0.0" text="Science" />
|
|
<ImageView fitHeight="15.0" fitWidth="15.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets left="15.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/submenu/science.png" />
|
|
</image>
|
|
</ImageView>
|
|
</children>
|
|
<VBox.margin>
|
|
<Insets left="20.0" right="20.0" />
|
|
</VBox.margin>
|
|
</FlowPane>
|
|
<FlowPane alignment="CENTER_RIGHT" columnHalignment="CENTER" layoutX="30.0" layoutY="95.0" prefHeight="35.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<Text fx:id="business" fill="#656565" strokeType="OUTSIDE" strokeWidth="0.0" text="Business" />
|
|
<ImageView fitHeight="15.0" fitWidth="15.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets left="15.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/submenu/business.png" />
|
|
</image>
|
|
</ImageView>
|
|
</children>
|
|
<VBox.margin>
|
|
<Insets left="20.0" right="20.0" />
|
|
</VBox.margin>
|
|
</FlowPane>
|
|
<FlowPane alignment="CENTER_RIGHT" columnHalignment="CENTER" layoutX="30.0" layoutY="130.0" prefHeight="35.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<Text fx:id="entertainment" fill="#656565" strokeType="OUTSIDE" strokeWidth="0.0" text="Entertainment" />
|
|
<ImageView fitHeight="15.0" fitWidth="15.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets left="15.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/submenu/entertainment.png" />
|
|
</image>
|
|
</ImageView>
|
|
</children>
|
|
<VBox.margin>
|
|
<Insets left="20.0" right="20.0" />
|
|
</VBox.margin>
|
|
</FlowPane>
|
|
<FlowPane alignment="CENTER_RIGHT" columnHalignment="CENTER" layoutX="10.0" layoutY="165.0" prefHeight="35.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<Text fx:id="gaming" fill="#656565" strokeType="OUTSIDE" strokeWidth="0.0" text="Gaming" />
|
|
<ImageView fitHeight="15.0" fitWidth="15.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets left="15.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/submenu/gaming.png" />
|
|
</image>
|
|
</ImageView>
|
|
</children>
|
|
<VBox.margin>
|
|
<Insets left="20.0" right="20.0" />
|
|
</VBox.margin>
|
|
</FlowPane>
|
|
<FlowPane alignment="CENTER_RIGHT" columnHalignment="CENTER" layoutX="10.0" layoutY="200.0" prefHeight="35.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<Text fx:id="health" fill="#656565" strokeType="OUTSIDE" strokeWidth="0.0" text="Health" />
|
|
<ImageView fitHeight="15.0" fitWidth="15.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets left="15.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/submenu/health.png" />
|
|
</image>
|
|
</ImageView>
|
|
</children>
|
|
<VBox.margin>
|
|
<Insets left="20.0" right="20.0" />
|
|
</VBox.margin>
|
|
</FlowPane>
|
|
<FlowPane alignment="CENTER_RIGHT" columnHalignment="CENTER" layoutX="30.0" layoutY="235.0" prefHeight="35.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<Text fx:id="music" fill="#656565" strokeType="OUTSIDE" strokeWidth="0.0" text="Music" />
|
|
<ImageView fitHeight="15.0" fitWidth="15.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets left="15.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/submenu/music.png" />
|
|
</image>
|
|
</ImageView>
|
|
</children>
|
|
<VBox.margin>
|
|
<Insets left="20.0" right="20.0" />
|
|
</VBox.margin>
|
|
</FlowPane>
|
|
<FlowPane alignment="CENTER_RIGHT" columnHalignment="CENTER" layoutX="10.0" layoutY="270.0" prefHeight="35.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<Text fx:id="sport" fill="#656565" strokeType="OUTSIDE" strokeWidth="0.0" text="Sport" />
|
|
<ImageView fitHeight="15.0" fitWidth="15.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets left="15.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/submenu/sport.png" />
|
|
</image>
|
|
</ImageView>
|
|
</children>
|
|
<VBox.margin>
|
|
<Insets left="20.0" right="20.0" />
|
|
</VBox.margin>
|
|
</FlowPane>
|
|
<FlowPane alignment="CENTER_RIGHT" columnHalignment="CENTER" layoutX="10.0" layoutY="305.0" prefHeight="35.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<Text fx:id="nature" fill="#656565" strokeType="OUTSIDE" strokeWidth="0.0" text="Nature" />
|
|
<ImageView fitHeight="15.0" fitWidth="15.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets left="15.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/submenu/nature.png" />
|
|
</image>
|
|
</ImageView>
|
|
</children>
|
|
<VBox.margin>
|
|
<Insets left="20.0" right="20.0" />
|
|
</VBox.margin>
|
|
</FlowPane>
|
|
<FlowPane alignment="CENTER_RIGHT" columnHalignment="CENTER" layoutX="10.0" layoutY="340.0" prefHeight="35.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<Text fx:id="economics" fill="#656565" strokeType="OUTSIDE" strokeWidth="0.0" text="Economics" />
|
|
<ImageView fitHeight="15.0" fitWidth="15.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets left="15.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/submenu/economics.png" />
|
|
</image>
|
|
</ImageView>
|
|
</children>
|
|
<VBox.margin>
|
|
<Insets left="20.0" right="20.0" />
|
|
</VBox.margin>
|
|
</FlowPane>
|
|
<FlowPane alignment="CENTER_RIGHT" columnHalignment="CENTER" layoutX="10.0" layoutY="375.0" prefHeight="35.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<Text fx:id="politics" fill="#656565" strokeType="OUTSIDE" strokeWidth="0.0" text="Politics" />
|
|
<ImageView fx:id="politics" fitHeight="15.0" fitWidth="15.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets left="15.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/submenu/politics.png" />
|
|
</image>
|
|
</ImageView>
|
|
</children>
|
|
<VBox.margin>
|
|
<Insets left="20.0" right="20.0" />
|
|
</VBox.margin>
|
|
</FlowPane>
|
|
<FlowPane alignment="CENTER_RIGHT" columnHalignment="CENTER" layoutX="10.0" layoutY="410.0" prefHeight="35.0" prefWidth="234.0" styleClass="menu_item">
|
|
<children>
|
|
<Text fx:id="technology" fill="#656565" strokeType="OUTSIDE" strokeWidth="0.0" text="Technology" />
|
|
<ImageView fitHeight="15.0" fitWidth="15.0" pickOnBounds="true" preserveRatio="true">
|
|
<FlowPane.margin>
|
|
<Insets left="15.0" />
|
|
</FlowPane.margin>
|
|
<image>
|
|
<Image url="@../src/submenu/technology.png" />
|
|
</image>
|
|
</ImageView>
|
|
</children>
|
|
<VBox.margin>
|
|
<Insets left="20.0" right="20.0" />
|
|
</VBox.margin>
|
|
</FlowPane>
|
|
</children></VBox>
|
|
<ScrollPane id="scroll_container" fx:id="scroll_container" hbarPolicy="NEVER" pickOnBounds="false" prefHeight="651.0" prefWidth="1015.0" style="-fx-background-color: transparent;" AnchorPane.bottomAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="49.0">
|
|
<content>
|
|
<FlowPane id="container" fx:id="container" alignment="TOP_CENTER" columnHalignment="CENTER" prefHeight="650.0" prefWrapLength="1000.0" stylesheets="@../css/container.css">
|
|
<children>
|
|
<AnchorPane id="vocab" fx:id="card1" prefHeight="228.0" prefWidth="620.0" style="-fx-border-insets: 10; -fx-background-insets: 10; -fx-background-color: #ffffff; -fx-background-radius: 3; -fx-border-radius: 3; -fx-border-color: #ddd;">
|
|
<opaqueInsets>
|
|
<Insets />
|
|
</opaqueInsets>
|
|
<children>
|
|
<FlowPane columnHalignment="CENTER" layoutX="51.0" layoutY="54.0" prefHeight="149.0" prefWidth="160.0" vgap="10.0">
|
|
<children>
|
|
<TextField promptText="manger" />
|
|
<TextField layoutX="10.0" layoutY="10.0" promptText="voyager" />
|
|
<TextField layoutX="10.0" layoutY="36.0" promptText="dormir" />
|
|
<TextField layoutX="10.0" layoutY="62.0" promptText="apprendre" />
|
|
</children>
|
|
</FlowPane>
|
|
<FlowPane columnHalignment="CENTER" layoutX="251.0" layoutY="56.0" prefHeight="151.0" prefWidth="160.0" vgap="10.0">
|
|
<children>
|
|
<TextField promptText="pain (du)" />
|
|
<TextField promptText="nourriture (la)" />
|
|
<TextField promptText="animaux (des)" />
|
|
</children>
|
|
</FlowPane>
|
|
<FlowPane columnHalignment="CENTER" layoutX="438.0" layoutY="53.0" prefHeight="139.0" prefWidth="160.0" vgap="10.0">
|
|
<children>
|
|
<TextField promptText="journal (un)" />
|
|
<TextField promptText="pays (un)" />
|
|
<TextField promptText="chambre (une)" />
|
|
</children>
|
|
</FlowPane>
|
|
<Text layoutX="249.0" layoutY="48.0" strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-size: 20;" text="Vocabulary #1" />
|
|
<Text layoutX="37.0" layoutY="74.0" strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-size: 16;" text="1" />
|
|
<Text layoutX="35.0" layoutY="109.0" strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-size: 16;" text="4" />
|
|
<Text layoutX="35.0" layoutY="145.0" strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-size: 16;" text="7" />
|
|
<Text layoutX="26.0" layoutY="181.0" strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-size: 16;" text="10" />
|
|
<Text layoutX="238.0" layoutY="74.0" strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-size: 16;" text="2" />
|
|
<Text layoutX="236.0" layoutY="111.0" strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-size: 16;" text="5" />
|
|
<Text layoutX="236.0" layoutY="147.0" strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-size: 16;" text="8" />
|
|
<Text layoutX="427.0" layoutY="72.0" strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-size: 16;" text="3" />
|
|
<Text layoutX="425.0" layoutY="109.0" strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-size: 16;" text="6" />
|
|
<Text layoutX="425.0" layoutY="144.0" strokeType="OUTSIDE" strokeWidth="0.0" style="-fx-font-size: 16;" text="9" />
|
|
<Button layoutX="536.0" layoutY="194.0" mnemonicParsing="false" style="-fx-background-color: #ffffff; -fx-border-width: 1; -fx-border-color: #aaaaaa; -fx-text-fill: #000000; -fx-border-radius: 3; -fx-background-radius: 3;" text="Check" />
|
|
</children>
|
|
<cursor>
|
|
<Cursor fx:constant="HAND" />
|
|
</cursor>
|
|
</AnchorPane>
|
|
</children>
|
|
<opaqueInsets>
|
|
<Insets />
|
|
</opaqueInsets>
|
|
<padding>
|
|
<Insets top="20.0" />
|
|
</padding>
|
|
</FlowPane>
|
|
</content>
|
|
</ScrollPane>
|
|
</children>
|
|
</AnchorPane>
|