help me lord
This commit is contained in:
parent
b6c8c6f5d6
commit
b3d93010d6
8 changed files with 650 additions and 598 deletions
3
Code/ost/JAVA-FX-PROJECT/.vscode/settings.json
vendored
Normal file
3
Code/ost/JAVA-FX-PROJECT/.vscode/settings.json
vendored
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
{
|
||||||
|
"java.configuration.updateBuildConfiguration": "interactive"
|
||||||
|
}
|
|
@ -4,25 +4,37 @@
|
||||||
<groupId>com.example</groupId>
|
<groupId>com.example</groupId>
|
||||||
<artifactId>_javafx_website_task</artifactId>
|
<artifactId>_javafx_website_task</artifactId>
|
||||||
<version>1.0-SNAPSHOT</version>
|
<version>1.0-SNAPSHOT</version>
|
||||||
|
|
||||||
<properties>
|
<properties>
|
||||||
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
|
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
|
||||||
<maven.compiler.source>11</maven.compiler.source>
|
<maven.compiler.source>11</maven.compiler.source>
|
||||||
<maven.compiler.target>11</maven.compiler.target>
|
<maven.compiler.target>11</maven.compiler.target>
|
||||||
</properties>
|
</properties>
|
||||||
|
|
||||||
<dependencies>
|
<dependencies>
|
||||||
|
<!-- JavaFX dependencies -->
|
||||||
<dependency>
|
<dependency>
|
||||||
<groupId>org.openjfx</groupId>
|
<groupId>org.openjfx</groupId>
|
||||||
<artifactId>javafx-controls</artifactId>
|
<artifactId>javafx-controls</artifactId>
|
||||||
<version>13</version>
|
<version>11</version>
|
||||||
</dependency>
|
</dependency>
|
||||||
<dependency>
|
<dependency>
|
||||||
<groupId>org.openjfx</groupId>
|
<groupId>org.openjfx</groupId>
|
||||||
<artifactId>javafx-fxml</artifactId>
|
<artifactId>javafx-fxml</artifactId>
|
||||||
<version>13</version>
|
<version>11</version>
|
||||||
|
</dependency>
|
||||||
|
|
||||||
|
<!-- Jackson Databind for JSON handling -->
|
||||||
|
<dependency>
|
||||||
|
<groupId>com.fasterxml.jackson.core</groupId>
|
||||||
|
<artifactId>jackson-databind</artifactId>
|
||||||
|
<version>2.15.0</version>
|
||||||
</dependency>
|
</dependency>
|
||||||
</dependencies>
|
</dependencies>
|
||||||
|
|
||||||
<build>
|
<build>
|
||||||
<plugins>
|
<plugins>
|
||||||
|
<!-- Maven Compiler Plugin -->
|
||||||
<plugin>
|
<plugin>
|
||||||
<groupId>org.apache.maven.plugins</groupId>
|
<groupId>org.apache.maven.plugins</groupId>
|
||||||
<artifactId>maven-compiler-plugin</artifactId>
|
<artifactId>maven-compiler-plugin</artifactId>
|
||||||
|
@ -31,14 +43,14 @@
|
||||||
<release>11</release>
|
<release>11</release>
|
||||||
</configuration>
|
</configuration>
|
||||||
</plugin>
|
</plugin>
|
||||||
|
|
||||||
|
<!-- JavaFX Maven Plugin -->
|
||||||
<plugin>
|
<plugin>
|
||||||
<groupId>org.openjfx</groupId>
|
<groupId>org.openjfx</groupId>
|
||||||
<artifactId>javafx-maven-plugin</artifactId>
|
<artifactId>javafx-maven-plugin</artifactId>
|
||||||
<version>0.0.6</version>
|
<version>0.0.6</version>
|
||||||
<executions>
|
<executions>
|
||||||
<execution>
|
<execution>
|
||||||
<!-- Default configuration for running -->
|
|
||||||
<!-- Usage: mvn clean javafx:run -->
|
|
||||||
<id>default-cli</id>
|
<id>default-cli</id>
|
||||||
<configuration>
|
<configuration>
|
||||||
<mainClass>com.example.App</mainClass>
|
<mainClass>com.example.App</mainClass>
|
||||||
|
|
|
@ -0,0 +1,25 @@
|
||||||
|
package com.example;
|
||||||
|
|
||||||
|
public class Account {
|
||||||
|
private String name;
|
||||||
|
private String surname;
|
||||||
|
private String email;
|
||||||
|
private String phone;
|
||||||
|
private String street;
|
||||||
|
private String city;
|
||||||
|
private String cityCode;
|
||||||
|
|
||||||
|
// Getters and setters for all fields
|
||||||
|
public Account(String name, String surname, String email, String phone, String street, String city,
|
||||||
|
String cityCode) {
|
||||||
|
this.name = name;
|
||||||
|
this.surname = surname;
|
||||||
|
this.email = email;
|
||||||
|
this.phone = phone;
|
||||||
|
this.street = street;
|
||||||
|
this.city = city;
|
||||||
|
this.cityCode = cityCode;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Getters and setters...
|
||||||
|
}
|
|
@ -2,495 +2,504 @@
|
||||||
|
|
||||||
/* Main GridPane */
|
/* Main GridPane */
|
||||||
#main {
|
#main {
|
||||||
-fx-padding: 20;
|
-fx-padding: 20;
|
||||||
-fx-hgap: 20;
|
-fx-hgap: 20;
|
||||||
-fx-vgap: 20;
|
-fx-vgap: 20;
|
||||||
-fx-background-image: url('images/background');
|
-fx-background-image: url("images/background");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-position: center center;
|
-fx-background-position: center center;
|
||||||
-fx-background-blend-mode: overlay;
|
-fx-background-blend-mode: overlay;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header */
|
/* Header */
|
||||||
.header {
|
.header {
|
||||||
-fx-background-color: #6a1b9a;
|
-fx-background-color: #6a1b9a;
|
||||||
-fx-padding: 20px 30px;
|
-fx-padding: 20px 30px;
|
||||||
-fx-border-color: #8e44ad;
|
-fx-border-color: #8e44ad;
|
||||||
-fx-border-width: 0 0 2px 0;
|
-fx-border-width: 0 0 2px 0;
|
||||||
-fx-alignment: center;
|
-fx-alignment: center;
|
||||||
-fx-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
|
-fx-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainTitle {
|
.mainTitle {
|
||||||
-fx-font-size: 26px;
|
-fx-font-size: 26px;
|
||||||
-fx-font-weight: 700;
|
-fx-font-weight: 700;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-padding: 0 20;
|
-fx-padding: 0 20;
|
||||||
-fx-alignment: center;
|
-fx-alignment: center;
|
||||||
-fx-letter-spacing: 1px;
|
-fx-letter-spacing: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Footer */
|
/* Footer */
|
||||||
.footer {
|
.footer {
|
||||||
-fx-background-color: #6a1b9a;
|
-fx-background-color: #6a1b9a;
|
||||||
-fx-padding: 25px;
|
-fx-padding: 25px;
|
||||||
-fx-alignment: center;
|
-fx-alignment: center;
|
||||||
-fx-box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
|
-fx-box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerHeading {
|
.footerHeading {
|
||||||
-fx-font-weight: bold;
|
-fx-font-weight: bold;
|
||||||
-fx-font-size: 18px;
|
-fx-font-size: 18px;
|
||||||
-fx-padding-bottom: 5px;
|
-fx-padding-bottom: 5px;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerText,
|
.footerText,
|
||||||
.footerLink,
|
.footerLink,
|
||||||
.footerCopy {
|
.footerCopy {
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerLink {
|
.footerLink {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-padding: 5px 0;
|
-fx-padding: 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerLink:hover {
|
.footerLink:hover {
|
||||||
-fx-text-fill: #8e44ad;
|
-fx-text-fill: #8e44ad;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerCopy {
|
.footerCopy {
|
||||||
-fx-font-size: 12px;
|
-fx-font-size: 12px;
|
||||||
-fx-padding: 5px;
|
-fx-padding: 5px;
|
||||||
-fx-alignment: center;
|
-fx-alignment: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Individual Cards */
|
/* Individual Cards */
|
||||||
.cardDiv {
|
.cardDiv {
|
||||||
-fx-background-color: rgba(156, 89, 182, 0.7);
|
-fx-background-color: rgba(156, 89, 182, 0.7);
|
||||||
-fx-border-color: transparent;
|
-fx-border-color: transparent;
|
||||||
-fx-border-width: 0;
|
-fx-border-width: 0;
|
||||||
-fx-border-radius: 12px;
|
-fx-border-radius: 12px;
|
||||||
-fx-background-radius: 12px;
|
-fx-background-radius: 12px;
|
||||||
-fx-padding: 15;
|
-fx-padding: 15;
|
||||||
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.1), 10, 0.5, 0, 5);
|
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.1), 10, 0.5, 0, 5);
|
||||||
-fx-alignment: top-center;
|
-fx-alignment: top-center;
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-position: center center;
|
-fx-background-position: center center;
|
||||||
-fx-pref-width: 250;
|
-fx-pref-width: 250;
|
||||||
-fx-pref-height: 230;
|
-fx-pref-height: 230;
|
||||||
-fx-min-width: 250;
|
-fx-min-width: 250;
|
||||||
-fx-min-height: 230;
|
-fx-min-height: 230;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.cardTitel {
|
.cardTitel {
|
||||||
-fx-font-size: 18px;
|
-fx-font-size: 18px;
|
||||||
-fx-font-weight: 600;
|
-fx-font-weight: 600;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-padding: 5 0 15 0;
|
-fx-padding: 5 0 15 0;
|
||||||
-fx-alignment: center;
|
-fx-alignment: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardText {
|
.cardText {
|
||||||
-fx-text-fill: #000;
|
-fx-text-fill: #000;
|
||||||
-fx-margin: 10px auto;
|
-fx-margin: 10px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv1 {
|
#cardDiv1 {
|
||||||
-fx-background-image: url('images/lotr.jpg');
|
-fx-background-image: url("images/lotr.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv2 {
|
#cardDiv2 {
|
||||||
-fx-background-image: url('images/wheel.jpg');
|
-fx-background-image: url("images/wheel.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv3 {
|
#cardDiv3 {
|
||||||
-fx-background-image: url('images/narnia.jpg');
|
-fx-background-image: url("images/narnia.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv4 {
|
#cardDiv4 {
|
||||||
-fx-background-image: url('images/earthsea.jpg');
|
-fx-background-image: url("images/earthsea.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv5 {
|
#cardDiv5 {
|
||||||
-fx-background-image: url('images/theFirstLaw.jpg');
|
-fx-background-image: url("images/theFirstLaw.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv6 {
|
#cardDiv6 {
|
||||||
-fx-background-image: url('images/kingkiller.jpeg');
|
-fx-background-image: url("images/kingkiller.jpeg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv7 {
|
#cardDiv7 {
|
||||||
-fx-background-image: url('images/mistborn.jpg');
|
-fx-background-image: url("images/mistborn.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv8 {
|
#cardDiv8 {
|
||||||
-fx-background-image: url('images/stormlight.jpg');
|
-fx-background-image: url("images/stormlight.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Buttons */
|
/* Buttons */
|
||||||
|
|
||||||
/* Card Button */
|
/* Card Button */
|
||||||
.cardBtn {
|
.cardBtn {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-background-color: #8e44ad;
|
-fx-background-color: #8e44ad;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-background-radius: 20px;
|
-fx-background-radius: 20px;
|
||||||
-fx-padding: 8px 16px;
|
-fx-padding: 8px 16px;
|
||||||
-fx-border-color: transparent;
|
-fx-border-color: transparent;
|
||||||
-fx-border-width: 0;
|
-fx-border-width: 0;
|
||||||
-fx-cursor: hand;
|
-fx-cursor: hand;
|
||||||
-fx-transition: background-color 0.3s ease;
|
-fx-transition: background-color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardBtn:hover {
|
.cardBtn:hover {
|
||||||
-fx-background-color: #732d91;
|
-fx-background-color: #732d91;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header Buttons */
|
/* Header Buttons */
|
||||||
.cartBtn,
|
.cartBtn,
|
||||||
.loginBtn {
|
.loginBtn {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-background-color: #8e44ad;
|
-fx-background-color: #8e44ad;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-background-radius: 20px;
|
-fx-background-radius: 20px;
|
||||||
-fx-padding: 8px 16px;
|
-fx-padding: 8px 16px;
|
||||||
-fx-border-color: transparent;
|
-fx-border-color: transparent;
|
||||||
-fx-border-width: 0;
|
-fx-border-width: 0;
|
||||||
-fx-transition: background-color 0.3s ease;
|
-fx-transition: background-color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cartBtn:hover,
|
.cartBtn:hover,
|
||||||
.loginBtn:hover {
|
.loginBtn:hover {
|
||||||
-fx-background-color: #732d91;
|
-fx-background-color: #732d91;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Form Buttons */
|
/* Form Buttons */
|
||||||
.btnCreateAccount,
|
.btnCreateAccount,
|
||||||
.btnLogin,
|
.btnLogin,
|
||||||
.btnCheckOut {
|
.btnCheckOut {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-background-color: #8e44ad;
|
-fx-background-color: #8e44ad;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-background-radius: 20px;
|
-fx-background-radius: 20px;
|
||||||
-fx-padding: 8px 20px;
|
-fx-padding: 8px 20px;
|
||||||
-fx-border-color: transparent;
|
-fx-border-color: transparent;
|
||||||
-fx-border-width: 0;
|
-fx-border-width: 0;
|
||||||
-fx-cursor: hand;
|
-fx-cursor: hand;
|
||||||
-fx-transition: background-color 0.3s ease;
|
-fx-transition: background-color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnCreateAccount:hover,
|
.btnCreateAccount:hover,
|
||||||
.btnLogin:hover,
|
.btnLogin:hover,
|
||||||
.btnCheckOut:hover {
|
.btnCheckOut:hover {
|
||||||
-fx-background-color: #732d91;
|
-fx-background-color: #732d91;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Specific Button - Checkout */
|
/* Specific Button - Checkout */
|
||||||
#btnCheckOut {
|
#btnCheckOut {
|
||||||
-fx-font-size: 16px;
|
-fx-font-size: 16px;
|
||||||
-fx-background-color: #8e44ad;
|
-fx-background-color: #8e44ad;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-background-radius: 20px;
|
-fx-background-radius: 20px;
|
||||||
-fx-padding: 10px 20px;
|
-fx-padding: 10px 20px;
|
||||||
-fx-border-color: transparent;
|
-fx-border-color: transparent;
|
||||||
-fx-border-width: 0;
|
-fx-border-width: 0;
|
||||||
-fx-cursor: hand;
|
-fx-cursor: hand;
|
||||||
-fx-transition: background-color 0.3s ease;
|
-fx-transition: background-color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
#btnCheckOut:hover {
|
#btnCheckOut:hover {
|
||||||
-fx-background-color: #732d91;
|
-fx-background-color: #732d91;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Forms */
|
/* Forms */
|
||||||
.formTitle,
|
.formTitle,
|
||||||
.cartTitle {
|
.cartTitle {
|
||||||
-fx-font-size: 26px;
|
-fx-font-size: 26px;
|
||||||
-fx-font-weight: 700;
|
-fx-font-weight: 700;
|
||||||
-fx-text-fill: #6a1b9a;
|
-fx-text-fill: #6a1b9a;
|
||||||
-fx-alignment: center;
|
-fx-alignment: center;
|
||||||
-fx-padding: 10 0 20 0;
|
-fx-padding: 10 0 20 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cartTitle {
|
.cartTitle {
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formFields {
|
.formFields {
|
||||||
-fx-margin: 5 0 0 0;
|
-fx-margin: 5 0 0 0;
|
||||||
-fx-padding: 5 0 0 0;
|
-fx-padding: 5 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formLabel {
|
.formLabel {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-padding: 3 0 5 0;
|
-fx-padding: 3 0 5 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formInput {
|
.formInput {
|
||||||
-fx-padding: 1px;
|
-fx-padding: 1px;
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-background-color: #f4f4f4;
|
-fx-background-color: #f4f4f4;
|
||||||
-fx-border-color: #cccccc;
|
-fx-border-color: #cccccc;
|
||||||
-fx-border-radius: 8px;
|
-fx-border-radius: 8px;
|
||||||
-fx-pref-width: 220px;
|
-fx-pref-width: 220px;
|
||||||
-fx-transition: all 0.3s ease;
|
-fx-transition: all 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formInput:focus {
|
.formInput:focus {
|
||||||
-fx-border-color: #8e44ad;
|
-fx-border-color: #8e44ad;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* List Views */
|
/* List Views */
|
||||||
.cartList {
|
.cartList {
|
||||||
-fx-background-color: rgba(156, 89, 182, 0.7);
|
-fx-background-color: rgba(156, 89, 182, 0.7);
|
||||||
}
|
}
|
||||||
.paypal {
|
.paypal {
|
||||||
-fx-background-image: url('icons/paypal.png');
|
-fx-background-image: url("icons/paypal.png");
|
||||||
-fx-background-size: contain; /* Ensures the whole image is shown */
|
-fx-background-size: contain; /* Ensures the whole image is shown */
|
||||||
-fx-background-repeat: no-repeat; /* Prevents the image from repeating */
|
-fx-background-repeat: no-repeat; /* Prevents the image from repeating */
|
||||||
-fx-background-position: center; /* Centers the image */
|
-fx-background-position: center; /* Centers the image */
|
||||||
-fx-min-width: 100px;
|
-fx-min-width: 100px;
|
||||||
-fx-min-height: 100px; /* Ensures consistent height for the element */
|
-fx-min-height: 100px; /* Ensures consistent height for the element */
|
||||||
}
|
}
|
||||||
|
|
||||||
.bill {
|
.bill {
|
||||||
-fx-background-image: url('icons/bill.png');
|
-fx-background-image: url("icons/bill.png");
|
||||||
-fx-background-size: contain;
|
-fx-background-size: contain;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
-fx-min-width: 100px;
|
-fx-min-width: 100px;
|
||||||
-fx-min-height: 100px;
|
-fx-min-height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.creditCard {
|
.creditCard {
|
||||||
-fx-background-image: url('icons/credit.png');
|
-fx-background-image: url("icons/credit.png");
|
||||||
-fx-background-size: contain;
|
-fx-background-size: contain;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
-fx-min-width: 100px;
|
-fx-min-width: 100px;
|
||||||
-fx-min-height: 100px;
|
-fx-min-height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Table Styling */
|
/* Table Styling */
|
||||||
.table-view {
|
.table-view {
|
||||||
-fx-background-color: rgba(156, 89, 182, 0.7); /* Background color with transparency */
|
-fx-background-color: rgba(
|
||||||
-fx-border-color: #8e44ad; /* Border color */
|
156,
|
||||||
-fx-border-width: 2px; /* Border thickness */
|
89,
|
||||||
-fx-padding: 10px;
|
182,
|
||||||
-fx-alignment: center;
|
0.7
|
||||||
-fx-font-size: 14px; /* Font size for text */
|
); /* Background color with transparency */
|
||||||
-fx-font-weight: normal; /* Normal font weight */
|
-fx-border-color: #8e44ad; /* Border color */
|
||||||
-fx-text-fill: #ffffff; /* White text */
|
-fx-border-width: 2px; /* Border thickness */
|
||||||
|
-fx-padding: 10px;
|
||||||
|
-fx-alignment: center;
|
||||||
|
-fx-font-size: 14px; /* Font size for text */
|
||||||
|
-fx-font-weight: normal; /* Normal font weight */
|
||||||
|
-fx-text-fill: #ffffff; /* White text */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Table Header */
|
/* Table Header */
|
||||||
.table-view .column-header-background {
|
.table-view .column-header-background {
|
||||||
-fx-background-color: #8e44ad; /* Header background */
|
-fx-background-color: #8e44ad; /* Header background */
|
||||||
-fx-text-fill: white; /* Header text color */
|
-fx-text-fill: white; /* Header text color */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Table Column Styling */
|
/* Table Column Styling */
|
||||||
.table-view .table-column {
|
.table-view .table-column {
|
||||||
-fx-alignment: center-left; /* Align text to the left */
|
-fx-alignment: center-left; /* Align text to the left */
|
||||||
-fx-padding: 8px 16px; /* Padding for columns */
|
-fx-padding: 8px 16px; /* Padding for columns */
|
||||||
-fx-font-size: 14px; /* Font size for column headers */
|
-fx-font-size: 14px; /* Font size for column headers */
|
||||||
-fx-text-fill: #ffffff; /* White text */
|
-fx-text-fill: #ffffff; /* White text */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Table Cell Styling */
|
/* Table Cell Styling */
|
||||||
.table-view .table-cell {
|
.table-view .table-cell {
|
||||||
-fx-background-color: transparent; /* Transparent background for cells */
|
-fx-background-color: transparent; /* Transparent background for cells */
|
||||||
-fx-border-color: transparent; /* No border for cells */
|
-fx-border-color: transparent; /* No border for cells */
|
||||||
-fx-padding: 5px 10px; /* Padding for each cell */
|
-fx-padding: 5px 10px; /* Padding for each cell */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Row Styling */
|
/* Row Styling */
|
||||||
.table-view .table-row-cell {
|
.table-view .table-row-cell {
|
||||||
-fx-background-color: rgba(156, 89, 182, 0.3); /* Semi-transparent row background */
|
-fx-background-color: rgba(
|
||||||
-fx-border-color: transparent; /* No border for rows */
|
156,
|
||||||
|
89,
|
||||||
|
182,
|
||||||
|
0.3
|
||||||
|
); /* Semi-transparent row background */
|
||||||
|
-fx-border-color: transparent; /* No border for rows */
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-view .table-row-cell:hover {
|
.table-view .table-row-cell:hover {
|
||||||
-fx-background-color: rgba(156, 89, 182, 0.6); /* Darker row color on hover */
|
-fx-background-color: rgba(156, 89, 182, 0.6); /* Darker row color on hover */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Table Scroll Bar */
|
/* Table Scroll Bar */
|
||||||
.table-view .scroll-bar {
|
.table-view .scroll-bar {
|
||||||
-fx-background-color: #8e44ad; /* Scroll bar background color */
|
-fx-background-color: #8e44ad; /* Scroll bar background color */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Media Queries - Responsive Design */
|
/* Media Queries - Responsive Design */
|
||||||
|
|
||||||
/* For screens up to 1200px (large tablets and smaller desktops) */
|
/* For screens up to 1200px (large tablets and smaller desktops) */
|
||||||
@media screen and(max-width: 1200px) {
|
@media screen and(max-width: 1200px) {
|
||||||
#main {
|
#main {
|
||||||
-fx-hgap: 15;
|
-fx-hgap: 15;
|
||||||
-fx-vgap: 15;
|
-fx-vgap: 15;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardDiv {
|
.cardDiv {
|
||||||
-fx-pref-width: 45%;
|
-fx-pref-width: 45%;
|
||||||
-fx-min-width: 45%;
|
-fx-min-width: 45%;
|
||||||
-fx-pref-height: 220;
|
-fx-pref-height: 220;
|
||||||
-fx-min-height: 220;
|
-fx-min-height: 220;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainTitle {
|
.mainTitle {
|
||||||
-fx-font-size: 24px;
|
-fx-font-size: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerCopy {
|
.footerCopy {
|
||||||
-fx-font-size: 12px;
|
-fx-font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cartBtn,
|
.cartBtn,
|
||||||
.loginBtn {
|
.loginBtn {
|
||||||
-fx-font-size: 13px;
|
-fx-font-size: 13px;
|
||||||
-fx-padding: 7px 14px;
|
-fx-padding: 7px 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* For screens up to 1024px (tablets and medium-sized devices) */
|
/* For screens up to 1024px (tablets and medium-sized devices) */
|
||||||
@media screen and(max-width: 1024px) {
|
@media screen and(max-width: 1024px) {
|
||||||
#main {
|
#main {
|
||||||
-fx-hgap: 15;
|
-fx-hgap: 15;
|
||||||
-fx-vgap: 15;
|
-fx-vgap: 15;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardDiv {
|
.cardDiv {
|
||||||
-fx-pref-width: 48%;
|
-fx-pref-width: 48%;
|
||||||
-fx-min-width: 48%;
|
-fx-min-width: 48%;
|
||||||
-fx-pref-height: 210;
|
-fx-pref-height: 210;
|
||||||
-fx-min-height: 210;
|
-fx-min-height: 210;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainTitle {
|
.mainTitle {
|
||||||
-fx-font-size: 24px;
|
-fx-font-size: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerCopy {
|
.footerCopy {
|
||||||
-fx-font-size: 12px;
|
-fx-font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cartBtn,
|
.cartBtn,
|
||||||
.loginBtn {
|
.loginBtn {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-padding: 8px 15px;
|
-fx-padding: 8px 15px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* For screens up to 768px (mobile devices and small tablets) */
|
/* For screens up to 768px (mobile devices and small tablets) */
|
||||||
@media screen and(max-width: 768px) {
|
@media screen and(max-width: 768px) {
|
||||||
#main {
|
#main {
|
||||||
-fx-hgap: 10;
|
-fx-hgap: 10;
|
||||||
-fx-vgap: 10;
|
-fx-vgap: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardDiv {
|
.cardDiv {
|
||||||
-fx-pref-width: 100%;
|
-fx-pref-width: 100%;
|
||||||
-fx-min-width: 100%;
|
-fx-min-width: 100%;
|
||||||
-fx-pref-height: 180;
|
-fx-pref-height: 180;
|
||||||
-fx-min-height: 180;
|
-fx-min-height: 180;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardTitel {
|
.cardTitel {
|
||||||
-fx-font-size: 16px;
|
-fx-font-size: 16px;
|
||||||
-fx-background-color: #000;
|
-fx-background-color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardText {
|
.cardText {
|
||||||
-fx-font-size: 12px;
|
-fx-font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainTitle {
|
.mainTitle {
|
||||||
-fx-font-size: 22px;
|
-fx-font-size: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerCopy {
|
.footerCopy {
|
||||||
-fx-font-size: 10px;
|
-fx-font-size: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cartBtn,
|
.cartBtn,
|
||||||
.loginBtn {
|
.loginBtn {
|
||||||
-fx-font-size: 12px;
|
-fx-font-size: 12px;
|
||||||
-fx-padding: 6px 12px;
|
-fx-padding: 6px 12px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* For screens up to 480px (very small screens like smartphones in portrait mode) */
|
/* For screens up to 480px (very small screens like smartphones in portrait mode) */
|
||||||
@media screen and(max-width: 480px) {
|
@media screen and(max-width: 480px) {
|
||||||
#main {
|
#main {
|
||||||
-fx-hgap: 5;
|
-fx-hgap: 5;
|
||||||
-fx-vgap: 5;
|
-fx-vgap: 5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardDiv {
|
.cardDiv {
|
||||||
-fx-pref-width: 100%;
|
-fx-pref-width: 100%;
|
||||||
-fx-min-width: 100%;
|
-fx-min-width: 100%;
|
||||||
-fx-pref-height: 150;
|
-fx-pref-height: 150;
|
||||||
-fx-min-height: 150;
|
-fx-min-height: 150;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardTitel {
|
.cardTitel {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardText {
|
.cardText {
|
||||||
-fx-font-size: 10px;
|
-fx-font-size: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainTitle {
|
.mainTitle {
|
||||||
-fx-font-size: 18px;
|
-fx-font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerCopy {
|
.footerCopy {
|
||||||
-fx-font-size: 8px;
|
-fx-font-size: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cartBtn,
|
.cartBtn,
|
||||||
.loginBtn {
|
.loginBtn {
|
||||||
-fx-font-size: 12px;
|
-fx-font-size: 12px;
|
||||||
-fx-padding: 5px 10px;
|
-fx-padding: 5px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formTitle,
|
.formTitle,
|
||||||
.cartTitle {
|
.cartTitle {
|
||||||
-fx-font-size: 20px;
|
-fx-font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formInput {
|
.formInput {
|
||||||
-fx-pref-width: 200px;
|
-fx-pref-width: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerHeading {
|
.footerHeading {
|
||||||
-fx-font-size: 16px;
|
-fx-font-size: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Binary file not shown.
|
@ -2,495 +2,504 @@
|
||||||
|
|
||||||
/* Main GridPane */
|
/* Main GridPane */
|
||||||
#main {
|
#main {
|
||||||
-fx-padding: 20;
|
-fx-padding: 20;
|
||||||
-fx-hgap: 20;
|
-fx-hgap: 20;
|
||||||
-fx-vgap: 20;
|
-fx-vgap: 20;
|
||||||
-fx-background-image: url('images/background');
|
-fx-background-image: url("images/background");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-position: center center;
|
-fx-background-position: center center;
|
||||||
-fx-background-blend-mode: overlay;
|
-fx-background-blend-mode: overlay;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header */
|
/* Header */
|
||||||
.header {
|
.header {
|
||||||
-fx-background-color: #6a1b9a;
|
-fx-background-color: #6a1b9a;
|
||||||
-fx-padding: 20px 30px;
|
-fx-padding: 20px 30px;
|
||||||
-fx-border-color: #8e44ad;
|
-fx-border-color: #8e44ad;
|
||||||
-fx-border-width: 0 0 2px 0;
|
-fx-border-width: 0 0 2px 0;
|
||||||
-fx-alignment: center;
|
-fx-alignment: center;
|
||||||
-fx-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
|
-fx-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainTitle {
|
.mainTitle {
|
||||||
-fx-font-size: 26px;
|
-fx-font-size: 26px;
|
||||||
-fx-font-weight: 700;
|
-fx-font-weight: 700;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-padding: 0 20;
|
-fx-padding: 0 20;
|
||||||
-fx-alignment: center;
|
-fx-alignment: center;
|
||||||
-fx-letter-spacing: 1px;
|
-fx-letter-spacing: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Footer */
|
/* Footer */
|
||||||
.footer {
|
.footer {
|
||||||
-fx-background-color: #6a1b9a;
|
-fx-background-color: #6a1b9a;
|
||||||
-fx-padding: 25px;
|
-fx-padding: 25px;
|
||||||
-fx-alignment: center;
|
-fx-alignment: center;
|
||||||
-fx-box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
|
-fx-box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerHeading {
|
.footerHeading {
|
||||||
-fx-font-weight: bold;
|
-fx-font-weight: bold;
|
||||||
-fx-font-size: 18px;
|
-fx-font-size: 18px;
|
||||||
-fx-padding-bottom: 5px;
|
-fx-padding-bottom: 5px;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerText,
|
.footerText,
|
||||||
.footerLink,
|
.footerLink,
|
||||||
.footerCopy {
|
.footerCopy {
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerLink {
|
.footerLink {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-padding: 5px 0;
|
-fx-padding: 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerLink:hover {
|
.footerLink:hover {
|
||||||
-fx-text-fill: #8e44ad;
|
-fx-text-fill: #8e44ad;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerCopy {
|
.footerCopy {
|
||||||
-fx-font-size: 12px;
|
-fx-font-size: 12px;
|
||||||
-fx-padding: 5px;
|
-fx-padding: 5px;
|
||||||
-fx-alignment: center;
|
-fx-alignment: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Individual Cards */
|
/* Individual Cards */
|
||||||
.cardDiv {
|
.cardDiv {
|
||||||
-fx-background-color: rgba(156, 89, 182, 0.7);
|
-fx-background-color: rgba(156, 89, 182, 0.7);
|
||||||
-fx-border-color: transparent;
|
-fx-border-color: transparent;
|
||||||
-fx-border-width: 0;
|
-fx-border-width: 0;
|
||||||
-fx-border-radius: 12px;
|
-fx-border-radius: 12px;
|
||||||
-fx-background-radius: 12px;
|
-fx-background-radius: 12px;
|
||||||
-fx-padding: 15;
|
-fx-padding: 15;
|
||||||
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.1), 10, 0.5, 0, 5);
|
-fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.1), 10, 0.5, 0, 5);
|
||||||
-fx-alignment: top-center;
|
-fx-alignment: top-center;
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-position: center center;
|
-fx-background-position: center center;
|
||||||
-fx-pref-width: 250;
|
-fx-pref-width: 250;
|
||||||
-fx-pref-height: 230;
|
-fx-pref-height: 230;
|
||||||
-fx-min-width: 250;
|
-fx-min-width: 250;
|
||||||
-fx-min-height: 230;
|
-fx-min-height: 230;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.cardTitel {
|
.cardTitel {
|
||||||
-fx-font-size: 18px;
|
-fx-font-size: 18px;
|
||||||
-fx-font-weight: 600;
|
-fx-font-weight: 600;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-padding: 5 0 15 0;
|
-fx-padding: 5 0 15 0;
|
||||||
-fx-alignment: center;
|
-fx-alignment: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardText {
|
.cardText {
|
||||||
-fx-text-fill: #000;
|
-fx-text-fill: #000;
|
||||||
-fx-margin: 10px auto;
|
-fx-margin: 10px auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv1 {
|
#cardDiv1 {
|
||||||
-fx-background-image: url('images/lotr.jpg');
|
-fx-background-image: url("images/lotr.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv2 {
|
#cardDiv2 {
|
||||||
-fx-background-image: url('images/wheel.jpg');
|
-fx-background-image: url("images/wheel.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv3 {
|
#cardDiv3 {
|
||||||
-fx-background-image: url('images/narnia.jpg');
|
-fx-background-image: url("images/narnia.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv4 {
|
#cardDiv4 {
|
||||||
-fx-background-image: url('images/earthsea.jpg');
|
-fx-background-image: url("images/earthsea.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv5 {
|
#cardDiv5 {
|
||||||
-fx-background-image: url('images/theFirstLaw.jpg');
|
-fx-background-image: url("images/theFirstLaw.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv6 {
|
#cardDiv6 {
|
||||||
-fx-background-image: url('images/kingkiller.jpeg');
|
-fx-background-image: url("images/kingkiller.jpeg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv7 {
|
#cardDiv7 {
|
||||||
-fx-background-image: url('images/mistborn.jpg');
|
-fx-background-image: url("images/mistborn.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#cardDiv8 {
|
#cardDiv8 {
|
||||||
-fx-background-image: url('images/stormlight.jpg');
|
-fx-background-image: url("images/stormlight.jpg");
|
||||||
-fx-background-size: cover;
|
-fx-background-size: cover;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Buttons */
|
/* Buttons */
|
||||||
|
|
||||||
/* Card Button */
|
/* Card Button */
|
||||||
.cardBtn {
|
.cardBtn {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-background-color: #8e44ad;
|
-fx-background-color: #8e44ad;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-background-radius: 20px;
|
-fx-background-radius: 20px;
|
||||||
-fx-padding: 8px 16px;
|
-fx-padding: 8px 16px;
|
||||||
-fx-border-color: transparent;
|
-fx-border-color: transparent;
|
||||||
-fx-border-width: 0;
|
-fx-border-width: 0;
|
||||||
-fx-cursor: hand;
|
-fx-cursor: hand;
|
||||||
-fx-transition: background-color 0.3s ease;
|
-fx-transition: background-color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardBtn:hover {
|
.cardBtn:hover {
|
||||||
-fx-background-color: #732d91;
|
-fx-background-color: #732d91;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Header Buttons */
|
/* Header Buttons */
|
||||||
.cartBtn,
|
.cartBtn,
|
||||||
.loginBtn {
|
.loginBtn {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-background-color: #8e44ad;
|
-fx-background-color: #8e44ad;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-background-radius: 20px;
|
-fx-background-radius: 20px;
|
||||||
-fx-padding: 8px 16px;
|
-fx-padding: 8px 16px;
|
||||||
-fx-border-color: transparent;
|
-fx-border-color: transparent;
|
||||||
-fx-border-width: 0;
|
-fx-border-width: 0;
|
||||||
-fx-transition: background-color 0.3s ease;
|
-fx-transition: background-color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cartBtn:hover,
|
.cartBtn:hover,
|
||||||
.loginBtn:hover {
|
.loginBtn:hover {
|
||||||
-fx-background-color: #732d91;
|
-fx-background-color: #732d91;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Form Buttons */
|
/* Form Buttons */
|
||||||
.btnCreateAccount,
|
.btnCreateAccount,
|
||||||
.btnLogin,
|
.btnLogin,
|
||||||
.btnCheckOut {
|
.btnCheckOut {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-background-color: #8e44ad;
|
-fx-background-color: #8e44ad;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-background-radius: 20px;
|
-fx-background-radius: 20px;
|
||||||
-fx-padding: 8px 20px;
|
-fx-padding: 8px 20px;
|
||||||
-fx-border-color: transparent;
|
-fx-border-color: transparent;
|
||||||
-fx-border-width: 0;
|
-fx-border-width: 0;
|
||||||
-fx-cursor: hand;
|
-fx-cursor: hand;
|
||||||
-fx-transition: background-color 0.3s ease;
|
-fx-transition: background-color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnCreateAccount:hover,
|
.btnCreateAccount:hover,
|
||||||
.btnLogin:hover,
|
.btnLogin:hover,
|
||||||
.btnCheckOut:hover {
|
.btnCheckOut:hover {
|
||||||
-fx-background-color: #732d91;
|
-fx-background-color: #732d91;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Specific Button - Checkout */
|
/* Specific Button - Checkout */
|
||||||
#btnCheckOut {
|
#btnCheckOut {
|
||||||
-fx-font-size: 16px;
|
-fx-font-size: 16px;
|
||||||
-fx-background-color: #8e44ad;
|
-fx-background-color: #8e44ad;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-background-radius: 20px;
|
-fx-background-radius: 20px;
|
||||||
-fx-padding: 10px 20px;
|
-fx-padding: 10px 20px;
|
||||||
-fx-border-color: transparent;
|
-fx-border-color: transparent;
|
||||||
-fx-border-width: 0;
|
-fx-border-width: 0;
|
||||||
-fx-cursor: hand;
|
-fx-cursor: hand;
|
||||||
-fx-transition: background-color 0.3s ease;
|
-fx-transition: background-color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
#btnCheckOut:hover {
|
#btnCheckOut:hover {
|
||||||
-fx-background-color: #732d91;
|
-fx-background-color: #732d91;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Forms */
|
/* Forms */
|
||||||
.formTitle,
|
.formTitle,
|
||||||
.cartTitle {
|
.cartTitle {
|
||||||
-fx-font-size: 26px;
|
-fx-font-size: 26px;
|
||||||
-fx-font-weight: 700;
|
-fx-font-weight: 700;
|
||||||
-fx-text-fill: #6a1b9a;
|
-fx-text-fill: #6a1b9a;
|
||||||
-fx-alignment: center;
|
-fx-alignment: center;
|
||||||
-fx-padding: 10 0 20 0;
|
-fx-padding: 10 0 20 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cartTitle {
|
.cartTitle {
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formFields {
|
.formFields {
|
||||||
-fx-margin: 5 0 0 0;
|
-fx-margin: 5 0 0 0;
|
||||||
-fx-padding: 5 0 0 0;
|
-fx-padding: 5 0 0 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formLabel {
|
.formLabel {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-text-fill: #ffffff;
|
-fx-text-fill: #ffffff;
|
||||||
-fx-padding: 3 0 5 0;
|
-fx-padding: 3 0 5 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formInput {
|
.formInput {
|
||||||
-fx-padding: 1px;
|
-fx-padding: 1px;
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-background-color: #f4f4f4;
|
-fx-background-color: #f4f4f4;
|
||||||
-fx-border-color: #cccccc;
|
-fx-border-color: #cccccc;
|
||||||
-fx-border-radius: 8px;
|
-fx-border-radius: 8px;
|
||||||
-fx-pref-width: 220px;
|
-fx-pref-width: 220px;
|
||||||
-fx-transition: all 0.3s ease;
|
-fx-transition: all 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formInput:focus {
|
.formInput:focus {
|
||||||
-fx-border-color: #8e44ad;
|
-fx-border-color: #8e44ad;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* List Views */
|
/* List Views */
|
||||||
.cartList {
|
.cartList {
|
||||||
-fx-background-color: rgba(156, 89, 182, 0.7);
|
-fx-background-color: rgba(156, 89, 182, 0.7);
|
||||||
}
|
}
|
||||||
.paypal {
|
.paypal {
|
||||||
-fx-background-image: url('icons/paypal.png');
|
-fx-background-image: url("icons/paypal.png");
|
||||||
-fx-background-size: contain; /* Ensures the whole image is shown */
|
-fx-background-size: contain; /* Ensures the whole image is shown */
|
||||||
-fx-background-repeat: no-repeat; /* Prevents the image from repeating */
|
-fx-background-repeat: no-repeat; /* Prevents the image from repeating */
|
||||||
-fx-background-position: center; /* Centers the image */
|
-fx-background-position: center; /* Centers the image */
|
||||||
-fx-min-width: 100px;
|
-fx-min-width: 100px;
|
||||||
-fx-min-height: 100px; /* Ensures consistent height for the element */
|
-fx-min-height: 100px; /* Ensures consistent height for the element */
|
||||||
}
|
}
|
||||||
|
|
||||||
.bill {
|
.bill {
|
||||||
-fx-background-image: url('icons/bill.png');
|
-fx-background-image: url("icons/bill.png");
|
||||||
-fx-background-size: contain;
|
-fx-background-size: contain;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
-fx-min-width: 100px;
|
-fx-min-width: 100px;
|
||||||
-fx-min-height: 100px;
|
-fx-min-height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.creditCard {
|
.creditCard {
|
||||||
-fx-background-image: url('icons/credit.png');
|
-fx-background-image: url("icons/credit.png");
|
||||||
-fx-background-size: contain;
|
-fx-background-size: contain;
|
||||||
-fx-background-repeat: no-repeat;
|
-fx-background-repeat: no-repeat;
|
||||||
-fx-background-position: center;
|
-fx-background-position: center;
|
||||||
-fx-min-width: 100px;
|
-fx-min-width: 100px;
|
||||||
-fx-min-height: 100px;
|
-fx-min-height: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Table Styling */
|
/* Table Styling */
|
||||||
.table-view {
|
.table-view {
|
||||||
-fx-background-color: rgba(156, 89, 182, 0.7); /* Background color with transparency */
|
-fx-background-color: rgba(
|
||||||
-fx-border-color: #8e44ad; /* Border color */
|
156,
|
||||||
-fx-border-width: 2px; /* Border thickness */
|
89,
|
||||||
-fx-padding: 10px;
|
182,
|
||||||
-fx-alignment: center;
|
0.7
|
||||||
-fx-font-size: 14px; /* Font size for text */
|
); /* Background color with transparency */
|
||||||
-fx-font-weight: normal; /* Normal font weight */
|
-fx-border-color: #8e44ad; /* Border color */
|
||||||
-fx-text-fill: #ffffff; /* White text */
|
-fx-border-width: 2px; /* Border thickness */
|
||||||
|
-fx-padding: 10px;
|
||||||
|
-fx-alignment: center;
|
||||||
|
-fx-font-size: 14px; /* Font size for text */
|
||||||
|
-fx-font-weight: normal; /* Normal font weight */
|
||||||
|
-fx-text-fill: #ffffff; /* White text */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Table Header */
|
/* Table Header */
|
||||||
.table-view .column-header-background {
|
.table-view .column-header-background {
|
||||||
-fx-background-color: #8e44ad; /* Header background */
|
-fx-background-color: #8e44ad; /* Header background */
|
||||||
-fx-text-fill: white; /* Header text color */
|
-fx-text-fill: white; /* Header text color */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Table Column Styling */
|
/* Table Column Styling */
|
||||||
.table-view .table-column {
|
.table-view .table-column {
|
||||||
-fx-alignment: center-left; /* Align text to the left */
|
-fx-alignment: center-left; /* Align text to the left */
|
||||||
-fx-padding: 8px 16px; /* Padding for columns */
|
-fx-padding: 8px 16px; /* Padding for columns */
|
||||||
-fx-font-size: 14px; /* Font size for column headers */
|
-fx-font-size: 14px; /* Font size for column headers */
|
||||||
-fx-text-fill: #ffffff; /* White text */
|
-fx-text-fill: #ffffff; /* White text */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Table Cell Styling */
|
/* Table Cell Styling */
|
||||||
.table-view .table-cell {
|
.table-view .table-cell {
|
||||||
-fx-background-color: transparent; /* Transparent background for cells */
|
-fx-background-color: transparent; /* Transparent background for cells */
|
||||||
-fx-border-color: transparent; /* No border for cells */
|
-fx-border-color: transparent; /* No border for cells */
|
||||||
-fx-padding: 5px 10px; /* Padding for each cell */
|
-fx-padding: 5px 10px; /* Padding for each cell */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Row Styling */
|
/* Row Styling */
|
||||||
.table-view .table-row-cell {
|
.table-view .table-row-cell {
|
||||||
-fx-background-color: rgba(156, 89, 182, 0.3); /* Semi-transparent row background */
|
-fx-background-color: rgba(
|
||||||
-fx-border-color: transparent; /* No border for rows */
|
156,
|
||||||
|
89,
|
||||||
|
182,
|
||||||
|
0.3
|
||||||
|
); /* Semi-transparent row background */
|
||||||
|
-fx-border-color: transparent; /* No border for rows */
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-view .table-row-cell:hover {
|
.table-view .table-row-cell:hover {
|
||||||
-fx-background-color: rgba(156, 89, 182, 0.6); /* Darker row color on hover */
|
-fx-background-color: rgba(156, 89, 182, 0.6); /* Darker row color on hover */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Table Scroll Bar */
|
/* Table Scroll Bar */
|
||||||
.table-view .scroll-bar {
|
.table-view .scroll-bar {
|
||||||
-fx-background-color: #8e44ad; /* Scroll bar background color */
|
-fx-background-color: #8e44ad; /* Scroll bar background color */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Media Queries - Responsive Design */
|
/* Media Queries - Responsive Design */
|
||||||
|
|
||||||
/* For screens up to 1200px (large tablets and smaller desktops) */
|
/* For screens up to 1200px (large tablets and smaller desktops) */
|
||||||
@media screen and(max-width: 1200px) {
|
@media screen and(max-width: 1200px) {
|
||||||
#main {
|
#main {
|
||||||
-fx-hgap: 15;
|
-fx-hgap: 15;
|
||||||
-fx-vgap: 15;
|
-fx-vgap: 15;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardDiv {
|
.cardDiv {
|
||||||
-fx-pref-width: 45%;
|
-fx-pref-width: 45%;
|
||||||
-fx-min-width: 45%;
|
-fx-min-width: 45%;
|
||||||
-fx-pref-height: 220;
|
-fx-pref-height: 220;
|
||||||
-fx-min-height: 220;
|
-fx-min-height: 220;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainTitle {
|
.mainTitle {
|
||||||
-fx-font-size: 24px;
|
-fx-font-size: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerCopy {
|
.footerCopy {
|
||||||
-fx-font-size: 12px;
|
-fx-font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cartBtn,
|
.cartBtn,
|
||||||
.loginBtn {
|
.loginBtn {
|
||||||
-fx-font-size: 13px;
|
-fx-font-size: 13px;
|
||||||
-fx-padding: 7px 14px;
|
-fx-padding: 7px 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* For screens up to 1024px (tablets and medium-sized devices) */
|
/* For screens up to 1024px (tablets and medium-sized devices) */
|
||||||
@media screen and(max-width: 1024px) {
|
@media screen and(max-width: 1024px) {
|
||||||
#main {
|
#main {
|
||||||
-fx-hgap: 15;
|
-fx-hgap: 15;
|
||||||
-fx-vgap: 15;
|
-fx-vgap: 15;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardDiv {
|
.cardDiv {
|
||||||
-fx-pref-width: 48%;
|
-fx-pref-width: 48%;
|
||||||
-fx-min-width: 48%;
|
-fx-min-width: 48%;
|
||||||
-fx-pref-height: 210;
|
-fx-pref-height: 210;
|
||||||
-fx-min-height: 210;
|
-fx-min-height: 210;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainTitle {
|
.mainTitle {
|
||||||
-fx-font-size: 24px;
|
-fx-font-size: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerCopy {
|
.footerCopy {
|
||||||
-fx-font-size: 12px;
|
-fx-font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cartBtn,
|
.cartBtn,
|
||||||
.loginBtn {
|
.loginBtn {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
-fx-padding: 8px 15px;
|
-fx-padding: 8px 15px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* For screens up to 768px (mobile devices and small tablets) */
|
/* For screens up to 768px (mobile devices and small tablets) */
|
||||||
@media screen and(max-width: 768px) {
|
@media screen and(max-width: 768px) {
|
||||||
#main {
|
#main {
|
||||||
-fx-hgap: 10;
|
-fx-hgap: 10;
|
||||||
-fx-vgap: 10;
|
-fx-vgap: 10;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardDiv {
|
.cardDiv {
|
||||||
-fx-pref-width: 100%;
|
-fx-pref-width: 100%;
|
||||||
-fx-min-width: 100%;
|
-fx-min-width: 100%;
|
||||||
-fx-pref-height: 180;
|
-fx-pref-height: 180;
|
||||||
-fx-min-height: 180;
|
-fx-min-height: 180;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardTitel {
|
.cardTitel {
|
||||||
-fx-font-size: 16px;
|
-fx-font-size: 16px;
|
||||||
-fx-background-color: #000;
|
-fx-background-color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardText {
|
.cardText {
|
||||||
-fx-font-size: 12px;
|
-fx-font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainTitle {
|
.mainTitle {
|
||||||
-fx-font-size: 22px;
|
-fx-font-size: 22px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerCopy {
|
.footerCopy {
|
||||||
-fx-font-size: 10px;
|
-fx-font-size: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cartBtn,
|
.cartBtn,
|
||||||
.loginBtn {
|
.loginBtn {
|
||||||
-fx-font-size: 12px;
|
-fx-font-size: 12px;
|
||||||
-fx-padding: 6px 12px;
|
-fx-padding: 6px 12px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* For screens up to 480px (very small screens like smartphones in portrait mode) */
|
/* For screens up to 480px (very small screens like smartphones in portrait mode) */
|
||||||
@media screen and(max-width: 480px) {
|
@media screen and(max-width: 480px) {
|
||||||
#main {
|
#main {
|
||||||
-fx-hgap: 5;
|
-fx-hgap: 5;
|
||||||
-fx-vgap: 5;
|
-fx-vgap: 5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardDiv {
|
.cardDiv {
|
||||||
-fx-pref-width: 100%;
|
-fx-pref-width: 100%;
|
||||||
-fx-min-width: 100%;
|
-fx-min-width: 100%;
|
||||||
-fx-pref-height: 150;
|
-fx-pref-height: 150;
|
||||||
-fx-min-height: 150;
|
-fx-min-height: 150;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardTitel {
|
.cardTitel {
|
||||||
-fx-font-size: 14px;
|
-fx-font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cardText {
|
.cardText {
|
||||||
-fx-font-size: 10px;
|
-fx-font-size: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mainTitle {
|
.mainTitle {
|
||||||
-fx-font-size: 18px;
|
-fx-font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerCopy {
|
.footerCopy {
|
||||||
-fx-font-size: 8px;
|
-fx-font-size: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cartBtn,
|
.cartBtn,
|
||||||
.loginBtn {
|
.loginBtn {
|
||||||
-fx-font-size: 12px;
|
-fx-font-size: 12px;
|
||||||
-fx-padding: 5px 10px;
|
-fx-padding: 5px 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formTitle,
|
.formTitle,
|
||||||
.cartTitle {
|
.cartTitle {
|
||||||
-fx-font-size: 20px;
|
-fx-font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formInput {
|
.formInput {
|
||||||
-fx-pref-width: 200px;
|
-fx-pref-width: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footerHeading {
|
.footerHeading {
|
||||||
-fx-font-size: 16px;
|
-fx-font-size: 16px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,8 +0,0 @@
|
||||||
com/example/CheckOutController.class
|
|
||||||
com/example/App.class
|
|
||||||
com/example/CartController.class
|
|
||||||
module-info.class
|
|
||||||
com/example/ShopController.class
|
|
||||||
com/example/RegisterController.class
|
|
||||||
com/example/LoginController.class
|
|
||||||
com/example/CartController$Item.class
|
|
|
@ -1,7 +1,9 @@
|
||||||
|
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/Item.java
|
||||||
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/RegisterController.java
|
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/RegisterController.java
|
||||||
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/CheckOutController.java
|
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/CheckOutController.java
|
||||||
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/CartController.java
|
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/CartController.java
|
||||||
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/App.java
|
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/App.java
|
||||||
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/LoginController.java
|
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/LoginController.java
|
||||||
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/ShopController.java
|
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/ShopController.java
|
||||||
|
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/com/example/Account.java
|
||||||
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/module-info.java
|
/home/sage/Desktop/Programming/IMS-java/Code/ost/JAVA-FX-PROJECT/_javafx_website_task/src/main/java/module-info.java
|
||||||
|
|
Loading…
Reference in a new issue