From 9053410db8cd1d41743e29e574acdd9f54e6873a Mon Sep 17 00:00:00 2001 From: wook Date: Sat, 8 Apr 2017 03:51:50 +0900 Subject: [PATCH] Ch. 10 SportsStore Mobile --- .../Controllers/NavController.cs | 6 +++-- SportsStore.WebUI/SportsStore.WebUI.csproj | 5 ++++ SportsStore.WebUI/Views/Cart/Summary.cshtml | 11 ++++++-- .../Views/Nav/FlexMenu.Mobile.cshtml | 15 +++++++++++ SportsStore.WebUI/Views/Nav/FlexMenu.cshtml | 17 +++++++++++++ .../Views/Nav/MenuHorizontal.cshtml | 13 ++++++++++ .../Views/Shared/ProductSummary.Mobile.cshtml | 22 ++++++++++++++++ .../Views/Shared/_Layout.Mobile.cshtml | 25 +++++++++++++++++++ SportsStore.WebUI/Views/Shared/_Layout.cshtml | 19 +++++++++++--- 9 files changed, 126 insertions(+), 7 deletions(-) create mode 100644 SportsStore.WebUI/Views/Nav/FlexMenu.Mobile.cshtml create mode 100644 SportsStore.WebUI/Views/Nav/FlexMenu.cshtml create mode 100644 SportsStore.WebUI/Views/Nav/MenuHorizontal.cshtml create mode 100644 SportsStore.WebUI/Views/Shared/ProductSummary.Mobile.cshtml create mode 100644 SportsStore.WebUI/Views/Shared/_Layout.Mobile.cshtml diff --git a/SportsStore.WebUI/Controllers/NavController.cs b/SportsStore.WebUI/Controllers/NavController.cs index c142119..759c36b 100644 --- a/SportsStore.WebUI/Controllers/NavController.cs +++ b/SportsStore.WebUI/Controllers/NavController.cs @@ -15,7 +15,7 @@ namespace SportsStore.WebUI.Controllers repository = repo; } - public PartialViewResult Menu(string category = null) + public PartialViewResult Menu(string category = null /*, bool horizontalLayout = false */) { ViewBag.SelectedCategory = category; IEnumerable categories = repository.Products @@ -23,7 +23,9 @@ namespace SportsStore.WebUI.Controllers .Distinct() .OrderBy(x => x); - return PartialView(categories); + //string viewName = horizontalLayout ? "MenuHorizontal" : "Menu"; + + return PartialView("FlexMenu", categories); } //public string Menu() diff --git a/SportsStore.WebUI/SportsStore.WebUI.csproj b/SportsStore.WebUI/SportsStore.WebUI.csproj index 8f64b70..a710b57 100644 --- a/SportsStore.WebUI/SportsStore.WebUI.csproj +++ b/SportsStore.WebUI/SportsStore.WebUI.csproj @@ -163,6 +163,11 @@ + + + + + Web.config diff --git a/SportsStore.WebUI/Views/Cart/Summary.cshtml b/SportsStore.WebUI/Views/Cart/Summary.cshtml index 6b3605f..4fd0414 100644 --- a/SportsStore.WebUI/Views/Cart/Summary.cshtml +++ b/SportsStore.WebUI/Views/Cart/Summary.cshtml @@ -1,6 +1,6 @@ @model SportsStore.Domain.Entities.Cart -
+ +
+ + + +
+
- Your cart: + @Model.Lines.Sum(x => x.Quantity) item(s), @Model.ComputeTotalValue().ToString("c")
\ No newline at end of file diff --git a/SportsStore.WebUI/Views/Nav/FlexMenu.Mobile.cshtml b/SportsStore.WebUI/Views/Nav/FlexMenu.Mobile.cshtml new file mode 100644 index 0000000..24f8a64 --- /dev/null +++ b/SportsStore.WebUI/Views/Nav/FlexMenu.Mobile.cshtml @@ -0,0 +1,15 @@ +@model IEnumerable + +
+
    + @foreach (var link in Model) + { +
  • + @Html.RouteLink(link, + new { controller = "Product", action = "List", category = link, page = 1 }, + new { data_transition = "fade", @class = (link == ViewBag.SelectedCategory ? " ui-btn-active" : null) } + ) +
    • + } +
+
diff --git a/SportsStore.WebUI/Views/Nav/FlexMenu.cshtml b/SportsStore.WebUI/Views/Nav/FlexMenu.cshtml new file mode 100644 index 0000000..c1625a6 --- /dev/null +++ b/SportsStore.WebUI/Views/Nav/FlexMenu.cshtml @@ -0,0 +1,17 @@ +@model IEnumerable + +@{ + bool horizontal = ((bool)(ViewContext.RouteData.Values["horizontalLayout"] ?? false)); + string wrapperClasses = horizontal ? "btn-group btn-group-sm btn-group-justified" : null; +} + +
+ @Html.ActionLink("Home", "List", "Product", null, new { @class = horizontal ? "btn btn-default btn-sm" : "btn btn-block btn-default btn-lg" }) + + @foreach (var link in Model) + { + @Html.RouteLink(link, + new { controller = "Product", action = "List", category = link, page = 1 }, + new { @class = (horizontal ? "btn btn-default btn-sm" : "btn btn-block btn-default btn-lg") + (link == ViewBag.SelectedCategory ? " btn-primary" : "") }) + } +
diff --git a/SportsStore.WebUI/Views/Nav/MenuHorizontal.cshtml b/SportsStore.WebUI/Views/Nav/MenuHorizontal.cshtml new file mode 100644 index 0000000..bd730c0 --- /dev/null +++ b/SportsStore.WebUI/Views/Nav/MenuHorizontal.cshtml @@ -0,0 +1,13 @@ +@model IEnumerable + +
+ @Html.ActionLink("Home", "List", "Product", null, new { @class = "btn btn-default btn-sm"}) + + @foreach (var link in Model) + { + @Html.RouteLink(link, + new { controller = "Product", action = "List", category = link, page = 1 }, + new { @class = "btn btn-default btn-xs" + (link == ViewBag.SelectedCategory ? " btn-primary" : "")} + ) + } +
diff --git a/SportsStore.WebUI/Views/Shared/ProductSummary.Mobile.cshtml b/SportsStore.WebUI/Views/Shared/ProductSummary.Mobile.cshtml new file mode 100644 index 0000000..a4859c9 --- /dev/null +++ b/SportsStore.WebUI/Views/Shared/ProductSummary.Mobile.cshtml @@ -0,0 +1,22 @@ +@model SportsStore.Domain.Entities.Product + +
+

+ @Model.Name +

+
+
+ @Model.Description +
+
+ (@Model.Price.ToString("c")) +
+
+ @using (Html.BeginForm("AddToCart", "Cart")) + { + @Html.HiddenFor(x => x.ProductID) + @Html.Hidden("returnUrl", Request.Url.PathAndQuery) + + } +
+
\ No newline at end of file diff --git a/SportsStore.WebUI/Views/Shared/_Layout.Mobile.cshtml b/SportsStore.WebUI/Views/Shared/_Layout.Mobile.cshtml new file mode 100644 index 0000000..f881d92 --- /dev/null +++ b/SportsStore.WebUI/Views/Shared/_Layout.Mobile.cshtml @@ -0,0 +1,25 @@ + + + + + + + + + + @ViewBag.Title + + +
+
+

SportsStore

+ @Html.Action("Menu", "Nav") +
+
+
    + @RenderBody() +
+
+
+ + diff --git a/SportsStore.WebUI/Views/Shared/_Layout.cshtml b/SportsStore.WebUI/Views/Shared/_Layout.cshtml index 0fc12ac..9eb8feb 100644 --- a/SportsStore.WebUI/Views/Shared/_Layout.cshtml +++ b/SportsStore.WebUI/Views/Shared/_Layout.cshtml @@ -7,17 +7,30 @@ @ViewBag.Title + +
+ @Html.Action("Menu", "Nav", new { horizontalLayout = true }) +
-
+ -
+
@RenderBody()