simply views into reusable partial views
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
18
FakePieShop/Views/Shared/_Carousel.cshtml
Normal file
18
FakePieShop/Views/Shared/_Carousel.cshtml
Normal 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>
|
||||
23
FakePieShop/Views/Shared/_PieCard.cshtml
Normal file
23
FakePieShop/Views/Shared/_PieCard.cshtml
Normal 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>
|
||||
Binary file not shown.
Binary file not shown.
@@ -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 =
|
||||
|
||||
Binary file not shown.
Binary file not shown.
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Reference in New Issue
Block a user