2 Commits
Author SHA1 Message Date
MehrdadShirvani dbebf60b78 Merge PR 'Complete Workshop' (#1) from develop into main
Full Mark 100/100
2026-07-10 16:18:38 +00:00
bitahajati 2143d202b1 Complete Workshop 2026-05-18 21:32:59 +03:30
5 changed files with 32 additions and 19 deletions
-4
View File
@@ -37,11 +37,7 @@ and finally add this line there:
### Controller.java
* Wire up the "Shop" buttons → show payment alerts
* Implement theme toggle (Dark ↔ Light)
* (Optional) Create initialize function and use it to set prices during runtime.
(you will need to reference the prices label in the fxml)
* (Optional) Make the plan prices go 1 dollar up each time user clicks on the shop button.
**Note**: Optional tasks are for your further practice and doesn't have extra points.
---
+20 -10
View File
@@ -1,6 +1,7 @@
package workshop;
import javafx.fxml.FXML;
import javafx.scene.control.Alert;
import javafx.scene.control.Label;
import javafx.scene.control.Button;
@@ -10,32 +11,41 @@ public class Controller {
private boolean isDark = true;
// TODO: (Optional:For Practice) Create initialize function and use it to set prices during runtime.
// TODO: (Optional) Create initialize function and use it to set prices during runtime.
// TODO: (Optional:For Practice) Make the plan price go 1 dollar up each time user clicks on the shop button.
@FXML
private void buyBasic() {
// TODO: Call showAlert() with a message indicating the user entered the payment gateway
showAlert("Basic plan selected", Alert.AlertType.INFORMATION);
}
@FXML
private void buyPro() {
// TODO: Call showAlert() with a message indicating the user entered the payment gateway
showAlert("Pro plan selected.", Alert.AlertType.WARNING);
}
@FXML
private void buyEnterprise() {
// TODO: Call showAlert() with a message indicating the user entered the payment gateway
showAlert("Enterprise plan selected.", Alert.AlertType.CONFIRMATION);
}
@FXML
private void toggleTheme() {
// TODO: Toggle the isDark flag. If dark, switch to style.css and set button text to "Switch to Light Mode"
// TODO: If light, switch to light.css and set button text to "Switch to Dark Mode"
isDark =! isDark;
if(isDark)
{
themeToggle.getScene().getStylesheets().clear();
themeToggle.getScene().getStylesheets().add(getClass().getResource("style.css").toExternalForm());
themeToggle.setText("Switch to light mode");
}
else {
themeToggle.getScene().getStylesheets().add(getClass().getResource("light.css").toExternalForm());
themeToggle.setText("Switch to dark mode");
}
}
private void showAlert(String message) {
// TODO: Create a new Alert of type INFORMATION with the given message and display it
private void showAlert(String message, Alert.AlertType alertType) {
Alert alert = new Alert(alertType);
alert.setHeaderText(message);
alert.show();
}
}
+1 -1
View File
@@ -4,6 +4,6 @@ import javafx.application.Application;
public class Launcher {
public static void main(String[] args) {
// TODO: Launch the JavaFX application by calling Application.launch(Main.class)
Application.launch((Main.class));
}
}
+10 -3
View File
@@ -1,13 +1,20 @@
package workshop;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.stage.Stage;
public class Main extends Application {
@Override
public void start(Stage stage) throws Exception {
// TODO: Load the FXML file using FXMLLoader.load() and get the Parent root
// TODO: Create a Scene with the root (width=750, height=450) and add the stylesheet "style.css"
// TODO: Set the stage title to "Pricing Plans", set the scene, and call stage.show()
FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("pricing.fxml"));
Scene scene = new Scene(fxmlLoader.load(), 750, 450);
scene.getStylesheets().add(getClass().getResource("light.css").toExternalForm());
stage.setScene(scene);
stage.setTitle("Pricing plans");
stage.show();
}
}
+1 -1
View File
@@ -11,7 +11,7 @@
<HBox spacing="10" alignment="CENTER">
<Label fx:id="titleLabel" text="Choose Your Plan" styleClass="title" />
<Button fx:id="themeToggle" text="Switch to Light Mode" onAction="#toggleTheme" styleClass="toggle-btn" />
<Button fx:id="themeToggle" text="Switch to dark mode" onAction="#toggleTheme" styleClass="toggle-btn" />
</HBox>
<HBox spacing="25" alignment="CENTER" HBox.hgrow="ALWAYS">