1 @inherits ViewModelTemplate< PageBaseModel >
2 @using Dynamicweb.Rendering
3 @using Co3.Espresso.Website.Models.FrontEnd
4 @using Co3.Espresso.Website.Models.FrontEnd.Elements
5 @using Co3.Espresso.Website.Models.FrontEnd.Pages
6 @using Co3.Espresso.Website.Models.FrontEnd.Settings
7 @using Co3.Espresso.Website.Services
8 @{
9 ClassList headerClasses = new ClassList();
10 headerClasses.AddClasses( "e-header js-e-header is-sticky" );
11 if ( Model.Item.HeaderTransparent == "True" )
12 {
13 headerClasses.AddClasses( "is-transparent" );
14 }
15 16 ClassList logoClasses = new ClassList();
17 logoClasses.AddClasses( "e-logo" );
18 19 string backButtonLink = Model.Item.BackButtonLink;
20 ClassList backButtonClasses = new ClassList();
21 ClassList backButtonIconClasses = new ClassList();
22 if ( Model.Item.BackButton == "True" )
23 {
24 backButtonClasses.AddClasses( "p-0 btn small align-self-center position-absolute" );
25 if ( backButtonLink == "" || backButtonLink == "/" )
26 {
27 backButtonLink = "/";
28 backButtonClasses.AddClasses( "js-e-back-link" );
29 }
30 backButtonIconClasses.AddClasses( "material-icons material-icons-large" );
31 if ( Model.Item.BackButtonPosition == "right" )
32 {
33 backButtonClasses.AddClasses( "mr-0 ml-auto order-last" );
34 logoClasses.AddClasses( "order-first" );
35 }
36 else
37 {
38 backButtonClasses.AddClasses( "order-first" );
39 logoClasses.AddClasses( "mr-0 ml-auto order-last" );
40 }
41 if ( Model.Item.BackButtonIcon == "arrow_back" )
42 {
43 backButtonClasses.AddClasses( "arrow-left" );
44 backButtonIconClasses.AddClasses( "d-none" );
45 }
46 else if ( Model.Item.BackButtonIcon == "arrow_forward" )
47 {
48 backButtonClasses.AddClasses( "arrow-right" );
49 backButtonIconClasses.AddClasses( "d-none" );
50 }
51 }
52 53 string companyName = Model.Area.Item.CompanyName;
54 string logoPrimary = Model.Area.Item.LogoPrimary;
55 string logoSecondary = Model.Area.Item.LogoSecondary;
56 string altTag = Model.Area.Item.AltTag;
57 string tagline = Model.Area.Item.Tagline;
58 59 if ( string.IsNullOrEmpty( altTag ) )
60 {
61 altTag = companyName + " - " + tagline;
62 }
63 64 if ( string.IsNullOrEmpty( logoSecondary ) )
65 {
66 logoSecondary = logoPrimary;
67 }
68 69 Dictionary< string, string > navigationHtml = new Dictionary< string, string >
70 {
71 {
72 "global", RenderNavigation( new
73 {
74 id = "dwnav-global",
75 template = "global.xslt",
76 startlevel = 1,
77 endlevel = 8,
78 expandmode = "all"
79 } )
80 },
81 {
82 "utilities-primary", RenderNavigation( new
83 {
84 id = "dwnav-utilities-primary",
85 template = "utilities.xslt",
86 startlevel = 4,
87 endlevel = 5,
88 expandmode = "all",
89 parenttag = "utilitiesprimary"
90 } )
91 },
92 {
93 "aside", RenderNavigation( new
94 {
95 id = "dwnav-aside",
96 template = "utilities.xslt",
97 startlevel = 4,
98 endlevel = 5,
99 expandmode = "all",
100 parenttag = "aside"
101 } )
102 },
103 {
104 "hamburger-header", RenderNavigation( new
105 {
106 id = "dwnav-hamburger-header",
107 template = "utilities.xslt",
108 startlevel = 4,
109 endlevel = 4,
110 expandmode = "all",
111 parenttag = "hamburgerheader"
112 } )
113 }
114 };
115 }
116 @if ( Model.Item.HeaderHide != "True" )
117 {
118 <header class="@headerClasses" data-autohide="true">
119120 <div class="e-header-hamburger">
121 @RenderingService.Instance.SectionStart( new SectionSettings
122 {Classes = new ClassList( "e-header-section e-section" ), ContentClasses = new ClassList( "col-12" )} )
123 <div class="col-12 e-header-section-content">
124125 <section class="e-nav-hamburger-header w-100 mx-0">
126 <ul class="nav">
127 @if (Model.Item.NavigationHide != "True")
128 {
129 <li class="e-nav-item-hamburger-open nav-item d-flex">
130 <a class="nav-link" data-target=".modal.e-nav" data-toggle="modal" href="#">
131 <i class="e-nav-pageicon material-icons">menu</i>
132 <span class="e-nav-pagename d-none">@Translate("Header - Hamburger menu open - Button", "Menu")</span>
133 </a>
134 </li>
135 }
136137 <div class="@logoClasses @(Model.Item.NavigationHide != "True" ? "mx-auto" : string.Empty)">
138 <a class="e-logo-link" href="/@Model.Area.DynamicwebArea.Name/">
139 @ImageService.Instance.GetSvgMarkup(logoPrimary)
140 @if (string.IsNullOrEmpty(tagline) == false)
141 {
142 <p class="e-logo-tagline">@tagline</p>
143 }
144 </a>
145 </div>
146147 @if (Model.Item.NavigationHide != "True")
148 {
149 @navigationHtml["hamburger-header"]
150 }
151152 </ul>
153 </section>
154155 @if ( Model.Item.BackButton == "True" )
156 {
157 <a class="@backButtonClasses" href="@backButtonLink">
158 @if ( Model.Item.BackButtonIcon != "" )
159 {
160 <i class="@backButtonIconClasses">@Model.Item.BackButtonIcon</i>
161 }
162 @Model.Item.BackButtonText
163 </a>
164 }
165 </div>
166 @RenderingService.Instance.SectionEnd()
167 </div>
168 <div class="e-nav js-e-nav modal p-0" data-backdrop="false">
169 <div class="navbar">
170171 @RenderingService.Instance.SectionStart(
172 new SectionSettings
173 {Classes = new ClassList( "e-header-section e-header-section-primary e-section" ), ContentClasses = new ClassList( "col-12" )}
174 )
175 <div class="col-12 e-header-section-content">
176 <div class="@logoClasses">
177 <a class="e-logo-link" href="/@Model.Area.DynamicwebArea.Name/">
178 @ImageService.Instance.GetSvgMarkup( logoPrimary )
179 @* <img src="@logoSecondary" class="e-logo-img e-logo-img-secondary" alt=""> *@
180 @if ( string.IsNullOrEmpty( tagline ) == false )
181 {
182 <p class="e-logo-tagline">@tagline</p>
183 }
184 </a>
185 </div>
186187 @if ( Model.Item.NavigationHide != "True" )
188 {
189 <nav class="e-nav-global js-e-nav-global">
190 <ul class="nav">
191 @navigationHtml[ "global" ]
192 </ul>
193 </nav>
194 if ( string.IsNullOrEmpty( navigationHtml[ "aside" ] ) == false )
195 {
196 <nav class="e-nav-aside">
197 <ul class="nav">
198 @navigationHtml[ "aside" ]
199 </ul>
200 </nav>
201 }
202 <form action="" class="e-search-form js-e-search-form-inline">
203 <div class="e-search-input-group is-empty js-e-search-input-group">
204 <label class="e-search-label" for="e-search-input">
205 <i class="material-icons">search</i>
206 </label>
207 @{ string Translate_Search_InputText = Translate( "Search - Input Placeholder - Text", "Search" ); }
208 <input type="text" class="border-0 e-search-input form-control-plaintext js-e-search-input" name="q" id="e-search-input" placeholder="@Translate_Search_InputText">
209 <span class="e-search-clear js-e-search-clear">
210 <i class="material-icons">close</i>
211 </span>
212 <button class="d-none btn btn-primary e-search-submit" type="submit">
213 <i class="material-icons">search</i>
214 </button>
215 </div>
216 </form>
217 <div class="e-nav-item-hamburger-close" style="order:-1;">
218 <a class="nav-link justify-content-start" data-target=".modal.e-nav" data-toggle="modal" href="#" style="padding: .5em 1em;">
219 <i class="e-nav-pageicon material-icons">close</i>
220 <span class="e-nav-pagename">@Translate( "Header - Hamburger menu close - Button", "Close" )</span>
221 </a>
222 </div>
223 if ( string.IsNullOrEmpty( navigationHtml[ "utilities-primary" ] ) == false )
224 {
225 @:</div>
226 @RenderingService.Instance.SectionEnd()
227 @RenderingService.Instance.SectionStart(
228 new SectionSettings {
229 Classes = new ClassList( "e-header-section e-header-section-secondary e-section " ),
230 ContentClasses = new ClassList( "col-12" )
231 }
232 )
233 @:<div class="col-12 e-header-section-content">
234235 <nav class="e-nav-utilities-primary js-e-nav-utilities-primary">
236 <ul class="nav">
237 @navigationHtml[ "utilities-primary" ]
238 </ul>
239 </nav>
240 }
241 }
242 @if ( Model.Item.BackButton == "True" )
243 {
244 <a class="@backButtonClasses" href="@backButtonLink">
245 @if ( Model.Item.BackButtonIcon != "" )
246 {
247 <i class="@backButtonIconClasses">@Model.Item.BackButtonIcon</i>
248 }
249 @Model.Item.BackButtonText
250 </a>
251 }
252253 </div>
254 @RenderingService.Instance.SectionEnd()
255256 </div>
257258 </div>
259260 </header>
261 }
262 
