Error executing template "Designs/Tefcold/_parsed/Basic_News.parsed.cshtml"
System.InvalidOperationException: Collection was modified; enumeration operation may not execute.
   at System.ThrowHelper.ThrowInvalidOperationException(ExceptionResource resource)
   at System.Collections.Generic.List`1.Enumerator.MoveNextRare()
   at Dynamicweb.Ecommerce.Frontend.NavigationProviders.GroupNavigationProvider.MakeGroupTree(GroupCollection groups, Page page, NavigationItem parentNode, Int32 thisLevel, Int32 maxLevel, Page productPage)
   at Dynamicweb.Ecommerce.Frontend.NavigationProviders.GroupNavigationProvider.MakeGroupTree(Page page, NavigationItem parentNode)
   at Dynamicweb.Ecommerce.Frontend.NavigationProviders.GroupNavigationProvider.Process(NavigationItem node)
   at Dynamicweb.Ecommerce.Frontend.NavigationProviders.GroupNavigationProvider.ProcessTree(RootNavigationItem rootNode, NavigationType navigationType)
   at Dynamicweb.Frontend.XmlNavigation.MakeXml(Int32 parentId, Int32 levelStart, Int32 levelStop, Expand expand, Int32 selectedAreaId)
   at Dynamicweb.Frontend.XmlNavigation.GetNavigationHtml(Int32 parentId, Int32 levelStart, Int32 levelStop, Expand expand, String name, String xsltPath, Int32 selectedAreaId, Boolean sitemapMode, NameValueCollection settings, NameValueCollection attributes, IncludeMode mode)
   at Dynamicweb.Frontend.XmlNavigation.GetNavigationHtml(NameValueCollection settings, NameValueCollection attributes)
   at Dynamicweb.Rendering.TemplateBase`1.RenderNavigation(Object settings)
   at CompiledRazorTemplates.Dynamic.RazorEngine_59a312a6c4d34ed7a9bed8fea216cbbf.Execute() in E:\Solutions\Live\Tefcold.Web\Files\Templates\Designs\Tefcold\_parsed\Basic_News.parsed.cshtml:line 591
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()

1 @using System.Globalization 2 @using Dynamicweb 3 @using Dynamicweb.Content 4 @using Dynamicweb.Frontend; 5 @using Dynamicweb.Security.UserManagement 6 @using NLWI.Core.Factory 7 @using NORRIQ.SalesPersonLogin.Services 8 @using Dynamicweb.Ecommerce.International 9 @using Tefcold.Web.CustomCode.Extensions 10 @using Tefcold.Web.CustomCode.Items.Properties 11 @using Tefcold.Web.CustomCode.Items.Settings 12 @using Tefcold.Web.CustomCode.LanguageSwitch 13 @using Tefcold.Web.CustomCode.Razor 14 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 15 @{ 16 //Heine: Understående kan bruges såfremt der skal tjekkes på om man er i impersonation mode: 17 var isImpersonating = ImpersonationService.IsCurrentlyImpersonating(); 18 var locationName = Pageview.User?.Name; 19 var websiteSettings = Pageview.Area.Item.ToCodeFirstItem<Websites>(); 20 LanguageService languageService = new LanguageService(); 21 var languagesJson = Newtonsoft.Json.JsonConvert.SerializeObject(languageService.GetLanguages()); 22 } 23 24 <!DOCTYPE html> 25 <html lang="@Pageview.Area.Culture"> 26 <head> 27 <meta charset='utf-8' /> 28 <meta name="description" content="@Model.Description" /> 29 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes, shrink-to-fit=no" /> 30 <meta http-equiv="x-ua-compatible" content="ie=edge"> 31 @if (Model.Area.Item.GetBoolean("NoIndex")) 32 { 33 <!-- TODO: remove on launch--> 34 <meta name="robots" content="noindex, nofollow" /> 35 } 36 37 @if (!string.IsNullOrWhiteSpace(websiteSettings.HeaderScript)) 38 { 39 @websiteSettings.HeaderScript 40 } 41 42 @if (!string.IsNullOrWhiteSpace(websiteSettings.GoogleTagManagerId)) 43 { 44 <script> 45 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 46 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 47 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 48 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 49 })(window,document,'script','dataLayer','@websiteSettings.GoogleTagManagerId'); 50 </script> 51 } 52 53 <!-- Begin Mailchimp Signup Form --> 54 <link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css"> 55 <style type="text/css"> 56 #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } 57 /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block. 58 We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ 59 60 </style> 61 62 <title>@Model.Title</title> 63 @Model.MetaTags 64 @if (Model.Area.Item.GetFile("Icon") != null) 65 { 66 <link href="@Model.Area.Item.GetFile("Icon").Path" rel="icon" type="image/png"> 67 } 68 <link rel="preload" href="@NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/css/Tefcold-min.css")" as="style" /> 69 <link rel="stylesheet" async href="@NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/css/Tefcold-min.css")" /> 70 @*<link href="/Files/dist/css/Tefcold-min.css" rel="stylesheet" />*@ 71 </head> 72 <body> 73 @if (!string.IsNullOrWhiteSpace(websiteSettings.GoogleTagManagerId)) 74 { 75 <!-- Google Tag Manager (noscript) --> 76 <noscript> 77 <iframe src="https://www.googletagmanager.com/ns.html?id=@websiteSettings.GoogleTagManagerId" 78 height="0" width="0" style="display: none; visibility: hidden"></iframe> 79 </noscript> 80 <!-- End Google Tag Manager (noscript) --> 81 } 82 <div id="app"> 83 @{ 84 string basicNavbarPrefix = "Header "; 85 var logo = Model.Area.Item.GetFile("Logo"); 86 var currencyCode = Pageview.User?.Currency ?? Pageview.Area.EcomCurrencyId; 87 } 88 <header class="basic_navbar@(websiteSettings.EcomNav ? " has-groupsnavbar":"")" id="header"> 89 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("Notice"))) 90 { 91 <div class="notice-bar"> 92 <div class="basic_navbar-container"> 93 <p class="text-center">@Model.Area.Item.GetString("Notice")</p> 94 </div> 95 </div> 96 } 97 @if (isImpersonating) 98 { 99 <div class="impersonation-bar"> 100 <div class="basic_navbar-container"> 101 <p> 102 @Translate(basicNavbarPrefix + "debitor", "Debitor"): <b>@locationName</b> | <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("impersonation-choose-customer")?action=changeuser">@Translate("Change customer")</a> 103 </p> 104 </div> 105 </div> 106 } 107 <div class="basic_navbar-main"> 108 <div class="basic_navbar-container"> 109 <a href="/" class="basic_navbar-logo" title="@Translate(basicNavbarPrefix + "Go to frontpage", "Go to frontpage")"> 110 @if (logo != null) 111 { 112 <img class="img-fluid" src="@logo.Path" alt="@Translate(basicNavbarPrefix + "Website Logo Alttext", "Website Logo Alttext")" /> 113 } 114 else 115 { 116 <i>@Translate(basicNavbarPrefix + "No logo found", "No logo found, please configure it in the Dynamicweb Administration")</i> 117 } 118 </a> 119 <collapse-hack inline-template> 120 <b-collapse class="basic_navbar-navigation" id="basic_navigation" tag="@(websiteSettings.EcomNav ? "div" : "nav")"> 121 @if (!websiteSettings.EcomNav) 122 { 123 @RenderNavigation(new { Template = "basic_navbar.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4 }) 124 } 125 else 126 { 127 @RenderNavigation(new { Template = "basic_navbar-extreme.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4 }) 128 } 129 <ul class="basic_navbar-subnav"> 130 <li> 131 <button type="button" 132 v-b-toggle.languages 133 aria-label="@Translate(basicNavbarPrefix + "Choose Language", "Choose Language")" 134 title="@Translate(basicNavbarPrefix + "Choose Language", "Choose Language")"> 135 <img src="/Admin/Public/GetImage.ashx?Width=32&amp;Compression=85&amp;Format=webp&amp;Quality=85&amp;Image=@Pageview.Area.Flag32X32" alt="@Pageview.Area.CultureInfo.EnglishName" /> 136 <span class="sr-only">@Pageview.Area.CultureInfo.EnglishName</span> 137 </button> 138 </li> 139 <li> 140 <button v-b-toggle.contacts 141 type="button" 142 aria-label="@Translate(basicNavbarPrefix + "Show contacts", "Show contacts")" 143 title="@Translate(basicNavbarPrefix + "Show contacts", "Show contacts")"> 144 <svg> 145 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#phone-alt"></use> 146 </svg> 147 <span class="sr-only">@Translate(basicNavbarPrefix + "Contacts", "Contacts")</span> 148 </button> 149 </li> 150 <li> 151 <button v-b-toggle.customer-center 152 type="button" 153 aria-label="@Translate(basicNavbarPrefix + "Show Webshop Login", "Show Webshop Login")" 154 title="@Translate(basicNavbarPrefix + "Show Webshop Login", "Show Webshop Login")"> 155 @if (Pageview.User == null) 156 { 157 <svg> 158 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#user"></use> 159 </svg> 160 } 161 else 162 { 163 <svg style="width: 30px; height: 30px;"> 164 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#user-check"></use> 165 </svg> 166 } 167 <span class="sr-only">@Translate(basicNavbarPrefix + "Login", "Login")</span> 168 </button> 169 </li> 170 @if (Pageview.User != null) 171 { 172 <li> 173 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("quickorder")" title="@Translate(basicNavbarPrefix + "Quickorder", "Quickorder")"> 174 <svg width="28px" height="28px"> 175 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#quickorder"></use> 176 </svg> 177 <span class="sr-only">@Translate(basicNavbarPrefix + "Quickorder", "Quickorder")</span> 178 </a> 179 </li> 180 } 181 @if (Pageview.User != null && Pageview.User.AllowMediaBank()) 182 { 183 @*<media-bank inline-template> 184 <li> 185 <form id="mediabankform" action="https://imagebank.tefcold.com/Home/LoginUser" method="post"> 186 <input id="mediabankformname" type="hidden" name="username" /> 187 <input id="mediabankformpassword" type="hidden" name="password" /> 188 <input type="hidden" value="false" name="persistent" /> 189 </form> 190 <a v-on:click="connect($event)" href="#" title="@Translate(basicNavbarPrefix + "Mediabank", "Mediabank")"> 191 <svg width="28px" height="28px" fill="currentColor"> 192 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#photo-video"></use> 193 </svg> 194 <span class="sr-only">@Translate(basicNavbarPrefix + "Mediabank", "Mediabank")</span> 195 </a> 196 </li> 197 </media-bank>*@ 198 <li> 199 <a href="@Translate(basicNavbarPrefix + "Mediabank Link", "http://media.tefcold.com")" target="_blank" title="@Translate(basicNavbarPrefix + "Mediabank", "Mediabank")"> 200 <svg width="28px" height="28px" fill="currentColor"> 201 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#photo-video"></use> 202 </svg> 203 <span class="sr-only">@Translate(basicNavbarPrefix + "Mediabank", "Mediabank")</span> 204 </a> 205 </li> 206 } 207 <li> 208 <button type="button" 209 class="btn-close" 210 @@click="collapseAll" 211 aria-label="@Translate(basicNavbarPrefix + "Close Navigation", "Close Navigation")" 212 title="@Translate(basicNavbarPrefix + "Close Navigation", "Close Navigation")"> 213 <span></span> 214 <span></span> 215 </button> 216 </li> 217 </ul> 218 </b-collapse> 219 </collapse-hack> 220 @if (websiteSettings.SearchAheadActivated) 221 { 222 <instant-search base-class="basic_navbar-search" :min-search-length="@websiteSettings.KeyStrokes" :number-of-hits="@websiteSettings.SearchHits" :product-search-paragraph-id="@websiteSettings.ProductSearchParagraphId" 223 :content-search-paragraph-id="@websiteSettings.ContentSearchParagraphId"></instant-search> 224 } 225 else 226 { 227 228 <form class="basic_navbar-search" action="/Default.aspx"> 229 <search-shortcut inline-template> 230 <div style="display: none"></div> 231 </search-shortcut> 232 <label for="productsearch">Search</label> 233 <input name="ID" type="hidden" value="@NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag("searchresult")"> 234 <input name="PageSize" type="hidden" value="99" /> 235 <input type="search" placeholder="@Translate(basicNavbarPrefix + "Search", "Search")" id="productsearch" name="productsearch"> 236 <button type="submit"> 237 <span class="sr-only">@Translate(basicNavbarPrefix + "Search", "Search")</span> 238 <svg> 239 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#search"></use> 240 </svg> 241 </button> 242 </form> 243 } 244 245 <ul class="basic_navbar-functions"> 246 <li class="basic_navbar-languages relative"> 247 <button type="button" v-b-toggle.languages aria-label="@Translate(basicNavbarPrefix + "Choose Language", "Choose Language")" title="@Translate(basicNavbarPrefix + "Choose Language", "Choose Language")"> 248 <span class="sr-only">@Pageview.Area.CultureInfo.EnglishName</span> 249 @if (Pageview.Area.Culture == "en-GB") 250 { 251 <img src="/Admin/Public/GetImage.ashx?Width=32&amp;Compression=85&amp;Format=webp&amp;Quality=85&amp;Image=/Files/Images/globe-flag.png" alt="@Pageview.Area.Culture - Flag" width="32" height="32" /> 252 } 253 else 254 { 255 <img src="/Admin/Public/GetImage.ashx?Width=32&amp;Compression=85&amp;Format=webp&amp;Quality=85&amp;Image=@Pageview.Area.Flag32X32" alt="@Pageview.Area.Culture - Flag" width="32" height="32" /> 256 } 257 @*@if (Pageview.Area.Culture == "en-GB") 258 { 259 <svg width="32" height="32" fill="currentColor"> 260 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#globe"></use> 261 </svg> 262 } 263 else 264 { 265 <img src="@Pageview.Area.Flag32X32" alt="@Pageview.Area.Culture - Flag" /> 266 }*@ 267 </button> 268 <b-collapse id="languages" class="basic_navbar-dropdown" accordion="header" v-auto-close> 269 <div class="basic_navbar-body languages-dropdown"> 270 <ul class="master-area"> 271 <li class="head"> 272 @if (Pageview.AreaID == 12 || Pageview.AreaID == 13) 273 { 274 <strong>@Translate(basicNavbarPrefix + "Tefcold Cz Languages", "TEFCOLD CZ s.r.o.")</strong> 275 } 276 else 277 { 278 <strong>@Translate(basicNavbarPrefix + "Tefcol Group Languages", "TEFCOLD A/S")</strong> 279 } 280 </li> 281 @foreach (var lang in Model.Languages) 282 { 283 @RenderLanguage(lang) 284 } 285 </ul> 286 <ul class="sub-area"> 287 288 @foreach (var masterArea in Dynamicweb.Services.Areas.GetMasterAreas().Where(a => !Model.Languages.Any(s => a.ID == s.ID))) 289 { 290 <li class="head"> 291 @if (Pageview.AreaID == 12 || Pageview.AreaID == 13) 292 { 293 <strong>@Translate(basicNavbarPrefix + "Tefcol Group Languages", "TEFCOLD A/S")</strong> 294 } 295 else 296 { 297 <strong>@Translate(basicNavbarPrefix + "Tefcold Cz Languages", "TEFCOLD CZ s.r.o.")</strong> 298 } 299 </li> 300 if (Pageview.AreaID != masterArea.ID) 301 { 302 <li class="@masterArea.ID"> 303 @renderArea(masterArea, websiteSettings) 304 </li> 305 } 306 foreach (var lang in masterArea.Languages.Where(s => s.Active && s.ID != Pageview.AreaID)) 307 { 308 <li class="is-lang"> 309 @renderArea(lang, websiteSettings) 310 </li> 311 } 312 } 313 314 </ul> 315 <ul class="uk-area"> 316 <li class="head"><strong>@Translate(basicNavbarPrefix + "Tefcol UK Languages", "TEFCOLD UK")</strong></li> 317 <li> 318 <a href="@Translate(basicNavbarPrefix + "Tefcold UK Url", "//tefcold.co.uk")" target="_blank"> 319 320 <img src="/Admin/Public/GetImage.ashx?Width=32&amp;Compression=85&amp;Format=webp&amp;Quality=85&amp;Background=dee0e2&amp;Image=/Admin/Images/Flags/flag_GB.png" alt="en-GB - Flag" loading="lazy" /> 321 <span>@Translate(basicNavbarPrefix + "Tefcold UK Label", "tefcold.co.uk")</span> 322 </a> 323 </li> 324 </ul> 325 </div> 326 </b-collapse> 327 </li> 328 <li class="basic_navbar-contacts @(Pageview.User != null ? "static" : "relative")"> 329 <button v-b-toggle.contacts 330 type="button" 331 aria-label="@Translate(basicNavbarPrefix + "Show contacts", "Show contacts")" 332 title="@Translate(basicNavbarPrefix + "Show contacts", "Show contacts")"> 333 <svg> 334 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#phone-alt"></use> 335 </svg> 336 <span class="sr-only">@Translate(basicNavbarPrefix + "Contacts", "Contacts")</span> 337 </button> 338 @{ 339 var impersonationGroupId = websiteSettings.ImpersonationGroup.FirstOrDefault(); 340 IEnumerable<User> users = null; 341 IEnumerable<User> salesPersons = new List<User>(); 342 if (Pageview.User != null) 343 { 344 var salesPersonCode = Pageview.User.CustomFieldValues.FirstOrDefault(field => field.CustomField.Name == "Sales Person Code"); 345 var salesPersonsInitials = salesPersonCode?.Value?.ToString().Split(',') ?? new string[] { }; 346 salesPersonsInitials = salesPersonsInitials.Select(x => x.ToLower()).ToArray(); 347 348 if (!string.IsNullOrEmpty(impersonationGroupId)) 349 { 350 users = Group.GetGroupByID(int.Parse(impersonationGroupId)).Users; 351 } 352 if (users == null || Pageview.User == null) 353 { 354 salesPersons = new List<User>(); 355 } 356 else 357 { 358 salesPersons = users.Where(user => salesPersonsInitials.Contains(user.Email.ToLower().Split('@').FirstOrDefault() ?? "")); 359 } 360 } 361 362 } 363 <b-collapse id="contacts" class="@(Pageview.User != null ? "basic_navbar-megamenu" : "basic_navbar-dropdown")" v-auto-close accordion="header"> 364 <div class="basic_navbar-body"> 365 @if (Pageview.User != null) 366 { 367 if (salesPersons.Any()) 368 { 369 <p class="tefcold_salesperson-byline h1">@Translate(basicNavbarPrefix + "Your Sales Team", "Your Sales Team")</p> 370 } 371 foreach (var salesPerson in salesPersons) 372 { 373 <div class="tefcold_salesperson" itemscope itemtype="http://schema.org/Person"> 374 <figure> 375 <img src="@salesPerson.Image" class="img-fluid" alt="@salesPerson.Name" itemprop="image" loading="lazy" /> 376 </figure> 377 <p itemprop="name">@salesPerson.Name</p> 378 <p itemprop="jobTitle">@salesPerson.JobTitle</p> 379 <p itemprop="telephone"> 380 <svg> 381 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#phone-alt"></use> 382 </svg> 383 <span>@salesPerson.PhonePrivate</span> 384 </p> 385 <p itemprop="telephone"> 386 <svg> 387 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#mobile-alt"></use> 388 </svg> 389 <span>@salesPerson.PhoneMobile</span> 390 </p> 391 <a href="@("mailto:" + @salesPerson.Email)" itemprop="email"> 392 <svg> 393 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#envelope"></use> 394 </svg> 395 <span>@salesPerson.Email</span> 396 </a> 397 </div> 398 } 399 } 400 <ul> 401 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("PhoneLabel")) 402 && !string.IsNullOrEmpty(Model.Area.Item.GetString("Phonenumber"))) 403 { 404 <li class="head"> 405 <strong> 406 @Model.Area.Item.GetString("PhoneLabel") 407 </strong> 408 <strong> 409 @Model.Area.Item.GetString("Phonenumber") 410 </strong> 411 </li> 412 } 413 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("ContactPage")) 414 && !string.IsNullOrEmpty(Model.Area.Item.GetString("ContactLabel"))) 415 { 416 <li> 417 <a href="@Model.Area.Item.GetString("ContactPage")"> 418 @Model.Area.Item.GetString("ContactLabel") 419 </a> 420 </li> 421 } 422 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("SalesPage")) 423 && !string.IsNullOrEmpty(Model.Area.Item.GetString("SalesLabel"))) 424 { 425 <li> 426 <a href="@Model.Area.Item.GetString("SalesPage")"> 427 @Model.Area.Item.GetString("SalesLabel") 428 </a> 429 </li> 430 } 431 </ul> 432 433 </div> 434 </b-collapse> 435 </li> 436 <li class="basic_navbar-user"> 437 <button v-b-toggle.customer-center type="button" aria-label="@Translate(basicNavbarPrefix + "Show Webshop Login", "Show Webshop Login")" title="@Translate(basicNavbarPrefix + "Show Webshop Login", "Show Webshop Login")"> 438 @if (Pageview.User == null) 439 { 440 <svg> 441 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#user"></use> 442 </svg> 443 } 444 else 445 { 446 <svg style="width: 30px; height: 30px;"> 447 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#user-check"></use> 448 </svg> 449 } 450 <span class="sr-only">@Translate(basicNavbarPrefix + "Login", "Login")</span> 451 </button> 452 453 454 <b-collapse id="customer-center" class="basic_navbar-dropdown" accordion="header" v-auto-close> 455 <div class="basic_navbar-body"> 456 @if (Pageview.User == null) 457 { 458 <head-login-form inline-template> 459 <form name="ExtUserForm" id="loginForm" method="post" class="form" role="form" v-on:submit="submitLogin"> 460 <p> 461 <strong> 462 @Translate(basicNavbarPrefix + "Webshop Login", "Webshop Login") 463 </strong> 464 </p> 465 <input type="hidden" name="ID" id="ID" value="" /> 466 <div class="form-group"> 467 <label for="Username">@Translate(basicNavbarPrefix + "Username", "Username")</label> 468 <input id="Username" v-model="username" name="Username" type="text" value="" class="form-control" autocomplete="off"> 469 </div> 470 <div class="form-group"> 471 <label for="Password">@Translate(basicNavbarPrefix + "Password", "Password")</label> 472 <input id="Password" v-model="password" name="Password" type="password" value="" class="form-control" autocomplete="off"> 473 </div> 474 <div v-if="loginFailed"> 475 <p class="alert alert-warning"> 476 @Translate("Login failed", "Invalid credentials") 477 </p> 478 </div> 479 <div v-if="redirecting" class="alert alert-warning"> 480 <p> 481 @Translate("Login wrong shop", "Your login belongs to another language, redirecting you in:") 482 483 </p> 484 <span class="basic_login"><b>{{counter}}</b></span> 485 </div> 486 487 <div class="basic_login-buttons"> 488 <button type="submit" role="button" class="btn btn-primary btn-block" v-bind:class='{"loading": loading}' v-on:click="loading=true" id="loginBtn"> 489 @Translate(basicNavbarPrefix + "Login", "Login") 490 </button> 491 </div> 492 </form> 493 </head-login-form> 494 <ul> 495 <li> 496 <a href="/Default.aspx?ID=@NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag("forgotpassword")&amp;LoginAction=Recovery"> 497 @Translate(basicNavbarPrefix + "Forgot password", "Forgot password") 498 </a> 499 </li> 500 <li> 501 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("contact")"> 502 @Translate(basicNavbarPrefix + "Create Webshop Account", "Create Webshop Account") 503 </a> 504 </li> 505 </ul> 506 } 507 else 508 { 509 <div class="active-user"> 510 <p><strong>@Pageview.User.Name</strong></p> 511 <p> 512 <a v-clear-cache:click.user href='/admin/public/extranetlogoff.aspx?ID=@(NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag("home"))'> 513 @Translate(basicNavbarPrefix + "Sign out", "Sign out") 514 </a> 515 </p> 516 </div> 517 @RenderNavigation(new { Template = "basic_Footer.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4, NavigationTag = "customer-portal" }) 518 } 519 </div> 520 </b-collapse> 521 </li> 522 @if (Pageview.User != null && Pageview.User.AllowMediaBank()) 523 { 524 @*<media-bank inline-template> 525 <li> 526 <form id="mediabankform" action="https://imagebank.tefcold.com/Home/LoginUser" method="post"> 527 <input id="mediabankformname" type="hidden" name="username" /> 528 <input id="mediabankformpassword" type="hidden" name="password" /> 529 <input type="hidden" value="false" name="persistent" /> 530 </form> 531 <a v-on:click="connect($event)" href="#" title="@Translate(basicNavbarPrefix + "Mediabank", "Mediabank")"> 532 <svg width="28px" height="28px" fill="currentColor"> 533 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#photo-video"></use> 534 </svg> 535 <span class="sr-only">@Translate(basicNavbarPrefix + "Mediabank", "Mediabank")</span> 536 </a> 537 </li> 538 </media-bank>*@ 539 <li> 540 <a href="@Translate(basicNavbarPrefix + "Mediabank Link", "http://media.tefcold.com")" target="_blank" title="@Translate(basicNavbarPrefix + "Mediabank", "Mediabank")"> 541 <svg width="28px" height="28px" fill="currentColor"> 542 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#photo-video"></use> 543 </svg> 544 <span class="sr-only">@Translate(basicNavbarPrefix + "Mediabank", "Mediabank")</span> 545 </a> 546 </li> 547 548 } 549 @if (Pageview.User != null) 550 { 551 <li class="basic_navbar-quick"> 552 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("quickorder")" title="@Translate(basicNavbarPrefix + "Quickorder", "Quickorder")"> 553 <svg width="28px" height="28px"> 554 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#quickorder"></use> 555 </svg> 556 <span class="sr-only">@Translate(basicNavbarPrefix + "Quickorder", "Quickorder")</span> 557 </a> 558 </li> 559 } 560 @if (websiteSettings.b2cshopping || Pageview.User != null) 561 { 562 <cart-icon cartlink="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("checkout")"></cart-icon> 563 } 564 <li class="basic_navbar-toggle"> 565 <button type="button" 566 aria-label="@Translate(basicNavbarPrefix + "Open main navigation", "Open main navigation")" 567 title="@Translate(basicNavbarPrefix + "Open main navigation", "Open main navigation")" 568 v-b-toggle.basic_navigation> 569 <svg width="28px" height="28px"> 570 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#bars"></use> 571 </svg> 572 <span class="sr-only">@Translate(basicNavbarPrefix + "Open main navigation", "Open main navigation")</span> 573 </button> 574 </li> 575 </ul> 576 577 </div> 578 </div> 579 </header> 580 @using Dynamicweb.Frontend; 581 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 582 583 @Title("News") 584 @Description("Default news template") 585 @{ 586 string basicPagePrefix = "Page "; 587 } 588 <figure> 589 <img src="~/Files/Images/Grafik/webbanner.jpg" alt="webbanner" class="img-fluid" /> 590 </figure> 591 @RenderNavigation(new { Template = "basic_Breadcrumb.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 5 }) 592 593 <main class="basic_page"> 594 <aside class="basic_page-sidebar"> 595 @RenderNavigation(new { Template = "basic_Page.xslt", StartLevel = 1, EndLevel = 3 }) 596 </aside> 597 <section class="basic_page-content"> 598 @if (Model.Item.GetFile("Image") != null) 599 { 600 <figure> 601 <img src="@Model.Item.GetFile("Image").Path.ToString()" class="img-fluid" alt="@Model.Item.GetString("Title").ToString()" /> 602 </figure> 603 } 604 @if (!string.IsNullOrEmpty(Model.Item.GetString("Title").ToString())) 605 { 606 <header class="basic_page-header news-header"> 607 <h1> 608 @Model.Item.GetString("Title").ToString() 609 </h1> 610 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("news")" class="btn btn-sm btn-secondary"> 611 @Translate(basicPagePrefix + "back to news","Go back") 612 </a> 613 </header> 614 } 615 @if (!string.IsNullOrEmpty(Model.Item.GetString("Text").ToString())) 616 { 617 <div class="basic_page-text"> 618 <small>@Model.Item.GetDateTime("Date").ToShortDateString()</small> 619 @Model.Item.GetString("Text") 620 </div> 621 } 622 </section> 623 </main> 624 625 @{ 626 string footerPrefix = "Footer "; 627 } 628 <footer class="basic_footer"> 629 <div class="basic_footer-wrap basic_footer-main"> 630 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterOneTitle")) && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterOneText"))) 631 { 632 <div class="basic_footer-box"> 633 <div class="basic_footer-head" role="button" v-b-toggle.footer-one> 634 <h3>@Model.Area.Item.GetString("FooterOneTitle")</h3> 635 </div> 636 <b-collapse id="footer-one" class="basic_footer-collapse"> 637 <div class="basic_footer-body"> 638 @Model.Area.Item.GetString("FooterOneText") 639 </div> 640 </b-collapse> 641 </div> 642 } 643 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterTwoTitle")) 644 && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterTwoText")) 645 || !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterTwoTag"))) 646 { 647 <div class="basic_footer-box"> 648 <div class="basic_footer-head" role="button" v-b-toggle.footer-two> 649 <h3>@Model.Area.Item.GetString("FooterTwoTitle")</h3> 650 </div> 651 <b-collapse id="footer-two" class="basic_footer-collapse"> 652 <div class="basic_footer-body"> 653 @Model.Area.Item.GetString("FooterTwoText") 654 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterTwoTag"))) 655 { 656 @RenderNavigation(new { Template = "basic_Footer.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4, NavigationTag = @Model.Area.Item.GetString("FooterTwoTag").ToString() }) 657 } 658 </div> 659 </b-collapse> 660 </div> 661 } 662 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterThreeTitle")) 663 && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterThreeText")) 664 || !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterThreeTag"))) 665 { 666 <div class="basic_footer-box"> 667 <div class="basic_footer-head" role="button" v-b-toggle.footer-three> 668 <h3>@Model.Area.Item.GetString("FooterThreeTitle")</h3> 669 </div> 670 <b-collapse id="footer-three" class="basic_footer-collapse"> 671 <div class="basic_footer-body"> 672 @Model.Area.Item.GetString("FooterThreeText") 673 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterThreeTag"))) 674 { 675 @RenderNavigation(new { Template = "basic_Footer.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4, NavigationTag = @Model.Area.Item.GetString("FooterThreeTag").ToString() }) 676 } 677 </div> 678 </b-collapse> 679 </div> 680 } 681 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterFourTitle")) && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterFourText"))) 682 { 683 <div class="basic_footer-box"> 684 <div class="basic_footer-head" role="button" v-b-toggle.footer-four> 685 <h3>@Model.Area.Item.GetString("FooterFourTitle")</h3> 686 </div> 687 <b-collapse id="footer-four" class="basic_footer-collapse"> 688 <div class="basic_footer-body"> 689 @Model.Area.Item.GetString("FooterFourText") 690 </div> 691 </b-collapse> 692 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FacebookUrl")) 693 || !string.IsNullOrEmpty(Model.Area.Item.GetString("LinkedInUrl")) 694 || !string.IsNullOrEmpty(Model.Area.Item.GetString("YoutubeUrl"))) 695 { 696 <div class="some"> 697 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FacebookUrl"))) 698 { 699 <a href="@Model.Area.Item.GetString("FacebookUrl")" target="_blank" aria-label="Facebook" rel="noreferrer"> 700 <svg> 701 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#facebook-square"></use> 702 </svg> 703 </a> 704 } 705 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("LinkedInUrl"))) 706 { 707 <a href="@Model.Area.Item.GetString("LinkedInUrl")" target="_blank" aria-label="LinkedIn" rel="noreferrer"> 708 <svg> 709 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#linkedin"></use> 710 </svg> 711 </a> 712 } 713 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("YoutubeUrl"))) 714 { 715 <a href="@Model.Area.Item.GetString("YoutubeUrl")" target="_blank" aria-label="Youtube" rel="noreferrer"> 716 <svg> 717 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#youtube-square"></use> 718 </svg> 719 </a> 720 } 721 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("SmileyUrl"))) 722 { 723 <a href="@Model.Area.Item.GetString("SmileyUrl")" target="_blank" aria-label="@Translate(footerPrefix + "smiley", "Elite Smiley")" rel="noreferrer"> 724 <svg> 725 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#happy-smiley"></use> 726 </svg> 727 </a> 728 } 729 </div> 730 } 731 </div> 732 } 733 </div> 734 @if (Model.Area.Item.GetFile("GroupLogo") != null) 735 { 736 <div class="basic_footer-group"> 737 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("GroupLogo"))) 738 { 739 <a href="@Model.Area.Item.GetString("GroupLink")" target="_blank" title="@Translate(footerPrefix + "tefcold group logo alt", "Part of Tefcold Group")"> 740 <img src="@Model.Area.Item.GetFile("GroupLogo").Path" class="img-fluid" alt="@Translate(footerPrefix + "tefcold group logo alt", "Part of Tefcold Group")" /> 741 </a> 742 } 743 else 744 { 745 <img src="@Model.Area.Item.GetFile("GroupLogo").Path" class="img-fluid" alt="@Translate(footerPrefix + "tefcold group logo alt", "Part of Tefcold Group")" /> 746 } 747 </div> 748 } 749 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterCopyright"))) 750 { 751 752 <div class="basic_footer-sub"> 753 <div class="basic_footer-wrap"> 754 755 <p> 756 &copy; @DateTime.Now.Year @Model.Area.Item.GetString("FooterCopyright") 757 </p> 758 @RenderNavigation(new { Template = "basic_Footer.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4, NavigationTag = "footer" }) 759 760 @if (Model.Area.Item.GetValue<ListViewModel>("Cards").SelectedValues.Any()) 761 { 762 <div class="text-center cards"> 763 @foreach (var cards in Model.Area.Item.GetValue<ListViewModel>("Cards").SelectedValues) 764 { 765 <img src="/Files/Images/cards/@cards" alt="@cards.Split('.').First()" loading="lazy" /> 766 } 767 </div> 768 } 769 770 </div> 771 </div> 772 } 773 </footer> 774 <compare-banner class="comparison-footer" inline-template> 775 <div v-if="productsToCompare >= 1" class="comparison-footer"> 776 @{ 777 string comparisonFooterPrefix = "Comparison "; 778 } 779 <template v-if="productsToCompare >= 2"> 780 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("compare")" class="btn btn-primary btn-lg btn-block"> 781 <svg class="icon"> 782 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#balance-scale"></use> 783 </svg> 784 <span> 785 @Translate(comparisonFooterPrefix + "Click to compare", "Click to compare") 786 <strong>{{productsToCompare}}</strong> 787 @Translate(comparisonFooterPrefix + "products", "products") 788 </span> 789 </a> 790 </template> 791 <template v-else> 792 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("compare")" class="btn btn-primary btn-lg btn-block no-click"> 793 <svg class="icon"> 794 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#balance-scale"></use> 795 </svg> 796 <span> 797 @Translate(comparisonFooterPrefix + "You need 2 product to compare", "You need <strong>2</strong> products to compare") 798 </span> 799 </a> 800 </template> 801 </div> 802 </compare-banner> 803 <basic-alert inline-template alertmessage='@Translate("Internet Explore Alert Message", "Website does not work properly on Internet Explorer, change browser for optimal user experience")' sessionstoragekey='IEHasBeenAlert'> 804 <div></div> 805 </basic-alert> 806 </div> 807 808 @helper RenderLanguage(PageLanguageViewModel lang) 809 { 810 if (Pageview.AreaID == lang.ID) 811 { 812 return; 813 814 } 815 816 if (Pageview.AreaID == lang.ID) 817 { 818 return; 819 820 } 821 822 var langCode = lang.Culture.Split('-').Last(); 823 var cultureInfo = CultureInfo.GetCultureInfo(lang.Culture); 824 var language = cultureInfo.NativeName.Split('(')[0]; 825 var url = SearchEngineFriendlyURLs.GetFriendlyUrl(lang.Page.ID); 826 var query = System.Web.HttpUtility.ParseQueryString(System.Web.HttpContext.Current.Request.QueryString.ToString()); 827 var allowedQuery = new HashSet<string> { "groupid", "productid", "variantid" }; 828 var shopIdSplit = "-at-SHOP"; 829 var shopId = Services.Pages.GetPage(lang.Page.ID).Area.EcomShopId; 830 foreach (var kv in query.AllKeys) 831 { 832 if (kv != null && allowedQuery.Contains(kv.ToLower())) 833 { 834 var queryValue = query[kv]; 835 var indexOfShopId = queryValue.IndexOf(shopIdSplit, StringComparison.InvariantCultureIgnoreCase); 836 if (indexOfShopId > 0) 837 { 838 var withOutShopId = queryValue.Substring(0, indexOfShopId); 839 query[kv] = withOutShopId + "-at-" + shopId; 840 } 841 } 842 else 843 { 844 query.Remove(kv); 845 } 846 } 847 848 849 var langArea = Dynamicweb.Services.Areas.GetArea(lang.ID); 850 var protocol = langArea.SslMode == 2 ? "https:" : "http"; 851 var host = lang.PrimaryDomain; 852 853 if (string.IsNullOrWhiteSpace(host)) 854 { 855 var domains = langArea.Domain.Split(new[] { "\n" }, StringSplitOptions.RemoveEmptyEntries).Select(s => s.Trim()); 856 host = (domains.FirstOrDefault(s => !s.Equals("localhost")) ?? "").TrimEnd('/'); 857 } 858 var urlencodedQuery = $"{protocol}://{host}{url}{(query.HasKeys() ? "?" + query.ToString() : "")}"; 859 860 <li> 861 <a href="@urlencodedQuery"> 862 @if (lang.Culture == "en-GB") 863 { 864 <img src="/Files/Images/globe-flag.png" alt="@lang.Culture - Flag" width="32" height="32" loading="lazy" /> 865 } 866 else 867 { 868 <img src="/Admin/Public/GetImage.ashx?Width=32&amp;Compression=85&amp;Format=webp&amp;Quality=85&amp;Image=/Admin/Images/Flags/flag_@(langCode).png" alt="@lang.Culture - Flag" width="32" height="32" loading="lazy" /> 869 } 870 @*@if (lang.Culture == "en-GB") 871 { 872 <svg width="32" height="32" fill="#3a3b3c"> 873 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#globe"></use> 874 </svg> 875 } 876 else 877 { 878 <img src="/Admin/Images/Flags/flag_@(langCode).png" alt="@lang.Culture - Flag" loading="lazy" /> 879 }*@ 880 <span>@Translate("lang_" + lang.Culture.Split('-').First(), lang.Culture.Split('-').First())</span> 881 </a> 882 </li> 883 } 884 885 886 @helper renderArea(Area lang, Websites websiteSettings) 887 { 888 var protocol = lang.SslMode == 2 ? "https:" : "http"; 889 var host = lang.DomainLock; 890 string countryCode = lang.Culture.Split('-').Last(); 891 if (string.IsNullOrWhiteSpace(host)) 892 { 893 var domains = lang.Domain.Split(new[] { "\n" }, StringSplitOptions.RemoveEmptyEntries).Select(s => s.Trim()); 894 host = (domains.FirstOrDefault(s => !s.Equals("localhost")) ?? "").TrimEnd('/'); 895 } 896 var langUrl = $"{protocol}://{host}"; 897 var langSettings = lang.Item.ToCodeFirstItem<Websites>(); 898 if (langSettings.NoIndex && !websiteSettings.NoIndex) 899 { 900 var pageId = NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag(countryCode + "Redirect"); 901 langUrl = pageId > 0 ? $"/Default.aspx?ID={pageId}" : ""; 902 } 903 <a href="@langUrl"> 904 @if (lang.Culture == "en-GB") 905 { 906 <img src="/Files/Images/globe-flag.png" alt="@lang.Culture - Flag" width="32" height="32" class="img-fluid" loading="lazy" /> 907 } 908 else 909 { 910 <img src="/Admin/Images/Flags/flag_@(countryCode).png" alt="@lang.Culture - Flag" width="32" height="32" class="img-fluid" loading="lazy" /> 911 } 912 <span>@Translate("lang_" + lang.Culture.Split('-').First(), lang.Culture.Split('-').First())</span> 913 </a> 914 915 } 916 917 <script type="text/x-template" id="cart-icon-template"> 918 @{ 919 string cartIconPrefix = "Minicart "; 920 } 921 <li> 922 <a :href="cartlink" title="@Translate(cartIconPrefix + "Checkout", "Checkout")"> 923 <svg> 924 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#shopping-cart"></use> 925 </svg> 926 <span class="label">@Translate(cartIconPrefix + "Checkout", "Checkout")</span> 927 <strong v-if="!cartEmpty" class="cart-quantity">{{quantity}}</strong> 928 </a> 929 </li> 930 </script> 931 932 933 934 <script type="text/x-template" id="basic-facet-filter-template"> 935 @{ 936 string basicFacetPrefix = "Filter "; 937 } 938 <aside> 939 <template v-if="HasActiveFilter()"> 940 941 <p id="selected-filter-label" class="sr-only"> 942 @Translate(basicFacetPrefix + "Active", "Active") 943 </p> 944 <div class="basic_filter-active" aria-labelledby="selected-filter-label"> 945 <template v-for="facetFilter in facetFilters"> 946 <span v-for="option in SelectedOptions(facetFilter)" class="custom-control custom-filter"> 947 <input type="checkbox" 948 :id="'Selected-' + facetFilter.name + '-' + option.name" 949 :name="facetFilter.name" 950 :value="option.value" 951 :v-model="option.selected" 952 :checked="option.selected" 953 v-on:click="ToggleFilter(facetFilter.name,option)" 954 class="custom-control-input" /> 955 <label :for="'Selected-' + facetFilter.name + '-' + option.name" class="custom-control-label" :data-name="facetFilter.name"> 956 <span> 957 {{option.label}} 958 </span> 959 <svg> 960 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#times"></use> 961 </svg> 962 </label> 963 </span> 964 </template> 965 </div> 966 </template> 967 <b-collapse class="basic_filter" id="sidebar-filter"> 968 <template v-if="!error && facetFilters"> 969 <button type="button" class="btn-close" v-b-toggle.sidebar-filter.sidebar-overlay aria-label="@Translate(basicFacetPrefix + "Close Filter", "Close Filter")"> 970 <span></span> 971 <span></span> 972 </button> 973 <div class="basic_filter-groups"> 974 <div class="basic_filter-group" v-for="(facetFilter, index) in facetFilters"> 975 <p :id="'filter-group-' + facetFilter.name.toLowerCase().trim()" v-b-toggle="'filter-collapse-' + facetFilter.name.toLowerCase().trim()"> 976 <template v-if="facetFilter.name === 'ModelType'"> 977 @Translate(basicFacetPrefix + "ModelType", "Model / Type") 978 </template> 979 <template v-else-if="facetFilter.name === 'DoorType'"> 980 @Translate(basicFacetPrefix + "DoorType", " Door type") 981 </template> 982 <template v-else-if="facetFilter.name === 'ExternalHeight'"> 983 @Translate(basicFacetPrefix + "ExternalHeight", "External Height") (mm) 984 </template> 985 <template v-else-if="facetFilter.name === 'NetVolume'"> 986 @Translate(basicFacetPrefix + "NetVolume", "Net Volume") (l) 987 </template> 988 <template v-else-if="facetFilter.name === 'DoorNumber'"> 989 @Translate(basicFacetPrefix + "DoorNumber", " Number of doors") 990 </template> 991 <template v-else-if="facetFilter.name === 'ExteriorFinish'"> 992 @Translate(basicFacetPrefix + "ExteriorFinish", "Exterior Finish") 993 </template> 994 <template v-else-if="facetFilter.name === 'ExternalWidth'"> 995 @Translate(basicFacetPrefix + "ExternalWidth", "External Width") (mm) 996 </template> 997 <template v-else-if="facetFilter.name === 'GrossVolume'"> 998 @Translate(basicFacetPrefix + "GrossVolume", "Gross Volume") (l) 999 </template> 1000 <template v-else-if="facetFilter.name === 'Bottles330'"> 1001 @Translate(basicFacetPrefix + "Bottles330", "Capacity 330ml bottles") 1002 </template> 1003 <template v-else-if="facetFilter.name === 'Bottles500'"> 1004 @Translate(basicFacetPrefix + "Bottles500", "Capacity 500ml bottles") 1005 </template> 1006 <template v-else-if="facetFilter.name === 'Cans330'"> 1007 @Translate(basicFacetPrefix + "Cans330", "Capacity 300ml cans") 1008 </template> 1009 <template v-else-if="facetFilter.name === 'Cans500'"> 1010 @Translate(basicFacetPrefix + "Cans500", "Capacity 500ml cans") 1011 </template> 1012 <template v-else-if="facetFilter.name === 'TemperatureRange'"> 1013 @Translate(basicFacetPrefix + "TemperatureRange", "Temperature Range") 1014 </template> 1015 <template v-else-if="facetFilter.name === 'TemperatureRangeZone2'"> 1016 @Translate(basicFacetPrefix + "TemperatureRangeZone2", "Tempature Range 2") 1017 </template> 1018 <template v-else-if="facetFilter.name === 'ShelfNumber'"> 1019 @Translate(basicFacetPrefix + "ShelfNumber", "Number of shelfs") 1020 </template> 1021 <template v-else-if="facetFilter.name === 'LidType'"> 1022 @Translate(basicFacetPrefix + "LidType", "Lid Type") 1023 </template> 1024 <template v-else-if="facetFilter.name === 'InteriorFinish'"> 1025 @Translate(basicFacetPrefix + "InteriorFinish", "Interior Finish") 1026 </template> 1027 <template v-else-if="facetFilter.name === 'WineBottles750'"> 1028 @Translate(basicFacetPrefix + "WineBottles750", "Capacity 750ml winebottles") 1029 </template> 1030 <template v-else-if="facetFilter.name === 'CanopyType'"> 1031 @Translate(basicFacetPrefix + "CanopyType", "Canopy Type") 1032 </template> 1033 <template v-else-if="facetFilter.name === 'CoolingType'"> 1034 @Translate(basicFacetPrefix + "CoolingType", "Cooling Type") 1035 </template> 1036 <template v-else> 1037 {{facetFilter.name}} 1038 </template> 1039 <svg> 1040 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#chevron-up"></use> 1041 </svg> 1042 </p> 1043 <b-collapse :id="'filter-collapse-' + facetFilter.name.toLowerCase().trim()" :visible="ShowGroupIfSelected(facetFilter.options, index)" class="basic_filter-collapsing" :aria-labelledby="'filter-group-' + facetFilter.name.toLowerCase().trim()"> 1044 <template v-if="facetFilter.renderType === 'Range'"> 1045 <basic-range-slider @@change="updateRange(facetFilter,$event)" :min="getMinRange(facetFilter)" :max="getMaxRange(facetFilter)" :init-min="getInitMin(facetFilter)" :init-max="getInitMax(facetFilter)"></basic-range-slider> 1046 </template> 1047 1048 <template v-else-if="facetFilter.optionActiveCount > 5"> 1049 <span v-for="option in facetFilter.options.slice(0, 5)" class="custom-control custom-checkbox facet-option"> 1050 <input type="checkbox" class="custom-control-input" 1051 :id="'UnSelected-' + facetFilter.name + '-' + option.name" 1052 :name="facetFilter.name" 1053 :value="option.value" 1054 :v-model="option.selected" 1055 :checked="option.selected" 1056 v-on:click="ToggleFilter(facetFilter.name,option)" /> 1057 <label :for="'UnSelected-' + facetFilter.name + '-' + option.name" class="custom-control-label"> 1058 {{option.label}} <span class="count">({{option.count}})</span> 1059 </label> 1060 </span> 1061 <b-collapse class="basic_filter-expand" :id="'filter-expand-' + facetFilter.name.toLowerCase().trim()" :visible="ShowMoreIfSelected(facetFilter.options, index)"> 1062 <span v-for="option in facetFilter.options.slice(5)" class="custom-control custom-checkbox facet-option"> 1063 <input type="checkbox" class="custom-control-input" 1064 :id="'UnSelected-' + facetFilter.name + '-' + option.name" 1065 :name="facetFilter.name" 1066 :value="option.value" 1067 :v-model="option.selected" 1068 :checked="option.selected" 1069 v-on:click="ToggleFilter(facetFilter.name,option)" /> 1070 <label :for="'UnSelected-' + facetFilter.name + '-' + option.name" class="custom-control-label"> 1071 {{option.label}} <span class="count">({{option.count}})</span> 1072 </label> 1073 </span> 1074 </b-collapse> 1075 <a v-b-toggle="'filter-expand-' + facetFilter.name.toLowerCase().trim()" class="basic_filter-expanding" v-if="facetFilter.optionActiveCount > 6"> 1076 <span class="show-more">+ @Translate(basicFacetPrefix + "show more", "show more")</span> 1077 <span class="show-less">- @Translate(basicFacetPrefix + "show less", "show less")</span> 1078 </a> 1079 </template> 1080 <template v-else> 1081 <span v-for="option in facetFilter.options" class="custom-control custom-checkbox facet-option"> 1082 <input type="checkbox" class="custom-control-input" 1083 :id="'UnSelected-' + facetFilter.name + '-' + option.name" 1084 :name="facetFilter.name" 1085 :value="option.value" 1086 :v-model="option.selected" 1087 :checked="option.selected" 1088 v-on:click="ToggleFilter(facetFilter.name,option)" /> 1089 <label :for="'UnSelected-' + facetFilter.name + '-' + option.name" class="custom-control-label"> 1090 {{option.label}} <span class="count">({{option.count}})</span> 1091 </label> 1092 </span> 1093 </template> 1094 </b-collapse> 1095 </div> 1096 </div> 1097 </template> 1098 </b-collapse> 1099 </aside> 1100 </script> 1101 <script type="text/x-template" id="add-to-basket-simple-template"> 1102 @{ 1103 string addToBasketSimplePrifix = "BuyButton "; 1104 } 1105 <div class="form-flex" v-if="renderBuy" v-bind:class="[{added: IsAdded}, {adding: IsAdding}, {disabled: !canAdd}]"> 1106 1107 <label for="quantity">@Translate(addToBasketSimplePrifix + "Quantity", "Quantity")</label> 1108 <input class="form-control" type="tel" name="quantity" v-model="quantity" autocomplete="off" onclick="this.setSelectionRange(0, this.value.length)"> 1109 <button :disabled="!canAdd" :class="buttonClass" v-on:click="addToBasketAndResetQuantity()" aria-label="@Translate(addToBasketSimplePrifix + "Add", "Add")"> 1110 <slot> 1111 <svg> 1112 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#shopping-cart"> 1113 </use> 1114 </svg> 1115 <span> 1116 @Translate(addToBasketSimplePrifix + "Add to basket", "Add to basket") 1117 </span> 1118 </slot> 1119 1120 </button> 1121 1122 <span v-if="itemStockLocationState == 5" v-b-tooltip.hover.focus="'@Translate(addToBasketSimplePrifix + "The item is out of stock","The item is out of stock").Replace(System.Environment.NewLine,"").Replace("'","\\'")'" class="addtobasket-help">?</span> 1123 <span v-if="itemStockLocationState == 4" v-b-tooltip.hover.focus="'@Translate(addToBasketSimplePrifix + "cant buy this product info","This product is not available from the currently chosen stock location!").Replace(System.Environment.NewLine,"").Replace("'","\\'")'" class="addtobasket-help">?</span> 1124 <span v-if="itemStockLocationState == 50" v-b-tooltip.hover.focus="'@Translate(addToBasketSimplePrifix + "no stock information available","Could not find any stock information on this product!").Replace(System.Environment.NewLine,"").Replace("'","\\'")'" class="addtobasket-help">?</span> 1125 </div> 1126 </script> 1127 1128 <script type="text/x-template" id="quick-add-template"> 1129 @{ 1130 string quickAddPrifix = "BuyButton "; 1131 } 1132 <div v-bind:class="[{added: IsAdded}, {adding: IsAdding}]"> 1133 <label for="quantity">@Translate(quickAddPrifix + "Quantity", "Quantity")</label> 1134 <input class="form-control" type="number" id="quantity" name="quantity" v-model="quantity" autocomplete="off"> 1135 </div> 1136 </script> 1137 1138 <script type="text/x-template" id="add-to-basket-button-only-template"> 1139 @{ 1140 string addToBasketPrefix = "BuyButton "; 1141 } 1142 <div v-bind:class="[{added: IsAdded}, {adding: IsAdding}]"> 1143 <button :class="buttonClass" v-on:click="addToBasket()"> 1144 <slot> 1145 @Translate(addToBasketPrefix + "Add to basket", "Add to basket") 1146 </slot> 1147 </button> 1148 </div> 1149 </script> 1150 @using Dynamicweb.Frontend 1151 @using Tefcold.Web.CustomCode.Items 1152 @{ 1153 string asyncPrefix = "Async "; 1154 var website = PageView.Current().Area.GetWebsiteSettings(); 1155 } 1156 <script type="text/x-template" id="async-price-template"> 1157 <div :class="classType + (loading ? ' loading' : '') + (hasDiscount ? ' has-discount' : '')"> 1158 <template> 1159 <p :class="classType + '--error'" v-if="error">{{error}}</p> 1160 </template> 1161 <template v-if="!loading"> 1162 @if (!website.ShowPriceWitVatAndDiscount) 1163 { 1164 <template v-if="!forceAskForPrice && price.netUnitPrice.priceWithoutVat"> 1165 <meta itemprop="price" :content="price.netUnitPrice.priceWithoutVat" /> 1166 <meta itemprop="priceCurrency" content="@(Pageview.User?.Currency ?? Pageview.Area.EcomCurrencyId)" /> 1167 <div class="price-withoutvat"> 1168 <span class="price-label">@Translate(asyncPrefix + "price without vat", "Price without VAT")</span> 1169 <p class="price"> 1170 <span class="unit-price">{{ price.netUnitPrice.priceWithoutVat | currency(price.currencyCode) }}</span> 1171 </p> 1172 </div> 1173 </template> 1174 } 1175 @if (website.ShowPriceWitVatAndDiscount) 1176 { 1177 <template v-if="listView &&!forceAskForPrice && price.netUnitPrice.priceWithVat"> 1178 <meta itemprop="price" :content="price.netUnitPrice.priceWithVat" /> 1179 <meta itemprop="priceCurrency" content="@(Pageview.User?.Currency ?? Pageview.Area.EcomCurrencyId)" /> 1180 <div class="price-withoutvat"> 1181 <span class="price-label">@Translate(asyncPrefix + "price with vat", "Price with VAT")</span> 1182 <p class="price"> 1183 <span class="unit-price">{{ price.netUnitPrice.priceWithVat | currency(price.currencyCode) }}</span> 1184 <small class="prev-price" v-if="hasDiscount && price.unitPrice.priceWithVat">{{ price.unitPrice.priceWithVat | currency(price.currencyCode) }}</small> 1185 </p> 1186 </div> 1187 </template> 1188 <template v-if="!listView"> 1189 <template v-if="!forceAskForPrice && price.netUnitPrice.priceWithoutVat"> 1190 <meta itemprop="price" :content="price.netUnitPrice.priceWithoutVat" /> 1191 <meta itemprop="priceCurrency" content="@(Pageview.User?.Currency ?? Pageview.Area.EcomCurrencyId)" /> 1192 <div class="price-withoutvat"> 1193 <span class="price-label">@Translate(asyncPrefix + "price without vat", "Price without VAT")</span> 1194 <p class="price"> 1195 <span class="unit-price">{{ price.netUnitPrice.priceWithoutVat | currency(price.currencyCode) }}</span> 1196 @if (website.ShowPriceWitVatAndDiscount) 1197 { 1198 <small class="prev-price" v-if="hasDiscount && price.unitPrice.priceWithoutVat">{{ price.unitPrice.priceWithoutVat | currency(price.currencyCode) }}</small> 1199 } 1200 </p> 1201 </div> 1202 </template> 1203 <div class="price-withvat"> 1204 <span class="price-label">@Translate(asyncPrefix + "price with vat", "Price with VAT")</span> 1205 <p class="price"> 1206 <span class="unit-price">{{ price.netUnitPrice.priceWithVat | currency(price.currencyCode) }}</span> 1207 <small class="prev-price" v-if="hasDiscount && !listView && price.unitPrice.priceWithVat">{{ price.unitPrice.priceWithVat | currency(price.currencyCode) }}</small> 1208 </p> 1209 1210 </div> 1211 <div class="weee-fee" v-if="price.weeeFee && price.weeeFee > 0"> 1212 <span class="price-label">@Translate("Weee fee", "Weee fee")</span> 1213 <p class="price"> 1214 <span class="unit-price">{{ price.weeeFee | currency(price.currencyCode) }}</span> 1215 </p> 1216 1217 </div> 1218 </template> 1219 } 1220 </template> 1221 <template v-if="allowedHvac && (!price?.netUnitPrice?.priceWithoutVat || forceAskForPrice)"> 1222 <a :href="'mailto:@Translate("Ask for a price EMAIL.","info@tefcold.dk")?subject=' + '@Translate("Ask for a price.")' + ' - ' + product.product.name + ' - ' + product.product.shortDescription + '&body=@Translate("ProductName EMAIL (BODY)", "Produktnavn: ") ' + product.product.name + ' - @Translate("ProductShortName EMAIL (BODY)", "Kort produktnavn: ") ' + product.product.shortDescription" class="btn btn-outline-secondary btn-sm">@Translate("Ask for a price.", "Spørg om pris.")</a> 1223 </template> 1224 <template v-else-if="!allowedHvac"> 1225 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("contact")" class="btn btn-outline-secondary btn-sm mt-3"> 1226 @Translate("create account", "Create account") 1227 </a> 1228 </template> 1229 </div> 1230 </script> 1231 <script type="text/x-template" id="pagination-template"> 1232 @{ 1233 string paginationPrefix = "Pagination "; 1234 } 1235 <nav aria-label="@Translate(paginationPrefix + "Productlist pagination", "Productlist pagination")"> 1236 <ul class="pagination"> 1237 <li :class="['page-item', currentPage == 1 ? 'disabled' : '' ]" v-if="currentPage > 1"> 1238 <a class="page-link" v-on:click="togglePrevPage()" aria-label="@Translate(paginationPrefix + "Previous Page", "Previous Page")" v-bind:aria-disabled="currentPage > 1 ? 'true' : null"> 1239 <svg> 1240 <use xmlns:xlink="http://www.w3.org/1999/xlink" 1241 xlink:href="/files/dist/icons/icons.svg#chevron-left"> 1242 </use> 1243 </svg> 1244 </a> 1245 </li> 1246 <template v-if="hasGroupId || true"> 1247 <li v-if="showPage(n)" v-for="n in totalPages" :key="n" :class="(n == currentPage ? 'page-item active' : 'page-item')"> 1248 <a v-on:click="togglePage(n)" v-bind:aria-current="(n == currentPage ? 'true' : '')" class="page-link"> 1249 {{n}} 1250 </a> 1251 </li> 1252 </template> 1253 <template v-else> 1254 <li class="page-item"> 1255 <span class="page-label"> 1256 {{currentPage}} 1257 </span> 1258 </li> 1259 <li class="page-item"> 1260 <span class="page-label"> 1261 @Translate(paginationPrefix + "of", "of") 1262 </span> 1263 </li> 1264 <li class="page-item"> 1265 <span class="page-label"> 1266 {{totalPages}} 1267 </span> 1268 </li> 1269 </template> 1270 <li :class="'page-item' + (currentPage >= totalPages ? ' disabled' : '')" v-if="currentPage < totalPages"> 1271 <a v-on:click="toggleNextPage()" aria-label="@Translate(paginationPrefix + "Next Page", "Next Page")" class="page-link" v-bind:aria-disabled="totalPages > currentPage ? 'true' : null"> 1272 <svg class="icon-pagination"> 1273 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#chevron-right"></use> 1274 </svg> 1275 </a> 1276 </li> 1277 </ul> 1278 </nav> 1279 </script> 1280 <script type="text/x-template" id="product-specification-list-view-template"> 1281 <div class="basic_listview-data"> 1282 <template v-if="!isSparePart"> 1283 <p itemprop="description"> 1284 {{ SpecificationHelpers.GetFirstSpecificationValueOrDefault('GrossNetVolume',productSpecifications)}} {{ SpecificationHelpers.GetSpecificationUnit(SpecificationHelpers.GetSpecificationByKey('GrossNetVolume',productSpecifications))}} 1285 <br /> 1286 {{ SpecificationHelpers.GetFirstSpecificationValueOrDefault('ExternalDimensionWeb',productSpecifications)}} 1287 1288 </p> 1289 </template> 1290 <p itemprop="sku">@Translate("PLP No.", "No.") {{productNumber}}</p> 1291 </div> 1292 </script> 1293 @using Tefcold.Web.CustomCode.Extensions 1294 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Ecommerce.ProductCatalog.ProductViewModel> 1295 <script type="text/x-template" id="product-spare-parts-view-template"> 1296 @{ 1297 string basicPimPrefix = "PDP "; 1298 } 1299 <div v-if="sparePartReportExist || hasExplodedDrawing || spareParts.length > 0"> 1300 <button class="btn-collapse" id="spareparts" v-b-toggle.spareparts-list> 1301 @Translate(basicPimPrefix + "spare parts", "Spare Parts") 1302 </button> 1303 <template> 1304 <b-collapse id="spareparts-list" accordion="specs2"> 1305 <template> 1306 <div class="body-collapse full pb-0"> 1307 <ul class="basic_pim-spares"> 1308 <template v-if="sparePartReportExist"> 1309 <li> 1310 <a href="#" v-on:click="getSparePartReport($event)" target="_blank"> 1311 <svg> 1312 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#download"></use> 1313 </svg> 1314 @Translate(basicPimPrefix + "spare part list", "Spare part list") 1315 </a> 1316 </li> 1317 </template> 1318 <li v-if="hasExplodedDrawing"> 1319 <a :href="explodedDrawing" target="_blank"> 1320 <svg> 1321 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#download"></use> 1322 </svg> 1323 @Translate(basicPimPrefix + "view exploded drawing of spare parts", "View exploded drawing of spare parts") 1324 </a> 1325 </li> 1326 <li :data-point="spare.product.position" class="basic_pim-spare" v-for="spare in spareParts"> 1327 <div class="head"> 1328 <a href="#" v-on:click="navigateToSpare($event,spare.product.id)" class="name">{{spare.product.productName}}</a> 1329 <p class="sku">{{spare.product.number}}</p> 1330 </div> 1331 1332 @if (Pageview.IsAllowedToShop()) 1333 { 1334 <div class="foot"> 1335 <async-price class-type="asyncprice-spare" 1336 :product="spare" 1337 :default-price="spare.product.price" 1338 list-price="true" 1339 :only-standard-price="@(Pageview.IsCurrentlyB2C().ToString().ToLower())" 1340 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1341 1342 </async-price> 1343 <add-to-basket-simple :product="spare" 1344 :unit-of-measure="'PCS'" 1345 :sparepart-location="sparepartLocation" 1346 button-class="btn btn-primary" 1347 class="addtobasketsimple-plp" 1348 :price-without-vat="spare.product.price" 1349 language-id="@Pageview.Area.EcomLanguageId" 1350 :only-spare-parts="@(Pageview.User.OnlySpareParts().ToString().ToLower())" 1351 :is-marketing-user="@(Pageview.User.OnlyView().ToString().ToLower())" 1352 :ishvasuser="@(Pageview.User.IsHVACUser().ToString().ToLower())" 1353 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1354 </add-to-basket-simple> 1355 </div> 1356 } 1357 @*<p>DEBUG: {{spare}}</p>*@ 1358 </li> 1359 1360 </ul> 1361 </div> 1362 </template> 1363 </b-collapse> 1364 </template> 1365 </div> 1366 1367 </script> 1368 <script type="text/x-template" id="variant-list-template"> 1369 <ul class="variants" v-if="initialVariant.product.hasVariants" > 1370 <li> 1371 <input v-model="variantId" @@click="changeVariantClickHandler($event)" :value="initialVariant.product.variantId" type="radio" :name="'main-' + initialVariant.product.id" :id="'main-' + initialVariant.product.id" :disabled="readOnly"/> 1372 <label :for="'main-' + initialVariant.product.id" :style="getImageOrColor(initialVariant.product.variantImage,initialVariant.product.variantValue)"></label> 1373 </li> 1374 <li v-for="variant in initialVariant.product.simpleVariants"> 1375 <input v-model="variantId" @@click="changeVariantClickHandler($event)" :value="variant.product.variantId" type="radio" :name="'color-'+variant.product.id + '-' + variant.product.variantId" :id="'color-'+variant.product.id + '-' + variant.product.variantId" /> 1376 <label :for="'color-'+variant.product.id+ '-' + variant.product.variantId" :style="getImageOrColor(variant.product.variantImage,variant.product.variantValue)"> 1377 </label> 1378 </li> 1379 </ul> 1380 </script> 1381 @using Dynamicweb.Ecommerce.Frontend 1382 @using Dynamicweb.Ecommerce.International 1383 @using Newtonsoft.Json 1384 @using NORRIQ.SalesPersonLogin.Services 1385 @using Tefcold.Web.CustomCode.Items.Settings 1386 @using Tefcold.Web.CustomCode.Stocks.Helpers 1387 @{ 1388 string plpProductPrefix2 = "PLP "; 1389 } 1390 <script type="text/x-template" id="product-template"> 1391 1392 1393 <article itemscope itemtype="https://schema.org/Product" v-if="product.product" v-bind:key="product.product.number"> 1394 <span class="badge"> 1395 <img v-if="SpecificationHelpers.GetFirstSpecificationValueOrDefault('StickersDKNews',product.specifications)" :src="'/Admin/Public/GetImage.ashx?Height=50&amp;Compression=85&amp;Image=' + SpecificationHelpers.GetFirstSpecificationValueOrDefault('StickersDKNews',product.specifications)" alt="@Translate(basicPimPrefix + "Sticker", "Sticker")" v-bind:alt="product.product.name" itemprop="image" class="img-fluid" /> 1396 <img v-else-if="SpecificationHelpers.GetFirstSpecificationValueOrDefault('Stickers',product.specifications)" :src="'/Admin/Public/GetImage.ashx?Height=50&amp;Compression=85&amp;Image=' + SpecificationHelpers.GetFirstSpecificationValueOrDefault('Stickers',product.specifications)" alt="@Translate(basicPimPrefix + "Sticker", "Sticker")" v-bind:alt="product.product.name" itemprop="image" class="img-fluid" /> 1397 </span> 1398 <a :href="product.product.url" itemprop="url"> 1399 <figure style="min-height: 1px;"> 1400 1401 <img v-if="SpecificationHelpers.GetFirstSpecificationValueOrDefault('WebPrimaryImage',product.specifications)" :src="'/Admin/Public/GetImage.ashx?Width=427&amp;Height=427&amp;Compression=85&amp;Crop=5&amp;Format=webp&amp;Quality=85&amp;fillcanvas=true&amp;Image=' + SpecificationHelpers.GetFirstSpecificationValueOrDefault('WebPrimaryImage',product.specifications)" 1402 v-bind:alt="product.product.name" itemprop="image" class="img-fluid" /> 1403 <img v-if="!SpecificationHelpers.GetFirstSpecificationValueOrDefault('WebPrimaryImage',product.specifications)" :src="'/Admin/Public/GetImage.ashx?Width=427&amp;Height=427&amp;Compression=85&amp;Crop=5&amp;Format=webp&amp;Quality=85&amp;fillcanvas=true&amp;Image=/Files/Images/default.jpg'" 1404 v-bind:alt="product.product.name" itemprop="image" class="img-fluid" /> 1405 </figure> 1406 <header> 1407 <h1 itemprop="name">{{product.product.name}}</h1> 1408 <p itemprop="category">{{product.product.shortDescription}}</p> 1409 <div class="flex-list"> 1410 <product-specification-list-view :product-specifications="product.specifications" 1411 :product-number="product.product.number" 1412 :is-spare-part="product.product.isSparePart"> 1413 </product-specification-list-view> 1414 @if (Pageview.IsAllowedToShop()) 1415 { 1416 <template v-if="plpClass=='basic_listview-grid'"> 1417 <buying-component inline-template :selected-product="product" :initial-product="initialProduct"> 1418 <template v-if="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyArrow',selectedProduct.specifications)"> 1419 <div class="energy-data"> 1420 <a :href="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyLabel',selectedProduct.specifications)" target="_blank" class="energy-label"> 1421 <img :src="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyArrow',selectedProduct.specifications)" alt="Energy Label" class="img-fluid img-energy" height="25" /> 1422 </a> 1423 <a href="#" v-on:click="getProductReport($event,selectedProduct.product.number,selectedProduct.product.name,selectedProduct.product.languageId)" target="_blank" class="energy-link"> 1424 <small>@Translate("PDP product sheet", "Product Sheet")</small> 1425 </a> 1426 </div> 1427 </template> 1428 </buying-component> 1429 </template> 1430 } 1431 </div> 1432 </header> 1433 </a> 1434 <template v-if="plpClass=='basic_listview-list'"> 1435 <ul class="basic_listview-specs"> 1436 <li v-for="item in SpecificationHelpers.GetPrettyBulletPoints(product.specifications)"> 1437 {{item}} 1438 </li> 1439 </ul> 1440 @*{{ product.Product.LongDescription }}*@ 1441 </template> 1442 1443 1444 @if (!Pageview.IsAllowedToShop()) 1445 { 1446 <footer> 1447 1448 <template v-if="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyArrow',product.specifications)"> 1449 <buying-component inline-template :selected-product="product" :initial-product="initialProduct"> 1450 <div class="energy-price"> 1451 <div class="variant-price"> 1452 <variant-list :initial-variant="initialProduct" :currently-selected="selectedProduct" class="mr-2"></variant-list> 1453 1454 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("contact")" class="btn btn-outline-secondary btn-sm ml-auto" style="white-space:nowrap;"> 1455 @Translate("create account", "Create account") 1456 </a> 1457 1458 </div> 1459 <div class="energy-data"> 1460 <a :href="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyLabel',selectedProduct.specifications)" class="energy-label" target="_blank"> 1461 <img :src="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyArrow',selectedProduct.specifications)" alt="Energy Label" class="img-fluid img-energy" height="25" /> 1462 </a> 1463 <a href="#" v-on:click="getProductReport($event,selectedProduct.product.number,selectedProduct.product.name,selectedProduct.product.languageId)" target="_blank" class="energy-link"> 1464 <small>@Translate("PDP product sheet", "Product Sheet")</small> 1465 </a> 1466 </div> 1467 </div> 1468 </buying-component> 1469 </template> 1470 <template v-else> 1471 <buying-component inline-template :selected-product="product" :initial-product="initialProduct"> 1472 <div class="energy-price"> 1473 <div class="variant-price"> 1474 <variant-list :initial-variant="initialProduct" :currently-selected="selectedProduct" class="mr-2"></variant-list> 1475 1476 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("contact")" class="btn btn-outline-secondary btn-sm ml-auto" style="white-space:nowrap;"> 1477 @Translate("create account", "Create account") 1478 </a> 1479 1480 </div> 1481 </div> 1482 1483 </buying-component> 1484 </template> 1485 </footer> 1486 } 1487 else 1488 { 1489 <buying-component inline-template :selected-product="product" :plp-class="plpClass" :initial-product="initialProduct"> 1490 <footer itemprop="offers" itemscope="" itemtype="https://schema.org/Offer"> 1491 1492 <template v-if="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyArrow',selectedProduct.specifications) && plpClass == 'basic_listview-list'"> 1493 <div class="energy-price"> 1494 <div class="variant-price"> 1495 <variant-list :initial-variant="initialProduct" :currently-selected="selectedProduct"></variant-list> 1496 <async-price class-type="asyncprice-plp" 1497 :product="selectedProduct" 1498 :default-price="selectedProduct.product.defaultPrice.priceWithoutVat" 1499 :only-standard-price="@(Pageview.IsCurrentlyB2C().ToString().ToLower())" 1500 list-price="true" 1501 :should-emit-warranties="@((Pageview.IsAllowedToShop()).ToString().ToLower())" 1502 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1503 </async-price> 1504 </div> 1505 <div class="energy-data"> 1506 <a :href="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyLabel',selectedProduct.specifications)" class="energy-label" target="_blank"> 1507 <img :src="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyArrow',selectedProduct.specifications)" alt="Energy Label" class="img-fluid img-energy" height="25" /> 1508 </a> 1509 <a href="#" v-on:click="getProductReport($event,selectedProduct.product.number,selectedProduct.product.name,selectedProduct.product.languageId)" target="_blank" class="energy-link"> 1510 <small>@Translate("PDP product sheet", "Product Sheet")</small> 1511 </a> 1512 </div> 1513 </div> 1514 </template> 1515 <template v-else> 1516 <div class="variant-price"> 1517 <variant-list :initial-variant="initialProduct" :currently-selected="selectedProduct"></variant-list> 1518 <async-price class-type="asyncprice-plp" 1519 :product="selectedProduct" 1520 :default-price="selectedProduct.product.defaultPrice.priceWithoutVat" 1521 :only-standard-price="@(Pageview.IsCurrentlyB2C().ToString().ToLower())" 1522 list-price="true" 1523 :should-emit-warranties="@((Pageview.IsAllowedToShop()).ToString().ToLower())" 1524 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1525 </async-price> 1526 </div> 1527 </template> 1528 1529 <stock-location-component inline-template :remote-stock-shop-ids='@JsonConvert.SerializeObject(websiteSettings.ExternalShopIds)' not-in-stock-text='@Translate("PLP not in stock text", "N/A")' :default-stock-units='selectedProduct.product.stockUnits' :default-remote-stock-units='selectedProduct.product.remoteStock' :product='selectedProduct' :earliest-harbor-arrival-date='selectedProduct.product.EarliestHarborArrival'> 1530 <div class="stockscontainer"> 1531 <template v-if="stockUnits.length > 0 && !loading"> 1532 <div v-for="unit in stockUnits" class="stocks"> 1533 <span style="font-size: 1px">{{unit.quantity}}</span> 1534 <small v-if="stocksHasNoQuantity" class="outofstock"> 1535 {{ unit.stockLocation.description }} {{ GetStockAmountString(unit.quantity) }} 1536 </small> 1537 <small v-else class="instock"> 1538 {{ unit.stockLocation.description }} {{ GetStockAmountString(unit.quantity) }} @Translate("PLP In Stock", "In Stock") 1539 </small> 1540 </div> 1541 </template> 1542 <template v-if="remoteStockUnits.length > 0 && !loading"> 1543 <div v-for="remoteunit in remoteStockUnits" class="stocks"> 1544 <span style="font-size: 1px">{{remoteunit.quantity}}</span> 1545 <small v-if="remoteStocksHasNoQuantity" class="outofstock"> 1546 {{ remoteunit.stockLocation.description }} {{ GetStockAmountString(remoteunit.Quantity) }} 1547 </small> 1548 <small v-else class="instock"> 1549 {{ remoteunit.stockLocation.description }} {{ GetStockAmountString(remoteunit.quantity) }} @Translate("PLP In Stock", "In Stock") 1550 </small> 1551 </div> 1552 </template> 1553 </div> 1554 </stock-location-component> 1555 1556 <div class="plp-buttons"> 1557 <div class="btn-group"> 1558 <add-to-compare :product-number="selectedProduct.product.number"></add-to-compare> 1559 @if (Pageview.IsCurrentlyB2B()) 1560 { 1561 <favorite-lists ui-error-message-translation="@Translate(plpProductPrefix2 + " Error while retrieving favorite list","Error while retrieving favorite list")" :is-favorite-mode="@NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag("favorites") == @Pageview.ID" :product="selectedProduct"></favorite-lists> 1562 } 1563 </div> 1564 <add-to-basket-simple :product="selectedProduct" 1565 :unit-of-measure="'PCS'" 1566 button-class="btn btn-primary" 1567 class="addtobasketsimple-plp" 1568 :price-without-vat="currentItemPriceWithoutVat" 1569 language-id="@Pageview.Area.EcomLanguageId" 1570 :only-spare-parts="@(Pageview.User.OnlySpareParts().ToString().ToLower())" 1571 :is-marketing-user="@(Pageview.User.OnlyView().ToString().ToLower())" 1572 :ishvasuser="@(Pageview.User.IsHVACUser().ToString().ToLower())" 1573 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1574 </add-to-basket-simple> 1575 </div> 1576 </footer> 1577 </buying-component> 1578 } 1579 1580 </article> 1581 1582 </script> 1583 <script type="text/x-template" id="product-template-cz"> 1584 @{ 1585 string plpProductPrefix = "PLP "; 1586 } 1587 <article itemscope itemtype="https://schema.org/Product" v-if="product.product" v-bind:key="product.product.number"> 1588 <span class="stickers"> 1589 <template v-if="SpecificationHelpers.GetFirstSpecificationValueOrDefault('StickersCZNews',product.specifications)"> 1590 <img :src="'/Admin/Public/GetImage.ashx?Height=24&amp;Compression=85&amp;Image=' + SpecificationHelpers.GetFirstSpecificationValueOrDefault('StickersCZNews',product.specifications)" 1591 alt="@Translate(basicPimPrefix + "Sticker", "Sticker")" 1592 class="img-fluid" /> 1593 </template> 1594 <template v-else-if="SpecificationHelpers.GetFirstSpecificationValueOrDefault('StickersCZ',product.specifications)"> 1595 <img :src="'/Admin/Public/GetImage.ashx?Height=24&amp;Compression=85&amp;Image=' + SpecificationHelpers.GetFirstSpecificationValueOrDefault('StickersCZ',product.specifications)" 1596 alt="@Translate(basicPimPrefix + "Sticker", "Sticker")" 1597 class="img-fluid" /> 1598 </template> 1599 <span v-if="ShowDiscount" class="sticker discount"> 1600 -{{discount}}% 1601 </span> 1602 </span> 1603 <a :href="product.product.url" itemprop="url" :title="['@Translate(plpProductPrefix + "More info about", "More info about") ' + product.product.name]"> 1604 <figure style="min-height: 1px;"> 1605 1606 <img v-if="SpecificationHelpers.GetFirstSpecificationValueOrDefault('WebPrimaryImage',product.specifications)" :src="'/Admin/Public/GetImage.ashx?Width=427&amp;Height=427&amp;Compression=85&amp;Crop=5&amp;Format=webp&amp;Quality=85&amp;fillcanvas=true&amp;Image=' + SpecificationHelpers.GetFirstSpecificationValueOrDefault('WebPrimaryImage',product.specifications)" 1607 v-bind:alt="product.product.name" itemprop="image" class="img-fluid" /> 1608 <img v-if="!SpecificationHelpers.GetFirstSpecificationValueOrDefault('WebPrimaryImage',product.specifications)" :src="'/Admin/Public/GetImage.ashx?Width=427&amp;Height=427&amp;Compression=85&amp;Crop=5&amp;Format=webp&amp;Quality=85&amp;fillcanvas=true&amp;Image=/Files/Images/default.jpg'" 1609 v-bind:alt="product.product.name" itemprop="image" class="img-fluid" /> 1610 </figure> 1611 <header> 1612 <h1 itemprop="name">{{product.product.name}}</h1> 1613 <p itemprop="category">{{product.product.shortDescription}}</p> 1614 <div class="flex-list"> 1615 <product-specification-list-view :product-specifications="product.specifications" 1616 :product-number="product.product.number" 1617 :is-spare-part="product.product.isSparePart"> 1618 </product-specification-list-view> 1619 <template v-if="plpClass=='basic_listview-grid'"> 1620 <buying-component inline-template :selected-product="product" :initial-product="initialProduct"> 1621 <template v-if="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyArrow',selectedProduct.specifications)"> 1622 <div class="energy-data"> 1623 <a :href="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyLabel',selectedProduct.specifications)" target="_blank" class="energy-label"> 1624 <img :src="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyArrow',selectedProduct.specifications)" alt="Energy Label" class="img-fluid img-energy" height="25" /> 1625 </a> 1626 <a href="#" v-on:click="getProductReport($event,selectedProduct.product.number,selectedProduct.product.name,selectedProduct.product.languageId)" target="_blank" class="energy-link"> 1627 <small>@Translate("PDP product sheet", "Product Sheet")</small> 1628 </a> 1629 </div> 1630 </template> 1631 </buying-component> 1632 </template> 1633 </div> 1634 </header> 1635 </a> 1636 <template v-if="plpClass=='basic_listview-list'"> 1637 <ul class="basic_listview-specs"> 1638 <li v-for="item in SpecificationHelpers.GetPrettyBulletPoints(product.specifications)"> 1639 {{item}} 1640 </li> 1641 </ul> 1642 </template> 1643 <buying-component @@discount="onDiscount($event)" inline-template :selected-product="product" :plp-class="plpClass" :initial-product="initialProduct"> 1644 <footer itemprop="offers" itemscope="" itemtype="https://schema.org/Offer"> 1645 1646 <template v-if="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyArrow',selectedProduct.specifications) && plpClass == 'basic_listview-list'"> 1647 <div class="energy-price"> 1648 <div class="variant-price"> 1649 <variant-list :initial-variant="initialProduct" :currently-selected="selectedProduct"></variant-list> 1650 <async-price class-type="asyncprice-plp" 1651 :product="selectedProduct" 1652 :default-price="selectedProduct.product.defaultPrice.priceWithoutVat" 1653 :only-standard-price="@(Pageview.IsCurrentlyB2C().ToString().ToLower())" 1654 list-price="true" 1655 :should-emit-warranties="@((Pageview.IsAllowedToShop()).ToString().ToLower())" 1656 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))" 1657 @@discount="onDiscount($event)" 1658 :list-view="true"> 1659 </async-price> 1660 </div> 1661 <div class="energy-data"> 1662 <a :href="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyLabel',selectedProduct.specifications)" class="energy-label" target="_blank"> 1663 <img :src="SpecificationHelpers.GetFirstSpecificationValueOrDefault('EnergyArrow',selectedProduct.specifications)" alt="Energy Label" class="img-fluid img-energy" height="25" /> 1664 </a> 1665 <a href="#" v-on:click="getProductReport($event,selectedProduct.product.number,selectedProduct.product.name,selectedProduct.product.languageId)" target="_blank" class="energy-link"> 1666 <small>@Translate("PDP product sheet", "Product Sheet")</small> 1667 </a> 1668 </div> 1669 </div> 1670 </template> 1671 <template v-else> 1672 <div class="variant-price"> 1673 <variant-list :initial-variant="initialProduct" :currently-selected="selectedProduct"></variant-list> 1674 <async-price class-type="asyncprice-plp" 1675 :product="selectedProduct" 1676 :default-price="selectedProduct.product.defaultPrice.priceWithoutVat" 1677 :only-standard-price="@(Pageview.IsCurrentlyB2C().ToString().ToLower())" 1678 list-price="true" 1679 :should-emit-warranties="@((Pageview.IsAllowedToShop()).ToString().ToLower())" 1680 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))" 1681 @@discount="onDiscount($event)" 1682 :list-view="true"> 1683 </async-price> 1684 </div> 1685 </template> 1686 1687 <stock-location-component inline-template :remote-stock-shop-ids='@JsonConvert.SerializeObject(websiteSettings.ExternalShopIds)' not-in-stock-text='@Translate("PLP not in stock text", "N/A")' :default-stock-units='selectedProduct.product.stockUnits' :default-remote-stock-units='selectedProduct.product.remoteStock' :product='selectedProduct' :earliest-harbor-arrival-date='selectedProduct.product.EarliestHarborArrival'> 1688 <div class="stockscontainer"> 1689 <template v-if="stockUnits.length > 0 && !loading"> 1690 <div v-for="unit in stockUnits" class="stocks"> 1691 <span style="font-size: 1px">{{unit.quantity}}</span> 1692 <small v-if="stocksHasNoQuantity" class="outofstock"> 1693 {{ unit.stockLocation.description }} {{ GetStockAmountString(unit.quantity) }} 1694 </small> 1695 <small v-else class="instock"> 1696 {{ unit.stockLocation.description }} {{ GetStockAmountString(unit.quantity) }} @Translate("PLP In Stock", "In Stock") 1697 </small> 1698 </div> 1699 </template> 1700 <template v-if="remoteStockUnits.length > 0 && !loading"> 1701 <div v-for="remoteunit in remoteStockUnits" class="stocks"> 1702 <span style="font-size: 1px">{{remoteunit.quantity}}</span> 1703 <small v-if="remoteStocksHasNoQuantity" class="outofstock"> 1704 {{ remoteunit.stockLocation.description }} {{ GetStockAmountString(remoteunit.Quantity) }} 1705 </small> 1706 <small v-else class="instock"> 1707 {{ remoteunit.stockLocation.description }} {{ GetStockAmountString(remoteunit.quantity) }} @Translate("PLP In Stock", "In Stock") 1708 </small> 1709 </div> 1710 </template> 1711 </div> 1712 </stock-location-component> 1713 1714 <div class="btn-group"> 1715 <add-to-compare :product-number="selectedProduct.product.number"></add-to-compare> 1716 @if (Pageview.IsCurrentlyB2B()) 1717 { 1718 <favorite-lists ui-error-message-translation="@Translate(plpProductPrefix + " Error while retrieving favorite list","Error while retrieving favorite list")" :is-favorite-mode="@NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag("favorites") == @Pageview.ID" :product="selectedProduct"></favorite-lists> 1719 } 1720 </div> 1721 <add-to-basket-simple :product="selectedProduct" 1722 :unit-of-measure="'PCS'" 1723 button-class="btn btn-primary" 1724 class="addtobasketsimple-plp" 1725 :price-without-vat="currentItemPriceWithoutVat" 1726 language-id="@Pageview.Area.EcomLanguageId" 1727 :only-spare-parts="@(Pageview.User.OnlySpareParts().ToString().ToLower())" 1728 :is-marketing-user="@(Pageview.User.OnlyView().ToString().ToLower())" 1729 :ishvasuser="@(Pageview.User.IsHVACUser().ToString().ToLower())" 1730 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1731 </add-to-basket-simple> 1732 </footer> 1733 </buying-component> 1734 </article> 1735 </script> 1736 <script type="text/x-template" id="quick-search-template"> 1737 <div class="quicksearch-component"> 1738 <div class="quickorder-form"> 1739 <slot name="right-box"></slot> 1740 <div class="quickorder-box"> 1741 <h2>@Translate("Find products")</h2> 1742 <div class="quickorder-input"> 1743 <label for="quickOrderSearch">@Translate("Product name or number")</label> 1744 <input type="text" 1745 :id="id" 1746 v-model="search" 1747 @@keydown.enter="enter" 1748 @@keydown.down="down" 1749 @@keydown.up="up" 1750 @@input="onSearchInput" 1751 class="form-control form-control-lg" 1752 autocomplete="chrome-off" 1753 placeholder="@Translate("Quick order search term")" 1754 :disabled="disabled"/> 1755 <label for="quickOrderQty">@Translate("Quantity")</label> 1756 <input type="number" 1757 v-model.number="quantity" 1758 @@change="chosenProduct()" 1759 @@keydown.enter="chosenProduct()" 1760 class="form-control form-control-lg" 1761 id="quickOrderQty" 1762 placeholder="0" 1763 autocomplete="chrome-off" 1764 :disabled="disabled"/> 1765 1766 </div> 1767 <ul v-if="filterList.length > 0 && open" class="quickorder-list"> 1768 <li v-for="(product,index) in filterList" 1769 :class="{'active': isSelected(index)}"> 1770 <button @@click="suggestClick(index)"> 1771 {{concatNameAndNumber(product)}} 1772 </button> 1773 1774 </li> 1775 </ul> 1776 1777 <div class="quickorder-product" v-if="currentChosenProduct"> 1778 <p><strong>{{currentChosenProduct.name}}</strong><small>{{currentChosenProduct.shortDescription}}</small></p> 1779 <product-specification-list-view v-if="searchProductSpecs !== null" 1780 :product-specifications="searchProductSpecs" 1781 :product-number="currentChosenProduct.number"> 1782 </product-specification-list-view> 1783 <async-price class-type="quickorder-product-price" 1784 :product="currentChosenProduct" 1785 unit-of-measure="" 1786 :only-price="true" 1787 default-price-without-vat="0" 1788 @@price="handlePriceUpdate" 1789 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1790 </async-price> 1791 </div> 1792 </div> 1793 </div> 1794 <p v-if="showPriceError">@Translate("QuickOrderZeroPriceError","Can not add product with zero price")</p> 1795 <div class="quickorder-cart" v-if="productsToOrder.length > 0"> 1796 <table class="table table-striped table-flex"> 1797 <thead> 1798 <tr> 1799 <th>@Translate("Product")</th> 1800 <th>@Translate("Specifications")</th> 1801 <th>@Translate("Quantity")</th> 1802 <th class="cell-right">@Translate("Price")</th> 1803 <th>&nbsp;</th> 1804 </tr> 1805 </thead> 1806 <tbody> 1807 <tr v-for="(product,index) in productsToOrder"> 1808 <td class="cell-prod"> 1809 <strong>{{product.name}}</strong> 1810 <small>{{product.shortDescription}}</small> 1811 </td> 1812 <td class="cell-specs"> 1813 <product-specification-list-view :product-specifications="product.productSpecifications" 1814 :product-number="product.number"> 1815 </product-specification-list-view> 1816 </td> 1817 <td class="cell-specs"> 1818 <input class="form-control" type="number" v-model="product.quantity" @@input="updateQuantity()" /> 1819 </td> 1820 <td class="cell-price cell-right"> 1821 <async-price class-type="quickorder-product-price" 1822 :product="quickOrderProductToSimpleProduct(product)" 1823 unit-of-measure="" 1824 :only-price="true" 1825 default-price-without-vat="0" 1826 :should-emit-warranties="true" 1827 @@qo-warranty-update="setWarranty($event,product)" 1828 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1829 1830 </async-price> 1831 </td> 1832 <td class="cell-trash"> 1833 <button @@click="removeOrderline(index)" aria-label="@Translate("Delete product")" class="text-danger"> 1834 <svg> 1835 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#trash-alt"></use> 1836 </svg> 1837 </button> 1838 </td> 1839 </tr> 1840 </tbody> 1841 </table> 1842 <slot name="button"></slot> 1843 1844 </div> 1845 </div> 1846 </script> 1847 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 1848 @{ 1849 //This template contains everything for the favoritelist items. 1850 string favoriteListPrefix = "FavoriteList "; 1851 } 1852 <span id="favoritelistitem_confirm_delete_on_all" style="display: none; visibility: hidden">@Translate(favoriteListPrefix + "_confirm_delete_all", "Er du sikker på at du vil fjerne produktet {0} fra alle lister ?")</span> 1853 1854 <script type="text/x-template" id="favorite-item-template"> 1855 <div class="custom-control custom-checkbox"> 1856 <input type="checkbox" :checked="isActive" v-on:change="toggleItem()" :id="'fav-' +favoriteList.id" class="custom-control-input" /> 1857 <label :for="'fav-' + favoriteList.id" class="custom-control-label"> 1858 {{favoriteList.name}} 1859 </label> 1860 1861 @*<input type="checkbox" :value="favoriteList.id" :checked="isItemAddedToThisList(favoriteList)" v-on:change="toggleItem($event, favoriteList.id)" class="form-check-input" /> 1862 <label :for="'fav-' + favoriteList.id" class="form-check-label"> 1863 {{favoriteList.name}} 1864 </label>*@ 1865 </div> 1866 </script> 1867 <!-- 1868 1869 <button class="btn btn-favorite favorite" title="Add to favorite" aria-label="@Translate("Favorite", "Favorite" )" v-on:click="toggleItem()"> 1870 <svg> 1871 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#snowflake"></use> 1872 </svg> 1873 </button> 1874 --> 1875 <script type="text/x-template" id="favorite-list-template"> 1876 <div class="fav"> 1877 <button :aria-controls="'favorite' + product.product.id" :class="['btn btn-favorite', {'is-open': showingMenu}, {'is-selected': isActive}]" aria-label="@Translate(favoriteListPrefix + "Favorite", "Favorite" )" :title="isActive ? '@Translate(favoriteListPrefix + "Remove from favorites","Remove from favorites")' : '@Translate(favoriteListPrefix + "Add to favorites","Add to favorites")'" v-on:click="toggleItem()"> 1878 <svg> 1879 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#snowflake"></use> 1880 </svg> 1881 </button> 1882 <div class="fav-overlay" v-autoClose.nonPath="closeToggle" :id="'favorite' + product.product.id"> 1883 <div class="fav-arrow" v-if="showingMenu"></div> 1884 <div class="fav-inwrap" v-if="showingMenu"> 1885 <template v-if="loading"> 1886 <div class="text-center"> 1887 <span class="spinner-md-default"></span> 1888 </div> 1889 </template> 1890 <em class="error" v-if="uiErrorMessage">{{uiErrorMessage}}</em> 1891 <template v-if="!loading && !uiErrorMessage"> 1892 <p class="fav-title">@Translate(favoriteListPrefix + "Favoritliste", "Favoritliste")</p> 1893 <template v-if="favoriteLists && favoriteLists.length > '0'"> 1894 <p class="fav-teaser"> 1895 @Translate(favoriteListPrefix + "Tilføj eller fjern markering.", "Tilføj eller fjern markering.") 1896 </p> 1897 <div class="fav-lists"> 1898 <favorite-item v-for="favoriteList in favoriteLists" :favorite-list="favoriteList" :product="product" :key="favoriteList.id" /> 1899 </div> 1900 <div class="fav-new"> 1901 <div class="custom-control custom-checkbox"> 1902 <input type="checkbox" v-model="addNewList" id="addNewListCheckbox" class="custom-control-input" /> 1903 <label for="addNewListCheckbox" class="custom-control-label"> 1904 @Translate(favoriteListPrefix + "Ny favoritliste", "Ny favoritliste") 1905 </label> 1906 </div> 1907 </div> 1908 <div v-if="addNewList" class="fav-form"> 1909 <label for="addNewListNameInput" class="sr-only">@Translate(favoriteListPrefix + "Navn", "Navn")</label> 1910 <input type="text" id="addNewListNameInput" v-model="addNewListNameInput" class="form-control form-control-sm new-list-name-input" placeholder="@Translate(favoriteListPrefix + "Navn", "Navn")" v-on:keyup.enter="saveAsNewList" /> 1911 <button v-on:click="saveAsNewList" class="btn btn-secondary btn-sm">@Translate(favoriteListPrefix + "Gem", "Gem")</button> 1912 </div> 1913 </template> 1914 <template v-else> 1915 <p class="fav-teaser">@Translate(favoriteListPrefix + "NoFavoritliste", "Du har endnu ingen favoritlister, angiv navn for at oprette en.")</p> 1916 <div class="fav-form"> 1917 <label for="addNewListNameInput" class="sr-only">@Translate(favoriteListPrefix + "Navn", "Navn")</label> 1918 <input type="text" id="addNewListNameInput" v-model="addNewListNameInput" class="form-control form-control-sm new-list-name-input" placeholder="@Translate(favoriteListPrefix + "Navn", "Navn")" v-on:keyup.enter="saveAsNewList" /> 1919 <button v-on:click="saveAsNewList" class="btn btn-secondary btn-sm">@Translate(favoriteListPrefix + "Gem", "Gem")</button> 1920 </div> 1921 </template> 1922 </template> 1923 </div> 1924 </div> 1925 </div> 1926 </script> 1927 1928 <script type="text/x-template" id="basic-range-slider-template"> 1929 @{ 1930 string rangeFacetPrefix = "Filter "; 1931 } 1932 <div class="facet-option"> 1933 <vue-slider :key="key" @@drag-end="onChange" @@click="onChange" :min-range="1" v-model="value" :dotSize="20" :min="min" :max="max" :clickable="false"></vue-slider> 1934 <div class="vue-slider-fields"> 1935 <div class="form-group"> 1936 <label for="minValue" class="sr-only">@Translate(rangeFacetPrefix + "Minimum Value", "Minimum Value")</label> 1937 <input class="form-control form-control-sm" type="number" @@blur="onChange" id="minValue" name="minValue" v-model="minValue" /> 1938 </div> 1939 <div class="form-group"> 1940 <label for="maxValue" class="sr-only">@Translate(rangeFacetPrefix + "Maximum Value", "Maximum Value")</label> 1941 <input class="form-control form-control-sm" type="number" @@blur="onChange" id="maxValue" name="maxValue" v-model="maxValue" /> 1942 </div> 1943 </div> 1944 </div> 1945 </script> 1946 1947 1948 1949 <script type="text/x-template" id="add-compare-template"> 1950 <button @@click="onClick" :class="['btn btn-compare', {'is-selected':isInCompare}]" :title="[isInCompare ? '@Translate(plpProductPrefix + "Remove from Compare", "Remove from Compare")' : '@Translate(plpProductPrefix + "Add to compare", "Add to compare")']"> 1951 <svg> 1952 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#balance-scale"></use> 1953 </svg> 1954 </button> 1955 </script> 1956 @using Dynamicweb.Frontend 1957 @{ 1958 string instantSearchPrefix = "InstantSearch "; 1959 } 1960 <script type="text/x-template" id="instant-search-template"> 1961 <form v-bind:class="baseClass" action="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("searchresult")" v-autoClose="closeFoldOut"> 1962 <div class="basic_instantsearch"> 1963 <label for="searchTerm" class="sr-only">@Translate(instantSearchPrefix + "Search", "Search")</label> 1964 <input type="search" 1965 placeholder="@Translate(instantSearchPrefix + "Search", "Search")" 1966 id="searchTerm" 1967 name="search" 1968 autocomplete="off" 1969 v-model="searchTerm" 1970 @*v-on:focus="openSearch"*@ 1971 @*v-on:blur="closeFoldOut()"*@ 1972 autofocus> 1973 <button type="submit"> 1974 <span class="sr-only">@Translate(instantSearchPrefix + "Search", "Search")</span> 1975 <svg> 1976 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#search"></use> 1977 </svg> 1978 </button> 1979 <div class="fold-out" id="fold-popup" aria-controls="fold-popup" v-bind:class="{ active: foldActive && showResults, 'has-results': showResults }" v-auto-close> 1980 <template v-if="searchTerm == null"> 1981 <p class="search-string">@Translate(instantSearchPrefix + "Type something", "Type something")</p> 1982 </template> 1983 <template v-else-if="queryLoading"> 1984 <div class="is-loading"> 1985 <span class="spinner-lg-default"></span> 1986 </div> 1987 </template> 1988 <template v-else-if="!showResults"> 1989 <p class="search-string"> 1990 @Translate(instantSearchPrefix + "Empty search...", "Empty search...") 1991 </p> 1992 </template> 1993 <div class="fold-out-grid" v-else> 1994 <div class="fold-out-col is-content"> 1995 <ul v-if="groups?.length>0" class="fold-out-content"> 1996 <li> 1997 <strong>@Translate(instantSearchPrefix + "Categories", "Categories")</strong> 1998 </li> 1999 <li v-for="group in groups"> 2000 <a :href="group.url"> 2001 {{group.groupName}} 2002 </a> 2003 </li> 2004 </ul> 2005 <ul v-if="contents?.length>0" class="fold-out-content"> 2006 <li> 2007 <strong>@Translate(instantSearchPrefix + "Content", "Content")</strong> 2008 </li> 2009 <li v-for="content in contents"> 2010 <a :href="content.url"> 2011 {{content.pageTitle}} 2012 </a> 2013 </li> 2014 <li v-if="hasMoreContent" class="show-all"> 2015 <a :href="'@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("searchresult")?search=' + searchTerm + '&show=content'">@Translate(instantSearchPrefix + "See all", "Se alle")</a> 2016 </li> 2017 </ul> 2018 </div> 2019 <div class="fold-out-col is-products" v-if="products?.length > 0"> 2020 <ul class="fold-out-products"> 2021 <li> 2022 <strong>@Translate(instantSearchPrefix + "Products", "Products")</strong> 2023 </li> 2024 <li v-for="product in products"> 2025 <figure> 2026 <img :src="'/Admin/Public/GetImage.ashx?Width=50&amp;Height=50&amp;fillcanvas=true&amp;Compression=85&amp;Crop=5&amp;Image=' + (product.imageLink ? product.imageLink : '/Files/Images/Default.jpg')" /> 2027 </figure> 2028 <div> 2029 <a :href="product.url"> 2030 {{product.name}} 2031 </a> 2032 <small>{{product.number}}</small> 2033 </div> 2034 </li> 2035 <li v-if="hasMoreProducts" class="show-all"> 2036 <a :href="'@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("searchresult")?search=' + searchTerm + '&show=products'">@Translate(instantSearchPrefix + "See all", "Se alle")</a> 2037 </li> 2038 </ul> 2039 2040 </div> 2041 <div class="fold-out-col is-spareparts" v-if="spareParts?.length > 0"> 2042 <ul class="fold-out-products"> 2043 <li> 2044 <strong>@Translate(instantSearchPrefix + "Spareparts", "Spare parts")</strong> 2045 </li> 2046 <li v-for="product in spareParts"> 2047 <figure> 2048 <img :src="'/Admin/Public/GetImage.ashx?Width=50&amp;Height=50&amp;fillcanvas=true&amp;Compression=85&amp;Crop=5&amp;Image=' + (product.imageLink ? product.imageLink : '/Files/Images/Default.jpg')" /> 2049 </figure> 2050 <div> 2051 <a :href="product.url"> 2052 {{product.name}} 2053 </a> 2054 <small>{{product.number}}</small> 2055 </div> 2056 </li> 2057 <li v-if="hasMoreSpares" class="show-all"> 2058 <a :href="'@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("searchresult")?search=' + searchTerm + '&show=spares'">@Translate(instantSearchPrefix + "See all", "Se alle")</a> 2059 </li> 2060 </ul> 2061 </div> 2062 </div> 2063 @*<div v-if="searchTerm != '' && showResults && !queryLoading" class="actions"> 2064 <a :href="'@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("searchresult")?search=' + searchTerm">@Translate(instantSearchPrefix + "See all", "Se alle")</a> 2065 </div>*@ 2066 </div> 2067 </div> 2068 </form> 2069 </script> 2070 2071 2072 2073 <script src="@NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/scripts/vendors~bundle.min.js")"></script> 2074 <script src="@NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/scripts/bundle.min.js")"></script> 2075 @{ 2076 var currentUser = NORRIQ.Universal.Identity.Dw.UserViewModel.GetCurrentUser<Tefcold.Web.Api.Models.UserViewModelWithMediaBank>(); 2077 var jsonUser = Newtonsoft.Json.JsonConvert.SerializeObject(currentUser); 2078 } 2079 <script async> 2080 AppStart.VueProvider.init({ 2081 webApiUrl: '@System.Web.Configuration.WebConfigurationManager.AppSettings["WebApiProxyUrl"]', 2082 user: @jsonUser, 2083 currencyCode: '@currencyCode', 2084 locale: '@Pageview.Area.Culture', 2085 currencyLeft: false, 2086 currencySpacing: true, 2087 currencySymbol: '@currencyCode', 2088 currencyDecimalSeparator: ',', 2089 currencyGroupSeparator: '.', 2090 currencyDecimalDigits: 2, 2091 dateFormatShort: '@Pageview.Area.Dateformat', 2092 shopId: '@Pageview.Area.EcomShopId', 2093 languages: `@languagesJson`, 2094 langId: '@Pageview.Area.EcomLanguageId', 2095 areaId: '@Pageview.Area.ID' 2096 }); 2097 </script> 2098 2099 <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script> 2100 <script type='text/javascript'>(function ($) { window.fnames = new Array(); window.ftypes = new Array(); fnames[0] = 'EMAIL'; ftypes[0] = 'email'; fnames[11] = 'INTEREST'; ftypes[11] = 'dropdown'; fnames[8] = 'COMPANY'; ftypes[8] = 'text'; fnames[12] = 'FNAME'; ftypes[12] = 'text'; fnames[1] = 'LNAME'; ftypes[1] = 'text'; fnames[2] = 'PHONE'; ftypes[2] = 'phone'; fnames[4] = 'COUNTRY'; ftypes[4] = 'dropdown'; fnames[5] = 'WEBSITE'; ftypes[5] = 'url'; fnames[9] = 'COMMENT'; ftypes[9] = 'text'; fnames[10] = 'HEARABOUT2'; ftypes[10] = 'dropdown'; }(jQuery)); var $mcj = jQuery.noConflict(true);</script> 2101 2102 <script append="replace"></script> 2103 @if (!string.IsNullOrEmpty(Model.PropertyItem.GetString("FormScript"))) 2104 { 2105 2106 @Model.PropertyItem.GetString("FormScript") 2107 2108 } 2109 </body> 2110 </html>