cambios de html despues de merge

This commit is contained in:
Mariela Bonilla 2021-07-24 16:52:36 -06:00
parent 3ae0019c99
commit 7d61742e40
2 changed files with 91 additions and 140 deletions

View File

@ -80,7 +80,7 @@
</form> </form>
<!-- Lista de Encuestas del Usuario --> <!-- Lista de Encuestas del Usuario -->
<div class="ds-list" (contextmenu)="openContextMenu($event)" *ngIf="!isAdmin()"> <div class="ds-list" (contextmenu)="openContextMenu($event)">
<!-- Context Menu --> <!-- Context Menu -->
<div class="ds-contextmenu ds-contextmenu--closed" id="contextmenu"> <div class="ds-contextmenu ds-contextmenu--closed" id="contextmenu">
<ul id="ds-context-menu__list"> <ul id="ds-context-menu__list">
@ -97,6 +97,22 @@
</button> </button>
</li> </li>
</div> </div>
<div class="ds-contextmenu__divider ds-contextmenu__divider--separator-bottom" id="contextmenu-edit--separator">
<li class="d-justify justify-content-start">
<button type="button" id="contextmenu-edit"><fa-icon class="contextmenu__icon" [icon]="faEdit"></fa-icon>Editar</button>
</li>
<li>
<button type="button" id="contextmenu-duplicate"><fa-icon class="contextmenu__icon" [icon]="faCopy"></fa-icon>Duplicar</button>
</li>
<li>
<button type="button" id="contextmenu-rename">
<fa-icon class="contextmenu__icon" [icon]="faFile"></fa-icon>Cambiar nombre
</button>
</li>
<li>
<button type="button" id="contextmenu-share"><fa-icon class="contextmenu__icon" [icon]="faShareAlt"></fa-icon>Compartir</button>
</li>
</div>
<div class="ds-contextmenu__divider" id="contextmenu-delete--separator"> <div class="ds-contextmenu__divider" id="contextmenu-delete--separator">
<li> <li>
<button type="button"><fa-icon class="contextmenu__icon" [icon]="faTrashAlt"></fa-icon>Eliminar</button> <button type="button"><fa-icon class="contextmenu__icon" [icon]="faTrashAlt"></fa-icon>Eliminar</button>
@ -104,146 +120,83 @@
</div> </div>
</ul> </ul>
</div> </div>
<div
<!-- Lista de Encuestas del Usuario --> class="ds-list--entity"
<div class="ds-list" (contextmenu)="openContextMenu($event)"> *ngFor="
<!-- Context Menu --> let encuesta of encuestas | filter: 'nombre':searchString | filter: 'acceso':accesoEncuesta | filter: 'estado':estadoEncuesta;
<div class="ds-contextmenu ds-contextmenu--closed" id="contextmenu"> trackBy: trackId
<ul id="ds-context-menu__list"> "
<div class="ds-contextmenu__divider ds-contextmenu__divider--separator-bottom" id="contextmenu-create--separator"> (dblclick)="openSurvey($event)"
<li> (click)="selectSurvey($event)"
<button [attr.data-id]="encuesta.id"
*ngIf="!isAdmin() && isAuthenticated()" >
type="button" <div class="entity-header">
(click)="resetForm()" <div class="entity-state--container">
data-toggle="modal" <div
data-target="#crearEncuesta" class="entity-state"
> [ngClass]="
<fa-icon class="contextmenu__icon" [icon]="faPlus"></fa-icon>Crear encuesta.estado == 'DRAFT' ? 'entity-state--blue' : encuesta.estado == 'ACTIVE' ? 'entity-state--green' : 'entity-state--red'
</button> "
</li> style="animation-delay: 0s"
</div> ></div>
<div class="ds-contextmenu__divider ds-contextmenu__divider--separator-bottom" id="contextmenu-edit--separator"> <div
<li class="d-justify justify-content-start"> class="entity-state"
<button type="button" id="contextmenu-edit"><fa-icon class="contextmenu__icon" [icon]="faEdit"></fa-icon>Editar</button> [ngClass]="
</li> encuesta.estado == 'DRAFT' ? 'entity-state--blue' : encuesta.estado == 'ACTIVE' ? 'entity-state--green' : 'entity-state--red'
<li> "
<button type="button" id="contextmenu-duplicate"> style="animation-delay: 1s"
<fa-icon class="contextmenu__icon" [icon]="faCopy"></fa-icon>Duplicar ></div>
</button> <div
</li> class="entity-state entity-state--blue"
<li> [ngClass]="
<button type="button" id="contextmenu-rename"> encuesta.estado == 'DRAFT' ? 'entity-state--blue' : encuesta.estado == 'ACTIVE' ? 'entity-state--green' : 'entity-state--red'
<fa-icon class="contextmenu__icon" [icon]="faFile"></fa-icon>Cambiar nombre "
</button> style="animation-delay: 2s"
</li> ></div>
<li> <div
<button type="button" id="contextmenu-share"> class="entity-state entity-state--blue"
<fa-icon class="contextmenu__icon" [icon]="faShareAlt"></fa-icon>Compartir [ngClass]="
</button> encuesta.estado == 'DRAFT' ? 'entity-state--blue' : encuesta.estado == 'ACTIVE' ? 'entity-state--green' : 'entity-state--red'
</li> "
</div> style="animation-delay: 3s"
<div class="ds-contextmenu__divider" id="contextmenu-delete--separator"> ></div>
<li> </div>
<button type="button"><fa-icon class="contextmenu__icon" [icon]="faTrashAlt"></fa-icon>Eliminar</button> <div class="entity-share">
</li> <span><fa-icon [icon]="faShareAlt"></fa-icon></span>
</div> </div>
</ul>
</div> </div>
<div <div class="entity-body">
class="ds-list--entity" <div class="entity-body--row">
*ngFor=" <span *ngIf="encuesta.acceso == 'PUBLIC'" class="title"
let encuesta of encuestas | filter: 'nombre':searchString | filter: 'acceso':accesoEncuesta | filter: 'estado':estadoEncuesta; ><fa-icon class="entity-icon--access" [icon]="faUnlock"></fa-icon>&nbsp;&nbsp;{{ encuesta.nombre | titlecase }}</span
trackBy: trackId >
"
(dblclick)="openSurvey($event)"
(click)="selectSurvey($event)"
[attr.data-id]="encuesta.id"
>
<div class="entity-header">
<div class="entity-state--container">
<div
class="entity-state"
[ngClass]="
encuesta.estado == 'DRAFT'
? 'entity-state--blue'
: encuesta.estado == 'ACTIVE'
? 'entity-state--green'
: 'entity-state--red'
"
style="animation-delay: 0s"
></div>
<div
class="entity-state"
[ngClass]="
encuesta.estado == 'DRAFT'
? 'entity-state--blue'
: encuesta.estado == 'ACTIVE'
? 'entity-state--green'
: 'entity-state--red'
"
style="animation-delay: 1s"
></div>
<div
class="entity-state entity-state--blue"
[ngClass]="
encuesta.estado == 'DRAFT'
? 'entity-state--blue'
: encuesta.estado == 'ACTIVE'
? 'entity-state--green'
: 'entity-state--red'
"
style="animation-delay: 2s"
></div>
<div
class="entity-state entity-state--blue"
[ngClass]="
encuesta.estado == 'DRAFT'
? 'entity-state--blue'
: encuesta.estado == 'ACTIVE'
? 'entity-state--green'
: 'entity-state--red'
"
style="animation-delay: 3s"
></div>
</div>
<div class="entity-share">
<span><fa-icon [icon]="faShareAlt"></fa-icon></span>
</div>
</div> </div>
<div class="entity-body--row">
<div class="entity-body"> <span *ngIf="encuesta.acceso == 'PRIVATE'" class="title mt-2"
<div class="entity-body--row"> ><fa-icon class="entity-icon--access" [icon]="faLock"></fa-icon>&nbsp;&nbsp;{{ encuesta.nombre | titlecase }}</span
<span *ngIf="encuesta.acceso == 'PUBLIC'" class="title" >
><fa-icon class="entity-icon--access" [icon]="faUnlock"></fa-icon>&nbsp;&nbsp;{{ encuesta.nombre | titlecase }}</span
>
</div>
<div class="entity-body--row">
<span *ngIf="encuesta.acceso == 'PRIVATE'" class="title mt-2"
><fa-icon class="entity-icon--access" [icon]="faLock"></fa-icon>&nbsp;&nbsp;{{ encuesta.nombre | titlecase }}</span
>
</div>
<div class="entity-body--row">
<span class="mt-2"
><fa-icon class="entity-icon--access" [icon]="faCalendarAlt"></fa-icon>&nbsp;&nbsp;{{
encuesta.fechaCreacion | formatShortDatetime | titlecase
}}</span
>
</div>
<div class="entity-body--row">
<span class="subtitle mt-2">{{ encuesta.descripcion | titlecase }}</span>
</div>
<div class="entity-body--row">
<span class="tag mt-2">{{ encuesta.categoria?.nombre | lowercase }}</span>
</div>
<div class="entity-body--row">
<fa-icon *ngFor="let i of [].constructor(encuesta.calificacion)" class="entity-icon--star" [icon]="faStar"></fa-icon
><fa-icon *ngFor="let i of [].constructor(5 - encuesta.calificacion!)" class="entity-icon--star--off" [icon]="faStar"></fa-icon>
</div>
</div> </div>
<div class="entity-body--row">
<span class="mt-2"
><fa-icon class="entity-icon--access" [icon]="faCalendarAlt"></fa-icon>&nbsp;&nbsp;{{
encuesta.fechaCreacion | formatShortDatetime | titlecase
}}</span
>
</div>
<div class="entity-body--row">
<span class="subtitle mt-2">{{ encuesta.descripcion | titlecase }}</span>
</div>
<div class="entity-body--row">
<span class="tag mt-2">{{ encuesta.categoria?.nombre | lowercase }}</span>
</div>
<div class="entity-body--row">
<fa-icon *ngFor="let i of [].constructor(encuesta.calificacion)" class="entity-icon--star" [icon]="faStar"></fa-icon
><fa-icon *ngFor="let i of [].constructor(5 - encuesta.calificacion!)" class="entity-icon--star--off" [icon]="faStar"></fa-icon>
</div>
</div>
<!-- <p> <!-- <p>
<a [routerLink]="['/encuesta', encuesta.id, 'view']">{{ encuesta.id }}</a> <a [routerLink]="['/encuesta', encuesta.id, 'view']">{{ encuesta.id }}</a>
</p> </p>
<p>{{ encuesta.nombre }}</p> <p>{{ encuesta.nombre }}</p>
@ -321,14 +274,13 @@
<fa-icon icon="pencil-alt"></fa-icon> <fa-icon icon="pencil-alt"></fa-icon>
<span class="d-none d-md-inline" jhiTranslate="entity.action.edit">Edit</span> <span class="d-none d-md-inline" jhiTranslate="entity.action.edit">Edit</span>
</button> </button>
<button type="submit" (click)="delete(encuesta)" class="btn btn-danger btn-sm" data-cy="entityDeleteButton"> <button type="submit" (click)="delete(encuesta)" class="btn btn-danger btn-sm" data-cy="entityDeleteButton">
<fa-icon icon="times"></fa-icon> <fa-icon icon="times"></fa-icon>
<span class="d-none d-md-inline" jhiTranslate="entity.action.delete">Delete</span> <span class="d-none d-md-inline" jhiTranslate="entity.action.delete">Delete</span>
</button> </button>
</div> </div>
</div> --> </div> -->
</div>
</div> </div>
</div> </div>

View File

@ -62,7 +62,6 @@ export class EncuestaComponent implements OnInit, AfterViewInit {
account: Account | null = null; account: Account | null = null;
usuarioExtra: UsuarioExtra | null = null; usuarioExtra: UsuarioExtra | null = null;
estadoDeleted = EstadoEncuesta.DELETED; estadoDeleted = EstadoEncuesta.DELETED;
public searchString: string;
encuestas?: IEncuesta[]; encuestas?: IEncuesta[];
isLoading = false; isLoading = false;
@ -72,7 +71,7 @@ export class EncuestaComponent implements OnInit, AfterViewInit {
categoriasSharedCollection: ICategoria[] = []; categoriasSharedCollection: ICategoria[] = [];
usuarioExtrasSharedCollection: IUsuarioExtra[] = []; usuarioExtrasSharedCollection: IUsuarioExtra[] = [];
public searchEncuesta: string; public searchString: string;
public accesoEncuesta: string; public accesoEncuesta: string;
//public categoriaEncuesta: string; //public categoriaEncuesta: string;
public estadoEncuesta: string; public estadoEncuesta: string;