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