Error executing template "Designs/Tefcold/_parsed/Basic_Page.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_82caccb168d44c2d98a55815ebb61f68.Execute() in E:\Solutions\Live\Tefcold.Web\Files\Templates\Designs\Tefcold\_parsed\Basic_Page.parsed.cshtml:line 508
   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 Dynamicweb.Content 2 @using Dynamicweb.Frontend; 3 @using Dynamicweb.Security.UserManagement 4 @using NLWI.Core.Factory 5 @using NORRIQ.SalesPersonLogin.Services 6 @using Tefcold.Web.CustomCode.Extensions 7 @using Tefcold.Web.CustomCode.Items.Properties 8 @using Tefcold.Web.CustomCode.LanguageSwitch 9 @using Tefcold.Web.CustomCode.Razor 10 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 11 @{ 12 //Heine: Understående kan bruges såfremt der skal tjekkes på om man er i impersonation mode: 13 var isImpersonating = ImpersonationService.IsCurrentlyImpersonating(); 14 var locationName = Pageview.User?.Name; 15 var websiteSettings = Pageview.Area.Item.ToCodeFirstItem<Websites>(); 16 } 17 18 <!DOCTYPE html> 19 <html lang="@Pageview.Area.Culture"> 20 <head> 21 <meta charset='utf-8' /> 22 <meta name="description" content="@Model.Description" /> 23 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes, shrink-to-fit=no" /> 24 <meta http-equiv="x-ua-compatible" content="ie=edge"> 25 @if (Model.Area.Item.GetBoolean("NoIndex")) 26 { 27 <!-- TODO: remove on launch--> 28 <meta name="robots" content="noindex, nofollow" /> 29 } 30 31 @if (!string.IsNullOrWhiteSpace(websiteSettings.HeaderScript)) 32 { 33 @websiteSettings.HeaderScript 34 } 35 36 @if (!string.IsNullOrWhiteSpace(websiteSettings.GoogleTagManagerId)) 37 { 38 <script> 39 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 40 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 41 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 42 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 43 })(window,document,'script','dataLayer','@websiteSettings.GoogleTagManagerId'); 44 </script> 45 } 46 47 <title>@Model.Title</title> 48 @Model.MetaTags 49 @if (Model.Area.Item.GetFile("Icon") != null) 50 { 51 <link href="@Model.Area.Item.GetFile("Icon").Path" rel="icon" type="image/png"> 52 } 53 <link async href="@NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/css/Tefcold-min.css")" rel="stylesheet" /> 54 </head> 55 <body> 56 @if (!string.IsNullOrWhiteSpace(websiteSettings.GoogleTagManagerId)) 57 { 58 <!-- Google Tag Manager (noscript) --> 59 <noscript> 60 <iframe src="https://www.googletagmanager.com/ns.html?id=@websiteSettings.GoogleTagManagerId" 61 height="0" width="0" style="display: none; visibility: hidden"></iframe> 62 </noscript> 63 <!-- End Google Tag Manager (noscript) --> 64 } 65 <div id="app"> 66 @{ 67 string basicNavbarPrefix = "Header "; 68 var logo = Model.Area.Item.GetFile("Logo"); 69 var currencyCode = Pageview.User?.Currency ?? Pageview.Area.EcomCurrencyId; 70 } 71 <header class="basic_navbar" id="header"> 72 @if (isImpersonating) 73 { 74 <div class="impersonation-bar"> 75 <div class="basic_navbar-container"> 76 <p> 77 @Translate(basicNavbarPrefix + "debitor", "Debitor"): <b>@locationName</b> | <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("impersonation-choose-customer")?action=changeuser">@Translate("Change customer")</a> 78 </p> 79 </div> 80 </div> 81 } 82 <div class="basic_navbar-main"> 83 <div class="basic_navbar-container"> 84 85 <button type="button" 86 class="basic_navbar-burger" 87 aria-label="@Translate(basicNavbarPrefix + "Open main navigation", "Open main navigation")" 88 v-b-toggle.basic_navigation> 89 <span></span> 90 <span></span> 91 <span></span> 92 </button> 93 <a href="/" class="basic_navbar-logo" title="@Translate(basicNavbarPrefix + "Go to frontpage", "Go to frontpage")"> 94 @if (logo != null) 95 { 96 <img class="img-fluid" src="@logo.Path" alt="@Translate(basicNavbarPrefix + "Website Logo Alttext", "Website Logo Alttext")" /> 97 } 98 else 99 { 100 <i>@Translate(basicNavbarPrefix + "No logo found", "No logo found, please configure it in the Dynamicweb Administration")</i> 101 } 102 </a> 103 <collapse-hack inline-template> 104 <b-collapse class="basic_navbar-navigation" id="basic_navigation" tag="nav"> 105 @RenderNavigation(new { Template = "basic_navbar.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4 }) 106 <ul class="basic_navbar-subnav"> 107 <li> 108 <button type="button" 109 v-b-toggle.languages 110 aria-label="@Translate(basicNavbarPrefix + "Choose Language", "Choose Language")"> 111 <img src="@Pageview.Area.Flag32X32" alt="@Pageview.Area.CultureInfo.EnglishName" /> 112 <span class="sr-only">@Pageview.Area.CultureInfo.EnglishName</span> 113 </button> 114 </li> 115 <li> 116 <button v-b-toggle.contacts 117 type="button" 118 aria-label="@Translate(basicNavbarPrefix + "Show contacts", "Show contacts")"> 119 <svg> 120 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#phone-alt"></use> 121 </svg> 122 <span class="sr-only">@Translate(basicNavbarPrefix + "Contacts", "Contacts")</span> 123 </button> 124 </li> 125 <li> 126 <button v-b-toggle.customer-center 127 type="button" 128 aria-label="@Translate(basicNavbarPrefix + "Show Webshop Login", "Show Webshop Login")"> 129 @if (Pageview.User == null) 130 { 131 <svg> 132 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#user"></use> 133 </svg> 134 } 135 else 136 { 137 <svg style="width: 30px; height: 30px;"> 138 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#user-check"></use> 139 </svg> 140 } 141 <span class="sr-only">@Translate(basicNavbarPrefix + "Login", "Login")</span> 142 </button> 143 </li> 144 @if (Pageview.User != null) 145 { 146 <li> 147 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("quickorder")" title="@Translate(basicNavbarPrefix + "Quickorder", "Quickorder")"> 148 <svg width="28px" height="28px"> 149 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#quickorder"></use> 150 </svg> 151 <span class="sr-only">@Translate(basicNavbarPrefix + "Quickorder", "Quickorder")</span> 152 </a> 153 </li> 154 } 155 @if (Pageview.User != null && Pageview.User.AllowMediaBank()) 156 { 157 <media-bank inline-template> 158 <li> 159 160 <form id="mediabankform" action="https://imagebank.tefcold.com/Home/LoginUser" method="post"> 161 <input id="mediabankformname" type="hidden" name="username" /> 162 <input id="mediabankformpassword" type="hidden" name="password" /> 163 <input type="hidden" value="false" name="persistent" /> 164 </form> 165 <a v-on:click="connect($event)" href="#"> 166 <svg width="28px" height="28px" fill="currentColor"> 167 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#photo-video"></use> 168 </svg> 169 <span class="sr-only">@Translate(basicNavbarPrefix + "Mediabank", "Mediabank")</span> 170 </a> 171 </li> 172 </media-bank> 173 } 174 <li> 175 <button type="button" 176 class="btn-close" 177 @@click="collapseAll" 178 aria-label="@Translate(basicNavbarPrefix + "Close Navigation", "Close Navigation")"> 179 <span></span> 180 <span></span> 181 </button> 182 </li> 183 </ul> 184 </b-collapse> 185 </collapse-hack> 186 <form class="basic_navbar-search" action="/Default.aspx"> 187 <search-shortcut inline-template> 188 <div style="display: none"></div> 189 </search-shortcut> 190 <label for="productsearch">Search</label> 191 <input name="ID" type="hidden" value="@NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag("searchresult")"> 192 <input name="PageSize" type="hidden" value="99" /> 193 <input type="search" placeholder="@Translate(basicNavbarPrefix + "Search", "Search")" id="productsearch" name="productsearch"> 194 <button type="submit"> 195 <span class="sr-only">@Translate(basicNavbarPrefix + "Search", "Search")</span> 196 <svg> 197 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#search"></use> 198 </svg> 199 </button> 200 </form> 201 <ul class="basic_navbar-functions"> 202 <li class="basic_navbar-languages relative"> 203 <button type="button" v-b-toggle.languages aria-label="@Translate(basicNavbarPrefix + "Choose Language", "Choose Language")"> 204 <span class="sr-only">@Pageview.Area.CultureInfo.EnglishName</span> 205 <img src="@Pageview.Area.Flag32X32" alt="@Pageview.Area.Culture - Flag" /> 206 </button> 207 <b-collapse id="languages" class="basic_navbar-dropdown" accordion="header" v-auto-close> 208 <div class="basic_navbar-body"> 209 <ul> 210 @foreach (var lang in Model.Area.Languages.Where(a => !a.IsCurrent)) 211 { 212 string langUrl; 213 string countryCode = lang.Culture.Split('-').Last(); 214 215 if (Dynamicweb.Context.Current.Request["GroupID"] != null) 216 { 217 langUrl = this.GetGroupUrl(Dynamicweb.Context.Current.Request["GroupID"], countryCode); 218 } 219 else if (!string.IsNullOrEmpty(lang.PrimaryDomain)) 220 { 221 try 222 { 223 var lss = ObjectFactory.GetInstance<LanguageSwitchService>(); 224 langUrl = lss.GetLanguagePage(lang.ID, this.Pageview.ID); 225 226 //var uriBuilder = new UriBuilder(Pageview.SearchFriendlyUrl); 227 //uriBuilder.Host = !lang.PrimaryDomain.Contains("http") ? lang.PrimaryDomain : "https://" + lang.PrimaryDomain; 228 //langUrl = uriBuilder.Uri.AbsoluteUri; 229 230 } 231 catch (Exception) 232 { 233 langUrl = Pageview.SearchFriendlyUrl; 234 } 235 } 236 else 237 { 238 langUrl = Pageview.SearchFriendlyUrl; 239 } 240 <li> 241 <a href="@langUrl"> 242 <img src="/Admin/Images/Flags/flag_@(countryCode).png" alt="@lang.Culture - Flag" loading="lazy" /> 243 <span>@Translate("lang_" + lang.Culture.Split('-').First(), lang.Culture.Split('-').First())</span> 244 </a> 245 </li> 246 } 247 <li> 248 <hr class="m-0" /> 249 <a href="/Default.aspx?ID=@GetPageIdByNavigationTag("CzechRedirect")"> 250 <img src="/Admin/Images/Flags/flag_cz.png" alt="cs-CZ - Flag" loading="lazy" /> 251 <span>@Translate("lang_cs", "cs")</span> 252 </a> 253 </li> 254 <li> 255 <a href="/Default.aspx?ID=@GetPageIdByNavigationTag("SlovakRedirect")"> 256 <img src="/Admin/Images/Flags/flag_sk.png" alt="sk-SK - Flag" loading="lazy" /> 257 <span>@Translate("lang_sk", "sk")</span> 258 </a> 259 </li> 260 261 </ul> 262 </div> 263 </b-collapse> 264 </li> 265 <li class="basic_navbar-contacts @(Pageview.User != null ? "static" : "relative")"> 266 <button v-b-toggle.contacts 267 type="button" 268 aria-label="@Translate(basicNavbarPrefix + "Show contacts", "Show contacts")"> 269 <svg> 270 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#phone-alt"></use> 271 </svg> 272 <span class="sr-only">@Translate(basicNavbarPrefix + "Contacts", "Contacts")</span> 273 </button> 274 @{ 275 var impersonationGroupId = websiteSettings.ImpersonationGroup.FirstOrDefault(); 276 IEnumerable<User> users = null; 277 IEnumerable<User> salesPersons = new List<User>(); 278 if (Pageview.User != null) 279 { 280 var salesPersonCode = Pageview.User.CustomFieldValues.FirstOrDefault(field => field.CustomField.Name == "Sales Person Code"); 281 var salesPersonsInitials = salesPersonCode?.Value?.ToString().Split(',') ?? new string[] { }; 282 salesPersonsInitials = salesPersonsInitials.Select(x => x.ToLower()).ToArray(); 283 284 if (!string.IsNullOrEmpty(impersonationGroupId)) 285 { 286 users = Group.GetGroupByID(int.Parse(impersonationGroupId)).Users; 287 } 288 if (users == null || Pageview.User == null) 289 { 290 salesPersons = new List<User>(); 291 } 292 else 293 { 294 salesPersons = users.Where(user => salesPersonsInitials.Contains(user.Email.ToLower().Split('@').FirstOrDefault() ?? "")); 295 } 296 } 297 298 } 299 <b-collapse id="contacts" class="@(Pageview.User != null ? "basic_navbar-megamenu" : "basic_navbar-dropdown")" v-auto-close accordion="header"> 300 <div class="basic_navbar-body"> 301 @if (Pageview.User != null) 302 { 303 if (salesPersons.Any()) 304 { 305 <p class="tefcold_salesperson-byline h1">@Translate(basicNavbarPrefix + "Your Sales Team", "Your Sales Team")</p> 306 } 307 foreach (var salesPerson in salesPersons) 308 { 309 <div class="tefcold_salesperson" itemscope itemtype="http://schema.org/Person"> 310 <figure> 311 <img src="@salesPerson.Image" class="img-fluid" alt="@salesPerson.Name" itemprop="image" loading="lazy" /> 312 </figure> 313 <p itemprop="name">@salesPerson.Name</p> 314 <p itemprop="jobTitle">@salesPerson.JobTitle</p> 315 <p itemprop="telephone"> 316 <svg> 317 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#phone-alt"></use> 318 </svg> 319 <span>@salesPerson.PhonePrivate</span> 320 </p> 321 <p itemprop="telephone"> 322 <svg> 323 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#mobile-alt"></use> 324 </svg> 325 <span>@salesPerson.PhoneMobile</span> 326 </p> 327 <a href="@("mailto:" + @salesPerson.Email)" itemprop="email"> 328 <svg> 329 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#envelope"></use> 330 </svg> 331 <span>@salesPerson.Email</span> 332 </a> 333 </div> 334 } 335 } 336 <ul> 337 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("PhoneLabel")) 338 && !string.IsNullOrEmpty(Model.Area.Item.GetString("Phonenumber"))) 339 { 340 <li class="head"> 341 <strong> 342 @Model.Area.Item.GetString("PhoneLabel") 343 </strong> 344 <strong> 345 @Model.Area.Item.GetString("Phonenumber") 346 </strong> 347 </li> 348 } 349 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("ContactPage")) 350 && !string.IsNullOrEmpty(Model.Area.Item.GetString("ContactLabel"))) 351 { 352 <li> 353 <a href="@Model.Area.Item.GetString("ContactPage")"> 354 @Model.Area.Item.GetString("ContactLabel") 355 </a> 356 </li> 357 } 358 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("SalesPage")) 359 && !string.IsNullOrEmpty(Model.Area.Item.GetString("SalesLabel"))) 360 { 361 <li> 362 <a href="@Model.Area.Item.GetString("SalesPage")"> 363 @Model.Area.Item.GetString("SalesLabel") 364 </a> 365 </li> 366 } 367 </ul> 368 369 </div> 370 </b-collapse> 371 </li> 372 <li class="basic_navbar-user"> 373 <button v-b-toggle.customer-center type="button" aria-label="@Translate(basicNavbarPrefix + "Show Webshop Login", "Show Webshop Login")"> 374 @if (Pageview.User == null) 375 { 376 <svg> 377 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#user"></use> 378 </svg> 379 } 380 else 381 { 382 <svg style="width: 30px; height: 30px;"> 383 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#user-check"></use> 384 </svg> 385 } 386 <span class="sr-only">@Translate(basicNavbarPrefix + "Login", "Login")</span> 387 </button> 388 389 390 <b-collapse id="customer-center" class="basic_navbar-dropdown" accordion="header" v-auto-close> 391 <div class="basic_navbar-body"> 392 @if (Pageview.User == null) 393 { 394 <head-login-form inline-template> 395 <form name="ExtUserForm" id="loginForm" method="post" class="form" role="form" v-on:submit="submitLogin"> 396 <p> 397 <strong> 398 @Translate(basicNavbarPrefix + "Webshop Login", "Webshop Login") 399 </strong> 400 </p> 401 <input type="hidden" name="ID" id="ID" value="" /> 402 <div class="form-group"> 403 <label for="Username">@Translate(basicNavbarPrefix + "Username", "Username")</label> 404 <input id="Username" v-model="username" name="Username" type="text" value="" class="form-control" autocomplete="off"> 405 </div> 406 <div class="form-group"> 407 <label for="Password">@Translate(basicNavbarPrefix + "Password", "Password")</label> 408 <input id="Password" v-model="password" name="Password" type="password" value="" class="form-control" autocomplete="off"> 409 </div> 410 <div v-if="loginFailed"> 411 <p class="alert alert-warning"> 412 @Translate("Login failed", "Invalid credentials") 413 </p> 414 </div> 415 <div class="basic_login-buttons"> 416 <button type="submit" role="button" class="btn btn-primary btn-block" v-bind:class='{"loading": loading}' v-on:click="loading=true" id="loginBtn"> 417 @Translate(basicNavbarPrefix + "Login", "Login") 418 </button> 419 </div> 420 </form> 421 </head-login-form> 422 <ul> 423 <li> 424 <a href="/Default.aspx?ID=@NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag("forgotpassword")&amp;LoginAction=Recovery"> 425 @Translate(basicNavbarPrefix + "Forgot password", "Forgot password") 426 </a> 427 </li> 428 <li> 429 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("create-account")"> 430 @Translate(basicNavbarPrefix + "Create Webshop Account", "Create Webshop Account") 431 </a> 432 </li> 433 </ul> 434 } 435 else 436 { 437 <div class="active-user"> 438 <p><strong>@Pageview.User.Name</strong></p> 439 <p> 440 <a v-clear-cache:click.user href='/admin/public/extranetlogoff.aspx?ID=@(NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag("home"))'> 441 @Translate(basicNavbarPrefix + "Sign out", "Sign out") 442 </a> 443 </p> 444 </div> 445 @RenderNavigation(new { Template = "basic_Footer.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4, NavigationTag = "customer-portal" }) 446 } 447 </div> 448 </b-collapse> 449 </li> 450 @if (Pageview.User != null && Pageview.User.AllowMediaBank()) 451 { 452 <media-bank inline-template> 453 <li class="basic_navbar-media"> 454 <form id="mediabankform" action="https://imagebank.tefcold.com/Home/LoginUser" method="post"> 455 <input id="mediabankformname" type="hidden" name="username" /> 456 <input id="mediabankformpassword" type="hidden" name="password" /> 457 <input type="hidden" value="false" name="persistent" /> 458 </form> 459 <a v-on:click="connect($event)" href="#" class="media"> 460 <svg width="28px" height="28px"> 461 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#photo-video"></use> 462 </svg> 463 <span class="sr-only">@Translate(basicNavbarPrefix + "Mediabank", "Mediabank")</span> 464 </a> 465 </li> 466 </media-bank> 467 468 } 469 @if (Pageview.User != null) 470 { 471 <li class="basic_navbar-quick"> 472 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("quickorder")" title="@Translate(basicNavbarPrefix + "Quickorder", "Quickorder")"> 473 <svg width="28px" height="28px"> 474 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#quickorder"></use> 475 </svg> 476 <span class="sr-only">@Translate(basicNavbarPrefix + "Quickorder", "Quickorder")</span> 477 </a> 478 </li> 479 } 480 @if (Pageview.Area.Culture == "da-DK" || Pageview.User != null) 481 { 482 <cart-icon cartlink="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("checkout")"></cart-icon> 483 } 484 </ul> 485 </div> 486 </div> 487 </header> 488 @using Dynamicweb.Frontend; 489 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 490 491 @Title("Page") 492 @Description("Default page template") 493 @{ 494 string basicPagePrefix = "Page "; 495 } 496 @if (Pageview.IsCurrentUserAllowed) 497 { 498 var pageLayout = !string.IsNullOrEmpty(Model.Item.GetValue<ListViewModel>("Layout").SelectedValue) ? Model.Item.GetValue<ListViewModel>("Layout").SelectedValue : "content-page-sidebar"; 499 var pageClass = pageLayout == "page-wide" ? "basic_page-wide" : "basic_page"; 500 if (!Model.Item.GetBoolean("HideBreadcrumb")) 501 { 502 if (Model.Area.Item.GetFile("TopImage") != null) 503 { 504 <figure> 505 <img src="/Admin/Public/GetImage.ashx?Height=200&amp;Compression=85&amp;Crop=6&amp;Image=@Model.Area.Item.GetFile("TopImage").Path" class="img-fluid" alt="webbanner" /> 506 </figure> 507 } 508 @RenderNavigation(new { Template = "basic_Breadcrumb.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 5 }) 509 } 510 <main class="@pageClass"> 511 @if (pageLayout == "content-page-sidebar" || pageLayout == "module-page-sidebar") 512 { 513 <aside class="basic_page-sidebar"> 514 @RenderNavigation(new { Template = "basic_Page.xslt", StartLevel = 1, EndLevel = 3 }) 515 </aside> 516 <div class="basic_page-content"> 517 @if (pageLayout == "content-page-sidebar" && !string.IsNullOrEmpty(Model.Item.GetString("Title").ToString()) || !string.IsNullOrEmpty(Model.Item.GetString("Text").ToString())) 518 { 519 <section class="basic_paragraph"> 520 @if (!string.IsNullOrEmpty(Model.Item.GetString("Title").ToString())) 521 { 522 <header> 523 <h1> 524 @Model.Item.GetString("Title") 525 </h1> 526 </header> 527 } 528 @if (Model.Item.GetFile("Image") != null) 529 { 530 <figure> 531 <img src="@Model.Item.GetFile("Image").Path" alt="@Model.Item.GetString("Title")" class="img-fluid" /> 532 </figure> 533 } 534 @if (!string.IsNullOrEmpty(Model.Item.GetString("Text").ToString())) 535 { 536 @Model.Item.GetString("Text") 537 } 538 </section> 539 } 540 @RenderPlaceholder() 541 </div> 542 } 543 else 544 { 545 @RenderPlaceholder() 546 } 547 </main> 548 } 549 else 550 { 551 <main class="basic_page"> 552 @RenderPlaceholder() 553 </main> 554 } 555 @helper RenderPlaceholder() 556 { 557 @Model.Placeholder("Content", "Content", "unwrap:true;default:true") 558 if (!String.IsNullOrEmpty(Model.Placeholder("Boxed"))) 559 { 560 <div class="grouped"> 561 @Model.Placeholder("Boxed", "Grouped Content", "unwrap:true") 562 </div> 563 } 564 } 565 566 @{ 567 string footerPrefix = "Footer "; 568 } 569 <footer class="basic_footer"> 570 <div class="basic_footer-wrap"> 571 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterOneTitle")) && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterOneText"))) 572 { 573 <div class="basic_footer-box"> 574 <div class="basic_footer-head" role="button" v-b-toggle.footer-one> 575 <h3>@Model.Area.Item.GetString("FooterOneTitle")</h3> 576 </div> 577 <b-collapse id="footer-one" class="basic_footer-collapse"> 578 <div class="basic_footer-body"> 579 @Model.Area.Item.GetString("FooterOneText") 580 </div> 581 </b-collapse> 582 </div> 583 } 584 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterTwoTitle")) 585 && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterTwoText")) 586 || !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterTwoTag"))) 587 { 588 <div class="basic_footer-box"> 589 <div class="basic_footer-head" role="button" v-b-toggle.footer-two> 590 <h3>@Model.Area.Item.GetString("FooterTwoTitle")</h3> 591 </div> 592 <b-collapse id="footer-two" class="basic_footer-collapse"> 593 <div class="basic_footer-body"> 594 @Model.Area.Item.GetString("FooterTwoText") 595 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterTwoTag"))) 596 { 597 @RenderNavigation(new { Template = "basic_Footer.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4, NavigationTag = @Model.Area.Item.GetString("FooterTwoTag").ToString() }) 598 } 599 </div> 600 </b-collapse> 601 </div> 602 } 603 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterThreeTitle")) 604 && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterThreeText")) 605 || !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterThreeTag"))) 606 { 607 <div class="basic_footer-box"> 608 <div class="basic_footer-head" role="button" v-b-toggle.footer-three> 609 <h3>@Model.Area.Item.GetString("FooterThreeTitle")</h3> 610 </div> 611 <b-collapse id="footer-three" class="basic_footer-collapse"> 612 <div class="basic_footer-body"> 613 @Model.Area.Item.GetString("FooterThreeText") 614 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterThreeTag"))) 615 { 616 @RenderNavigation(new { Template = "basic_Footer.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4, NavigationTag = @Model.Area.Item.GetString("FooterThreeTag").ToString() }) 617 } 618 </div> 619 </b-collapse> 620 </div> 621 } 622 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterFourTitle")) && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterFourText"))) 623 { 624 <div class="basic_footer-box"> 625 <div class="basic_footer-head" role="button" v-b-toggle.footer-four> 626 <h3>@Model.Area.Item.GetString("FooterFourTitle")</h3> 627 </div> 628 <b-collapse id="footer-four" class="basic_footer-collapse"> 629 <div class="basic_footer-body"> 630 @Model.Area.Item.GetString("FooterFourText") 631 </div> 632 </b-collapse> 633 </div> 634 } 635 </div> 636 637 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterCopyright"))) 638 { 639 640 <div class="basic_footer-sub"> 641 <div class="basic_footer-wrap"> 642 <div class="basic_footer-col"> 643 <p> 644 &copy; @DateTime.Now.Year @Model.Area.Item.GetString("FooterCopyright") 645 </p> 646 </div> 647 @if (Model.Area.Item.GetValue<ListViewModel>("Cards").SelectedValues.Any()) 648 { 649 <div class="basic_footer-col text-center cards"> 650 @foreach (var cards in Model.Area.Item.GetValue<ListViewModel>("Cards").SelectedValues) 651 { 652 <img src="/Files/Images/cards/@cards" alt="@cards.Split('.').First()" loading="lazy" /> 653 } 654 </div> 655 } 656 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FacebookUrl")) 657 || !string.IsNullOrEmpty(Model.Area.Item.GetString("LinkedInUrl")) 658 || !string.IsNullOrEmpty(Model.Area.Item.GetString("YoutubeUrl"))) 659 { 660 <div class="basic_footer-col text-right some"> 661 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FacebookUrl"))) 662 { 663 <a href="@Model.Area.Item.GetString("FacebookUrl")" target="_blank" aria-label="Facebook" rel="noreferrer"> 664 <svg> 665 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#facebook-square"></use> 666 </svg> 667 </a> 668 } 669 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("LinkedInUrl"))) 670 { 671 <a href="@Model.Area.Item.GetString("LinkedInUrl")" target="_blank" aria-label="LinkedIn" rel="noreferrer"> 672 <svg> 673 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#linkedin"></use> 674 </svg> 675 </a> 676 } 677 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("YoutubeUrl"))) 678 { 679 <a href="@Model.Area.Item.GetString("YoutubeUrl")" target="_blank" aria-label="Youtube" rel="noreferrer"> 680 <svg> 681 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#youtube-square"></use> 682 </svg> 683 </a> 684 } 685 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("SmileyUrl"))) 686 { 687 <a href="@Model.Area.Item.GetString("SmileyUrl")" target="_blank" aria-label="@Translate(footerPrefix + "smiley", "Elite Smiley")" rel="noreferrer"> 688 <svg> 689 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#elite-smiley-nocolor"></use> 690 </svg> 691 </a> 692 } 693 </div> 694 } 695 </div> 696 </div> 697 } 698 </footer> 699 <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'> 700 <div></div> 701 </basic-alert> 702 </div> 703 704 <script type="text/x-template" id="cart-icon-template"> 705 @{ 706 string cartIconPrefix = "Minicart "; 707 } 708 <li> 709 <a :href="cartlink"> 710 <svg> 711 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#shopping-cart"></use> 712 </svg> 713 <span class="label">@Translate(cartIconPrefix + "Checkout", "Checkout")</span> 714 <strong v-if="!cartEmpty" class="cart-quantity">{{quantity}}</strong> 715 </a> 716 </li> 717 </script> 718 719 720 721 <script type="text/x-template" id="basic-facet-filter-template"> 722 @{ 723 string basicFacetPrefix = "Filter "; 724 } 725 <aside> 726 <template v-if="HasActiveFilter()"> 727 728 <p id="selected-filter-label" class="sr-only"> 729 @Translate(basicFacetPrefix + "Active", "Active") 730 </p> 731 <div class="basic_filter-active" aria-labelledby="selected-filter-label"> 732 <template v-for="facetFilter in facetFilters"> 733 <span v-for="option in SelectedOptions(facetFilter)" class="custom-control custom-filter"> 734 <input type="checkbox" 735 :id="'Selected-' + facetFilter.name + '-' + option.name" 736 :name="facetFilter.name" 737 :value="option.value" 738 :v-model="option.selected" 739 :checked="option.selected" 740 v-on:click="ToggleFilter(facetFilter.name,option)" 741 class="custom-control-input" /> 742 <label :for="'Selected-' + facetFilter.name + '-' + option.name" class="custom-control-label" :data-name="facetFilter.name"> 743 <span> 744 {{option.label}} 745 </span> 746 <svg> 747 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#times"></use> 748 </svg> 749 </label> 750 </span> 751 </template> 752 </div> 753 </template> 754 <b-collapse class="basic_filter" id="sidebar-filter"> 755 <template v-if="!error && facetFilters"> 756 <button type="button" class="btn-close" v-b-toggle.sidebar-filter.sidebar-overlay aria-label="@Translate(basicFacetPrefix + "Close Filter", "Close Filter")"> 757 <span></span> 758 <span></span> 759 </button> 760 <div class="basic_filter-groups"> 761 <div class="basic_filter-group" v-for="(facetFilter, index) in facetFilters"> 762 <p :id="'filter-group-' + facetFilter.name.toLowerCase().trim()" v-b-toggle="'filter-collapse-' + facetFilter.name.toLowerCase().trim()"> 763 <template v-if="facetFilter.name === 'ModelType'"> 764 @Translate(basicFacetPrefix + "ModelType", "Model / Type") 765 </template> 766 <template v-else-if="facetFilter.name === 'DoorType'"> 767 @Translate(basicFacetPrefix + "DoorType", " Door type") 768 </template> 769 <template v-else-if="facetFilter.name === 'ExternalHeight'"> 770 @Translate(basicFacetPrefix + "ExternalHeight", "External Height") (mm) 771 </template> 772 <template v-else-if="facetFilter.name === 'NetVolume'"> 773 @Translate(basicFacetPrefix + "NetVolume", "Net Volume") (l) 774 </template> 775 <template v-else-if="facetFilter.name === 'DoorNumber'"> 776 @Translate(basicFacetPrefix + "DoorNumber", " Number of doors") 777 </template> 778 <template v-else-if="facetFilter.name === 'ExteriorFinish'"> 779 @Translate(basicFacetPrefix + "ExteriorFinish", "Exterior Finish") 780 </template> 781 <template v-else-if="facetFilter.name === 'ExternalWidth'"> 782 @Translate(basicFacetPrefix + "ExternalWidth", "External Width") (mm) 783 </template> 784 <template v-else-if="facetFilter.name === 'GrossVolume'"> 785 @Translate(basicFacetPrefix + "GrossVolume", "Gross Volume") (l) 786 </template> 787 <template v-else-if="facetFilter.name === 'Bottles330'"> 788 @Translate(basicFacetPrefix + "Bottles330", "Capacity 330ml bottles") 789 </template> 790 <template v-else-if="facetFilter.name === 'Bottles500'"> 791 @Translate(basicFacetPrefix + "Bottles500", "Capacity 500ml bottles") 792 </template> 793 <template v-else-if="facetFilter.name === 'Cans330'"> 794 @Translate(basicFacetPrefix + "Cans330", "Capacity 300ml cans") 795 </template> 796 <template v-else-if="facetFilter.name === 'Cans500'"> 797 @Translate(basicFacetPrefix + "Cans500", "Capacity 500ml cans") 798 </template> 799 <template v-else-if="facetFilter.name === 'TemperatureRange'"> 800 @Translate(basicFacetPrefix + "TemperatureRange", "Temperature Range") 801 </template> 802 <template v-else-if="facetFilter.name === 'TemperatureRangeZone2'"> 803 @Translate(basicFacetPrefix + "TemperatureRangeZone2", "Tempature Range 2") 804 </template> 805 <template v-else-if="facetFilter.name === 'ShelfNumber'"> 806 @Translate(basicFacetPrefix + "ShelfNumber", "Number of shelfs") 807 </template> 808 <template v-else-if="facetFilter.name === 'LidType'"> 809 @Translate(basicFacetPrefix + "LidType", "Lid Type") 810 </template> 811 <template v-else-if="facetFilter.name === 'InteriorFinish'"> 812 @Translate(basicFacetPrefix + "InteriorFinish", "Interior Finish") 813 </template> 814 <template v-else-if="facetFilter.name === 'WineBottles750'"> 815 @Translate(basicFacetPrefix + "WineBottles750", "Capacity 750ml winebottles") 816 </template> 817 <template v-else> 818 {{facetFilter.name}} 819 </template> 820 <svg> 821 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#chevron-up"></use> 822 </svg> 823 </p> 824 <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()"> 825 <template v-if="facetFilter.optionActiveCount > 5"> 826 <span v-for="option in facetFilter.options.slice(0, 5)" class="custom-control custom-checkbox facet-option"> 827 <input type="checkbox" class="custom-control-input" 828 :id="'UnSelected-' + facetFilter.name + '-' + option.name" 829 :name="facetFilter.name" 830 :value="option.value" 831 :v-model="option.selected" 832 :checked="option.selected" 833 v-on:click="ToggleFilter(facetFilter.name,option)" /> 834 <label :for="'UnSelected-' + facetFilter.name + '-' + option.name" class="custom-control-label"> 835 {{option.label}} <span class="count">({{option.count}})</span> 836 </label> 837 </span> 838 <b-collapse class="basic_filter-expand" :id="'filter-expand-' + facetFilter.name.toLowerCase().trim()" :visible="ShowMoreIfSelected(facetFilter.options, index)"> 839 <span v-for="option in facetFilter.options.slice(5)" class="custom-control custom-checkbox facet-option"> 840 <input type="checkbox" class="custom-control-input" 841 :id="'UnSelected-' + facetFilter.name + '-' + option.name" 842 :name="facetFilter.name" 843 :value="option.value" 844 :v-model="option.selected" 845 :checked="option.selected" 846 v-on:click="ToggleFilter(facetFilter.name,option)" /> 847 <label :for="'UnSelected-' + facetFilter.name + '-' + option.name" class="custom-control-label"> 848 {{option.label}} <span class="count">({{option.count}})</span> 849 </label> 850 </span> 851 </b-collapse> 852 <a v-b-toggle="'filter-expand-' + facetFilter.name.toLowerCase().trim()" class="basic_filter-expanding" v-if="facetFilter.optionActiveCount > 6"> 853 <span class="show-more">+ @Translate(basicFacetPrefix + "show more", "show more")</span> 854 <span class="show-less">- @Translate(basicFacetPrefix + "show less", "show less")</span> 855 </a> 856 </template> 857 <template v-else> 858 <span v-for="option in facetFilter.options" class="custom-control custom-checkbox facet-option"> 859 <input type="checkbox" class="custom-control-input" 860 :id="'UnSelected-' + facetFilter.name + '-' + option.name" 861 :name="facetFilter.name" 862 :value="option.value" 863 :v-model="option.selected" 864 :checked="option.selected" 865 v-on:click="ToggleFilter(facetFilter.name,option)" /> 866 <label :for="'UnSelected-' + facetFilter.name + '-' + option.name" class="custom-control-label"> 867 {{option.label}} <span class="count">({{option.count}})</span> 868 </label> 869 </span> 870 </template> 871 </b-collapse> 872 </div> 873 </div> 874 </template> 875 </b-collapse> 876 </aside> 877 </script> 878 <script type="text/x-template" id="add-to-basket-simple-template"> 879 @{ 880 string addToBasketSimplePrifix = "BuyButton "; 881 } 882 <div class="form-flex" v-if="priceWithoutVat > 0" v-bind:class="[{added: IsAdded}, {adding: IsAdding}, {disabled: !canAdd}]"> 883 884 <label for="quantity">@Translate(addToBasketSimplePrifix + "Quantity", "Quantity")</label> 885 <input class="form-control" type="number" name="quantity" v-model="quantity" autocomplete="off" onclick="this.setSelectionRange(0, this.value.length)"> 886 <button :disabled="!canAdd" :class="buttonClass" v-on:click="addToBasketAndResetQuantity()" aria-label="@Translate(addToBasketSimplePrifix + "Add", "Add")"> 887 <slot> 888 <svg> 889 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#shopping-cart"> 890 </use> 891 </svg> 892 <span> 893 @Translate(addToBasketSimplePrifix + "Add to basket", "Add to basket") 894 </span> 895 </slot> 896 897 </button> 898 899 <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> 900 <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> 901 <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> 902 </div> 903 </script> 904 905 <script type="text/x-template" id="quick-add-template"> 906 @{ 907 string quickAddPrifix = "BuyButton "; 908 } 909 <div v-bind:class="[{added: IsAdded}, {adding: IsAdding}]"> 910 <label for="quantity">@Translate(quickAddPrifix + "Quantity", "Quantity")</label> 911 <input class="form-control" type="number" id="quantity" name="quantity" v-model="quantity" autocomplete="off"> 912 </div> 913 </script> 914 915 <script type="text/x-template" id="add-to-basket-button-only-template"> 916 @{ 917 string addToBasketPrefix = "BuyButton "; 918 } 919 <div v-bind:class="[{added: IsAdded}, {adding: IsAdding}]"> 920 <button :class="buttonClass" v-on:click="addToBasket()"> 921 <slot> 922 @Translate(addToBasketPrefix + "Add to basket", "Add to basket") 923 </slot> 924 </button> 925 </div> 926 </script> 927 <script type="text/x-template" id="async-price-template"> 928 @{ 929 string asyncPrefix = "Async "; 930 931 } 932 933 <div :class="classType + (loading ? ' loading' : '')"> 934 <template> 935 <p :class="classType + '--error'" v-if="error">{{error}}</p> 936 </template> 937 <template v-if="!loading"> 938 <template v-if="!forceAskForPrice && price.netUnitPrice.priceWithoutVat"> 939 940 <p class="price"> 941 <span itemprop="price" :content="price.netUnitPrice.priceWithoutVat">{{ price.netUnitPrice.priceWithoutVat | currency(price.currencyCode) }}</span> 942 <span class="sr-only" itemprop="priceCurrency" content="@(Pageview.User?.Currency ?? Pageview.Area.EcomCurrencyId)">@(Pageview.User?.Currency ?? Pageview.Area.EcomCurrencyId)</span> 943 </p> 944 <small>@Translate(asyncPrefix + "price without vat", "Price without VAT")</small> 945 </template> 946 <template v-if="!price?.netUnitPrice?.priceWithoutVat || forceAskForPrice"> 947 <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> 948 </template> 949 </template> 950 </div> 951 </script> 952 <script type="text/x-template" id="pagination-template"> 953 @{ 954 string paginationPrefix = "Pagination "; 955 } 956 <nav aria-label="@Translate(paginationPrefix + "Productlist pagination", "Productlist pagination")"> 957 <ul class="pagination"> 958 <li :class="['page-item', currentPage == 1 ? 'disabled' : '' ]"> 959 <a class="page-link" v-on:click="togglePrevPage()" aria-label="@Translate(paginationPrefix + "Previous Page", "Previous Page")" v-bind:aria-disabled="currentPage > 1 ? 'true' : null"> 960 <svg> 961 <use xmlns:xlink="http://www.w3.org/1999/xlink" 962 xlink:href="/files/dist/icons/icons.svg#chevron-left"> 963 </use> 964 </svg> 965 </a> 966 </li> 967 <template v-if="hasGroupId"> 968 <li v-if="showPage(n)" v-for="n in totalPages" :key="n" :class="(n == currentPage ? 'page-item active' : 'page-item')"> 969 <a v-on:click="togglePage(n)" v-bind:aria-current="(n == currentPage ? 'true' : '')" class="page-link"> 970 {{n}} 971 </a> 972 </li> 973 </template> 974 <template v-else> 975 <li class="page-item"> 976 <span class="page-label"> 977 {{currentPage}} 978 </span> 979 </li> 980 <li class="page-item"> 981 <span class="page-label"> 982 @Translate(paginationPrefix + "of", "of") 983 </span> 984 </li> 985 <li class="page-item"> 986 <span class="page-label"> 987 {{totalPages}} 988 </span> 989 </li> 990 </template> 991 <li :class="'page-item' + (currentPage >= totalPages ? ' disabled' : '')"> 992 <a v-on:click="toggleNextPage()" aria-label="@Translate(paginationPrefix + "Next Page", "Next Page")" class="page-link" v-bind:aria-disabled="totalPages > currentPage ? 'true' : null"> 993 <svg class="icon-pagination"> 994 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#chevron-right"></use> 995 </svg> 996 </a> 997 </li> 998 </ul> 999 </nav> 1000 </script> 1001 <script type="text/x-template" id="product-specification-list-view-template"> 1002 <div class="basic_listview-data"> 1003 <template v-if="!isSparePart"> 1004 <p itemprop="description"> 1005 {{ SpecificationHelpers.GetFirstSpecificationValueOrDefault('GrossNetVolume',productSpecifications)}} {{ SpecificationHelpers.GetSpecificationUnit(SpecificationHelpers.GetSpecificationByKey('GrossNetVolume',productSpecifications))}} 1006 <br /> 1007 {{ SpecificationHelpers.GetFirstSpecificationValueOrDefault('ExternalDimensionWeb',productSpecifications)}} 1008 1009 </p> 1010 </template> 1011 <p itemprop="sku">@Translate("PLP No.", "No.") {{productNumber}}</p> 1012 </div> 1013 </script> 1014 <script type="text/x-template" id="product-spare-parts-view-template"> 1015 @{ 1016 string basicPimPrefix = "PDP "; 1017 } 1018 <div> 1019 <button class="btn-collapse" id="spareparts" v-b-toggle.spareparts-list> 1020 @Translate(basicPimPrefix + "spare parts", "Spare Parts") 1021 </button> 1022 <template> 1023 <b-collapse id="spareparts-list" accordion="specs2"> 1024 <template> 1025 <div class="body-collapse full pb-0"> 1026 <ul class="basic_pim-spares"> 1027 <template v-if="sparePartReportExist"> 1028 <li> 1029 <a href="#" v-on:click="getSparePartReport($event)" target="_blank"> 1030 <svg> 1031 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#download"></use> 1032 </svg> 1033 @Translate(basicPimPrefix + "spare part list", "Spare part list") 1034 </a> 1035 </li> 1036 </template> 1037 <li> 1038 <a :href="explodedDrawing" target="_blank"> 1039 <svg> 1040 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#download"></use> 1041 </svg> 1042 @Translate(basicPimPrefix + "view exploded drawing of spare parts", "View exploded drawing of spare parts") 1043 </a> 1044 </li> 1045 <li :data-point="spare.product.position" class="basic_pim-spare" v-for="spare in spareParts"> 1046 <div class="head"> 1047 <a href="#" v-on:click="navigateToSpare($event,spare.product.id)" class="name">{{spare.product.productName}}</a> 1048 <p class="sku">{{spare.product.number}}</p> 1049 </div> 1050 1051 @if (Pageview.IsAllowedToShop()) 1052 { 1053 <div class="foot"> 1054 <async-price class-type="asyncprice-spare" 1055 :product="spare" 1056 :default-price="spare.product.price" 1057 list-price="true" 1058 :only-standard-price="@(Pageview.IsCurrentlyB2C().ToString().ToLower())" 1059 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1060 > 1061 </async-price> 1062 <add-to-basket-simple 1063 :product="spare" 1064 :unit-of-measure="'PCS'" 1065 button-class="btn btn-primary" 1066 class="addtobasketsimple-plp" 1067 :price-without-vat="spare.product.price" 1068 language-id="@Pageview.Area.EcomLanguageId" 1069 :only-spare-parts="@(Pageview.User.OnlySpareParts().ToString().ToLower())" 1070 :is-marketing-user="@(Pageview.User.OnlyView().ToString().ToLower())" 1071 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1072 </add-to-basket-simple> 1073 </div> 1074 } 1075 @*<p>DEBUG: {{spare}}</p>*@ 1076 </li> 1077 1078 </ul> 1079 </div> 1080 </template> 1081 </b-collapse> 1082 </template> 1083 </div> 1084 1085 </script> 1086 <script type="text/x-template" id="variant-list-template"> 1087 <ul class="variants" v-if="initialVariant.product.hasVariants" > 1088 <li> 1089 <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"/> 1090 <label :for="'main-' + initialVariant.product.id" :style="getImageOrColor(initialVariant.product.variantImage,initialVariant.product.variantValue)"></label> 1091 </li> 1092 <li v-for="variant in initialVariant.product.simpleVariants"> 1093 <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" /> 1094 <label :for="'color-'+variant.product.id+ '-' + variant.product.variantId" :style="getImageOrColor(variant.product.variantImage,variant.product.variantValue)"> 1095 </label> 1096 </li> 1097 </ul> 1098 </script> 1099 <script type="text/x-template" id="product-template"> 1100 <article itemscope itemtype="https://schema.org/Product" v-if="product.product" v-bind:key="product.product.number"> 1101 <span class="badge"> 1102 1103 <img v-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" /> 1104 1105 </span> 1106 <a :href="product.product.url" itemprop="url"> 1107 <figure style="min-height: 1px;"> 1108 1109 <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;fillcanvas=true&amp;Image=' + SpecificationHelpers.GetFirstSpecificationValueOrDefault('WebPrimaryImage',product.specifications)" 1110 v-bind:alt="product.product.name" itemprop="image" class="img-fluid" /> 1111 <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;fillcanvas=true&amp;Image=/Files/Images/default.jpg'" 1112 v-bind:alt="product.product.name" itemprop="image" class="img-fluid" /> 1113 </figure> 1114 <header> 1115 <h1 itemprop="name">{{product.product.name}}</h1> 1116 <p itemprop="category">{{product.product.shortDescription}}</p> 1117 <product-specification-list-view :product-specifications="product.specifications" 1118 :product-number="product.product.number" 1119 :is-spare-part="product.product.isSparePart"> 1120 </product-specification-list-view> 1121 </header> 1122 </a> 1123 <template v-if="plpClass=='basic_listview-list'"> 1124 <ul class="basic_listview-specs"> 1125 <li v-for="item in SpecificationHelpers.GetPrettyBulletPoints(product.specifications)"> 1126 {{item}} 1127 </li> 1128 </ul> 1129 @*{{ product.Product.LongDescription }}*@ 1130 </template> 1131 1132 @if (!Pageview.IsAllowedToShop()) 1133 { 1134 <footer> 1135 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("create-account")" class="btn btn-outline-secondary btn-sm"> 1136 @Translate("create account", "Create account") 1137 </a> 1138 <buying-component inline-template :selected-product="product" :initial-product="initialProduct"> 1139 <variant-list :initial-variant="initialProduct" :currently-selected="selectedProduct"></variant-list> 1140 </buying-component> 1141 </footer> 1142 } 1143 else 1144 { 1145 <buying-component inline-template :selected-product="product" :initial-product="initialProduct"> 1146 <footer itemprop="offers" itemscope="" itemtype="https://schema.org/Offer"> 1147 <variant-list :initial-variant="initialProduct" :currently-selected="selectedProduct"></variant-list> 1148 <async-price class-type="asyncprice-plp" 1149 :product="selectedProduct" 1150 :default-price="selectedProduct.product.defaultPrice.priceWithoutVat" 1151 :only-standard-price="@(Pageview.IsCurrentlyB2C().ToString().ToLower())" 1152 list-price="true" 1153 :should-emit-warranties="@((Pageview.IsAllowedToShop()).ToString().ToLower())" 1154 :force-ask-for-price="(!selectedProduct.product.isSparePart && @((Pageview.User.OnlySpareParts()).ToString().ToLower())) || @(Pageview.User.OnlyView().ToString().ToLower())" 1155 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1156 </async-price> 1157 <add-to-basket-simple :product="selectedProduct" 1158 :unit-of-measure="'PCS'" 1159 button-class="btn btn-primary" 1160 class="addtobasketsimple-plp" 1161 :price-without-vat="currentItemPriceWithoutVat" 1162 language-id="@Pageview.Area.EcomLanguageId" 1163 :only-spare-parts="@(Pageview.User.OnlySpareParts().ToString().ToLower())" 1164 :is-marketing-user="@(Pageview.User.OnlyView().ToString().ToLower())" 1165 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1166 </add-to-basket-simple> 1167 </footer> 1168 </buying-component> 1169 } 1170 1171 </article> 1172 1173 </script> 1174 <script type="text/x-template" id="quick-search-template"> 1175 <div class="quicksearch-component"> 1176 <div class="quickorder-form"> 1177 <slot name="right-box"></slot> 1178 <div class="quickorder-box"> 1179 <h2>@Translate("Find products")</h2> 1180 <div class="quickorder-input"> 1181 <label for="quickOrderSearch">@Translate("Product name or number")</label> 1182 <input type="text" 1183 :id="id" 1184 v-model="search" 1185 @@keydown.enter="enter" 1186 @@keydown.down="down" 1187 @@keydown.up="up" 1188 @@input="onSearchInput" 1189 class="form-control form-control-lg" 1190 autocomplete="chrome-off" 1191 placeholder="@Translate("Quick order search term")" 1192 :disabled="disabled"/> 1193 <label for="quickOrderQty">@Translate("Quantity")</label> 1194 <input type="number" 1195 v-model.number="quantity" 1196 @@change="chosenProduct()" 1197 @@keydown.enter="chosenProduct()" 1198 class="form-control form-control-lg" 1199 id="quickOrderQty" 1200 placeholder="0" 1201 autocomplete="chrome-off" 1202 :disabled="disabled"/> 1203 1204 </div> 1205 <ul v-if="filterList.length > 0 && open" class="quickorder-list"> 1206 <li v-for="(product,index) in filterList" 1207 :class="{'active': isSelected(index)}"> 1208 <button @@click="suggestClick(index)"> 1209 {{concatNameAndNumber(product)}} 1210 </button> 1211 1212 </li> 1213 </ul> 1214 1215 <div class="quickorder-product" v-if="currentChosenProduct"> 1216 <p><strong>{{currentChosenProduct.name}}</strong><small>{{currentChosenProduct.shortDescription}}</small></p> 1217 <product-specification-list-view v-if="searchProductSpecs !== null" 1218 :product-specifications="searchProductSpecs" 1219 :product-number="currentChosenProduct.number"> 1220 </product-specification-list-view> 1221 <async-price class-type="quickorder-product-price" 1222 :product="currentChosenProduct" 1223 unit-of-measure="" 1224 :only-price="true" 1225 default-price-without-vat="0" 1226 :force-ask-for-price="(!currentChosenProduct.isSparePart && @(Pageview.User.OnlySpareParts().ToString().ToLower())) || @(Pageview.User.OnlyView().ToString().ToLower())" 1227 @@price="handlePriceUpdate" 1228 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1229 </async-price> 1230 </div> 1231 </div> 1232 </div> 1233 <p v-if="showPriceError">@Translate("QuickOrderZeroPriceError","Can not add product with zero price")</p> 1234 <div class="quickorder-cart" v-if="productsToOrder.length > 0"> 1235 <table class="table table-striped table-flex"> 1236 <thead> 1237 <tr> 1238 <th>@Translate("Product")</th> 1239 <th>@Translate("Specifications")</th> 1240 <th>@Translate("Quantity")</th> 1241 <th class="cell-right">@Translate("Price")</th> 1242 <th>&nbsp;</th> 1243 </tr> 1244 </thead> 1245 <tbody> 1246 <tr v-for="(product,index) in productsToOrder"> 1247 <td class="cell-prod"> 1248 <strong>{{product.name}}</strong> 1249 <small>{{product.shortDescription}}</small> 1250 </td> 1251 <td class="cell-specs"> 1252 <product-specification-list-view :product-specifications="product.productSpecifications" 1253 :product-number="product.number"> 1254 </product-specification-list-view> 1255 </td> 1256 <td class="cell-specs"> 1257 <input class="form-control" type="number" v-model="product.quantity" @@input="updateQuantity()" /> 1258 </td> 1259 <td class="cell-price cell-right"> 1260 <async-price class-type="quickorder-product-price" 1261 :product="quickOrderProductToSimpleProduct(product)" 1262 unit-of-measure="" 1263 :only-price="true" 1264 default-price-without-vat="0" 1265 :should-emit-warranties="true" 1266 @@qo-warranty-update="setWarranty($event,product)" 1267 :force-ask-for-price="(!product.isSparePart && @(Pageview.User.OnlySpareParts().ToString().ToLower())) || @(Pageview.User.OnlyView().ToString().ToLower())" 1268 standard-customer="@(string.IsNullOrEmpty(Pageview.AreaSettings.GetString("StandardCustomer")) ? "" : Pageview.AreaSettings.GetString("StandardCustomer"))"> 1269 1270 </async-price> 1271 </td> 1272 <td class="cell-trash"> 1273 <button @@click="removeOrderline(index)" aria-label="@Translate("Delete product")" class="text-danger"> 1274 <svg> 1275 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#trash-alt"></use> 1276 </svg> 1277 </button> 1278 </td> 1279 </tr> 1280 </tbody> 1281 </table> 1282 <slot name="button"></slot> 1283 1284 </div> 1285 </div> 1286 </script> 1287 <script src="@NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/scripts/vendors~bundle.min.js")"></script> 1288 <script src="@NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/scripts/bundle.min.js")"></script> 1289 <script async> 1290 AppStart.VueProvider.init({ 1291 webApiUrl: '@System.Web.Configuration.WebConfigurationManager.AppSettings["WebApiProxyUrl"]', 1292 currencyCode: '@currencyCode', 1293 locale: '@Pageview.Area.Culture', 1294 currencyLeft: false, 1295 currencySpacing: true, 1296 currencySymbol: '@currencyCode', 1297 currencyDecimalSeparator: ',', 1298 currencyGroupSeparator: '.', 1299 currencyDecimalDigits: 2, 1300 dateFormatShort: '@Pageview.Area.Dateformat' 1301 }); 1302 </script> 1303 <script append="replace"></script> 1304 </body> 1305 </html>