1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 2 @using TwenteBranding.Repository.Helpers 3 4 @{ 5 Title("Master view model template"); 6 Description("Master view model template"); 7 var currentPageView = Dynamicweb.Frontend.PageView.Current(); 8 var contentLanguage = currentPageView.GlobalTags.GetTagByName("Global:Area.Lang").Value; 9 var scheme = currentPageView.GlobalTags.GetTagByName("Global:Request.Scheme").Value; 10 var host = currentPageView.GlobalTags.GetTagByName("Global:Request.Host").Value; 11 var requestHost = string.Format("{0}://{1}", scheme, host); 12 var metaDescription = Model.Description; 13 var metaKeywords = Model.Keywords; 14 15 var appJs = FileHelper.GetFilenameWithTimeStamp("/Files/Templates/Designs/TwenteBranding/js/app.min.js"); 16 var appCss = FileHelper.GetFilenameWithTimeStamp("/Files/Templates/Designs/TwenteBranding/css/main.min.css"); 17 18 19 <html lang="@contentLanguage"> 20 <head> 21 <title>@Model.Title</title> 22 @if (!string.IsNullOrWhiteSpace(metaDescription)) 23 { 24 <meta name="description" content="@metaDescription"/> 25 } 26 @if (!string.IsNullOrWhiteSpace(metaKeywords)) 27 { 28 <meta name="keywords" content="@metaKeywords"/> 29 } 30 <meta http-equiv="content-language" content='@contentLanguage'/> 31 <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 32 <meta http-equiv="imagetoolbar" content="no"/> 33 <meta http-equiv="x-dns-prefetch-control" content="on"/> 34 <meta http-equiv="x-ua-compatible" content="ie=edge"/> 35 <meta name="viewport" content="width=device-width,initial-scale=1"> 36 <meta name="application-name" content="innovadis.com"/> 37 <meta name="author" content="Innovadis BV, Enschede"/> 38 <meta name="copyright" content='Innovadis BV, Enschede, @DateTime.Now.Year'/> 39 <meta name="web_author" content="Innovadis BV, Enschede"/> 40 <link rel="dns-prefetch" href='@requestHost'/> 41 <link rel="icon" href="/favicon.ico" type="image/x-icon"/> 42 <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"/> 43 <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" type="text/css" rel="stylesheet"/> 44 <link rel="stylesheet" type="text/css" href="@appCss"/> 45 <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700|Ubuntu:300i,400,500,700&display=swap" rel="stylesheet"> 46 @{ var gaHeadCode = TwenteBranding.Repository.Helpers.AreaHelper.GetAreaItemStringValueBySystemName(TwenteBranding.Models.Constants.StringConstants.WebsiteSettings.Analytics.GoogleAnalyticsTrackingCode); 47 if (!string.IsNullOrWhiteSpace(gaHeadCode)) 48 { 49 <script> 50 (function (i, s, o, g, r, a, m) { 51 i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { 52 (i[r].q = i[r].q || []).push(arguments) 53 }, i[r].l = 1 * new Date(); a = s.createElement(o), 54 m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) 55 })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); 56 57 ga('create', '@gaHeadCode', 'auto'); 58 ga('send', 'pageview'); 59 </script> 60 } 61 } 62 @{ var gtmHeadCode = TwenteBranding.Repository.Helpers.AreaHelper.GetAreaItemStringValueBySystemName(TwenteBranding.Models.Constants.StringConstants.WebsiteSettings.Analytics.GoogleTagManagerTrackingCode); 63 if (!string.IsNullOrWhiteSpace(gtmHeadCode)) 64 { 65 <script> 66 (function (w, d, s, l, i) { 67 w[l] = w[l] || []; w[l].push({ 68 'gtm.start': 69 new Date().getTime(), event: 'gtm.js' 70 }); var f = d.getElementsByTagName(s)[0], 71 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 72 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 73 })(window, document, 'script', 'dataLayer', '@gtmHeadCode');</script> 74 } 75 } 76 @RenderSnippet("HeadSection") 77 78 @* Print alternate links and content-language meta tags *@ 79 @LanguageHelper.GetMasterLanguageTags(Model.ID) 80 @{ var gtmBodyCode = TwenteBranding.Repository.Helpers.AreaHelper.GetAreaItemStringValueBySystemName(TwenteBranding.Models.Constants.StringConstants.WebsiteSettings.Analytics.GoogleTagManagerTrackingCode); 81 if (!string.IsNullOrWhiteSpace(gtmBodyCode)) 82 { 83 var gtmUrl = string.Format("https://www.googletagmanager.com/ns.html?id={0}", gtmBodyCode); 84 <noscript> 85 <iframe src="@gtmUrl" height="0" width="0" style="display:none;visibility:hidden"></iframe> 86 </noscript> 87 } 88 } 89 </head> 90 <body> 91 <main class="twentebranding-container"> 92 @using Dynamicweb.Content 93 @using Dynamicweb.Ecommerce.International 94 @using TwenteBranding.Repository.Helpers 95 @using Page = System.Web.UI.Page 96 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 97 @{ 98 var websiteLanguages = Model.Area.Languages; 99 List<Dynamicweb.Content.Page> topNavigationPages = null; 100 101 int topNavigationFolderId = GetPageIdByNavigationTag("TopNavigation"); 102 if (topNavigationFolderId > 0) 103 { 104 var pageService = new Dynamicweb.Content.PageService(); 105 var topNavigationPageList = pageService.GetPagesByParentID(topNavigationFolderId); 106 if (topNavigationPageList != null && topNavigationPageList.Any()) 107 { 108 topNavigationPages = topNavigationPageList.Where(p => p.Active).ToList(); 109 } 110 } 111 112 var homelinkImage = IconHelper.GetSvgPath("twente", "logo/"); 113 114 <div id="homelink"> 115 <a href="/" target="_top" title="@string.Format(" {0}: {1}", Translate("LinkTitlePrefix", "Navigeer naar" ), Translate("Homelink_Title", "De homepage" )).JsEncode()"><img src="@homelinkImage" alt="@Translate(" Homelink_ImageAlt", "Image met het Twentse Ros die onclick naar de homepge navigeert" )" /></a> 116 </div> 117 118 var searchResultsPageId = AreaHelper.GetAreaItemStringValueBySystemName(TwenteBranding.Models.Constants.StringConstants.WebsiteSettings.PageIds.SearchResults); 119 120 // Top navigation Snippet 121 @SnippetStart("TopNavigation") 122 123 <div class="top-navigation"> 124 @if (topNavigationPages != null && topNavigationPages.Any()) 125 { 126 <ul class="pages"> 127 @foreach (var topNavigationPage in topNavigationPages) 128 { 129 var topNavigationPageName = topNavigationPage.GetDisplayName(); 130 var topNavigationPageTitle = string.Format("{0}: {1}", Translate("LinkTitlePrefix", "Navigeer naar"), topNavigationPageName).JsEncode(); 131 <li><a href="@string.Format("/Default.aspx?ID={0}", topNavigationPage.ID)" title="@topNavigationPageTitle" target="_top">@topNavigationPageName</a></li> 132 } 133 </ul> 134 } 135 136 @if (websiteLanguages != null && websiteLanguages.Any()) 137 { 138 <ul class="languages"> 139 @{ 140 var pageService = new PageService(); 141 var languagePages = pageService.GetLanguagePages(Model.ID); 142 143 foreach (var language in Model.Area.Languages) 144 { 145 var lang = language.Culture.Split('-')[0]; 146 var link = ""; 147 var listClass = language.IsCurrent ? "active" : ""; 148 var langTitle = string.Format("{0}: {1}", Translate("LinkTitlePrefix", "Navigeer naar"), language.Name).JsEncode(); 149 150 if (language.IsMaster && !language.IsCurrent) 151 { 152 var masterAreaPage = pageService.GetPagesByAreaID(1).SingleOrDefault(p => p.GetLanguageVersion(Model.Area.ID) != null && p.GetLanguageVersion(Model.Area.ID).ID.Equals(Model.ID)); 153 if (masterAreaPage != null) 154 { 155 link = string.Format("/Default.aspx?ID={0}", masterAreaPage.ID); 156 } 157 } 158 else if (language.IsCurrent) 159 { 160 link = "javascript:void(0);"; 161 } 162 else 163 { 164 foreach (var languagePage in languagePages) 165 { 166 var languageAreaId = language.ID; 167 if (languageAreaId == languagePage.AreaId) 168 { 169 link = string.Format("/Default.aspx?ID={0}", languagePage.ID); 170 } 171 } 172 } 173 174 //TODO: querystring? 175 176 <li class="@listClass" title="@langTitle"><a href="@link" target="_top">@lang</a></li> 177 } 178 } 179 </ul> 180 } 181 </div> 182 183 @SnippetEnd("TopNavigation") 184 185 // navigation SM 186 <div id="header_mobile" class="d-block d-md-none" data-hometext="@Translate("Navigation_HomeText", "Home")"> 187 <div class="header-mobile-icons"> 188 <a id="mobile-menu-button" class="icon-color--gray-4 icon--hamburger menu-icon"></a> 189 <a id="mobile-search-button" class="icon-color--gray-4 icon--search menu-icon"></a> 190 <a id="mobile-close-button" class="icon-color--gray-4 icon--cross menu-icon"></a> 191 </div> 192 <nav id="mobile-nav" class="navigation-mobile"> 193 @RenderNavigation(new { StartLevel = 1, EndLevel = 2, Template = "LIClean-mobile.xslt", Expandmode = "All" }) 194 <div class="mobile-topnavigation"> 195 @RenderSnippet("TopNavigation") 196 </div> 197 </nav> 198 <div id="mobile-navigation-submenu"></div> 199 200 <div id="mobile-search" class="search-mobile"> 201 @if (!string.IsNullOrWhiteSpace(searchResultsPageId)) 202 { 203 var searchResultUrl = string.Format("/Default.aspx?ID={0}", searchResultsPageId); 204 <div id="searchFormMobile" data-target="@searchResultUrl"> 205 <div class="top-search"> 206 <div class="input-group"> 207 <input type="text" class="form-control" name="q" id="q" placeholder="@Translate(" Searchbar_Placeholder", "Zoeken" )" aria-label="@Translate(" Searchbar_AriaLabel", "Zoeken" )"> 208 <div class="input-group-append"> 209 <button class="btn icon--search icon-color--gray-4 icon-size--x1 search-button-mobile" type="button" aria-label="search"></button> 210 </div> 211 </div> 212 </div> 213 </div> 214 @SnippetStart("JavascriptBottom") 215 <script> 216 $(document).ready(function () { 217 $(".search-button-mobile, #searchFormMobile").off("click").on("click", function () { 218 SearchHelper.SearchMobile(); 219 }); 220 $("#q, #searchFormMobile").keypress(function (e) { 221 if (e.which == 13) { 222 SearchHelper.SearchMobile(); 223 return false; 224 } 225 }); 226 }); 227 </script> 228 @SnippetEnd("JavascriptBottom") 229 230 } 231 </div> 232 </div> 233 234 // navigation MD+ 235 <div id="header" class="d-none d-md-block"> 236 <div class="container"> 237 238 @RenderSnippet("TopNavigation") 239 240 <nav id="navigation" data-hometext="@Translate("Navigation_HomeText", "Home")"> 241 @RenderNavigation(new { StartLevel = 1, EndLevel = 2, Template = "LIClean.xslt", Expandmode = "All" }) 242 </nav> 243 244 @if (!string.IsNullOrWhiteSpace(searchResultsPageId)) 245 { 246 var searchResultUrl = string.Format("/Default.aspx?ID={0}", searchResultsPageId); 247 <div id="searchForm" data-target="@searchResultUrl"> 248 <div class="top-search"> 249 <div class="input-group"> 250 <input type="text" class="form-control" name="q" id="q" placeholder="@Translate(" Searchbar_Placeholder", "Zoeken" )" aria-label="@Translate(" Searchbar_AriaLabel", "Zoeken" )"> 251 <div class="input-group-append"> 252 <button class="btn icon--search icon-color--gray-4 icon-size--x1 search-button" type="button" aria-label="search"></button> 253 </div> 254 </div> 255 </div> 256 </div> 257 258 @SnippetStart("JavascriptBottom") 259 <script> 260 $(document).ready(function () { 261 $(".search-button, #searchForm").off("click").on("click", function () { 262 SearchHelper.Search(); 263 }); 264 $("#q, #searchForm").keypress(function (e) { 265 if (e.which == 13) { 266 SearchHelper.Search(); 267 return false; 268 } 269 }); 270 }); 271 </script> 272 @SnippetEnd("JavascriptBottom") 273 } 274 </div> 275 <div id="navigation-submenu"></div> 276 </div> 277 } 278 <main> 279 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 280 @Title("Hashtag article list page template") 281 @Description("View model template an hashtags article list without aside") 282 283 @using TwenteBranding.Repository.Helpers 284 @using Dynamicweb.Content 285 @{ 286 var title = (Model.Item != null) ? string.Format("#{0}", Model.Item.GetString("Title")) : Model.Title; 287 var introduction = Model.Item.GetString("Introduction"); 288 289 var pageId = Model.ID; 290 var paragraphService = new ParagraphService(); 291 var paragraphs = paragraphService.GetParagraphsByPageId(pageId); 292 var hashtagItemsList = AreaHelper.GetAreaItemIntValueBySystemName(TwenteBranding.Models.Constants.StringConstants.WebsiteSettings.ParagraphIds.HashtagItemList); 293 294 <div class="main-container"> 295 <div class="page-title background--twente-red"> 296 <div class="container"> 297 <h1 class="font-color--white">@title</h1> 298 <p class="font-color--white">@introduction</p> 299 @RenderSnippet("ListFilter") 300 </div> 301 </div> 302 <div class="page-content container"> 303 <div class="grid"> 304 @Model.Placeholder("Articles", "Main content (if no paragraph defined, hashtag-itemlist is rendered)", "default:true;sort:1") 305 @* Render global item list paragraph, if no paragraphs defined in CMS *@ 306 @(!paragraphs.Any() ? RenderParagraphContent(hashtagItemsList) : null) 307 308 </div> 309 </div> 310 </div> 311 } 312 </main> 313 @using Dynamicweb.Frontend 314 @using TwenteBranding.Models.Constants 315 @using TwenteBranding.Repository.Helpers 316 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 317 318 @{ 319 var hashTags = AreaHelper.GetFooterHashTags(Model); 320 var hashTagsTitleField = Model.Area.Item.GetField(StringConstants.ItemInstanceType.FooterTagsTitle).GetValue(); 321 var hashTagsTitle = hashTagsTitleField == null ? "" : hashTagsTitleField.ToString(); 322 if (hashTags.Count > 0) 323 { 324 <div class="background--gray-1"> 325 326 <div class="hashtags-container container"> 327 @{ 328 if (!string.IsNullOrEmpty(hashTagsTitle)) 329 { 330 <div class="title"> 331 @hashTagsTitle 332 </div> 333 } 334 } 335 <div class="hashtags font-color--twente-red"> 336 @foreach (var tag in hashTags) 337 { 338 <a href="@SearchEngineFriendlyURLs.GetFriendlyUrl(tag.ID)">#@tag.MenuText</a> 339 } 340 </div> 341 </div> 342 </div> 343 } 344 } 345 346 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 347 <footer class="background--twente-red"> 348 <div class="container"> 349 <div class="social-media-icon-container"> 350 @using TwenteBranding.Repository.Helpers 351 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 352 353 @if (Model.Area.Item != null) 354 { 355 <ul> 356 @foreach (var field in Model.Area.Item.Fields.Where(f => f.SystemName.StartsWith("Sm_"))) 357 { 358 if (!string.IsNullOrEmpty(field.GetString())) 359 { 360 <li> 361 <a rel="noopener" aria-label="@field.Name.JsEncode()" href="@field.GetString()" title="@field.Name.JsEncode()" target="_blank"> 362 <div class="social-media-icon icon--@field.SystemName.ToLower() icon-size--x2"></div> 363 </a> 364 </li> 365 } 366 } 367 </ul> 368 } 369 </div> 370 <div class="footer-link-container"> 371 @{ 372 List<Dynamicweb.Content.Page> footerNavigationPages = null; 373 int footerNavigationFolderId = GetPageIdByNavigationTag(TwenteBranding.Models.Constants.StringConstants.NavigationTags.FooterNavigation); 374 if (footerNavigationFolderId > 0) 375 { 376 var pageService = new Dynamicweb.Content.PageService(); 377 var footerNavigationPageList = pageService.GetPagesByParentID(footerNavigationFolderId); 378 if (footerNavigationPageList != null && footerNavigationPageList.Any()) 379 { 380 footerNavigationPages = footerNavigationPageList.Where(p => p.Active).ToList(); 381 if (footerNavigationPages != null && footerNavigationPages.Any()) 382 { 383 var footerLinkCounter = 1; 384 foreach (var footerNavigationPage in footerNavigationPages) 385 { 386 var footerNavigationPageName = footerNavigationPage.GetDisplayName(); 387 var footerNavigationPageTitle = string.Format("{0}: {1}", Translate("LinkTitlePrefix", "Navigeer naar"), footerNavigationPageName).JsEncode(); 388 var footerNavigationPageLink = string.Format("/Default.aspx?ID={0}", footerNavigationPage.ID); 389 390 if (footerNavigationPages.Count() == footerLinkCounter) 391 { 392 var copyRight = string.Format(Translate("Footer_CopyRight", "© {0} Twente Branding"), DateTime.Now.Year); 393 394 <div class="footer-link-wrapper"> 395 <div class="footer-link"> 396 <a href="@footerNavigationPageLink" title="@footerNavigationPageTitle">@footerNavigationPageName</a> 397 </div> 398 <div class="footer-link"><span>@copyRight</span></div> 399 </div> 400 } 401 else 402 { 403 <div class="footer-link"> 404 <a href="@footerNavigationPageLink" title="@footerNavigationPageTitle">@footerNavigationPageName</a> 405 </div> 406 } 407 footerLinkCounter++; 408 } 409 } 410 } 411 } 412 } 413 </div> 414 </div> 415 </footer> 416 417 </main> 418 <aside> 419 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 420 @using Dynamicweb.Core 421 @using TwenteBranding.Repository.Helpers 422 @using System.Linq; 423 @using TwenteBranding.Models.ViewModels 424 425 @{ 426 var newsletterSubscriptionModalPageId = GetPageIdByNavigationTag("NewsletterSubscriptionModal"); 427 var jobAlertSubscriptionModalPageId = GetPageIdByNavigationTag("JobAlertSubscriptionModal"); 428 var jobOffersPageId = GetPageIdByNavigationTag("JobOffers"); 429 var jobOfferParentPageId = Dynamicweb.Frontend.PageView.Current().Page.ParentPageId; 430 var utmCampaign = System.Web.HttpContext.Current.Request.QueryString.Get("utm_campaign"); 431 var mainHashtagModal = ""; 432 433 // Specific pages which must not show a subscription modal (jobalert/newsletter) 434 var twenteLeeftPageId = GetPageIdByNavigationTag("MOT_TwenteLeeft"); 435 var jobAlertSubscription = GetPageIdByNavigationTag("JobAlertSubscription"); 436 var pageIdsWithoutModal = new List<int> { twenteLeeftPageId, jobAlertSubscription }; 437 438 // Get the item for the current page 439 TwenteBrandingItemModel pItem = null; 440 if (Model.ItemId != "1") //Item with ID 1 gives error 441 { 442 pItem = ItemHelper.GetTwenteBrandingItemForPage( 443 Model.ItemId, 444 Dynamicweb.Frontend.PageView.Current().ID.ToString(), 445 Dynamicweb.Frontend.PageView.Current().GlobalTags.GetTagByName("Global:Area.LongLang").Value 446 ); 447 } 448 449 if (pItem != null) 450 { 451 // Get main hashtag of the current page item 452 var mainHashtagId = pItem.MainHashtagIds.FirstOrDefault(); 453 if (!string.IsNullOrEmpty(mainHashtagId)) 454 { 455 var hashtagItem = Dynamicweb.Content.Items.Item.GetItemById(TwenteBranding.Models.Constants.StringConstants.ItemInstanceType.Hashtag, mainHashtagId); 456 mainHashtagModal = $"{ItemHelper.GetItemValue<string>(hashtagItem, TwenteBranding.Models.Constants.StringConstants.CustomItemTypes.BaseArticle.Title)}"; 457 } 458 } 459 460 // Dont show a modal on the following pages 461 if (pageIdsWithoutModal.Contains(Model.ID) || mainHashtagModal == "talent") 462 { 463 //do noting 464 } 465 else 466 { 467 // Show modal with link to vacancysubscription page on vacancy page and pages with #talent hashtag 468 if ((Model.ID == jobOffersPageId || jobOfferParentPageId == jobOffersPageId) 469 && jobAlertSubscriptionModalPageId > 0) 470 { 471 @RenderPageContent(jobAlertSubscriptionModalPageId) 472 } 473 // If the jobalert modal pageId has a value and utmCampaing matches the specified value 474 else if (jobAlertSubscriptionModalPageId > 0 && utmCampaign == "Remarketing vacaturebank") 475 { 476 @RenderPageContent(jobAlertSubscriptionModalPageId) 477 } 478 // Else if the newsletter pageId has a value, show the newsletter subscription modal 479 else if (newsletterSubscriptionModalPageId > 0) 480 { 481 @RenderPageContent(newsletterSubscriptionModalPageId) 482 } 483 } 484 } 485 </aside> 486 <script rel="prefetch" src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script> 487 <script acync rel="prefetch" src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script> 488 <script rel="prefetch" type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.min.js"></script> 489 <script rel="prefetch" type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.9/jquery.lazy.plugins.min.js"></script> 490 491 <script src="@appJs"></script> 492 @RenderSnippet("JavascriptBottom") 493 </body> 494 </html> 495 }