springboot/src/main/java/de/thpeetz/kontor/admin/views/ModuleDataView.java

@@ -2,7 +2,12 @@ package de.thpeetz.kontor.admin.views;
 
 import com.vaadin.flow.component.Component;
 import com.vaadin.flow.component.button.Button;
+import com.vaadin.flow.component.button.ButtonVariant;
+import com.vaadin.flow.component.contextmenu.ContextMenu;
+import com.vaadin.flow.component.contextmenu.MenuItem;
 import com.vaadin.flow.component.grid.Grid;
+import com.vaadin.flow.component.icon.Icon;
+import com.vaadin.flow.component.icon.VaadinIcon;
 import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
 import com.vaadin.flow.component.orderedlayout.VerticalLayout;
 import com.vaadin.flow.component.textfield.TextField;
@@ -14,6 +19,7 @@ import de.thpeetz.kontor.admin.data.ModuleData;
 import de.thpeetz.kontor.admin.services.ModuleService;
 import de.thpeetz.kontor.common.views.MainLayout;
 import jakarta.annotation.security.RolesAllowed;
+import lombok.Getter;
 import lombok.extern.slf4j.Slf4j;
 import org.springframework.context.annotation.Scope;
 
@@ -25,11 +31,35 @@ import org.springframework.context.annotation.Scope;
 @PageTitle("Module Data | Admin | Kontor")
 public class ModuleDataView extends VerticalLayout {
 
-    Grid<ModuleData> grid = new Grid<>(ModuleData.class);
+    Grid<ModuleData> grid = new Grid<>(ModuleData.class, false);
+    Grid.Column<ModuleData> idColumn = grid.addColumn(ModuleData::getId)
+        .setHeader("ID").setResizable(true).setSortable(true);
+    Grid.Column<ModuleData> nameColumn = grid.addColumn(ModuleData::getModuleName)
+        .setHeader("Name").setResizable(true).setSortable(true);
+    Grid.Column<ModuleData> importColumn = grid.addComponentColumn(moduleData -> createStatusIcon(moduleData.getImportData()))
+        .setHeader("Import Data").setWidth("6rem").setSortable(true);
+ 
     TextField filterText = new TextField();
+    @Getter
     ModuleDataForm form;
     ModuleService service;
 
+    private static class ColumnToggleContextMenu extends ContextMenu {
+        public ColumnToggleContextMenu(Component target) {
+            super(target);
+            setOpenOnClick(true);
+        }
+
+        void addColumnToggleItem(String label, Grid.Column<ModuleData> column) {
+            MenuItem menuItem = this.addItem(label, e -> {
+                column.setVisible(e.getSource().isChecked());
+            });
+            menuItem.setCheckable(true);
+            menuItem.setChecked(column.isVisible());
+            menuItem.setKeepOpen(true);
+        }
+    }
+
     public ModuleDataView(ModuleService service) {
         this.service = service;
         addClassName("moduleData-view");
@@ -44,7 +74,7 @@ public class ModuleDataView extends VerticalLayout {
     private void configureGrid() {
         grid.addClassName("moduleData-grid");
         grid.setSizeFull();
-        grid.setColumns("moduleName", "importData");
+        //grid.setColumns("moduleName", "importData");
         grid.getColumns().forEach(col -> col.setAutoWidth(true));
         grid.asSingleSelect().addValueChangeListener(event -> editModuleData(event.getValue()));
     }
@@ -58,6 +88,19 @@ public class ModuleDataView extends VerticalLayout {
         form.addCloseListener(e -> closeEditor());
     }
 
+    private Icon createStatusIcon(boolean status) {
+        Icon icon;
+        if (status) {
+            icon = VaadinIcon.CHECK.create();
+            icon.getElement().getThemeList().add("badge success"); 
+        } else {
+            icon = VaadinIcon.CLOSE_SMALL.create();
+            icon.getElement().getThemeList().add("badge error");
+        }
+        icon.getStyle().set("padding", "var(--lumo-space-xs");
+        return icon;
+    }
+
    private void saveModuleData(ModuleDataForm.SaveEvent event) {
         ModuleData moduleData = event.getModuleData();
         service.saveModuleData(moduleData);
@@ -86,7 +129,14 @@ public class ModuleDataView extends VerticalLayout {
         filterText.setValueChangeMode(ValueChangeMode.LAZY);
         filterText.addValueChangeListener(e -> updateList());
         Button addModuleDataButton = new Button("Add module", click -> addModuleData());
-        HorizontalLayout toolbar = new HorizontalLayout(filterText, addModuleDataButton);
+
+        Button menuButton = new Button("Show/Hide Columns");
+        menuButton.addThemeVariants(ButtonVariant.LUMO_TERTIARY);
+        ColumnToggleContextMenu columnToggleContextMenu = new ColumnToggleContextMenu(menuButton);
+        columnToggleContextMenu.addColumnToggleItem("ID", idColumn);
+        columnToggleContextMenu.addColumnToggleItem("Module Name", nameColumn);
+        columnToggleContextMenu.addColumnToggleItem("Import Data", importColumn);
+        HorizontalLayout toolbar = new HorizontalLayout(filterText, addModuleDataButton, menuButton);
         toolbar.addClassName("toolbar");
         return toolbar;
     }