1 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 2 @using System; 3 @using System.Linq; 4 @using System.Web.Optimization; 5 @using HagsWeb.Library.Methods.Page; 6 @using HagsWeb.Library.State; 7 @using HagsWeb.Library.Utilities; 8 @using Dynamicweb.Content; 9 @using Dynamicweb.Ecommerce.International; 10 11 @{ 12 bool inDev = false; 13 inDev = inDev || GetGlobalValue("Global:Request.Url").Contains("http://hagsdw915solution."); 14 inDev = inDev || GetGlobalValue("Global:Request.Url").Contains("https://hagsdev.hags."); 15 inDev = inDev || GetGlobalValue("Global:Request.Url").Contains("https://hagslang.hags."); 16 inDev = inDev || GetGlobalValue("Global:Request.Url").Contains("https://hagslive.hags."); 17 18 int masterAreaId = int.TryParse(GetGlobalValue("Global:Area.ID"), out masterAreaId) ? masterAreaId : 0; 19 Dynamicweb.Content.Area masterArea = new Dynamicweb.Content.AreaService().GetArea(masterAreaId); 20 21 string themeTag = HagsPages.GetThemeByNavigationTag(GetGlobalValue("Global:Page.Top.ID")); // gets the page ID at the top of the tree this page sits on. 22 string siteNavigation = HagsPages.GetActiveAreas(); 23 string htmlLang = GetGlobalValue("Global:Area.LongLang"); 24 string siteAreaName = @GetString("DwAreaName"); 25 string designBaseUrl = @GetString("Template:DesignBaseUrl"); 26 var unixTimestamp = ((DateTimeOffset)DateTime.UtcNow).ToUnixTimeSeconds(); 27 var jsTimestamp = inDev ? unixTimestamp : 0; 28 string currentUser = @GetString("DW_extranet_AccessUserName"); 29 string userGroups = @GetString("DW_extranet_Groups"); 30 var langSite = @GetGlobalValue("Global:Pageview.Url"); 31 32 var siteFirstPageId = GetString("DwAreaFirstPageID"); // for the Hags Logo url. Go to the WEBSITE home page 33 var thisSiteName = HagsWeb.Library.Methods.Page.HagsPages.GetSiteCountryName(@GetGlobalValue("Global:Area.LongLang"), @GetGlobalValue("Global:Area.Name")); 34 var websites = GetLoop("WebsiteLanguages"); 35 string worldwideContactsLink = DWUtilities.GetPageByNavigationTag("worldwide-contacts", masterAreaId); 36 37 38 39 } 40 <!DOCTYPE html> 41 <html class="no-js" lang="@htmlLang"> 42 <head> 43 <meta charset="utf-8"> 44 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 45 <title>@GetValue("Title")</title> 46 @GetValue("MetaTags") 47 @GetValue("CopyRightNotice") 48 49 50 <meta name="author" content="HAGS @(siteAreaName)"> 51 <link rel="icon" href="@(designBaseUrl)assets/img/favicon.ico" sizes="32x32"> 52 <link rel="icon" href="@(designBaseUrl)assets/img/icon.svg" type="image/svg+xml"> 53 <link rel="apple-touch-icon" href="@(designBaseUrl)assets/img/apple-touch-icon.png"> 54 55 <script>(function (H) { H.className = H.className.replace(/\bno-js\b/, 'js') })(document.documentElement)</script> 56 57 <link rel="preconnect" href="https://cdn.fonts.net"> 58 <link rel="stylesheet" href="@(designBaseUrl)assets/styles/monotype-redux.css"> 59 60 <link rel="stylesheet" href="@(designBaseUrl)assets/styles/reset.css?v=1.1"> 61 <link rel="stylesheet" href="@(designBaseUrl)assets/styles/core.css?ts=@unixTimestamp"> 62 <link rel="stylesheet" href="@(designBaseUrl)assets/styles/nav-mega.css?ts=@unixTimestamp"> 63 <link rel="stylesheet" href="@(designBaseUrl)assets/styles/forms.css?ts=@unixTimestamp"> 64 <link rel="stylesheet" href="@(designBaseUrl)assets/styles/country-rules.css?ts=@unixTimestamp"> 65 66 @if (!inDev) 67 { 68 <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="89c7e0fa-fa61-446d-9c96-866489bcea3c" data-blockingmode="auto" type="text/javascript"></script> 69 } 70 71 @foreach (var language in GetLoop("Languages")) 72 { 73 string pageid = language.GetString("PageID"); 74 string url = string.Empty; 75 string productId = System.Web.HttpContext.Current.Request.QueryString.Get("productid"); 76 if (string.IsNullOrEmpty(productId)) 77 { 78 url = @GetGlobalValue("Global:Request.Scheme") + "://" + language.GetString("PrimaryDomain"); 79 url = url + Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl("default.aspx?id=" + pageid); 80 } 81 else 82 { 83 string productSystemUrl = "default.aspx?id=" + pageid + "&ProductID=" + productId; 84 string productUrl = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(productSystemUrl); 85 if (!string.IsNullOrEmpty(productUrl)) 86 { 87 url = @GetGlobalValue("Global:Request.Scheme") + "://" + language.GetString("PrimaryDomain") + productUrl; 88 } 89 } 90 if (!string.IsNullOrEmpty(url)) 91 { 92 <link rel="alternate" href='@url' hreflang='@language.GetString("Culture")'> 93 } 94 } 95 96 @* expand these bundles for re-design debugging *@ 97 98 @* Scripts.Render("~/bundle/jquery") *@ 99 @* @Scripts.Render("~/bundle/Validation") *@ 100 101 102 103 @* no need for this? we are not using bootstrap anymore!! /HagsCore/style/libraries/bootstrap-sass/assets/javascripts/bootstrap.min.js *@ 104 @* /HagsCore/style/scss/libraries/bootstrap-sass/assets/javascripts/bootstrap.min.js *@ 105 106 <script type="text/javascript" src="@(designBaseUrl)assets/js/libraries/jquery.min.js" cookieconsent="ignore"></script> 107 <script type="text/javascript" src="@(designBaseUrl)assets/js/libraries/validation/jquery.validate.min.js" cookieconsent="ignore"></script> 108 <script type="text/javascript" src="@(designBaseUrl)assets/js/libraries/validation/additional-methods.min.js" cookieconsent="ignore"></script> 109 <script type="text/javascript" src="@(designBaseUrl)assets/js/functions/hags-global.js?v=1.4.6&ts=@jsTimestamp" cookieconsent="ignore"></script> 110 @*<script type="text/javascript" src="@(designBaseUrl)assets/js/functions/hags-global.js?" cookieconsent="ignore"></script>*@ 111 112 @* the future!! HTMX is here *@ 113 <script src="@(designBaseUrl)assets/js/libraries/htmx/htmx.min.js" cookieconsent="ignore"></script> 114 115 <script type="text/javascript" src="@(designBaseUrl)assets/js/functions/h24.js?v=1.4.6&ts=@unixTimestamp" cookieconsent="ignore"></script> 116 117 118 @* this snippet is from the product page template *@ 119 @RenderSnippet("productScripts") 120 121 @* this snippet is from the case studies item listing *@ 122 @RenderSnippet("caseStudyScripts") 123 124 125 @* do not use these for now *@ 126  127  128  129 @if (!inDev) 130 { 131 <script id="sleeknoteScript" type="text/javascript"> 132 (function () { 133 var sleeknoteScriptTag = document.createElement("script"); 134 sleeknoteScriptTag.type = "text/javascript"; 135 sleeknoteScriptTag.charset = "utf-8"; 136 sleeknoteScriptTag.src = ("//sleeknotecustomerscripts.sleeknote.com/60385.js"); 137 var s = document.getElementById("sleeknoteScript"); 138 s.parentNode.insertBefore(sleeknoteScriptTag, s); 139 })(); 140 </script> 141 142 } 143 144 145 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 146 147 @if (!inDev) 148 { 149 <meta name="facebook-domain-verification" content="8vnuupfwjjw7l4g2t44cuzv5c17fa2"> 150 <meta name="p:domain_verify" content="e984d55d650d51a77b5bd78fce401aee"> 151 152 string verificationCode = ""; 153 switch (masterAreaId) 154 { 155 case 1: 156  157 <meta name="google-site-verification" content="SU7OrN2pJAoaHy4QUbJqKRyiRK_pJK_mydVX9HnbAjE"> 158 break; 159 case 2: 160  161 <meta name="google-site-verification" content="WMHOYHSUksAhokWvc_pl1xi2eUEIqlSAmqSuPqBuIhw"> 162 break; 163 case 3: 164  165 <meta name="google-site-verification" content="2FnagwVri1SLEk0f1-cNAMIsqoelzEf6qa64iTOo6A4"> 166 break; 167 case 4: 168  169 <meta name="google-site-verification" content="iTdN9SsW-DWo1nPaqZ2_W6c1lKr1KdpIE-9PIa7efD8"> 170 break; 171 case 5: 172  173 <meta name="google-site-verification" content="q7sWMD42DhdNcVgQjRvpUnHq6UWvgFfxxN7SWLTjDBs"> 174 break; 175 case 6: 176  177 <meta name="google-site-verification" content="5l8EU56ZLDtGLgFsyPizPWpK1lt_DAqhcYsgiP_wZ2w"> 178 break; 179 case 7: 180  181 <meta name="google-site-verification" content="VWJFZapvDhxv8eu8eMl66KkAAArEyIG3pa8ZffeAKrg"> 182 break; 183 } 184 185  186 <script> 187 window.dataLayer = window.dataLayer || []; 188 </script> 189 <script type="text/javascript"> 190 (function (w, d, s, l, i) { 191 w[l] = w[l] || []; 192 w[l].push({ 193 'gtm.start': 194 new Date().getTime(), 195 event: 'gtm.js' 196 }); 197 var f = d.getElementsByTagName(s)[0], 198 j = d.createElement(s), 199 dl = l != 'dataLayer' ? '&l=' + l : ''; 200 j.async = true; 201 j.src = 202 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 203 f.parentNode.insertBefore(j, f); 204 })(window, document, 'script', 'dataLayer', 'GTM-MCRWZS'); 205 </script> 206  207  208 <script type="text/javascript"> 209 !function (f, b, e, v, n, t, s) { 210 if (f.fbq) return; 211 n = f.fbq = function () { 212 n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) 213 }; 214 if (!f._fbq) f._fbq = n; 215 n.push = n; 216 n.loaded = !0; 217 n.version = '2.0'; 218 n.queue = []; 219 t = b.createElement(e); 220 t.async = !0; 221 t.src = v; 222 s = b.getElementsByTagName(e)[0]; 223 s.parentNode.insertBefore(t, s) 224 }(window, 225 document, 226 'script', 227 'https://connect.facebook.net/en_US/fbevents.js'); 228 fbq('init', '271101660030700'); 229 fbq('track', 'PageView'); 230 </script> 231  232 } 233 234 235 236 <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script> 237 <script> 238 Weglot.initialize({ 239 api_key: 'wg_99b6e7269c4b828ebd027c6d488b55500', 240 translate_search: true, 241 search_forms: ".search", 242 search_parameter: "q" 243 }); 244 </script> 245 246 <link href="https://www.hags.com/@langSite" hreflang="x-default" rel="alternate"> 247 248 @GetValue("Stylesheets") 249 @GetValue("Javascripts") 250 </head> 251 252 <body> 253 @if (!inDev) 254 { 255 <noscript> 256  257 <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MCRWZS" height="0" width="0" style="display:none;visibility:hidden"></iframe> 258  259  260 <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=271101660030700&ev=PageView&noscript=1"> 261 </noscript> 262 } 263 @* Snippets are rendered last and can be defined in any template *@ 264 @* We are using a snippet (headerClass) here to let a page template define if the header sits on top or is part of the 265 @* document flow. Setting the snippet to an empty string below makes sure it gets rendered as empty and not as a DW comment string *@ 266 @* if a snippetStart/End command is used in another template it is appended to the snippet *@ 267 268 @SnippetStart("headerClass")@("")@SnippetEnd("headerClass") 269 270 @{ 271 string weglotLangHeader = System.Web.HttpContext.Current.Request.Headers["weglot-language"]; 272 string urlLangHeader = weglotLangHeader != "" ? "/" + weglotLangHeader : ""; 273 //ignore the default en code 274 urlLangHeader = weglotLangHeader == "en" ? "" : urlLangHeader; 275 } 276 277 <header class="header" data-variant='@RenderSnippet("headerClass")'> 278 279 <div class="header__wrapper"> 280 281 <div class="header__global-nav"> 282 283 <div class="header-logo" itemscope="" itemtype="http://schema.org/Organization"> 284 <a href="/" itemprop="url"> 285 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 362 81" class="hags-logo"><path fill="currentColor" fill-rule="evenodd" d="M311.22.5c9.399 0 16.725 3.168 18.555 3.168.862 0 1.596-.243 2.697-1.338h2.558l2.318 19.692h-4.876c-2.697-9.846-10.513-16.292-19.911-16.292-6.837 0-11.97 3.65-11.97 8.39 0 11.187 20.279 13.258 33.958 26.873 5.004 4.986 6.951 10.214 6.951 16.05 0 12.648-11.47 22.618-26.006 22.618-9.77 0-18.687-3.888-20.887-3.888-1.1 0-1.952.611-2.562 1.947h-3.178L285.82 55.59v-.002h4.757c4.029 12.031 11.236 18.237 20.88 18.237 8.059 0 14.17-5.11 14.17-11.917 0-18.122-39.204-17.509-39.204-41.586C286.423 8.645 296.681.5 311.22.5Zm-75.498 0c7.426 0 13.874 1.484 18.765 2.7l.801.2c3.013.755 5.377 1.361 6.941 1.361 1.825 0 2.814-.492 3.66-1.586h3.055v22.253h-4.89c-3.29-12.4-12.575-19.7-25.28-19.7-17.337 0-29.31 13.622-29.31 33.318 0 19.946 12.584 34.778 29.56 34.778 4.638 0 9.77-1.215 13.068-3.157V53.883c0-6.078-2.561-7.419-15.022-7.662v-4.617h40.55v4.617h-.001c-6.474.124-8.675 2.068-8.675 7.662v18.12c-8.795 4.011-21.364 7.656-31.877 7.656-30.898 0-45.805-17.146-45.805-40.488C191.264 16.916 209.71.5 235.722.5ZM39.705 2.33v4.74h-1.712c-6.351 0-9.526 2.066-9.526 8.878v19.086h40.301V16.31c0-6.808-2.685-9.24-9.77-9.24h-1.1V2.33h39.083v4.74h-2.203c-6.223 0-9.156 2.308-9.156 8.878v48.153c0 6.318 2.322 9.116 9.403 9.116h1.956v4.74H57.899v-4.742h1.708c6.476 0 9.161-2.796 9.161-9.364V42.21h-40.3V64.1c0 6.445 2.565 9.117 9.4 9.117h1.837v4.74H.5v-4.742h2.073c6.235 0 9.04-2.796 9.04-8.873V15.948c0-6.08-2.685-8.878-9.156-8.878H.5V2.33h39.205ZM154.04.5l24.433 61.772c3.175 8.026 5.857 10.452 12.208 10.943v4.741h-39.693v-4.741h4.271c7.451 0 8.551-3.282 6.11-9.238l-5.741-14.107h-26.752l.005.003-5.125 14.226c-2.2 6.2-2.07 9.116 9.65 9.116h1.586v4.741h-32.37v-4.741h1.837c5.858 0 8.912-2.67 11.966-11.182L137.313 4.03 135.967.5h18.073ZM141.59 14.733l-10.26 28.448h21.492L141.59 14.733ZM352.674 2.62c1.114 0 2.164.213 3.148.64a8.412 8.412 0 0 1 2.58 1.726 8.042 8.042 0 0 1 1.743 2.562c.427.984.64 2.034.64 3.148a7.702 7.702 0 0 1-.64 3.131 8.097 8.097 0 0 1-1.743 2.544 8.158 8.158 0 0 1-2.58 1.708 8.02 8.02 0 0 1-3.148.623 8.02 8.02 0 0 1-3.15-.623 8.158 8.158 0 0 1-2.579-1.708 8.097 8.097 0 0 1-1.743-2.544 7.702 7.702 0 0 1-.64-3.13c0-1.115.213-2.165.64-3.15a8.042 8.042 0 0 1 1.743-2.561 8.412 8.412 0 0 1 2.58-1.726 7.827 7.827 0 0 1 3.149-.64Zm0 1.245c-.95 0-1.839.178-2.669.534a6.854 6.854 0 0 0-2.17 1.459 6.854 6.854 0 0 0-1.459 2.17 6.702 6.702 0 0 0-.533 2.668c0 .925.177 1.803.533 2.633a7.07 7.07 0 0 0 1.459 2.188 6.71 6.71 0 0 0 2.17 1.477c.83.356 1.72.534 2.669.534.948 0 1.838-.178 2.668-.534a6.71 6.71 0 0 0 2.17-1.477 7.07 7.07 0 0 0 1.46-2.188c.355-.83.533-1.708.533-2.633 0-.948-.178-1.838-.534-2.668a6.854 6.854 0 0 0-1.459-2.17 6.854 6.854 0 0 0-2.17-1.46 6.702 6.702 0 0 0-2.668-.533Zm.035 2.242.318.009c.316.017.625.062.928.133a3.3 3.3 0 0 1 1.085.463c.32.213.575.486.765.818.19.332.284.747.284 1.245 0 .664-.19 1.204-.569 1.619-.38.415-.89.694-1.53.836l2.455 3.985h-1.992l-2.135-3.807h-1.174v3.807h-1.637V6.107h3.202Zm-.07 1.387h-1.495v2.598h1.316a3.48 3.48 0 0 0 1.352-.267c.427-.178.64-.54.64-1.085 0-.499-.195-.83-.586-.997-.392-.166-.801-.249-1.228-.249Z"></path></svg> 286 </a> 287 </div> 288 289 290 <div class="header__actions" data-username="@currentUser"> 291 292 <ul role="list" class="actions-list"> 293 294 <li class="actions-list__item"> 295 <button class="header__action-btn js-action-btn" data-target="search-panel"> 296 <span class="visually-hidden">Search</span> 297 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 212 212" class="actions-list__icon"><path fill="currentColor" fill-rule="nonzero" d="M57.43 124.386a69.002 69.002 0 0 0 41.078 19.062l1.126 65.068 16.64-.293-1.126-65.068c32.015-4.457 56.718-30.428 59.57-62.625 2.85-32.197-16.906-62.091-47.641-72.086-30.735-9.994-64.306 2.559-80.952 30.27-16.646 27.71-11.958 63.24 11.305 85.672Zm84.54-87.151c20.857 20.141 21.437 53.377 1.295 74.235-20.141 20.857-53.377 21.437-74.235 1.295-20.857-20.141-21.437-53.377-1.295-74.235 20.141-20.857 53.377-21.437 74.235-1.295Z"></path></svg> 298 </button> 299 </li> 300 301 <li class="actions-list__item"> 302 <button class="header__action-btn js-action-btn" data-target="country-select-panel"> 303 <span class="visually-hidden">Choose Location</span> 304 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 212 212" class="actions-list__icon"><g fill="currentColor" fill-rule="nonzero"><path d="M106 3C64.446 3 32 34.472 32 74.528c0 8.87 3.415 26.608 9.108 39.483 18.5 42.63 58.915 90.983 60.623 92.986 1.138 1.43 2.561 2.003 4.269 2.003 1.708 0 3.13-.858 4.27-2.003 1.707-2.003 42.122-50.355 60.622-92.986C176.585 101.136 180 83.397 180 74.528 180 34.472 147.554 3 106 3Zm54.362 106.433C146.13 142.336 117.1 180.39 106 194.123c-11.1-13.734-40.13-51.787-54.362-84.69-5.123-11.158-8.253-27.18-8.253-34.905 0-33.761 27.607-60.084 62.615-60.084s62.615 26.323 62.615 60.084c0 7.725-3.13 23.747-8.253 34.905Z"></path><path d="M106 37.333c-21.915 0-39.846 18.025-39.846 40.056 0 22.03 17.93 40.055 39.846 40.055 21.915 0 39.846-18.025 39.846-40.055S127.916 37.333 106 37.333ZM106 106c-15.654 0-28.462-12.875-28.462-28.611S90.346 48.778 106 48.778s28.462 12.875 28.462 28.61C134.462 93.126 121.654 106 106 106Z"></path></g></svg> 305 </button> 306 </li> 307 308 <li class="actions-list__item"> 309 <button class="header__action-btn js-action-btn" data-target="collection-panel" data-action-page="site-wide" data-action-type="Button" data-action-label="View Collection"> 310 <span class="visually-hidden">Product Collections</span> 311 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 212 212" class="actions-list__icon"><path fill="currentColor" fill-rule="nonzero" d="M183.337 75.733c-.856-10.588-9.716-18.735-20.325-18.67h-20.475V39.663A36.668 36.668 0 0 0 124.24 7.914a36.552 36.552 0 0 0-36.611 0 36.667 36.667 0 0 0-18.297 31.748v17.402H48.857c-10.6-.047-19.45 8.09-20.307 18.669l-9.474 111.102a20.462 20.462 0 0 0 5.277 15.557A20.368 20.368 0 0 0 39.373 209h133.244a20.369 20.369 0 0 0 15.02-6.608 20.433 20.433 0 0 0 5.287-15.557l-9.587-111.102Zm-101.6-35.968c0-13.385 10.832-24.234 24.196-24.234 13.363 0 24.196 10.85 24.196 24.234v17.402H81.736V39.765Zm96.788 154.231a7.923 7.923 0 0 1-5.882 2.48H39.253a7.94 7.94 0 0 1-5.883-2.582 7.994 7.994 0 0 1-2.066-6.087l9.577-111.102h.009a7.948 7.948 0 0 1 7.966-7.215H69.36v15.78l-.01.01a6.209 6.209 0 0 0 6.208 6.208 6.209 6.209 0 0 0 6.208-6.208V69.49h48.393v15.79a6.2 6.2 0 0 0 6.198 6.208 6.203 6.203 0 0 0 6.208-6.208V69.49h20.446a7.958 7.958 0 0 1 7.948 7.308l9.576 111.103a7.935 7.935 0 0 1-2.038 6.095h.029Z"></path></svg> 312 </button> 313 </li> 314 315 <li class="actions-list__item"> 316 <button class="header__action-btn js-action-btn" data-target="hags-connect-panel"> 317 <span class="visually-hidden">HAGS Connect</span> 318 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 212 212" class="actions-list__icon"><path fill="currentColor" fill-rule="evenodd" d="M149.316 21.1C137.27 9.035 122.73 3 105.693 3 88.657 3 74.116 9.034 62.069 21.1 50.023 33.169 44 47.735 44 64.8c0 21.725 8.676 38.55 26.026 50.477l-12.248 85.885c-.267 1.877.167 3.574 1.302 5.091 1.136 1.517 2.641 2.41 4.515 2.678a7.13 7.13 0 0 0 .97.069h82.256c1.893 0 3.508-.67 4.847-2.011 1.339-1.341 2.008-2.96 2.008-4.856a6.78 6.78 0 0 0-.069-.97l-12.248-85.886c17.351-11.926 26.026-28.752 26.026-50.477 0-17.066-6.023-31.632-18.069-43.7Zm-10.398 174.167-11.753-82.409a6.73 6.73 0 0 1 .595-3.916 6.713 6.713 0 0 1 2.654-2.936c15.508-9.36 23.262-23.094 23.262-41.206 0-13.273-4.685-24.603-14.054-33.988-9.37-9.386-20.68-14.079-33.93-14.079s-24.56 4.693-33.928 14.079c-9.37 9.385-14.055 20.715-14.055 33.988 0 18.112 7.755 31.847 23.263 41.206a6.713 6.713 0 0 1 2.654 2.936 6.73 6.73 0 0 1 .594 3.916l-11.752 82.409h66.45Z"></path></svg> 319 </button> 320 </li> 321 322 <li class="actions-list__item" id="menu-panel-icon"> 323 <button class="header__action-btn js-action-btn" data-target="nav-panel"> 324 <span class="visually-hidden">Menu</span> 325 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 212 212" class="actions-list__icon"><path d="M166.435 62H45.558C41.386 62 38 57.294 38 51.495S41.386 41 45.558 41h120.884c4.18 0 7.558 4.706 7.558 10.505-.007 5.799-3.386 10.495-7.565 10.495ZM173 106.5c0-5.796-3.379-10.5-7.558-10.5H44.558C40.386 96 37 100.704 37 106.5s3.386 10.5 7.558 10.5h120.891c4.172 0 7.551-4.704 7.551-10.5Zm0 54c0-5.806-3.379-10.5-7.558-10.5H44.558C40.386 150 37 154.694 37 160.5s3.386 10.5 7.558 10.5h120.891c4.172 0 7.551-4.694 7.551-10.5Z" fill="currentColor" fill-rule="nonzero"></path></svg> 326 </button> 327 </li> 328 329 </ul> 330 331 @helper renderSearch(Dynamicweb.Content.Area masterArea) 332 { 333 334 string searchPageUrl = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(GetInteger("DwAreaSearchPageID")); 335 string langCode = @GetGlobalValue("Global:Area.LongLang"); 336 string searchId = @GetString("DwAreaSearchPageID"); 337 string searchTranslate = Translate("Search", "Search"); 338 string testHtmx = System.Web.HttpContext.Current.Request["htmx"]; 339 string weglotLang = System.Web.HttpContext.Current.Request.Headers["weglot-language"]; 340 string urlLang = weglotLang != "" ? "/" + weglotLang : ""; 341 //ignore the default en code 342 urlLang = weglotLang == "en" ? "" : urlLang; 343 344 <script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script> 345 <script> 346 Weglot.initialize({ 347 api_key: 'wg_99b6e7269c4b828ebd027c6d488b55500', 348 translate_search: true, 349 search_forms: ".search", 350 search_parameter: "q" 351 }); 352 </script> 353 354 <form id="search-box" name="searchBox" action="Default.aspx" method="get"> 355 <div class="form-group flow-s"> 356 <input type="hidden" name="ID" value="@searchId"> 357 <input type="hidden" id="search-advanced-culture" value="@langCode"> 358 <input type="hidden" id="search-advanced-resultsurl" value="@searchPageUrl"> 359 <input type="hidden" id="Searchtype" value=""> 360 <input type="hidden" id="search-advanced-pageAreaId" value="@(masterArea.ID)"> 361 <input type="hidden" id="search-advanced-pagelanguage" name="areaLanguage" value="LANG1"> 362 363 364 <label for="InputSearch"><h5>@(searchTranslate)</h5></label> 365 366  367 @if ( true ) { 368 <p data-weglot="@weglotLang"> 369 <input type="search" id="InputSearch" class="search" name="q" placeholder="@(searchTranslate) HAGS" hx-get="@(urlLang)/snippets/suggestions?areaLanguage=LANG1" hx-params="q" hx-trigger="input[this.value.length > 3] changed delay:300ms,input[this.value.length == 0]" hx-target="#search-suggest"> 370 </p> 371 } 372 373 <button>@Translate("Go", "Go")</button> 374 </div> 375 </form> 376 377 <div class="header__action-area"> 378 <ul class="flow-xs" role="list" id="search-suggest"></ul> 379 </div> 380 } 381 382 <div class="header__action-panel" id="search-panel"> 383 <button class="header__action-btn header__action-btn--close js-panel-close"> 384 <span class="visually-hidden">Close</span> 385 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg> 386 </button> 387 <div class="header__action-copy flow-s"> 388 @renderSearch(masterArea) 389 </div> 390 </div> 391 392 393 @*if ( currentUser == "Kevin Lees" || currentUser == "Ian Mckay" )*@ 394 @if ( true ) 395 { 396 <div class="header__action-panel" id="hags-connect-panel"> 397 398 <button class="header__action-btn header__action-btn--close js-panel-close"> 399 <span class="visually-hidden">Close</span> 400 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg> 401 </button> 402 @{ 403 string thisPageID = @GetGlobalValue("Global:Page.ID"); 404 string hagsConnectTitle = @Translate("HAGS Connect", "HAGS Connect"); 405 } 406 407 <div class="header__action-copy flow-s"> 408 409 <h5>@hagsConnectTitle</h5> 410 411 <p>@Translate("HAGSConnectIntro", "A brief block of introductory copy about HAGS Connect.")</p> 412 413 @if (!String.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.UserName"))) 414 { 415 416 <p> 417 <strong>@Translate("Welcome", "Welcome"), @GetGlobalValue("Global:Extranet.FirstName")</strong> 418 </p> 419 420 @RenderNavigation(new{ 421 ParentTag = "MyHags", 422 Template = "simple-nav.xslt" 423 }) 424 425 <ul role="list" class="icon-list"> 426 <li> 427 <a href="/admin/Public/ExtranetLogOff.aspx?ID=@thisPageID"> 428 <img src="@(designBaseUrl)assets/svg-icons/connect/logout-icon-2.svg"> 429 <span>@Translate("SignOut", "Sign Out")</span> 430 </a> 431 </li> 432 </ul> 433 434 435 436 } 437 else 438 { 439 if (Dynamicweb.Configuration.SystemConfiguration.Instance.GetBoolean("/Globalsettings/System/MyHags/SSOLoginActive")) 440 { 441 <a href="/Admin/Public/Social/ExternalLogin.aspx?action=login&providerID=3">HAGS Connect Login</a> 442 } 443 } 444 445 </div> 446 </div> 447 } 448 449 450 @helper renderCountryList(string outputElement = "list") 451 { 452 // create a list of 'anonymous' objects to hold the weglot sites - move to site config at some point 453 var allCountries = new List<object> 454 { 455 new { Url = "https://hagsdev.hags.com", Image = "globe.svg", Title = "Global", Active = true }, 456 new { Url = "be-nl", Image = "be.svg", Title = "Belgium (Flemish)", Active = true }, 457 new { Url = "be-fr", Image = "be.svg", Title = "Belgium (French)", Active = true }, 458 new { Url = "zh", Image = "cn.svg", Title = "China", Active = true }, 459 new { Url = "hr", Image = "hr.svg", Title = "Croatia", Active = true }, 460 new { Url = "https://hags.dk/", Image = "dk.svg", Title = "Denmark", Active = true }, 461 new { Url = "et", Image = "ee.svg", Title = "Estonia", Active = true }, 462 new { Url = "fi", Image = "fi.svg", Title = "Finland", Active = true }, 463 new { Url = "fr", Image = "fr.svg", Title = "France", Active = true }, 464 new { Url = "de", Image = "de.svg", Title = "Germany", Active = true }, 465 new { Url = "hu", Image = "hu.svg", Title = "Hungary", Active = true }, 466 new { Url = "it", Image = "it.svg", Title = "Italy", Active = true}, 467 new { Url = "ja", Image = "jp.svg", Title = "Japan", Active = true}, 468 new { Url = "lv", Image = "lv.svg", Title = "Latvia", Active = true}, 469 new { Url = "nl", Image = "nl.svg", Title = "Netherlands", Active = true }, 470 new { Url = "no", Image = "no.svg", Title = "Norway", Active = true }, 471 new { Url = "pl", Image = "pl.svg", Title = "Poland", Active = true }, 472 new { Url = "sa", Image = "rs.svg", Title = "Serbia", Active = true }, 473 new { Url = "ko", Image = "kr.svg", Title = "South Korea", Active = true }, 474 new { Url = "es", Image = "es.svg", Title = "Spain", Active = true }, 475 new { Url = "https://hags.se/", Image = "se.svg", Title = "Sweden", Active = true }, 476 new { Url = "ch-de", Image = "ch.svg", Title = "Switzerland (German)", Active = true }, 477 new { Url = "tr", Image = "tr.svg", Title = "Turkey", Active = true}, 478 new { Url = "https://hags.co.uk/", Image = "gb.svg", Title = "United Kingdom", Active = true } 479 }; 480 481 // sort the list - the getType etc.. is because it's anonymous 482 //var sortedList = allCountries.OrderBy(item => item.GetType().GetProperty("Title").GetValue(item)).ToList(); 483 var sortedList = allCountries; 484 485 if ( outputElement == "list" ) 486 { 487 488 <ul class="icon-list" role="list"> 489 @foreach (var thisCountry in sortedList) 490 { 491 var thisActive = thisCountry.GetType().GetProperty("Active").GetValue(thisCountry); 492 var thisImage = thisCountry.GetType().GetProperty("Image").GetValue(thisCountry); 493 var thisTitle = thisCountry.GetType().GetProperty("Title").GetValue(thisCountry); 494 var thisUrl = thisCountry.GetType().GetProperty("Url").GetValue(thisCountry); 495 bool isActive = Convert.ToBoolean(thisActive); 496 497 if (isActive) 498 { 499 if ( thisTitle == "Global" ) { 500 <li> 501 <a href="@thisUrl" data-wg-notranslate=""> 502 <img src="/Files/Templates/Designs/Hags2024/icons/flags/@thisImage" alt="@thisTitle"> 503 <span data-wg-translate="">@thisTitle</span> 504 </a> 505 </li> 506 } 507 else 508 { 509 <li> 510 <a href="@thisUrl"> 511 <img src="/Files/Templates/Designs/Hags2024/icons/flags/@thisImage" alt="@thisTitle"> 512 <span>@thisTitle</span> 513 </a> 514 </li> 515 } 516 517 } 518 } 519 </ul> 520 } 521 } 522 523 524 525 526 <div class="header__action-panel" id="country-select-panel"> 527 528 <button class="header__action-btn header__action-btn--close js-panel-close"> 529 <span class="visually-hidden">Close</span> 530 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg> 531 </button> 532 <div class="header__action-copy flow-s"> 533 <h5>@Translate("SelectYourLocation", "Select your location")</h5> 534 <div class="header__action-area"> 535 @renderCountryList("list") 536 </div> 537 </div> 538 </div> 539 540 541 542 @using System; 543 @using System.Collections.Generic; 544 @using System.Linq; 545 @using Dynamicweb.Ecommerce.Variants; 546 @using HagsWeb.Library.BusinessObjects.UsersLists; 547 @using HagsWeb.Library.Methods.AssetManager; 548 @using HagsWeb.Library.Methods.ProductProperties; 549 @using HagsWeb.Library.State; 550 551 552 @helper renderMyCollectionPanel() 553 { 554 555 Dynamicweb.Frontend.PageView collectionPage = Dynamicweb.Frontend.PageView.Current() ?? Dynamicweb.Frontend.PageView.Current(); 556 Dynamicweb.Content.Area collectionArea = new Dynamicweb.Content.AreaService().GetArea(collectionPage.AreaID); 557 558 List<ProductCollectionItem> productCollectionItems = SessionManager.UsersMyProductCollection != null ? SessionManager.UsersMyProductCollection : new List<ProductCollectionItem>(); 559 560 bool isQuote = Convert.ToBoolean(collectionArea.Item["QuoteAndOrderChk"]); 561 bool isCatalog = true; // Always available; 562 string downloadingText = HagsWeb.Library.Utilities.DWUtilities.GetTranslation("Downloading...", "Downloading...", collectionArea.Culture); 563 int currentPage = collectionArea.ID; 564 string currentCollection = Dynamicweb.Context.Current.Request.QueryString.Get("collection"); 565 bool isLoggedIn = String.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.UserName")) ? false : true; 566 string designBaseUrl = GetString("Template:DesignBaseUrl"); 567 568 List<ProductAsset> imageFileList = new List<ProductAsset>(); 569 List<ProductAsset> dwgFileList = new List<ProductAsset>(); 570 List<ProductAsset> instructionsFileList = new List<ProductAsset>(); 571 string contactUsLink = HagsWeb.Library.Utilities.DWUtilities.GetPageByNavigationTag("ContactUs", currentPage); // /kontakta-oss?mode=quote#contactForms // /kontakta-oss?success=True&mode=quote#contactForms // restful url 572 573 string printShout = Translate("SaveOrPrint", "Save or Print your Product PDF "); 574 string altCopy = @Translate("RemoveFromCollection", "Remove from my collection"); 575 string removeCopy = @Translate("RemoveFromCollection", "Remove from my collection"); 576 577 <div class="collection flow"> 578 579 <input type="hidden" id="isQuote" value="@isQuote"> 580 <input type="hidden" id="downloadingText" value="@downloadingText"> 581 <input type="hidden" id="collectionCount" value="@productCollectionItems.Count"> 582 583 <div id="instns_MyProductCollection" class="flow-xs"> 584 @if (productCollectionItems.Any() || !string.IsNullOrEmpty(currentCollection)) 585 { 586 <p>@Translate("ProductCollectionButtonInstructionsNew", "Go to <strong>My Collection</strong> to download files, create quotes or print a product catalogue.")</p> 587 <a class="btn btn--outline" href="/my-collection">@Translate("MyCollection", "My Collection")</a> 588 } 589 else 590 { 591 <p>@Translate("product-collection-instructions-copy-new", "To add a product simply click on <strong>Add to my collection</strong> on any product page. Once you have added products to a collection you will be able to print a product catalogue, download installation guides, images and DWG files or request a quote.")</p> 592 593 } 594 </div> 595 596 <div class="collection__ui"> 597 598 <div class="main-panel"> 599 600 <div class="panel-listing" id="prods_MyProductCollection"> 601 602 @if (productCollectionItems.Any()) 603 { 604 foreach (ProductCollectionItem item in productCollectionItems) 605 { 606 <div class="product-card collection__item"> 607 608 <div class="product-card__actions in-collection"> 609 610 <button type="button" class="action-btn" data-removeproductlist="@(item.ProductNumber)"> 611 <span class="visually-hidden">@removeCopy</span> 612 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 212 212" class="h24-icon h24-icon--minus"><path fill="currentColor" fill-rule="evenodd" d="M106 6c55.193 0 100 44.807 100 100s-44.807 100-100 100S6 161.193 6 106 50.807 6 106 6Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C21.936 56.207 11.333 79.875 11.333 106c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C155.793 21.936 132.125 11.333 106 11.333Zm28.772 87.504a6.5 6.5 0 0 1 6.5 6.5v1a6.5 6.5 0 0 1-6.5 6.5h-57a6.5 6.5 0 0 1-6.5-6.5v-1a6.5 6.5 0 0 1 6.5-6.5h57Z"></path></svg> 613 </button> 614 615 </div> 616 617 <div class="product-card__img-silo"> 618 619 @if (item.ProductImageUrl != null && !String.IsNullOrEmpty(item.ProductUrlReference)) 620 { 621 <a href="@item.ProductUrlReference"> 622 <img src="@item.ProductImageUrl"> 623 </a> 624 } 625 else 626 { 627 <a href="@item.ProductUrlReference" class="product-card__missing"> 628 <img src="@(designBaseUrl)assets/img/h24-see-saw.svg"> 629 <span>No Image Available</span> 630 </a> 631 } 632 633 </div> 634 635 <div class="product-card__copy"> 636 637 <p class="product-card__heading"> 638 <a href="@item.ProductUrlReference">@(item.ProductName)</a> 639 </p> 640 641 <p>@item.ProductNumber</p> 642 643 @if (!string.IsNullOrEmpty(item.ProductVariantId)) 644 { 645 Tuple<string, string, string, string, string, string, List<VariantOption>> optionsTuple = ProductFieldValues.GetProductOptions(item.ProductVariantId, collectionArea.EcomLanguageId); 646 647 //optionsTuple.Item1; "Red" 648 //optionsTuple.Item2; "Above Ground" 649 //optionsTuple.Item3; "Wooden Post" 650 //optionsTuple.Item4; "Wooden Post / HPL Panels" 651 //optionsTuple.Item5; "A310.png" 652 //optionsTuple.Item6; "A310-diagram.png" 653 //optionsTuple.Item7; List<VariantOption> Not used here 654 655 } 656 657 </div> 658 659 </div> 660 } 661 } 662 663 </div> 664 665 </div> 666 667 </div>  668 669 <div class="cluster"> 670 @if (productCollectionItems.Any()) 671 { 672 foreach (var item in productCollectionItems) 673 { 674 foreach (ProductAsset asset in item.AssetDownloads.Where(n => n.Index == HagsWeb.Library.Methods.AssetManager.AssetTypeEnum.ToFriendlyAssetName(HagsWeb.Library.Methods.AssetManager.AssetType.Images) && n.FileName == item.ProductNumber + ".jpg" || n.FileName == item.ProductNumber + "_Side.jpg" || n.FileName == item.ProductNumber + "_Top.jpg").ToList()) 675 { 676 imageFileList.Add(asset); 677 } 678 679 foreach (ProductAsset asset in item.AssetDownloads.Where(n => n.Index == HagsWeb.Library.Methods.AssetManager.AssetTypeEnum.ToFriendlyAssetName(HagsWeb.Library.Methods.AssetManager.AssetType.Drawings)).ToList()) 680 { 681 dwgFileList.Add(asset); 682 } 683 684 foreach (ProductAsset asset in item.AssetDownloads.Where(n => n.Index == HagsWeb.Library.Methods.AssetManager.AssetTypeEnum.ToFriendlyAssetName(HagsWeb.Library.Methods.AssetManager.AssetType.AssemblyInstructions)).ToList()) 685 { 686 instructionsFileList.Add(asset); 687 } 688 } 689 690 <button class="btn btn--warn" type="button" data-removeproductlist="All">@Translate("RemoveAll", "Remove All")</button> 691 } 692 693 </div> 694 695 @if (isLoggedIn && productCollectionItems.Any()) 696 { 697 <div id="panelcollectiondetails" class="flow-xs"> 698 <h5><strong>@Translate("Save collection?", "Save collection?")</strong></h5> 699 <p>@Translate("You are logged in", "You are currently logged in to HAGS Connect so you can save this collection to your account.")</p> 700 <button class="btn btn--outline" role="button" data-open-modal="#saveCollection">@Translate("Save collection", "Save this Collection")</button> 701 </div> 702 } 703 else 704 { 705 if (!isLoggedIn && productCollectionItems.Any()) 706 { 707 <div id="panelcollectiondetails" class="flow-xs"> 708 <h5><strong>@Translate("Save collection?", "Save collection?")</strong></h5> 709 <p>@Translate("To save login", "To save this collection into your HAGS Connect simply login using the button below.")</p> 710 <a class="btn btn--outline" href="/Admin/Public/Social/ExternalLogin.aspx?action=login&providerID=3">HAGS Connect Login</a> 711 </div> 712 } 713 } 714 715 </div>  716 } 717 718 719 720 721 722 723 724 725 726 727 728 729 730 <div class="header__action-panel" id="collection-panel"> 731 732 <button class="header__action-btn header__action-btn--close js-panel-close"> 733 <span class="visually-hidden">Close</span> 734 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg> 735 </button> 736 737 <div class="header__action-copy flow-s"> 738 739 <h5>@Translate("MyProductCollection", "My Product Collection")</h5> 740 741 <div class="header__action-area" id="" hx-get="@(urlLangHeader)/snippets/my-collection-panel" hx-trigger="collectionChange from:document"> 742 743 @renderMyCollectionPanel() 744 745 </div> 746 747 </div> 748 749 </div> 750 751 752 <div class="header__action-panel" id="search-panel"> 753 <button class="header__action-btn header__action-btn--close js-panel-close"> 754 <span class="visually-hidden">Close</span> 755 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg> 756 </button> 757 <div class="header__action-copy flow-s"> 758 @renderSearch(masterArea) 759 </div> 760 </div> 761 762 <div class="header__action-panel" id="nav-panel"> 763 <button class="header__action-btn header__action-btn--close js-panel-close"> 764 <span class="visually-hidden">Close</span> 765 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg> 766 </button> 767 <div class="header__action-area"> 768 @RenderSnippet("navigation") 769 </div> 770 </div> 771 772 </div> 773 774 </div> 775 776 777 <div class="header__local-nav"> 778 779 @SnippetStart("navigation") 780 <nav class="nav"> 781  787 @GetValue("DwNavigation(mainnav)") 788 </nav> 789 @SnippetEnd("navigation") 790 791 @RenderSnippet("navigation") 792 793 @* This snippet generates the product listing links on levels 4 and 5 of the site *@ 794 @* In a snippet because these xslt built f*****s are only processed on PAGE templates not paragraph templates *@ 795 @* The snippet is then included in the relevant PARAGRAPH template *@ 796 797 @SnippetStart("nextLevel3Nav") 798 <section> 799 <div class="wrapper"> 800 @GetValue("DwNavigation(productlistingnavipema)") 801 </div> 802 </section> 803 @SnippetEnd("nextLevel3Nav") 804 805 @SnippetStart("nextLevelNav") 806 <section> 807 <div class="wrapper"> 808 @GetValue("DwNavigation(productlistingnav)") 809 </div> 810 </section> 811 @SnippetEnd("nextLevelNav") 812 813 </div></div></header> 814 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 815 816 817 818 <main class="flow-page" id="content">@GetValue("DwContent(content)")</main> 819 @if (GetLoop("Item.Area.Accreditation_Images").Count() > 0) 820 { 821 <section class="creds"> 822 <div class="wrapper"> 823 <ul class="creds__list" role="list"> 824  825 @foreach (var item in @GetLoop("Item.Area.Accreditation_Images")) 826 { 827 var imageUrl = item.GetString("Item.Area.Accreditation_Images.Image"); 828 var imageAlt = item.GetString("Item.Area.Accreditation_Images.Alternative_Text"); 829 string imageLink = item.GetString("Item.Area.Accreditation_Images.Link"); 830 var imageTitle = item.GetString("Item.Area.Accreditation_Images.Title"); 831 832 if (!string.IsNullOrWhiteSpace(imageLink)) 833 { 834 <li class="creds__item"> 835 <a href="@imageLink"> 836 <img class="creds__img" src="@imageUrl" alt="@imageAlt"> 837 </a> 838 </li> 839 } 840 else 841 { 842 <li class="creds__item"> 843 <img class="creds__img" src="@imageUrl" alt="@imageAlt" class="img-responsive"> 844 </li> 845 } 846 847 } 848 </ul> 849 </div> 850 </section> 851 } 852 853 <footer class="footer"> 854 <div class="inner-wrapper"> 855 856 <div class="footer__logo" itemscope="" itemtype="http://schema.org/Organization"> 857 <a href="Default.aspx?ID=@siteFirstPageId" itemprop="url"> 858 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 362 81" class="hags-logo"><path fill="currentColor" fill-rule="evenodd" d="M311.22.5c9.399 0 16.725 3.168 18.555 3.168.862 0 1.596-.243 2.697-1.338h2.558l2.318 19.692h-4.876c-2.697-9.846-10.513-16.292-19.911-16.292-6.837 0-11.97 3.65-11.97 8.39 0 11.187 20.279 13.258 33.958 26.873 5.004 4.986 6.951 10.214 6.951 16.05 0 12.648-11.47 22.618-26.006 22.618-9.77 0-18.687-3.888-20.887-3.888-1.1 0-1.952.611-2.562 1.947h-3.178L285.82 55.59v-.002h4.757c4.029 12.031 11.236 18.237 20.88 18.237 8.059 0 14.17-5.11 14.17-11.917 0-18.122-39.204-17.509-39.204-41.586C286.423 8.645 296.681.5 311.22.5Zm-75.498 0c7.426 0 13.874 1.484 18.765 2.7l.801.2c3.013.755 5.377 1.361 6.941 1.361 1.825 0 2.814-.492 3.66-1.586h3.055v22.253h-4.89c-3.29-12.4-12.575-19.7-25.28-19.7-17.337 0-29.31 13.622-29.31 33.318 0 19.946 12.584 34.778 29.56 34.778 4.638 0 9.77-1.215 13.068-3.157V53.883c0-6.078-2.561-7.419-15.022-7.662v-4.617h40.55v4.617h-.001c-6.474.124-8.675 2.068-8.675 7.662v18.12c-8.795 4.011-21.364 7.656-31.877 7.656-30.898 0-45.805-17.146-45.805-40.488C191.264 16.916 209.71.5 235.722.5ZM39.705 2.33v4.74h-1.712c-6.351 0-9.526 2.066-9.526 8.878v19.086h40.301V16.31c0-6.808-2.685-9.24-9.77-9.24h-1.1V2.33h39.083v4.74h-2.203c-6.223 0-9.156 2.308-9.156 8.878v48.153c0 6.318 2.322 9.116 9.403 9.116h1.956v4.74H57.899v-4.742h1.708c6.476 0 9.161-2.796 9.161-9.364V42.21h-40.3V64.1c0 6.445 2.565 9.117 9.4 9.117h1.837v4.74H.5v-4.742h2.073c6.235 0 9.04-2.796 9.04-8.873V15.948c0-6.08-2.685-8.878-9.156-8.878H.5V2.33h39.205ZM154.04.5l24.433 61.772c3.175 8.026 5.857 10.452 12.208 10.943v4.741h-39.693v-4.741h4.271c7.451 0 8.551-3.282 6.11-9.238l-5.741-14.107h-26.752l.005.003-5.125 14.226c-2.2 6.2-2.07 9.116 9.65 9.116h1.586v4.741h-32.37v-4.741h1.837c5.858 0 8.912-2.67 11.966-11.182L137.313 4.03 135.967.5h18.073ZM141.59 14.733l-10.26 28.448h21.492L141.59 14.733ZM352.674 2.62c1.114 0 2.164.213 3.148.64a8.412 8.412 0 0 1 2.58 1.726 8.042 8.042 0 0 1 1.743 2.562c.427.984.64 2.034.64 3.148a7.702 7.702 0 0 1-.64 3.131 8.097 8.097 0 0 1-1.743 2.544 8.158 8.158 0 0 1-2.58 1.708 8.02 8.02 0 0 1-3.148.623 8.02 8.02 0 0 1-3.15-.623 8.158 8.158 0 0 1-2.579-1.708 8.097 8.097 0 0 1-1.743-2.544 7.702 7.702 0 0 1-.64-3.13c0-1.115.213-2.165.64-3.15a8.042 8.042 0 0 1 1.743-2.561 8.412 8.412 0 0 1 2.58-1.726 7.827 7.827 0 0 1 3.149-.64Zm0 1.245c-.95 0-1.839.178-2.669.534a6.854 6.854 0 0 0-2.17 1.459 6.854 6.854 0 0 0-1.459 2.17 6.702 6.702 0 0 0-.533 2.668c0 .925.177 1.803.533 2.633a7.07 7.07 0 0 0 1.459 2.188 6.71 6.71 0 0 0 2.17 1.477c.83.356 1.72.534 2.669.534.948 0 1.838-.178 2.668-.534a6.71 6.71 0 0 0 2.17-1.477 7.07 7.07 0 0 0 1.46-2.188c.355-.83.533-1.708.533-2.633 0-.948-.178-1.838-.534-2.668a6.854 6.854 0 0 0-1.459-2.17 6.854 6.854 0 0 0-2.17-1.46 6.702 6.702 0 0 0-2.668-.533Zm.035 2.242.318.009c.316.017.625.062.928.133a3.3 3.3 0 0 1 1.085.463c.32.213.575.486.765.818.19.332.284.747.284 1.245 0 .664-.19 1.204-.569 1.619-.38.415-.89.694-1.53.836l2.455 3.985h-1.992l-2.135-3.807h-1.174v3.807h-1.637V6.107h3.202Zm-.07 1.387h-1.495v2.598h1.316a3.48 3.48 0 0 0 1.352-.267c.427-.178.64-.54.64-1.085 0-.499-.195-.83-.586-.997-.392-.166-.801-.249-1.228-.249Z"></path></svg> 859 </a> 860 </div> 861 862 <div class="footer__switcher"> 863 864 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Company_Name.Value"))) 865 { 866 <section class="footer-address" itemscope="" itemtype="http://schema.org/PostalAddress"> 867 <h4 class="footer__heading">@Translate("ContactUs", "Contact Us")</h4> 868 <p class="address"> 869 <span class="h-adr adr"> 870 <span class="fn p-org org">@GetString("Item.Area.Company_Name.Value")</span><br> 871 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Company_Address"))) 872 { 873 <span class="p-street-address street-address" itemprop="streetAddress">@GetString("Item.Area.Company_Address.Value")</span> 874 } 875 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Company_Address_2.Value"))) 876 { 877 <br><span class="p-street-address street-address" itemprop="streetAddress">@GetString("Item.Area.Company_Address_2.Value")</span> 878 } 879 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Town_City.Value"))) 880 { 881 <br> <span class="p-street-address street-address" itemprop="addressLocality">@GetString("Item.Area.Town_City.Value")</span> 882 } 883 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.County.Value"))) 884 { 885 <br><span class="p-street-address street-address" itemprop="addressRegion">@GetString("Item.Area.County.Value")</span> 886 } 887 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Postcode.Value"))) 888 { 889 <br><span class="p-street-address street-address" itemprop="postalCode">@GetString("Item.Area.Postcode.Value")</span> 890 } 891 </span> 892 </p> 893 <ul class="footer__list" role="list"> 894 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Contact_Email_Link"))) 895 { 896 string mailTo = "mailto:" + GetString("Item.Area.Contact_Email_Link"); 897 <li> 898 <a href="@mailTo"> 899 E: <span itemprop="email">@GetString("Item.Area.Contact_Email")</span> 900 </a> 901 </li> 902 } 903 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Telephone"))) 904 { 905 string telTo = "tel:" + GetString("Item.Area.Telephone"); 906 <li> 907 <a href="@telTo"> 908 T: <span itemprop="telephone">@GetString("Item.Area.Telephone")</span> 909 </a> 910 </li> 911 } 912 </ul> 913 </section> 914 } 915 916 <section> 917 <h4 class="footer__heading">@Translate("CompanyInformation", "Company Information")</h4> 918 <nav> 919 @GetValue("DwNavigation(footerpages)") 920 </nav> 921 922 @{ 923 int legalsLink = 0; 924 var legalsPage = HagsWeb.Library.Methods.Page.HagsPages.GetPageByNavigationTag("Legals", masterArea.ID); 925 if (legalsPage != null) 926 { 927 legalsLink = legalsPage.ID; 928 } 929 930 if (legalsLink > 0) 931 { 932 933 <ul class="footer__list" role="list"> 934 <li><a href="/Default.aspx?ID=@legalsLink">@Translate("PrivacyPolicy", "Privacy Policy")</a></li> 935 <li><a href="/Default.aspx?ID=@legalsLink">@Translate("CookieNotice", "Cookie Notice")</a></li> 936 <li><a href="/Default.aspx?ID=@legalsLink">@Translate("TermsConditions", "Terms & Conditions")</a></li> 937 </ul> 938 } 939 } 940 </section> 941 942 943 944 @if (GetString("Item.Area.Form_Provider") == "sharpspring-provider") 945 { 946 if (!String.IsNullOrWhiteSpace(GetString("Item.Area.Newsletter_Form_ID.Value"))) 947 { 948  949 <div class="sharpspring-provider"> 950 <h4 class="footer__heading">@Translate("JoinOurNewsletter", "Join our Newsletter")</h4> 951 @{ 952 string ss_src_newsletter = string.Format("https://{0}/client/form.js?ver=2.0.1", GetString("Item.Area.Contact_Form_Domain.Value")); 953 } 954  955 <script type="text/javascript"> 956 var ss_form = {'account': '@GetString("Item.Area.Contact_Form_Account_ID.Value")', 'formID': '@GetString("Item.Area.Newsletter_Form_ID.Value")'}; 957 ss_form.width = '100%'; 958 ss_form.domain = '@GetString("Item.Area.Contact_Form_Domain.Value")'; 959 // ss_form.hidden = {'field_id': 'value'}; // Modify this for sending hidden variables, or overriding values 960 // ss_form.target_id = 'target'; // Optional parameter: forms will be placed inside the element with the specified id 961 // ss_form.polling = true; // Optional parameter: set to true ONLY if your page loads dynamically and the id needs to be polled continually. 962 </script> 963 <script type="text/javascript" src="@ss_src_newsletter"></script> 964 </div> 965  966 } 967 } 968 969 @if (GetString("Item.Area.Form_Provider") == "apsis-provider") 970 { 971 if (!String.IsNullOrWhiteSpace(GetString("Item.Area.APSIS_Newsletter_Form_ID.Value"))) 972 { 973  974 <div class="apsis-provider"> 975 <h4 class="footer__heading">@Translate("JoinOurNewsletter", "Join our Newsletter")</h4> 976 @{ 977 string apsis_form = string.Format("afp-{0}", GetString("Item.Area.APSIS_Newsletter_Form_ID.Value")); 978 } 979 <script src="https://forms.apsisforms.com/formbuilder.js"></script> 980 <script> 981 (function() { 982 var form = new ApsisForms.FormbuilderInstance(); 983 form.init({ 984 formId: '@GetString("Item.Area.APSIS_Newsletter_Form_ID.Value")' 985 }); 986 })(); 987 </script> 988 <div class='@apsis_form'> </div> 989 </div> 990  991 } 992 } 993 <section> 994 <h4 class="footer__heading">@Translate("FindUs", "Find Us")</h4> 995 <ul class="footer__list"> 996  997 @foreach (var item in @GetLoop("Item.Area.Social_Media")) 998 { 999 var linkUrl = item.GetValue("Item.Area.Social_Media.Social_Link"); 1000 string linkTitle = item.GetString("Item.Area.Social_Media.Social_Icon"); 1001 string linkIcon = "/Files/Templates/Designs/HagsCore/res/img/icons/social/" + linkTitle + ".png"; 1002 <li><a href="@linkUrl" target="_blank">@linkTitle</a></li> 1003 } 1004 </ul> 1005 </section> 1006 1007 </div> 1008 </div> 1009 1010 1011 </footer> 1012 1013 @if ( false ) 1014 { 1015 if (GetString("Item.Area.Form_Provider") == "sharpspring-provider") 1016 { 1017 if (!String.IsNullOrWhiteSpace(GetString("Item.Area.Contact_Form_ID.Value"))) 1018 { 1019  1020 <div class="sharpspring-provider"> 1021 1022 <div id="sharpspring-form-message" class="sharpspring-form-message"> 1023 <div id="sharpspring-form-message-container" class="sharpspring-form-message-container active hide-help hide-help-2"> 1024 <p class="close-form"><a id="hide-sharpspring" href="#">X</a></p> 1025 <a id="open-sharpspring" class="btn" href="/en-us/play" role="button">@GetString("Item.Area.Contact_Button_CTA.Value")</a> 1026 </div> 1027 </div> 1028 1029 <div id="sharpspring-form-popup" class="overlay sharpspring-form-popup"> 1030 <div class="sharpspring-form-popup-container"> 1031 <p class="close-form"><a href="#" id="close-sharpspring">X</a></p> 1032 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 pop-up-information"> 1033 @{ 1034 string image = string.Format("{0}", GetString("Item.Area.Contact_Image.Value")); 1035 } 1036 <h4>@GetString("Item.Area.Contact_Headline.Value")</h4> 1037 @GetString("Item.Area.Contact_Copy.Value") 1038 <img src="@image" class="pop-up-image img-responsive"> 1039 </div> 1040 1041 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> 1042 @{ 1043 string ss_src = string.Format("https://{0}/client/form.js?ver=2.0.1", GetString("Item.Area.Contact_Form_Domain.Value")); 1044 } 1045  1046 <script type="text/javascript"> 1047 var ss_form = {'account': '@GetString("Item.Area.Contact_Form_Account_ID.Value")', 'formID': '@GetString("Item.Area.Contact_Form_ID.Value")'}; 1048 ss_form.width = '100%'; 1049 ss_form.domain = '@GetString("Item.Area.Contact_Form_Domain.Value")'; 1050 // ss_form.hidden = {'field_id': 'value'}; // Modify this for sending hidden variables, or overriding values 1051 // ss_form.target_id = 'target'; // Optional parameter: forms will be placed inside the element with the specified id 1052 // ss_form.polling = true; // Optional parameter: set to true ONLY if your page loads dynamically and the id needs to be polled continually. 1053 </script> 1054 <script type="text/javascript" src="@(ss_src)"></script> 1055 </div> 1056 </div> 1057 </div> 1058 </div> 1059  1060 } 1061 } 1062 1063 if (GetString("Item.Area.Form_Provider") == "apsis-provider") 1064 { 1065 if (!String.IsNullOrWhiteSpace(GetString("Item.Area.APSIS_Contact_Form_ID.Value"))) 1066 { 1067  1068 <div class="sharpspring-provider"> 1069 <div id="sharpspring-form-message" class="sharpspring-form-message"> 1070 <div id="sharpspring-form-message-container" style="display: none;" class="sharpspring-form-message-container active hide-help hide-help-2"> 1071 <p class="close-form"><a id="" href="#">X</a></p> 1072 <a id="open-sharpspring" class="btn" href="/en-us/play" role="button">@GetString("Item.Area.APSIS_Contact_Button_CTA.Value")</a> 1073 </div> 1074 </div> 1075 1076 <div id="sharpspring-form-popup" class="overlay sharpspring-form-popup"> 1077 <div class="sharpspring-form-popup-container"> 1078 <p class="close-form"><a href="#" id="close-sharpspring">X</a></p> 1079 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 pop-up-information"> 1080 @{ 1081 string image = string.Format("{0}", GetString("Item.Area.Contact_Image.Value")); 1082 } 1083 <h4>@GetString("Item.Area.APSIS_Contact_Headline.Value")</h4> 1084 @GetString("Item.Area.APSIS_Contact_Copy.Value") 1085 <img src="@image" class="pop-up-image img-responsive"> 1086 </div> 1087 1088 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> 1089 @{ 1090 string apsis_form = string.Format("afp-{0}", GetString("Item.Area.APSIS_Contact_Form_ID.Value")); 1091 } 1092 <script src="https://forms.apsisforms.com/formbuilder.js"></script> 1093 <script> 1094 (function() { 1095 var form = new ApsisForms.FormbuilderInstance(); 1096 form.init({ 1097 formId: '@GetString("Item.Area.APSIS_Contact_Form_ID.Value")' 1098 }); 1099 })(); 1100 </script> 1101 <div class='@apsis_form'> </div> 1102 </div> 1103 </div> 1104 </div> 1105 </div> 1106  1107 } 1108 } 1109 } 1110 1111 1112 @*IncludeFile("partials/footer-scripts.cshtml")*@ 1113 1114 <dialog class="modal" id="adviceModal"> 1115 1116 <div class="modal__body"> 1117 1118 <div class="modal__header"> 1119 1120 <div class="modal__close"> 1121 <button type="button" class="action-btn js-modal-close-target" data-target-id="adviceModal"> 1122 <span class="visually-hidden">Close</span> 1123 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg> 1124 </button> 1125 </div> 1126 1127 <h3 class="ts-2" id="advice-title"> 1128 <span>Information</span> 1129 </h3> 1130 1131 </div> 1132 1133 <div class="modal__main"> 1134 1135 <div id="result-advice" class="advice-message"></div> 1136 1137 </div> 1138 1139 <div class="modal__footer"> 1140 1141 <button type="button" class="btn btn--outline js-modal-close-target" data-target-id="adviceModal"> 1142 @Translate("Close", "Close") 1143 </button> 1144 1145 </div> 1146 1147 </div> 1148 1149 </dialog> 1150 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 1151 @using System.Collections.Generic 1152 @using HagsWeb.Library.BusinessObjects.UsersLists 1153 1154 @{ 1155 int currentAreaID = int.TryParse(GetGlobalValue("Global:Area.ID"), out currentAreaID) ? currentAreaID : 0; 1156 var currentArea = new Dynamicweb.Content.AreaService().GetArea(currentAreaID); 1157 1158 //List<ProductCollectionItem> productCollectionItems = SessionManager.UsersMyProductCollection != null ? SessionManager.UsersMyProductCollection : new List<ProductCollectionItem>(); 1159 1160 } 1161 1162 <dialog id="CreateCatalog" class="modal modal--full"> 1163 1164 <div class="modal__body"> 1165 1166 <div class="modal__header"> 1167 1168 <div class="modal__close"> 1169 <button type="button" class="action-btn js-modal-close-target" data-target-id="CreateCatalog"> 1170 <span class="visually-hidden">Close</span> 1171 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg> 1172 </button> 1173 </div> 1174 1175 <h4 class="modal-title" id="CreateCatalogModalLabel"> 1176 @Translate("CreateYourCatalog", "Create Your Catalogue") 1177 </h4> 1178 1179 </div>  1180 1181 <div class="modal__main"> 1182 1183 <div id="div_CreateCatalog" class="modal__pdf-grid"> 1184 1185 <div class="modal__forms"> 1186 1187 <form id="frm_CreateCatalog"> 1188 <input type="hidden" name="areaId" value="@(currentArea.ID)"> 1189 <input type="hidden" name="languageId" value="@currentArea.EcomLanguageId"> 1190 <input type="hidden" value="#CreateCatalog" name="catType"> 1191 <input type="hidden" name="weglotLang" value=""> 1192 <fieldset> 1193 <div> 1194 <label for="catHagsCatalogName">@Translate("HagsCatalogName", "Hags Catalog Name"):</label> 1195 <input type="text" class="form-control search-group" value="" name="catHagsCatalogName"> 1196 </div> 1197 1198 <label for="catHagsContactName">@Translate("HagsContactName", "Hags Contact Name"):</label> 1199 <input type="text" class="form-control search-group" value="" name="catHagsContactName"> 1200 1201 <label for="catHagsContactPhone">@Translate("HagsPhoneNumber", "Hags Phone Number"):</label> 1202 <input type="text" class="form-control search-group" value="" name="catHagsContactPhone"> 1203 1204 <label for="catHagsContactEmail">@Translate("HagsContactEmail", "Hags Contact Email"):</label> 1205 <input type="email" class="form-control search-group" value="" name="catHagsContactEmail"> 1206 1207 <label for="catCompanyName">@Translate("CompanyName", "Company Name"):</label> 1208 <input type="text" class="form-control search-group" value="" name="catCompanyName"> 1209 1210 <label for="catAddress">@Translate("CompanyAddress", "Company Address"):</label> 1211 <input type="text" class="form-control search-group" value="" name="catAddress"> 1212 1213 <input type="text" class="form-control search-group" value="" name="catAddress2"> 1214 1215 <label for="catAddrTown">@Translate("CompanyTown", "Company Town"):</label> 1216 <input type="text" class="form-control search-group" value="" name="catAddrTown"> 1217 1218 <label for="catAddrPostCode">@Translate("CompanyPostCode", "Company Postal Code"):</label> 1219 <input type="text" class="form-control search-group" value="" name="catAddrPostCode"> 1220 1221 <label for="catAddrCountry">@Translate("CompanyCountry", "Company Country"):</label> 1222 <input type="text" class="form-control search-group" value="" name="catAddrCountry"> 1223 1224 1225 </fieldset> 1226 </form> 1227 1228 1229 @*Switch Form here*@ 1230 1231 <form id="frm_CatalogEmailSettings" style="display:none"> 1232 <input type="hidden" name="pdfFileName" value=""> 1233 <input type="hidden" name="areaId" value="@currentAreaID"> 1234 <input type="hidden" name="weglotLang" value=""> 1235 1236 <fieldset> 1237 1238 <label for="emailFrom">@Translate("EmailFrom", "Email from"):</label> 1239 <input type="email" class="form-control search-group" name="emailFrom" required="" value=""> 1240 1241 <label for="emailTo">@Translate("EmailTo", "Email to"):</label> 1242 <input type="email" class="form-control search-group" name="emailTo" required="" value=""> 1243 1244 <label for="emailSubject">@Translate("EmailSubject", "Subject"):</label> 1245 <input type="text" class="form-control search-group" name="emailSubject" value=""> 1246 1247 <label for="emailMessage">@Translate("Message", "Message"):</label> 1248 <textarea class="form-control" name="emailMessage" cols="45" rows="7" value=""></textarea> 1249 1250 </fieldset> 1251 1252 <div name="emailProgressContent" style="display:none;"> 1253 <span id="CreateCatalogueEmailLabel" style="display: block; text-align: center; margin: auto;">@Translate("SendingYourEmail", "Sending your Email")</span> 1254 <img src="/Files/Templates/Designs/HagsCore/res/img/loader/ajax-loader.gif" style="margin: auto; display: block;"> 1255 </div> 1256 1257 <div name="emailProgress" style="display: none;"></div> 1258 1259 <div class="m-search-advanced-buttons text-right" name="preSendEmail" style="display: block;"> 1260 1261 <button class="btn btn--outline" name="emailcatalogue" type="button" role="button">@Translate("SendEmail", "Send Email")</button> 1262 <button class="btn btn--outline" style="display: none;" name="refreshemail" type="button" role="button">@Translate("Refresh", "Refresh")</button> 1263 <button class="btn btn--outline" name="cancelemail" type="button" role="button" data-modal-name="catalogue">@Translate("Cancel", "Cancel")</button> 1264 1265 </div> 1266 1267 1268 <div class="m-search-advanced-buttons text-center" name="downloadResend" style="display: none;"> 1269 1270 <button class="btn btn--outline" style="display: none;" name="resendcatalogue" type="button" role="button">@Translate("SendEmail", "Send Email")</button> 1271 <button class="btn btn--outline" style="margin: 2px;" name="refreshemail" type="button" role="button">@Translate("ClearFormSendAgain", "Clear form and send again")</button><br> 1272 <a href="" class="btn btn--outline" name="pdfDownloadLink" download="">@Translate("DownloadCatalogue", "Download Catalogue")</a> 1273 <button class="btn btn--outline js-modal-close-target" data-target-id="CreateCatalog" type="button">@Translate("CloseWindow", "Close Window")</button> 1274 1275 </div> 1276 1277 </form> 1278 1279 <script> 1280 $("#frm_CatalogEmailSettings").validate(); 1281 </script> 1282 1283 </div> 1284 1285 <div id="loader" style="display:none;text-align:center;position:absolute;left:61%;"> 1286 <span id="CreateCataloguePdfLabel" style="display: inline-block;margin: 10px 10px 0 0;padding: 5px 10px"></span> 1287 <img src="/Files/Templates/Designs/Hags2024/assets/img/loader/ajax-loader.gif" style="margin:auto;display:block;"> 1288 </div> 1289 1290 <div id="pdfViewer" class="modal__embed-silo"></div> 1291 1292 </div> 1293 1294 </div>  1295 1296 1297 <div class="modal__footer"> 1298 1299 <div class="m-search-advanced-buttons cluster cluster--dialog"> 1300 1301 <button class="btn btn--outline" name="updatecatalogue" role="button" type="button"> 1302 @Translate("UpdateCatalogue", "Update Catalog") 1303 </button> 1304 1305 1306 1307 <button class="btn btn--outline" name="createemail" data-modal-name="catalogue" type="button" role="button">@Translate("EmailCatalogue", "Email Catalogue")</button> 1308 <button class="btn btn--outline" id="pdfPrintCatalogue" target="_blank" type="button">@Translate("Print", "Print")</button> 1309 <a class="btn btn--outline" href="#" id="pdfDownloadCatalogue" type="button" download="">@Translate("Download", "Download")</a> 1310 <button class="btn btn--outline js-modal-close-target" data-target-id="CreateCatalog" type="button">@Translate("Close", "Close")</button> 1311 1312 </div> 1313 1314 </div>  1315 1316 </div> 1317 1318 </dialog> 1319 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 1320 @using HagsWeb.Library.State; 1321 @using HagsWeb.Library.BusinessObjects.UsersLists; 1322 @{ 1323 1324 int saveCollectionAreaID = HagsWeb.Library.Utilities.WebUtilities.CheckInteger(GetGlobalValue("Global:Area.ID")); 1325 Dynamicweb.Content.Page saveCollectionMyHagsRegistrationPage = HagsWeb.Library.Methods.Page.HagsPages.GetPageByNavigationTag("CreateAccountPage", saveCollectionAreaID); 1326 1327 bool savecollection = bool.Parse(string.IsNullOrEmpty(Dynamicweb.Context.Current.Request.QueryString.Get("savecollection")) ? "false" : Dynamicweb.Context.Current.Request.QueryString.Get("savecollection")); 1328 1329 string areaLanguage = GetGlobalValue("Global:Area.Lang"); 1330 1331 EditCollection editSession = new EditCollection(); 1332 if (SessionManager.IsSessionValueSet("EditCollectionSession_" + GetGlobalValue("Global:Extranet.UserID"))) 1333 { 1334 editSession = (EditCollection)SessionManager.GetSessionItem("EditCollectionSession_" + GetGlobalValue("Global:Extranet.UserID")); 1335 } 1336 1337 string currentCollectionName = string.Empty; // Dynamicweb.Context.Current.Request.QueryString.Get("collection"); 1338 string currentCollectionDescription = string.Empty; 1339 string currentCollectionOriginalFileName = string.Empty; 1340 if (editSession != null) 1341 { 1342 currentCollectionName = editSession.CollectionName; 1343 currentCollectionDescription = editSession.CollectionDescription; 1344 currentCollectionOriginalFileName = editSession.OriginalFileName; 1345 } 1346 1347 bool isLoggedIn = false; 1348 if (!String.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.UserName"))) 1349 { 1350 isLoggedIn = true; 1351 } 1352 1353 string saveCollectionValidationMessages = string.Format("messages_{0}.min.js", GetGlobalValue("Global:Area.Lang")); 1354 string saveCollectionAreaLanguage = GetGlobalValue("Global:Area.Lang"); 1355 string saveCollectionLoginPageId = GetGlobalValue("Global:Page.ID"); 1356 string UserId = GetGlobalValue("Global:Extranet.UserID"); 1357 //string designBaseUrl = GetString("Template:DesignBaseUrl"); 1358 1359 // Notes: for the Forgotten Password we now are just advising the user to contact their local office for a reset 1360 // We do however maintain the original code as is for when they change their mind back again! 1361 } 1362 1363 1364 @*@Scripts.Render("~/bundle/Validation")*@ 1365 1366 <dialog class="modal" id="saveCollection"> 1367 1368 @if (areaLanguage != "en") 1369 { 1370 <script src="@(designBaseUrl)assets/js/libraries/validation/localization/@saveCollectionValidationMessages"></script> 1371 } 1372 1373 <div class="modal__body"> 1374 1375 <div class="modal__header"> 1376 1377 <div class="modal__close"> 1378 <button type="button" class="action-btn js-modal-close-target" data-target-id="saveCollection"> 1379 <span class="visually-hidden">Close</span> 1380 <svg viewbox="0 0 212 212" xmlns="http://www.w3.org/2000/svg" class="h24-icon h24-icon--close"><path d="M100 0c55.193 0 100 44.807 100 100s-44.807 100-100 100S0 155.193 0 100 44.807 0 100 0Zm0 5.333c-26.124 0-49.792 10.603-66.928 27.74C15.936 50.207 5.333 73.875 5.333 100c0 26.124 10.603 49.792 27.74 66.928 17.135 17.136 40.803 27.739 66.927 27.739 26.124 0 49.792-10.603 66.928-27.74 17.136-17.135 27.739-40.803 27.739-66.927 0-26.124-10.603-49.792-27.74-66.928C149.793 15.936 126.125 5.333 100 5.333Zm25.105 78.865L110.17 99.664l15.466 14.935a6.5 6.5 0 0 1 .16 9.191l-.694.72a6.5 6.5 0 0 1-9.191.16l-15.466-14.935-14.935 15.466a6.5 6.5 0 0 1-9.191.16l-.72-.694a6.5 6.5 0 0 1-.16-9.191l14.935-15.466-15.466-14.935a6.5 6.5 0 0 1-.16-9.191l.694-.72a6.5 6.5 0 0 1 9.191-.16L100.1 89.939l14.935-15.466a6.5 6.5 0 0 1 9.191-.16l.72.694a6.5 6.5 0 0 1 .16 9.191Z" fill="currentColor" fill-rule="evenodd"></path></svg> 1381 </button> 1382 </div> 1383 1384 <h3 class="ts-2"> 1385 @Translate("SaveMyHagsCollection", "Save HAGS Connect Collection") 1386 </h3> 1387 1388 </div> 1389 1390 <div class="modal__main"> 1391 1392 <input type="hidden" id="action" value=""> 1393 1394 <form role="form" method="post" id="saveCollectionForm" action=""> 1395 1396 <input type="hidden" name="UserId" value="@UserId"> 1397 <input type="hidden" name="OriginalFileName" value="@currentCollectionOriginalFileName"> 1398 1399 <div class="form-group"> 1400 <label for="collectionName">@Translate("CollectionName", "Name of Collection") <sup>*</sup></label> 1401 <input type="text" class="form-control" name="CollectionName" value="@currentCollectionName" required="" placeholder='@Translate("CollectionName", "Name of Collection")'> 1402 </div> 1403 1404 <div class="form-group"> 1405 <label for="collectionDescription">@Translate("CollectionDescription", "Description") <sup>*</sup></label> 1406 <textarea type="text" class="form-control" rows="4" cols="50" name="CollectionDescription" required="" placeholder='@Translate("CollectionDescription", "Description")'>@currentCollectionDescription</textarea> 1407 </div> 1408 1409 <div id="resultAdvice"></div> 1410 1411 </form> 1412 1413 1414 <script> 1415 //$("#saveCollectionloginForm").validate(); 1416 $("#saveCollectionForm").validate(); 1417 </script> 1418 1419 </div> 1420 1421 1422 <div class="modal__footer"> 1423 1424 <button type="submit" id="save" name="savecollection" class="btn btn--outline">@Translate("Save", "Save")</button> 1425 <button type="button" id="continue" name="modalclose" class="btn btn--outline js-modal-close-target" data-target-id="saveCollection">@Translate("Close", "Close")</button> 1426  1427 1428 </div> 1429 1430 </div> 1431 1432 </dialog> 1433 1434 } 1435 1436 1437 @* this snippet is from the case studies item listing *@ 1438 @RenderSnippet("bodyScripts") 1439 1440 1441 @SnippetStart("bodyScripts") 1442 1443 @* my collection scripts *@ 1444 1445 <script type="text/javascript" src="@(designBaseUrl)assets/js/libraries/filesaver/filesaver.min.js"></script> 1446 <script type="text/javascript" src="@(designBaseUrl)assets/js/functions/product-collection.js?v=1.2&ts=@unixTimestamp"></script> 1447 @* <script type="text/javascript" src="@(designBaseUrl)assets/js/functions/product-collection.js?v=1.2&ts=@jsTimestamp"></script>*@ 1448 1449 @* contact form scripts *@ 1450 <script type="text/javascript" src="@(designBaseUrl)assets/js/functions/contact-us-forms.js"></script> 1451 1452 1453 @* load the embla carousel script *@ 1454 <script data-cookieconsent="ignore" type="text/javascript" src="@(designBaseUrl)assets/js/libraries/embla/embla-carousel.umd.js"></script> 1455 <script data-cookieconsent="ignore" type="text/javascript" src="@(designBaseUrl)assets/js/libraries/embla/embla-carousel-fade.umd.js"></script> 1456 1457  1458 @SnippetEnd("bodyScripts") 1459 1460 </body> 1461 </html> 1462 1463 1464