add levelselector gui, move some files around

3 files changed, 91 insertions, 33 deletions

diff --git a/src/gui/LevelDetails.java b/src/gui/LevelDetails.java
new file mode 100644
index 0000000..dee2f00
--- /dev/null
+++ b/src/gui/LevelDetails.java
@@ -0,0 +1,71 @@
+package gui;
+
+import javafx.geometry.Pos;
+import javafx.scene.control.Button;
+import javafx.scene.control.ListView;
+import javafx.scene.image.Image;
+import javafx.scene.image.ImageView;
+import javafx.scene.layout.Pane;
+import javafx.scene.layout.VBox;
+import javafx.scene.paint.Color;
+import javafx.scene.text.Font;
+import javafx.scene.text.Text;
+import javafx.scene.text.TextAlignment;
+
+public class LevelDetails extends VBox
+{
+    public LevelDetails(ListView<String> list)
+    {
+        VBox details = new VBox();
+        details.minWidthProperty().bind(super.widthProperty()); 
+        details.minHeightProperty().bind(super.heightProperty().multiply(0.75));
+        details.maxWidthProperty().bind(super.widthProperty()); 
+        details.maxHeightProperty().bind(super.heightProperty().multiply(0.75));
+        details.getStyleClass().add("textBox");
+
+        Button play = new Button();
+        play.setText("Play");
+
+        if (list.getSelectionModel().getSelectedItem() == null)
+        {
+            Text desc = new Text();
+            desc.setText("Select a level from the left pane");
+            desc.setFill(Color.WHITE);
+            desc.wrappingWidthProperty().bind(super.widthProperty());
+            desc.setTextAlignment(TextAlignment.CENTER);
+            details.setAlignment(Pos.CENTER);
+            details.getChildren().addAll(desc);
+            play.setDisable(true);
+        }
+
+        else
+        {
+            Text title = new Text();
+            title.setText("Test level 1");
+            title.setFill(Color.WHITE);
+            title.setFont(new Font(50));
+            title.wrappingWidthProperty().bind(super.widthProperty());
+
+            Text desc = new Text();
+            desc.setText("long description with lots of words. what we write does not actually need to be long i just wan t make sure it can word wrap");
+            desc.setFill(Color.WHITE);
+            desc.wrappingWidthProperty().bind(super.widthProperty());
+
+            ImageView previewView = new ImageView();
+            Image preview = new Image("assets/pico.png");
+            previewView.setImage(preview);
+            //previewView.setFitHeight(100);
+            previewView.fitWidthProperty().bind(super.widthProperty().multiply(0.5));
+            previewView.setPreserveRatio(true);
+            details.getChildren().addAll(title,desc,previewView);
+        }
+
+        VBox rightBox = new VBox();
+        rightBox.setAlignment(Pos.CENTER_RIGHT);
+        rightBox.setSpacing(10);
+        rightBox.getChildren().addAll(details,play);
+
+        super.setAlignment(Pos.CENTER_RIGHT);
+        super.getChildren().add(rightBox);
+    }
+}
diff --git a/src/gui/LevelSelector.java b/src/gui/LevelSelector.java
index e0ad663..5600b07 100644
--- a/src/gui/LevelSelector.java
+++ b/src/gui/LevelSelector.java
@@ -33,39 +33,9 @@ public class LevelSelector extends Pane
         leftBox.setSpacing(10);
         leftBox.getChildren().addAll(levels,exit);
 
-        Text title = new Text();
-        title.setText("Test level 1");
-        title.setFill(Color.WHITE);
-        title.setFont(new Font(50));
-        title.wrappingWidthProperty().bind(super.widthProperty().multiply(0.37));
+        Pane rightBox = new Pane();
+        addDetails(rightBox, levels);
 
-        Text desc = new Text();
-        desc.setText("long description with lots of words. what we write does not actually need to be long i just wan t make sure it can word wrap");
-        desc.setFill(Color.WHITE);
-        desc.wrappingWidthProperty().bind(super.widthProperty().multiply(0.37));
-
-        ImageView previewView = new ImageView();
-        Image preview = new Image("assets/pico.png");
-        previewView.setImage(preview);
-        //previewView.setFitHeight(100);
-        previewView.fitWidthProperty().bind(super.widthProperty().multiply(0.25));
-        previewView.setPreserveRatio(true);
-
-        VBox details = new VBox();
-        details.minWidthProperty().bind(super.widthProperty().multiply(0.37)); 
-        details.minHeightProperty().bind(super.heightProperty().multiply(0.75));
-        details.maxWidthProperty().bind(super.widthProperty().multiply(0.37)); 
-        details.maxHeightProperty().bind(super.heightProperty().multiply(0.75));
-        details.getStyleClass().add("textBox");
-        details.getChildren().addAll(title,desc,previewView);
-
-        Button play = new Button();
-        play.setText("Play");
-
-        VBox rightBox = new VBox();
-        rightBox.setAlignment(Pos.CENTER_RIGHT);
-        rightBox.setSpacing(10);
-        rightBox.getChildren().addAll(details,play);
 
         HBox rootBox = new HBox();
         rootBox.minWidthProperty().bind(super.widthProperty()); 
@@ -74,7 +44,22 @@ public class LevelSelector extends Pane
         rootBox.setAlignment(Pos.CENTER);
         rootBox.setSpacing(10);
 
+        levels.setOnMouseClicked(e -> addDetails(rightBox, levels));
         super.getChildren().add(rootBox);
     }
 
+    private void addDetails(Pane rightBox, ListView<String> levels)
+    {
+        VBox details = new LevelDetails(levels);
+        if (! rightBox.getChildren().isEmpty())
+        {
+            rightBox.getChildren().remove(0);
+        }
+        rightBox.getChildren().add(details);
+        details.minWidthProperty().bind(super.widthProperty().multiply(0.37)); 
+        details.minHeightProperty().bind(super.heightProperty());
+        details.maxWidthProperty().bind(super.widthProperty().multiply(0.37)); 
+        details.maxHeightProperty().bind(super.heightProperty());
+    }
+
 }
diff --git a/src/gui/style.css b/src/gui/style.css
index 7ca76be..16db327 100644
--- a/src/gui/style.css
+++ b/src/gui/style.css
@@ -82,8 +82,10 @@ Slider:focused .thumb{
     -fx-border-color: rgb(231, 231, 231);
 }
 
+/* text box */
+
 .textBox {
     -fx-background-radius: 5;    
     -fx-background-color: rgba(0, 0, 0, 0.5); 
     -fx-text-fill: white;
-}
+}
\ No newline at end of file