add property delete button if not required

Author: LaSi5002

src/fourc_webviewer/fourc_webserver.py

@@ -1102,6 +1102,14 @@ def change_export_mode(self, export_mode, **kwargs):
 
     """------------------- Controller functions -------------------"""
 
+    @controller.set("delete_row")
+    def delete_row(self, item_key, **kwargs):
+        """Deletes a row from the table."""
+        del self.state.general_sections[self.state.selected_main_section_name][
+            self.state.selected_section_name
+        ][item_key]
+        self.init_general_sections_state_and_server_vars()
+
     @controller.set("click_info_button")
     def click_info_button(self, **kwargs):
         """Toggles the info mode, which displays a bottom sheet containing file

src/fourc_webviewer/gui_utils.py

@@ -576,7 +576,7 @@ def _functions_panel(server):
             )
 
 
-def _prop_value_table():
+def _prop_value_table(server):
     """Table (property - value) layout (for general sections)."""
     with vuetify.VTable(
         v_if=(
@@ -604,10 +604,27 @@ def _prop_value_table():
                 ),
                 key="item_key",
             ):
-                with html.Td(classes="text-center"):
+                with html.Td(classes="text-center pa-0", style="position: relative;"):
+                    with vuetify.VBtn(
+                        v_if="edit_mode == all_edit_modes['edit_mode'] && !json_schema['properties']?.[selected_section_name]?.['required']?.includes(item_key)",
+                        tag="a",
+                        v_bind="{...props, target: '_blank'}",
+                        v_tooltip="Delete this property",
+                        click=(server.controller.delete_row, "[item_key]"),
+                        icon=True,
+                        ripple=False,
+                        elevation="0",
+                        style="position:absolute; left:6px; top:50%; transform:translateY(-50%); "
+                        "min-width:0; padding:0;",
+                    ):
+                        vuetify.VIcon(
+                            "mdi-trash-can-outline",  # "mdi-trash-can-outline",#"mdi-book-open-blank-variant-outline",
+                            size=26,
+                            color="#f77",
+                        )
                     with vuetify.VTooltip(location="bottom"):
                         with html.Template(v_slot_activator="{ props }"):
-                            html.P(v_text=("item_key",), v_bind="props")
+                            html.Span(v_text=("item_key",), v_bind="props")
                         html.P(
                             v_text=(
                                 "json_schema['properties']?.[selected_section_name]?.['properties']?.[item_key]?.['description'] || 'no description'",
@@ -1259,7 +1276,7 @@ def create_gui(server, render_window):
 
                 # Further elements with conditional rendering (see above)
                 _sections_dropdown()
-                _prop_value_table()
+                _prop_value_table(server)
                 _materials_panel()
                 _functions_panel(server)
                 _design_conditions_panel()