KXB.Spark

How this page was made

KXBSparkBreadcrumbs.cshtml

    
@model Web.ViewModels.SparkViewModel
@using KXB.Spark.Breadcrumbs
@using ContentModels = Umbraco.Web.PublishedContentModels;
@{
    Layout = "~/Views/Layouts/_Layout.cshtml";
    var defaultRandom = KXB.Spark.Breadcrumbs.Breadcrumbs.GenerateInstance();
    var noIcons = KXB.Spark.Breadcrumbs.Breadcrumbs.GenerateInstance(false);
    var firstIconOnly = new KXB.Spark.Breadcrumbs.Breadcrumbs();
    firstIconOnly.BreadcrumbsList.Add(new KXB.Spark.Breadcrumbs.Breadcrumb{Icon = "fa-home", Label = "Hjem", Url = "#"});
    for (int i = 0; i < 3; i++)
    {
        firstIconOnly.BreadcrumbsList.Add(KXB.Spark.Breadcrumbs.Breadcrumb.GenerateInstance(false));
    }
    var arrow = KXB.Spark.Breadcrumbs.Breadcrumbs.GenerateInstance();
    arrow.SeparatorSymbol = SeparatorSymbol.Arrow;
    var backslash = KXB.Spark.Breadcrumbs.Breadcrumbs.GenerateInstance();
    backslash.SeparatorSymbol = SeparatorSymbol.BackSlash;
    var dash = KXB.Spark.Breadcrumbs.Breadcrumbs.GenerateInstance();
    dash.SeparatorSymbol = SeparatorSymbol.Dash;
    var greaterThan = KXB.Spark.Breadcrumbs.Breadcrumbs.GenerateInstance();
    greaterThan.SeparatorSymbol = SeparatorSymbol.GreaterThan;
    var none = KXB.Spark.Breadcrumbs.Breadcrumbs.GenerateInstance();
    none.SeparatorSymbol = SeparatorSymbol.None;
    var pipe = KXB.Spark.Breadcrumbs.Breadcrumbs.GenerateInstance();
    pipe.SeparatorSymbol = SeparatorSymbol.Pipe;
    var slash = KXB.Spark.Breadcrumbs.Breadcrumbs.GenerateInstance();
    slash.SeparatorSymbol = SeparatorSymbol.Slash;
}
@Html.Partial("~/Views/Partials/_InstallationGuide.cshtml", Model.NugetModel)
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With icons</h3>
    @Html.Partial(KXB.Spark.Breadcrumbs.Breadcrumbs.RazorViewPath, defaultRandom)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", defaultRandom)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">Only first item has icon</h3>
    @Html.Partial(KXB.Spark.Breadcrumbs.Breadcrumbs.RazorViewPath, firstIconOnly)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", firstIconOnly)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">No icons</h3>
    @Html.Partial(KXB.Spark.Breadcrumbs.Breadcrumbs.RazorViewPath, noIcons)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", noIcons)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With slash symbol</h3>
    @Html.Partial(KXB.Spark.Breadcrumbs.Breadcrumbs.RazorViewPath, slash)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", slash)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With arrow symbol</h3>
    @Html.Partial(KXB.Spark.Breadcrumbs.Breadcrumbs.RazorViewPath, arrow)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", arrow)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With backslash symbol</h3>
    @Html.Partial(KXB.Spark.Breadcrumbs.Breadcrumbs.RazorViewPath, backslash)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", backslash)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With dash symbol</h3>
    @Html.Partial(KXB.Spark.Breadcrumbs.Breadcrumbs.RazorViewPath, dash)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", dash)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With greater than symbol</h3>
    @Html.Partial(KXB.Spark.Breadcrumbs.Breadcrumbs.RazorViewPath, greaterThan)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", greaterThan)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With pipe symbol</h3>
    @Html.Partial(KXB.Spark.Breadcrumbs.Breadcrumbs.RazorViewPath, pipe)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", pipe)
</div>
<hr />
<div class="container">
    <h2 class="title">Preview</h2>
    <h3 class="subtitle">With no symbol</h3>
    @Html.Partial(KXB.Spark.Breadcrumbs.Breadcrumbs.RazorViewPath, none)
    @Html.Partial("~/Views/Partials/_ModelPreview.cshtml", none)
</div>