empathy visible

.gitignore

@@ -1,4 +1,5 @@
 .venv
+venv/
 playground/
 uploaded_files/
 __pycache__/

flet_app.py

@@ -28,7 +28,6 @@ class ChessModel:
         self.board = chess.Board()
         self.piece_mapping = self._initialize_piece_mapping()
         self.last_move = None
-        print("ChessModel initialized with a new board.")
 
     def is_king_empathy_zero_or_below(self) -> bool:
         for piece in self.piece_mapping.values():
@@ -486,7 +485,7 @@ class ChessPresenter:
             logger.info(f"Selected piece at {chess.SQUARE_NAMES[square]}: {piece}")
 
             self.current_sprite = piece
-            # self.view.show_sprite(piece)
+            self.view.show_empathy_bar(piece_enum.empathy)
         elif self.selected_square is not None:
             move = chess.Move(self.selected_square, square)
             if self.model.is_promotion_move(move):
@@ -499,7 +498,6 @@ class ChessPresenter:
                 else:
                     self.pending_move = move
                     self.view.show_move_argument_dialog()
-                    # self.view.show_sprite(self.current_sprite)
             else:
                 logger.info(f"Invalid move: {move}")
 
@@ -589,6 +587,7 @@ class ChessView(ft.Container):
         self.es_button = ft.ElevatedButton("ES", on_click=self.set_spanish)
         self.piece_speak_velocity_bar = self.speak_velocity_bar()
         self.player_speak_velocity_bar = self.speak_velocity_bar()
+        self.empathy_bar_visible = False
 
         self.language_selector = ft.Row(
             [self.en_button, self.es_button],
@@ -613,10 +612,10 @@ class ChessView(ft.Container):
 
         self.empathy_bar = ft.ProgressBar(
             width=self.board_size,
-            height=5,
+            height=10,
             color=ft.colors.BLUE,
             bgcolor=ft.colors.GREY_300,
-            visible=False
+            value=0.5,
         )
 
         self.empathy_text = ft.Text("Empathy", size=14, color=ft.colors.WHITE)
@@ -625,11 +624,12 @@ class ChessView(ft.Container):
             content=ft.Column([
                 self.empathy_text,
                 self.empathy_bar
-            ], spacing=1, alignment=ft.MainAxisAlignment.CENTER),
+            ], spacing=5, alignment=ft.MainAxisAlignment.CENTER),
             width=self.board_size,
-            height=50,
-            visible=False,
-            padding=10
+            padding=10,
+            bgcolor=ft.colors.BLACK,
+            border_radius=ft.border_radius.all(10),
+            visible=False,  # Start hidden
         )
 
         self.countdown = RecordingCountdown(10)
@@ -1043,15 +1043,16 @@ class ChessView(ft.Container):
     def on_square_click(self, row, col):
         square = chess.square(col, 7 - row)
         piece, chess_piece = self.presenter.model.get_piece_at(square)
-
+        
         if self.elimination_mode:
             self.presenter.eliminate_rival_piece(chess.square(col, 7 - row))
 
         if chess_piece and chess_piece.color == self.current_turn:
+            print(f"Valid piece selected: {chess_piece}, empathy: {chess_piece.empathy}")
             self.show_empathy_bar(chess_piece.empathy)
         else:
-            self.hide_empathy_bar()
-            self.hide_sprite_and_dialogue()
+            print("No valid piece selected")
+            # Don't hide the empathy bar here
 
         self.presenter.on_square_click(row, col)
 
@@ -1070,14 +1071,16 @@ class ChessView(ft.Container):
         self.update()
 
     def show_empathy_bar(self, empathy):
+        print(f"Showing empathy bar with value: {empathy}")
         self.empathy_bar.value = empathy
         self.empathy_container.visible = True
-        self.empathy_bar.visible = True
+        self.empathy_bar_visible = True
         self.update()
 
     def hide_empathy_bar(self):
+        print("Hiding empathy bar")
         self.empathy_container.visible = False
-        self.empathy_bar.visible = False
+        self.empathy_bar_visible = False
         self.update()
 
     def hide_player_transcription(self):
@@ -1237,25 +1240,32 @@ class ChessView(ft.Container):
 
         self.turn_indicator = ft.Text("White's turn", size=20, color=ft.colors.WHITE)
 
-        # Empathy bar and turn indicator in a row
-        turn_and_empathy_row = ft.Row([self.turn_indicator], alignment=ft.MainAxisAlignment.CENTER, spacing=10)
+        # Create separate containers for turn indicator and empathy bar
+        turn_container = ft.Container(
+            content=self.turn_indicator,
+            margin=ft.margin.only(bottom=5)
+        )
+
+        # Place turn container, empathy container, and chessboard in a column
+        board_column = ft.Column([
+            turn_container,
+            self.empathy_container,
+            ft.Container(ft.Stack([self.chessboard, self.move_argument_dialog]), bgcolor='blue')
+        ], alignment=ft.MainAxisAlignment.CENTER, spacing=10)  # Added spacing between elements
 
         main_layout = ft.Container(
-            content=ft.Column([turn_and_empathy_row, ft.Row([ft.Container(ft.Stack([self.chessboard, self.move_argument_dialog]), bgcolor='blue')], alignment=ft.MainAxisAlignment.CENTER)], alignment=ft.CrossAxisAlignment.END, expand=True),
+            content=board_column,
             margin=ft.margin.only(top=20)
         )
 
         self.response_layout = ft.Column(controls=[self.transcription_container, self.sprite_and_dialogue_container], width=600, visible=False)
 
-        def temp_function(e):
-            self.hide_sprite_and_dialogue()
-
         full_layout = ft.Container(
             ft.Stack([
                 ft.Column(controls=[ft.Container(ft.Column(controls=[main_layout])), self.checkmate_dialog, self.eliminate_piece_dialog, self.king_empathy_loss_dialog]),
                 ft.Row(controls=[self.response_layout], alignment=ft.MainAxisAlignment.CENTER),
             ]),
-            on_click=temp_function 
+            on_click=self.on_screen_click  # Change this line
         )
 
         return ft.Column(controls=[full_layout], alignment=ft.MainAxisAlignment.SPACE_BETWEEN) # , self.language_selector
@@ -1313,6 +1323,12 @@ class ChessView(ft.Container):
         # Final update to apply opacity changes
         self.video_stack.update()
 
+    def on_screen_click(self, e):
+        if self.empathy_bar_visible:
+            print("Screen clicked, hiding empathy bar")
+            self.hide_empathy_bar()
+        self.hide_sprite_and_dialogue()
+
 
 async def main(page: ft.Page):
     import sys