Add create another survey in modal
This commit is contained in:
parent
0890e4c2d4
commit
efb6797f83
|
@ -110,7 +110,9 @@
|
||||||
<!-- --------------------------------------------------------------------------------------------- -->
|
<!-- --------------------------------------------------------------------------------------------- -->
|
||||||
|
|
||||||
<!-- Button trigger modal -->
|
<!-- Button trigger modal -->
|
||||||
<button type="button" class="ds-btn ds-btn--primary" data-toggle="modal" data-target="#crearEncuesta">Crear encuesta</button>
|
<button type="button" class="ds-btn ds-btn--primary" (click)="resetForm()" data-toggle="modal" data-target="#crearEncuesta">
|
||||||
|
Crear encuesta
|
||||||
|
</button>
|
||||||
|
|
||||||
<!-- Modal -->
|
<!-- Modal -->
|
||||||
<div
|
<div
|
||||||
|
@ -132,11 +134,6 @@
|
||||||
<div>
|
<div>
|
||||||
<jhi-alert-error></jhi-alert-error>
|
<jhi-alert-error></jhi-alert-error>
|
||||||
|
|
||||||
<div class="form-group" [hidden]="editForm.get('id')!.value == null">
|
|
||||||
<label class="form-control-label" jhiTranslate="global.field.id" for="field_id">ID</label>
|
|
||||||
<input type="number" class="form-control" name="id" id="field_id" data-cy="id" formControlName="id" [readonly]="true" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-control-label" jhiTranslate="dataSurveyApp.encuesta.nombre" for="field_nombre">Nombre</label>
|
<label class="form-control-label" jhiTranslate="dataSurveyApp.encuesta.nombre" for="field_nombre">Nombre</label>
|
||||||
<input type="text" class="form-control" name="nombre" id="field_nombre" data-cy="nombre" formControlName="nombre" />
|
<input type="text" class="form-control" name="nombre" id="field_nombre" data-cy="nombre" formControlName="nombre" />
|
||||||
|
@ -202,7 +199,7 @@
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-control-label" jhiTranslate="dataSurveyApp.encuesta.categoria" for="field_categoria">Categoría</label>
|
<label class="form-control-label" jhiTranslate="dataSurveyApp.encuesta.categoria" for="field_categoria">Categoría</label>
|
||||||
<select class="form-control" id="field_categoria" data-cy="categoria" name="categoria" formControlName="categoria">
|
<select class="form-control" id="field_categoria" data-cy="categoria" name="categoria" formControlName="categoria">
|
||||||
<option [ngValue]="null"></option>
|
<option [ngValue]="null" selected></option>
|
||||||
<option
|
<option
|
||||||
[ngValue]="
|
[ngValue]="
|
||||||
categoriaOption.id === editForm.get('categoria')!.value?.id ? editForm.get('categoria')!.value : categoriaOption
|
categoriaOption.id === editForm.get('categoria')!.value?.id ? editForm.get('categoria')!.value : categoriaOption
|
||||||
|
@ -212,10 +209,21 @@
|
||||||
{{ categoriaOption.nombre }}
|
{{ categoriaOption.nombre }}
|
||||||
</option>
|
</option>
|
||||||
</select>
|
</select>
|
||||||
|
<div *ngIf="editForm.get('categoria')!.invalid && (editForm.get('categoria')!.dirty || editForm.get('categoria')!.touched)">
|
||||||
|
<small
|
||||||
|
class="form-text text-danger"
|
||||||
|
*ngIf="editForm.get('categoria')?.errors?.required"
|
||||||
|
jhiTranslate="entity.validation.required"
|
||||||
|
>
|
||||||
|
This field is required.
|
||||||
|
</small>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="modal-footer">
|
<div class="modal-footer">
|
||||||
|
<input id="createAnother" type="checkbox" (change)="createAnotherChange($event)" />
|
||||||
|
<label for="createAnother">Crear otra</label>
|
||||||
<button id="cancelBtn" type="button" class="ds-btn ds-btn--secondary" data-dismiss="modal">
|
<button id="cancelBtn" type="button" class="ds-btn ds-btn--secondary" data-dismiss="modal">
|
||||||
<fa-icon icon="arrow-left"></fa-icon> <span jhiTranslate="entity.action.cancel">Cancel</span>
|
<fa-icon icon="arrow-left"></fa-icon> <span jhiTranslate="entity.action.cancel">Cancel</span>
|
||||||
</button>
|
</button>
|
||||||
|
@ -223,8 +231,8 @@
|
||||||
type="submit"
|
type="submit"
|
||||||
id="save-entity"
|
id="save-entity"
|
||||||
data-cy="entityCreateSaveButton"
|
data-cy="entityCreateSaveButton"
|
||||||
[disabled]="editForm.invalid || isSaving"
|
|
||||||
class="ds-btn ds-btn--primary"
|
class="ds-btn ds-btn--primary"
|
||||||
|
[disabled]="editForm.invalid || isSaving"
|
||||||
>
|
>
|
||||||
<span jhiTranslate="entity.action.create">Create</span>
|
<span jhiTranslate="entity.action.create">Create</span>
|
||||||
</button>
|
</button>
|
||||||
|
|
|
@ -56,6 +56,8 @@ export class EncuestaComponent implements OnInit {
|
||||||
// usuarioExtra: [],
|
// usuarioExtra: [],
|
||||||
});
|
});
|
||||||
|
|
||||||
|
createAnother: Boolean = false;
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
protected encuestaService: EncuestaService,
|
protected encuestaService: EncuestaService,
|
||||||
protected modalService: NgbModal,
|
protected modalService: NgbModal,
|
||||||
|
@ -66,6 +68,10 @@ export class EncuestaComponent implements OnInit {
|
||||||
protected accountService: AccountService
|
protected accountService: AccountService
|
||||||
) {}
|
) {}
|
||||||
|
|
||||||
|
resetForm(): void {
|
||||||
|
this.editForm.reset();
|
||||||
|
}
|
||||||
|
|
||||||
loadAll(): void {
|
loadAll(): void {
|
||||||
this.isLoading = true;
|
this.isLoading = true;
|
||||||
|
|
||||||
|
@ -164,13 +170,20 @@ export class EncuestaComponent implements OnInit {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
createAnotherChange(event: any) {
|
||||||
|
this.createAnother = event.target.checked;
|
||||||
|
}
|
||||||
|
|
||||||
protected onSaveSuccess(): void {
|
protected onSaveSuccess(): void {
|
||||||
// this.previousState();
|
// this.previousState();
|
||||||
// ($('#crearEncuesta') as any).modal('hide');
|
// ($('#crearEncuesta') as any).modal('hide');
|
||||||
|
this.resetForm();
|
||||||
this.encuestas = [];
|
this.encuestas = [];
|
||||||
this.loadAll();
|
this.loadAll();
|
||||||
|
if (!this.createAnother) {
|
||||||
$('#cancelBtn').click();
|
$('#cancelBtn').click();
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
protected onSaveError(): void {
|
protected onSaveError(): void {
|
||||||
// Api for inheritance.
|
// Api for inheritance.
|
||||||
|
|
Loading…
Reference in New Issue