Merge PR 'Complete Workshop' (#1) from develop into main
Full Mark 100/100
This commit was merged in pull request #1.
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -14,26 +15,37 @@ public class Controller {
|
||||
|
||||
@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();
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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));
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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();
|
||||
}
|
||||
}
|
||||
|
||||
@@ -11,20 +11,20 @@
|
||||
|
||||
<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">
|
||||
<VBox styleClass="card" prefWidth="200">
|
||||
<Label text="Basic" styleClass="plan-name" />
|
||||
<Label text="$9.99 / month" styleClass="price" />
|
||||
<Label text="\$9.99 / month" styleClass="price" />
|
||||
<Label text="Single user, basic features" styleClass="desc" wrapText="true" />
|
||||
<Button text="Shop" onAction="#buyBasic" styleClass="shop-btn" />
|
||||
</VBox>
|
||||
|
||||
<VBox styleClass="card" prefWidth="200">
|
||||
<Label text="Pro" styleClass="plan-name" />
|
||||
<Label text="$19.99 / month" styleClass="price" />
|
||||
<Label text="\$19.99 / month" styleClass="price" />
|
||||
<Label text="Up to 5 users, advanced features" styleClass="desc" wrapText="true" />
|
||||
<Button text="Shop" onAction="#buyPro" styleClass="shop-btn" />
|
||||
</VBox>
|
||||
|
||||
Reference in New Issue
Block a user