New button sync UDS

ogWebconsole/src/app/components/groups/groups.component.css

@@ -1791,6 +1791,17 @@ mat-button-toggle-group {
   }
 }
 
+.sync-uds-button {
+  display: flex;
+  align-items: center;
+}
+
+.sync-uds-button mat-icon {
+  font-size: 18px;
+  width: 18px;
+  height: 18px;
+}
+
 .delete-button {
   background-color: #f44336 !important;
   color: white !important;

ogWebconsole/src/app/components/groups/groups.component.html

@@ -321,8 +321,8 @@
                 [runScriptContext]="getRunScriptContext(selection.selected)"></app-execute-command>
             </div>
 
-            <button *ngIf="classroomCalendarUuid && !syncingUds" class="action-button" (click)="syncUds($event)"
-              [disabled]="!selectedNode?.remotePc"
+            <button *ngIf="classroomCalendarUuid && !syncingUds" class="action-button sync-uds-button" (click)="syncUds($event)"
+              [disabled]="!classroomHasRemotePc"
               matTooltip="Sincronizar calendarios con UDS" matTooltipShowDelay="500">
               <mat-icon>sync</mat-icon>
             </button>

ogWebconsole/src/app/components/groups/groups.component.ts

@@ -1385,6 +1385,10 @@ export class GroupsComponent implements OnInit, OnDestroy {
     return (client as any)?.organizationalUnit?.remoteCalendar?.uuid || null;
   }
 
+  get classroomHasRemotePc(): boolean {
+    return this.selectedClients.data.some((c: any) => c.organizationalUnit?.remotePc === true);
+  }
+
   syncUds(event: MouseEvent): void {
     event.stopPropagation();
     const uuid = this.classroomCalendarUuid;