Merge pull request 'complete all tasks' (#1) from develop into main

Barikala, You nailed this workshop too! (100/100)
This commit was merged in pull request #1.
This commit is contained in:
2026-05-18 22:25:39 +00:00
5 changed files with 42 additions and 15 deletions
+29 -8
View File
@@ -1,39 +1,60 @@
package workshop; package workshop;
import javafx.fxml.FXML; import javafx.fxml.FXML;
import javafx.scene.control.Alert;
import javafx.scene.control.Label; import javafx.scene.control.Label;
import javafx.scene.control.Button; import javafx.scene.control.Button;
public class Controller { public class Controller {
@FXML public Label basicPriceLabel;
@FXML public Label ProPriceLabel;
@FXML public Label EnterprisePriceLabel;
@FXML private Label titleLabel; @FXML private Label titleLabel;
@FXML private Button themeToggle; @FXML private Button themeToggle;
private boolean isDark = true; private boolean isDark = true;
// TODO: (Optional) Create initialize function and use it to set prices during runtime. @FXML
public void initialize()
{
basicPriceLabel.setText("$12 / month");
}
@FXML @FXML
private void buyBasic() { private void buyBasic() {
// TODO: Call showAlert() with a message indicating the user entered the payment gateway showAlert("Basic plan selected.", Alert.AlertType.INFORMATION);
} }
@FXML @FXML
private void buyPro() { private void buyPro() {
// TODO: Call showAlert() with a message indicating the user entered the payment gateway showAlert("Pro plan selected.", Alert.AlertType.WARNING);
} }
@FXML @FXML
private void buyEnterprise() { private void buyEnterprise() {
// TODO: Call showAlert() with a message indicating the user entered the payment gateway showAlert("Enterprise plan selected.", Alert.AlertType.CONFIRMATION);
} }
@FXML @FXML
private void toggleTheme() { private void toggleTheme() {
// TODO: Toggle the isDark flag. If dark, switch to style.css and set button text to "Switch to Light Mode" isDark = !isDark;
// TODO: If light, switch to light.css and set button text to "Switch to Dark Mode" themeToggle.getScene().getStylesheets().clear();
if (isDark)
{
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) { private void showAlert(String message, Alert.AlertType alertType) {
// TODO: Create a new Alert of type INFORMATION with the given message and display it 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 class Launcher {
public static void main(String[] args) { public static void main(String[] args) {
// TODO: Launch the JavaFX application by calling Application.launch(Main.class) Application.launch(Main.class);
} }
} }
+8 -3
View File
@@ -1,13 +1,18 @@
package workshop; package workshop;
import javafx.application.Application; import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Scene;
import javafx.stage.Stage; import javafx.stage.Stage;
public class Main extends Application { public class Main extends Application {
@Override @Override
public void start(Stage stage) throws Exception { public void start(Stage stage) throws Exception {
// TODO: Load the FXML file using FXMLLoader.load() and get the Parent root FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("pricing.fxml"));
// TODO: Create a Scene with the root (width=750, height=450) and add the stylesheet "style.css" Scene scene = new Scene(fxmlLoader.load(), 750, 450);
// TODO: Set the stage title to "Pricing Plans", set the scene, and call stage.show() scene.getStylesheets().add(getClass().getResource("style.css").toExternalForm());
stage.setScene(scene);
stage.setTitle("Pricing Plans");
stage.show();
} }
} }
+1
View File
@@ -1,6 +1,7 @@
.root { .root {
-fx-background-color: #f5f5f5; -fx-background-color: #f5f5f5;
-fx-font-family: "DejaVu Sans", "Segoe UI", sans-serif; -fx-font-family: "DejaVu Sans", "Segoe UI", sans-serif;
} }
.title { .title {
+3 -3
View File
@@ -17,21 +17,21 @@
<HBox spacing="25" alignment="CENTER" HBox.hgrow="ALWAYS"> <HBox spacing="25" alignment="CENTER" HBox.hgrow="ALWAYS">
<VBox styleClass="card" prefWidth="200"> <VBox styleClass="card" prefWidth="200">
<Label text="Basic" styleClass="plan-name" /> <Label text="Basic" styleClass="plan-name" />
<Label text="$9.99 / month" styleClass="price" /> <Label fx:id="basicPriceLabel" text="\$9.99 / month" styleClass="price" />
<Label text="Single user, basic features" styleClass="desc" wrapText="true" /> <Label text="Single user, basic features" styleClass="desc" wrapText="true" />
<Button text="Shop" onAction="#buyBasic" styleClass="shop-btn" /> <Button text="Shop" onAction="#buyBasic" styleClass="shop-btn" />
</VBox> </VBox>
<VBox styleClass="card" prefWidth="200"> <VBox styleClass="card" prefWidth="200">
<Label text="Pro" styleClass="plan-name" /> <Label text="Pro" styleClass="plan-name" />
<Label text="$19.99 / month" styleClass="price" /> <Label fx:id="ProPriceLabel" text="\$19.99 / month" styleClass="price" />
<Label text="Up to 5 users, advanced features" styleClass="desc" wrapText="true" /> <Label text="Up to 5 users, advanced features" styleClass="desc" wrapText="true" />
<Button text="Shop" onAction="#buyPro" styleClass="shop-btn" /> <Button text="Shop" onAction="#buyPro" styleClass="shop-btn" />
</VBox> </VBox>
<VBox styleClass="card" prefWidth="200"> <VBox styleClass="card" prefWidth="200">
<Label text="Enterprise" styleClass="plan-name" /> <Label text="Enterprise" styleClass="plan-name" />
<Label text="Contact us" styleClass="price" /> <Label fx:id="EnterprisePriceLabel" text="Contact us" styleClass="price" />
<Label text="Unlimited users, custom solutions" styleClass="desc" wrapText="true" /> <Label text="Unlimited users, custom solutions" styleClass="desc" wrapText="true" />
<Button text="Shop" onAction="#buyEnterprise" styleClass="shop-btn" /> <Button text="Shop" onAction="#buyEnterprise" styleClass="shop-btn" />
</VBox> </VBox>