#18: Column to display identicon of each semantic in KL Table display (Fixes #18)

Author: dukke

kview/src/main/java/dev/ikm/komet/kview/mvvm/view/genpurpose/control/table/PatternSemanticsTableControlSkin.java

@@ -2,13 +2,15 @@
 
 import dev.ikm.komet.kview.mvvm.view.genpurpose.control.table.cell.SemanticComponentCell;
 import dev.ikm.komet.kview.mvvm.view.genpurpose.control.table.cell.SemanticComponentCollectionCell;
+import dev.ikm.komet.kview.mvvm.view.genpurpose.control.table.cell.SemanticIdenticonCell;
 import dev.ikm.komet.kview.mvvm.view.genpurpose.control.table.cell.SemanticStandardCell;
 import javafx.collections.ListChangeListener;
 import javafx.css.PseudoClass;
 import javafx.scene.control.SkinBase;
 import javafx.scene.control.TableColumn;
 import javafx.scene.control.TableRow;
 import javafx.scene.control.TableView;
+import javafx.scene.image.Image;
 import javafx.util.Callback;
 import javafx.util.Subscription;
 
@@ -100,6 +102,21 @@ private void onSemanticsAdded(List<? extends SemanticRow> addedSubList) {
     }
 
     private void initializeTableView(SemanticRow row) {
+        // Identicon
+        TableColumn<SemanticRow, Image> identiconColumn = new TableColumn<>();
+        identiconColumn.setCellValueFactory(cellData ->
+                cellData.getValue().identiconProperty());
+        identiconColumn.setCellFactory(_ -> new SemanticIdenticonCell());
+
+        final int identiconColumnWidth = 40;
+        identiconColumn.setPrefWidth(identiconColumnWidth);
+        identiconColumn.setMinWidth(identiconColumnWidth);
+        identiconColumn.setMaxWidth(identiconColumnWidth);
+        identiconColumn.getStyleClass().add("identicon-column");
+
+        tableView.getColumns().add(identiconColumn);
+
+        // Fields
         for (SemanticField field : row.getFields()) {
             TableColumn<SemanticRow, Object> tableColumn = new TableColumn<>(field.getFieldTitle());
 

kview/src/main/java/dev/ikm/komet/kview/mvvm/view/genpurpose/control/table/PatternSemanticsTablePresenter.java

@@ -1,5 +1,6 @@
 package dev.ikm.komet.kview.mvvm.view.genpurpose.control.table;
 
+import dev.ikm.komet.framework.Identicon;
 import dev.ikm.komet.framework.observable.ObservableComposer;
 import dev.ikm.komet.framework.observable.ObservableEntity;
 import dev.ikm.komet.framework.observable.ObservableEntityHandle;
@@ -17,6 +18,7 @@
 import dev.ikm.tinkar.entity.SemanticEntityVersion;
 import javafx.collections.ObservableList;
 import javafx.scene.Node;
+import javafx.scene.image.Image;
 
 import java.util.ArrayList;
 import java.util.HashMap;
@@ -73,6 +75,9 @@ public void addNewSemantic(SemanticEntity<SemanticEntityVersion> semanticEntity)
         }
         SemanticRow semanticRow = new SemanticRow(fields);
 
+        Image semanticIdenticon = Identicon.generateIdenticonImage(semanticEntity.publicId());
+        semanticRow.setIdenticon(semanticIdenticon);
+
         semanticEntityToSemanticRow.put(semanticEntity, semanticRow);
 
         patternSemanticsControl.getSemantics().add(semanticRow);

kview/src/main/java/dev/ikm/komet/kview/mvvm/view/genpurpose/control/table/SemanticRow.java

@@ -1,7 +1,10 @@
 package dev.ikm.komet.kview.mvvm.view.genpurpose.control.table;
 
 import javafx.beans.property.BooleanProperty;
+import javafx.beans.property.ObjectProperty;
 import javafx.beans.property.SimpleBooleanProperty;
+import javafx.beans.property.SimpleObjectProperty;
+import javafx.scene.image.Image;
 
 import java.util.List;
 
@@ -14,14 +17,20 @@ public SemanticRow(List<SemanticField> fields) {
 
     public List<SemanticField> getFields() { return fields; }
 
+    // -- identicon
+    private final ObjectProperty<Image> identicon = new SimpleObjectProperty<>();
+    public ObjectProperty<Image> identiconProperty() { return identicon; }
+    public ObjectProperty<Image> getIdenticon() { return identicon; }
+    public void setIdenticon(Image identicon) { this.identicon.set(identicon); }
+
     // -- edit mode
-    BooleanProperty editMode = new SimpleBooleanProperty();
+    private final BooleanProperty editMode = new SimpleBooleanProperty();
     public boolean isEditMode() { return editMode.get(); }
     public BooleanProperty editModeProperty() { return editMode; }
     public void setEditMode(boolean editMode) { this.editMode.set(editMode); }
 
     // -- preview mode
-    BooleanProperty previewMode = new SimpleBooleanProperty();
+    private final BooleanProperty previewMode = new SimpleBooleanProperty();
     public boolean isPreviewMode() { return previewMode.get(); }
     public BooleanProperty previewModeProperty() { return previewMode; }
     public void setPreviewMode(boolean previewMode) { this.previewMode.set(previewMode); }

kview/src/main/java/dev/ikm/komet/kview/mvvm/view/genpurpose/control/table/cell/SemanticIdenticonCell.java

@@ -0,0 +1,35 @@
+package dev.ikm.komet.kview.mvvm.view.genpurpose.control.table.cell;
+
+import dev.ikm.komet.kview.mvvm.view.genpurpose.control.table.SemanticRow;
+import javafx.scene.control.ContentDisplay;
+import javafx.scene.control.TableCell;
+import javafx.scene.image.Image;
+import javafx.scene.image.ImageView;
+
+public class SemanticIdenticonCell extends TableCell<SemanticRow, Image> {
+    private ImageView identiconImageView;
+
+    public SemanticIdenticonCell() {
+        identiconImageView = new ImageView();
+
+        setGraphic(identiconImageView);
+        setContentDisplay(ContentDisplay.GRAPHIC_ONLY);
+
+        identiconImageView.getStyleClass().add("semantic-identicon");
+        getStyleClass().add("semantic-identicon-cell");
+    }
+
+    @Override
+    protected void updateItem(Image identiconImage, boolean empty) {
+        super.updateItem(identiconImage, empty);
+
+        if (empty || identiconImage == null) {
+            setGraphic(null);
+            return;
+        }
+
+        identiconImageView.setImage(identiconImage);
+
+        setGraphic(identiconImageView);
+    }
+}

kview/src/main/resources/dev/ikm/komet/kview/mvvm/view/kview.css

@@ -6671,7 +6671,21 @@ Styling a context menu for kview ui/ux controls
     -fx-border-color: preview_mode_border_color;
 }
 
-/* Data type COMPONENT_ID_SET_FIELD (Component Set), COMPONENT_FIELD (Component) */
+/************ Semantic Identicon *********/
+.gen-purpose-window .table-view .table-cell .semantic-identicon {
+    -fx-fit-width: 16px;
+    -fx-fit-height: 16px;
+}
+
+.gen-purpose-window .table-view .table-cell.semantic-identicon-cell {
+    -fx-alignment: center;
+}
+
+.gen-purpose-window .table-view .column-header.identicon-column .label {
+    -fx-alignment: center;
+}
+
+/************ Data type: COMPONENT_ID_SET_FIELD (Component Set), COMPONENT_FIELD (Component) ********/
 .gen-purpose-window .table-view .table-cell .component-container {
     -fx-spacing: 5px;
 }