From 371657b8e1e5a817b218e30962c8fb14f18f3dfd Mon Sep 17 00:00:00 2001
From: Florez Ospina Juan Felipe <juan.florez-ospina@psi.ch>
Date: Fri, 15 Nov 2024 17:18:29 +0100
Subject: [PATCH] Added four more components under table for review flag
 transfer and apply flags

---
 data_flagging_app.py | 46 ++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 44 insertions(+), 2 deletions(-)

diff --git a/data_flagging_app.py b/data_flagging_app.py
index 56269c7..2317a97 100644
--- a/data_flagging_app.py
+++ b/data_flagging_app.py
@@ -98,9 +98,51 @@ app.layout = dbc.Container([
                                         fixed_rows={'headers': True},  # Fixed table headers
                                         style_table={'height': '1000px'},  # Make table scrollable
                                         style_cell={'textAlign': 'left', 'padding': '10px'},  # Cell styling
-                                        )
-                        ],
+                                        ),
+                                        dbc.Container([
+                            # Row 1
+                            dbc.Row([
+                                dbc.Col(html.Div("Visualize Flags"), width=6),
+                                dbc.Col(dcc.RadioItems(
+                                    id='yes-no-radio',
+                                    options=[
+                                        {'label': 'Yes', 'value': 'Yes'},
+                                        {'label': 'No', 'value': 'No'}
+                                    ],
+                                    value='Yes',
+                                    inline=True
+                                ), width=6),
+                            ]),
+                            
+                            # Row 2
+                            dbc.Row([
+                                dbc.Col(html.Div("Review Status"), width=6),
+                                dbc.Col(dcc.RadioItems(
+                                    id='pass-nopass-radio',
+                                    options=[
+                                        {'label': 'Pass', 'value': 'Pass'},
+                                        {'label': 'NoPass', 'value': 'NoPass'}
+                                    ],
+                                    value='Pass',
+                                    inline=True
+                                ), width=6),
+                            ]),
+                            
+                            # Row 3
+                            dbc.Row([
+                                dbc.Col(html.Div("Transfer Flags"), width=6),
+                                dbc.Col(dbc.Button("Button 1", id='button-1', color='primary'), width=6),
+                            ]),
+                            
+                            # Row 4
+                            dbc.Row([
+                                dbc.Col(html.Div("Apply Flags"), width=6),
+                                dbc.Col(dbc.Button("Button 2", id='button-2', color='secondary'), width=6),
+                            ]),
+                            ], fluid=True)
+                                ],
                           style={'height': '1000px','overflowY': 'auto'}),  # Set a fixed height for the div
+            
                 ], 
 
                 width=4,