Create
+ +@using (Html.BeginForm()) +{ + @Html.AntiForgeryToken() + +
+
+ @Html.ValidationSummary(true) + +
+}
+
+Album
++ @Html.ValidationSummary(true) + +
+ @Html.LabelFor(model => model.GenreId, "GenreId", new { @class = "control-label col-md-2" })
+
+
+
+ @Html.DropDownList("GenreId", String.Empty)
+ @Html.ValidationMessageFor(model => model.GenreId)
+
+
+ @Html.LabelFor(model => model.ArtistId, "ArtistId", new { @class = "control-label col-md-2" })
+
+
+
+ @Html.DropDownList("ArtistId", String.Empty)
+ @Html.ValidationMessageFor(model => model.ArtistId)
+
+
+ @Html.LabelFor(model => model.Title, new { @class = "control-label col-md-2" })
+
+
+
+ @Html.EditorFor(model => model.Title)
+ @Html.ValidationMessageFor(model => model.Title)
+
+
+ @Html.LabelFor(model => model.Price, new { @class = "control-label col-md-2" })
+
+
+
+ @Html.EditorFor(model => model.Price)
+ @Html.ValidationMessageFor(model => model.Price)
+
+
+ @Html.LabelFor(model => model.AlbumArtUrl, new { @class = "control-label col-md-2" })
+
+
+
+ @Html.EditorFor(model => model.AlbumArtUrl)
+ @Html.ValidationMessageFor(model => model.AlbumArtUrl)
+
+
+
+
+
+
+
+ @Html.ActionLink("Back to List", "Index")
+
+
+@section Scripts {
+ @*TODO : Until script helpers are available, adding script references manually*@
+ @*@Scripts.Render("~/bundles/jqueryval")*@
+
+
+}
\ No newline at end of file
diff --git a/samples/MusicStore/Areas/Admin/Views/StoreManager/Details.cshtml b/samples/MusicStore/Areas/Admin/Views/StoreManager/Details.cshtml
new file mode 100644
index 0000000..3e65c71
--- /dev/null
+++ b/samples/MusicStore/Areas/Admin/Views/StoreManager/Details.cshtml
@@ -0,0 +1,58 @@
+@model MusicStore.Models.Album
+
+@{
+ ViewBag.Title = "Details";
+}
+
+Details
+ +
+
+
+Album
++
-
+
- + @Html.DisplayNameFor(model => model.Artist.Name) + + +
- + @Html.DisplayFor(model => model.Artist.Name) + + +
- + @Html.DisplayNameFor(model => model.Genre.Name) + + +
- + @Html.DisplayFor(model => model.Genre.Name) + + +
- + @Html.DisplayNameFor(model => model.Title) + + +
- + @Html.DisplayFor(model => model.Title) + + +
- + @Html.DisplayNameFor(model => model.Price) + + +
- + @Html.DisplayFor(model => model.Price) + + +
- + @Html.DisplayNameFor(model => model.AlbumArtUrl) + + +
- + @Html.DisplayFor(model => model.AlbumArtUrl) + + +
+ @Html.ActionLink("Edit", "Edit", new { id = Model.AlbumId }) | + @Html.ActionLink("Back to List", "Index") +
\ No newline at end of file diff --git a/samples/MusicStore/Areas/Admin/Views/StoreManager/Edit.cshtml b/samples/MusicStore/Areas/Admin/Views/StoreManager/Edit.cshtml new file mode 100644 index 0000000..3e9def0 --- /dev/null +++ b/samples/MusicStore/Areas/Admin/Views/StoreManager/Edit.cshtml @@ -0,0 +1,76 @@ +@model MusicStore.Models.Album + +@{ + ViewBag.Title = "Edit"; +} + +Edit
+ +@using (Html.BeginForm()) +{ + @Html.AntiForgeryToken() + +
+
+ @Html.ValidationSummary(true) + @Html.HiddenFor(model => model.AlbumId) + +
+}
+
+Album
++ @Html.ValidationSummary(true) + @Html.HiddenFor(model => model.AlbumId) + +
+ @Html.LabelFor(model => model.GenreId, "GenreId", new { @class = "control-label col-md-2" })
+
+
+
+ @Html.DropDownList("GenreId", String.Empty)
+ @Html.ValidationMessageFor(model => model.GenreId)
+
+
+ @Html.LabelFor(model => model.ArtistId, "ArtistId", new { @class = "control-label col-md-2" })
+
+
+
+ @Html.DropDownList("ArtistId", String.Empty)
+ @Html.ValidationMessageFor(model => model.ArtistId)
+
+
+ @Html.LabelFor(model => model.Title, new { @class = "control-label col-md-2" })
+
+
+
+ @Html.EditorFor(model => model.Title)
+ @Html.ValidationMessageFor(model => model.Title)
+
+
+ @Html.LabelFor(model => model.Price, new { @class = "control-label col-md-2" })
+
+
+
+ @Html.EditorFor(model => model.Price)
+ @Html.ValidationMessageFor(model => model.Price)
+
+
+ @Html.LabelFor(model => model.AlbumArtUrl, new { @class = "control-label col-md-2" })
+
+
+
+ @Html.EditorFor(model => model.AlbumArtUrl)
+ @Html.ValidationMessageFor(model => model.AlbumArtUrl)
+
+
+
+
+
+
+
+ @Html.ActionLink("Back to List", "Index")
+
+
+@section Scripts {
+ @*TODO : Until script helpers are available, adding script references manually*@
+ @*@Scripts.Render("~/bundles/jqueryval")*@
+
+
+}
\ No newline at end of file
diff --git a/samples/MusicStore/Areas/Admin/Views/StoreManager/Index.cshtml b/samples/MusicStore/Areas/Admin/Views/StoreManager/Index.cshtml
new file mode 100644
index 0000000..bc30dd2
--- /dev/null
+++ b/samples/MusicStore/Areas/Admin/Views/StoreManager/Index.cshtml
@@ -0,0 +1,66 @@
+@model IEnumerableIndex
+ ++ @Html.ActionLink("Create New", "Create") +
+| + @Html.DisplayNameFor(model => model.Genre.Name) + | ++ @Html.DisplayNameFor(model => model.FirstOrDefault().Artist.Name) + | ++ @Html.DisplayNameFor(model => model.FirstOrDefault().Title) + | ++ @Html.DisplayNameFor(model => model.FirstOrDefault().Price) + | ++ |
|---|---|---|---|---|
| + @Html.DisplayFor(modelItem => item.Genre.Name) + | +
+ @if (item.Artist.Name.Length <= 25)
+ {
+ @item.Artist.Name
+ }
+ else
+ {
+ @item.Artist.Name.Substring(0, 25) |
+
+ @if (item.Title.Length <= 25)
+ {
+ @item.Title
+ }
+ else
+ {
+ @item.Title.Substring(0, 25) |
+ + @Html.DisplayFor(modelItem => item.Price) + | ++ @Html.ActionLink("Edit", "Edit", new { id = item.AlbumId }) | + @Html.ActionLink("Details", "Details", new { id = item.AlbumId }) | + @Html.ActionLink("Delete", "RemoveAlbum", new { id = item.AlbumId }) + | +
Delete Confirmation
+ ++ Are you sure you want to delete the album titled + @Model.Title? +
+ + @using (Html.BeginForm()) + { ++ +
++ @Html.ActionLink("Back to List", "Index") +
+ } +} +else +{ + @Html.Label(null, "Unable to locate the album") +} \ No newline at end of file diff --git a/samples/MusicStore/Areas/Admin/Views/_ViewStart.cshtml b/samples/MusicStore/Areas/Admin/Views/_ViewStart.cshtml new file mode 100644 index 0000000..ab23e9a --- /dev/null +++ b/samples/MusicStore/Areas/Admin/Views/_ViewStart.cshtml @@ -0,0 +1,3 @@ +@{ + Layout = "/Views/Shared/_Layout.cshtml"; +} \ No newline at end of file diff --git a/samples/MusicStore/Components/CartSummaryComponent.cs b/samples/MusicStore/Components/CartSummaryComponent.cs new file mode 100644 index 0000000..f2917af --- /dev/null +++ b/samples/MusicStore/Components/CartSummaryComponent.cs @@ -0,0 +1,31 @@ +using System.Collections.Generic; +using System.Linq; +using System.Threading.Tasks; +using Microsoft.AspNetCore.Mvc; +using MusicStore.Models; + +namespace MusicStore.Components +{ + [ViewComponent(Name = "CartSummary")] + public class CartSummaryComponent : ViewComponent + { + public CartSummaryComponent(MusicStoreContext dbContext) + { + DbContext = dbContext; + } + + private MusicStoreContext DbContext { get; } + + public async Task@ViewBag.Title.
+
+
\ No newline at end of file
diff --git a/samples/MusicStore/Views/Account/ExternalLoginConfirmation.cshtml b/samples/MusicStore/Views/Account/ExternalLoginConfirmation.cshtml
new file mode 100644
index 0000000..c3c1f85
--- /dev/null
+++ b/samples/MusicStore/Views/Account/ExternalLoginConfirmation.cshtml
@@ -0,0 +1,34 @@
+@model ExternalLoginConfirmationViewModel
+@{
+ ViewBag.Title = "Register";
+}
++ Thank you for confirming your email. Please Click here to Log in. +
+@ViewBag.Title.
+Associate your @ViewBag.LoginProvider account.
+ + + +@section Scripts { + @{await Html.RenderPartialAsync("_ValidationScriptsPartial"); } +} \ No newline at end of file diff --git a/samples/MusicStore/Views/Account/ExternalLoginFailure.cshtml b/samples/MusicStore/Views/Account/ExternalLoginFailure.cshtml new file mode 100644 index 0000000..cb96d08 --- /dev/null +++ b/samples/MusicStore/Views/Account/ExternalLoginFailure.cshtml @@ -0,0 +1,8 @@ +@{ + ViewBag.Title = "Login Failure"; +} + + +@ViewBag.Title.
+Unsuccessful login with service.
+ \ No newline at end of file diff --git a/samples/MusicStore/Views/Account/ForgotPassword.cshtml b/samples/MusicStore/Views/Account/ForgotPassword.cshtml new file mode 100644 index 0000000..37a40e9 --- /dev/null +++ b/samples/MusicStore/Views/Account/ForgotPassword.cshtml @@ -0,0 +1,28 @@ +@model ForgotPasswordViewModel +@{ + ViewBag.Title = "Forgot your password?"; +} + +@ViewBag.Title.
+ + + +@section Scripts { + @{await Html.RenderPartialAsync("_ValidationScriptsPartial"); } +} diff --git a/samples/MusicStore/Views/Account/ForgotPasswordConfirmation.cshtml b/samples/MusicStore/Views/Account/ForgotPasswordConfirmation.cshtml new file mode 100644 index 0000000..80bb848 --- /dev/null +++ b/samples/MusicStore/Views/Account/ForgotPasswordConfirmation.cshtml @@ -0,0 +1,15 @@ +@{ + ViewBag.Title = "Forgot Password Confirmation"; +} + + +@ViewBag.Title.
+ +
+
\ No newline at end of file
diff --git a/samples/MusicStore/Views/Account/Login.cshtml b/samples/MusicStore/Views/Account/Login.cshtml
new file mode 100644
index 0000000..3e195b3
--- /dev/null
+++ b/samples/MusicStore/Views/Account/Login.cshtml
@@ -0,0 +1,60 @@
+@model LoginViewModel
+
+@{
+ ViewBag.Title = "Log in";
+}
+
++ Please check your email to reset your password. +
++ For demo purpose only: Click here to reset the password +
+@ViewBag.Title.
+
+
+
+@section Scripts {
+ @{await Html.RenderPartialAsync("_ValidationScriptsPartial"); }
+}
\ No newline at end of file
diff --git a/samples/MusicStore/Views/Account/Register.cshtml b/samples/MusicStore/Views/Account/Register.cshtml
new file mode 100644
index 0000000..9daa6d1
--- /dev/null
+++ b/samples/MusicStore/Views/Account/Register.cshtml
@@ -0,0 +1,42 @@
+@model RegisterViewModel
+@{
+ ViewBag.Title = "Register";
+}
+
+
+
+
+
+
+
+
+
+@ViewBag.Title.
+ + + +@section Scripts { + @{await Html.RenderPartialAsync("_ValidationScriptsPartial"); } +} \ No newline at end of file diff --git a/samples/MusicStore/Views/Account/RegisterConfirmation.cshtml b/samples/MusicStore/Views/Account/RegisterConfirmation.cshtml new file mode 100644 index 0000000..1317049 --- /dev/null +++ b/samples/MusicStore/Views/Account/RegisterConfirmation.cshtml @@ -0,0 +1,15 @@ +@{ + ViewBag.Title = "Register Confirmation"; +} + + +@ViewBag.Title.
+ +
+
\ No newline at end of file
diff --git a/samples/MusicStore/Views/Account/ResetPassword.cshtml b/samples/MusicStore/Views/Account/ResetPassword.cshtml
new file mode 100644
index 0000000..17198fc
--- /dev/null
+++ b/samples/MusicStore/Views/Account/ResetPassword.cshtml
@@ -0,0 +1,43 @@
+@model ResetPasswordViewModel
+@{
+ ViewBag.Title = "Reset password";
+}
+
++ Please check your email to activate your account. +
++ Demo/testing purposes only: The sample displays the code and user id in the page: Click here to confirm your email: +
+@ViewBag.Title.
+ + + +@section Scripts { + @{await Html.RenderPartialAsync("_ValidationScriptsPartial"); } +} \ No newline at end of file diff --git a/samples/MusicStore/Views/Account/ResetPasswordConfirmation.cshtml b/samples/MusicStore/Views/Account/ResetPasswordConfirmation.cshtml new file mode 100644 index 0000000..0af2ecf --- /dev/null +++ b/samples/MusicStore/Views/Account/ResetPasswordConfirmation.cshtml @@ -0,0 +1,12 @@ +@{ + ViewBag.Title = "Reset password confirmation"; +} + + +@ViewBag.Title.
+ +
+
\ No newline at end of file
diff --git a/samples/MusicStore/Views/Account/SendCode.cshtml b/samples/MusicStore/Views/Account/SendCode.cshtml
new file mode 100644
index 0000000..b16de72
--- /dev/null
+++ b/samples/MusicStore/Views/Account/SendCode.cshtml
@@ -0,0 +1,21 @@
+@model SendCodeViewModel
+@{
+ ViewBag.Title = "Send Verification Code";
+}
+
++ Your password has been reset. Please Click here to log in. +
+@ViewBag.Title.
+ + + +@section Scripts { + @{await Html.RenderPartialAsync("_ValidationScriptsPartial"); } +} diff --git a/samples/MusicStore/Views/Account/VerifyCode.cshtml b/samples/MusicStore/Views/Account/VerifyCode.cshtml new file mode 100644 index 0000000..00676c7 --- /dev/null +++ b/samples/MusicStore/Views/Account/VerifyCode.cshtml @@ -0,0 +1,43 @@ +@model VerifyCodeViewModel +@{ + ViewBag.Title = "Verify"; +} + +@ViewBag.Title.
+ + + +@section Scripts { + @{await Html.RenderPartialAsync("_ValidationScriptsPartial"); } +} \ No newline at end of file diff --git a/samples/MusicStore/Views/Account/_ExternalLoginsListPartial.cshtml b/samples/MusicStore/Views/Account/_ExternalLoginsListPartial.cshtml new file mode 100644 index 0000000..56ebf81 --- /dev/null +++ b/samples/MusicStore/Views/Account/_ExternalLoginsListPartial.cshtml @@ -0,0 +1,31 @@ +@using Microsoft.AspNetCore.Authentication +@model ExternalLoginListViewModel +@inject IAuthenticationSchemeProvider SchemeProvider +Use another service to log in.
++@{ + var schemes = await SchemeProvider.GetAllSchemesAsync(); + var loginProviders = schemes.ToList(); + if (!loginProviders.Any()) + { +
+
+ }
+ else
+ {
+
+ }
+}
\ No newline at end of file
diff --git a/samples/MusicStore/Views/Checkout/AddressAndPayment.cshtml b/samples/MusicStore/Views/Checkout/AddressAndPayment.cshtml
new file mode 100644
index 0000000..96c6fdf
--- /dev/null
+++ b/samples/MusicStore/Views/Checkout/AddressAndPayment.cshtml
@@ -0,0 +1,33 @@
+@model Order
+
+@{
+ ViewBag.Title = "Address And Payment";
+}
+
+@section Scripts {
+ @{await Html.RenderPartialAsync("_ValidationScriptsPartial"); }
+}
+
+
\ No newline at end of file
diff --git a/samples/MusicStore/Views/Checkout/Complete.cshtml b/samples/MusicStore/Views/Checkout/Complete.cshtml
new file mode 100644
index 0000000..14b8db5
--- /dev/null
+++ b/samples/MusicStore/Views/Checkout/Complete.cshtml
@@ -0,0 +1,14 @@
+@model int
+
+@{
+ ViewBag.Title = "Checkout Complete";
+}
+
++ There are no external authentication services configured. See this article + for details on setting up this ASP.NET application to support logging in via external services. +
+Checkout Complete
+ +Thanks for your order! Your order number is: @Model
+ ++ How about shopping for some more music in our + Store +
\ No newline at end of file diff --git a/samples/MusicStore/Views/Home/Index.cshtml b/samples/MusicStore/Views/Home/Index.cshtml new file mode 100644 index 0000000..2216fbb --- /dev/null +++ b/samples/MusicStore/Views/Home/Index.cshtml @@ -0,0 +1,21 @@ +@inject IOptions
+ 
+
+
+@AppSettings.Value.SiteTitle
+
+-
+ @foreach (var album in Model)
+ {
+
-
+
+
+
@album.Title
+ +
+ }
+
@ViewBag.Title.
+ + +@section Scripts { + @{await Html.RenderPartialAsync("_ValidationScriptsPartial"); } +} \ No newline at end of file diff --git a/samples/MusicStore/Views/Manage/ChangePassword.cshtml b/samples/MusicStore/Views/Manage/ChangePassword.cshtml new file mode 100644 index 0000000..527e9be --- /dev/null +++ b/samples/MusicStore/Views/Manage/ChangePassword.cshtml @@ -0,0 +1,42 @@ +@model ChangePasswordViewModel +@{ + ViewBag.Title = "Change Password"; +} + +@ViewBag.Title.
+ + + +@section Scripts { + @{await Html.RenderPartialAsync("_ValidationScriptsPartial"); } +} diff --git a/samples/MusicStore/Views/Manage/Index.cshtml b/samples/MusicStore/Views/Manage/Index.cshtml new file mode 100644 index 0000000..79a2d97 --- /dev/null +++ b/samples/MusicStore/Views/Manage/Index.cshtml @@ -0,0 +1,70 @@ +@model IndexViewModel +@{ + ViewData["Title"] = "Manage your account"; +} + +@ViewData["Title"].
+@ViewData["StatusMessage"]
+ +
+
+
\ No newline at end of file
diff --git a/samples/MusicStore/Views/Manage/ManageLogins.cshtml b/samples/MusicStore/Views/Manage/ManageLogins.cshtml
new file mode 100644
index 0000000..d4d2625
--- /dev/null
+++ b/samples/MusicStore/Views/Manage/ManageLogins.cshtml
@@ -0,0 +1,53 @@
+@model ManageLoginsViewModel
+@{
+ ViewBag.Title = "Manage your external logins";
+}
+
+Change your account settings
++
-
+
- Password: +
-
+ @if (Model.HasPassword)
+ {
+
[ Change ] + } + else + { +[ Create ] + } +
+ - External Logins: +
- + @Model.Logins.Count [ Manage ] + +
- Phone Number: +
-
+
+ Phone Numbers can used as a second factor of verification in two-factor authentication. + See this article + for details on setting up this ASP.NET application to support two-factor authentication using SMS. +
+ @*@(Model.PhoneNumber ?? "None") + @if (Model.PhoneNumber != null) + { +
+[ Change ] + + } + else + { +[ Add ] + }*@ +
+
+ - Two-Factor Authentication: +
-
+
+ There are no two-factor authentication providers configured. See this article + for setting up this application to support two-factor authentication. +
+ @*@if (Model.TwoFactor) + { + + } + else + { + + }*@ +
+
@ViewBag.Title.
+ +@ViewBag.StatusMessage
+@if (Model.CurrentLogins.Count > 0) +{ +Registered Logins
+| @account.LoginProvider | ++ @if (ViewBag.ShowRemoveButton) + { + + } + else + { + @: + } + | +
Add another service to log in.
++ +} \ No newline at end of file diff --git a/samples/MusicStore/Views/Manage/SetPassword.cshtml b/samples/MusicStore/Views/Manage/SetPassword.cshtml new file mode 100644 index 0000000..55face2 --- /dev/null +++ b/samples/MusicStore/Views/Manage/SetPassword.cshtml @@ -0,0 +1,38 @@ +@model SetPasswordViewModel +@{ + ViewBag.Title = "Set Password"; +} + +
+ You do not have a local username/password for this site. Add a local + account so you can log in without an external login. +
+ + + +@section Scripts { + @{await Html.RenderPartialAsync("_ValidationScriptsPartial"); } +} \ No newline at end of file diff --git a/samples/MusicStore/Views/Manage/VerifyPhoneNumber.cshtml b/samples/MusicStore/Views/Manage/VerifyPhoneNumber.cshtml new file mode 100644 index 0000000..55d0625 --- /dev/null +++ b/samples/MusicStore/Views/Manage/VerifyPhoneNumber.cshtml @@ -0,0 +1,34 @@ +@model VerifyPhoneNumberViewModel +@{ + ViewBag.Title = "Verify Phone Number"; +} + +@ViewBag.Title.
+ + + +@section Scripts { + @{await Html.RenderPartialAsync("_ValidationScriptsPartial"); } +} \ No newline at end of file diff --git a/samples/MusicStore/Views/Shared/AccessDenied.cshtml b/samples/MusicStore/Views/Shared/AccessDenied.cshtml new file mode 100644 index 0000000..27ca49c --- /dev/null +++ b/samples/MusicStore/Views/Shared/AccessDenied.cshtml @@ -0,0 +1,5 @@ +@{ + ViewBag.Title = "Access denied due to insufficient permissions"; +} + +Access denied due to insufficient permissions.
\ No newline at end of file diff --git a/samples/MusicStore/Views/Shared/Components/Announcement/Default.cshtml b/samples/MusicStore/Views/Shared/Components/Announcement/Default.cshtml new file mode 100644 index 0000000..52e11e3 --- /dev/null +++ b/samples/MusicStore/Views/Shared/Components/Announcement/Default.cshtml @@ -0,0 +1,10 @@ +@model Album + +@if (Model != null) +{ ++ + @Model.Title +
@ViewBag.Title.
+ +
+
\ No newline at end of file
diff --git a/samples/MusicStore/Views/Shared/Error.cshtml b/samples/MusicStore/Views/Shared/Error.cshtml
new file mode 100644
index 0000000..dd26209
--- /dev/null
+++ b/samples/MusicStore/Views/Shared/Error.cshtml
@@ -0,0 +1,6 @@
+@{
+ ViewBag.Title = "Error";
+}
+
++ Demo link display page - Not for production use. +
+ + @if (ViewBag.Link != null) + { +
+ For DEMO only: You can click this link to confirm the email: [[link]]
+
+ Please change this code to register an email service in IdentityConfig to send an email.
+
Error.
+An error occurred while processing your request.
\ No newline at end of file diff --git a/samples/MusicStore/Views/Shared/Lockout.cshtml b/samples/MusicStore/Views/Shared/Lockout.cshtml new file mode 100644 index 0000000..aff107a --- /dev/null +++ b/samples/MusicStore/Views/Shared/Lockout.cshtml @@ -0,0 +1,8 @@ +@{ + ViewBag.Title = "Locked Out"; +} + + +Locked out.
+This account has been locked out, please try again later.
+ \ No newline at end of file diff --git a/samples/MusicStore/Views/Shared/StatusCodePage.cshtml b/samples/MusicStore/Views/Shared/StatusCodePage.cshtml new file mode 100644 index 0000000..53dff87 --- /dev/null +++ b/samples/MusicStore/Views/Shared/StatusCodePage.cshtml @@ -0,0 +1,6 @@ +@{ + ViewBag.Title = "Item not found"; +} + +Item not found.
+Unable to find the item you are searching for. Please try again.
\ No newline at end of file diff --git a/samples/MusicStore/Views/Shared/_Layout.cshtml b/samples/MusicStore/Views/Shared/_Layout.cshtml new file mode 100644 index 0000000..d2009c0 --- /dev/null +++ b/samples/MusicStore/Views/Shared/_Layout.cshtml @@ -0,0 +1,74 @@ +@inject IOptions
+ @RenderBody()
+
+ +
+
+ + +
+ Review your cart: +
+ +
+
+| + Album Name + | ++ Price (each) + | ++ Quantity + | ++ |
|---|---|---|---|
| + @item.Album.Title + | ++ @item.Album.Price + | ++ @item.Count + | ++ + Remove from cart + + | +
| + Total + | ++ | + | + @Model.CartTotal + | +
+
\ No newline at end of file
diff --git a/samples/MusicStore/Views/Store/Details.cshtml b/samples/MusicStore/Views/Store/Details.cshtml
new file mode 100644
index 0000000..cdcab0c
--- /dev/null
+++ b/samples/MusicStore/Views/Store/Details.cshtml
@@ -0,0 +1,29 @@
+@model Album
+
+@{
+ ViewBag.Title = "Album - " + Model.Title;
+}
+
++ @Model.Name Albums +
+ +-
+ @foreach (var album in Model.Albums)
+ {
+
-
+
+ @if (!string.IsNullOrEmpty(album.AlbumArtUrl))
+ {
+
@album.Title
+ +
+ }
+
@Model.Title
+ +
+
+
+
\ No newline at end of file
diff --git a/samples/MusicStore/Views/Store/Index.cshtml b/samples/MusicStore/Views/Store/Index.cshtml
new file mode 100644
index 0000000..3a40308
--- /dev/null
+++ b/samples/MusicStore/Views/Store/Index.cshtml
@@ -0,0 +1,15 @@
+@model IEnumerable+ Genre: + @Model.Genre.Name +
++ Artist: + @Model.Artist.Name +
++ Price: + +
+ +Browse Genres
+ ++ Select from @Model.Count() genres: +
+-
+ @foreach (var genre in Model)
+ {
+
- @genre.Name + } +
'
+ , trigger: 'hover focus'
+ , title: ''
+ , delay: 0
+ , html: false
+ , container: false
+ }
+
+ Tooltip.prototype.init = function (type, element, options) {
+ this.enabled = true
+ this.type = type
+ this.$element = $(element)
+ this.options = this.getOptions(options)
+
+ var triggers = this.options.trigger.split(' ')
+
+ for (var i = triggers.length; i--;) {
+ var trigger = triggers[i]
+
+ if (trigger == 'click') {
+ this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))
+ } else if (trigger != 'manual') {
+ var eventIn = trigger == 'hover' ? 'mouseenter' : 'focus'
+ var eventOut = trigger == 'hover' ? 'mouseleave' : 'blur'
+
+ this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
+ this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
+ }
+ }
+
+ this.options.selector ?
+ (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
+ this.fixTitle()
+ }
+
+ Tooltip.prototype.getDefaults = function () {
+ return Tooltip.DEFAULTS
+ }
+
+ Tooltip.prototype.getOptions = function (options) {
+ options = $.extend({}, this.getDefaults(), this.$element.data(), options)
+
+ if (options.delay && typeof options.delay == 'number') {
+ options.delay = {
+ show: options.delay
+ , hide: options.delay
+ }
+ }
+
+ return options
+ }
+
+ Tooltip.prototype.getDelegateOptions = function () {
+ var options = {}
+ var defaults = this.getDefaults()
+
+ this._options && $.each(this._options, function (key, value) {
+ if (defaults[key] != value) options[key] = value
+ })
+
+ return options
+ }
+
+ Tooltip.prototype.enter = function (obj) {
+ var self = obj instanceof this.constructor ?
+ obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)
+
+ clearTimeout(self.timeout)
+
+ self.hoverState = 'in'
+
+ if (!self.options.delay || !self.options.delay.show) return self.show()
+
+ self.timeout = setTimeout(function () {
+ if (self.hoverState == 'in') self.show()
+ }, self.options.delay.show)
+ }
+
+ Tooltip.prototype.leave = function (obj) {
+ var self = obj instanceof this.constructor ?
+ obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)
+
+ clearTimeout(self.timeout)
+
+ self.hoverState = 'out'
+
+ if (!self.options.delay || !self.options.delay.hide) return self.hide()
+
+ self.timeout = setTimeout(function () {
+ if (self.hoverState == 'out') self.hide()
+ }, self.options.delay.hide)
+ }
+
+ Tooltip.prototype.show = function () {
+ var e = $.Event('show.bs.'+ this.type)
+
+ if (this.hasContent() && this.enabled) {
+ this.$element.trigger(e)
+
+ if (e.isDefaultPrevented()) return
+
+ var $tip = this.tip()
+
+ this.setContent()
+
+ if (this.options.animation) $tip.addClass('fade')
+
+ var placement = typeof this.options.placement == 'function' ?
+ this.options.placement.call(this, $tip[0], this.$element[0]) :
+ this.options.placement
+
+ var autoToken = /\s?auto?\s?/i
+ var autoPlace = autoToken.test(placement)
+ if (autoPlace) placement = placement.replace(autoToken, '') || 'top'
+
+ $tip
+ .detach()
+ .css({ top: 0, left: 0, display: 'block' })
+ .addClass(placement)
+
+ this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)
+
+ var pos = this.getPosition()
+ var actualWidth = $tip[0].offsetWidth
+ var actualHeight = $tip[0].offsetHeight
+
+ if (autoPlace) {
+ var $parent = this.$element.parent()
+
+ var orgPlacement = placement
+ var docScroll = document.documentElement.scrollTop || document.body.scrollTop
+ var parentWidth = this.options.container == 'body' ? window.innerWidth : $parent.outerWidth()
+ var parentHeight = this.options.container == 'body' ? window.innerHeight : $parent.outerHeight()
+ var parentLeft = this.options.container == 'body' ? 0 : $parent.offset().left
+
+ placement = placement == 'bottom' && pos.top + pos.height + actualHeight - docScroll > parentHeight ? 'top' :
+ placement == 'top' && pos.top - docScroll - actualHeight < 0 ? 'bottom' :
+ placement == 'right' && pos.right + actualWidth > parentWidth ? 'left' :
+ placement == 'left' && pos.left - actualWidth < parentLeft ? 'right' :
+ placement
+
+ $tip
+ .removeClass(orgPlacement)
+ .addClass(placement)
+ }
+
+ var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight)
+
+ this.applyPlacement(calculatedOffset, placement)
+ this.$element.trigger('shown.bs.' + this.type)
+ }
+ }
+
+ Tooltip.prototype.applyPlacement = function(offset, placement) {
+ var replace
+ var $tip = this.tip()
+ var width = $tip[0].offsetWidth
+ var height = $tip[0].offsetHeight
+
+ // manually read margins because getBoundingClientRect includes difference
+ var marginTop = parseInt($tip.css('margin-top'), 10)
+ var marginLeft = parseInt($tip.css('margin-left'), 10)
+
+ // we must check for NaN for ie 8/9
+ if (isNaN(marginTop)) marginTop = 0
+ if (isNaN(marginLeft)) marginLeft = 0
+
+ offset.top = offset.top + marginTop
+ offset.left = offset.left + marginLeft
+
+ $tip
+ .offset(offset)
+ .addClass('in')
+
+ // check to see if placing tip in new offset caused the tip to resize itself
+ var actualWidth = $tip[0].offsetWidth
+ var actualHeight = $tip[0].offsetHeight
+
+ if (placement == 'top' && actualHeight != height) {
+ replace = true
+ offset.top = offset.top + height - actualHeight
+ }
+
+ if (/bottom|top/.test(placement)) {
+ var delta = 0
+
+ if (offset.left < 0) {
+ delta = offset.left * -2
+ offset.left = 0
+
+ $tip.offset(offset)
+
+ actualWidth = $tip[0].offsetWidth
+ actualHeight = $tip[0].offsetHeight
+ }
+
+ this.replaceArrow(delta - width + actualWidth, actualWidth, 'left')
+ } else {
+ this.replaceArrow(actualHeight - height, actualHeight, 'top')
+ }
+
+ if (replace) $tip.offset(offset)
+ }
+
+ Tooltip.prototype.replaceArrow = function(delta, dimension, position) {
+ this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + "%") : '')
+ }
+
+ Tooltip.prototype.setContent = function () {
+ var $tip = this.tip()
+ var title = this.getTitle()
+
+ $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
+ $tip.removeClass('fade in top bottom left right')
+ }
+
+ Tooltip.prototype.hide = function () {
+ var that = this
+ var $tip = this.tip()
+ var e = $.Event('hide.bs.' + this.type)
+
+ function complete() {
+ if (that.hoverState != 'in') $tip.detach()
+ }
+
+ this.$element.trigger(e)
+
+ if (e.isDefaultPrevented()) return
+
+ $tip.removeClass('in')
+
+ $.support.transition && this.$tip.hasClass('fade') ?
+ $tip
+ .one($.support.transition.end, complete)
+ .emulateTransitionEnd(150) :
+ complete()
+
+ this.$element.trigger('hidden.bs.' + this.type)
+
+ return this
+ }
+
+ Tooltip.prototype.fixTitle = function () {
+ var $e = this.$element
+ if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
+ $e.attr('data-original-title', $e.attr('title') || '').attr('title', '')
+ }
+ }
+
+ Tooltip.prototype.hasContent = function () {
+ return this.getTitle()
+ }
+
+ Tooltip.prototype.getPosition = function () {
+ var el = this.$element[0]
+ return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : {
+ width: el.offsetWidth
+ , height: el.offsetHeight
+ }, this.$element.offset())
+ }
+
+ Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) {
+ return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } :
+ placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } :
+ placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } :
+ /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width }
+ }
+
+ Tooltip.prototype.getTitle = function () {
+ var title
+ var $e = this.$element
+ var o = this.options
+
+ title = $e.attr('data-original-title')
+ || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
+
+ return title
+ }
+
+ Tooltip.prototype.tip = function () {
+ return this.$tip = this.$tip || $(this.options.template)
+ }
+
+ Tooltip.prototype.arrow = function () {
+ return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')
+ }
+
+ Tooltip.prototype.validate = function () {
+ if (!this.$element[0].parentNode) {
+ this.hide()
+ this.$element = null
+ this.options = null
+ }
+ }
+
+ Tooltip.prototype.enable = function () {
+ this.enabled = true
+ }
+
+ Tooltip.prototype.disable = function () {
+ this.enabled = false
+ }
+
+ Tooltip.prototype.toggleEnabled = function () {
+ this.enabled = !this.enabled
+ }
+
+ Tooltip.prototype.toggle = function (e) {
+ var self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) : this
+ self.tip().hasClass('in') ? self.leave(self) : self.enter(self)
+ }
+
+ Tooltip.prototype.destroy = function () {
+ this.hide().$element.off('.' + this.type).removeData('bs.' + this.type)
+ }
+
+
+ // TOOLTIP PLUGIN DEFINITION
+ // =========================
+
+ var old = $.fn.tooltip
+
+ $.fn.tooltip = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.tooltip')
+ var options = typeof option == 'object' && option
+
+ if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.tooltip.Constructor = Tooltip
+
+
+ // TOOLTIP NO CONFLICT
+ // ===================
+
+ $.fn.tooltip.noConflict = function () {
+ $.fn.tooltip = old
+ return this
+ }
+
+}(window.jQuery);
+
+/* ========================================================================
+ * Bootstrap: popover.js v3.0.0
+ * http://twbs.github.com/bootstrap/javascript.html#popovers
+ * ========================================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ======================================================================== */
+
+
++function ($) { "use strict";
+
+ // POPOVER PUBLIC CLASS DEFINITION
+ // ===============================
+
+ var Popover = function (element, options) {
+ this.init('popover', element, options)
+ }
+
+ if (!$.fn.tooltip) throw new Error('Popover requires tooltip.js')
+
+ Popover.DEFAULTS = $.extend({} , $.fn.tooltip.Constructor.DEFAULTS, {
+ placement: 'right'
+ , trigger: 'click'
+ , content: ''
+ , template: '
'
+ })
+
+
+ // NOTE: POPOVER EXTENDS tooltip.js
+ // ================================
+
+ Popover.prototype = $.extend({}, $.fn.tooltip.Constructor.prototype)
+
+ Popover.prototype.constructor = Popover
+
+ Popover.prototype.getDefaults = function () {
+ return Popover.DEFAULTS
+ }
+
+ Popover.prototype.setContent = function () {
+ var $tip = this.tip()
+ var title = this.getTitle()
+ var content = this.getContent()
+
+ $tip.find('.popover-title')[this.options.html ? 'html' : 'text'](title)
+ $tip.find('.popover-content')[this.options.html ? 'html' : 'text'](content)
+
+ $tip.removeClass('fade top bottom left right in')
+
+ // IE8 doesn't accept hiding via the `:empty` pseudo selector, we have to do
+ // this manually by checking the contents.
+ if (!$tip.find('.popover-title').html()) $tip.find('.popover-title').hide()
+ }
+
+ Popover.prototype.hasContent = function () {
+ return this.getTitle() || this.getContent()
+ }
+
+ Popover.prototype.getContent = function () {
+ var $e = this.$element
+ var o = this.options
+
+ return $e.attr('data-content')
+ || (typeof o.content == 'function' ?
+ o.content.call($e[0]) :
+ o.content)
+ }
+
+ Popover.prototype.arrow = function () {
+ return this.$arrow = this.$arrow || this.tip().find('.arrow')
+ }
+
+ Popover.prototype.tip = function () {
+ if (!this.$tip) this.$tip = $(this.options.template)
+ return this.$tip
+ }
+
+
+ // POPOVER PLUGIN DEFINITION
+ // =========================
+
+ var old = $.fn.popover
+
+ $.fn.popover = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.popover')
+ var options = typeof option == 'object' && option
+
+ if (!data) $this.data('bs.popover', (data = new Popover(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.popover.Constructor = Popover
+
+
+ // POPOVER NO CONFLICT
+ // ===================
+
+ $.fn.popover.noConflict = function () {
+ $.fn.popover = old
+ return this
+ }
+
+}(window.jQuery);
+
+/* ========================================================================
+ * Bootstrap: scrollspy.js v3.0.0
+ * http://twbs.github.com/bootstrap/javascript.html#scrollspy
+ * ========================================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ======================================================================== */
+
+
++function ($) { "use strict";
+
+ // SCROLLSPY CLASS DEFINITION
+ // ==========================
+
+ function ScrollSpy(element, options) {
+ var href
+ var process = $.proxy(this.process, this)
+
+ this.$element = $(element).is('body') ? $(window) : $(element)
+ this.$body = $('body')
+ this.$scrollElement = this.$element.on('scroll.bs.scroll-spy.data-api', process)
+ this.options = $.extend({}, ScrollSpy.DEFAULTS, options)
+ this.selector = (this.options.target
+ || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
+ || '') + ' .nav li > a'
+ this.offsets = $([])
+ this.targets = $([])
+ this.activeTarget = null
+
+ this.refresh()
+ this.process()
+ }
+
+ ScrollSpy.DEFAULTS = {
+ offset: 10
+ }
+
+ ScrollSpy.prototype.refresh = function () {
+ var offsetMethod = this.$element[0] == window ? 'offset' : 'position'
+
+ this.offsets = $([])
+ this.targets = $([])
+
+ var self = this
+ var $targets = this.$body
+ .find(this.selector)
+ .map(function () {
+ var $el = $(this)
+ var href = $el.data('target') || $el.attr('href')
+ var $href = /^#\w/.test(href) && $(href)
+
+ return ($href
+ && $href.length
+ && [[ $href[offsetMethod]().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]]) || null
+ })
+ .sort(function (a, b) { return a[0] - b[0] })
+ .each(function () {
+ self.offsets.push(this[0])
+ self.targets.push(this[1])
+ })
+ }
+
+ ScrollSpy.prototype.process = function () {
+ var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
+ var scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight
+ var maxScroll = scrollHeight - this.$scrollElement.height()
+ var offsets = this.offsets
+ var targets = this.targets
+ var activeTarget = this.activeTarget
+ var i
+
+ if (scrollTop >= maxScroll) {
+ return activeTarget != (i = targets.last()[0]) && this.activate(i)
+ }
+
+ for (i = offsets.length; i--;) {
+ activeTarget != targets[i]
+ && scrollTop >= offsets[i]
+ && (!offsets[i + 1] || scrollTop <= offsets[i + 1])
+ && this.activate( targets[i] )
+ }
+ }
+
+ ScrollSpy.prototype.activate = function (target) {
+ this.activeTarget = target
+
+ $(this.selector)
+ .parents('.active')
+ .removeClass('active')
+
+ var selector = this.selector
+ + '[data-target="' + target + '"],'
+ + this.selector + '[href="' + target + '"]'
+
+ var active = $(selector)
+ .parents('li')
+ .addClass('active')
+
+ if (active.parent('.dropdown-menu').length) {
+ active = active
+ .closest('li.dropdown')
+ .addClass('active')
+ }
+
+ active.trigger('activate')
+ }
+
+
+ // SCROLLSPY PLUGIN DEFINITION
+ // ===========================
+
+ var old = $.fn.scrollspy
+
+ $.fn.scrollspy = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.scrollspy')
+ var options = typeof option == 'object' && option
+
+ if (!data) $this.data('bs.scrollspy', (data = new ScrollSpy(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.scrollspy.Constructor = ScrollSpy
+
+
+ // SCROLLSPY NO CONFLICT
+ // =====================
+
+ $.fn.scrollspy.noConflict = function () {
+ $.fn.scrollspy = old
+ return this
+ }
+
+
+ // SCROLLSPY DATA-API
+ // ==================
+
+ $(window).on('load', function () {
+ $('[data-spy="scroll"]').each(function () {
+ var $spy = $(this)
+ $spy.scrollspy($spy.data())
+ })
+ })
+
+}(window.jQuery);
+
+/* ========================================================================
+ * Bootstrap: tab.js v3.0.0
+ * http://twbs.github.com/bootstrap/javascript.html#tabs
+ * ========================================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ======================================================================== */
+
+
++function ($) { "use strict";
+
+ // TAB CLASS DEFINITION
+ // ====================
+
+ var Tab = function (element) {
+ this.element = $(element)
+ }
+
+ Tab.prototype.show = function () {
+ var $this = this.element
+ var $ul = $this.closest('ul:not(.dropdown-menu)')
+ var selector = $this.attr('data-target')
+
+ if (!selector) {
+ selector = $this.attr('href')
+ selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') //strip for ie7
+ }
+
+ if ($this.parent('li').hasClass('active')) return
+
+ var previous = $ul.find('.active:last a')[0]
+ var e = $.Event('show.bs.tab', {
+ relatedTarget: previous
+ })
+
+ $this.trigger(e)
+
+ if (e.isDefaultPrevented()) return
+
+ var $target = $(selector)
+
+ this.activate($this.parent('li'), $ul)
+ this.activate($target, $target.parent(), function () {
+ $this.trigger({
+ type: 'shown.bs.tab'
+ , relatedTarget: previous
+ })
+ })
+ }
+
+ Tab.prototype.activate = function (element, container, callback) {
+ var $active = container.find('> .active')
+ var transition = callback
+ && $.support.transition
+ && $active.hasClass('fade')
+
+ function next() {
+ $active
+ .removeClass('active')
+ .find('> .dropdown-menu > .active')
+ .removeClass('active')
+
+ element.addClass('active')
+
+ if (transition) {
+ element[0].offsetWidth // reflow for transition
+ element.addClass('in')
+ } else {
+ element.removeClass('fade')
+ }
+
+ if (element.parent('.dropdown-menu')) {
+ element.closest('li.dropdown').addClass('active')
+ }
+
+ callback && callback()
+ }
+
+ transition ?
+ $active
+ .one($.support.transition.end, next)
+ .emulateTransitionEnd(150) :
+ next()
+
+ $active.removeClass('in')
+ }
+
+
+ // TAB PLUGIN DEFINITION
+ // =====================
+
+ var old = $.fn.tab
+
+ $.fn.tab = function ( option ) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.tab')
+
+ if (!data) $this.data('bs.tab', (data = new Tab(this)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.tab.Constructor = Tab
+
+
+ // TAB NO CONFLICT
+ // ===============
+
+ $.fn.tab.noConflict = function () {
+ $.fn.tab = old
+ return this
+ }
+
+
+ // TAB DATA-API
+ // ============
+
+ $(document).on('click.bs.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
+ e.preventDefault()
+ $(this).tab('show')
+ })
+
+}(window.jQuery);
+
+/* ========================================================================
+ * Bootstrap: affix.js v3.0.0
+ * http://twbs.github.com/bootstrap/javascript.html#affix
+ * ========================================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ======================================================================== */
+
+
++function ($) { "use strict";
+
+ // AFFIX CLASS DEFINITION
+ // ======================
+
+ var Affix = function (element, options) {
+ this.options = $.extend({}, Affix.DEFAULTS, options)
+ this.$window = $(window)
+ .on('scroll.bs.affix.data-api', $.proxy(this.checkPosition, this))
+ .on('click.bs.affix.data-api', $.proxy(this.checkPositionWithEventLoop, this))
+
+ this.$element = $(element)
+ this.affixed =
+ this.unpin = null
+
+ this.checkPosition()
+ }
+
+ Affix.RESET = 'affix affix-top affix-bottom'
+
+ Affix.DEFAULTS = {
+ offset: 0
+ }
+
+ Affix.prototype.checkPositionWithEventLoop = function () {
+ setTimeout($.proxy(this.checkPosition, this), 1)
+ }
+
+ Affix.prototype.checkPosition = function () {
+ if (!this.$element.is(':visible')) return
+
+ var scrollHeight = $(document).height()
+ var scrollTop = this.$window.scrollTop()
+ var position = this.$element.offset()
+ var offset = this.options.offset
+ var offsetTop = offset.top
+ var offsetBottom = offset.bottom
+
+ if (typeof offset != 'object') offsetBottom = offsetTop = offset
+ if (typeof offsetTop == 'function') offsetTop = offset.top()
+ if (typeof offsetBottom == 'function') offsetBottom = offset.bottom()
+
+ var affix = this.unpin != null && (scrollTop + this.unpin <= position.top) ? false :
+ offsetBottom != null && (position.top + this.$element.height() >= scrollHeight - offsetBottom) ? 'bottom' :
+ offsetTop != null && (scrollTop <= offsetTop) ? 'top' : false
+
+ if (this.affixed === affix) return
+ if (this.unpin) this.$element.css('top', '')
+
+ this.affixed = affix
+ this.unpin = affix == 'bottom' ? position.top - scrollTop : null
+
+ this.$element.removeClass(Affix.RESET).addClass('affix' + (affix ? '-' + affix : ''))
+
+ if (affix == 'bottom') {
+ this.$element.offset({ top: document.body.offsetHeight - offsetBottom - this.$element.height() })
+ }
+ }
+
+
+ // AFFIX PLUGIN DEFINITION
+ // =======================
+
+ var old = $.fn.affix
+
+ $.fn.affix = function (option) {
+ return this.each(function () {
+ var $this = $(this)
+ var data = $this.data('bs.affix')
+ var options = typeof option == 'object' && option
+
+ if (!data) $this.data('bs.affix', (data = new Affix(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.affix.Constructor = Affix
+
+
+ // AFFIX NO CONFLICT
+ // =================
+
+ $.fn.affix.noConflict = function () {
+ $.fn.affix = old
+ return this
+ }
+
+
+ // AFFIX DATA-API
+ // ==============
+
+ $(window).on('load', function () {
+ $('[data-spy="affix"]').each(function () {
+ var $spy = $(this)
+ var data = $spy.data()
+
+ data.offset = data.offset || {}
+
+ if (data.offsetBottom) data.offset.bottom = data.offsetBottom
+ if (data.offsetTop) data.offset.top = data.offsetTop
+
+ $spy.affix(data)
+ })
+ })
+
+}(window.jQuery);
diff --git a/samples/MusicStore/wwwroot/Scripts/bootstrap.min.js b/samples/MusicStore/wwwroot/Scripts/bootstrap.min.js
new file mode 100644
index 0000000..9c96832
--- /dev/null
+++ b/samples/MusicStore/wwwroot/Scripts/bootstrap.min.js
@@ -0,0 +1,21 @@
+/* NUGET: BEGIN LICENSE TEXT
+ *
+ * Microsoft grants you the right to use these script files for the sole
+ * purpose of either: (i) interacting through your browser with the Microsoft
+ * website or online service, subject to the applicable licensing or use
+ * terms; or (ii) using the files as included with a Microsoft product subject
+ * to that product's license terms. Microsoft reserves all other rights to the
+ * files not expressly granted by Microsoft, whether by implication, estoppel
+ * or otherwise. Insofar as a script file is dual licensed under GPL,
+ * Microsoft neither took the code under GPL nor distributes it thereunder but
+ * under the terms set out in this paragraph. All notices and licenses
+ * below are for informational purposes only.
+ *
+ * NUGET: END LICENSE TEXT */
+
+/**
+* bootstrap.js v3.0.0 by @fat and @mdo
+* Copyright 2013 Twitter Inc.
+* http://www.apache.org/licenses/LICENSE-2.0
+*/
+if(!jQuery)throw new Error("Bootstrap requires jQuery");+function(a){"use strict";function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(void 0!==a.style[c])return{end:b[c]}}a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(window.jQuery),+function(a){"use strict";var b='[data-dismiss="alert"]',c=function(c){a(c).on("click",b,this.close)};c.prototype.close=function(b){function c(){f.trigger("closed.bs.alert").remove()}var d=a(this),e=d.attr("data-target");e||(e=d.attr("href"),e=e&&e.replace(/.*(?=#[^\s]*$)/,""));var f=a(e);b&&b.preventDefault(),f.length||(f=d.hasClass("alert")?d:d.parent()),f.trigger(b=a.Event("close.bs.alert")),b.isDefaultPrevented()||(f.removeClass("in"),a.support.transition&&f.hasClass("fade")?f.one(a.support.transition.end,c).emulateTransitionEnd(150):c())};var d=a.fn.alert;a.fn.alert=function(b){return this.each(function(){var d=a(this),e=d.data("bs.alert");e||d.data("bs.alert",e=new c(this)),"string"==typeof b&&e[b].call(d)})},a.fn.alert.Constructor=c,a.fn.alert.noConflict=function(){return a.fn.alert=d,this},a(document).on("click.bs.alert.data-api",b,c.prototype.close)}(window.jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d)};b.DEFAULTS={loadingText:"loading..."},b.prototype.setState=function(a){var b="disabled",c=this.$element,d=c.is("input")?"val":"html",e=c.data();a+="Text",e.resetText||c.data("resetText",c[d]()),c[d](e[a]||this.options[a]),setTimeout(function(){"loadingText"==a?c.addClass(b).attr(b,b):c.removeClass(b).removeAttr(b)},0)},b.prototype.toggle=function(){var a=this.$element.closest('[data-toggle="buttons"]');if(a.length){var b=this.$element.find("input").prop("checked",!this.$element.hasClass("active")).trigger("change");"radio"===b.prop("type")&&a.find(".active").removeClass("active")}this.$element.toggleClass("active")};var c=a.fn.button;a.fn.button=function(c){return this.each(function(){var d=a(this),e=d.data("bs.button"),f="object"==typeof c&&c;e||d.data("bs.button",e=new b(this,f)),"toggle"==c?e.toggle():c&&e.setState(c)})},a.fn.button.Constructor=b,a.fn.button.noConflict=function(){return a.fn.button=c,this},a(document).on("click.bs.button.data-api","[data-toggle^=button]",function(b){var c=a(b.target);c.hasClass("btn")||(c=c.closest(".btn")),c.button("toggle"),b.preventDefault()})}(window.jQuery),+function(a){"use strict";var b=function(b,c){this.$element=a(b),this.$indicators=this.$element.find(".carousel-indicators"),this.options=c,this.paused=this.sliding=this.interval=this.$active=this.$items=null,"hover"==this.options.pause&&this.$element.on("mouseenter",a.proxy(this.pause,this)).on("mouseleave",a.proxy(this.cycle,this))};b.DEFAULTS={interval:5e3,pause:"hover",wrap:!0},b.prototype.cycle=function(b){return b||(this.paused=!1),this.interval&&clearInterval(this.interval),this.options.interval&&!this.paused&&(this.interval=setInterval(a.proxy(this.next,this),this.options.interval)),this},b.prototype.getActiveIndex=function(){return this.$active=this.$element.find(".item.active"),this.$items=this.$active.parent().children(),this.$items.index(this.$active)},b.prototype.to=function(b){var c=this,d=this.getActiveIndex();return b>this.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},b.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition.end&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},b.prototype.next=function(){return this.sliding?void 0:this.slide("next")},b.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},b.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}this.sliding=!0,f&&this.pause();var j=a.Event("slide.bs.carousel",{relatedTarget:e[0],direction:g});if(!e.hasClass("active")){if(this.$indicators.length&&(this.$indicators.find(".active").removeClass("active"),this.$element.one("slid",function(){var b=a(i.$indicators.children()[i.getActiveIndex()]);b&&b.addClass("active")})),a.support.transition&&this.$element.hasClass("slide")){if(this.$element.trigger(j),j.isDefaultPrevented())return;e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one(a.support.transition.end,function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger("slid")},0)}).emulateTransitionEnd(600)}else{if(this.$element.trigger(j),j.isDefaultPrevented())return;d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger("slid")}return f&&this.cycle(),this}};var c=a.fn.carousel;a.fn.carousel=function(c){return this.each(function(){var d=a(this),e=d.data("bs.carousel"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c),g="string"==typeof c?c:f.slide;e||d.data("bs.carousel",e=new b(this,f)),"number"==typeof c?e.to(c):g?e[g]():f.interval&&e.pause().cycle()})},a.fn.carousel.Constructor=b,a.fn.carousel.noConflict=function(){return a.fn.carousel=c,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(b){var c,d=a(this),e=a(d.attr("data-target")||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,"")),f=a.extend({},e.data(),d.data()),g=d.attr("data-slide-to");g&&(f.interval=!1),e.carousel(f),(g=d.attr("data-slide-to"))&&e.data("bs.carousel").to(g),b.preventDefault()}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var b=a(this);b.carousel(b.data())})})}(window.jQuery),+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var b=a.Event("show.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])}}},b.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?(this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350),void 0):d.call(this)}}},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),"object"==typeof c&&c);e||d.data("bs.collapse",e=new b(this,f)),"string"==typeof c&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c,d=a(this),e=d.attr("data-target")||b.preventDefault()||(c=d.attr("href"))&&c.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":d.data(),i=d.attr("data-parent"),j=i&&a(i);g&&g.transitioning||(j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(d).addClass("collapsed"),d[f.hasClass("in")?"addClass":"removeClass"]("collapsed")),f.collapse(h)})}(window.jQuery),+function(a){"use strict";function b(){a(d).remove(),a(e).each(function(b){var d=c(a(this));d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown")),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown"))})}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}var d=".dropdown-backdrop",e="[data-toggle=dropdown]",f=function(b){a(b).on("click.bs.dropdown",this.toggle)};f.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){if("ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a('').insertAfter(a(this)).on("click",b),f.trigger(d=a.Event("show.bs.dropdown")),d.isDefaultPrevented())return;f.toggleClass("open").trigger("shown.bs.dropdown"),e.focus()}return!1}},f.prototype.keydown=function(b){if(/(38|40|27)/.test(b.keyCode)){var d=a(this);if(b.preventDefault(),b.stopPropagation(),!d.is(".disabled, :disabled")){var f=c(d),g=f.hasClass("open");if(!g||g&&27==b.keyCode)return 27==b.which&&f.find(e).focus(),d.click();var h=a("[role=menu] li:not(.divider):visible a",f);if(h.length){var i=h.index(h.filter(":focus"));38==b.keyCode&&i>0&&i--,40==b.keyCode&&i
',trigger:"hover focus",title:"",delay:0,html:!1,container:!1},b.prototype.init=function(b,c,d){this.enabled=!0,this.type=b,this.$element=a(c),this.options=this.getOptions(d);for(var e=this.options.trigger.split(" "),f=e.length;f--;){var g=e[f];if("click"==g)this.$element.on("click."+this.type,this.options.selector,a.proxy(this.toggle,this));else if("manual"!=g){var h="hover"==g?"mouseenter":"focus",i="hover"==g?"mouseleave":"blur";this.$element.on(h+"."+this.type,this.options.selector,a.proxy(this.enter,this)),this.$element.on(i+"."+this.type,this.options.selector,a.proxy(this.leave,this))}}this.options.selector?this._options=a.extend({},this.options,{trigger:"manual",selector:""}):this.fixTitle()},b.prototype.getDefaults=function(){return b.DEFAULTS},b.prototype.getOptions=function(b){return b=a.extend({},this.getDefaults(),this.$element.data(),b),b.delay&&"number"==typeof b.delay&&(b.delay={show:b.delay,hide:b.delay}),b},b.prototype.getDelegateOptions=function(){var b={},c=this.getDefaults();return this._options&&a.each(this._options,function(a,d){c[a]!=d&&(b[a]=d)}),b},b.prototype.enter=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="in",c.options.delay&&c.options.delay.show?(c.timeout=setTimeout(function(){"in"==c.hoverState&&c.show()},c.options.delay.show),void 0):c.show()},b.prototype.leave=function(b){var c=b instanceof this.constructor?b:a(b.currentTarget)[this.type](this.getDelegateOptions()).data("bs."+this.type);return clearTimeout(c.timeout),c.hoverState="out",c.options.delay&&c.options.delay.hide?(c.timeout=setTimeout(function(){"out"==c.hoverState&&c.hide()},c.options.delay.hide),void 0):c.hide()},b.prototype.show=function(){var b=a.Event("show.bs."+this.type);if(this.hasContent()&&this.enabled){if(this.$element.trigger(b),b.isDefaultPrevented())return;var c=this.tip();this.setContent(),this.options.animation&&c.addClass("fade");var d="function"==typeof this.options.placement?this.options.placement.call(this,c[0],this.$element[0]):this.options.placement,e=/\s?auto?\s?/i,f=e.test(d);f&&(d=d.replace(e,"")||"top"),c.detach().css({top:0,left:0,display:"block"}).addClass(d),this.options.container?c.appendTo(this.options.container):c.insertAfter(this.$element);var g=this.getPosition(),h=c[0].offsetWidth,i=c[0].offsetHeight;if(f){var j=this.$element.parent(),k=d,l=document.documentElement.scrollTop||document.body.scrollTop,m="body"==this.options.container?window.innerWidth:j.outerWidth(),n="body"==this.options.container?window.innerHeight:j.outerHeight(),o="body"==this.options.container?0:j.offset().left;d="bottom"==d&&g.top+g.height+i-l>n?"top":"top"==d&&g.top-l-i<0?"bottom":"right"==d&&g.right+h>m?"left":"left"==d&&g.left-h