Merge pull request #639 from dlsc-software-consulting-gmbh/feature-ad…

…d-mobile-learn-part

mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LearnCategoryBox.java

@@ -0,0 +1,123 @@
+package com.dlsc.jfxcentral2.mobile.components;
+
+import com.dlsc.jfxcentral2.utils.IkonUtil;
+import com.dlsc.jfxcentral2.utils.MobileLinkUtil;
+import com.dlsc.jfxcentral2.utils.PagePath;
+import javafx.beans.property.ObjectProperty;
+import javafx.beans.property.SimpleObjectProperty;
+import javafx.beans.property.SimpleStringProperty;
+import javafx.beans.property.StringProperty;
+import javafx.scene.control.Label;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.Priority;
+import javafx.scene.layout.VBox;
+import org.kordamp.ikonli.Ikon;
+import org.kordamp.ikonli.javafx.FontIcon;
+
+public class LearnCategoryBox extends VBox {
+
+    public LearnCategoryBox() {
+        getStyleClass().add("learn-category-box");
+
+        LearnCategoryCell learnJavaFX = new LearnCategoryCell();
+        learnJavaFX.getStyleClass().add("learn-javafx-cell");
+        learnJavaFX.setTitle("JavaFX");
+        learnJavaFX.setIcon(IkonUtil.learnJavaFX);
+        learnJavaFX.setDescription("JavaFX tutorials for beginners and advanced developers.");
+        MobileLinkUtil.setLink(learnJavaFX, PagePath.LEARN_JAVAFX);
+
+        LearnCategoryCell learnMobile = new LearnCategoryCell();
+        learnMobile.getStyleClass().add("learn-mobile-cell");
+        learnMobile.setTitle("Mobile");
+        learnMobile.setIcon(IkonUtil.learnMobile);
+        learnMobile.setDescription("Master the skills to build JavaFX apps for mobile platforms.");
+        MobileLinkUtil.setLink(learnMobile, PagePath.LEARN_MOBILE);
+
+        LearnCategoryCell learnRaspberryPi = new LearnCategoryCell();
+        learnRaspberryPi.getStyleClass().add("learn-raspberry-pi-cell");
+        learnRaspberryPi.setTitle("RaspberryPi");
+        learnRaspberryPi.setIcon(IkonUtil.learnRaspberryPi);
+        learnRaspberryPi.setDescription("Learn JavaFX development tailored to Raspberry Pi applications.");
+        MobileLinkUtil.setLink(learnRaspberryPi, PagePath.LEARN_RASPBERRYPI);
+
+        HBox content = new HBox(learnJavaFX, learnMobile, learnRaspberryPi);
+        content.getStyleClass().add("content");
+
+        Label title = new Label("Learn");
+        title.getStyleClass().add("title");
+
+        getChildren().addAll(title, content);
+    }
+
+    private static class LearnCategoryCell extends VBox {
+
+        public LearnCategoryCell() {
+            getStyleClass().add("learn-category-cell");
+
+            Label title = new Label();
+            title.getStyleClass().add("title");
+            FontIcon fontIcon = new FontIcon();
+            title.setGraphic(fontIcon);
+            fontIcon.iconCodeProperty().bind(iconProperty());
+            title.textProperty().bind(titleProperty());
+
+            Label description = new Label();
+            description.getStyleClass().add("description");
+            description.textProperty().bind(descriptionProperty());
+            description.setWrapText(true);
+
+            getChildren().addAll(title, description);
+            setPrefWidth(0);
+            HBox.setHgrow(this, Priority.ALWAYS);
+        }
+
+        // title
+
+        private final StringProperty title = new SimpleStringProperty(this, "title");
+
+        public final String getTitle() {
+            return title.get();
+        }
+
+        public final StringProperty titleProperty() {
+            return title;
+        }
+
+        public final void setTitle(String title) {
+            titleProperty().set(title);
+        }
+
+        // icon
+        private final ObjectProperty<Ikon> icon = new SimpleObjectProperty(this, "icon");
+
+        public final Ikon getIcon() {
+            return icon.get();
+        }
+
+        public final ObjectProperty<Ikon> iconProperty() {
+            return icon;
+        }
+
+        public final void setIcon(Ikon icon) {
+            iconProperty().set(icon);
+        }
+
+        // description
+
+        private final StringProperty description = new SimpleStringProperty(this, "description");
+
+        public final String getDescription() {
+            return description.get();
+        }
+
+        public final StringProperty descriptionProperty() {
+            return description;
+        }
+
+        public final void setDescription(String description) {
+            descriptionProperty().set(description);
+        }
+
+    }
+
+}

mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LearnListCell.java

@@ -0,0 +1,57 @@
+package com.dlsc.jfxcentral2.mobile.components;
+
+import com.dlsc.gemsfx.Spacer;
+import com.dlsc.jfxcentral.data.DataRepository2;
+import com.dlsc.jfxcentral.data.ImageManager;
+import com.dlsc.jfxcentral.data.model.Learn;
+import com.dlsc.jfxcentral2.components.AvatarView;
+import javafx.scene.control.Label;
+import javafx.scene.control.ListCell;
+import javafx.scene.control.Tooltip;
+import javafx.scene.layout.HBox;
+
+public class LearnListCell extends ListCell<Learn> {
+
+    private static final String DEFAULT_STYLE_CLASS = "learn-list-cell";
+    private final HBox authorBox;
+    private final Label titleLabel;
+    private final HBox container;
+
+    public LearnListCell() {
+        getStyleClass().add(DEFAULT_STYLE_CLASS);
+        setPrefWidth(0);
+
+        titleLabel = new Label();
+        titleLabel.getStyleClass().add("title");
+        titleLabel.setWrapText(true);
+
+        authorBox = new HBox();
+        authorBox.getStyleClass().add("author-box");
+
+        container = new HBox(titleLabel, new Spacer(), authorBox);
+        container.getStyleClass().add("container");
+    }
+
+    @Override
+    protected void updateItem(Learn item, boolean empty) {
+        super.updateItem(item, empty);
+        setText(null);
+        titleLabel.setText(null);
+        authorBox.getChildren().clear();
+
+        if (empty || item == null) {
+            setGraphic(null);
+        } else {
+            titleLabel.setText(item.getName());
+            item.getPersonIds().forEach(id -> DataRepository2.getInstance().getPersonById(id)
+                    .ifPresent(person -> {
+                        AvatarView avatarView = new AvatarView();
+                        avatarView.setTooltip(new Tooltip(person.getName()));
+                        avatarView.imageProperty().bind(ImageManager.getInstance().personImageProperty(person));
+                        authorBox.getChildren().add(avatarView);
+                    }));
+
+            setGraphic(container);
+        }
+    }
+}

mobile/src/main/java/com/dlsc/jfxcentral2/mobile/components/LearnPagination.java

@@ -0,0 +1,195 @@
+package com.dlsc.jfxcentral2.mobile.components;
+
+import com.dlsc.gemsfx.Spacer;
+import com.dlsc.jfxcentral.data.DataRepository2;
+import com.dlsc.jfxcentral.data.ImageManager;
+import com.dlsc.jfxcentral.data.model.Learn;
+import com.dlsc.jfxcentral.data.model.LearnJavaFX;
+import com.dlsc.jfxcentral.data.model.LearnMobile;
+import com.dlsc.jfxcentral.data.model.LearnRaspberryPi;
+import com.dlsc.jfxcentral2.components.AvatarView;
+import com.dlsc.jfxcentral2.components.CustomMarkdownView;
+import com.dlsc.jfxcentral2.components.PrettyScrollPane;
+import com.dlsc.jfxcentral2.utils.MobileLinkUtil;
+import com.dlsc.jfxcentral2.utils.ModelObjectTool;
+import javafx.beans.binding.Bindings;
+import javafx.beans.property.IntegerProperty;
+import javafx.beans.property.ReadOnlyObjectWrapper;
+import javafx.beans.property.SimpleIntegerProperty;
+import javafx.beans.property.SimpleStringProperty;
+import javafx.beans.property.StringProperty;
+import javafx.collections.FXCollections;
+import javafx.collections.ObservableList;
+import javafx.scene.control.Button;
+import javafx.scene.control.Label;
+import javafx.scene.control.Tooltip;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.Priority;
+import javafx.scene.layout.VBox;
+import org.kordamp.ikonli.javafx.FontIcon;
+import org.kordamp.ikonli.materialdesign.MaterialDesign;
+
+import java.time.format.DateTimeFormatter;
+import java.time.format.FormatStyle;
+
+public class LearnPagination<T extends Learn> extends VBox {
+
+    private static final String DEFAULT_STYLE_CLASS = "learn-pagination";
+    private static final DateTimeFormatter DATE_FORMATTER = DateTimeFormatter.ofLocalizedDate(FormatStyle.MEDIUM);
+
+    private final PrettyScrollPane scrollPane = new PrettyScrollPane();
+
+    public LearnPagination() {
+        getStyleClass().add(DEFAULT_STYLE_CLASS);
+
+        // Label title = new Label();
+        // title.getStyleClass().add("title");
+        // title.setWrapText(true);
+        // title.textProperty().bind(itemProperty().map(item -> item == null ? "" : item.getName()));
+
+        Label dateLabel = new Label();
+        dateLabel.getStyleClass().add("date-label");
+        dateLabel.textProperty().bind(itemProperty().map(item -> item == null ? "" : DATE_FORMATTER.format(item.getCreatedOn())));
+
+        Spacer spacer = new Spacer();
+
+        HBox authorBox = new HBox();
+        authorBox.getStyleClass().add("author-box");
+        itemProperty().addListener((obs, oldItem, newItem) -> {
+            // update author box
+            authorBox.getChildren().clear();
+            newItem.getPersonIds().forEach(id -> DataRepository2.getInstance().getPersonById(id)
+                    .ifPresent(person -> {
+                        AvatarView avatarView = new AvatarView();
+                        avatarView.setTooltip(new Tooltip(person.getName()));
+                        avatarView.imageProperty().bind(ImageManager.getInstance().personImageProperty(person));
+                        MobileLinkUtil.setLink(avatarView, ModelObjectTool.getModelLink(person));
+                        authorBox.getChildren().add(avatarView);
+                    }));
+            authorBox.getChildren().addAll(spacer, dateLabel);
+
+            // scroll to top
+            scrollPane.setVvalue(0);
+        });
+
+        CustomMarkdownView markdownView = new CustomMarkdownView();
+        markdownView.baseURLProperty().bind(baseURLProperty());
+        markdownView.mdStringProperty().bind(Bindings.createStringBinding(() -> {
+            T currentItem = getItem();
+            if (getBaseURL() == null || currentItem == null) {
+                return "";
+            }
+
+            if (currentItem instanceof LearnJavaFX data) {
+                return DataRepository2.getInstance().getLearnJavaFXReadMe(data);
+            } else if (currentItem instanceof LearnMobile data) {
+                return DataRepository2.getInstance().getLearnMobileReadMe(data);
+            } else if (currentItem instanceof LearnRaspberryPi data) {
+                return DataRepository2.getInstance().getLearnRaspberryPiReadMe(data);
+            }
+            return "";
+        }, itemProperty(), baseURLProperty()));
+
+        Button previousButton = new Button();
+        previousButton.getStyleClass().addAll("nav-button", "previous-button");
+        previousButton.setGraphic(new FontIcon(MaterialDesign.MDI_CHEVRON_LEFT));
+        previousButton.disableProperty().bind(index.isEqualTo(0));
+        previousButton.setOnAction(e -> setIndex(getIndex() - 1));
+
+        Button nextButton = new Button();
+        nextButton.getStyleClass().addAll("nav-button", "next-button");
+        nextButton.setGraphic(new FontIcon(MaterialDesign.MDI_CHEVRON_RIGHT));
+        nextButton.disableProperty().bind(Bindings.createBooleanBinding(() -> getIndex() >= items.size() - 1, indexProperty(), getItems()));
+        nextButton.setOnAction(e -> setIndex(getIndex() + 1));
+
+        Label pageLabel = new Label();
+        pageLabel.getStyleClass().add("page-label");
+        pageLabel.textProperty().bind(Bindings.concat(indexProperty().add(1), " / ", Bindings.size(items)));
+
+        HBox navBox = new HBox(previousButton, pageLabel, nextButton);
+        navBox.getStyleClass().add("nav-box");
+        pageLabel.setMaxWidth(Double.MAX_VALUE);
+        HBox.setHgrow(pageLabel, Priority.ALWAYS);
+
+        VBox contentBox = new VBox(authorBox, markdownView);
+        contentBox.getStyleClass().add("content-box");
+
+        scrollPane.setContent(contentBox);
+        scrollPane.getStyleClass().add("mobile");
+        scrollPane.setMaxHeight(Double.MAX_VALUE);
+        VBox.setVgrow(scrollPane, Priority.ALWAYS);
+
+        getChildren().addAll(scrollPane, navBox);
+
+        itemProperty().bind(Bindings.createObjectBinding(() -> {
+            int currentIndex = getIndex();
+            int size = getItems().size();
+            if (currentIndex < 0 || currentIndex >= size) {
+                return null;
+            }
+
+            return getItems().get(currentIndex);
+        }, indexProperty(), getItems()));
+    }
+
+    public final void setSelectedItem(T item) {
+        setIndex(getItems().indexOf(item));
+    }
+
+    // learn items
+
+    private final ObservableList<T> items = FXCollections.observableArrayList();
+
+    public ObservableList<T> getItems() {
+        return items;
+    }
+
+    // index
+
+    private final IntegerProperty index = new SimpleIntegerProperty(this, "index", -1);
+
+    public final IntegerProperty indexProperty() {
+        return index;
+    }
+
+    public final int getIndex() {
+        return index.get();
+    }
+
+    public final void setIndex(int index) {
+        this.index.set(index);
+    }
+
+    // item
+
+    private final ReadOnlyObjectWrapper<T> item = new ReadOnlyObjectWrapper<>(this, "item");
+
+    public final T getItem() {
+        return item.get();
+    }
+
+    public final ReadOnlyObjectWrapper<T> itemProperty() {
+        return item;
+    }
+
+    private void setItem(T item) {
+        this.item.set(item);
+    }
+
+    // base url
+
+    private final StringProperty baseURL = new SimpleStringProperty(this, "baseURL");
+
+    public String getBaseURL() {
+        return baseURL.get();
+    }
+
+    public StringProperty baseURLProperty() {
+        return baseURL;
+    }
+
+    public void setBaseURL(String baseURL) {
+        this.baseURL.set(baseURL);
+    }
+
+}