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