modificaciones en estilos de tienda, entre otros

This commit is contained in:
Mariela Bonilla 2021-08-15 00:39:51 -06:00
parent 119ed8f2d1
commit 4af9d23ed1
4 changed files with 87 additions and 12 deletions

View File

@ -1,4 +1,14 @@
import { Component, OnInit } from '@angular/core'; import { Component, OnInit } from '@angular/core';
import { IUsuarioEncuesta } from '../../usuario-encuesta/usuario-encuesta.model';
import { IUsuarioExtra } from '../../usuario-extra/usuario-extra.model';
import { IUser } from '../../user/user.model';
import { UsuarioEncuestaService } from '../../usuario-encuesta/service/usuario-encuesta.service';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
import { UsuarioExtraService } from '../../usuario-extra/service/usuario-extra.service';
import { ActivatedRoute, Router } from '@angular/router';
import { AccountService } from '../../../core/auth/account.service';
import { HttpResponse } from '@angular/common/http';
import * as dayjs from 'dayjs';
@Component({ @Component({
selector: 'jhi-dashboard-user', selector: 'jhi-dashboard-user',
@ -6,7 +16,42 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./dashboard-user.component.scss'], styleUrls: ['./dashboard-user.component.scss'],
}) })
export class DashboardUserComponent implements OnInit { export class DashboardUserComponent implements OnInit {
constructor() {} usuarioEncuestas?: IUsuarioEncuesta[];
usuarioExtra: IUsuarioExtra | null = null;
user: IUser | null = null;
ngOnInit(): void {} constructor(
protected usuarioEncuestaService: UsuarioEncuestaService,
protected modalService: NgbModal,
protected usuarioExtraService: UsuarioExtraService,
protected activatedRoute: ActivatedRoute,
protected accountService: AccountService,
protected router: Router
) {}
ngOnInit(): void {
this.accountService.getAuthenticationState().subscribe(account => {
if (account !== null) {
this.usuarioExtraService.find(account.id).subscribe(usuarioExtra => {
this.usuarioExtra = usuarioExtra.body;
this.loadAllColaboraciones();
if (this.usuarioExtra !== null) {
if (this.usuarioExtra.id === undefined) {
const today = dayjs().startOf('day');
this.usuarioExtra.fechaNacimiento = today;
}
}
});
}
});
}
loadAllColaboraciones(): void {
this.usuarioEncuestaService.query().subscribe((res: HttpResponse<IUsuarioEncuesta[]>) => {
const tempUsuarioEncuestas = res.body ?? [];
this.usuarioEncuestas = tempUsuarioEncuestas
.filter(c => c.usuarioExtra?.id === this.usuarioExtra?.id)
.filter(c => c.encuesta?.estado !== 'DELETED');
});
}
} }

View File

@ -1,21 +1,34 @@
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<div class="page-header-ui page-header-ui-dark bg-img-cover overlay"> <div
<div class="container px-0 text-black"> class="page-header-ui page-header-ui-dark bg-img-cover overlay overlay-60"
<h1 class="page-header-ui-title">¡Compre y utilice las plantillas!</h1> style="background-image: url('../../content/img_datasurvey/survey-shop.png')"
>
<div class="page-header-ui-content py-5 position-relative">
<div class="container px-5">
<div class="row gx-5 justify-content-start">
<div class="col-xl-8 col-lg-10 text-left" style="color: white">
<div data-aos="fade-up">
<h1 class="page-header-ui-title" style="color: white">¡Compre y utilice las plantillas!</h1>
<h2>Puede comprar sus plantillas mediante <b> PayPal </b> <fa-icon [icon]="faCreditCard"></fa-icon></h2> <h2>
Puede comprar sus plantillas mediante <b> PayPal </b>
<fa-icon [icon]="faCreditCard"></fa-icon>
</h2>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
<div class="bg-light py-10 container-encuestas"> <div class="bg-light py-10 container-encuestas">
<div class="container px-0"> <div class="container px-0">
<!--filtrado--> <!--filtrado-->
<div class="input-group"> <div class="input-group">
<div class="ds-filter"> <div class="ds-filter ds-form">
<div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div> <div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
<input class="form-control" type="text" name="searchString" placeholder="Buscar por nombre..." [(ngModel)]="searchString" /> <input class="ds-form-control" type="text" name="searchString" placeholder="Buscar por nombre..." [(ngModel)]="searchString" />
</div> </div>
<!--<div class="ds-filter"> <!--<div class="ds-filter">
<select name="searchCategoria" class="form-control" [(ngModel)]="searchCategoria" style="width: 200px"> <select name="searchCategoria" class="form-control" [(ngModel)]="searchCategoria" style="width: 200px">

View File

@ -1,6 +1,6 @@
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<div class="container-fluid navbar navbar-marketing navbar-expand-lg bg-white navbar-light"> <div class="container-fluid navbar navbar-marketing navbar-expand-lg bg-white navbar-light" style="background-color: #fbfafa">
<div class="container px-5 py-4"> <div class="container px-5 py-4">
<h1 class="ds-title" [hidden]="notAccount">Inicio</h1> <h1 class="ds-title" [hidden]="notAccount">Inicio</h1>
<a class="text-dark" href=" " [hidden]="!notAccount"> <a class="text-dark" href=" " [hidden]="!notAccount">
@ -25,15 +25,29 @@
</div> </div>
</div> </div>
</div> </div>
<div
class="page-header-ui page-header-ui-dark bg-img-cover overlay overlay-40"
style="background-image: url('../../content/img_datasurvey/banner1.webp'); background-position-y: -325px"
>
<div class="page-header-ui-content py-5 position-relative" style="height: 330px">
<div class="container px-5">
<div class="row gx-5 justify-content-center">
<div class="col-xl-8 col-lg-10 text-center">
<div data-aos="fade-up"></div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-light py-10 container-encuestas"> <div class="bg-light py-10 container-encuestas">
<div class="container px-0"> <div class="container px-0">
<!--filtrado--> <!--filtrado-->
<div class="input-group"> <div class="input-group ds-form">
<div class="ds-filter"> <div class="ds-filter">
<div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div> <div class="input-group-addon"><i class="glyphicon glyphicon-search"></i></div>
<input class="form-control" type="text" name="searchString" placeholder="Buscar por nombre..." [(ngModel)]="searchString" /> <input class="ds-form-control" type="text" name="searchString" placeholder="Buscar por nombre..." [(ngModel)]="searchString" />
</div> </div>
<!--<div class="ds-filter"> <!--<div class="ds-filter">
<select name="searchCategoria" class="form-control" [(ngModel)]="searchCategoria" style="width: 200px"> <select name="searchCategoria" class="form-control" [(ngModel)]="searchCategoria" style="width: 200px">

View File

@ -15,5 +15,8 @@
}, },
"like": "Si te gusta JHipster, danos una estrella en", "like": "Si te gusta JHipster, danos una estrella en",
"github": "GitHub" "github": "GitHub"
},
"paginaPrincipal": {
"title": "DataSurvey"
} }
} }