1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
2 @using Dynamicweb.Content
3 @using Comfoor.Repository.Helpers
4 @using Comfoor.Models.Constants
5 @{
6 var homepageId = Dynamicweb.Extensibility.ServiceLocator.Current.GetPageService().GetFirstPageForArea(Dynamicweb.Frontend.PageView.Current().AreaID).ID;
7 var homepageUrl = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(homepageId);
8 var openGraph = Comfoor.Repository.Helpers.StringHelper.GetOpenGraph(Dynamicweb.Frontend.PageView.Current(), Model);
9 var areaId = Dynamicweb.Frontend.PageView.Current().Area.ID;
10
11 var pageTitle = Model.Title;
12 if (openGraph != null && !string.IsNullOrWhiteSpace(openGraph.Title))
13 {
14 pageTitle = openGraph.Title;
15 }
16
17 var metaDescription = Model.Description;
18 if (openGraph != null && !string.IsNullOrWhiteSpace(openGraph.Description))
19 {
20 metaDescription = openGraph.Description;
21 }
22
23 var metaKeywords = Model.Keywords;
24 if (openGraph != null && !string.IsNullOrWhiteSpace(openGraph.Keywords))
25 {
26 metaKeywords = openGraph.Keywords;
27 }
28
29 var hideNewsletterSubscription = true; // CCW-138: Pluggerz has no newsletter subscription
30 var hideSocialShare = Model.PropertyItem != null ? Model.PropertyItem.GetBoolean(Comfoor.Models.Constants.StringConstants.PageProperties.HideSocialShareButtons) : true;
31 var bodyClass = hideNewsletterSubscription ? "no-newsletter" : "";
32 var logo = "/Files/Templates/Designs/Pluggerz/Images/Logos/Pluggerz.png";
33
34
35 var ogUrl = Dynamicweb.Frontend.PageView.Current().SearchFriendlyUrl;
36 if (!ogUrl.StartsWith("http", StringComparison.InvariantCultureIgnoreCase))
37 {
38 ogUrl = $"{Dynamicweb.Frontend.PageView.Current().GlobalTags.GetTagByName("Global:Request.Scheme")?.Value ?? ""}://{Dynamicweb.Frontend.PageView.Current().GlobalTags.GetTagByName("Global:Request.Host")?.Value ?? ""}{ogUrl}";
39 }
40 }
41 <!DOCTYPE html>
42 <html>
43 <head>
44 <meta charset="utf-8" />
45 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
46 <title>@pageTitle</title>
47 @if (!string.IsNullOrWhiteSpace(metaDescription))
48 {
49 <meta name="description" content="@metaDescription" />
50 }
51 @if (!string.IsNullOrWhiteSpace(metaKeywords))
52 {
53 <meta name="keywords" content="@metaKeywords" />
54 }
55 <meta property="og:title" content="@pageTitle" />
56 <meta property="og:type" content="website" />
57 <meta property="og:url" content="@ogUrl" />
58 @if (openGraph != null && !string.IsNullOrWhiteSpace(openGraph.Image))
59 {
60 <meta property="og:image" content="@openGraph.Image" />
61 }
62 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
63 @{
64 var googleTrackingCode = System.Text.Encoding.ASCII.GetString(System.Text.Encoding.ASCII.GetBytes(Comfoor.Repository.Helpers.AreaHelper.GetAreaItemStringValueBySystemName(Comfoor.Models.Constants.StringConstants.ThirdPartyConfiguration.GoogleTagManagerKey))).Replace("?", "");
65 if (!string.IsNullOrWhiteSpace(googleTrackingCode))
66 {
67 <script>
68 (function(w, d, s, l, i) {
69 w[l] = w[l] || [];
70 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
71 var f = d.getElementsByTagName(s)[0],
72 j = d.createElement(s),
73 dl = l != 'dataLayer' ? '&l=' + l : '';
74 j.async = true;
75 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
76 f.parentNode.insertBefore(j, f);
77 })(window, document, 'script', 'dataLayer', '@googleTrackingCode');
78 </script>
79 <!-- End Google Tag Manager -->
80 }
81 }
82 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
83 @{
84 var headSectionScheme = Dynamicweb.Frontend.PageView.Current().GlobalTags.GetTagByName("Global:Request.Scheme").Value;
85 var headSectionHost = Dynamicweb.Frontend.PageView.Current().GlobalTags.GetTagByName("Global:Request.Host").Value;
86 var headSectionDnaPrefetch = string.Format("{0}://{1}", headSectionScheme, headSectionHost);
87 var headSectionLanguage = Dynamicweb.Frontend.PageView.Current().GlobalTags.GetTagByName("Global:Area.Lang").Value;
88 var headSectionApplicationName = Comfoor.Models.Constants.StringConstants.ApplicationSettings.ApplicationName;
89 }
90
91 @*META DATA*@
92 <meta http-equiv="content-language" content='@headSectionLanguage' />
93 <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
94 <meta http-equiv="imagetoolbar" content="no" />
95 <meta http-equiv="x-dns-prefetch-control" content="on" />
96 <meta http-equiv="x-ua-compatible" content="ie=edge" />
97 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
98 <meta name="application-name" content='@headSectionApplicationName' />
99 <meta name="author" content="Innovadis BV, Enschede" />
100 <meta name="copyright" content='Innovadis BV, Enschede, @DateTime.Now.Year' />
101 <meta name="web_author" content="Innovadis BV, Enschede" />
102 <meta name="facebook-domain-verification" content="8vsnw5yp0bsc7yoceg3oipxl6g0auo" />
103 <meta name="google-site-verification" content="google-site-verification=fJVsk8Q6vJHdfdz9djzicsLJmoSmEmuJ4BTNj41i67s" />
104
105 <link rel="apple-touch-icon" sizes="57x57" href="/Files/templates/Designs/Pluggerz/Images/Favicon/apple-icon-57x57.png">
106 <link rel="apple-touch-icon" sizes="60x60" href="/Files/templates/Designs/Pluggerz/Images/Favicon/apple-icon-60x60.png">
107 <link rel="apple-touch-icon" sizes="72x72" href="/Files/templates/Designs/Pluggerz/Images/Favicon/apple-icon-72x72.png">
108 <link rel="apple-touch-icon" sizes="76x76" href="/Files/templates/Designs/Pluggerz/Images/Favicon/apple-icon-76x76.png">
109 <link rel="apple-touch-icon" sizes="114x114" href="/Files/templates/Designs/Pluggerz/Images/Favicon/apple-icon-114x114.png">
110 <link rel="apple-touch-icon" sizes="120x120" href="/Files/templates/Designs/Pluggerz/Images/Favicon/apple-icon-120x120.png">
111 <link rel="apple-touch-icon" sizes="144x144" href="/Files/templates/Designs/Pluggerz/Images/Favicon/apple-icon-144x144.png">
112 <link rel="apple-touch-icon" sizes="152x152" href="/Files/templates/Designs/Pluggerz/Images/Favicon/apple-icon-152x152.png">
113 <link rel="apple-touch-icon" sizes="180x180" href="/Files/templates/Designs/Pluggerz/Images/Favicon/apple-icon-180x180.png">
114 <link rel="icon" type="image/png" sizes="192x192" href="/Files/templates/Designs/Pluggerz/Images/Favicon/android-icon-192x192.png">
115 <link rel="icon" type="image/png" sizes="32x32" href="/Files/templates/Designs/Pluggerz/Images/Favicon/favicon-32x32.png">
116 <link rel="icon" type="image/png" sizes="96x96" href="/Files/templates/Designs/Pluggerz/Images/Favicon/favicon-96x96.png">
117 <link rel="icon" type="image/png" sizes="16x16" href="/Files/templates/Designs/Pluggerz/Images/Favicon/favicon-16x16.png">
118 <link rel="manifest" href="/Files/templates/Designs/Pluggerz/Images/Favicon/manifest.json">
119 <meta name="msapplication-TileColor" content="#ffffff">
120 <meta name="msapplication-TileImage" content="/Files/templates/Designs/Pluggerz/Images/Favicon/ms-icon-144x144.png">
121 <meta name="theme-color" content="#ffffff">
122
123 @*LINKS*@
124 <link rel="dns-prefetch" href="@headSectionDnaPrefetch" />
125 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" />
126 <link rel="stylesheet" href="/Files/templates/Designs/Pluggerz/Css/Pluggerz.min.css?ticks=@Model.Area.UpdatedDate.Ticks" />
127 @RenderSnippet("StyleSheet")
128 @RenderSnippet("JavaScript")
129 </head>
130 <body class="@bodyClass">
131 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
132 @{
133 // var googleTrackingCode = Defined in GoogleTagManagerCode.csthml
134 if (!string.IsNullOrWhiteSpace(googleTrackingCode))
135 {
136 var googleSrcUrl = $"https://www.googletagmanager.com/ns.html?id={googleTrackingCode}";
137 <!-- Google Tag Manager (noscript) -->
138 <noscript>
139 <iframe src="@googleSrcUrl" height="0" width="0" style="display: none; visibility: hidden"></iframe>
140 </noscript>
141 <!-- End Google Tag Manager (noscript) -->
142 }
143 }
144 <div class="wrapper" data-cookieoptinlevel='@Pageview.GlobalTags.GetTagByName("Global:CookieOptInLevel").Value.ToLower()'>
145 <header class="navbar navbar-default" role="navigation">
146 <div id="top-header-desktop">
147 @RenderSnippet("Topper")
148 </div>
149 <div class="container">
150 <div class="navbar-header">
151 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
152 <span class="sr-only">@Translate("Toggle_navigation", "Toggle navigation")</span>
153 <span class="icon-bar"></span>
154 <span class="icon-bar"></span>
155 <span class="icon-bar"></span>
156 </button>
157 <a class="navbar-brand" href='@homepageUrl'><img src="@logo" alt="@Pageview.Area.Name.JsEncode()" class="svg"/></a>
158 </div>
159 <div class="collapse navbar-collapse">
160 @Comfoor.Repository.Helpers.NavigationHelper.GetNavigationItemsByNavigationTag(StringConstants.NavigationTags.HeaderNavigation, Dynamicweb.Frontend.PageView.Current(), "navbar", "nav navbar-nav", 1, null, true)
161 <div id="top-header-mobile">
162 @RenderSnippet("Topper")
163 </div>
164 </div>
165 </div>
166 </header>
167 @Comfoor.Repository.Helpers.NavigationHelper.GetBreadCrumb(Dynamicweb.Frontend.PageView.Current().Area.Culture)
168 <article>
169 @using Comfoor.Repository.Helpers;
170 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
171 @Title("Default Pluggerz page template")
172
173 @{
174 var newsItem = Model.Item;
175 if (newsItem != null)
176 {
177
178 var newsPageTitle = Comfoor.Repository.Helpers.StringHelper.CreateHeading(newsItem.GetString("Title"), "h1");
179 var newsPageText = newsItem.GetString("Text");
180 var newsPageImage = newsItem.GetString("Image");
181 var author = newsItem.GetString("Author");
182 var publicationDate = newsItem.GetDateTime("PublicationDate").ToString("d MMM yyyy");
183
184 // Read more
185 var paragraphReadMore = string.Empty;
186 var paragraphReadMoreItem = newsItem.GetItem("ReadMore");
187 if (paragraphReadMoreItem != null)
188 {
189 var paragraphReadMoreText = paragraphReadMoreItem.GetString("ButtonText");
190 var paragraphReadMoreLink = paragraphReadMoreItem.GetString("Link");
191 if (!string.IsNullOrWhiteSpace(paragraphReadMoreText) && !string.IsNullOrWhiteSpace(paragraphReadMoreLink) && paragraphReadMoreLink.Length > 10)
192 {
193 paragraphReadMore = StringHelper.GetReadMoreLink(paragraphReadMoreText, paragraphReadMoreLink, paragraphReadMoreItem.GetString("Target"), "", paragraphReadMoreItem.GetList("ButtonStyle").SelectedValue);
194 }
195 }
196
197 var imageClass = Model.Item.GetBoolean("BorderRadius") ? "image border-radius" : "image";
198
199 <div class="container newsitem">
200 <div class="row">
201 <div class="col-xs-12">
202 @newsPageTitle
203 </div>
204 </div>
205 <div class="row">
206 <div class="col-xs-12">
207 <span class="publication-date">@publicationDate</span>
208
209 @if (!string.IsNullOrWhiteSpace(newsPageImage))
210 {
211
212 <div class="@imageClass"><img src="@newsPageImage" /></div>
213
214 }
215
216 @newsPageText
217 @Model.Placeholder("dwcontent", "content", "default:true;sort:1")
218 </div>
219 </div>
220 @if (!string.IsNullOrWhiteSpace(author))
221 {
222 <div class="row">
223 <div class="col-xs-12">
224 @Translate("Author", "Written by:") @author
225 </div>
226 </div>
227 }
228 <div class="row">
229 <div class="col-xs-12">
230 <a href="javascript:void(0);" onclick="Page.GoBack();" class="button button-oval button-white">@Translate("Go back", "Go back")</a>
231 @paragraphReadMore
232 </div>
233 </div>
234 </div>
235 }
236 }
237 </article>
238 </div>
239 <footer>
240 @if (!hideNewsletterSubscription)
241 {
242 <div>@using Comfoor.Repository.Helpers
243 @using Comfoor.Models.Constants
244 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
245 @{
246 var newsletterSubscriptionParagraphId = 0;
247 int.TryParse(AreaHelper.GetAreaItemStringValueBySystemName(StringConstants.ParagraphIds.NewsletterSubscription), out newsletterSubscriptionParagraphId);
248 if (newsletterSubscriptionParagraphId > 0)
249 {
250 <div class="newsletter-subscription-container">
251 <div class="container">
252 <div class="row">
253 <div class="col-xs-12">
254 @RenderParagraphContent(newsletterSubscriptionParagraphId)
255 </div>
256 </div>
257 </div>
258 </div>
259 }
260 }</div>
261 }
262 @using Comfoor.Repository.Helpers
263 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
264 @{
265 var footerPageService = new Dynamicweb.Content.PageService();
266 var footerColumns = NavigationHelper.GetFooterNavigationColumns(Dynamicweb.Frontend.PageView.Current(), footerPageService);
267 if (footerColumns != null && footerColumns.Count > 0)
268 {
269 var columnClass = "col-xs-12 col-md-3";
270 var contactColumnClass = "col-xs-12 col-md-3";
271 switch (footerColumns.Count) {
272 case 1:
273 columnClass = "col-xs-12 col-md-6";
274 contactColumnClass = "col-xs-12 col-md-6";
275 break;
276 case 2:
277 columnClass = "col-xs-12 col-md-4";
278 contactColumnClass = "col-xs-12 col-md-4";
279 break;
280 case 3:
281 columnClass = "col-xs-12 col-sm-6 col-md-3";
282 contactColumnClass = "col-xs-12 col-sm-6 col-md-3";
283 break;
284 case 4:
285 columnClass = "col-xs-12 col-md-2";
286 contactColumnClass = "col-xs-12 col-md-4";
287 break;
288 }
289 <div class="container footer-content">
290 <div class="row">
291 @foreach (var footerColumnPage in footerColumns)
292 {
293 <div class="@columnClass">
294 @NavigationHelper.CreateFooterNavigationColumn(Dynamicweb.Frontend.PageView.Current(), footerColumnPage, "h2")
295 </div>
296 }
297 <div class="contact @contactColumnClass">
298 <h2>@Translate("Contact", "Contact")</h2>
299 @AreaHelper.GetContactInfo()
300 </div>
301 </div>
302 </div>
303 }
304 }
305 @using Comfoor.Repository.Helpers
306 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
307 @{
308 var bottomPageService = new Dynamicweb.Content.PageService();
309 var bottomNavigation = NavigationHelper.GetNavigationItemsByNavigationTag(Comfoor.Models.Constants.StringConstants.NavigationTags.BottomNavigation,
310 Dynamicweb.Frontend.PageView.Current(), "bottom-nav", "", 0, bottomPageService);
311 var copyright = Translate("Copyright", "Copyright {year} © Comfoor B.V.").Replace("{year}", DateTime.Today.Year.ToString());
312 if (!string.IsNullOrWhiteSpace(bottomNavigation))
313 {
314 <div class="bottom-navigation">
315 <div class="background-white"></div>
316 <div class="container">
317 <div class="row">
318 <div class="col-xs-12 col-md-9 col-lg-8 navigation">
319 @bottomNavigation
320 </div>
321 <div class="hidden-xs hidden-sm col-md-3 col-lg-4 logo"></div>
322 </div>
323 </div>
324 </div>
325 @SnippetStart("JavaScriptBottom")
326 <script>
327 $(document).ready(function () {
328 $("#bottom-nav").append("<li class='copyright'>@copyright</li>");
329 });
330 </script>
331 @SnippetEnd("JavaScriptBottom")
332 }
333 }
334 </footer>
335
336 @using Comfoor.Repository.Helpers
337 @using Dynamicweb.Content
338 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
339
340 @{
341 var searchResultsPage = Dynamicweb.Extensibility.ServiceLocator.Current.GetPageService().GetPageByNavigationTag(Dynamicweb.Frontend.PageView.Current().AreaID, Comfoor.Models.Constants.StringConstants.NavigationTags.SearchResults);
342 var myPluggerzUrl = Comfoor.Repository.Helpers.AreaHelper.GetAreaItemStringValueBySystemName(Comfoor.Models.Constants.StringConstants.ExternalLinks.MyComfoor);
343 var pluggerzWebshopUrl = Comfoor.Repository.Helpers.AreaHelper.GetAreaItemStringValueBySystemName(Comfoor.Models.Constants.StringConstants.ExternalLinks.PluggerzWebshop);
344 var showActionLinks = !string.IsNullOrWhiteSpace(myPluggerzUrl); // || !string.IsNullOrWhiteSpace(pluggerzWebshopUrl);
345 var countryCode = Comfoor.Repository.Helpers.AreaHelper.GetAreaCountryCodeByPageView(Dynamicweb.Frontend.PageView.Current());
346 var languages = Model.Languages.Where(l => !l.IsCurrent).ToList();
347 var headerLogo = "/Files/Templates/Designs/Pluggerz/Images/Logos/Pluggerz.png";
348 }
349
350 @SnippetStart("Topper")
351 <a class="navbar-brand" href='@homepageUrl'><img src="@headerLogo" alt="@Pageview.Area.Name.JsEncode()" class="svg" /></a>
352
353 @if (searchResultsPage != null)
354 {
355 var searchUrl = string.Format("/Default.aspx?ID={0}", searchResultsPage.ID);
356 <div id="site-search">
357 <form id="site-search-form" method="POST" action="@searchUrl">
358 <input type="text" id="q" name="q" placeholder="@Translate("Search-placeholder", "Search through our site")" />
359 <button id="search-button" name="search-button" type="button"><i class="glyphicon glyphicon-search"></i></button>
360 </form>
361 </div>
362 }
363 @if (languages.Count > 0)
364 {
365 var cultureInfo = Pageview.Area.CultureInfo;
366 var pageService = new Dynamicweb.Content.PageService();
367 var languagePages = pageService.GetLanguagePages(Model.ID);
368 <div class="language-selector btn-group">
369 <button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
370 <span class="flag-icon flag-icon-@countryCode"></span>
371 <span class="caret"></span>
372 </button>
373 <ul class="dropdown-menu" role="menu">
374 @foreach (var lang in languages)
375 {
376 var languageArea = Dynamicweb.Services.Areas.GetArea(lang.ID);
377 if (languageArea != null)
378 {
379 var languageCountryCode = languageArea.Culture.Split('-')[1];
380 var languagePageLink = Comfoor.Repository.Helpers.PageHelper.GetLanguagePageLink(lang, languagePages, "", pageService);
381 string langInfo = string.Format("<span class=\"flag-icon flag-icon-{0}\"></span>", languageCountryCode.ToLower());
382 <li>
383 <a href='@languagePageLink'>@langInfo</a>
384 </li>
385 }
386 }
387 </ul>
388 </div>
389 }
390
391 @if (showActionLinks)
392 {
393 var portalLogo = string.Format("/Files/Templates/Designs/Pluggerz/Images/Logos/{0}/Pluggerz_Portal.svg", countryCode);
394 var pluggerzLogo = "/Files/Templates/Designs/Pluggerz/Images/Logos/Pluggerz.png";
395 <div class="action-links">
396 @if (!string.IsNullOrWhiteSpace(myPluggerzUrl))
397 {
398 <a href="@myPluggerzUrl" target="_blank" class="portal" title="@Translate("MyPluggerz", "My Pluggerz").JsEncode()"><img src="@portalLogo" /></a>
399 }
400 @*@if (!string.IsNullOrWhiteSpace(pluggerzWebshopUrl))
401 {
402 <a href="@pluggerzWebshopUrl" target="_blank" class="pluggerz" title="@Translate("Pluggerz", "Pluggerz").JsEncode()"><img src="@pluggerzLogo" /></a>
403 }*@
404 </div>
405 }
406 @SnippetEnd("Topper")
407
408 <script src="//code.jquery.com/jquery.js"></script>
409 <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
410 <script src="//cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.js"></script>
411 <script src="/Files/Templates/Designs/Pluggerz/Js/custom-rendered.js"></script>
412 <script type="text/javascript">
413 var areaId = '@areaId';
414 </script>
415 @RenderSnippet("JavaScriptBottom")
416
417 @if (!hideSocialShare)
418 {
419 <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5ced203db91decc9"></script>
420 }
421
422 @*@foreach (var tag in Pageview.GlobalTags)
423 {
424 var value = tag.Name + " : " + tag.Value + "<br />";
425 @value;
426 }*@
427
428 </body>
429 </html>