Skip to content

Commit f664ad2

Browse files
jeffreysSharpjeffreysSharp
committed
Melhorias front-end
2 parents ad820ed + 12fd28b commit f664ad2

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

60 files changed

+34072
-12663
lines changed

src/web/JSE.WebApp.MVC/Extensions/DocumentAnnotation.cs renamed to src/web/JSE.WebApp.MVC/Extensions/CpfAnnotation.cs

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
using Microsoft.AspNetCore.Mvc.DataAnnotations;
1+
using JSE.Core.DomainObjects;
2+
using Microsoft.AspNetCore.Mvc.DataAnnotations;
23
using Microsoft.AspNetCore.Mvc.ModelBinding.Validation;
34
using Microsoft.Extensions.Localization;
45
using System.ComponentModel.DataAnnotations;
5-
using JSE.Core.DomainObjects;
66

77
namespace JSE.WebApp.MVC.Extensions
88
{
@@ -51,4 +51,4 @@ public IAttributeAdapter GetAttributeAdapter(ValidationAttribute attribute, IStr
5151
return _baseProvider.GetAttributeAdapter(attribute, stringLocalizer);
5252
}
5353
}
54-
}
54+
}

‎src/web/JSE.WebApp.MVC/JSE.WebApp.MVC.csproj‎

Lines changed: 0 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -25,11 +25,6 @@
2525
</ItemGroup>
2626

2727

28-
<ItemGroup>
29-
<Folder Include="wwwroot\images\" />
30-
</ItemGroup>
31-
32-
3328
<ItemGroup>
3429
<ProjectReference Include="..\..\building blocks\JSE.Core\JSE.Core.csproj" />
3530
<ProjectReference Include="..\..\building blocks\JSE.WebAPI.Core\JSE.WebAPI.Core.csproj" />

‎src/web/JSE.WebApp.MVC/Views/Catalogo/Index.cshtml‎

Lines changed: 0 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -45,42 +45,3 @@
4545
</div>
4646
</div>
4747
</div>
48-
49-
@* <section>
50-
<div>
51-
<div style="background-image: url(images/banners/Template.jpg); height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover">
52-
<div style="text-align: center;">
53-
<img src="~/images/banners/nerdstore.png" />
54-
</div>
55-
</div>
56-
<div class="container" style=" padding-top: 20px">
57-
<div class="row">
58-
@{
59-
foreach (var produto in Model.OrderBy(p=>p.Nome))
60-
{
61-
<div class="col-md-3">
62-
<div href="#" class="card card-product-grid">
63-
<a asp-controller="Catalogo" asp-action="ProdutoDetalhe" asp-route-id="@produto.Id" class="img-wrap">
64-
<img src="~/images/produtos/@produto.Imagem" alt="@produto.Nome">
65-
</a>
66-
<figcaption class="info-wrap">
67-
<a asp-controller="Catalogo" asp-action="ProdutoDetalhe" asp-route-id="@produto.Id" class="title">
68-
<b> @produto.Nome</b>
69-
</a>
70-
71-
<small class="card-text">
72-
73-
@produto.Descricao
74-
</small>
75-
</figcaption>
76-
<div class="card-footer price mt-1">
77-
78-
</div>
79-
</div>
80-
</div>
81-
}
82-
}
83-
</div>
84-
</div>
85-
</div>
86-
</section> *@

‎src/web/JSE.WebApp.MVC/Views/Identidade/Login.cshtml‎

Lines changed: 69 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -4,40 +4,87 @@
44
ViewData["Title"] = "Entrar";
55
}
66

7-
<h1>@ViewData["Title"]</h1>
7+
<main class="content-wrapper w-100 px-3 ps-lg-5 pe-lg-4 mx-auto" style="max-width: 1920px">
8+
<div class="d-lg-flex">
89

9-
<div class="row align-items-center mt-4">
10-
11-
<div class="col-lg-7 text-center text-lg-start">
12-
<h5 class="display-4 mb-3">Entre com seu login e senha</h5>
13-
<p class="col-lg-10 fs-4">Para efetuar transações você precisa fazer autenticação.</p>
14-
</div>
10+
<div class="d-flex flex-column min-vh-100 w-100 py-4 mx-auto me-lg-5" style="max-width: 416px">
11+
12+
<h1 class="h2 mt-10">Bem-vindo!</h1>
13+
<div class="nav fs-sm mb-4">
14+
Não tem uma conta?
15+
<a class="nav-link text-decoration-underline p-0 ms-2" asp-action="Registro" asp-controller="Identidade">Cadastre-se</a>
16+
</div>
1517

16-
<div class="col-md-10 mx-auto col-lg-5">
17-
<form class="p-2 p-md-3 border rounded-3 bg-body-tertiary" asp-route-returnurl="@ViewData["ReturnUrl"]" method="post" autocomplete="off">
18+
<form asp-route-returnurl="@ViewData["ReturnUrl"]" method="post" autocomplete="off">
1819
<vc:Summary></vc:Summary>
19-
20-
<div class="form-floating mb-2">
21-
<input asp-for="Email" class="form-control" placeholder="nome@dominio.com" autocomplete="new-text" />
22-
<label asp-for="Email"></label>
20+
21+
<div class="position-relative mb-4">
22+
<input asp-for="Email" class="form-control form-control-lg" placeholder="nome@dominio.com" autocomplete="new-text" />
2323
<span asp-validation-for="Email" class="text-danger m-1"></span>
2424
</div>
2525

26-
<div class="form-floating mb-2">
27-
<input type="password" asp-for="Senha" class="form-control" placeholder="Senha" autocomplete="new-text" />
28-
<label asp-for="Senha"></label>
29-
<span asp-validation-for="Senha" class="text-danger m-1"></span>
30-
</div>
26+
<div class="mb-4">
27+
<input type="password" asp-for="Senha" class="form-control form-control-lg" placeholder="Senha" autocomplete="new-text" />
28+
<label asp-for="Senha" class="password-toggle-button fs-lg" aria-label="Show/hide password">
29+
<input type="checkbox" class="btn-check">
30+
</label>
31+
<span asp-validation-for="Senha" class="text-danger m-1"></span>
3132

32-
<button type="submit" class="w-100 btn btn-lg btn-primary">Entrar</button>
33+
</div>
3334

34-
<hr class="my-4">
35-
<small class="text-body-secondary"><a asp-action="Registro" asp-controller="Identidade">Criar uma conta</a></small>
35+
<div class="d-flex align-items-center justify-content-between mb-4">
36+
<div class="form-check me-2">
37+
<input type="checkbox" class="form-check-input" id="remember-30">
38+
<label for="remember-30" class="form-check-label">Lembrar-me</label>
39+
</div>
40+
<div class="nav">
41+
<a class="nav-link animate-underline p-0" href="#!">
42+
<span class="animate-target">Esqueceu a senha?</span>
43+
</a>
44+
</div>
45+
</div>
46+
<button type="submit" class="btn btn-lg btn-primary w-100">Entrar</button>
3647
</form>
48+
49+
50+
<div class="d-flex align-items-center my-4">
51+
<hr class="w-100 m-0">
52+
<span class="text-body-emphasis fw-medium text-nowrap mx-4">ou continue com</span>
53+
<hr class="w-100 m-0">
54+
</div>
55+
56+
57+
<div class="d-flex flex-column flex-sm-row gap-3 pb-4 mb-3 mb-lg-4">
58+
<button type="button" class="btn btn-lg btn-outline-secondary w-100 px-2">
59+
<i class="ci-google ms-1 me-1"></i>
60+
Google
61+
</button>
62+
<button type="button" class="btn btn-lg btn-outline-secondary w-100 px-2">
63+
<i class="ci-facebook ms-1 me-1"></i>
64+
Facebook
65+
</button>
66+
<button type="button" class="btn btn-lg btn-outline-secondary w-100 px-2">
67+
<i class="ci-apple ms-1 me-1"></i>
68+
Apple
69+
</button>
70+
</div>
71+
72+
3773
</div>
38-
</div>
3974

4075

76+
<div class="d-none d-lg-block w-100 py-4 ms-auto" style="max-width: 1034px">
77+
<div class="d-flex flex-column justify-content-end h-100 rounded-5 overflow-hidden">
78+
<span class="position-absolute top-0 start-0 w-100 h-100 d-none-dark" style="background: linear-gradient(-90deg, #accbee 0%, #e7f0fd 100%)"></span>
79+
<span class="position-absolute top-0 start-0 w-100 h-100 d-none d-block-dark" style="background: linear-gradient(-90deg, #1b273a 0%, #1f2632 100%)"></span>
80+
<div class="ratio position-relative z-2" style="--cz-aspect-ratio: calc(1030 / 1032 * 100%)">
81+
<img src="~/images/account/cover.png" alt="Girl">
82+
</div>
83+
</div>
84+
</div>
85+
</div>
86+
</main>
87+
4188
@section Scripts {
4289
<partial name="_ValidationScriptsPartial" />
4390
}

0 commit comments

Comments
 (0)