simply views into reusable partial views

This commit is contained in:
2023-11-03 12:10:52 -05:00
parent 9345288c2c
commit 14d311b5f1
12 changed files with 53 additions and 60 deletions

View File

@@ -1,24 +1,6 @@
@model HomeViewModel
<div id="carouselImages" class="carousel slide" data-bs-ride="true">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselImages" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselImages" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselImages" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="~/Images/carousel1.jpg" class="d-block w-100" alt="Carousel image 1">
</div>
<div class="carousel-item">
<img src="~/Images/carousel2.jpg" class="d-block w-100" alt="Carousel image 2">
</div>
<div class="carousel-item">
<img src="~/Images/carousel3.jpg" class="d-block w-100" alt="Carousel image 3">
</div>
</div>
</div>
<partial name="_Carousel" />
<div class="text-center">
<img src="Images/bethanys-pie-shop-logomark.png" class="logo-mark mx-auto" />
<h1>Pies of the week</h1>
@@ -28,27 +10,7 @@
<div class="row row-cols-1 row-cols-md-3 g-4">
@foreach (var pie in Model.PiesOfTheWeek)
{
<div class="col">
<div class="card pie-card">
<img src="@pie.ImageThumbnailUrl" class="card-img-top" alt="@pie.Name">
<div class="card-body pie-button">
<h4 class="d-grid">
</h4>
<div class="d-flex justify-content-between mt-2">
<h2 class="text-start">
<a asp-controller="Pie"
asp-action="Details"
asp-route-id="@pie.PieId"
class="pie-link">@pie.Name</a>
</h2>
<h5 class="text-nowrap">
@pie.Price.ToString("c")
</h5>
</div>
</div>
</div>
</div>
<partial name="_PieCard" model="pie" />
}
</div>

View File

@@ -4,24 +4,6 @@
<div class="row row-cols-1 row-cols-md-3 g-4">
@foreach (var pie in Model.Pies)
{
<div class="col">
<div class="card pie-card">
<img src="@pie.ImageThumbnailUrl" class="card-img-top" alt="@pie.Name">
<div class="card-body pie-button">
<h4 class="d-grid">
<!-- empty -->
</h4>
<div class="d-flex justify-content-between mt-2">
<h2 class="text-start">
<a class="pie-link" asp-controller="Pie" asp-action="Details" asp-route-id="@pie.PieId">@pie.Name</a>
</h2>
<h5 class="text-nowrap">
@pie.Price.ToString("c")
</h5>
</div>
</div>
</div>
</div>
<partial name="_PieCard" model="pie" />
}
</div>

View File

@@ -0,0 +1,18 @@
<div id="carouselImages" class="carousel slide" data-bs-ride="true">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselImages" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselImages" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselImages" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="~/Images/carousel1.jpg" class="d-block w-100" alt="Carousel image 1">
</div>
<div class="carousel-item">
<img src="~/Images/carousel2.jpg" class="d-block w-100" alt="Carousel image 2">
</div>
<div class="carousel-item">
<img src="~/Images/carousel3.jpg" class="d-block w-100" alt="Carousel image 3">
</div>
</div>
</div>

View File

@@ -0,0 +1,23 @@
@model Pie
<div class="col">
<div class="card pie-card">
<img src="@Model.ImageThumbnailUrl" class="card-img-top" alt="@Model.Name">
<div class="card-body pie-button">
<h4 class="d-grid">
</h4>
<div class="d-flex justify-content-between mt-2">
<h2 class="text-start">
<a asp-controller="Pie"
asp-action="Details"
asp-route-id="@Model.PieId"
class="pie-link">@Model.Name</a>
</h2>
<h5 class="text-nowrap">
@Model.Price.ToString("c")
</h5>
</div>
</div>
</div>
</div>

View File

@@ -28,10 +28,18 @@ build_metadata.AdditionalFiles.CssScope =
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcUGllXExpc3QuY3NodG1s
build_metadata.AdditionalFiles.CssScope =
[C:/Users/mikay/source/repos/FakePieShop/FakePieShop/Views/Shared/_Carousel.cshtml]
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9DYXJvdXNlbC5jc2h0bWw=
build_metadata.AdditionalFiles.CssScope =
[C:/Users/mikay/source/repos/FakePieShop/FakePieShop/Views/Shared/_Layout.cshtml]
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9MYXlvdXQuY3NodG1s
build_metadata.AdditionalFiles.CssScope =
[C:/Users/mikay/source/repos/FakePieShop/FakePieShop/Views/Shared/_PieCard.cshtml]
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcU2hhcmVkXF9QaWVDYXJkLmNzaHRtbA==
build_metadata.AdditionalFiles.CssScope =
[C:/Users/mikay/source/repos/FakePieShop/FakePieShop/Views/_ViewImports.cshtml]
build_metadata.AdditionalFiles.TargetPath = Vmlld3NcX1ZpZXdJbXBvcnRzLmNzaHRtbA==
build_metadata.AdditionalFiles.CssScope =

File diff suppressed because one or more lines are too long