Add create another survey in modal

This commit is contained in:
Pablo Bonilla 2021-07-13 01:28:52 -06:00
parent 0890e4c2d4
commit efb6797f83
No known key found for this signature in database
GPG Key ID: 46877262B8DE47E2
2 changed files with 30 additions and 9 deletions

View File

@ -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>&nbsp;&nbsp;<span jhiTranslate="entity.action.cancel">Cancel</span> <fa-icon icon="arrow-left"></fa-icon>&nbsp;&nbsp;<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>

View File

@ -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.