1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.Navigation.NavigationTreeViewModel>
2 @using Dynamicweb;
3 @using Dynamicweb.Content;
4 @using Bluedesk.DynamicWeb.ItemTypes.Settings.Configuration;
5 @using Bluedesk.DynamicWeb.ItemTypes.Extensions;
6
7 @{
8 IEnumerable<Dynamicweb.Frontend.Navigation.NavigationTreeNodeViewModel> nodes = Model.Nodes;
9 var master_configuration = Dynamicweb.Content.Services.Pages.GetPageByNavigationTag(Pageview.AreaID, "MasterConfiguration");
10 MasterConfig mc = master_configuration.Item.ToCodeFirstItem<MasterConfig>();
11 GeneralConfig GeneralConfiguration = mc.GeneralConfiguration;
12
13 // MasterConfig settings
14 bool showYouAreHere = GeneralConfiguration.BreadcrumbsHideYouAreHere;
15 bool showHome = GeneralConfiguration.BreadcrumbsHideHome;
16 string seperator = GeneralConfiguration.BreadcrumbsSeparator;
17
18 string linkColor = GeneralConfiguration.BreadcrumbsLinkColor?.GetColorCode(Pageview.AreaID) ?? "#333333";
19 string activeItemColor = GeneralConfiguration.BreadcrumbsActiveItemColor?.GetColorCode(Pageview.AreaID) ?? "#333333";
20 string separatorColor = GeneralConfiguration.BreadcrumbsSeparatorColor?.GetColorCode(Pageview.AreaID) ?? "#333333";
21
22 // Variables
23 int startPosition = showHome ? 1 : 0;
24 var homepage = Dynamicweb.Content.Services.Pages.GetRootPagesForArea(Pageview.AreaID).FirstOrDefault(p => p.ItemType == "HomePage" && p.Active) ?? Dynamicweb.Content.Services.Pages.GetFirstPageForArea(Pageview.AreaID);
25 bool isEcomNavigation = Pageview.Page.NavigationSettings != null ? Pageview.Page.NavigationSettings.UseEcomGroups : false;
26 int overviewPageID = GetPageIdByNavigationTag("ProductOverview");
27
28 }
29
30
31 <nav class="vm-breadcrumbs" style="--breadcrumb-separator: '@seperator'; --breadcrumbs-link-color: @linkColor; --breadcrumbs-active-color: @activeItemColor; --breadcrumbs-separator-color: @separatorColor;">
32 <div class="container">
33 <ol class="vm-breadcrumbs__list" itemscope itemtype="https://schema.org/BreadcrumbList">
34 @if(!showYouAreHere) {
35 <li class="vm-breadcrumbs__item">
36 <span class="vm-breadcrumbs__text">@Translate("Breadcrumbs.YouAreHere", "You are here")</span>
37 </li>
38 }
39 @if(!showHome) {
40 <li class="vm-breadcrumbs__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
41 <a href="/Default.aspx?ID=@homepage.ID" itemprop="item" class="vm-breadcrumbs__link">
42 <span itemprop="name">@Translate("Breadcrumbs.Home", "Home")</span>
43 <meta itemprop="position" content="1" />
44 </a>
45 </li>
46 }
47
48 @if(isEcomNavigation) {
49 @RenderEcomNavigationNodes(nodes, overviewPageID, startPosition);
50 } else {
51 @RenderNavigationNodes(nodes, startPosition);
52 }
53 </ol>
54 </div>
55 </nav>
56
57 @helper RenderNavigationNodes(IEnumerable<Dynamicweb.Frontend.Navigation.NavigationTreeNodeViewModel> nodes, int level)
58 {
59 int position = level;
60 foreach (Dynamicweb.Frontend.Navigation.NavigationTreeNodeViewModel node in nodes)
61 {
62 if(node.ShowInBreadcrumb) {
63 position = level + 1;
64 <li class="vm-breadcrumbs__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
65 @if(node.IsActive) {
66 <span class="vm-breadcrumbs__text vm-breadcrumbs__text--active" itemprop="name">@node.Name</span>
67 <meta itemprop="position" content="@position" />
68 } else {
69 <a href="@node.Link" class="vm-breadcrumbs__link" itemprop="item">
70 <span itemprop="name">@node.Name</span>
71 <meta itemprop="position" content="@position" />
72 </a>
73 }
74 </li>
75 }
76 @RenderNavigationNodes(node.Nodes, position);
77 }
78 }
79
80 @helper RenderEcomNavigationNodes(IEnumerable<Dynamicweb.Frontend.Navigation.NavigationTreeNodeViewModel> nodes, int overviewPageID, int level)
81 {
82 int position = level;
83 foreach (Dynamicweb.Frontend.Navigation.NavigationTreeNodeViewModel node in nodes)
84 {
85 if(!string.IsNullOrWhiteSpace(node.GroupId)) {
86 string url = $"Default.aspx?ID={overviewPageID}&GroupID={node.GroupId}";
87 position = level + 1;
88
89 <li class="vm-breadcrumbs__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
90 <a href="@url" class="vm-breadcrumbs__link" itemprop="item">
91 <span itemprop="name">@node.Name</span>
92 <meta itemprop="position" content="@position" />
93 </a>
94 </li>
95 } else {
96 if(node.ShowInBreadcrumb) {
97 position = level + 1;
98 <li class="vm-breadcrumbs__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
99 <a href="@node.Link" class="vm-breadcrumbs__link" itemprop="item">
100 <span itemprop="name">@node.Name</span>
101 <meta itemprop="position" content="@position" />
102 </a>
103 </li>
104 }
105 }
106 @RenderEcomNavigationNodes(node.Nodes, overviewPageID, position);
107
108 }
109
110 if(nodes.Count() == 0) {
111 position = level + 1;
112 <li class="vm-breadcrumbs__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
113 <span class="vm-breadcrumbs__text vm-breadcrumbs__text--active" itemprop="name">@Model.Parameters["PageTitle"].ToString()</span>
114 <meta itemprop="position" content="@position" />
115 </li>
116 }
117 }
118
