From 9872b9c7e41c599dfa70baa74e2de9a2437dd9e9 Mon Sep 17 00:00:00 2001
From: Nicolas Arenas <nicolas.arenas@qindel.com>
Date: Tue, 26 May 2026 15:21:18 +0200
Subject: [PATCH] fix(oggui): ocultar botones de escritura de infraestructura
 para ou-admin

Los botones de crear, editar y eliminar en servidores DHCP, Boot,
Comandos y Repositorios quedan visibles unicamente para super-admin,
alineando la UI con las restricciones de backend anadidas en ogcore.
---
 .../commands/main-commands/commands.component.html          | 6 +++---
 .../components/commands/main-commands/commands.component.ts | 2 ++
 .../ogboot/boot-servers/boot-servers.component.html         | 6 +++---
 .../ogboot/boot-servers/boot-servers.component.ts           | 2 ++
 .../ogdhcp/dhcp-servers/dhcp-servers.component.html         | 6 +++---
 .../ogdhcp/dhcp-servers/dhcp-servers.component.ts           | 2 ++
 .../app/components/repositories/repositories.component.html | 6 +++---
 .../app/components/repositories/repositories.component.ts   | 2 ++
 8 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/ogWebconsole/src/app/components/commands/main-commands/commands.component.html b/ogWebconsole/src/app/components/commands/main-commands/commands.component.html
index f1ccfa2..029ef60 100644
--- a/ogWebconsole/src/app/components/commands/main-commands/commands.component.html
+++ b/ogWebconsole/src/app/components/commands/main-commands/commands.component.html
@@ -6,7 +6,7 @@
     <h2 joyrideStep="titleStep" text="{{ 'titleStepText' | translate }}">{{ 'CommandsTitle' | translate }}</h2>
   </div>
   <div class="command-button-row" joyrideStep="addCommandStep" text="{{ 'addCommandStepText' | translate }}">
-    <button class="action-button" (click)="openCreateCommandModal()">{{ 'addCommand' | translate }}</button>
+    <button *ngIf="auth.isSuperAdmin" class="action-button" (click)="openCreateCommandModal()">{{ 'addCommand' | translate }}</button>
   </div>
 </div>
 
@@ -44,8 +44,8 @@
       <th mat-header-cell *matHeaderCellDef style="text-align: center;">{{ 'actions' | translate }}</th>
       <td mat-cell *matCellDef="let command" style="text-align: center;" joyrideStep="actionsStep" text="{{ 'actionsStepText' | translate }}">
         <button mat-icon-button color="info" (click)="viewDetails($event, command)"><mat-icon>visibility</mat-icon></button>
-        <button mat-icon-button color="primary" [disabled]="command.readOnly" (click)="editCommand($event, command)"><mat-icon>edit</mat-icon></button>
-        <button mat-icon-button color="warn" [disabled]="command.readOnly" (click)="deleteCommand($event, command)"><mat-icon>delete</mat-icon></button>
+        <button *ngIf="auth.isSuperAdmin" mat-icon-button color="primary" [disabled]="command.readOnly" (click)="editCommand($event, command)"><mat-icon>edit</mat-icon></button>
+        <button *ngIf="auth.isSuperAdmin" mat-icon-button color="warn" [disabled]="command.readOnly" (click)="deleteCommand($event, command)"><mat-icon>delete</mat-icon></button>
       </td>
     </ng-container>
 
diff --git a/ogWebconsole/src/app/components/commands/main-commands/commands.component.ts b/ogWebconsole/src/app/components/commands/main-commands/commands.component.ts
index d600cba..68e2ef6 100644
--- a/ogWebconsole/src/app/components/commands/main-commands/commands.component.ts
+++ b/ogWebconsole/src/app/components/commands/main-commands/commands.component.ts
@@ -10,6 +10,7 @@ import { DeleteModalComponent } from '../../../shared/delete_modal/delete-modal/
 import { MatTableDataSource } from '@angular/material/table';
 import { DatePipe } from '@angular/common';
 import { ConfigService } from '@services/config.service';
+import { AuthService } from '@services/auth.service';
 import { JoyrideService } from 'ngx-joyride';
 
 @Component({
@@ -19,6 +20,7 @@ import { JoyrideService } from 'ngx-joyride';
 })
 export class CommandsComponent implements OnInit {
   public translate = inject(TranslateService);
+  public auth = inject(AuthService);
   baseUrl: string;
   private apiUrl: string;
   dataSource = new MatTableDataSource<any>();
diff --git a/ogWebconsole/src/app/components/ogboot/boot-servers/boot-servers.component.html b/ogWebconsole/src/app/components/ogboot/boot-servers/boot-servers.component.html
index d22dbbc..70735bf 100644
--- a/ogWebconsole/src/app/components/ogboot/boot-servers/boot-servers.component.html
+++ b/ogWebconsole/src/app/components/ogboot/boot-servers/boot-servers.component.html
@@ -9,7 +9,7 @@
       {{ 'ogbootServers' | translate }}</h2>
   </div>
   <div class="images-button-row">
-    <button
+    <button *ngIf="auth.isSuperAdmin"
       class="action-button" (click)="addServer()"
       joyrideStep="addStep"
       text="Añadir Servidor Boot">{{ 'addBootServer' | translate }}</button>
@@ -51,10 +51,10 @@
       <button mat-icon-button color="primary" (click)="syncServer(server)" [matTooltip]="'syncServer' | translate">
         <mat-icon>sync</mat-icon>
       </button>
-      <button mat-icon-button color="primary" (click)="editServer($event, server)" [matTooltip]="'editServerTitle' | translate">
+      <button *ngIf="auth.isSuperAdmin" mat-icon-button color="primary" (click)="editServer($event, server)" [matTooltip]="'editServerTitle' | translate">
         <mat-icon>edit</mat-icon>
       </button>
-      <button mat-icon-button color="warn" (click)="deleteServer($event, server)" [matTooltip]="'buttonDeleteServer' | translate">
+      <button *ngIf="auth.isSuperAdmin" mat-icon-button color="warn" (click)="deleteServer($event, server)" [matTooltip]="'buttonDeleteServer' | translate">
         <mat-icon>delete</mat-icon>
       </button>
     </td>
diff --git a/ogWebconsole/src/app/components/ogboot/boot-servers/boot-servers.component.ts b/ogWebconsole/src/app/components/ogboot/boot-servers/boot-servers.component.ts
index 8570ffb..74b0997 100644
--- a/ogWebconsole/src/app/components/ogboot/boot-servers/boot-servers.component.ts
+++ b/ogWebconsole/src/app/components/ogboot/boot-servers/boot-servers.component.ts
@@ -10,6 +10,7 @@ import {DeleteModalComponent} from "../../../shared/delete_modal/delete-modal/de
 import { JoyrideService } from 'ngx-joyride';
 import { Router } from '@angular/router';
 import { ConfigService } from '@services/config.service';
+import { AuthService } from '@services/auth.service';
 import {ManageBootServerComponent} from "../manage-boot-server/manage-boot-server.component";
 import { forkJoin } from 'rxjs';
 
@@ -20,6 +21,7 @@ import { forkJoin } from 'rxjs';
 })
 export class BootServersComponent implements OnInit {
   public translate = inject(TranslateService);
+  public auth = inject(AuthService);
   baseUrl: string;
   private apiUrl: string;
   dataSource = new MatTableDataSource<any>();
diff --git a/ogWebconsole/src/app/components/ogdhcp/dhcp-servers/dhcp-servers.component.html b/ogWebconsole/src/app/components/ogdhcp/dhcp-servers/dhcp-servers.component.html
index ef1ff2b..c05218f 100644
--- a/ogWebconsole/src/app/components/ogdhcp/dhcp-servers/dhcp-servers.component.html
+++ b/ogWebconsole/src/app/components/ogdhcp/dhcp-servers/dhcp-servers.component.html
@@ -9,7 +9,7 @@
       {{ 'dhcpServers' | translate }}</h2>
   </div>
   <div class="images-button-row">
-    <button
+    <button *ngIf="auth.isSuperAdmin"
       class="action-button" (click)="addServer()"
       joyrideStep="addStep"
       text="Añadir Servidor DHCP">{{ 'addDhcpServer' | translate }}</button>
@@ -54,9 +54,9 @@
   <ng-container matColumnDef="actions">
     <th mat-header-cell *matHeaderCellDef style="text-align: center;">{{ 'actions' | translate }}</th>
     <td mat-cell *matCellDef="let server" style="text-align: center;" joyrideStep="actionsStep">
-      <button mat-icon-button color="primary" (click)="editServer($event, server)" [matTooltip]="'editServerTitle' | translate">
+      <button *ngIf="auth.isSuperAdmin" mat-icon-button color="primary" (click)="editServer($event, server)" [matTooltip]="'editServerTitle' | translate">
         <mat-icon>edit</mat-icon></button>
-      <button mat-icon-button color="warn" (click)="deleteServer($event, server)" [matTooltip]="'buttonDeleteServer' | translate">
+      <button *ngIf="auth.isSuperAdmin" mat-icon-button color="warn" (click)="deleteServer($event, server)" [matTooltip]="'buttonDeleteServer' | translate">
         <mat-icon>delete</mat-icon>
       </button>
     </td>
diff --git a/ogWebconsole/src/app/components/ogdhcp/dhcp-servers/dhcp-servers.component.ts b/ogWebconsole/src/app/components/ogdhcp/dhcp-servers/dhcp-servers.component.ts
index b34cc55..2ada710 100644
--- a/ogWebconsole/src/app/components/ogdhcp/dhcp-servers/dhcp-servers.component.ts
+++ b/ogWebconsole/src/app/components/ogdhcp/dhcp-servers/dhcp-servers.component.ts
@@ -10,6 +10,7 @@ import {DeleteModalComponent} from "../../../shared/delete_modal/delete-modal/de
 import { JoyrideService } from 'ngx-joyride';
 import { Router } from '@angular/router';
 import { ConfigService } from '@services/config.service';
+import { AuthService } from '@services/auth.service';
 import {ManageDhcpServerComponent} from "../manage-dhcp-server/manage-dhcp-server.component";
 
 @Component({
@@ -19,6 +20,7 @@ import {ManageDhcpServerComponent} from "../manage-dhcp-server/manage-dhcp-serve
 })
 export class DhcpServersComponent implements OnInit {
   public translate = inject(TranslateService);
+  public auth = inject(AuthService);
   baseUrl: string;
   private apiUrl: string;
   dataSource = new MatTableDataSource<any>();
diff --git a/ogWebconsole/src/app/components/repositories/repositories.component.html b/ogWebconsole/src/app/components/repositories/repositories.component.html
index d2a5c9c..e14ccd1 100644
--- a/ogWebconsole/src/app/components/repositories/repositories.component.html
+++ b/ogWebconsole/src/app/components/repositories/repositories.component.html
@@ -10,7 +10,7 @@
     </h2>
   </div>
   <div class="images-button-row">
-    <button
+    <button *ngIf="auth.isSuperAdmin"
       class="action-button" (click)="addImage()"
       joyrideStep="addStep"
       text="{{ 'addRepositoryStepText' | translate }}">{{ 'addRepository' | translate }}</button>
@@ -68,9 +68,9 @@
     <th mat-header-cell *matHeaderCellDef i18n="@@columnActions" style="text-align: center;">{{ 'actions' | translate }}</th>
     <td mat-cell *matCellDef="let repository" style="text-align: center;" joyrideStep="actionsStep"
         [text]="'actionsDescription' | translate">
-      <button mat-icon-button color="primary" (click)="editRepository($event, repository)" i18n="@@editImage">
+      <button *ngIf="auth.isSuperAdmin" mat-icon-button color="primary" (click)="editRepository($event, repository)" i18n="@@editImage">
         <mat-icon>edit</mat-icon></button>
-      <button mat-icon-button color="warn" (click)="deleteRepository($event, repository)">
+      <button *ngIf="auth.isSuperAdmin" mat-icon-button color="warn" (click)="deleteRepository($event, repository)">
         <mat-icon i18n="@@deleteElementTooltip">delete</mat-icon>
       </button>
     </td>
diff --git a/ogWebconsole/src/app/components/repositories/repositories.component.ts b/ogWebconsole/src/app/components/repositories/repositories.component.ts
index e033315..340e4bd 100644
--- a/ogWebconsole/src/app/components/repositories/repositories.component.ts
+++ b/ogWebconsole/src/app/components/repositories/repositories.component.ts
@@ -10,6 +10,7 @@ import {DeleteModalComponent} from "../../shared/delete_modal/delete-modal/delet
 import { JoyrideService } from 'ngx-joyride';
 import { Router } from '@angular/router';
 import { ConfigService } from '@services/config.service';
+import { AuthService } from '@services/auth.service';
 import {Subnet} from "../ogdhcp/og-dhcp-subnets.component";
 import {ShowMonoliticImagesComponent} from "./show-monolitic-images/show-monolitic-images.component";
 import {ShowGitCommitsComponent} from "./show-git-images/show-git-images.component";
@@ -22,6 +23,7 @@ import {ManageRepositoryComponent} from "./manage-repository/manage-repository.c
 })
 export class RepositoriesComponent implements OnInit {
   public translate = inject(TranslateService);
+  public auth = inject(AuthService);
   baseUrl: string;
   private apiUrl: string;
   dataSource = new MatTableDataSource<any>();