Add register survey

This commit is contained in:
Pablo Bonilla 2021-07-10 23:13:52 -06:00
parent c4dd44716c
commit 762129cdb8
No known key found for this signature in database
GPG Key ID: 46877262B8DE47E2
4 changed files with 60 additions and 34 deletions

View File

@ -200,7 +200,7 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<label class="form-control-label" jhiTranslate="dataSurveyApp.encuesta.categoria" for="field_categoria">Categoria</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"></option>
<option <option

View File

@ -16,14 +16,21 @@ import { DATE_TIME_FORMAT } from 'app/config/input.constants';
import { ICategoria } from 'app/entities/categoria/categoria.model'; import { ICategoria } from 'app/entities/categoria/categoria.model';
import { CategoriaService } from 'app/entities/categoria/service/categoria.service'; import { CategoriaService } from 'app/entities/categoria/service/categoria.service';
import { IUsuarioExtra } from 'app/entities/usuario-extra/usuario-extra.model'; import { IUsuarioExtra, UsuarioExtra } from 'app/entities/usuario-extra/usuario-extra.model';
import { UsuarioExtraService } from 'app/entities/usuario-extra/service/usuario-extra.service'; import { UsuarioExtraService } from 'app/entities/usuario-extra/service/usuario-extra.service';
import { EstadoEncuesta } from 'app/entities/enumerations/estado-encuesta.model';
import { AccountService } from 'app/core/auth/account.service';
import { Account } from 'app/core/auth/account.model';
import { $ } from 'dom7';
@Component({ @Component({
selector: 'jhi-encuesta', selector: 'jhi-encuesta',
templateUrl: './encuesta.component.html', templateUrl: './encuesta.component.html',
}) })
export class EncuestaComponent implements OnInit { export class EncuestaComponent implements OnInit {
account: Account | null = null;
usuarioExtra: UsuarioExtra | null = null;
encuestas?: IEncuesta[]; encuestas?: IEncuesta[];
isLoading = false; isLoading = false;
@ -36,16 +43,16 @@ export class EncuestaComponent implements OnInit {
id: [], id: [],
nombre: [null, [Validators.required, Validators.minLength(1), Validators.maxLength(50)]], nombre: [null, [Validators.required, Validators.minLength(1), Validators.maxLength(50)]],
descripcion: [], descripcion: [],
fechaCreacion: [null, [Validators.required]], // fechaCreacion: [null, [Validators.required]],
fechaPublicacion: [], // fechaPublicacion: [],
fechaFinalizar: [], // fechaFinalizar: [],
fechaFinalizada: [], // fechaFinalizada: [],
calificacion: [null, [Validators.required]], // calificacion: [null, [Validators.required]],
acceso: [null, [Validators.required]], acceso: [null, [Validators.required]],
contrasenna: [], // contrasenna: [],
estado: [null, [Validators.required]], // estado: [null, [Validators.required]],
categoria: [], categoria: [null, [Validators.required]],
usuarioExtra: [], // usuarioExtra: [],
}); });
constructor( constructor(
@ -54,7 +61,8 @@ export class EncuestaComponent implements OnInit {
protected categoriaService: CategoriaService, protected categoriaService: CategoriaService,
protected usuarioExtraService: UsuarioExtraService, protected usuarioExtraService: UsuarioExtraService,
protected activatedRoute: ActivatedRoute, protected activatedRoute: ActivatedRoute,
protected fb: FormBuilder protected fb: FormBuilder,
protected accountService: AccountService
) {} ) {}
loadAll(): void { loadAll(): void {
@ -91,6 +99,23 @@ export class EncuestaComponent implements OnInit {
// this.updateForm(encuesta); // this.updateForm(encuesta);
// }); // });
// Get jhi_user and usuario_extra information
this.accountService.getAuthenticationState().subscribe(account => {
if (account !== null) {
this.usuarioExtraService.find(account.id).subscribe(usuarioExtra => {
this.usuarioExtra = usuarioExtra.body;
if (this.usuarioExtra !== null) {
if (this.usuarioExtra.id === undefined) {
const today = dayjs().startOf('day');
this.usuarioExtra.fechaNacimiento = today;
}
}
// this.loadRelationshipsOptions();
});
}
});
} }
trackId(index: number, item: IEncuesta): number { trackId(index: number, item: IEncuesta): number {
@ -117,7 +142,7 @@ export class EncuestaComponent implements OnInit {
const encuesta = this.createFromForm(); const encuesta = this.createFromForm();
console.log(encuesta); console.log(encuesta);
if (encuesta.id !== null) { if (encuesta.id !== undefined) {
this.subscribeToSaveResponse(this.encuestaService.update(encuesta)); this.subscribeToSaveResponse(this.encuestaService.update(encuesta));
} else { } else {
this.subscribeToSaveResponse(this.encuestaService.create(encuesta)); this.subscribeToSaveResponse(this.encuestaService.create(encuesta));
@ -140,7 +165,8 @@ export class EncuestaComponent implements OnInit {
} }
protected onSaveSuccess(): void { protected onSaveSuccess(): void {
this.previousState(); // this.previousState();
// $('#crearEncuesta').modal('hide')
} }
protected onSaveError(): void { protected onSaveError(): void {
@ -201,29 +227,20 @@ export class EncuestaComponent implements OnInit {
} }
protected createFromForm(): IEncuesta { protected createFromForm(): IEncuesta {
const now = dayjs();
return { return {
...new Encuesta(), ...new Encuesta(),
id: this.editForm.get(['id'])!.value, id: undefined,
nombre: this.editForm.get(['nombre'])!.value, nombre: this.editForm.get(['nombre'])!.value,
descripcion: this.editForm.get(['descripcion'])!.value, descripcion: this.editForm.get(['descripcion'])!.value,
fechaCreacion: this.editForm.get(['fechaCreacion'])!.value fechaCreacion: dayjs(now, DATE_TIME_FORMAT),
? dayjs(this.editForm.get(['fechaCreacion'])!.value, DATE_TIME_FORMAT) calificacion: 5,
: undefined,
fechaPublicacion: this.editForm.get(['fechaPublicacion'])!.value
? dayjs(this.editForm.get(['fechaPublicacion'])!.value, DATE_TIME_FORMAT)
: undefined,
fechaFinalizar: this.editForm.get(['fechaFinalizar'])!.value
? dayjs(this.editForm.get(['fechaFinalizar'])!.value, DATE_TIME_FORMAT)
: undefined,
fechaFinalizada: this.editForm.get(['fechaFinalizada'])!.value
? dayjs(this.editForm.get(['fechaFinalizada'])!.value, DATE_TIME_FORMAT)
: undefined,
calificacion: this.editForm.get(['calificacion'])!.value,
acceso: this.editForm.get(['acceso'])!.value, acceso: this.editForm.get(['acceso'])!.value,
contrasenna: this.editForm.get(['contrasenna'])!.value, contrasenna: undefined,
estado: this.editForm.get(['estado'])!.value, estado: EstadoEncuesta.DRAFT,
categoria: this.editForm.get(['categoria'])!.value, categoria: this.editForm.get(['categoria'])!.value,
usuarioExtra: this.editForm.get(['usuarioExtra'])!.value, usuarioExtra: this.usuarioExtra,
}; };
} }
} }

View File

@ -22,6 +22,14 @@
top: -3px; top: -3px;
box-shadow: rgba(80, 80, 80, 0.15) 0px 5px 15px; box-shadow: rgba(80, 80, 80, 0.15) 0px 5px 15px;
} }
&:disabled,
&[disabled],
&.disabled {
background-color: #f7f9ff;
pointer-events: none;
color: #171820;
}
} }
.ds-btn--primary { .ds-btn--primary {

View File

@ -8,8 +8,9 @@ $form-background: #f1f5f9;
.form-group:focus-within { .form-group:focus-within {
label, label,
input { input,
color: #313747; select {
color: #313747 !important;
} }
} }
@ -20,7 +21,7 @@ $form-background: #f1f5f9;
border: 1.75px solid transparent; border: 1.75px solid transparent;
outline: 0; outline: 0;
padding: 1rem !important; padding: 1rem !important;
color: #757d94; color: #757d94 !important;
&:focus, &:focus,
&:active { &:active {