hoursworked sin reporte vista

package.json

@@ -4,7 +4,7 @@
   "type": "module",
   "dependencies": {
     "@f0rce/ace-widget": "1.0.2",
-    "@polymer/polymer": "3.5.1",
+    "@polymer/polymer": "3.5.2",
     "@vaadin-component-factory/vcf-pdf-viewer": "2.0.1",
     "@vaadin/bundles": "24.5.1",
     "@vaadin/common-frontend": "0.0.19",
@@ -19,29 +19,30 @@
     "@vaadin/vaadin-usage-statistics": "2.1.3",
     "construct-style-sheets-polyfill": "3.1.0",
     "date-fns": "2.29.3",
-    "lit": "3.1.4",
+    "lit": "3.2.1",
     "print-js": "1.6.0",
     "proj4": "2.12.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-router-dom": "6.23.1"
+    "react-router-dom": "6.26.2"
   },
   "devDependencies": {
-    "@babel/preset-react": "7.24.7",
+    "@babel/preset-react": "7.25.7",
-    "@rollup/plugin-replace": "5.0.7",
+    "@preact/signals-react-transform": "0.4.0",
-    "@rollup/pluginutils": "5.1.0",
+    "@rollup/plugin-replace": "6.0.1",
-    "@types/react": "18.3.3",
+    "@rollup/pluginutils": "5.1.2",
-    "@types/react-dom": "18.3.0",
+    "@types/react": "18.3.11",
-    "@vitejs/plugin-react": "4.3.1",
+    "@types/react-dom": "18.3.1",
-    "async": "3.2.5",
+    "@vitejs/plugin-react": "4.3.3",
-    "glob": "10.4.1",
+    "async": "3.2.6",
+    "glob": "10.4.5",
     "rollup-plugin-brotli": "3.1.0",
     "rollup-plugin-visualizer": "5.12.0",
     "strip-css-comments": "5.0.0",
     "transform-ast": "2.4.4",
-    "typescript": "5.4.5",
+    "typescript": "5.6.3",
-    "vite": "5.3.3",
+    "vite": "5.4.9",
-    "vite-plugin-checker": "0.6.4",
+    "vite-plugin-checker": "0.8.0",
     "workbox-build": "7.1.1",
     "workbox-core": "7.1.0",
     "workbox-precaching": "7.1.0"
@@ -49,7 +50,7 @@
   "vaadin": {
     "dependencies": {
       "@f0rce/ace-widget": "1.0.2",
-      "@polymer/polymer": "3.5.1",
+      "@polymer/polymer": "3.5.2",
       "@vaadin-component-factory/vcf-pdf-viewer": "2.0.1",
       "@vaadin/bundles": "24.5.1",
       "@vaadin/common-frontend": "0.0.19",
@@ -64,34 +65,35 @@
       "@vaadin/vaadin-usage-statistics": "2.1.3",
       "construct-style-sheets-polyfill": "3.1.0",
       "date-fns": "2.29.3",
-      "lit": "3.1.4",
+      "lit": "3.2.1",
       "print-js": "1.6.0",
       "proj4": "2.12.1",
       "react": "18.3.1",
       "react-dom": "18.3.1",
-      "react-router-dom": "6.23.1"
+      "react-router-dom": "6.26.2"
     },
     "devDependencies": {
-      "@babel/preset-react": "7.24.7",
+      "@babel/preset-react": "7.25.7",
-      "@rollup/plugin-replace": "5.0.7",
+      "@preact/signals-react-transform": "0.4.0",
-      "@rollup/pluginutils": "5.1.0",
+      "@rollup/plugin-replace": "6.0.1",
-      "@types/react": "18.3.3",
+      "@rollup/pluginutils": "5.1.2",
-      "@types/react-dom": "18.3.0",
+      "@types/react": "18.3.11",
-      "@vitejs/plugin-react": "4.3.1",
+      "@types/react-dom": "18.3.1",
-      "async": "3.2.5",
+      "@vitejs/plugin-react": "4.3.3",
-      "glob": "10.4.1",
+      "async": "3.2.6",
+      "glob": "10.4.5",
       "rollup-plugin-brotli": "3.1.0",
       "rollup-plugin-visualizer": "5.12.0",
       "strip-css-comments": "5.0.0",
       "transform-ast": "2.4.4",
-      "typescript": "5.4.5",
+      "typescript": "5.6.3",
-      "vite": "5.3.3",
+      "vite": "5.4.9",
-      "vite-plugin-checker": "0.6.4",
+      "vite-plugin-checker": "0.8.0",
       "workbox-build": "7.1.1",
       "workbox-core": "7.1.0",
       "workbox-precaching": "7.1.0"
     },
-    "hash": "1a0f17d48b329307b5862bc57499307d1b89f7d89260121c2b7189f76957c436"
+    "hash": "2dc40a4f634ae025081ca2239cba00b14a35fe94ab78ac0a4dd3023d882081d5"
   },
   "overrides": {
     "@vaadin/bundles": "$@vaadin/bundles",

src/main/java/com/primefactorsolutions/model/Actividad.java

@@ -1,5 +1,8 @@
 package com.primefactorsolutions.model;
 
+import java.util.ArrayList;
+import java.util.List;
+
 public final class Actividad {
     private String nombre;
     private double lunes;
@@ -9,9 +12,11 @@ public final class Actividad {
     private double viernes;
     private double sabado;
     private double domingo;
-    private String descripcion;  // Cambié 'tarea' por 'descripcion' para un enfoque más general
+    private String nombreActivEsp;
     private double horas;
 
+    private static final List<Actividad> actividadesExistentes = new ArrayList<>();
+
     public Actividad(final Builder builder) {
         this.nombre = builder.nombre;
         this.lunes = builder.lunes;
@@ -21,7 +26,7 @@ public final class Actividad {
         this.viernes = builder.viernes;
         this.sabado = builder.sabado;
         this.domingo = builder.domingo;
-        this.descripcion = builder.descripcion; // Cambié aquí también
+        this.nombreActivEsp = builder.nombreActivEsp; // Cambié aquí también
         this.horas = builder.horas;
     }
 
@@ -57,8 +62,8 @@ public final class Actividad {
         return domingo;
     }
 
-    public String getDescripcion() { // Cambié aquí también
+    public String getNombreActivEsp() { // Cambié aquí también
-        return descripcion;
+        return nombreActivEsp;
     }
 
     public double getHoras() {
@@ -75,15 +80,20 @@ public final class Actividad {
         private double viernes;
         private double sabado;
         private double domingo;
-        private String descripcion; // Cambié 'tarea' por 'descripcion'
+        private String nombreActivEsp; // Cambié 'tarea' por 'descripcion'
         private double horas;
 
-        public Builder descripcion(final String descripcion, final double horas) { // Cambié 'tarea' por 'descripcion'
+        public Builder nombreActivEsp(final String nombreActivEsp, final double horas) {
-            this.descripcion = descripcion;
+            this.nombreActivEsp = nombreActivEsp;
             this.horas = horas;
             return this;
         }
 
+        public Builder nombreActivEsp(final String nombreActivEsp) {
+            this.nombreActivEsp = nombreActivEsp;
+            return this;
+        }
+
         public Builder nombre(final String nombre) {
             this.nombre = nombre;
             return this;

src/main/java/com/primefactorsolutions/model/Employee.java

@@ -2,6 +2,7 @@ package com.primefactorsolutions.model;
 
 import com.google.common.collect.Lists;
 import jakarta.persistence.*;
+import jakarta.validation.constraints.*;
 import lombok.AllArgsConstructor;
 import lombok.Data;
 import lombok.EqualsAndHashCode;
@@ -18,30 +19,45 @@ import java.util.Collection;
 @NoArgsConstructor
 @EqualsAndHashCode(callSuper = true)
 public class Employee extends BaseEntity implements UserDetails {
+
     private String username;
+    @NotNull(message = "El nombre no puede estar vacío")
+    @Pattern(regexp = "^[a-zA-Z ]+$", message = "El nombre solo debe contener letras")
     private String firstName;
+    @NotNull(message = "El apellido no puede estar vacío")
+    @Pattern(regexp = "^[a-zA-Z ]+$", message = "El apellido solo debe contener letras")
     private String lastName;
     private LocalDate birthday;
+    @Pattern(regexp = "^[a-zA-Z ]+$", message = "La ciudad de nacimiento solo debe contener letras")
     private String birthCity;
     private String age;
-
+    @Size(max = 100, message = "La dirección de residencia no debe exceder 100 caracteres")
     private String residenceAddress;
+    @Size(max = 100, message = "La dirección local no debe exceder 100 caracteres")
     private String localAddress;
+    @Pattern(regexp = "^[0-9]+$", message = "El número de teléfono debe contener solo números")
     private String phoneNumber;
+    @Email(message = "El correo personal no tiene un formato válido")
     private String personalEmail;
+    @Pattern(regexp = "^[a-zA-Z ]+$", message = "El cargo solo debe contener letras")
     private String position;
     @ManyToOne
     @JoinColumn(name = "team_id", nullable = false)
     private Team team;
+    @Size(max = 100, message = "El nombre de contacto de emergencia no debe exceder 100 caracteres")
     private String emergencyCName;
+    @Size(max = 100, message = "La dirección de contacto de emergencia no debe exceder 100 caracteres")
     private String emergencyCAddress;
+    @Pattern(regexp = "^[0-9]+$", message = "El teléfono de contacto de emergencia debe contener solo números")
     private String emergencyCPhone;
+    @Email(message = "El correo de contacto de emergencia no tiene un formato válido")
     private String emergencyCEmail;
+    @Pattern(regexp = "^[0-9]+$", message = "La cantidad de hijos debe contener solo números")
     private String numberOfChildren;
-
+    @Pattern(regexp = "^[0-9]+$", message = "El CI debe contener solo números")
     private String ci;
     private String issuedIn;
-
+    @Size(max = 100, message = "El título no debe exceder 100 caracteres")
     private String pTitle1;
     private String pTitle2;
     private String pTitle3;
@@ -54,29 +70,36 @@ public class Employee extends BaseEntity implements UserDetails {
     private String certification2;
     private String certification3;
     private String certification4;
-
+    @Size(max = 255, message = "El reconocimiento no debe exceder 255 caracteres")
     private String recognition;
+    @Size(max = 500, message = "Los logros no deben exceder 500 caracteres")
     private String achievements;
 
     private String language;
     private String languageLevel;
-
+    @Pattern(regexp = "^[A-Za-z0-9]+$", message = "El código debe contener solo letras y números")
     private String cod;
+    @Pattern(regexp = "^[a-zA-Z ]+$", message = "El lead manager solo debe contener letras")
     private String leadManager;
+    @Pattern(regexp = "^[a-zA-Z ]+$", message = "El proyecto solo debe contener letras")
     private String project;
 
     private LocalDate dateOfEntry;
     private LocalDate dateOfExit;
-
+    @Pattern(regexp = "^[a-zA-Z ]+$", message = "El tipo de contrato solo debe contener letras")
     private String contractType;
+    @Pattern(regexp = "^[0-9]+$", message = "La antigüedad debe contener solo números")
     private String seniority;
+    @Pattern(regexp = "^[0-9]+(\\.[0-9]{1,2})?$", message = "El salario debe ser un número con hasta dos decimales")
     private String salary;
-
+    @Pattern(regexp = "^[a-zA-Z ]+$", message = "El nombre del banco solo debe contener letras")
     private String bankName;
+    @Pattern(regexp = "^[0-9]+$", message = "El número de cuenta debe contener solo números")
     private String accountNumber;
 
     private String gpss;
     private String sss;
+    @Pattern(regexp = "^[a-zA-Z ]+$", message = "Los derechohabientes solo deben contener letras")
     private String beneficiaries;
 
     @Column(columnDefinition = "TEXT")

src/main/java/com/primefactorsolutions/repositories/HoursWorkedRepository.java

@@ -4,7 +4,11 @@ import com.primefactorsolutions.model.HoursWorked;
 import org.springframework.data.jpa.repository.JpaRepository;
 import org.springframework.stereotype.Repository;
 
+import java.util.List;
+
 @Repository
 public interface HoursWorkedRepository extends JpaRepository<HoursWorked, Long> {
     // Puedes definir consultas personalizadas aquí si es necesario.
+    List<HoursWorked> findByWeekNumber(int weekNumber);
+
 }

src/main/java/com/primefactorsolutions/service/HoursWorkedService.java

@@ -31,5 +31,10 @@ public class HoursWorkedService {
     public void deleteHoursWorked(final Long id) {
         hoursWorkedRepository.deleteById(id);
     }
+
+    public List<HoursWorked> findByWeekNumber(int weekNumber) {
+        return hoursWorkedRepository.findByWeekNumber(weekNumber);
+    }
+
 }
 

src/main/java/com/primefactorsolutions/views/EmployeeView.java

@@ -166,6 +166,12 @@ public class EmployeeView extends BeanValidationForm<Employee> implements HasUrl
         phoneNumber.addValueChangeListener(e -> validatePhoneNumber(phoneNumber, e.getValue()));
         emergencyCPhone.setValueChangeMode(ValueChangeMode.EAGER);
         emergencyCPhone.addValueChangeListener(e -> validatePhoneNumber(emergencyCPhone, e.getValue()));
+
+        firstName.setValueChangeMode(ValueChangeMode.EAGER);
+        firstName.addValueChangeListener(e -> validateNameField(firstName, e.getValue()));
+        lastName.setValueChangeMode(ValueChangeMode.EAGER);
+        lastName.addValueChangeListener(e -> validateNameField(lastName, e.getValue()));
+
         configureUpload();
         saveButton.setVisible(true);
         editButton.setVisible(true);
@@ -183,6 +189,15 @@ public class EmployeeView extends BeanValidationForm<Employee> implements HasUrl
         initDialog();
     }
 
+    private void validateNameField(TextField textField, String value) {
+        if (!value.matches("^[a-zA-ZáéíóúÁÉÍÓÚñÑ\\s]*$")) {
+            textField.setInvalid(true);
+            textField.setErrorMessage("Este campo solo debe contener letras.");
+        } else {
+            textField.setInvalid(false);
+        }
+    }
+
     private void calculateAge() {
         if (birthday.getValue() != null) {
             int currentYear = java.time.LocalDate.now().getYear();

src/main/java/com/primefactorsolutions/views/HoursWorkedView.java

@@ -36,12 +36,15 @@ import java.util.Locale;
 @Route(value = "/hours-worked/me", layout = MainLayout.class)
 public class HoursWorkedView extends VerticalLayout {
     private final List<Actividad> actividades = new ArrayList<>();
+    private final List<Actividad> actividadesEspecificas = new ArrayList<>(); // Nueva lista para tareas específicas
     private final Grid<Actividad> grid = new Grid<>(Actividad.class);
+    private final Grid<Actividad> gridActividadesEspecificas = new Grid<>(Actividad.class);
 
     private final ComboBox<Employee> employeeComboBox = new ComboBox<>("Employee");
     private final ComboBox<String> equipoDropdown = new ComboBox<>("Equipo");
 
     private final ComboBox<String> tareasEspecificasDropdown = new ComboBox<>("Tareas Específicas");
+    private final TextField tareaEspecificaInput = new TextField("Especificar Tarea");
     private TextField horasTareaInput = crearCampoHora("Horas Tareas");
 
     private LocalDate selectedStartOfWeek;
@@ -56,6 +59,8 @@ public class HoursWorkedView extends VerticalLayout {
     private final Label totalCompletadoLabel = new Label();
     private final Label horasPendientesLabel = new Label();
 
+    private final Label numeroSemanaLabel = new Label("Número de la Semana: ");
+
     private DatePicker fechaPicker = new DatePicker("Selecciona una fecha");
 
 
@@ -64,19 +69,35 @@ public class HoursWorkedView extends VerticalLayout {
         this.hoursWorkedService = hoursWorkedService;
         configurarVista();
         configurarGrid();
+        configurarGridActividadesEspecificas();
         cargarDatos();
         configurarTareasEspecificas();
     }
 
     private void configurarTareasEspecificas() {
-        tareasEspecificasDropdown.setItems("TareaPFS1", "TareaPFS2", "TareaPFS3", "TareaPFS4", "TareaPFS5");
+        tareasEspecificasDropdown.setItems("Entrevistas", "Reuniones", "Colaboraciones", "Aprendizajes", "Proyectos PFS", "Otros");
         tareasEspecificasDropdown.setPlaceholder("Selecciona una tarea...");
+
+        tareasEspecificasDropdown.addValueChangeListener(event -> {
+            String selected = event.getValue();
+            // Activa el campo de texto si la opción seleccionada es "Otros"
+            tareaEspecificaInput.setVisible("Otros".equals(selected));
+            if (!"Otros".equals(selected)) {
+                tareaEspecificaInput.clear();
+            }
+        });
+        tareaEspecificaInput.setVisible(false);
     }
 
     private void cargarDatos() {
-        List<HoursWorked> listaDeHorasTrabajadas = obtenerDatos();
+        if (selectedStartOfWeek != null && weekNumber > 0) {
-        grid.setItems(actividades);
+            actividades.clear();
-        calcularTotalHoras(listaDeHorasTrabajadas);
+            actividadesEspecificas.clear();
+            List<HoursWorked> listaDeHorasTrabajadas = obtenerDatos();
+            grid.setItems(actividades);
+            gridActividadesEspecificas.setItems(actividadesEspecificas);
+            calcularTotalHoras(listaDeHorasTrabajadas);
+        }
     }
 
     private void setEmployeeComboBoxProperties() {
@@ -107,11 +128,12 @@ public class HoursWorkedView extends VerticalLayout {
         fechaPicker.addValueChangeListener(event -> {
             LocalDate selectedDate = event.getValue();
             if (selectedDate != null) {
-                DayOfWeek dayOfWeek = selectedDate.getDayOfWeek();
                 selectedStartOfWeek = getStartOfWeek(selectedDate);
                 LocalDate endOfWeek = selectedStartOfWeek.plusDays(6);
-                fechasLabel.setText("Semana del " + selectedStartOfWeek + " al " + endOfWeek);
                 weekNumber = getWeekOfYear(selectedDate);
+                fechasLabel.setText("Semana del " + selectedStartOfWeek + " al " + endOfWeek);
+                numeroSemanaLabel.setText("Número de la Semana: " + weekNumber);
+                cargarDatos();
             }
         });
 
@@ -141,7 +163,7 @@ public class HoursWorkedView extends VerticalLayout {
         totalesLayout.setSpacing(true);
         totalesLayout.setPadding(true);
 
-        add(fechaPicker, fechasLabel, filtersLayout, actividadFormLayout, tareasEspecificasLayout, grid, buttonsLayout, totalesLayout);
+        add(fechaPicker, fechasLabel, numeroSemanaLabel, filtersLayout, actividadFormLayout, tareasEspecificasLayout, grid,gridActividadesEspecificas, buttonsLayout, totalesLayout);
     }
 
     private void configurarGrid() {
@@ -158,6 +180,20 @@ public class HoursWorkedView extends VerticalLayout {
         grid.addColumn(this::calcularTotalPorDia).setHeader("Total Día").setKey("totalDia");
     }
 
+    private void configurarGridActividadesEspecificas() {
+        gridActividadesEspecificas.removeAllColumns();
+        gridActividadesEspecificas.setItems(actividadesEspecificas);
+        gridActividadesEspecificas.addColumn(Actividad::getNombreActivEsp).setHeader("Actividad");
+        gridActividadesEspecificas.addColumn(Actividad::getLunes).setHeader("Lunes");
+        gridActividadesEspecificas.addColumn(Actividad::getMartes).setHeader("Martes");
+        gridActividadesEspecificas.addColumn(Actividad::getMiercoles).setHeader("Miércoles");
+        gridActividadesEspecificas.addColumn(Actividad::getJueves).setHeader("Jueves");
+        gridActividadesEspecificas.addColumn(Actividad::getViernes).setHeader("Viernes");
+        gridActividadesEspecificas.addColumn(Actividad::getSabado).setHeader("Sábado");
+        gridActividadesEspecificas.addColumn(Actividad::getDomingo).setHeader("Domingo");
+        gridActividadesEspecificas.addColumn(this::calcularTotalPorDia).setHeader("Total Día Específico").setKey("totalDiaEspecifico");
+    }
+
     private HorizontalLayout configurarFormularioActividades() {
         TextField actividadNombre = new TextField("Actividad");
         actividadNombre.setWidth("200px");
@@ -191,33 +227,89 @@ public class HoursWorkedView extends VerticalLayout {
                 double horasTarea = parseHoras(horasTareaInput.getValue());
 
                 if (tareaSeleccionada != null && !tareaSeleccionada.isEmpty()) {
-                    actividadBuilder.descripcion(tareaSeleccionada, horasTarea);
+                    actividadBuilder.nombreActivEsp(tareaSeleccionada).lunes(horasTarea);
+                    Actividad nuevaActividadEspecifica = actividadBuilder.build();
+                    actividadesEspecificas.add(nuevaActividadEspecifica);
+                    gridActividadesEspecificas.setItems(actividadesEspecificas);
+                } else {
+                    Actividad nuevaActividad = actividadBuilder.build();
+                    actividades.add(nuevaActividad);
+                    grid.setItems(actividades);
                 }
-
-                Actividad nuevaActividad = actividadBuilder.build();
-                actividades.add(nuevaActividad);
-                grid.setItems(actividades);
-
                 actualizarTotales();
                 Notification.show("Actividad agregada correctamente");
                 actividadNombre.clear();
-                horasInput.clear(); // Limpiar solo el campo de horas
+                horasInput.clear();
-                tareasEspecificasDropdown.clear(); // Limpiar el dropdown de tareas
+                tareasEspecificasDropdown.clear();
                 horasTareaInput.clear();
             } catch (NumberFormatException ex) {
                 Notification.show("Error: Por favor ingresa números válidos para las horas.");
             }
         });
 
-        return new HorizontalLayout(actividadNombre, horasInput, tareasEspecificasDropdown, horasTareaInput, agregarActividadButton);
+        return new HorizontalLayout(actividadNombre, horasInput, agregarActividadButton);
     }
 
     private HorizontalLayout configurarTareasEspecificasLayout() {
-        HorizontalLayout tareasLayout = new HorizontalLayout();
+
-        tareasLayout.add(tareasEspecificasDropdown, horasTareaInput);
+        Button agregarTareaButton = new Button("Agregar Tarea PFS", e -> {
-        tareasLayout.setSpacing(true);
+            try {
-        tareasLayout.setWidthFull();
+                String tareaSeleccionada = tareasEspecificasDropdown.getValue();
-        return tareasLayout;
+                String tareaNombre = "Otros".equals(tareaSeleccionada) ? tareaEspecificaInput.getValue() : tareaSeleccionada;
+
+                if (tareaNombre == null || tareaNombre.isEmpty()) {
+                    Notification.show("Por favor, especifica la tarea.");
+                    return;
+                }
+
+                double horasTarea = parseHoras(horasTareaInput.getValue());
+                if (horasTarea <= 0) {
+                    Notification.show("Por favor, ingresa un número válido para las horas.");
+                    return;
+                }
+
+                if (tareaSeleccionada != null && !tareaSeleccionada.isEmpty() && horasTarea > 0) {
+                    LocalDate selectedDate = fechaPicker.getValue();
+                    if (selectedDate == null) {
+                        Notification.show("Selecciona una fecha para asignar la tarea.");
+                        return;
+                    }
+
+                    DayOfWeek selectedDay = selectedDate.getDayOfWeek();
+                    Actividad.Builder actividadBuilder = new Actividad.Builder().nombreActivEsp(tareaNombre);
+
+                    switch (selectedDay) {
+                        case MONDAY -> actividadBuilder.lunes(horasTarea);
+                        case TUESDAY -> actividadBuilder.martes(horasTarea);
+                        case WEDNESDAY -> actividadBuilder.miercoles(horasTarea);
+                        case THURSDAY -> actividadBuilder.jueves(horasTarea);
+                        case FRIDAY -> actividadBuilder.viernes(horasTarea);
+                        case SATURDAY -> actividadBuilder.sabado(horasTarea);
+                        case SUNDAY -> actividadBuilder.domingo(horasTarea);
+                    }
+
+                    Actividad nuevaActividadEspecifica = actividadBuilder.build();
+                    actividadesEspecificas.add(nuevaActividadEspecifica);
+
+                    gridActividadesEspecificas.setItems(actividadesEspecificas);
+                    actualizarTotales();
+
+                    tareasEspecificasDropdown.clear();
+                    tareaEspecificaInput.clear();
+                    horasTareaInput.clear();
+
+                    Notification.show("Tarea específica agregada correctamente");
+                } else {
+                    Notification.show("Selecciona una tarea y asegúrate de ingresar horas válidas.");
+                }
+            } catch (NumberFormatException ex) {
+                Notification.show("Error: Por favor ingresa un número válido para las horas.");
+            }
+        });
+
+        HorizontalLayout layout= new HorizontalLayout(tareasEspecificasDropdown, tareaEspecificaInput, horasTareaInput, agregarTareaButton);
+        layout.setSpacing(true);
+        return layout;
     }
 
     private TextField crearCampoHora(final String placeholder) {
@@ -245,13 +337,16 @@ public class HoursWorkedView extends VerticalLayout {
     }
 
     private void actualizarTotales() {
-        double totalSemanaCompletada = actividades.stream()
+        double totalActividadesGenerales = actividades.stream()
                 .mapToDouble(this::calcularTotalPorDia)
                 .sum();
+        double totalActividadesEspecificas = actividadesEspecificas.stream()
+                .mapToDouble(this::calcularTotalPorDia)
+                .sum();
+        double totalFinal = totalActividadesGenerales + totalActividadesEspecificas;
+        double horasPendientes = 40 - totalFinal;
 
-        double horasPendientes = 40 - totalSemanaCompletada;
+        totalCompletadoLabel.setText("Total Hrs/Semana Completadas: " + totalFinal);
-
-        totalCompletadoLabel.setText("Total Hrs/Semana Completadas: " + totalSemanaCompletada);
         horasPendientesLabel.setText("Horas Pendientes: " + horasPendientes);
     }