Skip to content

Commit 66ce868

Browse files
author
JLRR2019
committed
Ya funciona userProfile html
1 parent 86e3b86 commit 66ce868

File tree

1 file changed

+73
-135
lines changed

1 file changed

+73
-135
lines changed

‎frontend/src/app/components/user/userProfile.component.html‎

Lines changed: 73 additions & 135 deletions
Original file line numberDiff line numberDiff line change
@@ -1,139 +1,77 @@
1-
<div *ngIf="user" class="container rounded bg-white mt-5 mb-5">
2-
<div class="row">
3-
<div class="col-md-3 border-right">
4-
<div class="d-flex flex-column align-items-center text-center p-3 py-5"><img class="rounded-circle mt-5"
5-
width="150px" [src]="userImage()"><span class="font-weight-bold">"{{user.nick}}"</span><span
6-
class="text-black-50">"{{user.email}}"</span><span>
7-
</span>
8-
<button (click)="save()">Save</button>
9-
<button (click)="cancel()">Cancel</button>
10-
</div>
11-
</div>
12-
13-
<div class="col-md-5 border-right">
14-
<div class="p-3 py-5">
15-
<form *ngIf="loginservice.isLogged()">
16-
<div class="d-flex justify-content-between align-items-center mb-3">
17-
<h4 class="text-right">Mi perfil: "{{user.nick}}"</h4>
18-
</div>
19-
<div class="row mt-2">
20-
<div class="col-md-6"><label class="labels">Nombre</label>
21-
<h3>"{{user.name}}"</h3>
22-
</div>
23-
<div class="col-md-6"><label class="labels">Apellido(s)</label>
24-
<h3>"{{user.lastName}}"</h3>
25-
</div>
26-
</div>
27-
<div class="row mt-3">
28-
29-
<div class="col-md-12"><label class="labels">Nombre de usuario</label>
30-
<input name="nick" type="text" class="form-control" placeholder="RodPerez" [(ngModel)]="user.nick">
31-
</div>
32-
33-
<div class="col-md-12"><label class="labels">Email</label>
34-
<input name="email" type="email" class="form-control" placeholder="[email protected]"
35-
[(ngModel)]="user.email">
36-
</div>
371

38-
39-
<div class="col-md-12"><label class="labels">Número de tarjeta</label>
40-
<input *ngIf="user.creditCard" name="creditCard" type="text" class="form-control" placeholder="123456789A"
41-
[(ngModel)]="user.creditCard">
42-
</div>
43-
44-
<div class="col-md-12">
45-
<p>Imagen de perfil</p>
46-
<input #file type='file' name='imageField' accept=".jpg, .jpeg, .png, .svg" />
47-
</div>
2+
<div *ngIf="user" class="container rounded bg-white mt-5 mb-5">
3+
<div class="row">
4+
<div class="col-md-3 border-right">
5+
<div class="d-flex flex-column align-items-center text-center p-3 py-5"><img
6+
class="rounded-circle mt-5" width="150px" [src]="userImage()"><span
7+
class="font-weight-bold">"{{user.nick}}"</span><span class="text-black-50">"{{user.email}}"</span><span>
8+
</span>
9+
<button (click)="save()">Save</button>
10+
<button (click)="cancel()">Cancel</button>
11+
</div>
12+
</div>
13+
14+
<div class="col-md-5 border-right">
15+
<div class="p-3 py-5">
16+
<form *ngIf="user">
17+
<div class="d-flex justify-content-between align-items-center mb-3">
18+
<h4 class="text-right">Mi perfil: "{{user.nick}}"</h4>
19+
</div>
20+
<div class="row mt-2">
21+
<div class="col-md-6"><label class="labels">Nombre</label>
22+
<h3>"{{user.name}}"</h3>
23+
</div>
24+
<div class="col-md-6"><label class="labels">Apellido(s)</label>
25+
<h3>"{{user.lastName}}"</h3>
26+
</div>
27+
</div>
28+
<div class="row mt-3">
29+
30+
<div class="col-md-12"><label class="labels">Nombre de usuario</label>
31+
<input name="nick" type="text" class="form-control" placeholder="RodPerez" [(ngModel)]="user.nick">
32+
</div>
33+
34+
<div class="col-md-12"><label class="labels">Email</label>
35+
<input name="email" type="email" class="form-control" placeholder="[email protected]" [(ngModel)]="user.email">
36+
</div>
37+
38+
39+
<div class="col-md-12"><label class="labels">Número de tarjeta</label>
40+
<input *ngIf="user.creditCard" name="creditCard" type="text" class="form-control" placeholder="123456789A" [(ngModel)]="user.creditCard">
41+
</div>
42+
43+
<div class="col-md-12">
44+
<p>Imagen de perfil</p>
45+
<input #file type='file' name='imageField' accept=".jpg, .jpeg, .png, .svg" />
46+
</div>
47+
48+
</div>
49+
</form>
50+
</div>
51+
52+
<div class="mt-5 text-center">
53+
</div>
54+
</div>
4855

4956
</div>
50-
</form>
51-
</div>
52-
53-
<div class="mt-5 text-center">
57+
<div class="col-md-4">
58+
<div class="p-3 py-5">
59+
<h4 *ngIf="videogame" class="text-right">Mis compras:</h4>
60+
<div *ngFor="let vg of videogame" class="d-flex justify-content-between align-items-center mb-3">
61+
<ul>
62+
<li>
63+
<div class="row">
64+
<div class="col-md-4">
65+
<img class="img-fluid rounded-3 my-5" [src]="videogameImage(vg)"/>
66+
</div>
67+
<div class="col-md-8 align-self-center">
68+
<p>"{{vg.title}}"</p>
69+
</div>
70+
</div>
71+
</li>
72+
</ul>
73+
</div>
74+
</div>
75+
</div>
5476
</div>
55-
</div>
56-
57-
</div>
58-
<div class="col-md-4">
59-
<div class="p-3 py-5">
60-
<h4 *ngIf="user.videogame" class="text-right">Mis compras</h4>
61-
<div class="d-flex justify-content-between align-items-center mb-3">
62-
<ul>
63-
<li>
64-
<div class="row">
65-
<div class="col-md-3 border-right">
66-
<div class="d-flex flex-column align-items-center text-center p-3 py-5"><img
67-
class="rounded-circle mt-5" width="150px" [src]="userImage()"><span
68-
class="font-weight-bold">"{{user.nick}}"</span><span class="text-black-50">"{{user.email}}"</span><span>
69-
</span>
70-
<button (click)="save()">Save</button>
71-
<button (click)="cancel()">Cancel</button>
72-
</div>
73-
</div>
74-
75-
<div class="col-md-5 border-right">
76-
<div class="p-3 py-5">
77-
<form *ngIf="user">
78-
<div class="d-flex justify-content-between align-items-center mb-3">
79-
<h4 class="text-right">Mi perfil: "{{user.nick}}"</h4>
80-
</div>
81-
<div class="row mt-2">
82-
<div class="col-md-6"><label class="labels">Nombre</label>
83-
<h3>"{{user.name}}"</h3>
84-
</div>
85-
<div class="col-md-6"><label class="labels">Apellido(s)</label>
86-
<h3>"{{user.lastName}}"</h3>
87-
</div>
88-
</div>
89-
<div class="row mt-3">
90-
91-
<div class="col-md-12"><label class="labels">Nombre de usuario</label>
92-
<input name="nick" type="text" class="form-control" placeholder="RodPerez" [(ngModel)]="user.nick">
93-
</div>
94-
95-
<div class="col-md-12"><label class="labels">Email</label>
96-
<input name="email" type="email" class="form-control" placeholder="[email protected]" [(ngModel)]="user.email">
97-
</div>
98-
99-
100-
<div class="col-md-12"><label class="labels">Número de tarjeta</label>
101-
<input *ngIf="user.creditCard" name="creditCard" type="text" class="form-control" placeholder="123456789A" [(ngModel)]="user.creditCard">
102-
</div>
103-
104-
<div class="col-md-12">
105-
<p>Imagen de perfil</p>
106-
<input #file type='file' name='imageField' accept=".jpg, .jpeg, .png, .svg" />
107-
</div>
108-
109-
</div>
110-
</form>
111-
</div>
112-
113-
<div class="mt-5 text-center">
114-
</div>
115-
</div>
116-
117-
</div>
118-
<div class="col-md-4">
119-
<div class="p-3 py-5">
120-
<h4 *ngIf="videogame" class="text-right">Mis compras:</h4>
121-
<div *ngFor="let vg of videogame" class="d-flex justify-content-between align-items-center mb-3">
122-
<ul>
123-
<li>
124-
<div class="row">
125-
<div class="col-md-4">
126-
<img class="img-fluid rounded-3 my-5" [src]="videogameImage(vg)"/>
127-
</div>
128-
<div class="col-md-8 align-self-center">
129-
<p>"{{vg.title}}"</p>
130-
</div>
131-
</div>
132-
</li>
133-
</ul>
134-
</div>
135-
</div>
136-
</div>
137-
</div>
138-
<button class="btn btn-primary profile-button m-3" (click)="logOut()" type="button">Log Out</button>
139-
77+
<button class="btn btn-primary profile-button m-3" (click)="logOut()" type="button">Log Out</button>

0 commit comments

Comments
 (0)