diff --git a/ogWebconsole/src/app/components/commands/commands-task/commands-task.component.ts b/ogWebconsole/src/app/components/commands/commands-task/commands-task.component.ts
index c8e27e5..030387c 100644
--- a/ogWebconsole/src/app/components/commands/commands-task/commands-task.component.ts
+++ b/ogWebconsole/src/app/components/commands/commands-task/commands-task.component.ts
@@ -33,9 +33,9 @@ export class CommandsTaskComponent implements OnInit {
columns = [
{ columnDef: 'id', header: 'ID', cell: (task: any) => task.id },
{ columnDef: 'name', header: 'Nombre de tarea', cell: (task: any) => task.name },
- { columnDef: 'organizationalUnit', header: 'Ámbito', cell: (task: any) => task.organizationalUnit.name },
+ { columnDef: 'organizationalUnit', header: 'Ámbito', cell: (task: any) => task.scope },
{ columnDef: 'management', header: 'Gestiones', cell: (task: any) => task.schedules },
- { columnDef: 'nextExecution', header: 'Próxima ejecución', cell: (task: any) => this.datePipe.transform(task.nextExecution, 'dd/MM/yyyy HH:mm:ss', 'UTC') },
+ { columnDef: 'nextExecution', header: 'Próxima ejecución', cell: (task: any) => this.datePipe.transform(task.nextExecution, 'dd/MM/yyyy HH:mm:ss') },
{ columnDef: 'createdBy', header: 'Creado por', cell: (task: any) => task.createdBy },
];
diff --git a/ogWebconsole/src/app/components/commands/commands-task/create-task-schedule/create-task-schedule.component.html b/ogWebconsole/src/app/components/commands/commands-task/create-task-schedule/create-task-schedule.component.html
index 45e2e74..0cb7fc9 100644
--- a/ogWebconsole/src/app/components/commands/commands-task/create-task-schedule/create-task-schedule.component.html
+++ b/ogWebconsole/src/app/components/commands/commands-task/create-task-schedule/create-task-schedule.component.html
@@ -22,7 +22,6 @@
-
@@ -37,7 +36,6 @@
-
-
Desde
diff --git a/ogWebconsole/src/app/components/commands/commands-task/create-task/create-task.component.css b/ogWebconsole/src/app/components/commands/commands-task/create-task/create-task.component.css
index 11a5938..33634a1 100644
--- a/ogWebconsole/src/app/components/commands/commands-task/create-task/create-task.component.css
+++ b/ogWebconsole/src/app/components/commands/commands-task/create-task/create-task.component.css
@@ -19,6 +19,14 @@ mat-form-field {
margin-bottom: 16px;
}
+mat-form-field.mat-form-field-disabled {
+ opacity: 0.7;
+}
+
+mat-form-field.mat-form-field-disabled .mat-form-field-label {
+ color: #666;
+}
+
.loading-spinner {
display: block;
margin: 0 auto;
@@ -63,3 +71,148 @@ mat-form-field {
gap: 1em;
padding: 1.5em;
}
+
+/* Estilos para la selección de clientes */
+.clients-selection {
+ margin-bottom: 16px;
+}
+
+.clients-selection h4 {
+ margin-bottom: 16px;
+ color: #333;
+ font-weight: 500;
+}
+
+.pre-selected-info {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ padding: 12px;
+ background-color: #e3f2fd;
+ border: 1px solid #2196f3;
+ border-radius: 4px;
+ margin-bottom: 16px;
+ color: #1976d2;
+ font-size: 14px;
+}
+
+.pre-selected-info mat-icon {
+ color: #2196f3;
+ font-size: 20px;
+}
+
+.loading-clients {
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ padding: 16px;
+ color: #666;
+}
+
+.clients-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 12px;
+ padding: 8px 0;
+ border-bottom: 1px solid #eee;
+}
+
+.selected-count {
+ font-weight: 500;
+ color: #1976d2;
+}
+
+.clients-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+ gap: 12px;
+ max-height: 300px;
+ overflow-y: auto;
+ padding: 8px 0;
+}
+
+.client-card {
+ transition: all 0.2s ease;
+ border: 2px solid transparent;
+ position: relative;
+}
+
+.client-card.pre-selected {
+ border-color: #4caf50;
+ background-color: #e8f5e8;
+}
+
+.client-card.pre-selected:hover {
+ border-color: #45a049;
+ background-color: #d4edda;
+}
+
+.client-card mat-card-content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 12px;
+}
+
+.client-info {
+ flex: 1;
+}
+
+.client-name {
+ font-weight: 500;
+ margin-bottom: 4px;
+ color: #333;
+}
+
+.client-details {
+ display: flex;
+ gap: 8px;
+ font-size: 12px;
+ color: #666;
+}
+
+.client-ip {
+ font-family: monospace;
+}
+
+.client-status {
+ padding: 2px 6px;
+ border-radius: 4px;
+ font-size: 10px;
+ text-transform: uppercase;
+ font-weight: 500;
+}
+
+.status-og-live {
+ background-color: #4caf50;
+ color: white;
+}
+
+.status-offline {
+ background-color: #f44336;
+ color: white;
+}
+
+.status-unknown {
+ background-color: #ff9800;
+ color: white;
+}
+
+.selected-icon {
+ color: #1976d2;
+ font-size: 20px;
+}
+
+/* Responsive design */
+@media (max-width: 768px) {
+ .clients-grid {
+ grid-template-columns: 1fr;
+ }
+
+ .clients-header {
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 8px;
+ }
+}
diff --git a/ogWebconsole/src/app/components/commands/commands-task/create-task/create-task.component.html b/ogWebconsole/src/app/components/commands/commands-task/create-task/create-task.component.html
index 79de16a..2ec144a 100644
--- a/ogWebconsole/src/app/components/commands/commands-task/create-task/create-task.component.html
+++ b/ogWebconsole/src/app/components/commands/commands-task/create-task/create-task.component.html
@@ -5,13 +5,11 @@
-
Crear tarea
Introducir en tarea existente
-
Seleccione una tarea
@@ -33,7 +31,6 @@
-