-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #5 from LKlitzke/dev
Dev
- Loading branch information
Showing
20 changed files
with
5,122 additions
and
245 deletions.
There are no files selected for viewing
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
63 changes: 56 additions & 7 deletions
63
LiddellRoch.Web/Areas/Cliente/Controllers/HomeController.cs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
135 changes: 135 additions & 0 deletions
135
LiddellRoch.Web/Areas/Cliente/Views/Home/Detalhes.cshtml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,135 @@ | ||
@model CarrinhoCompras | ||
|
||
<form method="post"> | ||
<input hidden asp-for="BicicletaId" /> | ||
<div class="card shadow border-0 mt-4 mb-4"> | ||
<div class="card-header bg-secondary bg-gradient text-light py-4"> | ||
<div class="row"> | ||
<div class="col-12 text-center"> | ||
<h3 class="text-white text-uppercase">@Model.Bicicleta.Nome</h3> | ||
<p class="text-white-50 fw-semibold mb-0">por @Model.Bicicleta.Marca</p> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="card-body"> | ||
<div class="py-3"> | ||
<div class="row"> | ||
<div class="col-6 col-md-2 offset-lg-1 pb-1"> | ||
<a asp-action="Index" class="btn btn-outline-primary bg-gradient mb-5 fw-semibold btn-sm text-uppercase"> | ||
<small>Voltar</small> | ||
</a> | ||
</div> | ||
</div> | ||
<div class="row"> | ||
<div class="col-12 col-lg-3 offset-lg-1 text-center mb-3"> | ||
@if (Model.Bicicleta.ImagensProduto != null && Model.Bicicleta.ImagensProduto.Count > 0) | ||
{ | ||
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel"> | ||
<div class="carousel-indicators"> | ||
@foreach (var imageWithIndex in Model.Bicicleta.ImagensProduto | ||
.Select((image, index) => new { Image = image, Index = index })) | ||
{ | ||
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="@imageWithIndex.Index" | ||
class="@(imageWithIndex.Index==0?"active":"")" aria-current="true" aria-label="Slide 1"></button> | ||
} | ||
</div> | ||
<div class="carousel-inner"> | ||
@foreach (var imageWithIndex in Model.Bicicleta.ImagensProduto | ||
.Select((image, index) => new { Image = image, Index = index })) | ||
{ | ||
<div class="@(imageWithIndex.Index==0?"carousel-item active":"carousel-item")"> | ||
<img src="@imageWithIndex.Image.ImagemUrl" class="d-block w-100" alt="..."> | ||
</div> | ||
} | ||
</div> | ||
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev"> | ||
<span class="carousel-control-prev-icon" aria-hidden="true"></span> | ||
<span class="visually-hidden">Previous</span> | ||
</button> | ||
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next"> | ||
<span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
<span class="visually-hidden">Next</span> | ||
</button> | ||
</div> | ||
|
||
} | ||
else | ||
{ | ||
<img src="@("https://source.unsplash.com/random/500x600?sig=" + Model.BicicletaId)" class="card-img-top rounded" /> | ||
} | ||
|
||
</div> | ||
<div class="col-12 col-lg-6 offset-lg-1"> | ||
|
||
<div class="col-12 col-md-6 pb-4"> | ||
<span class="badge">@Model.Bicicleta.Categoria.Nome</span> | ||
</div> | ||
<div class="row ps-2"> | ||
<h6 class="text-dark text-opacity-50 ">Estoque: @Model.Bicicleta.Estoque</h6> | ||
</div> | ||
<div class="row ps-2"> | ||
<h6 class="text-dark text-opacity-50 pb-2"> | ||
Preço: | ||
<span class="text-decoration-line-through"> | ||
@Model.Bicicleta.Preco.ToString("c") | ||
</span> | ||
</h6> | ||
</div> | ||
@* <div class="row text-center ps-2"> | ||
<div class="p-1 col-3 col-lg-2 bg-white border-bottom"> | ||
<div class="text-dark text-opacity-50 fw-semibold">Quantidade</div> | ||
</div> | ||
<div class="p-1 col-3 col-lg-2 bg-white border-bottom"> | ||
<div class="text-dark text-opacity-50 fw-semibold">1-50</div> | ||
</div> | ||
<div class="p-1 col-3 col-lg-2 bg-white border-bottom"> | ||
<div class="text-dark text-opacity-50 fw-semibold">51-100</div> | ||
</div> | ||
<div class="p-1 col-3 col-lg-2 bg-white border-bottom"> | ||
<div class="text-dark text-opacity-50 fw-semibold">100+</div> | ||
</div> | ||
</div> | ||
<div class="row text-center ps-2"> | ||
<div class="p-1 col-3 col-lg-2 bg-white text-warning fw-bold"> | ||
<div>Preço</div> | ||
</div> | ||
<div class="p-1 col-3 col-lg-2 bg-white text-warning fw-bold"> | ||
<div>@Model.Product.Price.ToString("c")</div> | ||
</div> | ||
<div class="p-1 col-3 col-lg-2 bg-white text-warning fw-bold"> | ||
<div>@Model.Product.Price50.ToString("c")</div> | ||
</div> | ||
<div class="p-1 col-3 col-lg-2 bg-white text-warning fw-bold"> | ||
<div>@Model.Product.Price100.ToString("c")</div> | ||
</div> | ||
</div> *@ | ||
<div class="row pl-2 my-3"> | ||
<p class="text-secondary lh-sm">@Html.Raw(Model.Bicicleta.Descricao)</p> | ||
</div> | ||
<div class="row pl-2 mb-3"> | ||
<div class="col-md-5"> | ||
<div class="input-group mb-3"> | ||
<span class="input-group-text bg-primary text-white border-0 fw-semibold" | ||
id="inputGroup-sizing-default"> | ||
Unidades | ||
</span> | ||
<input asp-for="Quantidade" type="number" value="1" class="form-control text-end" | ||
aria-label="Sizing example input" aria-describedby="inputGroup-sizing-default" /> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="row"> | ||
<div class="col-12 col-md-6 pb-1"> | ||
<button type="submit" | ||
class="btn btn-primary bg-gradient w-100 py-2 text-uppercase fw-semibold"> | ||
<i class="bi bi-cart-plus-fill"></i> Adicionar ao carrinho | ||
</button> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</form> |
Oops, something went wrong.