feat(frontend): editar y eliminar sprint, exportar tareas y eliminar tarea en backlog

Author: ArturoGomezGz

MtdrSpring/backend/src/main/frontend/src/pages/BacklogPage.jsx

@@ -5,7 +5,9 @@ import { taskService } from '../services/taskService';
 import { sprintService } from '../services/sprintService';
 import TaskTable from '../components/tasks/TaskTable';
 import Modal from '../components/common/Modal';
+import ConfirmDialog from '../components/common/ConfirmDialog';
 import Badge from '../components/common/Badge';
+import Button from '../components/common/Button';
 import LoadingSpinner from '../components/common/LoadingSpinner';
 
 export default function BacklogPage() {
@@ -17,13 +19,15 @@ export default function BacklogPage() {
   const [selectedTask, setSelectedTask] = useState(null);
   const [moving, setMoving] = useState(false);
   const [error, setError] = useState('');
+  const [confirmDelete, setConfirmDelete] = useState(null);
+  const [deleting, setDeleting] = useState(false);
 
   const isManager = userRole === 'MANAGER';
 
   const load = () => {
     setLoading(true);
     Promise.all([
-      taskService.list(project.id, {}),
+      taskService.list(project.id, { size: 500 }),
       sprintService.list(project.id),
     ])
       .then(([taskData, sprintData]) => {
@@ -36,6 +40,20 @@ export default function BacklogPage() {
 
   useEffect(load, [project.id]);
 
+  const doDelete = async () => {
+    setDeleting(true);
+    try {
+      await taskService.delete(project.id, confirmDelete.id);
+      setConfirmDelete(null);
+      setSelectedTask(null);
+      load();
+    } catch (err) {
+      toast.error(err.message);
+    } finally {
+      setDeleting(false);
+    }
+  };
+
   const handleMoveToSprint = async (sprintId) => {
     setMoving(true);
     try {
@@ -99,9 +117,27 @@ export default function BacklogPage() {
                 </div>
               </div>
             )}
+
+            {isManager && (
+              <div className="pt-2 border-t border-gray-100">
+                <Button variant="danger" onClick={() => setConfirmDelete(selectedTask)}>
+                  Eliminar tarea
+                </Button>
+              </div>
+            )}
           </div>
         )}
       </Modal>
+      <ConfirmDialog
+        open={!!confirmDelete}
+        onClose={() => setConfirmDelete(null)}
+        onConfirm={doDelete}
+        title="Eliminar tarea"
+        message={`"${confirmDelete?.taskName}" será eliminada permanentemente. Esta acción no se puede deshacer.`}
+        confirmLabel="Eliminar"
+        variant="danger"
+        loading={deleting}
+      />
     </div>
   );
 }

MtdrSpring/backend/src/main/frontend/src/pages/SprintsPage.jsx

@@ -3,6 +3,7 @@ import { useProject } from '../context/ProjectContext';
 import { useToast } from '../context/ToastContext';
 import { sprintService } from '../services/sprintService';
 import { taskService } from '../services/taskService';
+import { exportTasksToJson } from '../services/importExportService';
 import SprintList from '../components/sprints/SprintList';
 import SprintForm from '../components/sprints/SprintForm';
 import TaskTable from '../components/tasks/TaskTable';
@@ -36,6 +37,10 @@ export default function SprintsPage() {
   const [confirmDeleteTask, setConfirmDeleteTask] = useState(null);
   const [actionLoading, setActionLoading] = useState(false);
 
+  const [editSprint, setEditSprint] = useState(null);
+  const [sprintSaving, setSprintSaving] = useState(false);
+  const [confirmDeleteSprint, setConfirmDeleteSprint] = useState(null);
+
   const isManager = userRole === 'MANAGER';
 
   const load = () => {
@@ -110,6 +115,29 @@ export default function SprintsPage() {
     finally { setActionLoading(false); }
   };
 
+  const handleSprintUpdate = async (form) => {
+    setSprintSaving(true);
+    try {
+      const updated = await sprintService.update(project.id, editSprint.id, form);
+      setEditSprint(null);
+      setSelectedSprint(updated);
+      load();
+    } catch (err) { toast.error(err.message); }
+    finally { setSprintSaving(false); }
+  };
+
+  const doDeleteSprint = async () => {
+    setActionLoading(true);
+    try {
+      await sprintService.delete(project.id, confirmDeleteSprint.id);
+      setConfirmDeleteSprint(null);
+      setSelectedSprint(null);
+      setSprintTasks([]);
+      load();
+    } catch (err) { toast.error(err.message); }
+    finally { setActionLoading(false); }
+  };
+
   const handleStatusChange = async (task, status) => {
     try {
       const updated = await taskService.changeStatus(project.id, task.id, status);
@@ -195,16 +223,43 @@ export default function SprintsPage() {
       >
         {selectedSprint && (
           <div className="space-y-4">
-            <div className="flex items-center gap-3">
-              <Badge value={selectedSprint.status} />
-              <span className="text-xs text-gray-400">
-                {selectedSprint.startDate} → {selectedSprint.endDate}
-              </span>
-              {selectedSprint.goal && (
-                <span className="text-xs text-gray-500 italic">{selectedSprint.goal}</span>
+            <div className="flex items-center justify-between gap-3">
+              <div className="flex items-center gap-3 min-w-0">
+                <Badge value={selectedSprint.status} />
+                <span className="text-xs text-gray-400 shrink-0">
+                  {selectedSprint.startDate} → {selectedSprint.endDate}
+                </span>
+                {selectedSprint.goal && (
+                  <span className="text-xs text-gray-500 italic truncate">{selectedSprint.goal}</span>
+                )}
+              </div>
+              {isManager && (
+                <div className="flex items-center gap-2 shrink-0">
+                  {selectedSprint.status !== 'CLOSED' && (
+                    <Button variant="secondary" onClick={() => setEditSprint(selectedSprint)}>
+                      Editar
+                    </Button>
+                  )}
+                  {selectedSprint.status !== 'ACTIVE' && (
+                    <Button variant="danger" onClick={() => setConfirmDeleteSprint(selectedSprint)}>
+                      Eliminar
+                    </Button>
+                  )}
+                </div>
               )}
             </div>
 
+            {!tasksLoading && sprintTasks.length > 0 && (
+              <div className="flex justify-end">
+                <Button
+                  variant="secondary"
+                  onClick={() => exportTasksToJson(sprintTasks, selectedSprint.sprintName)}
+                >
+                  Exportar tareas
+                </Button>
+              </div>
+            )}
+
             {tasksLoading ? (
               <LoadingSpinner />
             ) : sprintTasks.length === 0 ? (
@@ -285,6 +340,29 @@ export default function SprintsPage() {
         variant="danger"
         loading={actionLoading}
       />
+
+      {/* Edit sprint modal */}
+      <Modal open={!!editSprint} onClose={() => setEditSprint(null)} title="Edit sprint">
+        {editSprint && (
+          <SprintForm
+            initial={editSprint}
+            onSubmit={handleSprintUpdate}
+            onCancel={() => setEditSprint(null)}
+            loading={sprintSaving}
+          />
+        )}
+      </Modal>
+
+      <ConfirmDialog
+        open={!!confirmDeleteSprint}
+        onClose={() => setConfirmDeleteSprint(null)}
+        onConfirm={doDeleteSprint}
+        title="Eliminar sprint"
+        message={`¿Eliminar "${confirmDeleteSprint?.sprintName}"? Las tareas del sprint se moverán al backlog. Esta acción no se puede deshacer.`}
+        confirmLabel="Eliminar"
+        variant="danger"
+        loading={actionLoading}
+      />
     </div>
   );
 }

MtdrSpring/backend/src/main/frontend/src/services/sprintService.js

@@ -22,4 +22,7 @@ export const sprintService = {
 
   reopen: (projectId, sprintId) =>
     apiFetch(`/projects/${projectId}/sprints/${sprintId}/reopen`, { method: 'POST' }),
+
+  delete: (projectId, sprintId) =>
+    apiFetch(`/projects/${projectId}/sprints/${sprintId}`, { method: 'DELETE' }),
 };