Error executing template "Designs/Bolind/_parsed/basic_Page.parsed.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_25c230cfd6c64a0da5cb397757cb65d0.Execute() in E:\Solutions\Bolind\Web\Live\Files\Templates\Designs\Bolind\_parsed\Basic_Page.parsed.cshtml:line 558
   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 Bolind.Web.CustomCode 2 @using Bolind.Web.CustomCode.CDN 3 @using Bolind.Web.CustomCode.Impersonation 4 @using Bolind.Web.CustomCode.Licitation 5 @using Bolind.Web.CustomCode.LWI.Selections 6 @using Bolind.Web.CustomCode.SalesPerson 7 @using Dynamicweb.Content 8 @using System.Web 9 @using Bolind.Web.CustomCode.Items.Settings 10 @using Bolind.Web.CustomModules.BolindAccountingNumbers.CustomCode 11 @using Dynamicweb 12 @using Dynamicweb.Environment.Web 13 @using Dynamicweb.Frontend; 14 @using NLWI.Core.Factory 15 @using NORRIQ.Common8.Caching 16 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 17 @{ 18 bool Privat = Model.Area.Item.GetBoolean("Private"); 19 var partnersite = !string.IsNullOrEmpty(Model.Area.Item.GetString("PartnerSiteID")); 20 var partnersiteid = Model.Area.Item.GetString("PartnerSiteID"); 21 //var bgimage = (Model.Area.Item.GetFile("BackgroundImage") != null) ? "Model.Area.Item.GetFile(BackgroundImage).Path" : ""; 22 var bgimage = Model.Area.Item.GetFile("BackgroundImage")?.Path ?? ""; 23 24 var item = Pageview.Area.Item.ToCodeFirstItem<Websites>(); 25 if (!string.IsNullOrWhiteSpace(bgimage)) 26 { 27 bgimage = Pageview.CdnWrap(bgimage); 28 } 29 string centerHeaderPrefix = "Header "; 30 var isCurrentlyImpersonating = ObjectFactory.GetInstance<NORRIQ.SalesPersonLogin.Services.ImpersonationService>().IsCurrentlyImpersonating(); 31 var userDisplayName = Pageview.User?.Name ?? string.Empty; 32 if (isCurrentlyImpersonating) 33 { 34 string name2 = Pageview.User.CustomFieldValues.FirstOrDefault(x => x.CustomField.SystemName == "AccessUser_Name2")?.Value?.ToString(); 35 if (!string.IsNullOrEmpty(name2)) 36 { 37 userDisplayName = $"{Pageview.User.Name} - {name2}"; 38 } 39 } 40 41 string bolindSite = !partnersite ? "bolind-main" : "bolind-partnersite"; 42 } 43 44 <!DOCTYPE html> 45 <html lang="@Pageview.Area.Culture"> 46 <head> 47 <title>@Model.Title</title> 48 <meta charset='utf-8' /> 49 <meta name="description" content="@Model.Description" /> 50 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes, shrink-to-fit=no" /> 51 <meta http-equiv="x-ua-compatible" content="ie=edge"> 52 @if (Model.Area.Item.GetBoolean("NoIndex")) 53 { 54 <!-- TODO: remove on launch--> 55 <meta name="robots" content="noindex, nofollow" /> 56 } 57 @Model.MetaTags 58 @if (PageView.Current().IsB2C() && !partnersite) 59 { 60 <link rel="preload" href="@Pageview.CdnWrapResources(NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/css/Bolind-b2c-min.css"))" as="style" /> 61 <link href="@Pageview.CdnWrapResources(NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/css/Bolind-b2c-min.css"))" rel="stylesheet" media="screen" /> 62 } 63 else if (!PageView.Current().IsB2C() && !partnersite) 64 { 65 <link rel="preload" href="@Pageview.CdnWrapResources(NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/css/Bolind-min.css"))" as="style" /> 66 67 <link href="@Pageview.CdnWrapResources(NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/css/Bolind-min.css"))" rel="stylesheet" media="screen" /> 68 @*<link href="/Files/dist/css/Bolind-min.css" rel="stylesheet" />*@ 69 } 70 else if (partnersite) 71 { 72 <link rel="preload" href="@Pageview.CdnWrapResources(NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/css/" + partnersiteid + "-min.css"))" as="style" /> 73 <link href="@Pageview.CdnWrapResources(NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/css/" + partnersiteid + "-min.css"))" rel="stylesheet" media="screen" /> 74 } 75 @*<link href="@Pageview.CdnWrapResources(NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/css/Print-min.css"))" rel="stylesheet" media="print" />*@ 76 <link href="/Files/dist/css/Print-min.css" rel="stylesheet" media="print" /> 77 <link rel="shortcut icon" href="@Pageview.CdnWrap("/Files/Images/Graphics/icons/favicon.ico")" /> 78 <!-- Apple --> 79 <link rel="apple-touch-icon" sizes="any" href="@Pageview.CdnWrap("/Files/Images/Graphics/icons/bl-icon-196.png")" /> 80 <link rel="apple-touch-icon" sizes="180x180" href="@Pageview.CdnWrap("/Files/Images/Graphics/icons/bl-icon-180.png")" /> 81 <!-- Windows --> 82 <meta name="application-name" content="@Model.Title" /> 83 <meta name="msapplication-TileColor" content="#020b10" /> 84 <meta name="msapplication-square150x150logo" content="@Pageview.CdnWrap("/Files/Images/Graphics/icons/bl-icon-150.png")" /> 85 <!-- Android --> 86 <link rel="icon" sizes="192x192" href="@Pageview.CdnWrap("/Files/Images/Graphics/icons/bl-icon-192.png")"> 87 88 @if (!string.IsNullOrWhiteSpace(item.HeaderScript)) 89 { 90 @item.HeaderScript 91 } 92 93 @if (!partnersite) 94 { 95 string googleMaterialIconsUri = "https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,200..500,0..1,25&icon_names=apparel,arrow_forward,book_ribbon,call,chevron_forward,close,eco,faucet,forest,household_supplies,ladder,lightbulb,local_laundry_service,mail,mode_fan,person,play_arrow,sell,shopping_cart,star,store,tools_ladder,vertical_align_top&display=block"; 96 97 <link rel="preload" href="@googleMaterialIconsUri" as="style" /> 98 <link href="@googleMaterialIconsUri" rel="stylesheet" /> 99 } 100 </head> 101 <body id="top" class="@bolindSite"> 102 @if (Model.Area.Item.GetString("IeWarningText") != null) 103 { 104 <div class="alert alert-warning text-center ie-only" rel="noindex">@Model.Area.Item.GetString("IeWarningText")</div> 105 } 106 @if (!partnersite && Pageview.User != null && Pageview.User.GetNavAssociationGroup().ToUpper() == "KAB") 107 { 108 <div class="alert alert-warning text-center" rel="noindex">@Translate("UsePunchOut", "Benyt punchout løsningen")</div> 109 } 110 @if (partnersite && Pageview.User == null) 111 { 112 <div id="app" class="partnerlogin"> 113 <div class="partnerloginWrap"> 114 <div class="partnerLoginbox"> 115 <h1 class="page-header">@Model.Area.Item.GetString("PartnerSiteTitle")</h1> 116 @*@if (Model.Area.Item.GetFile("Logo") != null) 117 { 118 <picture> 119 @if (Model.Area.Item.GetFile("LogoMobile") != null) 120 { 121 <source media="(max-width:63.99875rem)" srcset="@Model.Area.Item.GetFile("LogoMobile").Path" /> 122 } 123 <img class="img-fluid" src="@Model.Area.Item.GetFile("Logo")" alt="@Translate(centerHeaderPrefix + "Website Logo Alttext", "Website Logo Alttext")" /> 124 </picture> 125 } 126 else 127 { 128 <i>@Translate(centerHeaderPrefix + "No logo found", "No logo found, please configure it in the Dynamicweb Administration")</i> 129 }*@ 130 <p>@Translate("login_subline01", "Du skal være logget ind for at se denne side.")</p> 131 <p>@Translate("login_subline02", "Du er muligvis blevet logget ud af systemet. Du bedes gå tilbage til din handelsportal og foretage login der igennem.")</p> 132 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("PartnerLoginText"))) 133 { 134 <hr class="hr-light" /> 135 <h3>@Translate("login_headline", "Alternativ adgang")</h3> 136 <p> 137 @Model.Area.Item.GetString("PartnerLoginText") 138 </p> 139 } 140 <head-login-form inline-template> 141 <form name="ExtUserForm" id="loginForm" method="post" class="form" role="form" v-on:submit="submitLogin"> 142 <input type="hidden" name="ID" id="ID" value="@Pageview.Page.ID" /> 143 <div class="form-group"> 144 <label for="Username">@Translate("Username", "Username")</label> 145 <input id="Username" v-model="username" name="Username" type="text" value="" class="form-control" autocomplete="off"> 146 </div> 147 <div class="form-group"> 148 <label for="Password">@Translate("Password", "Password")</label> 149 <input id="Password" v-model="password" name="Password" type="password" value="" class="form-control" autocomplete="off"> 150 </div> 151 <div v-if="loginFailed"> 152 <p class="alert alert-warning"> 153 @Translate("Login failed", "Invalid credentials") 154 </p> 155 </div> 156 <div class="basic_login-buttons"> 157 <button type="submit" role="button" class="btn btn-dark btn-block btn-lg" v-bind:class='{"loading": loading}' v-on:click="loading=true" id="loginBtn"> 158 @Translate("Login", "Login") 159 </button> 160 </div> 161 </form> 162 </head-login-form> 163 </div> 164 </div> 165 </div> 166 } 167 else 168 { 169 <div id="app"> 170 <header class="center_header hide-print"> 171 <div class="center_header-top"> 172 <div class="center_header-container"> 173 @if (partnersite) 174 { 175 <div class="partnersite"> 176 @Model.Area.Item.GetString("PartnerSiteTitle") 177 </div> 178 } 179 <div class="center_header-userinfo"> 180 @if (Model.Area.Item.GetFile("HeaderGraphic") != null) 181 { 182 <img src="@Pageview.CdnWrap(Model.Area.Item.GetFile("HeaderGraphic").Path)" class="img-fluid" alt="@Translate(centerHeaderPrefix + "Graphics Alt Text", "One Stop Shopping")" /> 183 } 184 @if (!PageView.Current().IsB2C()) 185 { 186 if (Pageview.User != null) 187 { 188 <p title="@userDisplayName" class="logged-in @(isCurrentlyImpersonating ? "is-sales-person" : "ae")"> 189 <span v-b-toggle.customer-center>@Pageview.User.UserName, @userDisplayName @Pageview.User.CustomFieldValues.FirstOrDefault(x => x.CustomField.SystemName == "AccessUser_Name2").Value</span><a v-clear-cache:click.cart.user href="/admin/public/extranetlogoff.aspx?ID=@(Model.Area.FirstActivePage.ID)">@Translate(centerHeaderPrefix + "Sign Out", "Sign Out")</a> 190 </p> 191 } 192 else 193 { 194 <p class="logged-out"> 195 <a href="javascript:void();" v-b-toggle.customer-center> 196 @Translate(centerHeaderPrefix + "Login", "Log ind") 197 </a> 198 </p> 199 } 200 } 201 </div> 202 </div> 203 </div> 204 <div class="center_header-main"> 205 @if (partnersite) 206 { 207 <div class="logowrap"> 208 <a href="/" class="center_header-logo" title="@Translate(centerHeaderPrefix + "Go to frontpage", "Go to frontpage")"> 209 @if (Model.Area.Item.GetFile("Logo") != null) 210 { 211 <picture> 212 @if (Model.Area.Item.GetFile("LogoMobile") != null) 213 { 214 <source media="(max-width:63.99875rem)" srcset="@Pageview.CdnWrap(Model.Area.Item.GetFile("LogoMobile").Path)" /> 215 } 216 <img class="img-fluid" src="@Pageview.CdnWrap(Model.Area.Item.GetFile("Logo").Path)" alt="@Translate(centerHeaderPrefix + "Website Logo Alttext", "Website Logo Alttext")" /> 217 </picture> 218 } 219 else 220 { 221 <i>@Translate(centerHeaderPrefix + "No logo found", "No logo found, please configure it in the Dynamicweb Administration")</i> 222 } 223 </a> 224 </div> 225 } 226 <div class="center_header-container @(Pageview.User != null ? "center_header-container--user-logged-in" : string.Empty)"> 227 @if (!partnersite) 228 { 229 <div class="center_header-burger"> 230 <button type="button" 231 aria-label="@Translate(centerHeaderPrefix + "Open main navigation", "Open main navigation")" 232 v-b-toggle.basic_navigation> 233 <span></span> 234 <span></span> 235 <span></span> 236 </button> 237 </div> 238 <div class="center_header-container--logo"> 239 <a href="/" class="center_header-logo" title="@Translate(centerHeaderPrefix + "Go to frontpage", "Go to frontpage")"> 240 @if (Model.Area.Item.GetFile("Logo") != null) 241 { 242 <picture> 243 @if (Model.Area.Item.GetFile("LogoMobile") != null) 244 { 245 <source media="(max-width:1199px)" srcset="@Pageview.CdnWrap(Model.Area.Item.GetFile("LogoMobile").Path)" /> 246 } 247 <img class="img-fluid" src="@Pageview.CdnWrap(Model.Area.Item.GetFile("Logo").Path)" alt="@Translate(centerHeaderPrefix + "Website Logo Alttext", "Website Logo Alttext")" /> 248 </picture> 249 } 250 else 251 { 252 <i>@Translate(centerHeaderPrefix + "No logo found", "No logo found, please configure it in the Dynamicweb Administration")</i> 253 } 254 </a> 255 </div> 256 <div class="center_header-container--search"> 257 <instant-search base-class="center_header-search" :ajax-paragraph-id="@(ObjectFactory.GetInstance<NORRIQ.Common8.Context.ParagraphService>().GetParagraphId("instant-search-plp", 1))"></instant-search> 258 </div> 259 <div class="center_header-container--actions"> 260 <ul class="center_header-functions"> 261 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderZeroIcon")) 262 && !string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderZeroLabel")) 263 && !string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderZeroLink"))) 264 { 265 <li> 266 <a href="@Model.Area.Item.GetString("HeaderZeroLink")"> 267 <span class="icon material-symbols-rounded">@Model.Area.Item.GetString("HeaderZeroIcon")</span> 268 <span class="label">@Model.Area.Item.GetString("HeaderZeroLabel")</span> 269 </a> 270 </li> 271 } 272 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderOneIcon")) 273 && !string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderOneLabel")) 274 && !string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderOneLink"))) 275 { 276 <li> 277 <a href="@Model.Area.Item.GetString("HeaderOneLink")"> 278 <span class="icon material-symbols-rounded">@Model.Area.Item.GetString("HeaderOneIcon")</span> 279 <span class="label">@Model.Area.Item.GetString("HeaderOneLabel")</span> 280 </a> 281 </li> 282 } 283 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderTwoIcon")) 284 && !string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderTwoLabel")) 285 && !string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderTwoLink"))) 286 { 287 <li class="center_header-contact"> 288 <a href="@Model.Area.Item.GetString("HeaderTwoLink")"> 289 <span class="icon material-symbols-rounded">@Model.Area.Item.GetString("HeaderTwoIcon")</span> 290 <span class="label">@Model.Area.Item.GetString("HeaderTwoLabel")</span> 291 </a> 292 </li> 293 } 294 @if (!Privat) 295 { 296 <li class="@(Pageview.User != null ? "favorites-allowed" : "favorites-closed")"> 297 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("favoritlister")"> 298 <span class="icon material-symbols-rounded">star</span> 299 <span class="label">@Translate(centerHeaderPrefix + "favoritliste", "Favoritliste")</span> 300 </a> 301 </li> 302 <li class="center_header-customer"> 303 <button v-b-toggle.customer-center type="button" id="login-toggle" aria-label="@Translate("Show Webshop Login")" title="@(Pageview.User == null ? Translate("Login") : Translate("Account"))"> 304 <span class="icon material-symbols-rounded">person</span> 305 <span class="label">@(Pageview.User == null ? Translate(centerHeaderPrefix + "Login", "Log ind") : Translate(centerHeaderPrefix + "Customer center", "Kundecenter"))</span> 306 </button> 307 <b-collapse id="customer-center" class="head_login-dropmenu" accordion="basic_navigation" v-auto-close> 308 <div class="head_login-dropmenu--box"> 309 @if (Pageview.User == null) 310 { 311 <p class="h6"> 312 <span class="material-symbols-rounded">person</span> 313 @Translate("Webshop Login", "Webshop Login") 314 </p> 315 <head-login-form inline-template> 316 <form name="ExtUserForm" id="loginForm" method="post" class="form" role="form" v-on:submit="submitLogin"> 317 <input type="hidden" name="ID" id="ID" value="@Pageview.Page.ID" /> 318 <div class="form-group"> 319 <label for="Username">@Translate("Username", "Username")</label> 320 <input id="Username" v-model="username" name="Username" type="text" value="" class="form-control" autocomplete="off"> 321 </div> 322 <div class="form-group"> 323 <label for="Password">@Translate("Password", "Password")</label> 324 <input id="Password" v-model="password" name="Password" type="password" value="" class="form-control" autocomplete="off"> 325 </div> 326 <div v-if="loginFailed"> 327 <p class="alert alert-warning"> 328 @Translate("Login failed", "Invalid credentials") 329 </p> 330 </div> 331 <div class="basic_login-buttons"> 332 <button type="submit" role="button" class="btn btn-primary btn-block" v-bind:class='{"loading": loading}' id="loginBtn"> 333 @Translate("Login", "Login") 334 </button> 335 </div> 336 </form> 337 </head-login-form> 338 <ul class="links"> 339 <li> 340 <a href="/Default.aspx?ID=@NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag("forgotpassword")&amp;LoginAction=Recovery"> 341 @Translate("Forgot password") 342 </a> 343 </li> 344 <li> 345 <a href="/Default.aspx?ID=@NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag("usercreate")"> 346 @Translate("Create User") 347 </a> 348 </li> 349 </ul> 350 } 351 else 352 { 353 <div> 354 <p class="h6"> 355 <span class="material-symbols-rounded">person</span> 356 @Pageview.User.Name 357 </p> 358 <div class="navi"> 359 @DwCaching.CacheByPage("bolind_customer.xslt", () => RenderNavigation(new { Template = "bolind_customer.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4, parenttag = "customer-portal" })) 360 </div> 361 <p class="text-right"> 362 <a v-clear-cache:click.cart.user href='/admin/public/extranetlogoff.aspx?ID=@(Pageview.Page.ID)' class="text-sm text-danger"> 363 @Translate("Sign out") 364 </a> 365 </p> 366 </div> 367 } 368 </div> 369 </b-collapse> 370 </li> 371 } 372 <li class="center_header-checkout"> 373 <cart-icon-new cartlink="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("checkout")"></cart-icon-new> 374 </li> 375 </ul> 376 </div> 377 } 378 else 379 { 380 <div class="center_header-burger"> 381 <button type="button" 382 aria-label="@Translate(centerHeaderPrefix + "Open main navigation", "Open main navigation")" 383 v-b-toggle.basic_navigation> 384 <span></span> 385 <span></span> 386 <span></span> 387 </button> 388 </div> 389 <instant-search base-class="center_header-search" :ajax-paragraph-id="@(ObjectFactory.GetInstance<NORRIQ.Common8.Context.ParagraphService>().GetParagraphId("instant-search-plp", 1))"></instant-search> 390 @*logo was here*@ 391 <ul class="center_header-functions"> 392 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderZeroIcon")) 393 && !string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderZeroLabel")) 394 && !string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderZeroLink"))) 395 { 396 <li> 397 <a href="@Model.Area.Item.GetString("HeaderZeroLink")"> 398 <svg> 399 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#@Model.Area.Item.GetString("HeaderZeroIcon")"></use> 400 </svg> 401 <span class="label">@Model.Area.Item.GetString("HeaderZeroLabel")</span> 402 </a> 403 </li> 404 } 405 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderOneIcon")) 406 && !string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderOneLabel")) 407 && !string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderOneLink"))) 408 { 409 <li> 410 <a href="@Model.Area.Item.GetString("HeaderOneLink")"> 411 <svg> 412 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#@Model.Area.Item.GetString("HeaderOneIcon")"></use> 413 </svg> 414 <span class="label">@Model.Area.Item.GetString("HeaderOneLabel")</span> 415 </a> 416 </li> 417 } 418 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderTwoIcon")) 419 && !string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderTwoLabel")) 420 && !string.IsNullOrEmpty(Model.Area.Item.GetString("HeaderTwoLink"))) 421 { 422 <li class="center_header-contact"> 423 <a href="@Model.Area.Item.GetString("HeaderTwoLink")"> 424 <svg> 425 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#@Model.Area.Item.GetString("HeaderTwoIcon")"></use> 426 </svg> 427 <span class="label">@Model.Area.Item.GetString("HeaderTwoLabel")</span> 428 </a> 429 </li> 430 } 431 @if (!Privat) 432 { 433 <li class="@(Pageview.User != null ? "favorites-allowed" : "favorites-closed")"> 434 <a href="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("favoritlister")"> 435 436 <svg> 437 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#star"></use> 438 </svg> 439 <span class="label">@Translate(centerHeaderPrefix + "favoritliste", "favoritliste")</span> 440 441 </a> 442 </li> 443 <li class="center_header-customer"> 444 <button v-b-toggle.customer-center type="button" id="login-toggle" aria-label="@Translate("Show Webshop Login")" title="@(Pageview.User == null ? Translate("Login") : Translate("Account"))"> 445 <svg> 446 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#user"></use> 447 </svg> 448 @if (Pageview.User == null) 449 { 450 <span class="label"> 451 @Translate(centerHeaderPrefix + "Login", "Log ind") 452 </span> 453 } 454 else 455 { 456 <span class="label"> 457 @Translate(centerHeaderPrefix + "Customer center", "Kundecenter") 458 </span> 459 } 460 </button> 461 <b-collapse id="customer-center" class="head_login-dropmenu" accordion="basic_navigation" v-auto-close> 462 <div class="head_login-dropmenu--box"> 463 @if (Pageview.User == null) 464 { 465 <p class="h6"> 466 <svg class="icon icon-dark"> 467 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#user"></use> 468 </svg> 469 @Translate("Webshop Login", "Webshop Login") 470 </p> 471 <head-login-form inline-template> 472 <form name="ExtUserForm" id="loginForm" method="post" class="form" role="form" v-on:submit="submitLogin"> 473 <input type="hidden" name="ID" id="ID" value="@Pageview.Page.ID" /> 474 <div class="form-group"> 475 <label for="Username">@Translate("Username", "Username")</label> 476 <input id="Username" v-model="username" name="Username" type="text" value="" class="form-control" autocomplete="off"> 477 </div> 478 <div class="form-group"> 479 <label for="Password">@Translate("Password", "Password")</label> 480 <input id="Password" v-model="password" name="Password" type="password" value="" class="form-control" autocomplete="off"> 481 </div> 482 <div v-if="loginFailed"> 483 <p class="alert alert-warning"> 484 @Translate("Login failed", "Invalid credentials") 485 </p> 486 </div> 487 <div class="basic_login-buttons"> 488 <button type="submit" role="button" class="btn btn-primary btn-block" v-bind:class='{"loading": loading}' id="loginBtn"> 489 @Translate("Login", "Login") 490 </button> 491 </div> 492 </form> 493 </head-login-form> 494 <ul class="links"> 495 <li> 496 <a href="/Default.aspx?ID=@NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag("forgotpassword")&amp;LoginAction=Recovery"> 497 @Translate("Forgot password") 498 </a> 499 </li> 500 <li> 501 <a href="/Default.aspx?ID=@NORRIQ.Common8.Razor.Navigation.GetPageIdByNavigationTag("usercreate")"> 502 @Translate("Create User") 503 </a> 504 </li> 505 </ul> 506 } 507 else 508 { 509 <div> 510 <p class="h6"> 511 <svg class="icon icon-dark"> 512 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#user"></use> 513 </svg> 514 @Pageview.User.Name 515 </p> 516 <div class="navi"> 517 @DwCaching.CacheByPage("bolind_customer.xslt", () => RenderNavigation(new { Template = "bolind_customer.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4, parenttag = "customer-portal" })) 518 </div> 519 <p class="text-right"> 520 <a v-clear-cache:click.cart.user href='/admin/public/extranetlogoff.aspx?ID=@(Pageview.Page.ID)' class="text-sm text-danger"> 521 @Translate("Sign out") 522 </a> 523 </p> 524 </div> 525 } 526 </div> 527 </b-collapse> 528 </li> 529 } 530 <li class="center_header-checkout"> 531 <cart-icon cartlink="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("checkout")"></cart-icon> 532 </li> 533 </ul> 534 } 535 </div> 536 </div> 537 @if (partnersite) 538 { 539 @DwCachingWithSelections.CacheByPage("center_Header.xslt", () => RenderNavigation(new { Template = "center_Header.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4 })); 540 } 541 else 542 { 543 @DwCachingWithSelections.CacheByPage("center_Header_new.xslt", () => RenderNavigation(new { Template = "center_Header_new.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 4 })); 544 } 545 546 </header> 547 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 548 @using Bolind.Web.CustomCode.CDN 549 @using Dynamicweb.Frontend; 550 @using NORRIQ.Common8.Caching 551 552 @{ 553 string basicPagePrefix = "Page "; 554 var bg = Model.Item != null && Model.Item.GetBoolean("WhiteBackground") ? "whitebg" : ""; 555 } 556 @if (Pageview.IsCurrentUserAllowed) 557 { 558 var pageLayout = !string.IsNullOrEmpty(Model.Item.GetValue<ListViewModel>("Layout").SelectedValue) ? Model.Item.GetValue<ListViewModel>("Layout").SelectedValue : "content-page-sidebar"; 559 var pageClass = pageLayout == "page-wide" ? "basic_page-wide" : "basic_page"; 560 bool isBanner = Model.Item.GetBoolean("isBanner"); 561 var isBottomRight = Model.Item.GetBoolean("isBottomRight") ? " bottom-right" : "top-left"; 562 var isWhite = Model.Item.GetBoolean("isWhite") ? "text-white" : "text-dark"; 563 var isFixedWidth = Model.Item.GetBoolean("isFixedWidth") ? " is-fixed" : ""; 564 var justifyBanner = Model.Item.GetBoolean("isBottomRight") ? "space-between" : "center"; 565 566 567 if (!Model.Item.GetBoolean("HideBreadcrumb")) 568 { 569 @DwCaching.CacheByPage("basic_Breadcrumb.xslt", () => RenderNavigation(new { Template = "basic_Breadcrumb.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 5 })) 570 } 571 <main class="@pageClass" id="main-element"> 572 @if (pageLayout == "content-page-sidebar" || pageLayout == "module-page-sidebar") 573 { 574 <aside class="basic_page-sidebar"> 575 @*<div class="sidebar-toggle"> 576 <button type="button" 577 class="btn-toggle" 578 v-b-toggle.sidebar-navigation 579 aria-label="@Translate(basicPagePrefix + "Open sidebar","Open sidebar")"> 580 <svg class="icon-left"> 581 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#chevron-left"></use> 582 </svg> 583 <span>@Pageview.Page.MenuText</span> 584 </button> 585 </div>*@ 586 @DwCaching.CacheByPage("basic_Page.xslt", () => RenderNavigation(new { Template = "basic_Page.xslt", StartLevel = 1, EndLevel = 3 })) 587 </aside> 588 <section class="basic_page-content @bg"> 589 @if (pageLayout == "content-page-sidebar" 590 && !string.IsNullOrEmpty(Model.Item.GetString("Title").ToString()) 591 || !string.IsNullOrEmpty(Model.Item.GetString("Text").ToString()) 592 || Model.Item.GetFile("Image") != null) 593 { 594 if (isBanner && Model.Item.GetFile("Image") != null) 595 { 596 <figure class="page-banner @isWhite" style="background-image:url(@Pageview.CdnWrap(Model.Item.GetFile("Image").Path);"> 597 <figcaption class="@justifyBanner"> 598 @if (!string.IsNullOrEmpty(Model.Item.GetString("Title").ToString())) 599 { 600 <h1 class="page-banner-title"> 601 @Model.Item.GetString("Title") 602 </h1> 603 } 604 @if (!string.IsNullOrEmpty(Model.Item.GetString("Text").ToString())) 605 { 606 <div class="@isBottomRight"> 607 <div class="page-banner-text@(isFixedWidth)"> 608 @Model.Item.GetString("Text") 609 </div> 610 </div> 611 612 } 613 </figcaption> 614 </figure> 615 } 616 else 617 { 618 if (!string.IsNullOrEmpty(Model.Item.GetString("Title").ToString())) 619 { 620 <header class="basic_page-header"> 621 <h1> 622 @Model.Item.GetString("Title") 623 </h1> 624 </header> 625 } 626 if (!string.IsNullOrEmpty(Model.Item.GetString("Text").ToString()) || Model.Item.GetFile("Image") != null) 627 { 628 string ImagePosition = !string.IsNullOrEmpty(Model.Item.GetValue<ListViewModel>("ImagePosition").SelectedValue) ? Model.Item.GetValue<ListViewModel>("ImagePosition").SelectedValue : "top"; 629 <div class="basic_page-@ImagePosition"> 630 @if (Model.Item.GetFile("Image") != null) 631 { 632 <figure> 633 <img src="@Pageview.CdnWrap(Model.Item.GetFile("Image").Path)" 634 alt="@(!string.IsNullOrEmpty(Model.Item.GetString("ImageText")) ? Model.Item.GetString("ImageText") : Model.Item.GetString("Title"))" 635 class="img-fluid" /> 636 @if (!string.IsNullOrEmpty(Model.Item.GetString("ImageText"))) 637 { 638 <figcaption>@Model.Item.GetString("ImageText")</figcaption> 639 } 640 </figure> 641 } 642 @if (!string.IsNullOrEmpty(Model.Item.GetString("Text"))) 643 { 644 <div class="basic_page-text"> 645 @Model.Item.GetString("Text") 646 </div> 647 } 648 </div> 649 } 650 } 651 } 652 @RenderPlaceholder() 653 </section> 654 } 655 else 656 { 657 @RenderPlaceholder() 658 @RenderBoxedPlaceholder() 659 } 660 </main> 661 } 662 else 663 { 664 <main class="basic_page" id="main-element"> 665 @RenderPlaceholder() 666 @RenderBoxedPlaceholder() 667 </main> 668 } 669 @helper RenderPlaceholder() 670 { 671 @Model.Placeholder("Content", "Content", "unwrap:true;default:true") 672 } 673 674 @helper RenderBoxedPlaceholder() 675 { 676 if (!String.IsNullOrEmpty(Model.Placeholder("Boxed"))) 677 { 678 <div class="basic_page-group"> 679 @Model.Placeholder("Boxed", "Grouped Content", "unwrap:true") 680 </div> 681 } 682 } 683 @*=== Footer Start ===*@ 684 @{ 685 string basicFooterPrefix = "Footer "; 686 } 687 688 @if (partnersite && (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterGraphicsText")) || Model.Area.Item.GetFile("FooterGraphicsGraphic") != null)) 689 { 690 <div class="basic_footer-graphics"> 691 <div class="basic_footer-wrap"> 692 <div class="basic_footer-box"> 693 @*@if (Pageview.User != null) 694 { 695 var salesPersonService = ObjectFactory.GetInstance<SalesPersonService>(); 696 var salesPerson = salesPersonService.GetPrimarySalesPerson(); 697 698 if (salesPerson != null) 699 { 700 <table class="table table-person"> 701 <tr> 702 <td class="img-cell"> 703 <img src="@Pageview.CdnWrap($"/Admin/Public/GetImage.ashx?Width=150&amp;Height=150&amp;Crop=5&amp;Compression=85&amp;Image={salesPerson.Image}")" /> 704 </td> 705 <td> 706 <p> 707 <strong>@Translate("contactperson_header", "Din kontaktperson")</strong><br /> 708 <span class="semibold">@salesPerson.Name</span> 709 <br /><span class="title">@salesPerson.Title</span><br /> 710 <span>@Translate("users_phone", "Tlf.")</span> <span>@salesPerson.Phone</span> 711 <br /> 712 <span>@Translate("users_email", "Email:")</span> <a href="mailto:@salesPerson.Email">@salesPerson.Email</a> 713 </p> 714 </td> 715 </tr> 716 </table> 717 } 718 else 719 { 720 <p>@Model.Area.Item.GetString("FooterGraphicsText")</p> 721 } 722 } 723 else 724 { 725 <p>@Model.Area.Item.GetString("FooterGraphicsText")</p> 726 }*@ 727 <p>@Model.Area.Item.GetString("FooterGraphicsText")</p> 728 </div> 729 @if (Model.Area.Item.GetFile("FooterGraphicsGraphic") != null) 730 { 731 <div class="basic_footer-box"> 732 <figure> 733 <img src="@Pageview.CdnWrap(Model.Area.Item.GetFile("FooterGraphicsGraphic").Path)" class="img-fluid" alt="@Translate(basicFooterPrefix + "Graphics Alt Text", "City")" /> 734 </figure> 735 </div> 736 } 737 </div> 738 </div> 739 } 740 741 742 @if (!partnersite) 743 { 744 <div class="basic_footer-sup"> 745 <div class="basic_footer-wrap"> 746 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubOneTitle")) && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubOneText"))) 747 { 748 <div class="basic_footer-box @(!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubOneLink")) ? "basic_footer-box--has-link" : "")"> 749 <div class="basic_footer-media"> 750 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubOneIcon"))) 751 { 752 <span class="icon material-symbols-rounded">@Model.Area.Item.GetString("FooterSubOneIcon")</span> 753 } 754 else if (Model.Area.Item.GetFile("FooterSubOneImage") != null) 755 { 756 <figure> 757 <img src="@Pageview.CdnWrap(Model.Area.Item.GetFile("FooterSubOneImage").Path)" alt="@Model.Title" class="img-fluid" /> 758 </figure> 759 } 760 </div> 761 <div class="basic_footer-text"> 762 <h3>@Model.Area.Item.GetString("FooterSubOneTitle")</h3> 763 @Model.Area.Item.GetString("FooterSubOneText") 764 </div> 765 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubOneLink"))) 766 { 767 <div class="basic_footer-link"> 768 <a href="@Model.Area.Item.GetString("FooterSubOneLink")" title="@Model.Area.Item.GetString("FooterSubOneLink")"></a> 769 <span class="sr-only">@Model.Area.Item.GetString("FooterSubOneLink")</span> 770 </div> 771 } 772 </div> 773 } 774 775 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubTwoTitle")) && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubTwoText"))) 776 { 777 <div class="basic_footer-box @(!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubTwoLink")) ? "basic_footer-box--has-link" : "")"> 778 <div class="basic_footer-media"> 779 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubOneIcon"))) 780 { 781 <span class="icon material-symbols-rounded">@Model.Area.Item.GetString("FooterSubTwoIcon")</span> 782 } 783 else if (Model.Area.Item.GetFile("FooterSubTwoImage") != null) 784 { 785 <figure> 786 <img src="@Pageview.CdnWrap(Model.Area.Item.GetFile("FooterSubTwoImage").Path)" alt="@Model.Title" class="img-fluid" /> 787 </figure> 788 } 789 </div> 790 <div class="basic_footer-text"> 791 <h3>@Model.Area.Item.GetString("FooterSubTwoTitle")</h3> 792 @Model.Area.Item.GetString("FooterSubTwoText") 793 </div> 794 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubTwoLink"))) 795 { 796 <div class="basic_footer-link"> 797 <a href="@Model.Area.Item.GetString("FooterSubTwoLink")" title="@Model.Area.Item.GetString("FooterSubTwoLink")"></a> 798 <span class="sr-only">@Model.Area.Item.GetString("FooterSubTwoLink")</span> 799 </div> 800 } 801 </div> 802 } 803 </div> 804 </div> 805 } 806 else 807 { 808 <div class="basic_footer-sup"> 809 <div class="basic_footer-wrap"> 810 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubOneTitle")) && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubOneText")) && Model.Area.Item.GetFile("FooterSubOneImage") != null) 811 { 812 <div class="basic_footer-box"> 813 <div class="basic_footer-text"> 814 <h3>@Model.Area.Item.GetString("FooterSubOneTitle")</h3> 815 @Model.Area.Item.GetString("FooterSubOneText") 816 </div> 817 <div class="basic_footer-image"> 818 <figure> 819 <img src="@Pageview.CdnWrap(Model.Area.Item.GetFile("FooterSubOneImage").Path)" alt="@Model.Title" class="img-fluid" /> 820 </figure> 821 </div> 822 </div> 823 } 824 825 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubTwoTitle")) && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubTwoText")) && Model.Area.Item.GetFile("FooterSubTwoImage") != null) 826 { 827 <div class="basic_footer-box"> 828 <div class="basic_footer-text"> 829 <h3>@Model.Area.Item.GetString("FooterSubTwoTitle")</h3> 830 @Model.Area.Item.GetString("FooterSubTwoText") 831 </div> 832 <div class="basic_footer-image"> 833 <figure> 834 <img src="@Pageview.CdnWrap(Model.Area.Item.GetFile("FooterSubTwoImage").Path)" alt="@Model.Title" class="img-fluid" /> 835 </figure> 836 </div> 837 </div> 838 } 839 </div> 840 </div> 841 } 842 843 <footer class="basic_footer"> 844 <div class="basic_footer-wrap"> 845 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterOneTitle")) && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterOneText"))) 846 { 847 <div class="basic_footer-box"> 848 <div class="basic_footer-head" role="button" v-b-toggle.footer-one> 849 <h3>@Model.Area.Item.GetString("FooterOneTitle")</h3> 850 </div> 851 <b-collapse id="footer-one" class="basic_footer-collapse"> 852 <div class="basic_footer-body"> 853 @Model.Area.Item.GetString("FooterOneText") 854 </div> 855 </b-collapse> 856 </div> 857 } 858 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterTwoTitle"))) 859 { 860 var navitag = Model.Area.Item.GetString("FooterTwoNavigationtag"); 861 862 <div class="basic_footer-box"> 863 <div class="basic_footer-head" role="button" v-b-toggle.footer-two> 864 <h3>@Model.Area.Item.GetString("FooterTwoTitle")</h3> 865 </div> 866 <b-collapse id="footer-two" class="basic_footer-collapse"> 867 <div class="basic_footer-body"> 868 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterTwoText"))) 869 { 870 @Model.Area.Item.GetString("FooterTwoText") 871 } 872 @if (!string.IsNullOrEmpty(navitag)) 873 { 874 @DwCaching.CacheByArea("basic_SubPage.xslt", () => RenderNavigation(new { Template = "basic_SubPage.xslt", Expandmode = "all", StartLevel = 1, EndLevel = 2, NavigationTag = navitag })) 875 } 876 </div> 877 </b-collapse> 878 </div> 879 } 880 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterThreeTitle")) && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterThreeText"))) 881 { 882 <div class="basic_footer-box"> 883 <div class="basic_footer-head" role="button" v-b-toggle.footer-three> 884 <h3>@Model.Area.Item.GetString("FooterThreeTitle")</h3> 885 </div> 886 <b-collapse id="footer-three" class="basic_footer-collapse"> 887 <div class="basic_footer-body"> 888 @Model.Area.Item.GetString("FooterThreeText") 889 </div> 890 </b-collapse> 891 </div> 892 } 893 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterFourText")) && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterCopyright")) && partnersite) 894 { 895 <div class="basic_footer-box"> 896 <div id="footer-four" class="basic_footer-logo"> 897 <div class="basic_footer-body"> 898 @Model.Area.Item.GetString("FooterFourText") 899 <p> 900 @Translate(basicFooterPrefix + "Copyright", "Copyright")&copy; @DateTime.Now.Year - @Model.Area.Item.GetString("FooterCopyright") 901 </p> 902 </div> 903 </div> 904 </div> 905 } 906 </div> 907 @if (Model.Area.Item.GetItems("PaymentCards") != null && Model.Area.Item.GetItems("PaymentCards").Any()) 908 { 909 <div class="basic_footer-wrap"> 910 <div class="basic_footer-box"> 911 <div class="basic_footer-icons"> 912 <ul class="list-inline payments"> 913 @foreach (var i in Model.Area.Item.GetItems("PaymentCards")) 914 { 915 var cardTitle = i.GetString("Title"); 916 var cardImage = i.GetFile("ImageFile"); 917 <li class="list-inline-item"> 918 <img src="@cardImage.Path" alt="@cardTitle" class="img-fluid" /> 919 </li> 920 } 921 </ul> 922 </div> 923 </div> 924 </div> 925 } 926 927 @if (!partnersite && !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterCopyright"))) 928 { 929 <div class="basic_footer-wrap"> 930 <p class="basic_footer-copyright">&copy; @DateTime.Now.Year @Model.Area.Item.GetString("FooterCopyright")</p> 931 </div> 932 } 933 934 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubColumnOneText")) || !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubColumnTwoText")) || !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubColumnThreeText")) || !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubColumnFourText")) || !string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubColumnFiveText"))) 935 { 936 <div class="basic_footer-info"> 937 <div class="basic_footer-wrap"> 938 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubColumnOneText"))) 939 { 940 <div class="basic_footer-info--box"> 941 @Raw(Model.Area.Item.GetString("FooterSubColumnOneText")) 942 </div> 943 } 944 945 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubColumnTwoText"))) 946 { 947 <div class="basic_footer-info--box"> 948 @Raw(Model.Area.Item.GetString("FooterSubColumnTwoText")) 949 </div> 950 } 951 952 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubColumnThreeText"))) 953 { 954 <div class="basic_footer-info--box"> 955 @Raw(Model.Area.Item.GetString("FooterSubColumnThreeText")) 956 </div> 957 } 958 959 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubColumnFourText"))) 960 { 961 <div class="basic_footer-info--box"> 962 @Raw(Model.Area.Item.GetString("FooterSubColumnFourText")) 963 </div> 964 } 965 966 @if (!string.IsNullOrEmpty(Model.Area.Item.GetString("FooterSubColumnFiveText"))) 967 { 968 <div class="basic_footer-info--box"> 969 @Raw(Model.Area.Item.GetString("FooterSubColumnFiveText")) 970 </div> 971 } 972 973 </div> 974 </div> 975 } 976 </footer> 977 @*=== Footer End ===*@ 978 </div> 979 } 980 <a href="#top" class="scroll-to-top" title="@Translate("Scroll to top", "Gå til toppen")"> 981 @if (!partnersite) 982 { 983 <span class="material-symbols-rounded">vertical_align_top</span> 984 } 985 else 986 { 987 <svg class="icon"> 988 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#arrow-to-top"></use> 989 </svg> 990 } 991 <span class="sr-only">@Translate("Scroll to top", "Gå til toppen")</span> 992 </a> 993 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 994 995 <script type="text/x-template" id="add-to-basket-simple-template"> 996 @{ 997 string addToBasketSimplePrifix = "BuyButton "; 998 } 999 <div v-bind:class="[{added: IsAdded}, {adding: IsAdding}]"> 1000 <label for="quantity">@Translate(addToBasketSimplePrifix + "Quantity", "Quantity")</label> 1001 <input class="form-control" type="number" name="quantity" v-model="quantity" autocomplete="off" onclick="this.select()"> 1002 <button :disabled="quantity < 1 || isCoolDownProduct" :class="buttonCl" v-on:click="addToBasketAndResetQuantity()" aria-label="@Translate(addToBasketSimplePrifix + "Add", "Add")"> 1003 <slot> 1004 <svg> 1005 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#shopping-cart"> 1006 </use> 1007 </svg> 1008 <span v-if="isCoolDownProduct"> 1009 @Translate(addToBasketSimplePrifix + "Add to basket udmeldt", "Udgået") 1010 </span> 1011 <span v-else> 1012 @Translate(addToBasketSimplePrifix + "Add to basket", "Add to basket") 1013 </span> 1014 </slot> 1015 </button> 1016 </div> 1017 </script> 1018 1019 <script type="text/x-template" id="quick-add-template"> 1020 @{ 1021 string quickAddPrifix = "BuyButton "; 1022 } 1023 <div v-bind:class="[{added: IsAdded}, {adding: IsAdding}]" v-if="!isCoolDownProduct"> 1024 <label for="quantity">@Translate(quickAddPrifix + "Quantity", "Quantity")</label> 1025 <input class="form-control" type="number" id="quantity" name="quantity" v-model="quantity" autocomplete="off"> 1026 </div> 1027 </script> 1028 1029 <script type="text/x-template" id="add-to-basket-button-only-template"> 1030 @{ 1031 string addToBasketPrefix = "BuyButton "; 1032 } 1033 <div v-bind:class="[{added: IsAdded}, {adding: IsAdding}]"> 1034 <button :class="buttonCl" v-on:click="addToBasket()" :disbaled="isCoolDownProduct"> 1035 <slot v-if="isCoolDownProduct"> 1036 @Translate(addToBasketPrefix + "Add to basket udmeldt", "Udgået") 1037 </slot> 1038 <slot v-else> 1039 @Translate(addToBasketPrefix + "Add to basket", "Add to basket") 1040 </slot> 1041 </button> 1042 </div> 1043 </script> 1044 1045 <script type="text/x-template" id="add-to-basket-rounding-template"> 1046 @{ 1047 string addToBasketRoundingPrifix = "BuyButton "; 1048 } 1049 <div v-bind:class="[{animated: true}, {added: IsAdded}, {adding: IsAdding}]" v-if="showBasket()"> 1050 <p class="alert alert-warning" v-if="didRounding"> 1051 <svg> 1052 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#info-circle"></use> 1053 </svg> 1054 @Translate("product_minPurchaseRoundingInfoText", "Vi har ændret antal ift. kolli-størrelse") 1055 </p> 1056 <div class="addtobasket-group"> 1057 @*input-group was here*@ 1058 @*@if (Pageview.User != null) 1059 { 1060 <favorite-item :product-id="productId" 1061 :language-id="languageId" 1062 :variant-id="variantId" 1063 ref="favoriteItem"> 1064 </favorite-item> 1065 }*@ 1066 <template v-if="missingVariant"> 1067 <p class="alert alert-warning"> 1068 <svg> 1069 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#info-circle"> 1070 </use> 1071 </svg> 1072 @Translate(addToBasketRoundingPrifix + "Select variant", "Select variant") 1073 </p> 1074 </template> 1075 <template v-else> 1076 <div class="input-group"> 1077 <div class="input-group-prepend"><span class="input-group-text">{{unitsOfMeasureDescription().toLowerCase().trim() }}</span></div> 1078 <label for="quantity" class="sr-only">@Translate(addToBasketRoundingPrifix + "Quantity", "Quantity")</label> 1079 <input class="form-control" type="number" v-on:keyup.enter="addToBasketAndResetQuantity()" min="1" max="9999" name="quantity" v-model="quantity" value="1" autocomplete="off" onclick="this.select()" v-on:blur="calculateMinPurchase($event.target.value)"> 1080 <div class="input-group-append"> 1081 <button :disabled="quantity < 1 || isCoolDownProduct" :class="buttonCl" v-on:click="addToBasketAndResetQuantity()" aria-label="@Translate(addToBasketRoundingPrifix + "Add", "Add")" should-animate> 1082 <slot> 1083 <svg> 1084 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#shopping-cart"> 1085 </use> 1086 </svg> 1087 <span v-if="isCoolDownProduct"> 1088 @Translate(addToBasketRoundingPrifix + "Add to basket udmeldt", "Udgået") 1089 </span> 1090 <span v-else> 1091 @Translate(addToBasketRoundingPrifix + "Add to basket", "Add to basket") 1092 </span> 1093 </slot> 1094 </button> 1095 </div> 1096 </div> 1097 </template> 1098 </div> 1099 @*<div id="add-message" v-if="IsAdded || IsAdding"><p>@Translate("Tilføjet til kurv!")</p></div>*@ 1100 </div> 1101 </script> 1102 @using Bolind.Web.CustomCode 1103 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 1104 1105 <script type="text/x-template" id="async-price-template"> 1106 @{ 1107 string asyncPrefix = "Async "; 1108 } 1109 <div :class="classType + (loading && !isCoolDownProduct ? ' loading' : '')"> 1110 <template> 1111 <p :class="classType + '--error'" v-if="error">{{error}}</p> 1112 </template> 1113 <template v-if="isCoolDownProduct"> 1114 <p class="alert noprice" style="background-color: #dae0e5"> 1115 @Translate(asyncPrefix + "item discontinued", "Vare udg&aring;et") 1116 </p> 1117 </template> 1118 <template v-else-if="!onlyStock && !error && price && price.unitPrice"> 1119 @{ 1120 bool B2C = Pageview.IsB2C(); 1121 var vat = (B2C) ? Translate("product_inclVat", "inkl. moms") : Translate("product_exVat", "ekskl. moms"); 1122 } 1123 <p class="alert alert-warning noprice" v-if="priceWithoutVatString == '0' && !allowZeroPrice"> 1124 @Translate(asyncPrefix + "Contact Bolind for price", "Kontakt Bolind for pris") 1125 </p> 1126 <p class="listprice" v-if="showListPrice && (priceWithoutVatString != '0')"> 1127 @Translate(asyncPrefix + "product_listPrice", "Vejledende pris:") <span>{{ listPrice | currency(true) }}</span> 1128 </p> 1129 <p class="price" v-bind:class="{ sale: showListPrice }" v-if="!loading && price && price.netUnitPrice && (priceWithoutVatString != '0' || allowZeroPrice ) && !isCart" itemprop="priceCurrency" :content="price.unitPrice.currencyKey"> 1130 <template v-if="isCampaign"> 1131 <span class="price-campaigntext">@Translate(asyncPrefix + "Campaign_price", "Kampagnepris")</span> 1132 </template> 1133 <span itemprop="price" :content="price.unitPrice.priceWithoutVat" class="price-actual"> 1134 {{ price.netUnitPrice.priceWithoutVat | currency(true) }} 1135 </span> 1136 </p> 1137 <template v-if="(priceWithoutVatString != '0' || allowZeroPrice) && !isCart"> 1138 <ul class="list-inline qtyPrices" v-if="price.extraInfo.navPrices.length > 0 && showQtyPrices(price)"> 1139 <li v-for="navPrice in price.extraInfo.navPrices"> 1140 <span>@Translate(asyncPrefix + "Price pr. unit", "Fra") {{navPrice.quantity}} {{ unitsOfMeasureDescription().toLowerCase().trim() }} </span> 1141 <span class="qtyprice">{{navPrice.price | currency(true)}}</span> 1142 </li> 1143 </ul> 1144 <p class="priceper"> 1145 @Translate(asyncPrefix + "product_pricePer", "Pris pr.") {{ unitsOfMeasureDescription().toLowerCase().trim() }} @vat 1146 </p> 1147 @if (!B2C) 1148 { 1149 <p class="priceincl" v-if="!hidePriceIncl"> 1150 @Translate(asyncPrefix + "PriceVatIncl", "Pris inkl. moms:") <span>{{ priceWithVatString | currency(true) }}</span> 1151 </p> 1152 } 1153 </template> 1154 <template v-if="isCart"> 1155 <span class="montage-price">{{ price.netUnitPrice.priceWithoutVat | currency(true) }}</span> 1156 </template> 1157 </template> 1158 </div> 1159 </script> 1160 1161 <script type="text/x-template" id="cart-icon-template"> 1162 @{ 1163 string translationPrefixCart = "Minicart "; 1164 } 1165 <a :href="cartlink"> 1166 <svg> 1167 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#shopping-cart"></use> 1168 </svg> 1169 <span class="label">@Translate(translationPrefixCart + "Checkout", "Checkout")</span> 1170 <span v-if="!cartEmpty" class="cart-quantity">{{quantity}}</span> 1171 </a> 1172 </script> 1173 <script type="text/x-template" id="cart-icon-template-new"> 1174 @{ 1175 string _translationPrefixCart = "Minicart "; 1176 } 1177 <a :href="cartlink"> 1178 <span class="icon material-symbols-rounded">shopping_cart</span> 1179 <span class="label">@Translate(_translationPrefixCart + "Checkout", "Checkout")</span> 1180 <span v-if="!cartEmpty" class="cart-quantity">{{quantity}}</span> 1181 </a> 1182 </script> 1183 <script type="text/x-template" id="basic-facet-filter-template"> 1184 @{ 1185 string basicFacetPrefix = "Filter "; 1186 } 1187 1188 <div class="basic_filter" v-if="!error && facetFilters"> 1189 <template v-if="HasActiveFilter()"> 1190 <p id="selected-filter-label" class="sr-only"> 1191 @Translate(basicFacetPrefix + "Active", "Active") 1192 </p> 1193 <div aria-labelledby="selected-filter-label" class="basic_filter-active"> 1194 <template v-for="facetFilter in facetFilters"> 1195 <span v-for="option in SelectedOptions(facetFilter)" class="custom-control custom-filter"> 1196 <input type="checkbox" 1197 :id="'Selected-' + facetFilter.Name + '-' + option.Name" 1198 :name="facetFilter.Name" 1199 :key="option.Label" 1200 :v-model="option.Selected" 1201 :checked="option.Selected" 1202 v-on:click="ToggleFilter(facetFilter.Name,option)" 1203 class="custom-control-input" /> 1204 <label :for="'Selected-' + facetFilter.Name + '-' + option.Name" class="custom-control-label"> 1205 <span class="filtername">{{facetFilter.Name}}:&nbsp;</span> 1206 <span class="filterstring">{{option.Label}}</span> 1207 <span class="remove">X</span> 1208 </label> 1209 </span> 1210 </template> 1211 </div> 1212 </template> 1213 <b-collapse class="basic_filter-collapse" id="sidebar-filter"> 1214 <div class="basic_filter-head"> 1215 <h3> 1216 @Translate(basicFacetPrefix + "Filter", "Filter") 1217 </h3> 1218 <template v-if="queryLoading"> 1219 <span class="spinner-md-default"></span> 1220 </template> 1221 <template v-else> 1222 <button type="button" class="btn-close" v-b-toggle.sidebar-filter aria-label="@Translate(basicFacetPrefix + "Close Filter", "Close Filter")"> 1223 <span></span> 1224 <span></span> 1225 </button> 1226 </template> 1227 </div> 1228 <div class="basic_filter-groups"> 1229 <div class="basic_filter-group" v-for="(facetFilter, index) in facetFilters"> 1230 <p :id="'filter-group-' + facetFilter.Name.toLowerCase().trim()" v-b-toggle="'filter-collapse-' + facetFilter.Name.toLowerCase().trim()"> 1231 {{facetFilter.Name}} 1232 <svg> 1233 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#chevron-right"></use> 1234 </svg> 1235 </p> 1236 <b-collapse :id="'filter-collapse-' + facetFilter.Name.toLowerCase().trim()" :visible="ShowGroupIfSelected(facetFilter.Options, index)" class="basic_filter-collapsing"> 1237 <template v-if="facetFilter.Options.length > 7"> 1238 <b-collapse class="basic_filter-expand" :id="'filter-expand-' + facetFilter.Name.toLowerCase().trim()" :visible="ShowMoreIfSelected(facetFilter.Options, index)"> 1239 <ul :aria-labelledby="'filter-group-' + facetFilter.Name.toLowerCase().trim()"> 1240 <li v-for="option in facetFilter.Options" class="custom-control custom-checkbox"> 1241 <input type="checkbox" class="custom-control-input" 1242 :id="'UnSelected-' + facetFilter.Name + '-' + option.Name" 1243 :key="option.Label" 1244 :name="facetFilter.Name" 1245 :v-model="option.Selected" 1246 :checked="option.Selected" 1247 v-on:click="ToggleFilter(facetFilter.Name,option)" /> 1248 <label :for="'UnSelected-' + facetFilter.Name + '-' + option.Name" class="custom-control-label"> 1249 {{option.Label}} ({{option.Count}}) 1250 </label> 1251 </li> 1252 </ul> 1253 </b-collapse> 1254 <a v-b-toggle="'filter-expand-' + facetFilter.Name.toLowerCase().trim()" class="basic_filter-expanding" v-if="facetFilter.Options.length > 7"> 1255 <span class="show-more">+ @Translate(basicFacetPrefix + "show more", "show more")</span> 1256 <span class="show-less">- @Translate(basicFacetPrefix + "show less", "show less")</span> 1257 </a> 1258 </template> 1259 <template v-else> 1260 <ul :aria-labelledby="'filter-group-' + facetFilter.Name.toLowerCase().trim()"> 1261 <li v-for="option in facetFilter.Options" class="custom-control custom-checkbox"> 1262 <input type="checkbox" class="custom-control-input" 1263 :id="'UnSelected-' + facetFilter.Name + '-' + option.Name" 1264 :key="option.Label" 1265 :name="facetFilter.Name" 1266 :v-model="option.Selected" 1267 :checked="option.Selected" @*AG: should it have been 'checked'?*@ 1268 v-on:click="ToggleFilter(facetFilter.Name,option)" /> 1269 <label :for="'UnSelected-' + facetFilter.Name + '-' + option.Name" class="custom-control-label"> 1270 {{option.Label}} <span class="count">({{option.Count}})</span> 1271 </label> 1272 </li> 1273 </ul> 1274 </template> 1275 </b-collapse> 1276 </div> 1277 </div> 1278 <div class="basic_filter-foot"> 1279 <button class="btn btn-dark btn-icon btn-block" v-b-toggle.sidebar-filter> 1280 <svg class="icon"> 1281 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#check"></use> 1282 </svg> 1283 @Translate(basicFacetPrefix + "Show selected", "Show Selected") 1284 </button> 1285 </div> 1286 </b-collapse> 1287 </div> 1288 </script> 1289 @{ 1290 string favoriteListPrefix = "FavoriteList "; 1291 } 1292 <script type="text/x-template" id="favorite-list-template"> 1293 <div v-bind:class="{ active: active }" id="basic_favoritelist" v-autoClose="closeFoldOut"> 1294 <div class="fav-inwrap"> 1295 <template v-if="loading"> 1296 <div class="loading"> 1297 <span class="spinner-xl-default"></span> 1298 </div> 1299 </template> 1300 <h5>@Translate(favoriteListPrefix + "Favoritliste", "Favoritliste")</h5> 1301 <p class="desc"> 1302 @Translate(favoriteListPrefix + "Tilføj eller fjern markering.", "Tilføj eller fjern markering.") 1303 </p> 1304 <template v-for="favoriteList in favoriteLists"> 1305 <div class="form-check"> 1306 <input type="checkbox" :id="'fav-' + favoriteList.id" :value="favoriteList.id" :checked="isItemAddedToThisList(favoriteList)" v-on:change="toggleItem($event, favoriteList.id)" class="form-check-input" /> 1307 <label :for="'fav-' + favoriteList.id" class="form-check-label"> 1308 {{favoriteList.name}} 1309 </label> 1310 </div> 1311 </template> 1312 <div class="form-check"> 1313 <input type="checkbox" id="addNewListCheckbox" v-model="addNewList" class="form-check-input" /> 1314 <label for="addNewListCheckbox" class="form-check-label"> 1315 @Translate(favoriteListPrefix + "Ny favoritliste", "Ny favoritliste") 1316 </label> 1317 </div> 1318 <div v-if="addNewList" class="input-group input-group-sm"> 1319 <input type="text" id="addNewListNameInput" v-model="addNewListNameInput" class="form-control new-list-name-input" v-on:keyup.enter="saveAsNewList" /> 1320 <div class="input-group-append"> 1321 <button v-on:click="saveAsNewList" class="btn btn-dark">@Translate(favoriteListPrefix + "Gem", "Gem")</button> 1322 </div> 1323 </div> 1324 </div> 1325 </div> 1326 </script> 1327 <script type="text/x-template" id="favorite-item-template"> 1328 <div class="basic_favoriteitem" v-if="loaded"> 1329 <button class="btn btn-light btn-icon icon-only" title="@Translate("AddFavorite", "Tilføj favorit")" v-on:click="toggleFavoriteList($event)"> 1330 <template v-if="showFavoriteIcon"> 1331 <svg viewBox="0 0 576 512" class="added"><path d="M259.3 17.8L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0z"></path></svg> 1332 @*<svg> 1333 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#star"></use> 1334 </svg>*@ 1335 <span class="pdp-only">@Translate("FavoriteAdded", "Favorit")</span> 1336 </template> 1337 <template v-else> 1338 <svg viewBox="0 0 576 512"><path d="M528.1 171.5L382 150.2 316.7 17.8c-11.7-23.6-45.6-23.9-57.4 0L194 150.2 47.9 171.5c-26.2 3.8-36.7 36.1-17.7 54.6l105.7 103-25 145.5c-4.5 26.3 23.2 46 46.4 33.7L288 439.6l130.7 68.7c23.2 12.2 50.9-7.4 46.4-33.7l-25-145.5 105.7-103c19-18.5 8.5-50.8-17.7-54.6zM388.6 312.3l23.7 138.4L288 385.4l-124.3 65.3 23.7-138.4-100.6-98 139-20.2 62.2-126 62.2 126 139 20.2-100.6 98z"></path></svg> 1339 @*<svg> 1340 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#star-stroke"></use> 1341 </svg>*@ 1342 <span class="pdp-only">@Translate("AddFavorite", "Tilføj favorit")</span> 1343 </template> 1344 </button> 1345 </div> 1346 </script> 1347 @using Bolind.Web.CustomCode.CDN 1348 @using Dynamicweb.Frontend 1349 <script type="text/x-template" id="instant-search-template"> 1350 <form v-bind:class="baseClass" action="@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("searchresult")" v-autoClose="closeFoldOut"> 1351 <div class="basic_instantsearch"> 1352 <label for="searchquery" class="sr-only">@Translate(centerHeaderPrefix + "Search products", "Hvad søger du?")</label> 1353 <input type="search" 1354 placeholder="@Translate(centerHeaderPrefix + "Search products", "Hvad søger du?")" 1355 id="searchquery" 1356 name="searchquery" 1357 autocomplete="off" 1358 v-on:input="inputChanged" 1359 v-on:focus="foldActive = 'active'" 1360 v-on:blur="foldActive = ''"> 1361 <button type="submit"> 1362 <span class="sr-only">@Translate(centerHeaderPrefix + "Search", "Søg")</span> 1363 <svg> 1364 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/Files/dist/icons/icons.svg#search"></use> 1365 </svg> 1366 </button> 1367 <div class="fold-out" v-bind:class="{ active: foldActive }"> 1368 <div class="products"> 1369 <template v-if="searchQuery == ''"> 1370 @Translate(centerHeaderPrefix + "Type something", "Indtast for at søge") 1371 </template> 1372 <template v-else-if="queryLoading"> 1373 <div class="basic_listview-loading"> 1374 <span class="spinner-xl-default"></span> 1375 </div> 1376 </template> 1377 <template v-else-if="productList == null"> 1378 @Translate(centerHeaderPrefix + "Empty search...", "Der blev ikke fundet varer...") 1379 </template> 1380 <table v-else class="table table-sm table-border-bottom"> 1381 <tbody> 1382 <tr v-for="product in productList"> 1383 <td class="thumb text-center"> 1384 <a :href="getProductUrl(product)" @@mousedown.prevent="navigateToProduct(product)"> 1385 <img :src="'@PageView.Current().CdnWrap("/Admin/Public/GetImage.ashx?Width=50&amp;Height=40&amp;fillcanvas=true&amp;Compression=85&amp;Crop=5&amp;Image=")' + (product.PrimaryImage ? product.PrimaryImage : '/Files/Images/Default.png')" /> 1386 </a> 1387 </td> 1388 <td> 1389 <a :href="getProductUrl(product)" @@mousedown.prevent="navigateToProduct(product)"> 1390 {{product.Name}} <small>{{product.Description2}} {{product.Description3}}</small> 1391 </a> 1392 </td> 1393 <td class="text-right"> 1394 <small>{{product.Number}}</small> 1395 </td> 1396 </tr> 1397 </tbody> 1398 </table> 1399 </div> 1400 <div v-if="searchQuery != '' && productList != null" class="actions"> 1401 <a :href="'@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("searchresult")?searchquery=' + searchQuery" @@mousedown.prevent="navigateToSearchResults('@NORRIQ.Common8.Razor.Navigation.GetUrlByNavigationTag("searchresult")?searchquery=' + searchQuery)">@Translate(centerHeaderPrefix + "See all products", "Se alle varer")</a> 1402 </div> 1403 </div> 1404 </div> 1405 </form> 1406 </script> 1407 <script type="text/x-template" id="pagination-template"> 1408 @{ 1409 string paginationPrefix = "Pagination "; 1410 } 1411 <nav aria-label="@Translate(paginationPrefix + "Produktliste pagination", "Produktliste pagination")"> 1412 <ul class="pagination"> 1413 <li :class="['page-item', currentPage == 1 ? 'disabled' : '' ]"> 1414 <a class="page-link" v-on:click="togglePrevPage()" aria-label="@Translate(paginationPrefix + "Previous Page", "Previous Page")" v-bind:aria-disabled="currentPage > 1 ? 'true' : null"> 1415 <svg> 1416 <use xmlns:xlink="http://www.w3.org/1999/xlink" 1417 xlink:href="/files/dist/icons/icons.svg#chevron-left"> 1418 </use> 1419 </svg> 1420 </a> 1421 </li> 1422 <template v-for="n in totalPages" v-if="showPage(n)"> 1423 <li :key="n" :class="(n == currentPage ? 'page-item active' : 'page-item')"> 1424 <a v-on:click="togglePage(n)" v-bind:aria-current="(n == currentPage ? 'aria-page' : '')" class="page-link"> 1425 {{n}} 1426 </a> 1427 </li> 1428 </template> 1429 <li :class="'page-item' + (currentPage >= totalPages ? ' disabled' : '')"> 1430 <a v-on:click="toggleNextPage()" aria-label="@Translate(paginationPrefix + "Next Page", "Next Page")" class="page-link" v-bind:aria-disabled="totalPages > currentPage ? 'true' : null"> 1431 <svg class="icon-pagination"> 1432 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="/files/dist/icons/icons.svg#chevron-right"></use> 1433 </svg> 1434 </a> 1435 </li> 1436 </ul> 1437 </nav> 1438 </script> 1439 1440 <script> 1441 var messages = { 1442 required: '@Translate("messages_required", "This field is required")', 1443 email: ' @Translate("messages_email", "Enter email")', 1444 numeric: ' @Translate("messages_numeric", "Enter number")', 1445 checked: ' @Translate("messages_checked", "Please accept terms and conditions to shop")', 1446 max: '@Translate("messages_max", "This field contains to many characters")' 1447 }; 1448 </script> 1449 @if (System.Web.HttpContext.Current.Session[WebsiteService.ClearLocalStorageTag] != null) 1450 { 1451 System.Web.HttpContext.Current.Session.Remove(WebsiteService.ClearLocalStorageTag); 1452 <script> 1453 localStorage.clear(); 1454 console.log("localstorage cleared"); 1455 </script> 1456 } 1457 <script src="@Pageview.CdnWrapResources(NORRIQ.Common8.Razor.TimestampSource.GetSourceWithTimestamp("/Files/dist/scripts/bundle.min.js"))" data-category-consent="cookie_cat_necessary"></script> 1458 <script> 1459 AppStart.VueProvider.init({ 1460 webApiUrl: '@System.Web.Configuration.WebConfigurationManager.AppSettings["WebApiProxyUrl"]', 1461 currencyCode: '@Pageview.Area.EcomCurrencyId', 1462 locale: '@Pageview.Area.Culture', 1463 currencyLeft: false, 1464 currencySpacing: true, 1465 currencySymbol: '@Pageview.Area.EcomCurrencyId', 1466 currencyDecimalSeparator: ',', 1467 currencyGroupSeparator: '.', 1468 currencyDecimalDigits: 2, 1469 dateFormatShort: '@Pageview.Area.Dateformat' 1470 }); 1471 </script> 1472 <script append="replace"></script> 1473 <script src="https://www.google.com/recaptcha/api.js" async defer></script> 1474 </body> 1475 </html>