commit 722089c3ef37be53a1c778975bb9f41beb047484 parent e0583018f58130bded9ffcf212d42b5c860e347a Author: A Koens <[email protected]> Date: Tue, 7 Feb 2023 20:48:52 +0100 Junk Diffstat:
20 files changed, 0 insertions(+), 1382 deletions(-)
diff --git a/src/main/java/nl/isygameclient/controllers/HelloController.java b/src/main/java/nl/isygameclient/controllers/HelloController.java @@ -1,21 +0,0 @@ -package nl.isygameclient.controllers; - -import javafx.fxml.FXML; -import javafx.scene.control.Button; -import javafx.scene.control.Label; -import javafx.stage.Stage; -import nl.isygameclient.util.SettingsHandler; - -public class HelloController { - @FXML - private Label welcomeText; - - @FXML - private Button welcomeButton; - - @FXML - protected void onHelloButtonClick() { - welcomeText.setText(SettingsHandler.getSettings().getTitle()); - ((Stage) welcomeButton.getScene().getWindow()).setFullScreen(true); - } -} -\ No newline at end of file diff --git a/src/main/resources/nl/isygameclient/css/modules/colors.module.css b/src/main/resources/nl/isygameclient/css/modules/colors.module.css @@ -1,318 +0,0 @@ -/* -- Primary -- */ -/* Inverse Primary */ -.inverse-primary { - -fx-background-color: -md-sys-color-inverse-primary; -} -.inverse-primary-text { - -fx-text-fill: -md-sys-color-inverse-primary; -} -.inverse-primary-fill { - -fx-fill: -md-sys-color-inverse-primary; -} - -/* On Primary Container */ -.on-primary-container { - -fx-background-color: -md-sys-color-on-primary-container; -} -.on-primary-container-text { - -fx-text-fill: -md-sys-color-on-primary-container; -} -.on-primary-container-fill { - -fx-fill: -md-sys-color-on-primary-container; -} - -/* On Primary */ -.on-primary { - -fx-background-color: -md-sys-color-on-primary; -} -.on-primary-text { - -fx-text-fill: -md-sys-color-on-primary; -} -.on-primary-fill { - -fx-fill: -md-sys-color-on-primary; -} - -/* Primary Container */ -.primary-container { - -fx-background-color: -md-sys-color-primary-container; -} -.primary-container-text { - -fx-text-fill: -md-sys-color-primary-container; -} -.primary-container-fill { - -fx-fill: -md-sys-color-primary-container; -} - -/* Primary */ -.primary { - -fx-background-color: -md-sys-color-primary; -} -.primary-text { - -fx-text-fill: -md-sys-color-primary; -} -.primary-fill { - -fx-fill: -md-sys-color-primary; -} - -/* -- Secondary -- */ -/* On Secondary Container */ -.on-secondary-container { - -fx-background-color: -md-sys-color-on-secondary-container; -} -.on-secondary-container-text { - -fx-text-fill: -md-sys-color-on-secondary-container; -} -.on-secondary-container-fill { - -fx-fill: -md-sys-color-on-secondary-container; -} - -/* On Secondary */ -.on-secondary { - -fx-background-color: -md-sys-color-on-secondary; -} -.on-secondary-text { - -fx-text-fill: -md-sys-color-on-secondary; -} -.on-secondary-fill { - -fx-fill: -md-sys-color-on-secondary; -} - -/* Secondary Container */ -.secondary-container { - -fx-background-color: -md-sys-color-secondary-container; -} -.secondary-container-text { - -fx-text-fill: -md-sys-color-secondary-container; -} -.secondary-container-fill { - -fx-fill: -md-sys-color-secondary-container; -} - -/* Secondary */ -.secondary { - -fx-background-color: -md-sys-color-secondary; -} -.secondary-text { - -fx-text-fill: -md-sys-color-secondary; -} -.secondary-fill { - -fx-fill: -md-sys-color-secondary; -} - -/* -- Tertiary -- */ -/* On Tertiary Container */ -.on-tertiary-container { - -fx-background-color: -md-sys-color-on-tertiary-container; -} -.on-tertiary-container-text { - -fx-text-fill: -md-sys-color-on-tertiary-container; -} -.on-tertiary-container-fill { - -fx-fill: -md-sys-color-on-tertiary-container; -} - -/* On Tertiary */ -.on-tertiary { - -fx-background-color: -md-sys-color-on-tertiary; -} -.on-tertiary-text { - -fx-text-fill: -md-sys-color-on-tertiary; -} -.on-tertiary-fill { - -fx-fill: -md-sys-color-on-tertiary; -} - -/* Tertiary Container */ -.tertiary-container { - -fx-background-color: -md-sys-color-tertiary-container; -} -.tertiary-container-text { - -fx-text-fill: -md-sys-color-tertiary-container; -} -.tertiary-container-text { - -fx-fill: -md-sys-color-tertiary-container; -} - -/* Tertiary */ -.tertiary { - -fx-background-color: -md-sys-color-tertiary; -} -.tertiary-text { - -fx-text-fill: -md-sys-color-tertiary; -} -.tertiary-fill { - -fx-text-fill: -md-sys-color-tertiary; -} - -/* -- Error -- */ -/* On Error Container */ -.on-error-container { - -fx-background-color: -md-sys-color-on-error-container; -} -.on-error-container-text { - -fx-text-fill: -md-sys-color-on-error-container; -} -.on-error-container-fill { - -fx-fill: -md-sys-color-on-error-container; -} - -/* On Error */ -.on-error { - -fx-background-color: -md-sys-color-on-error; -} -.on-error-text { - -fx-text-fill: -md-sys-color-on-error; -} -.on-error-fill { - -fx-fill: -md-sys-color-on-error; -} - -/* Error Container */ -.error-container { - -fx-background-color: -md-sys-color-error-container; -} -.error-container-text { - -fx-text-fill: -md-sys-color-error-container; -} -.error-container-fill { - -fx-fill: -md-sys-color-error-container; -} - -/* Error */ -.error { - -fx-background-color: -md-sys-color-error; -} -.error-text { - -fx-text-fill: -md-sys-color-error; -} -.error-fill { - -fx-fill: -md-sys-color-error; -} - -/* -- Surface -- */ -/* Inverse On Surface */ -.inverse-on-surface { - -fx-background-color: -md-sys-color-inverse-on-surface; -} -.inverse-on-surface-text { - -fx-text-fill: -md-sys-color-inverse-on-surface; -} -.inverse-on-surface-fill { - -fx-fill: -md-sys-color-inverse-on-surface; -} - -/* Inverse surface */ -.inverse-surface { - -fx-background-color: -md-sys-color-inverse-surface; -} -.inverse-surface-text { - -fx-text-fill: -md-sys-color-inverse-surface; -} -.inverse-surface-fill { - -fx-fill: -md-sys-color-inverse-surface; -} - -/* Inverse On Surface Variant */ -.on-surface-variant { - -fx-background-color: -md-sys-color-on-surface-variant; -} -.on-surface-variant-text { - -fx-text-fill: -md-sys-color-on-surface-variant; -} -.on-surface-variant-fill { - -fx-fill: -md-sys-color-on-surface-variant; -} - -/* On Surface */ -.on-surface { - -fx-background-color: -md-sys-color-on-surface; -} -.on-surface-text { - -fx-text-fill: -md-sys-color-on-surface; -} -.on-surface-fill { - -fx-fill: -md-sys-color-on-surface; -} - -/* Surface Variant */ -.surface-variant { - -fx-background-color: -md-sys-color-surface-variant; -} -.surface-variant-text { - -fx-text-fill: -md-sys-color-surface-variant; -} -.surface-variant-fill { - -fx-fill: -md-sys-color-surface-variant; -} - -/* Surface */ -.surface { - -fx-background-color: -md-sys-color-surface; -} -.surface-text { - -fx-text-fill: -md-sys-color-surface; -} -.surface-fill { - -fx-fill: -md-sys-color-surface; -} - -/* Surface Tint */ -.surface-tint { - -fx-background-color: -md-sys-color-surface-tint; -} -.surface-tint-text { - -fx-text-fill: -md-sys-color-surface-tint; -} -.surface-tint-fill { - -fx-fill: -md-sys-color-surface-tint; -} - -/* Surface Tint Color */ -.surface-tint-color { - -fx-background-color: -md-sys-color-surface-tint-color; -} -.surface-tint-color-text { - -fx-text-fill: -md-sys-color-surface-tint-color; -} -.surface-tint-color-fill { - -fx-fill: -md-sys-color-surface-tint-color; -} - -/* -- Background -- */ -.on-background { - -fx-background-color: -md-sys-color-on-background; -} -.on-background-text { - -fx-text-fill: -md-sys-color-on-background; -} -.background { - -fx-background-color: -md-sys-color-background; -} -.background-text { - -fx-text-fill: -md-sys-color-background; -} -.background-fill { - -fx-text-fill: -md-sys-color-background; -} - -/* -- Outline -- */ -.outline { - -fx-background-color: -md-sys-color-outline; -} -.outline-text { - -fx-text-fill: -md-sys-color-outline; -} -.outline-fill { - -fx--fill: -md-sys-color-outline; -} - -/* -- Shadow -- */ -.shadow { - -fx-background-color: -md-sys-color-shadow; -} -.shadow-text { - -fx-text-fill: -md-sys-color-shadow; -} -.shadow-fill { - -fx-fill: -md-sys-color-shadow; -} diff --git a/src/main/resources/nl/isygameclient/css/modules/typography.module.css b/src/main/resources/nl/isygameclient/css/modules/typography.module.css @@ -1,109 +0,0 @@ -/* Lable */ -.lable-small { - -fx-font-family: sans-serif; - -fx-font-size: 11; - -fx-font-style: normal; - -fx-font-weight: 500; -} - -.lable-medium { - -fx-font-family: sans-serif; - -fx-font-size: 13; - -fx-font-style: normal; - -fx-font-weight: 500; -} - -.lable-large { - -fx-font-family: sans-serif; - -fx-font-size: 14; - -fx-font-style: normal; - -fx-font-weight: 500; -} - -/* Body */ -.body-small { - -fx-font-family: sans-serif; - -fx-font-size: 12; - -fx-font-style: normal; - -fx-font-weight: 400; -} - -.body-medium { - -fx-font-family: sans-serif; - -fx-font-size: 14; - -fx-font-style: normal; - -fx-font-weight: 400; -} - -.body-large { - -fx-font-family: sans-serif; - -fx-font-size: 16; - -fx-font-style: normal; - -fx-font-weight: 400; -} - -/* Headline */ -.headline-small { - -fx-font-family: sans-serif; - -fx-font-size: 24; - -fx-font-style: normal; - -fx-font-weight: 400; -} - -.headline-medium { - -fx-font-family: sans-serif; - -fx-font-size: 28; - -fx-font-style: normal; - -fx-font-weight: 400; -} - -.headline-large { - -fx-font-family: sans-serif; - -fx-font-size: 32; - -fx-font-style: normal; - -fx-font-weight: 400; -} - -/* Display */ -.display-small { - -fx-font-family: sans-serif; - -fx-font-size: 36; - -fx-font-style: normal; - -fx-font-weight: 400; -} - -.display-medium { - -fx-font-family: sans-serif; - -fx-font-size: 45; - -fx-font-style: normal; - -fx-font-weight: 400; -} - -.display-large { - -fx-font-family: sans-serif; - -fx-font-size: 58; - -fx-font-style: normal; - -fx-font-weight: 400; -} - -/* Title */ -.title-small { - -fx-font-family: sans-serif; - -fx-font-size: 14; - -fx-font-style: normal; - -fx-font-weight: 500; -} - -.title-medium { - -fx-font-family: sans-serif; - -fx-font-size: 16; - -fx-font-style: normal; - -fx-font-weight: 500; -} - -.title-large { - -fx-font-family: sans-serif; - -fx-font-size: 22; - -fx-font-style: normal; - -fx-font-weight: 400; -} -\ No newline at end of file diff --git a/src/main/resources/nl/isygameclient/css/old_tokens.css b/src/main/resources/nl/isygameclient/css/old_tokens.css @@ -1,122 +0,0 @@ -* { - -md-source: #4caf50; - -md-color-black: #000000; - -md-color-white: #ffffff; - - /* error */ - -md-error50: #ffebee; - -md-error100: #ffcdd2; - -md-error200: #ef9a9a; - -md-error300: #e57373; - -md-error400: #ef5350; - -md-error500: #f44336; - -md-error600: #e53935; - -md-error700: #d32f2f; - -md-error800: #c62828; - -md-error900: #b71c1c; - - /* primary */ - -md-primary50: #e8f5e9; - -md-primary100: #c8e6c9; - -md-primary200: #a5d6a7; - -md-primary300: #81c784; - -md-primary400: #66bb6a; - -md-primary500: #4caf50; - -md-primary600: #43a047; - -md-primary700: #388e3c; - -md-primary800: #2e7d32; - -md-primary900: #1b5e20; - - /* secondary */ - -md-secondary50: #fff3e0; - -md-secondary100: #ffe0b2; - -md-secondary200: #ffcc80; - -md-secondary300: #ffb74d; - -md-secondary400: #ffa726; - -md-secondary500: #ff9800; - -md-secondary600: #fb8c00; - -md-secondary700: #f57c00; - -md-secondary800: #ef6c00; - -md-secondary900: #e65100; - - /* tertiary */ - -md-tertiary50: #e0f2f1; - -md-tertiary100: #b2dfdb; - -md-tertiary200: #80cbc4; - -md-tertiary300: #4db6ac; - -md-tertiary400: #26a69a; - -md-tertiary500: #009688; - -md-tertiary600: #00897b; - -md-tertiary700: #00796b; - -md-tertiary800: #00695c; - -md-tertiary900: #004d40; - - /* neutral */ - -md-neutral50: #fafafa; - -md-neutral100: #f5f5f5; - -md-neutral200: #eeeeee; - -md-neutral300: #e0e0e0; - -md-neutral400: #bdbdbd; - -md-neutral500: #787579; - -md-neutral600: #757575; - -md-neutral700: #616161; - -md-neutral800: #424242; - -md-neutral900: #212121; - - /* neutral-variant */ - -md-neutral-variant50: #eceff1; - -md-neutral-variant100: #cfd8dc; - -md-neutral-variant200: #b0bec5; - -md-neutral-variant300: #90a4ae; - -md-neutral-variant400: #78909c; - -md-neutral-variant500: #607d8b; - -md-neutral-variant600: #546e7a; - -md-neutral-variant700: #455a64; - -md-neutral-variant800: #37474f; - -md-neutral-variant900: #263238; - - /* Primary */ - -md-color-inverse-primary: -md-primary200; - -md-color-on-primary-container: -md-primary100; - -md-color-on-primary: -md-primary500; - -md-color-primary-container: -md-primary400; - -md-color-primary: -md-primary300; - - /* Secondary */ - -md-color-on-secondary-container: -md-secondary200; - -md-color-on-secondary: -md-secondary500; - -md-color-secondary-container: -md-secondary400; - -md-color-secondary: -md-secondary300; - - /* Tertiary */ - -md-color-on-tertiary-container: -md-error200; - -md-color-on-tertiary: -md-error400; - -md-color-tertiary-container: -md-error500; - -md-color-tertiary: -md-error300; - - /* Error */ - -md-color-on-error-container: -md-error300; - -md-color-on-error: -md-error500; - -md-color-error-container: -md-error600; - -md-color-error: -md-error300; - - /* Surface */ - -md-color-inverse-on-surface: -md-neutral500; - -md-color-inverse-surface: -md-neutral100; - - -md-color-on-surface-variant: -md-neutral-variant300; - -md-color-on-surface: -md-neutral300; - -md-color-surface-variant: -md-neutral700; - -md-color-surface: -md-neutral800; - - /* Background */ - -md-color-shadow: -md-color-black; - -md-color-outline: -md-neutral600; - -md-color-on-background: -md-neutral300; - -md-color-background: -md-neutral800; - - /* Text Colors */ - -md-color-text-highlight: -md-color-white; - -md-color-text-sub: -md-neutral400; - -md-color-text: -md-neutral200; -} diff --git a/src/main/resources/nl/isygameclient/css/style.css b/src/main/resources/nl/isygameclient/css/style.css @@ -1,6 +0,0 @@ -@import url(./views/game-select-menu.css); -@import url(./views/tictactoe.css); - -.transparent { - -fx-background-color: transparent; -} -\ No newline at end of file diff --git a/src/main/resources/nl/isygameclient/css/theme.css b/src/main/resources/nl/isygameclient/css/theme.css @@ -1,8 +0,0 @@ -@import url(tokens.css); - -/* Modules */ -@import url(./modules/colors.module.css); -@import url(./modules/typography.module.css); - -@import url(./themes/theme.dark.css); -@import url(style.css); -\ No newline at end of file diff --git a/src/main/resources/nl/isygameclient/css/themes/theme.dark.css b/src/main/resources/nl/isygameclient/css/themes/theme.dark.css @@ -1,31 +0,0 @@ -* { - -md-sys-color-surface-tint: -md-sys-color-surface-tint-dark; - -md-sys-color-surface-tint-color: -md-sys-color-surface-tint-color-dark; - -md-sys-color-on-error-container: -md-sys-color-on-error-container-dark; - -md-sys-color-on-error: -md-sys-color-on-error-dark; - -md-sys-color-error-container: -md-sys-color-error-container-dark; - -md-sys-color-on-tertiary-container: -md-sys-color-on-tertiary-container-dark; - -md-sys-color-on-tertiary: -md-sys-color-on-tertiary-dark; - -md-sys-color-tertiary-container: -md-sys-color-tertiary-container-dark; - -md-sys-color-tertiary: -md-sys-color-tertiary-dark; - -md-sys-color-shadow: -md-sys-color-shadow-dark; - -md-sys-color-error: -md-sys-color-error-dark; - -md-sys-color-outline: -md-sys-color-outline-dark; - -md-sys-color-on-background: -md-sys-color-on-background-dark; - -md-sys-color-background: -md-sys-color-background-dark; - -md-sys-color-inverse-on-surface: -md-sys-color-inverse-on-surface-dark; - -md-sys-color-inverse-surface: -md-sys-color-inverse-surface-dark; - -md-sys-color-on-surface-variant: -md-sys-color-on-surface-variant-dark; - -md-sys-color-on-surface: -md-sys-color-on-surface-dark; - -md-sys-color-surface-variant: -md-sys-color-surface-variant-dark; - -md-sys-color-surface: -md-sys-color-surface-dark; - -md-sys-color-on-secondary-container: -md-sys-color-on-secondary-container-dark; - -md-sys-color-on-secondary: -md-sys-color-on-secondary-dark; - -md-sys-color-secondary-container: -md-sys-color-secondary-container-dark; - -md-sys-color-secondary: -md-sys-color-secondary-dark; - -md-sys-color-inverse-primary: -md-sys-color-inverse-primary-dark; - -md-sys-color-on-primary-container: -md-sys-color-on-primary-container-dark; - -md-sys-color-on-primary: -md-sys-color-on-primary-dark; - -md-sys-color-primary-container: -md-sys-color-primary-container-dark; - -md-sys-color-primary: -md-sys-color-primary-dark; -} diff --git a/src/main/resources/nl/isygameclient/css/themes/theme.light.css b/src/main/resources/nl/isygameclient/css/themes/theme.light.css @@ -1,31 +0,0 @@ -* { - -md-sys-color-surface-tint: -md-sys-color-surface-tint-light; - -md-sys-color-surface-tint-color: -md-sys-color-surface-tint-color-light; - -md-sys-color-on-error-container: -md-sys-color-on-error-container-light; - -md-sys-color-on-error: -md-sys-color-on-error-light; - -md-sys-color-error-container: -md-sys-color-error-container-light; - -md-sys-color-on-tertiary-container: -md-sys-color-on-tertiary-container-light; - -md-sys-color-on-tertiary: -md-sys-color-on-tertiary-light; - -md-sys-color-tertiary-container: -md-sys-color-tertiary-container-light; - -md-sys-color-tertiary: -md-sys-color-tertiary-light; - -md-sys-color-shadow: -md-sys-color-shadow-light; - -md-sys-color-error: -md-sys-color-error-light; - -md-sys-color-outline: -md-sys-color-outline-light; - -md-sys-color-on-background: -md-sys-color-on-background-light; - -md-sys-color-background: -md-sys-color-background-light; - -md-sys-color-inverse-on-surface: -md-sys-color-inverse-on-surface-light; - -md-sys-color-inverse-surface: -md-sys-color-inverse-surface-light; - -md-sys-color-on-surface-variant: -md-sys-color-on-surface-variant-light; - -md-sys-color-on-surface: -md-sys-color-on-surface-light; - -md-sys-color-surface-variant: -md-sys-color-surface-variant-light; - -md-sys-color-surface: -md-sys-color-surface-light; - -md-sys-color-on-secondary-container: -md-sys-color-on-secondary-container-light; - -md-sys-color-on-secondary: -md-sys-color-on-secondary-light; - -md-sys-color-secondary-container: -md-sys-color-secondary-container-light; - -md-sys-color-secondary: -md-sys-color-secondary-light; - -md-sys-color-inverse-primary: -md-sys-color-inverse-primary-light; - -md-sys-color-on-primary-container: -md-sys-color-on-primary-container-light; - -md-sys-color-on-primary: -md-sys-color-on-primary-light; - -md-sys-color-primary-container: -md-sys-color-primary-container-light; - -md-sys-color-primary: -md-sys-color-primary-light; -} diff --git a/src/main/resources/nl/isygameclient/css/tokens.css b/src/main/resources/nl/isygameclient/css/tokens.css @@ -1,223 +0,0 @@ -* { - /* Primary */ - -md-ref-palette-primary0: #000000; - -md-ref-palette-primary5: #0a1400; - -md-ref-palette-primary10: #131f00; - -md-ref-palette-primary15: #1b2a00; - -md-ref-palette-primary20: #233600; - -md-ref-palette-primary25: #2c4200; - -md-ref-palette-primary30: #354e00; - -md-ref-palette-primary35: #3e5b00; - -md-ref-palette-primary40: #49680d; - -md-ref-palette-primary50: #618127; - -md-ref-palette-primary60: #7a9c3e; - -md-ref-palette-primary70: #93b756; - -md-ref-palette-primary80: #aed36e; - -md-ref-palette-primary90: #c9f087; - -md-ref-palette-primary95: #d7fe94; - -md-ref-palette-primary98: #f1ffd3; - -md-ref-palette-primary99: #f9ffe6; - -md-ref-palette-primary100: #ffffff; - - /* Secondary */ - -md-ref-palette-secondary0: #000000; - -md-ref-palette-secondary5: #0c1303; - -md-ref-palette-secondary10: #171e0a; - -md-ref-palette-secondary15: #212813; - -md-ref-palette-secondary20: #2b331d; - -md-ref-palette-secondary25: #363e27; - -md-ref-palette-secondary30: #414a32; - -md-ref-palette-secondary35: #4d563d; - -md-ref-palette-secondary40: #596248; - -md-ref-palette-secondary50: #727a5f; - -md-ref-palette-secondary60: #8b9478; - -md-ref-palette-secondary70: #a6af91; - -md-ref-palette-secondary80: #c1caab; - -md-ref-palette-secondary90: #dde6c6; - -md-ref-palette-secondary95: #ebf5d4; - -md-ref-palette-secondary98: #f4fddc; - -md-ref-palette-secondary99: #f9ffe6; - -md-ref-palette-secondary100: #ffffff; - - /* Tertiary */ - -md-ref-palette-tertiary0: #000000; - -md-ref-palette-tertiary5: #001412; - -md-ref-palette-tertiary10: #00201d; - -md-ref-palette-tertiary15: #002b28; - -md-ref-palette-tertiary20: #013733; - -md-ref-palette-tertiary25: #11423e; - -md-ref-palette-tertiary30: #1f4e49; - -md-ref-palette-tertiary35: #2c5a55; - -md-ref-palette-tertiary40: #396661; - -md-ref-palette-tertiary50: #527f7a; - -md-ref-palette-tertiary60: #6b9993; - -md-ref-palette-tertiary70: #85b4ae; - -md-ref-palette-tertiary80: #a0d0c9; - -md-ref-palette-tertiary90: #bcece5; - -md-ref-palette-tertiary95: #cafaf3; - -md-ref-palette-tertiary98: #e4fffa; - -md-ref-palette-tertiary99: #f2fffc; - -md-ref-palette-tertiary100: #ffffff; - - /* Error */ - -md-ref-palette-error0: #000000; - -md-ref-palette-error5: #2d0001; - -md-ref-palette-error10: #410002; - -md-ref-palette-error15: #540003; - -md-ref-palette-error20: #690005; - -md-ref-palette-error25: #7e0007; - -md-ref-palette-error30: #93000a; - -md-ref-palette-error35: #a80710; - -md-ref-palette-error40: #ba1a1a; - -md-ref-palette-error50: #de3730; - -md-ref-palette-error60: #ff5449; - -md-ref-palette-error70: #ff897d; - -md-ref-palette-error80: #ffb4ab; - -md-ref-palette-error90: #ffdad6; - -md-ref-palette-error95: #ffedea; - -md-ref-palette-error98: #fff8f7; - -md-ref-palette-error99: #fffbff; - -md-ref-palette-error100: #ffffff; - - /* Neutral */ - -md-ref-palette-neutral0: #000000; - -md-ref-palette-neutral5: #10110d; - -md-ref-palette-neutral10: #1b1c18; - -md-ref-palette-neutral15: #252621; - -md-ref-palette-neutral20: #30312c; - -md-ref-palette-neutral25: #3b3c37; - -md-ref-palette-neutral30: #464742; - -md-ref-palette-neutral35: #52534d; - -md-ref-palette-neutral40: #5e5f59; - -md-ref-palette-neutral50: #777771; - -md-ref-palette-neutral60: #91918a; - -md-ref-palette-neutral70: #acaba5; - -md-ref-palette-neutral80: #c7c7bf; - -md-ref-palette-neutral90: #e4e3db; - -md-ref-palette-neutral95: #f2f1e9; - -md-ref-palette-neutral98: #fbf9f2; - -md-ref-palette-neutral99: #fefcf4; - -md-ref-palette-neutral100: #ffffff; - - /* Neutral Variant */ - -md-ref-palette-neutral-variant0: #000000; - -md-ref-palette-neutral-variant5: #0f1209; - -md-ref-palette-neutral-variant10: #1a1d13; - -md-ref-palette-neutral-variant15: #24271d; - -md-ref-palette-neutral-variant20: #2e3227; - -md-ref-palette-neutral-variant25: #393d32; - -md-ref-palette-neutral-variant30: #45483d; - -md-ref-palette-neutral-variant35: #515448; - -md-ref-palette-neutral-variant40: #5d6054; - -md-ref-palette-neutral-variant50: #75786c; - -md-ref-palette-neutral-variant60: #8f9284; - -md-ref-palette-neutral-variant70: #aaad9e; - -md-ref-palette-neutral-variant80: #c5c8b9; - -md-ref-palette-neutral-variant90: #e2e4d4; - -md-ref-palette-neutral-variant95: #f0f2e2; - -md-ref-palette-neutral-variant98: #f9fbeb; - -md-ref-palette-neutral-variant99: #fcfeee; - -md-ref-palette-neutral-variant100: #ffffff; - - - /* System Colors */ - -md-sys-color-primary: #bdcca0; - -md-sys-color-on-primary: #293414; - -md-sys-color-primary-container: #3f4b29; - -md-sys-color-on-primary-container: #d9e8ba; - -md-sys-color-secondary: #c6c8ba; - -md-sys-color-on-secondary: #2f3228; - -md-sys-color-secondary-container: #45483d; - -md-sys-color-on-secondary-container: #e2e4d5; - -md-sys-color-tertiary: #b9cac7; - -md-sys-color-on-tertiary: #243331; - -md-sys-color-tertiary-container: #3a4a48; - -md-sys-color-on-tertiary-container: #d5e6e3; - -md-sys-color-error: #ffb4ab; - -md-sys-color-on-error: #690005; - -md-sys-color-error-container: #93000a; - -md-sys-color-on-error-container: #ffb4ab; - -md-sys-color-background: #1c1c1a; - -md-sys-color-on-background: #e5e2de; - -md-sys-color-surface: #1c1c1a; - -md-sys-color-on-surface: #e5e2de; - -md-sys-color-surface-variant: #464742; - -md-sys-color-on-surface-variant: #c7c7c0; - -md-sys-color-outline: #91918b; - -md-sys-color-outline-variant: #464742; - -md-sys-color-shadow: #000000; - -md-sys-color-scrim: #000000; - -md-sys-color-inverse-surface: #e5e2de; - -md-sys-color-inverse-on-surface: #31302e; - -md-sys-color-inverse-primary: #56633e; - -md-sys-color-surface-tint: #bdcca0; - -md-sys-color-surface-tint-color: #bdcca0; - - /* Light Colors */ - -md-sys-color-primary-light: #56633e; - -md-sys-color-on-primary-light: #ffffff; - -md-sys-color-primary-container-light: #d9e8ba; - -md-sys-color-on-primary-container-light: #141f03; - -md-sys-color-secondary-light: #5d6054; - -md-sys-color-on-secondary-light: #ffffff; - -md-sys-color-secondary-container-light: #e2e4d5; - -md-sys-color-on-secondary-container-light: #1a1d14; - -md-sys-color-tertiary-light: #52625f; - -md-sys-color-on-tertiary-light: #ffffff; - -md-sys-color-tertiary-container-light: #d5e6e3; - -md-sys-color-on-tertiary-container-light: #0f1e1c; - -md-sys-color-error-light: #ba1a1a; - -md-sys-color-on-error-light: #ffffff; - -md-sys-color-error-container-light: #ffdad6; - -md-sys-color-on-error-container-light: #410002; - -md-sys-color-background-light: #fffcf8; - -md-sys-color-on-background-light: #1c1c1a; - -md-sys-color-surface-light: #fffcf8; - -md-sys-color-on-surface-light: #1c1c1a; - -md-sys-color-surface-variant-light: #e4e3db; - -md-sys-color-on-surface-variant-light: #464742; - -md-sys-color-outline-light: #777772; - -md-sys-color-outline-variant-light: #c7c7c0; - -md-sys-color-shadow-light: #000000; - -md-sys-color-scrim-light: #000000; - -md-sys-color-inverse-surface-light: #31302e; - -md-sys-color-inverse-on-surface-light: #f3f0ec; - -md-sys-color-inverse-primary-light: #bdcca0; - -md-sys-color-surface-tint-light: #56633e; - -md-sys-color-surface-tint-color-light: #56633e; - - /* Dark Colors */ - -md-sys-color-primary-dark: #bdcca0; - -md-sys-color-on-primary-dark: #293414; - -md-sys-color-primary-container-dark: #3f4b29; - -md-sys-color-on-primary-container-dark: #d9e8ba; - -md-sys-color-secondary-dark: #c6c8ba; - -md-sys-color-on-secondary-dark: #2f3228; - -md-sys-color-secondary-container-dark: #45483d; - -md-sys-color-on-secondary-container-dark: #e2e4d5; - -md-sys-color-tertiary-dark: #b9cac7; - -md-sys-color-on-tertiary-dark: #243331; - -md-sys-color-tertiary-container-dark: #3a4a48; - -md-sys-color-on-tertiary-container-dark: #d5e6e3; - -md-sys-color-error-dark: #ffb4ab; - -md-sys-color-on-error-dark: #690005; - -md-sys-color-error-container-dark: #93000a; - -md-sys-color-on-error-container-dark: #ffb4ab; - -md-sys-color-background-dark: #1c1c1a; - -md-sys-color-on-background-dark: #e5e2de; - -md-sys-color-surface-dark: #1c1c1a; - -md-sys-color-on-surface-dark: #e5e2de; - -md-sys-color-surface-variant-dark: #464742; - -md-sys-color-on-surface-variant-dark: #c7c7c0; - -md-sys-color-outline-dark: #91918b; - -md-sys-color-outline-variant-dark: #464742; - -md-sys-color-shadow-dark: #000000; - -md-sys-color-scrim-dark: #000000; - -md-sys-color-inverse-surface-dark: #e5e2de; - -md-sys-color-inverse-on-surface-dark: #31302e; - -md-sys-color-inverse-primary-dark: #56633e; - -md-sys-color-surface-tint-dark: #bdcca0; - -md-sys-color-surface-tint-color-dark: #bdcca0; - - -md-ref-palette-neutralNaN: #FFFFFF; -} -\ No newline at end of file diff --git a/src/main/resources/nl/isygameclient/css/views/game-select-menu.css b/src/main/resources/nl/isygameclient/css/views/game-select-menu.css @@ -1,60 +0,0 @@ -/* Menu Bar */ -.menu-bar { - -fx-effect: dropshadow(three-pass-box, black, 10, 0, 0, 0); -} -.menu-bar-settings { - -fx-fill: -md-sys-color-inverse-surface; -} - -/* Search Bar */ -.search-bar { - -fx-border-color: -md-sys-color-on-surface; - -fx-border-width: 1; - -fx-border-radius: 2; -} - -.search-field { - -fx-text-fill: -md-sys-color-inverse-surface; -} - -/* Game List */ -#gamesList { - -fx-background-radius: 0; - -fx-vbar-policy: never; -} - -#gamesList .list-cell { - -fx-background-color: transparent; - -fx-text-fill: -md-sys-color-inverse-surface; - - /* Large Body Type Style */ - -fx-font-size: 16; - -fx-font-style: normal; - -fx-font-weight: 400; -} - -#gamesList .list-cell:filled:selected:focused, -.list-cell:filled:selected { - -fx-background-color: -md-ref-palette-tertiary50; - -fx-text-fill: white; -} - -#gamesList .list-cell:even { - -fx-background-color: -md-sys-color-surface-variant; -} - -#gamesList .list-cell:odd { - -fx-background-color: -md-sys-color-inverse-on-surface; -} - -#gamesList .list-cell:filled:hover { - -fx-background-color: -md-ref-palette-tertiary60; - -fx-text-fill: white; -} - -/* Game Detail */ - -#gameDetail { - -fx-border-color: -md-sys-color-surface; - -fx-border-width: 0 5 0 0; -} diff --git a/src/main/resources/nl/isygameclient/css/views/tictactoe.css b/src/main/resources/nl/isygameclient/css/views/tictactoe.css @@ -1,10 +0,0 @@ -.ttt-grid { - -fx-border-color: -md-sys-color-surface-variant; - -fx-border-width: 5; - -fx-border-radius: 2; - } - - .ttt-button { - -fx-background-color: -md-sys-color-surface-variant; - -fx-text-fill: -md-sys-color-on-surface-variant - } -\ No newline at end of file diff --git a/src/main/resources/nl/isygameclient/images/icons/svg/icons8_close.svg b/src/main/resources/nl/isygameclient/images/icons/svg/icons8_close.svg @@ -1,4 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?><s -<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="480" height="480"> - <path d="M4.7070312 3.2929688L3.2929688 4.7070312L10.585938 12L3.2929688 19.292969L4.7070312 20.707031L12 13.414062L19.292969 20.707031L20.707031 19.292969L13.414062 12L20.707031 4.7070312L19.292969 3.2929688L12 10.585938L4.7070312 3.2929688 z" fill="#5B5B5B" /> -</svg> -\ No newline at end of file diff --git a/src/main/resources/nl/isygameclient/images/icons/svg/icons8_search_1.svg b/src/main/resources/nl/isygameclient/images/icons/svg/icons8_search_1.svg @@ -1,4 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?><s -<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="480" height="480"> - <path d="M9 2C5.1458514 2 2 5.1458514 2 9C2 12.854149 5.1458514 16 9 16C10.747998 16 12.345009 15.348024 13.574219 14.28125L14 14.707031L14 16L20 22L22 20L16 14L14.707031 14L14.28125 13.574219C15.348024 12.345009 16 10.747998 16 9C16 5.1458514 12.854149 2 9 2 z M 9 4C11.773268 4 14 6.2267316 14 9C14 11.773268 11.773268 14 9 14C6.2267316 14 4 11.773268 4 9C4 6.2267316 6.2267316 4 9 4 z" fill="#5B5B5B" /> -</svg> -\ No newline at end of file diff --git a/src/main/resources/nl/isygameclient/images/icons/svg/icons8_settings.svg b/src/main/resources/nl/isygameclient/images/icons/svg/icons8_settings.svg @@ -1,4 +0,0 @@ -<?xml version="1.0" encoding="utf-8"?><s -<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="480" height="480"> - <path d="M11.423828 2C11.179828 2 10.969688 2.1769687 10.929688 2.4179688L10.646484 4.1230469C10.159736 4.2067166 9.689176 4.3360771 9.2363281 4.5039062L8.1347656 3.1679688C7.9797656 2.9789688 7.7100469 2.9297344 7.4980469 3.0527344L6.5019531 3.6289062C6.2899531 3.7509062 6.1972031 4.0083281 6.2832031 4.2363281L6.8886719 5.8535156C6.513238 6.1663963 6.1663963 6.513238 5.8535156 6.8886719L4.2363281 6.2832031C4.0083281 6.1972031 3.7509062 6.2899531 3.6289062 6.5019531L3.0527344 7.4980469C2.9297344 7.7100469 2.9789688 7.9797656 3.1679688 8.1347656L4.5039062 9.2363281C4.3360771 9.689176 4.2067166 10.159736 4.1230469 10.646484L2.4179688 10.929688C2.1769687 10.970688 2 11.178828 2 11.423828L2 12.576172C2 12.820172 2.1769687 13.030312 2.4179688 13.070312L4.1230469 13.353516C4.2067166 13.840264 4.3360771 14.310824 4.5039062 14.763672L3.1679688 15.865234C2.9789687 16.020234 2.9307344 16.289953 3.0527344 16.501953L3.6289062 17.498047C3.7509062 17.710047 4.0083281 17.802797 4.2363281 17.716797L5.8535156 17.111328C6.1663963 17.486762 6.513238 17.833604 6.8886719 18.146484L6.2832031 19.763672C6.1972031 19.992672 6.2909531 20.249094 6.5019531 20.371094L7.4980469 20.947266C7.7100469 21.069266 7.9797656 21.020031 8.1347656 20.832031L9.234375 19.496094C9.6877476 19.664236 10.15912 19.793178 10.646484 19.876953L10.929688 21.582031C10.970688 21.823031 11.178828 22 11.423828 22L12.576172 22C12.820172 22 13.030312 21.823031 13.070312 21.582031L13.353516 19.876953C13.840264 19.793283 14.310824 19.663923 14.763672 19.496094L15.865234 20.832031C16.020234 21.021031 16.289953 21.069266 16.501953 20.947266L17.498047 20.371094C17.710047 20.249094 17.802797 19.991672 17.716797 19.763672L17.111328 18.146484C17.486762 17.833604 17.833604 17.486762 18.146484 17.111328L19.763672 17.716797C19.992672 17.802797 20.249094 17.709047 20.371094 17.498047L20.947266 16.501953C21.069266 16.289953 21.020031 16.020234 20.832031 15.865234L19.496094 14.765625C19.664236 14.312252 19.793178 13.84088 19.876953 13.353516L21.582031 13.070312C21.823031 13.029312 22 12.821172 22 12.576172L22 11.423828C22 11.179828 21.823031 10.969688 21.582031 10.929688L19.876953 10.646484C19.793283 10.159736 19.663923 9.689176 19.496094 9.2363281L20.832031 8.1347656C21.021031 7.9797656 21.069266 7.7100469 20.947266 7.4980469L20.371094 6.5019531C20.249094 6.2899531 19.991672 6.1972031 19.763672 6.2832031L18.146484 6.8886719C17.833604 6.513238 17.486762 6.1663963 17.111328 5.8535156L17.716797 4.2363281C17.802797 4.0073281 17.709047 3.7509062 17.498047 3.6289062L16.501953 3.0527344C16.289953 2.9307344 16.020234 2.9799687 15.865234 3.1679688L14.765625 4.5039062C14.312252 4.3357635 13.84088 4.2068225 13.353516 4.1230469L13.070312 2.4179688C13.029312 2.1769687 12.821172 2 12.576172 2L11.423828 2 z M 11 6.0898438L11 9.1738281 A 3 3 0 0 0 9 12 A 3 3 0 0 0 9.0507812 12.548828L6.3789062 14.089844C6.1382306 13.438833 6 12.736987 6 12C6 9.0161425 8.1553612 6.5637988 11 6.0898438 z M 13 6.0898438C15.844639 6.5637988 18 9.0161425 18 12C18 12.737875 17.86037 13.440133 17.619141 14.091797L14.947266 12.546875 A 3 3 0 0 0 15 12 A 3 3 0 0 0 13 9.1757812L13 6.0898438 z M 13.947266 14.277344L16.628906 15.826172C15.530388 17.156023 13.868625 18 12 18C10.131375 18 8.4696124 17.156023 7.3710938 15.826172L10.050781 14.279297 A 3 3 0 0 0 12 15 A 3 3 0 0 0 13.947266 14.277344 z" fill="#5B5B5B" /> -</svg> -\ No newline at end of file diff --git a/src/main/resources/nl/isygameclient/images/othello_logo.png b/src/main/resources/nl/isygameclient/images/othello_logo.png Binary files differ. diff --git a/src/main/resources/nl/isygameclient/images/tictactoe_logo.png b/src/main/resources/nl/isygameclient/images/tictactoe_logo.png Binary files differ. diff --git a/src/main/resources/nl/isygameclient/views/GameSelectorMenu/GameCard.fxml b/src/main/resources/nl/isygameclient/views/GameSelectorMenu/GameCard.fxml @@ -1,23 +0,0 @@ -<?xml version="1.0" encoding="UTF-8"?> - -<?import java.lang.*?> -<?import javafx.scene.control.*?> -<?import javafx.scene.image.*?> -<?import javafx.scene.layout.*?> - -<VBox prefHeight="350.0" prefWidth="250.0" xmlns="http://javafx.com/javafx/16" xmlns:fx="http://javafx.com/fxml/1" - alignment="CENTER" fx:controller="nl.isygameclient.controllers.GameSeletorMenu.GameCardController" onMouseClicked="#onCardMouseClick"> - <styleClass> - <String fx:value="surface"/> - </styleClass> - <AnchorPane> - <ImageView fx:id="gameImage" fitWidth="250.0" preserveRatio="true"/> - </AnchorPane> - <Separator/> - <Label fx:id="gameTitle" alignment="TOP_RIGHT" text="Title"> - <styleClass> - <String fx:value="title-medium"/> - <String fx:value="on-surface-text"/> - </styleClass> - </Label> -</VBox> diff --git a/src/main/resources/nl/isygameclient/views/GameSelectorMenu/GameSelectorMenu.fxml b/src/main/resources/nl/isygameclient/views/GameSelectorMenu/GameSelectorMenu.fxml @@ -1,153 +0,0 @@ -<?xml version="1.0" encoding="UTF-8"?> - - -<?import com.jfoenix.controls.*?> -<?import de.jensd.fx.glyphs.materialicons.MaterialIconView?> -<?import javafx.geometry.*?> -<?import javafx.scene.control.Label?> -<?import javafx.scene.control.ListView?> -<?import javafx.scene.control.ScrollPane?> -<?import javafx.scene.control.TextField?> -<?import javafx.scene.layout.*?> -<?import java.lang.*?> -<AnchorPane minHeight="480.0" minWidth="600.0" prefHeight="1080.0" prefWidth="1920.0" styleClass="white" - stylesheets="@../../css/theme.css" xmlns="http://javafx.com/javafx/16" xmlns:fx="http://javafx.com/fxml/1" - fx:controller="nl.isygameclient.controllers.GameSeletorMenu.GameSelectorMenuController"> - <BorderPane AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" - AnchorPane.topAnchor="0.0"> - <top> - <HBox prefHeight="50.0" prefWidth="Infinity"> - <styleClass> - <String fx:value="menu-bar"/> - <String fx:value="background"/> - </styleClass> - - <!-- Menu Buttons --> - <JFXButton text="Store" disable="true" prefHeight="Infinity"> - <styleClass> - <String fx:value="title-medium"/> - <String fx:value="on-surface-text"/> - </styleClass> - </JFXButton> - - <JFXButton text="Games" prefHeight="Infinity"> - <styleClass> - <String fx:value="title-medium"/> - <String fx:value="on-surface-text"/> - </styleClass> - </JFXButton> - - <JFXButton text="User" disable="true" prefHeight="Infinity"> - <styleClass> - <String fx:value="title-medium"/> - <String fx:value="on-surface-text"/> - </styleClass> - </JFXButton> - - <Pane HBox.hgrow="ALWAYS"/> - <JFXButton textAlignment="RIGHT" text="Settings" prefHeight="Infinity"> - <styleClass> - <String fx:value="title-medium"/> - <String fx:value="on-surface-text"/> - </styleClass> - </JFXButton> - </HBox> - </top> - <left> - <AnchorPane> - <HBox AnchorPane.topAnchor="0.0" AnchorPane.bottomAnchor="0.0"> - - <!-- Search Container --> - <VBox prefWidth="200.0" AnchorPane.topAnchor="0.0" AnchorPane.bottomAnchor="0.0" - AnchorPane.leftAnchor="0.0"> - <padding> - <Insets left="5" right="5"/> - </padding> - <styleClass> - <String fx:value="search-container"/> - <String fx:value="surface"/> - </styleClass> - - <!-- Search Field --> - <StackPane> - <styleClass> - <String fx:value="search-bar"/> - <String fx:value="inverse-on-surface"/> - </styleClass> - <VBox.margin> - <Insets bottom="5.0" top="10.0"/> - </VBox.margin> - - - <TextField fx:id="searchBox" promptText="Search"> - <padding> - <Insets left="35" right="35"/> - </padding> - <styleClass> - <String fx:value="search-field"/> - <String fx:value="transparent"/> - </styleClass> - </TextField> - - <JFXButton StackPane.alignment="CENTER_LEFT" disable="true"> - <graphic> - <MaterialIconView StackPane.alignment="CENTER_LEFT" glyphName="SEARCH" - glyphSize="20" styleClass="icon"> - <styleClass> - <String fx:value="on-surface-fill"/> - </styleClass> - </MaterialIconView> - </graphic> - </JFXButton> - - <JFXButton onAction="#onClearSearchButtonClick" StackPane.alignment="CENTER_RIGHT"> - <graphic> - <MaterialIconView glyphName="CLOSE" glyphSize="16" styleClass="icon"> - <styleClass> - <String fx:value="on-surface-fill"/> - </styleClass> - </MaterialIconView> - </graphic> - </JFXButton> - </StackPane> - - <!-- Search List --> - <ListView fx:id="gamesList" VBox.vgrow="ALWAYS" styleClass="surface"> - <padding> - <Insets topRightBottomLeft="1"/> - </padding> - </ListView> - </VBox> - - - <!-- Game Detail Container --> - <VBox fx:id="gameDetail" prefWidth="400" HBox.hgrow="ALWAYS" alignment="TOP_CENTER" - styleClass="inverse-on-surface"> - <padding> - <Insets topRightBottomLeft="20"/> - </padding> - <Label text="Game Title"> - <styleClass> - <String fx:value="display-small"/> - <String fx:value="on-surface-text"/> - <String fx:value="on-surface-fill"/> - </styleClass> - </Label> - </VBox> - </HBox> - </AnchorPane> - </left> - <center> - <ScrollPane fitToWidth="true" fitToHeight="true" styleClass="surface-variant"> - <FlowPane fx:id="gameContainer" hgap="5" vgap="10" > - <styleClass> - <String fx:value="surface-variant"/> - </styleClass> - <padding> - <Insets topRightBottomLeft="20"/> - </padding> - </FlowPane> - </ScrollPane> - </center> - </BorderPane> -</AnchorPane> diff --git a/src/main/resources/nl/isygameclient/views/TicTacToe/TicTacToeMainMenu.fxml b/src/main/resources/nl/isygameclient/views/TicTacToe/TicTacToeMainMenu.fxml @@ -1,50 +0,0 @@ -<?xml version="1.0" encoding="UTF-8"?> - - -<?import com.jfoenix.controls.JFXButton?> -<?import javafx.geometry.Insets?> -<?import javafx.scene.control.Label?> -<?import javafx.scene.layout.AnchorPane?> -<?import javafx.scene.layout.VBox?> -<?import java.lang.*?> -<AnchorPane stylesheets="@../../css/theme.css" xmlns="http://javafx.com/javafx" xmlns:fx="http://javafx.com/fxml" - fx:controller="nl.isygameclient.controllers.TicTacToeGame.TicTacToeMainMenuController" - prefWidth="680" prefHeight="480"> - <VBox alignment="CENTER" AnchorPane.rightAnchor="0" AnchorPane.leftAnchor="0" AnchorPane.bottomAnchor="0" AnchorPane.topAnchor="0"> - <styleClass> - <String fx:value="surface"/> - </styleClass> - <Label text="Tic Tac Toe"> - <styleClass> - <String fx:value="display-large"/> - <String fx:value="on-surface-text"/> - </styleClass> - <padding> - <Insets topRightBottomLeft="50"/> - </padding> - </Label> - <VBox spacing="10" alignment="CENTER" maxWidth="200"> - <JFXButton text="Single Player" onAction="#onSinglePlayerButtonClick" prefWidth="Infinity"> - <styleClass> - <String fx:value="primary"/> - <String fx:value="on-primary-text"/> - <String fx:value="title-medium"/> - </styleClass> - </JFXButton> - <JFXButton text="Multiplayer" onAction="#onMultiplayerButtonClick" prefWidth="Infinity"> - <styleClass> - <String fx:value="primary"/> - <String fx:value="on-primary-text"/> - <String fx:value="title-medium"/> - </styleClass> - </JFXButton> - <JFXButton text="Exit" onAction="#onExitButtonClick" prefWidth="Infinity"> - <styleClass> - <String fx:value="primary"/> - <String fx:value="on-primary-text"/> - <String fx:value="title-medium"/> - </styleClass> - </JFXButton> - </VBox> - </VBox> -</AnchorPane> diff --git a/src/main/resources/nl/isygameclient/views/TicTacToe/TicTacToeSinglePlayer.fxml b/src/main/resources/nl/isygameclient/views/TicTacToe/TicTacToeSinglePlayer.fxml @@ -1,196 +0,0 @@ -<?xml version="1.0" encoding="UTF-8"?> - -<?import com.jfoenix.controls.*?> -<?import javafx.geometry.*?> -<?import javafx.scene.control.*?> -<?import javafx.scene.layout.*?> -<?import java.lang.*?> -<BorderPane stylesheets="@../../css/theme.css" xmlns="http://javafx.com/javafx/16" xmlns:fx="http://javafx.com/fxml/1" - fx:controller="nl.isygameclient.controllers.TicTacToeGame.TicTacToeSinglePlayerController"> - <styleClass> - <String fx:value="surface"/> - </styleClass> - <left> - <VBox prefWidth="200" styleClass="surface-variant" spacing="20" > - <padding> - <Insets topRightBottomLeft="20"/> - </padding> - - <!-- Difficulty Controls --> - <VBox> - <Label text="Difficulty"> - <styleClass> - <String fx:value="headline-small"/> - <String fx:value="on-surface-variant-text"/> - </styleClass> - </Label> - <Separator styleClass="on-surface-variant-text"/> - <JFXComboBox fx:id="difficultyCombo" prefWidth="Infinity" onAction="#onDifficultyComboSelect"> - <styleClass> - <String fx:value="primary"/> - <String fx:value="on-primary-text"/> - <String fx:value="body-large"/> - </styleClass> - </JFXComboBox> - </VBox> - - <!-- Playing As Controls --> - <VBox> - <Label text="Playing As"> - <styleClass> - <String fx:value="headline-small"/> - <String fx:value="on-surface-variant-text"/> - </styleClass> - </Label> - <Separator styleClass="on-surface-variant-text"/> - <JFXComboBox fx:id="playingAsCombo" prefWidth="Infinity" onAction="#onPlayingAsComboSelect"> - <styleClass> - <String fx:value="primary"/>--> - <String fx:value="on-primary-text"/> - <String fx:value="body-large"/> - </styleClass> - </JFXComboBox> - </VBox> - - <!-- Opponents Controls --> - <VBox> - <Label text="Opponent"> - <styleClass> - <String fx:value="headline-small"/> - <String fx:value="on-surface-variant-text"/> - </styleClass> - </Label> - <Separator styleClass="on-surface-variant-text"/> - <JFXComboBox fx:id="opponentCombo" prefWidth="Infinity" onAction="#onOpponentComboSelect"> - <styleClass> - <String fx:value="primary"/>--> - <String fx:value="on-primary-text"/> - <String fx:value="body-large"/> - </styleClass> - </JFXComboBox> - </VBox> - - <!-- Best of Controls --> - <VBox> - <Label text="Best Of"> - <styleClass> - <String fx:value="headline-small"/> - <String fx:value="on-surface-variant-text"/> - </styleClass> - </Label> - <Separator styleClass="on-surface-variant-text"/> - </VBox> - - <!-- Window Controls --> - <Pane VBox.vgrow="ALWAYS"/> - <VBox spacing="10" alignment="CENTER"> - <JFXButton text="New Game" onAction="#onNewGameButtonClick" prefWidth="Infinity"> - <styleClass> - <String fx:value="primary"/> - <String fx:value="on-primary-text"/> - <String fx:value="title-medium"/> - </styleClass> - </JFXButton> - <JFXButton text="Main Menu" onAction="#onMainMenuButtonClick" prefWidth="Infinity"> - <styleClass> - <String fx:value="primary"/> - <String fx:value="on-primary-text"/> - <String fx:value="title-medium"/> - </styleClass> - </JFXButton> - <JFXButton text="Exit" onAction="#onExitButtonClick" prefWidth="Infinity"> - <styleClass> - <String fx:value="primary"/> - <String fx:value="on-primary-text"/> - <String fx:value="title-medium"/> - </styleClass> - </JFXButton> - </VBox> - </VBox> - </left> - <!-- Game Field --> - <center> - <HBox alignment="CENTER"> - <padding> - <Insets topRightBottomLeft="20"/> - </padding> - - <!-- Left --> - <VBox minWidth="150" maxHeight="800" alignment="TOP_CENTER"> - <Label text="Score Player"> - <styleClass> - <String fx:value="headline-medium"/> - <String fx:value="on-surface-text"/> - </styleClass> - </Label> - <Label text="0"> - <styleClass> - <String fx:value="headline-medium"/> - <String fx:value="on-surface-text"/> - </styleClass> - </Label> - <Separator maxWidth="100"/> - </VBox> - - <!-- Center --> - <VBox alignment="CENTER" minWidth="640"> - <HBox alignment="CENTER"> - <padding> - <Insets topRightBottomLeft="5"/> - </padding> - <Label text="Current Player: "> - <styleClass> - <String fx:value="on-surface-text"/> - <String fx:value="headline-small"/> - </styleClass> - </Label> - <Label fx:id="currentPlayer"> - <styleClass> - <String fx:value="on-surface-text"/> - <String fx:value="headline-small"/> - </styleClass> - </Label> - </HBox> - <Separator maxWidth="100"/> - - <StackPane> - <VBox.margin> - <Insets left="20" right="20" top="20"/> - </VBox.margin> - <GridPane fx:id="grid" styleClass="ttt-grid" vgap="10" hgap="10" maxWidth="640" maxHeight="640"> - <padding> - <Insets topRightBottomLeft="10"/> - </padding> - </GridPane> - <Label fx:id="gameOverText" visible="false"> - <padding> - <Insets top="10" bottom="10" left="20" right="20"/> - </padding> - <styleClass> - <String fx:value="surface"/> - <String fx:value="display-large"/> - <String fx:value="on-surface-text"/> - </styleClass> - </Label> - </StackPane> - </VBox> - - <!-- Right --> - <VBox minWidth="150" maxHeight="800" alignment="TOP_CENTER"> - <Label text="Score Opponent"> - <styleClass> - <String fx:value="headline-medium"/> - <String fx:value="on-surface-text"/> - </styleClass> - </Label> - <Label text="0"> - <styleClass> - <String fx:value="headline-medium"/> - <String fx:value="on-surface-text"/> - </styleClass> - </Label> - <Separator maxWidth="100"/> - </VBox> - </HBox> - </center> -</BorderPane>