cambios de html despues de merge
This commit is contained in:
parent
3ae0019c99
commit
7d61742e40
|
@ -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> {{ 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> {{ encuesta.nombre | titlecase }}</span
|
||||||
<span *ngIf="encuesta.acceso == 'PUBLIC'" class="title"
|
>
|
||||||
><fa-icon class="entity-icon--access" [icon]="faUnlock"></fa-icon> {{ 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> {{ encuesta.nombre | titlecase }}</span
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="entity-body--row">
|
|
||||||
<span class="mt-2"
|
|
||||||
><fa-icon class="entity-icon--access" [icon]="faCalendarAlt"></fa-icon> {{
|
|
||||||
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> {{
|
||||||
|
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>
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue