From e94bb8f98aaa60836c278e666fa6a9f1bdbcec35 Mon Sep 17 00:00:00 2001
From: apuente <apuente@qindel.com>
Date: Fri, 18 Oct 2024 09:11:49 +0200
Subject: [PATCH] refs #917 partition assistant scroll down auto

---
 .../client-main-view.component.html             |  4 ++--
 .../client-main-view.component.ts               | 17 ++++++++++++++---
 .../partition-assistant.component.html          |  1 +
 .../restore-image/restore-image.component.html  |  1 +
 4 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/ogWebconsole/src/app/components/groups/components/client-main-view/client-main-view.component.html b/ogWebconsole/src/app/components/groups/components/client-main-view/client-main-view.component.html
index 2a01f5c..0f1d858 100644
--- a/ogWebconsole/src/app/components/groups/components/client-main-view/client-main-view.component.html
+++ b/ogWebconsole/src/app/components/groups/components/client-main-view/client-main-view.component.html
@@ -62,9 +62,9 @@
 </div>
 
 
-<div class="assistants-container" *ngIf="isPartitionAssistantVisible">
+<div class="assistants-container" *ngIf="isPartitionAssistantVisible" #assistantContainer>
   <app-partition-assistant [data]="clientData" [clientUuid]="clientUuid"></app-partition-assistant>
 </div>
-<div class="assistants-container" *ngIf="isBootImageVisible">
+<div class="assistants-container" *ngIf="isBootImageVisible" #assistantContainer>
   <app-restore-image [data]="clientData"></app-restore-image>
 </div>
diff --git a/ogWebconsole/src/app/components/groups/components/client-main-view/client-main-view.component.ts b/ogWebconsole/src/app/components/groups/components/client-main-view/client-main-view.component.ts
index a23828d..4f00d86 100644
--- a/ogWebconsole/src/app/components/groups/components/client-main-view/client-main-view.component.ts
+++ b/ogWebconsole/src/app/components/groups/components/client-main-view/client-main-view.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
 import { HttpClient } from '@angular/common/http';
 interface ClientInfo {
   property: string;
@@ -12,6 +12,7 @@ interface ClientInfo {
 })
 export class ClientMainViewComponent implements OnInit {
   baseUrl: string = import.meta.env.NG_APP_BASE_API_URL;
+  @ViewChild('assistantContainer') assistantContainer!: ElementRef;
   clientUuid: string;
   clientData: any = {};
   isPartitionAssistantVisible: boolean = false;
@@ -106,11 +107,21 @@ export class ClientMainViewComponent implements OnInit {
 
   togglePartitionAssistant() {
     this.isPartitionAssistantVisible = !this.isPartitionAssistantVisible;
-    this.isBootImageVisible = false;
+    this.isBootImageVisible = false
+    if (this.isPartitionAssistantVisible) {
+      setTimeout(() => {
+        this.assistantContainer.nativeElement.scrollIntoView({ behavior: 'smooth' });
+      }, 0);
+    }
   }
 
   showBootImage() {
-    this.isPartitionAssistantVisible = false;
     this.isBootImageVisible = !this.isBootImageVisible;
+    this.isPartitionAssistantVisible = false;
+    if (this.isBootImageVisible) {
+      setTimeout(() => {
+        this.assistantContainer.nativeElement.scrollIntoView({ behavior: 'smooth' });
+      }, 0);
+    }
   }
 }
diff --git a/ogWebconsole/src/app/components/groups/components/client-main-view/partition-assistant/partition-assistant.component.html b/ogWebconsole/src/app/components/groups/components/client-main-view/partition-assistant/partition-assistant.component.html
index b38b624..96bec8a 100644
--- a/ogWebconsole/src/app/components/groups/components/client-main-view/partition-assistant/partition-assistant.component.html
+++ b/ogWebconsole/src/app/components/groups/components/client-main-view/partition-assistant/partition-assistant.component.html
@@ -1,4 +1,5 @@
 <div class="partition-assistant" *ngFor="let disk of disks; let i = index">
+  <h2>Asistente a particionado</h2>
   <div class="header">
     <label for="disk-number-{{i}}">Disco {{ disk.diskNumber }}:</label>
     <span class="disk-size">Tamaño: {{ disk.totalDiskSize }} GB</span>
diff --git a/ogWebconsole/src/app/components/groups/components/client-main-view/restore-image/restore-image.component.html b/ogWebconsole/src/app/components/groups/components/client-main-view/restore-image/restore-image.component.html
index f8f105a..4301955 100644
--- a/ogWebconsole/src/app/components/groups/components/client-main-view/restore-image/restore-image.component.html
+++ b/ogWebconsole/src/app/components/groups/components/client-main-view/restore-image/restore-image.component.html
@@ -1,3 +1,4 @@
+<h2>Asistente de imagenes en disco</h2>
 <div *ngFor="let disk of disks" class="partition-assistant">
   <div class="header">
     <label>Disco {{ disk.diskNumber }}</label>