From 48cd746b5983bf08e4bb1f796a01404e5274ad67 Mon Sep 17 00:00:00 2001
From: Mariela Bonilla <mbonilla.guti@gmail.com>
Date: Tue, 6 Jul 2021 22:53:02 -0600
Subject: [PATCH 1/2] listar usuarios

historia de usuario: listar usuarios registrados
---
 .../webapp/app/entities/user/user.model.ts    | 13 +++++++-
 .../app/entities/user/user.service.spec.ts    |  6 ++--
 .../webapp/app/entities/user/user.service.ts  |  3 ++
 .../list/usuario-extra.component.html         | 30 +++++++++--------
 .../list/usuario-extra.component.scss         | 12 +++++++
 .../list/usuario-extra.component.ts           | 33 +++++++++++++++++--
 .../service/usuario-extra.service.ts          |  8 +++++
 7 files changed, 87 insertions(+), 18 deletions(-)
 create mode 100644 src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.scss

diff --git a/src/main/webapp/app/entities/user/user.model.ts b/src/main/webapp/app/entities/user/user.model.ts
index 2792389..add3f05 100644
--- a/src/main/webapp/app/entities/user/user.model.ts
+++ b/src/main/webapp/app/entities/user/user.model.ts
@@ -1,10 +1,21 @@
 export interface IUser {
   id?: number;
   login?: string;
+  firstName?: string | null;
+  lastName?: string | null;
+  email?: string;
+  authorities?: string[];
 }
 
 export class User implements IUser {
-  constructor(public id: number, public login: string) {}
+  constructor(
+    public id: number,
+    public login: string,
+    public firstName?: string,
+    public lastName?: string,
+    public email?: string,
+    public authorities?: string[]
+  ) {}
 }
 
 export function getUserIdentifier(user: IUser): number | undefined {
diff --git a/src/main/webapp/app/entities/user/user.service.spec.ts b/src/main/webapp/app/entities/user/user.service.spec.ts
index 02c8695..3982373 100644
--- a/src/main/webapp/app/entities/user/user.service.spec.ts
+++ b/src/main/webapp/app/entities/user/user.service.spec.ts
@@ -32,8 +32,10 @@ describe('Service Tests', () => {
         });
 
         const req = httpMock.expectOne({ method: 'GET' });
-        req.flush([new User(123, 'user')]);
-        expect(expectedResult).toEqual([{ id: 123, login: 'user' }]);
+        req.flush([new User(123, 'user', 'fist name', 'last name', 'email@gmail.com', ['ROLE_USER'])]);
+        expect(expectedResult).toEqual([
+          { id: 123, login: 'user', firstName: 'fist name', lastName: 'last name', email: 'email@gmail.com', authorities: ['ROLE_USER'] },
+        ]);
       });
 
       it('should propagate not found response', () => {
diff --git a/src/main/webapp/app/entities/user/user.service.ts b/src/main/webapp/app/entities/user/user.service.ts
index 7d23e9e..9d4571a 100644
--- a/src/main/webapp/app/entities/user/user.service.ts
+++ b/src/main/webapp/app/entities/user/user.service.ts
@@ -7,6 +7,9 @@ import { createRequestOption } from 'app/core/request/request-util';
 import { isPresent } from 'app/core/util/operators';
 import { Pagination } from 'app/core/request/request.model';
 import { IUser, getUserIdentifier } from './user.model';
+import { map } from 'rxjs/operators';
+
+export type EntityResponseType = HttpResponse<IUser>;
 
 @Injectable({ providedIn: 'root' })
 export class UserService {
diff --git a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.html b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.html
index 768a830..e69f537 100644
--- a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.html
+++ b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.html
@@ -32,34 +32,38 @@
     <table class="table table-striped" aria-describedby="page-heading">
       <thead>
         <tr>
-          <th scope="col"><span jhiTranslate="global.field.id">ID</span></th>
-          <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioExtra.nombre">Nombre</span></th>
+          <th scope="col"><span>Rol de usuario</span></th>
           <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioExtra.iconoPerfil">Icono Perfil</span></th>
-          <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioExtra.fechaNacimiento">Fecha Nacimiento</span></th>
+          <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioExtra.nombre">Nombre Usuario</span></th>
+          <th scope="col"><span>Nombre Completo</span></th>
+          <th scope="col"><span>Correo electrónico</span></th>
           <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioExtra.estado">Estado</span></th>
-          <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioExtra.user">User</span></th>
-          <th scope="col"><span jhiTranslate="dataSurveyApp.usuarioExtra.plantilla">Plantilla</span></th>
+          <!--<th scope="col"><span jhiTranslate="dataSurveyApp.usuarioExtra.plantilla">Plantilla</span></th>-->
           <th scope="col"></th>
         </tr>
       </thead>
       <tbody>
         <tr *ngFor="let usuarioExtra of usuarioExtras; trackBy: trackId" data-cy="entityTable">
+          <td *ngIf="usuarioExtra.user">
+            <ul class="listRoles">
+              <li *ngFor="let userRole of usuarioExtra.user.authorities">
+                <p>{{ userRole }}</p>
+              </li>
+            </ul>
+          </td>
           <td>
-            <a [routerLink]="['/usuario-extra', usuarioExtra.id, 'view']">{{ usuarioExtra.id }}</a>
+            <div class="photo mb-2"><img src="../../../../content/profile_icons/C{{ usuarioExtra.iconoPerfil }}.png" /></div>
           </td>
           <td>{{ usuarioExtra.nombre }}</td>
-          <td>{{ usuarioExtra.iconoPerfil }}</td>
-          <td>{{ usuarioExtra.fechaNacimiento | formatMediumDatetime }}</td>
+          <td *ngIf="usuarioExtra.user">{{ usuarioExtra.user.firstName }} {{ usuarioExtra.user.lastName }}</td>
+          <td *ngIf="usuarioExtra.user">{{ usuarioExtra.user.email }}</td>
           <td jhiTranslate="{{ 'dataSurveyApp.EstadoUsuario.' + usuarioExtra.estado }}">{{ usuarioExtra.estado }}</td>
-          <td>
-            {{ usuarioExtra.user?.id }}
-          </td>
-          <td>
+          <!--<td>
             <span *ngFor="let plantilla of usuarioExtra.plantillas; let last = last">
               <a class="form-control-static" [routerLink]="['/plantilla', plantilla.id, 'view']">{{ plantilla.id }}</a
               >{{ last ? '' : ', ' }}
             </span>
-          </td>
+          </td>-->
           <td class="text-right">
             <div class="btn-group">
               <button
diff --git a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.scss b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.scss
new file mode 100644
index 0000000..8c65d1f
--- /dev/null
+++ b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.scss
@@ -0,0 +1,12 @@
+.photo {
+  width: 80px;
+  height: 80px;
+  overflow: hidden;
+  z-index: 5;
+  border-radius: 50%;
+}
+
+.listRoles {
+  list-style: none;
+  padding-left: 10px;
+}
diff --git a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.ts b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.ts
index d537a82..0e69222 100644
--- a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.ts
+++ b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.ts
@@ -5,24 +5,48 @@ import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { IUsuarioExtra } from '../usuario-extra.model';
 import { UsuarioExtraService } from '../service/usuario-extra.service';
 import { UsuarioExtraDeleteDialogComponent } from '../delete/usuario-extra-delete-dialog.component';
+import { IUser } from '../../user/user.model';
+import { finalize } from 'rxjs/operators';
 
 @Component({
   selector: 'jhi-usuario-extra',
   templateUrl: './usuario-extra.component.html',
+  styleUrls: ['./usuario-extra.component.scss'],
 })
 export class UsuarioExtraComponent implements OnInit {
   usuarioExtras?: IUsuarioExtra[];
+  publicUsers?: IUser[];
   isLoading = false;
 
   constructor(protected usuarioExtraService: UsuarioExtraService, protected modalService: NgbModal) {}
 
-  loadAll(): void {
-    this.isLoading = true;
+  loadPublicUser(): void {
+    this.usuarioExtraService
+      .retrieveAllPublicUsers()
+      .pipe(finalize(() => this.loadUserExtras()))
+      .subscribe(res => {
+        res.forEach(user => {
+          let rolList: string[] | undefined;
+          rolList = user.authorities;
+          let a = rolList?.pop();
+          if (a == 'ROLE_ADMIN') {
+            user.authorities = ['ADMIN'];
+          } else if (a == 'ROLE_USER') {
+            user.authorities = ['USUARIO'];
+          }
+        });
+        this.publicUsers = res;
+      });
+  }
 
+  loadUserExtras() {
     this.usuarioExtraService.query().subscribe(
       (res: HttpResponse<IUsuarioExtra[]>) => {
         this.isLoading = false;
         this.usuarioExtras = res.body ?? [];
+        this.usuarioExtras.forEach(uE => {
+          uE.user = this.publicUsers?.find(pU => pU.id == uE.user?.id);
+        });
       },
       () => {
         this.isLoading = false;
@@ -30,6 +54,11 @@ export class UsuarioExtraComponent implements OnInit {
     );
   }
 
+  loadAll(): void {
+    this.isLoading = true;
+    this.loadPublicUser();
+  }
+
   ngOnInit(): void {
     this.loadAll();
   }
diff --git a/src/main/webapp/app/entities/usuario-extra/service/usuario-extra.service.ts b/src/main/webapp/app/entities/usuario-extra/service/usuario-extra.service.ts
index de5f5f7..ff2d74b 100644
--- a/src/main/webapp/app/entities/usuario-extra/service/usuario-extra.service.ts
+++ b/src/main/webapp/app/entities/usuario-extra/service/usuario-extra.service.ts
@@ -8,13 +8,17 @@ import { isPresent } from 'app/core/util/operators';
 import { ApplicationConfigService } from 'app/core/config/application-config.service';
 import { createRequestOption } from 'app/core/request/request-util';
 import { IUsuarioExtra, getUsuarioExtraIdentifier } from '../usuario-extra.model';
+import { IUser } from '../../user/user.model';
 
 export type EntityResponseType = HttpResponse<IUsuarioExtra>;
 export type EntityArrayResponseType = HttpResponse<IUsuarioExtra[]>;
 
+export type EntityArrayUserPublicResponseType = HttpResponse<IUser[]>;
+
 @Injectable({ providedIn: 'root' })
 export class UsuarioExtraService {
   protected resourceUrl = this.applicationConfigService.getEndpointFor('api/usuario-extras');
+  protected resourceUrlPublicUser = this.applicationConfigService.getEndpointFor('api');
 
   constructor(protected http: HttpClient, protected applicationConfigService: ApplicationConfigService) {}
 
@@ -45,6 +49,10 @@ export class UsuarioExtraService {
       .pipe(map((res: EntityResponseType) => this.convertDateFromServer(res)));
   }
 
+  retrieveAllPublicUsers(): Observable<IUser[]> {
+    return this.http.get<IUser[]>(this.resourceUrlPublicUser + '/admin/users');
+  }
+
   query(req?: any): Observable<EntityArrayResponseType> {
     const options = createRequestOption(req);
     return this.http

From 8764f50e9f4a00c48ad1347dd68b7c4aebf3c184 Mon Sep 17 00:00:00 2001
From: Mariela Bonilla <mbonilla.guti@gmail.com>
Date: Wed, 7 Jul 2021 02:05:30 -0600
Subject: [PATCH 2/2] update botones en html de listar usuarios
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

se eliminó un botón en el html innecesario de editar y se eliminó documento defectuoso de testing
---
 .../list/usuario-extra.component.html         | 10 ----
 .../list/usuario-extra.component.spec.ts      | 48 -------------------
 2 files changed, 58 deletions(-)
 delete mode 100644 src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.spec.ts

diff --git a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.html b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.html
index e69f537..4a85af9 100644
--- a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.html
+++ b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.html
@@ -76,16 +76,6 @@
                 <span class="d-none d-md-inline" jhiTranslate="entity.action.view">View</span>
               </button>
 
-              <button
-                type="submit"
-                [routerLink]="['/usuario-extra', usuarioExtra.id, 'edit']"
-                class="btn btn-primary btn-sm"
-                data-cy="entityEditButton"
-              >
-                <fa-icon icon="pencil-alt"></fa-icon>
-                <span class="d-none d-md-inline" jhiTranslate="entity.action.edit">Edit</span>
-              </button>
-
               <button type="submit" (click)="delete(usuarioExtra)" class="btn btn-danger btn-sm" data-cy="entityDeleteButton">
                 <fa-icon icon="times"></fa-icon>
                 <span class="d-none d-md-inline" jhiTranslate="entity.action.delete">Delete</span>
diff --git a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.spec.ts b/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.spec.ts
deleted file mode 100644
index 1a8c654..0000000
--- a/src/main/webapp/app/entities/usuario-extra/list/usuario-extra.component.spec.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { HttpHeaders, HttpResponse } from '@angular/common/http';
-import { HttpClientTestingModule } from '@angular/common/http/testing';
-import { of } from 'rxjs';
-
-import { UsuarioExtraService } from '../service/usuario-extra.service';
-
-import { UsuarioExtraComponent } from './usuario-extra.component';
-
-describe('Component Tests', () => {
-  describe('UsuarioExtra Management Component', () => {
-    let comp: UsuarioExtraComponent;
-    let fixture: ComponentFixture<UsuarioExtraComponent>;
-    let service: UsuarioExtraService;
-
-    beforeEach(() => {
-      TestBed.configureTestingModule({
-        imports: [HttpClientTestingModule],
-        declarations: [UsuarioExtraComponent],
-      })
-        .overrideTemplate(UsuarioExtraComponent, '')
-        .compileComponents();
-
-      fixture = TestBed.createComponent(UsuarioExtraComponent);
-      comp = fixture.componentInstance;
-      service = TestBed.inject(UsuarioExtraService);
-
-      const headers = new HttpHeaders().append('link', 'link;link');
-      jest.spyOn(service, 'query').mockReturnValue(
-        of(
-          new HttpResponse({
-            body: [{ id: 123 }],
-            headers,
-          })
-        )
-      );
-    });
-
-    it('Should call load all on init', () => {
-      // WHEN
-      comp.ngOnInit();
-
-      // THEN
-      expect(service.query).toHaveBeenCalled();
-      expect(comp.usuarioExtras?.[0]).toEqual(expect.objectContaining({ id: 123 }));
-    });
-  });
-});