• Levering 1-2 hverdage Levering 1-2 hverdage
  • Fri fragt ved køb over 500 kr. Fri fragt ved køb over 500 kr.
Error executing template "Designs/Rapido/eCom/Productlist/ProductsRender.cshtml"
System.Collections.Generic.KeyNotFoundException: The given key was not present in the dictionary.
   at System.ThrowHelper.ThrowKeyNotFoundException()
   at System.Collections.Generic.Dictionary`2.get_Item(TKey key)
   at CompiledRazorTemplates.Dynamic.RazorEngine_34fe628ce8fa4338a787fa40845afd18.<RenderListViewSelectListener>b__158_0(TextWriter __razor_helper_writer) in D:\Dynamicweb.net\Solutions\frellsen.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\eCom\Productlist\ProductsRender.cshtml:line 5817
   at RazorEngine.Templating.TemplateWriter.ToString()
   at System.Lazy`1.CreateValue()
   at System.Lazy`1.LazyInitValue()
   at CompiledRazorTemplates.Dynamic.RazorEngine_34fe628ce8fa4338a787fa40845afd18.<>c__DisplayClass6_0.<RenderBlock>b__0(TextWriter __razor_helper_writer) in D:\Dynamicweb.net\Solutions\frellsen.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\eCom\Productlist\ProductsRender.cshtml:line 227
   at CompiledRazorTemplates.Dynamic.RazorEngine_34fe628ce8fa4338a787fa40845afd18.<>c__DisplayClass5_0.<RenderBlockList>b__0(TextWriter __razor_helper_writer) in D:\Dynamicweb.net\Solutions\frellsen.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\eCom\Productlist\ProductsRender.cshtml:line 137
   at CompiledRazorTemplates.Dynamic.RazorEngine_34fe628ce8fa4338a787fa40845afd18.<>c__DisplayClass6_0.<RenderBlock>b__0(TextWriter __razor_helper_writer) in D:\Dynamicweb.net\Solutions\frellsen.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\eCom\Productlist\ProductsRender.cshtml:line 260
   at CompiledRazorTemplates.Dynamic.RazorEngine_34fe628ce8fa4338a787fa40845afd18.<>c__DisplayClass5_0.<RenderBlockList>b__0(TextWriter __razor_helper_writer) in D:\Dynamicweb.net\Solutions\frellsen.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\eCom\Productlist\ProductsRender.cshtml:line 137
   at CompiledRazorTemplates.Dynamic.RazorEngine_34fe628ce8fa4338a787fa40845afd18.Execute() in D:\Dynamicweb.net\Solutions\frellsen.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\eCom\Productlist\ProductsRender.cshtml:line 5940
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()

1 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 2 @using Dynamicweb.Frontend.Devices 3 @using Dynamicweb.Extensibility 4 @using Dynamicweb.Content 5 @using Dynamicweb.Core 6 @using System 7 @using System.IO 8 @using System.Web 9 @using System.Collections.Generic; 10 @using System.Linq 11 @using System.Text.RegularExpressions 12 @using Dynamicweb.Rapido.Blocks 13 @using Dynamicweb.Rapido.Blocks.Components.General 14 15 @functions { 16 BlocksPage productListPage = BlocksPage.GetBlockPage("ProductList"); 17 Dynamicweb.Frontend.ItemViewModel productListSettings = null; 18 19 string favoriteListId = HttpContext.Current.Request.QueryString.Get("ListID"); 20 bool isFavoriteList = !string.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("ListID")); 21 22 public class QueryCondition 23 { 24 public string Name { get; set; } 25 public string Type { get; set; } 26 public string DefaultValue { get; set; } 27 } 28 29 } 30 31 @{ 32 productListSettings = Pageview.AreaSettings.GetItem("ProductList"); 33 34 35 Block pageContainer = new Block() 36 { 37 Id = "PageContainer", 38 Template = RenderPageContainer(), 39 SkipRenderBlocksList = true, 40 BlocksList = new List<Block> { 41 new Block 42 { 43 Id = "ProductListHeader", 44 SortId = 10, 45 Template = RenderProductListHeader(), 46 SkipRenderBlocksList = true, 47 BlocksList = new List<Block> { 48 new Block 49 { 50 Id = "ProductListTitle", 51 SortId = 10, 52 Design = new Design 53 { 54 CssClass = isFavoriteList ? "grid__col-xs-12 grid__col-md-4" : "grid__col-xs-12 grid__col-md-6" 55 }, 56 Template = RenderProductListTitle() 57 } 58 } 59 } 60 } 61 }; 62 productListPage.Add(pageContainer); 63 64 Block productListNavigation = new Block() 65 { 66 Id = "Navigation", 67 SortId = 20, 68 Design = new Design 69 { 70 RenderType = RenderType.Column, 71 Size = "3" 72 } 73 }; 74 productListPage.Add("PageContainer", productListNavigation); 75 76 Block productListContainer = new Block() 77 { 78 Id = "ProductList", 79 SortId = 30, 80 Template = RenderProductList(), 81 SkipRenderBlocksList = true 82 }; 83 productListPage.Add("PageContainer", productListContainer); 84 85 if (isFavoriteList) 86 { 87 productListPage.Add("ProductListHeader", new Block 88 { 89 Id = "FavoriteListSearch", 90 SortId = 20, 91 Template = RenderFavoriteListSearch(), 92 Design = new Design 93 { 94 CssClass = "grid__col-sm-4 u-margin-bottom u-margin-top grid--align-self-center" 95 } 96 }); 97 } 98 99 Block productListSnippets = new Block() 100 { 101 Id = "BottomSnippets", 102 SortId = 40 103 }; 104 productListPage.Add(productListSnippets); 105 } 106 107 @* This is required for the product list feed to work *@ 108 @GetValue("DoNotRenderProductListTemplate") 109 110 @* Include the required Grid builder (Contains the methods @RenderBlockList and @RenderBlock) *@ 111 @using System.Text.RegularExpressions 112 @using System.Collections.Generic 113 @using System.Reflection 114 @using System.Web 115 @using System.Web.UI.HtmlControls 116 @using Dynamicweb.Rapido.Blocks.Components 117 @using Dynamicweb.Rapido.Blocks.Components.Articles 118 @using Dynamicweb.Rapido.Blocks.Components.Documentation 119 @using Dynamicweb.Rapido.Blocks 120 121 122 @*--- START: Base block renderers ---*@ 123 124 @helper RenderBlockList(List<Block> blocks) 125 { 126 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 127 blocks = blocks.OrderBy(item => item.SortId).ToList(); 128 129 foreach (Block item in blocks) 130 { 131 if (debug) { 132 <!-- Block START: @item.Id --> 133 } 134 135 if (item.Design == null) 136 { 137 @RenderBlock(item) 138 } 139 else if (item.Design.RenderType == RenderType.None) { 140 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 141 142 <div class="@cssClass dw-mod"> 143 @RenderBlock(item) 144 </div> 145 } 146 else if (item.Design.RenderType != RenderType.Hide) 147 { 148 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 149 150 if (!item.SkipRenderBlocksList) { 151 if (item.Design.RenderType == RenderType.Row) 152 { 153 <div class="grid grid--align-content-start @cssClass dw-mod" id="Block__@item.Id"> 154 @RenderBlock(item) 155 </div> 156 } 157 158 if (item.Design.RenderType == RenderType.Column) 159 { 160 string hidePadding = item.Design.HidePadding ? "u-no-padding" : ""; 161 string size = item.Design.Size ?? "12"; 162 size = Regex.IsMatch(size, @"\d") ? "md-" + item.Design.Size : item.Design.Size; 163 164 <div class="grid__col-lg-@item.Design.Size grid__col-md-@item.Design.Size grid__col-sm-12 grid__col-xs-12 @hidePadding @cssClass dw-mod" id="Block__@item.Id"> 165 @RenderBlock(item) 166 </div> 167 } 168 169 if (item.Design.RenderType == RenderType.Table) 170 { 171 <table class="table @cssClass dw-mod" id="Block__@item.Id"> 172 @RenderBlock(item) 173 </table> 174 } 175 176 if (item.Design.RenderType == RenderType.TableRow) 177 { 178 <tr class="@cssClass dw-mod" id="Block__@item.Id"> 179 @RenderBlock(item) 180 </tr> 181 } 182 183 if (item.Design.RenderType == RenderType.TableColumn) 184 { 185 <td class="@cssClass dw-mod" id="Block__@item.Id"> 186 @RenderBlock(item) 187 </td> 188 } 189 190 if (item.Design.RenderType == RenderType.CardHeader) 191 { 192 <div class="card-header @cssClass dw-mod"> 193 @RenderBlock(item) 194 </div> 195 } 196 197 if (item.Design.RenderType == RenderType.CardBody) 198 { 199 <div class="card @cssClass dw-mod"> 200 @RenderBlock(item) 201 </div> 202 } 203 204 if (item.Design.RenderType == RenderType.CardFooter) 205 { 206 <div class="card-footer @cssClass dw-mod"> 207 @RenderBlock(item) 208 </div> 209 } 210 } 211 else 212 { 213 @RenderBlock(item) 214 } 215 } 216 217 if (debug) { 218 <!-- Block END: @item.Id --> 219 } 220 } 221 } 222 223 @helper RenderBlock(Block item) 224 { 225 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 226 227 if (item.Template != null) 228 { 229 @BlocksPage.RenderTemplate(item.Template) 230 } 231 232 if (item.Component != null) 233 { 234 string customSufix = "Custom"; 235 string methodName = item.Component.HelperName; 236 237 ComponentBase[] methodParameters = new ComponentBase[1]; 238 methodParameters[0] = item.Component; 239 Type methodType = this.GetType(); 240 241 MethodInfo customMethod = methodType.GetMethod(methodName + customSufix); 242 MethodInfo generalMethod = methodType.GetMethod(methodName); 243 244 try { 245 if (debug) { 246 <!-- Component: @methodName.Replace("Render", "") --> 247 } 248 @customMethod.Invoke(this, methodParameters).ToString(); 249 } catch { 250 try { 251 @generalMethod.Invoke(this, methodParameters).ToString(); 252 } catch(Exception ex) { 253 throw new Exception(item.Component.GetType().Name + " method '" + methodName +"' could not be invoked", ex); 254 } 255 } 256 } 257 258 if (item.BlocksList.Count > 0 && !item.SkipRenderBlocksList) 259 { 260 @RenderBlockList(item.BlocksList) 261 } 262 } 263 264 @*--- END: Base block renderers ---*@ 265 266 @using Dynamicweb.Rapido.Blocks.Components 267 @using Dynamicweb.Rapido.Blocks.Components.General 268 @using Dynamicweb.Rapido.Blocks 269 @using System.IO 270 271 @* Required *@ 272 @using Dynamicweb.Rapido.Blocks.Components 273 @using Dynamicweb.Rapido.Blocks.Components.General 274 @using Dynamicweb.Rapido.Blocks 275 276 277 @helper Render(ComponentBase component) 278 { 279 if (component != null) 280 { 281 @component.Render(this) 282 } 283 } 284 285 @* Components *@ 286 @using System.Reflection 287 @using Dynamicweb.Rapido.Blocks.Components.General 288 289 290 @* Component *@ 291 292 @helper RenderIcon(Icon settings) 293 { 294 if (settings != null) 295 { 296 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 297 298 if (settings.Name != null) 299 { 300 if (string.IsNullOrEmpty(settings.Label)) 301 { 302 <i class="@settings.Prefix @settings.Name @settings.CssClass" @color></i> 303 } 304 else 305 { 306 if (settings.LabelPosition == IconLabelPosition.Before) 307 { 308 <div class="u-flex u-flex--align-items-center @settings.CssClass">@settings.Label <i class="@settings.Prefix @settings.Name u-margin-left" @color></i></div> 309 } 310 else 311 { 312 <div class="u-flex u-flex--align-items-center @settings.CssClass"><i class="@settings.Prefix @settings.Name u-margin-right--lg u-w20px" @color></i>@settings.Label</div> 313 } 314 } 315 } 316 else if (!string.IsNullOrEmpty(settings.Label)) 317 { 318 @settings.Label 319 } 320 } 321 } 322 @using System.Reflection 323 @using Dynamicweb.Rapido.Blocks.Components.General 324 @using Dynamicweb.Rapido.Blocks.Components 325 @using Dynamicweb.Core 326 327 @* Component *@ 328 329 @helper RenderButton(Button settings) 330 { 331 if (settings != null && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 332 { 333 Dictionary<string, string> attributes = new Dictionary<string, string>(); 334 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 335 if (settings.Disabled) { 336 attributes.Add("disabled", "true"); 337 classList.Add("disabled"); 338 } 339 340 if (!string.IsNullOrEmpty(settings.ConfirmText) || !string.IsNullOrEmpty(settings.ConfirmTitle)) 341 { 342 settings.Id = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 343 @RenderConfirmDialog(settings); 344 settings.OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = true"; 345 } 346 347 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 348 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 349 if (!string.IsNullOrEmpty(settings.AltText)) 350 { 351 attributes.Add("title", settings.AltText); 352 } 353 else if (!string.IsNullOrEmpty(settings.Title)) 354 { 355 string cleanTitle = Regex.Replace(settings.Title, "<.*?>", String.Empty); 356 cleanTitle = cleanTitle.Replace("&nbsp;", " "); 357 attributes.Add("title", cleanTitle); 358 } 359 360 var onClickEvents = new List<string>(); 361 if (!string.IsNullOrEmpty(settings.OnClick)) 362 { 363 onClickEvents.Add(settings.OnClick); 364 } 365 if (!string.IsNullOrEmpty(settings.Href)) 366 { 367 onClickEvents.Add("location.href='" + settings.Href + "'"); 368 } 369 if (onClickEvents.Count > 0) 370 { 371 attributes.Add("onClick", string.Join(";", onClickEvents)); 372 } 373 374 //If link is a paragraph, go to that paragraph 375 if (!string.IsNullOrEmpty(settings.Href) && settings.Href.Contains("#")) 376 { 377 int pageId = Dynamicweb.Environment.Helpers.LinkHelper.GetInternalPageId(settings.Href); 378 string[] hrefSplit = settings.Href.Trim().Split('#'); 379 string idToScrollTo = "p_" + hrefSplit[1].Trim(); 380 381 if (Pageview.ID == pageId) 382 { 383 attributes.Remove("onClick"); 384 attributes.Add("onClick", "window.scrollIntoViewHeaderOffset(document.getElementById('" + idToScrollTo + "'))"); 385 } 386 else if (pageId != 0) 387 { 388 settings.Href = hrefSplit[0].Trim() + "#" + hrefSplit[1].Trim(); 389 attributes.Remove("onClick"); 390 attributes.Add("onClick", "location.href='" + settings.Href + "'"); 391 } 392 } 393 394 if (settings.ButtonLayout != ButtonLayout.None) 395 { 396 classList.Add("btn"); 397 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 398 if (btnLayout == "linkclean") 399 { 400 btnLayout = "link-clean"; //fix 401 } 402 classList.Add("btn--" + btnLayout); 403 } 404 405 if (settings.Icon == null) 406 { 407 settings.Icon = new Icon(); 408 } 409 410 settings.Icon.CssClass += Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower() != "linkclean" ? " u-flex--align-center" : ""; 411 settings.Icon.Label = settings.Title; 412 413 attributes.Add("type", Enum.GetName(typeof(ButtonType), settings.ButtonType).ToLower()); 414 415 <button class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</button> 416 } 417 } 418 419 @helper RenderConfirmDialog(Button settings) 420 { 421 Modal confirmDialog = new Modal { 422 Id = settings.Id, 423 Width = ModalWidth.Sm, 424 Heading = new Heading 425 { 426 Level = 2, 427 Title = settings.ConfirmTitle 428 }, 429 BodyText = settings.ConfirmText 430 }; 431 432 confirmDialog.AddAction(new Button { Title = Translate("Cancel"), ButtonLayout = ButtonLayout.Secondary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false"}); 433 confirmDialog.AddAction(new Button { Title = Translate("OK"), ButtonLayout = ButtonLayout.Primary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false;" + settings.OnClick }); 434 435 @Render(confirmDialog) 436 } 437 @using Dynamicweb.Rapido.Blocks.Components.General 438 @using Dynamicweb.Rapido.Blocks.Components 439 @using Dynamicweb.Core 440 441 @helper RenderDashboard(Dashboard settings) 442 { 443 var widgets = settings.GetWidgets(); 444 445 if (!string.IsNullOrEmpty(settings.WidgetsBaseBackgroundColor)) 446 { 447 //set bg color for them 448 449 System.Drawing.Color color = System.Drawing.ColorTranslator.FromHtml(settings.WidgetsBaseBackgroundColor); 450 int r = Convert.ToInt16(color.R); 451 int g = Convert.ToInt16(color.G); 452 int b = Convert.ToInt16(color.B); 453 454 var count = widgets.Length; 455 var max = Math.Max(r, Math.Max(g, b)); 456 double step = 255.0 / (max * count); 457 var i = 0; 458 foreach (var widget in widgets) 459 { 460 i++; 461 462 var shade = "rgb(" + Converter.ToString(r * step * i).Replace(",", ".") + ", " + Converter.ToString(g * step * i).Replace(",", ".") + ", " + Converter.ToString(b * step * i).Replace(",", ".") + ")"; 463 widget.BackgroundColor = shade; 464 } 465 } 466 467 <div class="dashboard @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 468 @foreach (var widget in widgets) 469 { 470 <div class="dashboard__widget"> 471 @Render(widget) 472 </div> 473 } 474 </div> 475 } 476 @using Dynamicweb.Rapido.Blocks.Components.General 477 @using Dynamicweb.Rapido.Blocks.Components 478 479 @helper RenderDashboardWidgetLink(DashboardWidgetLink settings) 480 { 481 if (!string.IsNullOrEmpty(settings.Link)) 482 { 483 var backgroundStyles = ""; 484 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 485 { 486 backgroundStyles = "style=\"background-color:" + settings.BackgroundColor + "\""; 487 } 488 489 <a href="@settings.Link" class="widget widget--link @settings.CssClass dw-mod" @backgroundStyles title="@settings.Title" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 490 <div class="u-center-middle u-color-light"> 491 @if (settings.Icon != null) 492 { 493 settings.Icon.CssClass += "widget__icon"; 494 @Render(settings.Icon) 495 } 496 <div class="widget__title">@settings.Title</div> 497 </div> 498 </a> 499 } 500 } 501 @using Dynamicweb.Rapido.Blocks.Components.General 502 @using Dynamicweb.Rapido.Blocks.Components 503 504 @helper RenderDashboardWidgetCounter(DashboardWidgetCounter settings) 505 { 506 var backgroundStyles = ""; 507 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 508 { 509 backgroundStyles = "style='background-color:" + settings.BackgroundColor + "'"; 510 } 511 512 <div class="widget @settings.CssClass dw-mod" @backgroundStyles @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 513 <div class="u-center-middle u-color-light"> 514 @if (settings.Icon != null) 515 { 516 settings.Icon.CssClass += "widget__icon"; 517 @Render(settings.Icon) 518 } 519 <div class="widget__counter">@settings.Count</div> 520 <div class="widget__title">@settings.Title</div> 521 </div> 522 </div> 523 } 524 @using System.Reflection 525 @using Dynamicweb.Rapido.Blocks.Components.General 526 @using Dynamicweb.Rapido.Blocks.Components 527 @using Dynamicweb.Core 528 529 @* Component *@ 530 531 @helper RenderLink(Link settings) 532 { 533 if (settings != null && !string.IsNullOrEmpty(settings.Href) && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 534 { 535 Dictionary<string, string> attributes = new Dictionary<string, string>(); 536 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 537 if (settings.Disabled) 538 { 539 attributes.Add("disabled", "true"); 540 classList.Add("disabled"); 541 } 542 543 if (!string.IsNullOrEmpty(settings.AltText)) 544 { 545 attributes.Add("title", settings.AltText); 546 } 547 else if (!string.IsNullOrEmpty(settings.Title)) 548 { 549 attributes.Add("title", settings.Title); 550 } 551 552 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 553 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 554 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onClick", settings.OnClick); } 555 attributes.Add("href", settings.Href); 556 557 if (settings.ButtonLayout != ButtonLayout.None) 558 { 559 classList.Add("btn"); 560 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 561 if (btnLayout == "linkclean") 562 { 563 btnLayout = "link-clean"; //fix 564 } 565 classList.Add("btn--" + btnLayout); 566 } 567 568 if (settings.Icon == null) 569 { 570 settings.Icon = new Icon(); 571 } 572 settings.Icon.Label = settings.Title; 573 574 if (settings.Target == LinkTargetType.Blank && settings.Rel == LinkRelType.None) 575 { 576 settings.Rel = LinkRelType.Noopener; 577 } 578 if (settings.Target != LinkTargetType.None) 579 { 580 attributes.Add("target", "_" + Enum.GetName(typeof(LinkTargetType), settings.Target).ToLower()); 581 } 582 if (settings.Download) 583 { 584 attributes.Add("download", "true"); 585 } 586 if (settings.Rel != LinkRelType.None) 587 { 588 attributes.Add("rel", Enum.GetName(typeof(LinkRelType), settings.Rel).ToLower()); 589 } 590 591 <a class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</a> 592 } 593 } 594 @using System.Reflection 595 @using Dynamicweb.Rapido.Blocks.Components 596 @using Dynamicweb.Rapido.Blocks.Components.General 597 @using Dynamicweb.Rapido.Blocks 598 599 600 @* Component *@ 601 602 @helper RenderRating(Rating settings) 603 { 604 if (settings.Score > 0) 605 { 606 int rating = settings.Score; 607 string iconType = "fa-star"; 608 609 switch (settings.Type.ToString()) { 610 case "Stars": 611 iconType = "fa-star"; 612 break; 613 case "Hearts": 614 iconType = "fa-heart"; 615 break; 616 case "Lemons": 617 iconType = "fa-lemon"; 618 break; 619 case "Bombs": 620 iconType = "fa-bomb"; 621 break; 622 } 623 624 <div class="u-ta-right"> 625 @for (int i = 0; i < settings.OutOf; i++) 626 { 627 <i class="@(rating > i ? "fas" : "far") @iconType"></i> 628 } 629 </div> 630 } 631 } 632 @using System.Reflection 633 @using Dynamicweb.Rapido.Blocks.Components.General 634 @using Dynamicweb.Rapido.Blocks.Components 635 636 637 @* Component *@ 638 639 @helper RenderSelectFieldOption(SelectFieldOption settings) 640 { 641 Dictionary<string, string> attributes = new Dictionary<string, string>(); 642 if (settings.Checked) { attributes.Add("selected", "true"); } 643 if (settings.Disabled) { attributes.Add("disabled", "true"); } 644 if (settings.Value != null) { attributes.Add("value", settings.Value); } 645 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 646 647 <option @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Label</option> 648 } 649 @using System.Reflection 650 @using Dynamicweb.Rapido.Blocks.Components.General 651 @using Dynamicweb.Rapido.Blocks.Components 652 653 654 @* Component *@ 655 656 @helper RenderNavigation(Navigation settings) { 657 @RenderNavigation(new 658 { 659 id = settings.Id, 660 cssclass = settings.CssClass, 661 startLevel = settings.StartLevel, 662 endlevel = settings.EndLevel, 663 expandmode = settings.Expandmode, 664 sitemapmode = settings.SitemapMode, 665 template = settings.Template 666 }) 667 } 668 @using Dynamicweb.Rapido.Blocks.Components.General 669 @using Dynamicweb.Rapido.Blocks.Components 670 671 672 @* Component *@ 673 674 @helper RenderBreadcrumbNavigation(BreadcrumbNavigation settings) { 675 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 676 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 677 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 678 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 679 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 680 settings.SitemapMode = false; 681 682 @RenderNavigation(settings) 683 } 684 @using Dynamicweb.Rapido.Blocks.Components.General 685 @using Dynamicweb.Rapido.Blocks.Components 686 687 688 @* Component *@ 689 690 @helper RenderLeftNavigation(LeftNavigation settings) { 691 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 692 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 693 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 694 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 695 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 696 697 <div class="grid__cell"> 698 @RenderNavigation(settings) 699 </div> 700 } 701 @using System.Reflection 702 @using Dynamicweb.Rapido.Blocks.Components.General 703 @using Dynamicweb.Core 704 705 @* Component *@ 706 707 @helper RenderHeading(Heading settings) 708 { 709 if (settings != null && !string.IsNullOrEmpty(settings.Title)) 710 { 711 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 712 string tagName = settings.Level != 0 ? "h" + settings.Level.ToString() : "div"; 713 714 @("<" + tagName + " class=\"" + settings.CssClass + " dw-mod\" " + color + ">") 715 if (!string.IsNullOrEmpty(settings.Link)) 716 { 717 @Render(new Link { Href = settings.Link, Icon = settings.Icon, Title = settings.Title, ButtonLayout = ButtonLayout.None }) 718 } 719 else 720 { 721 if (settings.Icon == null) 722 { 723 settings.Icon = new Icon(); 724 } 725 settings.Icon.Label = settings.Title; 726 @Render(settings.Icon) 727 } 728 @("</" + tagName + ">"); 729 } 730 } 731 @using Dynamicweb.Rapido.Blocks.Components 732 @using Dynamicweb.Rapido.Blocks.Components.General 733 @using Dynamicweb.Rapido.Blocks 734 735 736 @* Component *@ 737 738 @helper RenderImage(Image settings) 739 { 740 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 741 { 742 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 743 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 744 745 if (settings.Caption != null) 746 { 747 @:<div> 748 } 749 750 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 751 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 752 753 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 754 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 755 @if (settings.Link != null) 756 { 757 <a href="@settings.Link"> 758 @RenderTheImage(settings) 759 </a> 760 } 761 else 762 { 763 @RenderTheImage(settings) 764 } 765 </div> 766 </div> 767 768 if (settings.Caption != null) 769 { 770 <span class="image-caption dw-mod">@settings.Caption</span> 771 @:</div> 772 } 773 } 774 else 775 { 776 if (settings.Caption != null) 777 { 778 @:<div> 779 } 780 if (!string.IsNullOrEmpty(settings.Link)) 781 { 782 <a href="@settings.Link"> 783 @RenderTheImage(settings) 784 </a> 785 } 786 else 787 { 788 @RenderTheImage(settings) 789 } 790 791 if (settings.Caption != null) 792 { 793 <span class="image-caption dw-mod">@settings.Caption</span> 794 @:</div> 795 } 796 } 797 } 798 799 @helper RenderTheImage(Image settings) 800 { 801 if (settings != null) 802 { 803 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 804 string placeholderImage = "/Files/Images/placeholder.gif"; 805 string imageEngine = "/Admin/Public/GetImage.ashx?"; 806 807 string imageStyle = ""; 808 809 switch (settings.Style) 810 { 811 case ImageStyle.Ball: 812 imageStyle = "grid__cell-img--ball"; 813 break; 814 815 case ImageStyle.Triangle: 816 imageStyle = "grid__cell-img--triangle"; 817 break; 818 } 819 820 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 821 { 822 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 823 824 if (settings.ImageDefault != null) 825 { 826 settings.ImageDefault.Height = settings.ImageDefault.Width; 827 } 828 if (settings.ImageMedium != null) 829 { 830 settings.ImageMedium.Height = settings.ImageMedium.Width; 831 } 832 if (settings.ImageSmall != null) 833 { 834 settings.ImageSmall.Height = settings.ImageSmall.Width; 835 } 836 } 837 838 string defaultImage = imageEngine; 839 string imageSmall = ""; 840 string imageMedium = ""; 841 842 if (settings.DisableImageEngine) 843 { 844 defaultImage = settings.Path; 845 } 846 else 847 { 848 if (settings.ImageDefault != null) 849 { 850 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 851 852 if (settings.Path?.GetType() != typeof(string)) 853 { 854 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 855 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 856 } 857 else 858 { 859 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 860 } 861 862 defaultImage += "&AlternativeImage=" + alternativeImage; 863 } 864 865 if (settings.ImageSmall != null) 866 { 867 imageSmall = "data-src-small=\"" + imageEngine; 868 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 869 870 if (settings.Path?.GetType() != typeof(string)) 871 { 872 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 873 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 874 } 875 else 876 { 877 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 878 } 879 880 imageSmall += "&alternativeImage=" + alternativeImage; 881 882 imageSmall += "\""; 883 } 884 885 if (settings.ImageMedium != null) 886 { 887 imageMedium = "data-src-medium=\"" + imageEngine; 888 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 889 890 if (settings.Path?.GetType() != typeof(string)) 891 { 892 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 893 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 894 } 895 else 896 { 897 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 898 } 899 900 imageMedium += "&alternativeImage=" + alternativeImage; 901 902 imageMedium += "\""; 903 } 904 } 905 906 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 907 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 908 if (!string.IsNullOrEmpty(settings.Title)) 909 { 910 optionalAttributes.Add("alt", settings.Title); 911 optionalAttributes.Add("title", settings.Title); 912 } 913 914 if (settings.DisableLazyLoad) 915 { 916 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) /> 917 } 918 else 919 { 920 <img id="@settings.Id" class="b-lazy @imageStyle @settings.CssClass dw-mod" src="@placeholderImage" data-src="@defaultImage" @imageSmall @imageMedium @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) /> 921 } 922 } 923 } 924 @using System.Reflection 925 @using Dynamicweb.Rapido.Blocks.Components.General 926 @using Dynamicweb.Rapido.Blocks.Components 927 928 @* Component *@ 929 930 @helper RenderFileField(FileField settings) 931 { 932 var attributes = new Dictionary<string, string>(); 933 if (string.IsNullOrEmpty(settings.Id)) 934 { 935 settings.Id = Guid.NewGuid().ToString("N"); 936 } 937 938 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 939 if (settings.Disabled) { attributes.Add("disabled", "true"); } 940 if (settings.Required) { attributes.Add("required", "true"); } 941 if (settings.Multiple) { attributes.Add("multiple", "true"); } 942 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 943 if (string.IsNullOrEmpty(settings.ChooseFileText)) 944 { 945 settings.ChooseFileText = Translate("Choose file"); 946 } 947 if (string.IsNullOrEmpty(settings.NoFilesChosenText)) 948 { 949 settings.NoFilesChosenText = Translate("No files chosen..."); 950 } 951 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 952 953 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 954 955 string setValueToFakeInput = "FileUpload.setValueToFakeInput(this)"; 956 attributes.Add("onchange", setValueToFakeInput + (!string.IsNullOrEmpty(settings.OnChange) ? settings.OnChange : "")); 957 958 attributes.Add("type", "file"); 959 if (settings.Value != null) { attributes.Add("value", settings.Value); } 960 settings.CssClass = "u-full-width " + settings.CssClass; 961 962 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 963 964 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 965 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 966 { 967 <div class="u-full-width"> 968 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 969 @if (settings.Link != null) { 970 <div class="u-pull--right"> 971 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 972 @Render(settings.Link) 973 </div> 974 } 975 </div> 976 977 } 978 979 @if (!string.IsNullOrEmpty(settings.HelpText)) 980 { 981 <small class="form__help-text">@settings.HelpText</small> 982 } 983 984 <div class="form__field-combi file-input u-no-margin dw-mod"> 985 <input @ComponentMethods.AddAttributes(resultAttributes) class="file-input__real-input" data-no-files-text="@settings.NoFilesChosenText" data-many-files-text="@Translate("files")" /> 986 <label for="@settings.Id" class="file-input__btn btn--secondary btn dw-mod">@settings.ChooseFileText</label> 987 <label for="@settings.Id" class="@settings.CssClass file-input__fake-input js-fake-input dw-mod">@settings.NoFilesChosenText</label> 988 @if (settings.UploadButton != null) 989 { 990 settings.UploadButton.CssClass += " btn--condensed u-no-margin"; 991 @Render(settings.UploadButton) 992 } 993 </div> 994 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 995 </div> 996 } 997 @using System.Reflection 998 @using Dynamicweb.Rapido.Blocks.Components.General 999 @using Dynamicweb.Rapido.Blocks.Components 1000 @using Dynamicweb.Core 1001 @using System.Linq 1002 1003 @* Component *@ 1004 1005 @helper RenderDateTimeField(DateTimeField settings) 1006 { 1007 if (string.IsNullOrEmpty(settings.Id)) 1008 { 1009 settings.Id = Guid.NewGuid().ToString("N"); 1010 } 1011 1012 var textField = new TextField { 1013 Name = settings.Name, 1014 Id = settings.Id, 1015 Label = settings.Label, 1016 HelpText = settings.HelpText, 1017 Value = settings.Value, 1018 Disabled = settings.Disabled, 1019 Required = settings.Required, 1020 ErrorMessage = settings.ErrorMessage, 1021 CssClass = settings.CssClass, 1022 WrapperCssClass = settings.WrapperCssClass, 1023 OnChange = settings.OnChange, 1024 OnClick = settings.OnClick, 1025 Link = settings.Link, 1026 ExtraAttributes = settings.ExtraAttributes, 1027 // 1028 Placeholder = settings.Placeholder 1029 }; 1030 1031 @Render(textField) 1032 1033 List<string> jsAttributes = new List<string>(); 1034 1035 jsAttributes.Add("mode: '" + Enum.GetName(typeof(DateTimeFieldMode), settings.Mode).ToLower() + "'"); 1036 1037 if (!string.IsNullOrEmpty(settings.DateFormat)) 1038 { 1039 jsAttributes.Add("dateFormat: '" + settings.DateFormat + "'"); 1040 } 1041 if (!string.IsNullOrEmpty(settings.MinDate)) 1042 { 1043 jsAttributes.Add("minDate: '" + settings.MinDate + "'"); 1044 } 1045 if (!string.IsNullOrEmpty(settings.MaxDate)) 1046 { 1047 jsAttributes.Add("maxDate: '" + settings.MaxDate + "'"); 1048 } 1049 if (settings.IsInline) 1050 { 1051 jsAttributes.Add("inline: " + Converter.ToString(settings.IsInline).ToLower()); 1052 } 1053 if (settings.EnableTime) 1054 { 1055 jsAttributes.Add("enableTime: " + Converter.ToString(settings.EnableTime).ToLower()); 1056 } 1057 if (settings.EnableWeekNumbers) 1058 { 1059 jsAttributes.Add("weekNumbers: " + Converter.ToString(settings.EnableWeekNumbers).ToLower()); 1060 } 1061 1062 jsAttributes.AddRange(settings.GetFlatPickrOptions().Select(x => x.Key + ": " + x.Value)); 1063 1064 <script> 1065 document.addEventListener("DOMContentLoaded", function () { 1066 flatpickr("#@textField.Id", { 1067 @string.Join(",", jsAttributes) 1068 }); 1069 }); 1070 </script> 1071 } 1072 @using System.Reflection 1073 @using Dynamicweb.Rapido.Blocks.Components.General 1074 @using Dynamicweb.Rapido.Blocks.Components 1075 1076 @* Component *@ 1077 1078 @helper RenderTextField(TextField settings) 1079 { 1080 var attributes = new Dictionary<string, string>(); 1081 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1082 { 1083 settings.Id = Guid.NewGuid().ToString("N"); 1084 } 1085 1086 /*base settings*/ 1087 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1088 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1089 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1090 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1091 if (settings.Required) { attributes.Add("required", "true"); } 1092 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1093 /*end*/ 1094 1095 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1096 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1097 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1098 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1099 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1100 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1101 attributes.Add("type", Enum.GetName(typeof(TextFieldType), settings.Type).ToLower()); 1102 if (settings.Type == TextFieldType.Password) { attributes.Add("autocomplete", "off"); }; 1103 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1104 1105 settings.CssClass = "u-full-width " + settings.CssClass; 1106 1107 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1108 1109 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 1110 1111 string noMargin = "u-no-margin"; 1112 if (!settings.ReadOnly) 1113 { 1114 noMargin = ""; 1115 } 1116 1117 if (!string.IsNullOrEmpty(settings.HelpText)) 1118 { 1119 settings.WrapperCssClass += " tooltip"; 1120 } 1121 1122 <div class="form__field-group u-full-width @noMargin @settings.WrapperCssClass dw-mod"> 1123 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null) 1124 { 1125 <div class="u-full-width"> 1126 @if (!string.IsNullOrEmpty(settings.Label)) 1127 {<label for="@settings.Id" class="u-pull--left">@settings.Label</label>} 1128 @if (settings.Link != null) 1129 { 1130 settings.Link.ButtonLayout = ButtonLayout.LinkClean; 1131 1132 <div class="u-pull--right"> 1133 @Render(settings.Link) 1134 </div> 1135 } 1136 </div> 1137 1138 } 1139 1140 @if (!string.IsNullOrEmpty(settings.HelpText)) 1141 { 1142 <span class="tooltip-content"> 1143 <span class="tooltip-text"> 1144 <span class="tooltip-inner"> 1145 @settings.HelpText 1146 </span> 1147 </span> 1148 </span> 1149 } 1150 1151 @if (settings.ActionButton != null) 1152 { 1153 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1154 <div class="form__field-combi u-no-margin dw-mod"> 1155 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1156 @Render(settings.ActionButton) 1157 </div> 1158 } 1159 else 1160 { 1161 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1162 } 1163 1164 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1165 </div> 1166 } 1167 @using System.Reflection 1168 @using Dynamicweb.Rapido.Blocks.Components.General 1169 @using Dynamicweb.Rapido.Blocks.Components 1170 1171 @* Component *@ 1172 1173 @helper RenderNumberField(NumberField settings) 1174 { 1175 var attributes = new Dictionary<string, string>(); 1176 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1177 { 1178 settings.Id = Guid.NewGuid().ToString("N"); 1179 } 1180 1181 /*base settings*/ 1182 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1183 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1184 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1185 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1186 if (settings.Required) { attributes.Add("required", "true"); } 1187 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1188 /*end*/ 1189 1190 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1191 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1192 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1193 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1194 if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); } 1195 if (settings.Min != null) { attributes.Add("min", settings.Min.ToString()); } 1196 if (settings.Step != 0) { attributes.Add("step", settings.Step.ToString()); } 1197 if (settings.Value != null && !string.IsNullOrEmpty(settings.Value.ToString())) { attributes.Add("value", settings.Value.ToString()); } 1198 attributes.Add("type", "number"); 1199 1200 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1201 1202 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1203 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1204 { 1205 <div class="u-full-width"> 1206 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1207 @if (settings.Link != null) { 1208 <div class="u-pull--right"> 1209 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1210 @Render(settings.Link) 1211 </div> 1212 } 1213 </div> 1214 1215 } 1216 1217 @if (!string.IsNullOrEmpty(settings.HelpText)) 1218 { 1219 <small class="form__help-text">@settings.HelpText</small> 1220 } 1221 1222 @if (settings.ActionButton != null) 1223 { 1224 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1225 <div class="form__field-combi u-no-margin dw-mod"> 1226 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1227 @Render(settings.ActionButton) 1228 </div> 1229 } 1230 else 1231 { 1232 <div class="form__field-combi u-no-margin dw-mod"> 1233 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1234 </div> 1235 } 1236 1237 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1238 </div> 1239 } 1240 @using System.Reflection 1241 @using Dynamicweb.Rapido.Blocks.Components.General 1242 @using Dynamicweb.Rapido.Blocks.Components 1243 1244 1245 @* Component *@ 1246 1247 @helper RenderTextareaField(TextareaField settings) 1248 { 1249 Dictionary<string, string> attributes = new Dictionary<string, string>(); 1250 string id = settings.Id; 1251 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(id)) 1252 { 1253 id = Guid.NewGuid().ToString("N"); 1254 } 1255 1256 if (!string.IsNullOrEmpty(id)) { attributes.Add("id", id); } 1257 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1258 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1259 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1260 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1261 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1262 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1263 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1264 if (settings.Required) { attributes.Add("required", "true"); } 1265 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1266 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1267 if (settings.Rows != 0) { attributes.Add("rows", settings.Rows.ToString()); } 1268 attributes.Add("name", settings.Name); 1269 1270 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1271 1272 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1273 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1274 { 1275 <div class="u-full-width"> 1276 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1277 @if (settings.Link != null) { 1278 <div class="u-pull--right"> 1279 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1280 @Render(settings.Link) 1281 </div> 1282 } 1283 </div> 1284 } 1285 1286 @if (!string.IsNullOrEmpty(settings.HelpText)) 1287 { 1288 <small class="form__help-text">@settings.HelpText</small> 1289 } 1290 1291 <textarea class="u-full-width @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Value</textarea> 1292 1293 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1294 </div> 1295 } 1296 @using System.Reflection 1297 @using Dynamicweb.Rapido.Blocks.Components.General 1298 @using Dynamicweb.Rapido.Blocks.Components 1299 1300 1301 @* Component *@ 1302 1303 @helper RenderHiddenField(HiddenField settings) { 1304 var attributes = new Dictionary<string, string>(); 1305 attributes.Add("type", "hidden"); 1306 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1307 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1308 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1309 1310 <input @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)/> 1311 } 1312 @using System.Reflection 1313 @using Dynamicweb.Rapido.Blocks.Components.General 1314 @using Dynamicweb.Rapido.Blocks.Components 1315 1316 @* Component *@ 1317 1318 @helper RenderCheckboxField(CheckboxField settings) 1319 { 1320 var attributes = new Dictionary<string, string>(); 1321 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1322 { 1323 settings.Id = Guid.NewGuid().ToString("N"); 1324 } 1325 1326 /*base settings*/ 1327 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1328 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1329 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1330 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1331 if (settings.Required) { attributes.Add("required", "true"); } 1332 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1333 /*end*/ 1334 1335 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1336 1337 attributes.Add("type", "checkbox"); 1338 if (settings.Checked) { attributes.Add("checked", "true"); } 1339 settings.CssClass = "form__control " + settings.CssClass; 1340 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1341 1342 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1343 1344 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1345 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1346 @if (!string.IsNullOrEmpty(settings.Label)) 1347 { 1348 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1349 } 1350 1351 @if (settings.Link != null) { 1352 <span> 1353 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1354 @Render(settings.Link) 1355 </span> 1356 } 1357 1358 @if (!string.IsNullOrEmpty(settings.HelpText)) 1359 { 1360 <small class="form__help-text checkbox-help dw-mod">@settings.HelpText</small> 1361 } 1362 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1363 </div> 1364 } 1365 @using System.Reflection 1366 @using Dynamicweb.Rapido.Blocks.Components.General 1367 @using Dynamicweb.Rapido.Blocks.Components 1368 1369 1370 @* Component *@ 1371 1372 @helper RenderCheckboxListField(CheckboxListField settings) 1373 { 1374 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1375 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1376 { 1377 <div class="u-full-width"> 1378 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1379 @if (settings.Link != null) { 1380 <div class="u-pull--right"> 1381 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1382 @Render(settings.Link) 1383 </div> 1384 } 1385 </div> 1386 1387 } 1388 1389 <div class="u-pull--left"> 1390 @if (!string.IsNullOrEmpty(settings.HelpText)) 1391 { 1392 <small class="form__help-text">@settings.HelpText</small> 1393 } 1394 1395 @foreach (var item in settings.Options) 1396 { 1397 if (settings.Required) 1398 { 1399 item.Required = true; 1400 } 1401 if (settings.Disabled) 1402 { 1403 item.Disabled = true; 1404 } 1405 if (!string.IsNullOrEmpty(settings.Name)) 1406 { 1407 item.Name = settings.Name; 1408 } 1409 if (!string.IsNullOrEmpty(settings.CssClass)) 1410 { 1411 item.CssClass += settings.CssClass; 1412 } 1413 1414 /* value is not supported */ 1415 1416 if (!string.IsNullOrEmpty(settings.OnClick)) 1417 { 1418 item.OnClick += settings.OnClick; 1419 } 1420 if (!string.IsNullOrEmpty(settings.OnChange)) 1421 { 1422 item.OnChange += settings.OnChange; 1423 } 1424 @Render(item) 1425 } 1426 1427 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1428 </div> 1429 1430 </div> 1431 } 1432 @using Dynamicweb.Rapido.Blocks.Components.General 1433 1434 @* Component *@ 1435 1436 @helper RenderSearch(Search settings) 1437 { 1438 var searchValue = HttpContext.Current.Request.QueryString.Get(settings.SearchParameter) ?? ""; 1439 var groupValue = HttpContext.Current.Request.QueryString.Get(settings.GroupsParameter) ?? ""; 1440 1441 if (string.IsNullOrEmpty(settings.Id)) 1442 { 1443 settings.Id = Guid.NewGuid().ToString("N"); 1444 } 1445 1446 var resultAttributes = new Dictionary<string, string>(); 1447 1448 if (settings.PageSize != 0) 1449 { 1450 resultAttributes.Add("data-page-size", settings.PageSize.ToString()); 1451 } 1452 if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1453 { 1454 resultAttributes.Add("data-groups-feed-url", settings.GroupItemsFeedUrl); 1455 if (!string.IsNullOrEmpty(groupValue)) 1456 { 1457 resultAttributes.Add("data-selected-group", groupValue); 1458 } 1459 if (!string.IsNullOrEmpty(settings.GroupsParameter)) 1460 { 1461 resultAttributes.Add("data-groups-parameter", settings.GroupsParameter); 1462 } 1463 } 1464 resultAttributes.Add("data-force-init", "true"); 1465 if (settings.GoToFirstSearchResultOnEnter) 1466 { 1467 resultAttributes.Add("data-go-to-first-search-result-on-enter", settings.GoToFirstSearchResultOnEnter.ToString().ToLower()); 1468 } 1469 if (!string.IsNullOrEmpty(settings.SearchParameter)) 1470 { 1471 resultAttributes.Add("data-search-parameter", settings.SearchParameter); 1472 } 1473 resultAttributes.Add("data-search-feed-url", settings.SearchData.SearchFeedUrl); 1474 resultAttributes.Add("data-results-template-id", settings.SearchData.ResultsTemplateId); 1475 1476 if (settings.SecondSearchData != null) 1477 { 1478 resultAttributes.Add("data-second-search-feed-url", settings.SecondSearchData.SearchFeedUrl); 1479 resultAttributes.Add("data-second-results-template-id", settings.SecondSearchData.ResultsTemplateId); 1480 } 1481 if (!string.IsNullOrEmpty(settings.ResultsPageUrl)) 1482 { 1483 resultAttributes.Add("data-results-page-url", settings.ResultsPageUrl); 1484 } 1485 1486 resultAttributes = resultAttributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1487 1488 string searchFieldCss = (settings.SearchButton == null) ? "search--with-icon" : ""; 1489 1490 <div class="search @settings.CssClass @searchFieldCss js-search-data-source dw-mod" id="@settings.Id" @ComponentMethods.AddAttributes(resultAttributes)> 1491 @if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1492 { 1493 <button type="button" class="search__groups-btn dw-mod js-search-groups-btn">@Translate("All")</button> 1494 <ul class="dropdown dropdown--absolute-position dw-mod search__groups-results js-search-groups-list"></ul> 1495 } 1496 1497 <input type="text" class="search__field dw-mod js-search-field" placeholder="@settings.Placeholder" value="@searchValue"> 1498 1499 <div class="dropdown dropdown--absolute-position search__results dw-mod js-search-results @(settings.SecondSearchData != null ? "search__results--combined" : "")"> 1500 @if (settings.SecondSearchData != null) 1501 { 1502 <div class="search__column search__column--products dw-mod"> 1503 <div class="search__column-header dw-mod">@Translate("Products")</div> 1504 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1505 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1506 { 1507 @Render(new Link { 1508 Title = Translate("View all"), 1509 CssClass = "js-view-all-button u-margin", 1510 Href = settings.SearchData.ResultsPageUrl 1511 }); 1512 } 1513 </div> 1514 <div class="search__column search__column--pages dw-mod"> 1515 <div class="search__column-header">@Translate("Pages")</div> 1516 <ul class="search__results-list dw-mod js-search-results-second-list" id="@(settings.Id)_SecondResultsList"></ul> 1517 @if (!string.IsNullOrEmpty(settings.SecondSearchData.ResultsPageUrl)) 1518 { 1519 @Render(new Link 1520 { 1521 Title = Translate("View all"), 1522 CssClass = "js-view-all-button u-margin", 1523 Href = settings.SecondSearchData.ResultsPageUrl 1524 }); 1525 } 1526 </div> 1527 } 1528 else 1529 { 1530 <div class="search__column search__column--only dw-mod"> 1531 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1532 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1533 { 1534 @Render(new Link { 1535 Title = Translate("View all"), 1536 CssClass = "js-view-all-button u-margin", 1537 Href = settings.SearchData.ResultsPageUrl 1538 }); 1539 } 1540 </div> 1541 } 1542 </div> 1543 1544 @if (settings.SearchButton != null) 1545 { 1546 settings.SearchButton.CssClass += " search__btn js-search-btn"; 1547 if (settings.RenderDefaultSearchIcon) 1548 { 1549 settings.SearchButton.Icon = new Icon { Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue }; 1550 } 1551 @Render(settings.SearchButton); 1552 } 1553 </div> 1554 } 1555 @using System.Reflection 1556 @using Dynamicweb.Rapido.Blocks.Components.General 1557 @using Dynamicweb.Rapido.Blocks.Components 1558 1559 1560 @* Component *@ 1561 1562 @helper RenderSelectField(SelectField settings) 1563 { 1564 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1565 { 1566 settings.Id = Guid.NewGuid().ToString("N"); 1567 } 1568 1569 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1570 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1571 { 1572 <div class="u-full-width"> 1573 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1574 @if (settings.Link != null) { 1575 <div class="u-pull--right"> 1576 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1577 @Render(settings.Link) 1578 </div> 1579 } 1580 </div> 1581 } 1582 1583 @if (!string.IsNullOrEmpty(settings.HelpText)) 1584 { 1585 <small class="form__help-text">@settings.HelpText</small> 1586 } 1587 1588 @if (settings.ActionButton != null) 1589 { 1590 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1591 <div class="form__field-combi u-no-margin dw-mod"> 1592 @RenderSelectBase(settings) 1593 @Render(settings.ActionButton) 1594 </div> 1595 } 1596 else 1597 { 1598 @RenderSelectBase(settings) 1599 } 1600 1601 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1602 </div> 1603 } 1604 1605 @helper RenderSelectBase(SelectField settings) 1606 { 1607 var attributes = new Dictionary<string, string>(); 1608 1609 /*base settings*/ 1610 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1611 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1612 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1613 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1614 if (settings.Required) { attributes.Add("required", "true"); } 1615 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1616 /*end*/ 1617 1618 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1619 1620 <select @ComponentMethods.AddAttributes(resultAttributes) class="u-full-width @settings.CssClass dw-mod"> 1621 @if (settings.Default != null) 1622 { 1623 @Render(settings.Default) 1624 } 1625 1626 @foreach (var item in settings.Options) 1627 { 1628 if (settings.Value != null) { 1629 item.Checked = item.Value == settings.Value; 1630 } 1631 @Render(item) 1632 } 1633 </select> 1634 } 1635 @using System.Reflection 1636 @using Dynamicweb.Rapido.Blocks.Components.General 1637 @using Dynamicweb.Rapido.Blocks.Components 1638 1639 @* Component *@ 1640 1641 @helper RenderRadioButtonField(RadioButtonField settings) 1642 { 1643 var attributes = new Dictionary<string, string>(); 1644 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1645 { 1646 settings.Id = Guid.NewGuid().ToString("N"); 1647 } 1648 1649 /*base settings*/ 1650 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1651 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1652 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1653 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1654 if (settings.Required) { attributes.Add("required", "true"); } 1655 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1656 /*end*/ 1657 1658 attributes.Add("type", "radio"); 1659 if (settings.Checked) { attributes.Add("checked", "true"); } 1660 settings.CssClass = "form__control " + settings.CssClass; 1661 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1662 1663 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1664 1665 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1666 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1667 @if (!string.IsNullOrEmpty(settings.Label)) 1668 { 1669 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1670 } 1671 @if (!string.IsNullOrEmpty(settings.HelpText)) 1672 { 1673 <small class="form__help-text">@settings.HelpText</small> 1674 } 1675 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1676 </div> 1677 } 1678 @using System.Reflection 1679 @using Dynamicweb.Rapido.Blocks.Components.General 1680 @using Dynamicweb.Rapido.Blocks.Components 1681 1682 1683 @* Component *@ 1684 1685 @helper RenderRadioButtonListField(RadioButtonListField settings) 1686 { 1687 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1688 1689 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1690 @if (!string.IsNullOrEmpty(settings.Label)) 1691 { 1692 <label>@settings.Label</label> 1693 } 1694 @if (!string.IsNullOrEmpty(settings.HelpText)) 1695 { 1696 <small class="form__help-text">@settings.HelpText</small> 1697 } 1698 1699 @foreach (var item in settings.Options) 1700 { 1701 if (settings.Required) 1702 { 1703 item.Required = true; 1704 } 1705 if (settings.Disabled) 1706 { 1707 item.Disabled = true; 1708 } 1709 if (!string.IsNullOrEmpty(settings.Name)) 1710 { 1711 item.Name = settings.Name; 1712 } 1713 if (settings.Value != null && settings.Value == item.Value) 1714 { 1715 item.Checked = true; 1716 } 1717 if (!string.IsNullOrEmpty(settings.OnClick)) 1718 { 1719 item.OnClick += settings.OnClick; 1720 } 1721 if (!string.IsNullOrEmpty(settings.OnChange)) 1722 { 1723 item.OnChange += settings.OnChange; 1724 } 1725 if (!string.IsNullOrEmpty(settings.CssClass)) 1726 { 1727 item.CssClass += settings.CssClass; 1728 } 1729 @Render(item) 1730 } 1731 1732 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1733 </div> 1734 } 1735 @using System.Reflection 1736 @using Dynamicweb.Rapido.Blocks.Components.General 1737 @using Dynamicweb.Rapido.Blocks.Components 1738 1739 1740 @* Component *@ 1741 1742 @helper RenderNotificationMessage(NotificationMessage settings) 1743 { 1744 if (!string.IsNullOrEmpty(settings.Message)) 1745 { 1746 var attributes = new Dictionary<string, string>(); 1747 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1748 1749 string messageTypeClass = Enum.GetName(typeof(NotificationMessageType), settings.MessageType).ToLower(); 1750 string messageLayoutClass = Enum.GetName(typeof(NotificationMessageLayout), settings.MessageLayout).ToLower(); 1751 string minHeightClass = settings.Icon != null ? "u-min-h70px" : ""; 1752 1753 <div class="notification-message-@messageTypeClass notification-message-@messageLayoutClass @messageLayoutClass @minHeightClass @settings.CssClass u-full-width dw-mod" @ComponentMethods.AddAttributes(attributes)> 1754 @if (settings.Icon != null) { 1755 settings.Icon.Label = !string.IsNullOrEmpty(settings.Icon.Label) ? settings.Message + settings.Icon.Label : settings.Message; 1756 @Render(settings.Icon) 1757 } else { 1758 @settings.Message 1759 } 1760 </div> 1761 } 1762 } 1763 @using Dynamicweb.Rapido.Blocks.Components.General 1764 1765 1766 @* Component *@ 1767 1768 @helper RenderHandlebarsRoot(HandlebarsRoot settings) { 1769 string preRender = !String.IsNullOrEmpty(settings.PreRenderScriptTemplate) ? "data-pre-render-template=\"" + settings.PreRenderScriptTemplate + "\"" : ""; 1770 1771 <div class="@settings.CssClass dw-mod js-handlebars-root" id="@settings.Id" data-template="@settings.ScriptTemplate" data-json-feed="@settings.FeedUrl" data-init-onload="@settings.InitOnLoad.ToString()" data-preloader="@settings.Preloader" @preRender> 1772 @if (settings.SubBlocks != null) { 1773 @RenderBlockList(settings.SubBlocks) 1774 } 1775 </div> 1776 } 1777 @using System.Reflection 1778 @using Dynamicweb.Rapido.Blocks.Components.General 1779 @using Dynamicweb.Rapido.Blocks.Components 1780 @using System.Text.RegularExpressions 1781 1782 1783 @* Component *@ 1784 1785 @helper RenderSticker(Sticker settings) { 1786 if (!String.IsNullOrEmpty(settings.Title)) { 1787 string size = settings.Size.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Size.ToString().ToLower() : ""; 1788 string style = settings.Style.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Style.ToString().ToLower() : ""; 1789 1790 Dictionary<String, String> optionalAttributes = new Dictionary<string, string>(); 1791 if (!String.IsNullOrEmpty(settings.Color) || !String.IsNullOrEmpty(settings.BackgroundColor)) { 1792 string styleTag = !String.IsNullOrEmpty(settings.Color) ? "color: " + settings.Color + "; " : ""; 1793 styleTag += !String.IsNullOrEmpty(settings.BackgroundColor) ? "background-color: " + settings.BackgroundColor + "; " : ""; 1794 optionalAttributes.Add("style", styleTag); 1795 } 1796 1797 <div class="stickers-container__tag @size @style @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Title</div> 1798 } 1799 } 1800 1801 @using System.Reflection 1802 @using Dynamicweb.Rapido.Blocks.Components.General 1803 @using Dynamicweb.Rapido.Blocks.Components 1804 1805 1806 @* Component *@ 1807 1808 @helper RenderStickersCollection(StickersCollection settings) 1809 { 1810 if (settings.Stickers.Count > 0) 1811 { 1812 string position = "stickers-container--" + Regex.Replace(settings.Position.ToString(), "([a-z])([A-Z])", "$1-$2").ToLower(); 1813 1814 <div class="stickers-container @position @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1815 @foreach (Sticker sticker in settings.Stickers) 1816 { 1817 @Render(sticker) 1818 } 1819 </div> 1820 } 1821 } 1822 1823 @using Dynamicweb.Rapido.Blocks.Components.General 1824 1825 1826 @* Component *@ 1827 1828 @helper RenderForm(Form settings) { 1829 if (settings != null) 1830 { 1831 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 1832 if (!string.IsNullOrEmpty(settings.Action)) { optionalAttributes.Add("action", settings.Action); }; 1833 if (!string.IsNullOrEmpty(settings.Name)) { optionalAttributes.Add("name", settings.Name); }; 1834 if (!string.IsNullOrEmpty(settings.OnSubmit)) { optionalAttributes.Add("onsubmit", settings.OnSubmit); }; 1835 var enctypes = new Dictionary<string, string> 1836 { 1837 { "multipart", "multipart/form-data" }, 1838 { "text", "text/plain" }, 1839 { "application", "application/x-www-form-urlencoded" } 1840 }; 1841 if (settings.Enctype != FormEnctype.none) { optionalAttributes.Add("enctype", enctypes[Enum.GetName(typeof(FormEnctype), settings.Enctype).ToLower()]); }; 1842 optionalAttributes.Add("method", settings.Method.ToString()); 1843 1844 if (!string.IsNullOrEmpty(settings.FormStartMarkup)) 1845 { 1846 @settings.FormStartMarkup 1847 } 1848 else 1849 { 1850 @:<form class="@settings.CssClass u-no-margin dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1851 } 1852 1853 foreach (var field in settings.GetFields()) 1854 { 1855 @Render(field) 1856 } 1857 1858 @:</form> 1859 } 1860 } 1861 @using System.Reflection 1862 @using Dynamicweb.Rapido.Blocks.Components.General 1863 @using Dynamicweb.Rapido.Blocks.Components 1864 1865 1866 @* Component *@ 1867 1868 @helper RenderText(Text settings) 1869 { 1870 @settings.Content 1871 } 1872 @using System.Reflection 1873 @using Dynamicweb.Rapido.Blocks.Components.General 1874 @using Dynamicweb.Rapido.Blocks.Components 1875 1876 1877 @* Component *@ 1878 1879 @helper RenderContentModule(ContentModule settings) { 1880 if (!string.IsNullOrEmpty(settings.Content)) 1881 { 1882 @settings.Content 1883 } 1884 } 1885 @using System.Reflection 1886 @using Dynamicweb.Rapido.Blocks.Components.General 1887 @using Dynamicweb.Rapido.Blocks.Components 1888 1889 1890 @* Component *@ 1891 1892 @helper RenderModal(Modal settings) { 1893 if (settings != null) 1894 { 1895 string modalId = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 1896 1897 string onchange = !string.IsNullOrEmpty(settings.OnClose) ? "onchange=\"if(!this.checked){" + settings.OnClose + "}\"" : ""; 1898 1899 <input type="checkbox" id="@(modalId)ModalTrigger" class="modal-trigger" @onchange /> 1900 1901 <div class="modal-container"> 1902 @if (!settings.DisableDarkOverlay) 1903 { 1904 <label for="@(modalId)ModalTrigger" id="@(modalId)ModalOverlay" class="modal-overlay"></label> 1905 } 1906 <div class="modal modal--@settings.Width.ToString().ToLower() modal-height--@settings.Height.ToString().ToLower()" id="@(modalId)Modal"> 1907 @if (settings.Heading != null) 1908 { 1909 if (!string.IsNullOrEmpty(settings.Heading.Title)) 1910 { 1911 <div class="modal__header"> 1912 @Render(settings.Heading) 1913 </div> 1914 } 1915 } 1916 <div class="modal__body @(settings.Width.ToString().ToLower() == "full" ? "modal__body--full" : "")"> 1917 @if (!string.IsNullOrEmpty(settings.BodyText)) 1918 { 1919 @settings.BodyText 1920 } 1921 @if (settings.BodyTemplate != null) 1922 { 1923 @settings.BodyTemplate 1924 } 1925 @{ 1926 var actions = settings.GetActions(); 1927 } 1928 </div> 1929 @if (actions.Length > 0) 1930 { 1931 <div class="modal__footer"> 1932 @foreach (var action in actions) 1933 { 1934 if (Pageview.Device.ToString() != "Mobile") { 1935 action.CssClass += " u-no-margin"; 1936 } else { 1937 action.CssClass += " u-full-width u-margin-bottom"; 1938 } 1939 1940 @Render(action) 1941 } 1942 </div> 1943 } 1944 <label class="modal__close-btn" for="@(modalId)ModalTrigger"></label> 1945 </div> 1946 </div> 1947 } 1948 } 1949 @using Dynamicweb.Rapido.Blocks.Components.General 1950 1951 @* Component *@ 1952 1953 @helper RenderMediaListItem(MediaListItem settings) 1954 { 1955 <div class="media-list-item @settings.CssClass dw-mod" @(!string.IsNullOrEmpty(settings.Id) ? "id=\"" + settings.Id + "\"" : "")> 1956 @if (!string.IsNullOrEmpty(settings.Label)) 1957 { 1958 if (!string.IsNullOrEmpty(settings.Link)) 1959 { 1960 @Render(new Link 1961 { 1962 Href = settings.Link, 1963 CssClass = "media-list-item__sticker dw-mod", 1964 ButtonLayout = ButtonLayout.None, 1965 Title = settings.Label, 1966 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 1967 }) 1968 } 1969 else if (!string.IsNullOrEmpty(settings.OnClick)) 1970 { 1971 <span class="media-list-item__sticker dw-mod" onclick="@(settings.OnClick)"> 1972 <span class="u-uppercase">@settings.Label</span> 1973 </span> 1974 } 1975 else 1976 { 1977 <span class="media-list-item__sticker media-list-item__sticker--no-link dw-mod"> 1978 <span class="u-uppercase">@settings.Label</span> 1979 </span> 1980 } 1981 } 1982 <div class="media-list-item__wrap"> 1983 <div class="media-list-item__info dw-mod"> 1984 <div class="media-list-item__header dw-mod"> 1985 @if (!string.IsNullOrEmpty(settings.Title)) 1986 { 1987 if (!string.IsNullOrEmpty(settings.Link)) 1988 { 1989 @Render(new Link 1990 { 1991 Href = settings.Link, 1992 CssClass = "media-list-item__name dw-mod", 1993 ButtonLayout = ButtonLayout.None, 1994 Title = settings.Title, 1995 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 1996 }) 1997 } 1998 else if (!string.IsNullOrEmpty(settings.OnClick)) 1999 { 2000 <span class="media-list-item__name dw-mod" onclick="@(settings.OnClick)">@settings.Title</span> 2001 } 2002 else 2003 { 2004 <span class="media-list-item__name media-list-item__name--no-link dw-mod">@settings.Title</span> 2005 } 2006 } 2007 2008 @if (!string.IsNullOrEmpty(settings.Status)) 2009 { 2010 <div class="media-list-item__state dw-mod">@settings.Status</div> 2011 } 2012 </div> 2013 @{ 2014 settings.InfoTable.CssClass += " media-list-item__parameters-table"; 2015 } 2016 2017 @Render(settings.InfoTable) 2018 </div> 2019 <div class="media-list-item__actions dw-mod"> 2020 <div class="media-list-item__actions-list dw-mod"> 2021 @{ 2022 var actions = settings.GetActions(); 2023 2024 foreach (ButtonBase action in actions) 2025 { 2026 action.ButtonLayout = ButtonLayout.None; 2027 action.CssClass += " media-list-item__action link"; 2028 2029 @Render(action) 2030 } 2031 } 2032 </div> 2033 2034 @if (settings.SelectButton != null && !string.IsNullOrEmpty(settings.SelectButton.Title)) 2035 { 2036 settings.SelectButton.CssClass += " u-no-margin"; 2037 2038 <div class="media-list-item__action-button"> 2039 @Render(settings.SelectButton) 2040 </div> 2041 } 2042 </div> 2043 </div> 2044 </div> 2045 } 2046 @using Dynamicweb.Rapido.Blocks.Components.General 2047 @using Dynamicweb.Rapido.Blocks.Components 2048 2049 @helper RenderTable(Table settings) 2050 { 2051 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2052 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2053 2054 var enumToClasses = new Dictionary<TableDesign, string> 2055 { 2056 { TableDesign.Clean, "table--clean" }, 2057 { TableDesign.Bordered, "table--bordered" }, 2058 { TableDesign.Striped, "table--striped" }, 2059 { TableDesign.Hover, "table--hover" }, 2060 { TableDesign.Compact, "table--compact" }, 2061 { TableDesign.Condensed, "table--condensed" }, 2062 { TableDesign.NoTopBorder, "table--no-top-border" } 2063 }; 2064 string tableDesignClass = ""; 2065 if (settings.Design != TableDesign.None) 2066 { 2067 tableDesignClass = enumToClasses[settings.Design]; 2068 } 2069 2070 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableDesign.None) { attributes.Add("class", "table " + tableDesignClass + " " + settings.CssClass + " dw-mod"); } 2071 2072 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2073 2074 <table @ComponentMethods.AddAttributes(resultAttributes)> 2075 @if (settings.Header != null) 2076 { 2077 <thead> 2078 @Render(settings.Header) 2079 </thead> 2080 } 2081 <tbody> 2082 @foreach (var row in settings.Rows) 2083 { 2084 @Render(row) 2085 } 2086 </tbody> 2087 @if (settings.Footer != null) 2088 { 2089 <tfoot> 2090 @Render(settings.Footer) 2091 </tfoot> 2092 } 2093 </table> 2094 } 2095 @using Dynamicweb.Rapido.Blocks.Components.General 2096 @using Dynamicweb.Rapido.Blocks.Components 2097 2098 @helper RenderTableRow(TableRow settings) 2099 { 2100 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2101 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2102 2103 var enumToClasses = new Dictionary<TableRowDesign, string> 2104 { 2105 { TableRowDesign.NoBorder, "table__row--no-border" }, 2106 { TableRowDesign.Border, "table__row--border" }, 2107 { TableRowDesign.TopBorder, "table__row--top-line" }, 2108 { TableRowDesign.BottomBorder, "table__row--bottom-line" }, 2109 { TableRowDesign.Solid, "table__row--solid" } 2110 }; 2111 2112 string tableRowDesignClass = ""; 2113 if (settings.Design != TableRowDesign.None) 2114 { 2115 tableRowDesignClass = enumToClasses[settings.Design]; 2116 } 2117 2118 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableRowDesign.None) { attributes.Add("class", "table__row " + tableRowDesignClass + " " + settings.CssClass + " dw-mod"); } 2119 2120 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2121 2122 <tr @ComponentMethods.AddAttributes(resultAttributes)> 2123 @foreach (var cell in settings.Cells) 2124 { 2125 if (settings.IsHeaderRow) 2126 { 2127 cell.IsHeader = true; 2128 } 2129 @Render(cell) 2130 } 2131 </tr> 2132 } 2133 @using Dynamicweb.Rapido.Blocks.Components.General 2134 @using Dynamicweb.Rapido.Blocks.Components 2135 @using Dynamicweb.Core 2136 2137 @helper RenderTableCell(TableCell settings) 2138 { 2139 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2140 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2141 if (settings.Colspan != 0) { attributes.Add("colspan", Converter.ToString(settings.Colspan)); } 2142 if (settings.Rowspan != 0) { attributes.Add("rowspan", Converter.ToString(settings.Rowspan)); } 2143 if (!string.IsNullOrEmpty(settings.CssClass)) { attributes.Add("class", settings.CssClass + " dw-mod"); } 2144 2145 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2146 2147 string tagName = settings.IsHeader ? "th" : "td"; 2148 2149 @("<" + tagName + " " + ComponentMethods.AddAttributes(resultAttributes) + ">") 2150 @settings.Content 2151 @("</" + tagName + ">"); 2152 } 2153 @using System.Linq 2154 @using Dynamicweb.Rapido.Blocks.Components.General 2155 2156 @* Component *@ 2157 2158 @helper RenderPagination(Dynamicweb.Rapido.Blocks.Components.General.Pagination settings) 2159 { 2160 var pageNumberQueryStringName = Dynamicweb.Rapido.Services.Pagination.GetPageNumberQueryStringName(settings); // Get the proper 'page number' query string parameter 2161 var queryParameters = Dynamicweb.Rapido.Services.Url.GetQueryParameters(pageNumberQueryStringName); // Get the NameValueCollection from the querystring 2162 2163 if (settings.NumberOfPages > 1) 2164 { 2165 string url = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority) + "/Default.aspx"; 2166 string ariaLabel = !string.IsNullOrWhiteSpace(settings.AriaLabel) ? settings.AriaLabel : Translate("Page navigation"); 2167 Dictionary<string, int> startAndEndPageNumber = Dynamicweb.Rapido.Services.Pagination.GetStartAndEndPageNumber(settings); 2168 2169 <div class="pager u-margin-top dw-mod @settings.CssClass" aria-label="@ariaLabel"> 2170 @if (settings.ShowPagingInfo) 2171 { 2172 <div class="pager__info dw-mod"> 2173 @Translate("Page") @settings.CurrentPageNumber @Translate("of") @settings.NumberOfPages 2174 </div> 2175 } 2176 <ul class="pager__list dw-mod"> 2177 @if (!string.IsNullOrWhiteSpace(settings.FirstPageUrl) && settings.ShowFirstAndLastControls) 2178 { 2179 @Render(new PaginationItem { Link = settings.FirstPageUrl, Icon = settings.FirstIcon }) 2180 } 2181 @if (!string.IsNullOrWhiteSpace(settings.PreviousPageUrl) && settings.ShowNextAndPrevControls) 2182 { 2183 @Render(new PaginationItem { Link = settings.PreviousPageUrl, Icon = settings.PrevIcon }) 2184 } 2185 @if (settings.GetPages().Any()) 2186 { 2187 foreach (var page in settings.GetPages()) 2188 { 2189 @Render(page) 2190 } 2191 } 2192 else 2193 { 2194 for (var page = startAndEndPageNumber["StartPage"]; page <= startAndEndPageNumber["EndPage"]; page++) 2195 { 2196 queryParameters = Dynamicweb.Rapido.Services.Url.UpdateQueryStringParameter(queryParameters, pageNumberQueryStringName, page.ToString()); 2197 @Render(new PaginationItem { Label = page.ToString(), Link = Dynamicweb.Rapido.Services.Url.BuildUri(url, queryParameters).PathAndQuery, IsActive = (settings.CurrentPageNumber == page) }); 2198 } 2199 } 2200 @if (!string.IsNullOrWhiteSpace(settings.NextPageUrl) && settings.ShowNextAndPrevControls) 2201 { 2202 @Render(new PaginationItem { Link = settings.NextPageUrl, Icon = settings.NextIcon }) 2203 } 2204 @if (!string.IsNullOrWhiteSpace(settings.LastPageUrl) && settings.ShowFirstAndLastControls) 2205 { 2206 @Render(new PaginationItem { Link = settings.LastPageUrl, Icon = settings.LastIcon }) 2207 } 2208 </ul> 2209 </div> 2210 } 2211 } 2212 2213 @helper RenderPaginationItem(PaginationItem settings) 2214 { 2215 if (settings.Icon == null) 2216 { 2217 settings.Icon = new Icon(); 2218 } 2219 2220 settings.Icon.Label = settings.Label; 2221 <li class="pager__btn dw-mod"> 2222 @if (settings.IsActive) 2223 { 2224 <span class="pager__num pager__num--current dw-mod"> 2225 @Render(settings.Icon) 2226 </span> 2227 } 2228 else 2229 { 2230 <a href="@settings.Link" class="pager__num dw-mod"> 2231 @Render(settings.Icon) 2232 </a> 2233 } 2234 </li> 2235 } 2236 2237 2238 @using Dynamicweb.Rapido.Blocks.Components.General 2239 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 2240 2241 2242 @using Dynamicweb.Rapido.Blocks.Components 2243 @using Dynamicweb.Rapido.Blocks.Components.General 2244 @using Dynamicweb.Rapido.Blocks 2245 @using System.IO 2246 2247 2248 @using Dynamicweb.Rapido.Blocks.Components.General 2249 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 2250 2251 2252 @* Component *@ 2253 2254 @helper RenderVariantMatrix(VariantMatrix settings) { 2255 if (settings != null) 2256 { 2257 int productLoopCounter = 0; 2258 int groupCount = 0; 2259 List<VariantOption> firstDimension = new List<VariantOption>(); 2260 List<VariantOption> secondDimension = new List<VariantOption>(); 2261 List<VariantOption> thirdDimension = new List<VariantOption>(); 2262 2263 foreach (VariantGroup variantGroup in settings.GetVariantGroups()) 2264 { 2265 foreach (VariantOption variantOptions in variantGroup.GetVariantOptions()) 2266 { 2267 if (groupCount == 0) { 2268 firstDimension.Add(variantOptions); 2269 } 2270 if (groupCount == 1) 2271 { 2272 secondDimension.Add(variantOptions); 2273 } 2274 if (groupCount == 2) 2275 { 2276 thirdDimension.Add(variantOptions); 2277 } 2278 } 2279 groupCount++; 2280 } 2281 2282 int rowCount = 0; 2283 int columnCount = 0; 2284 2285 <script> 2286 var variantsCollection = []; 2287 </script> 2288 2289 <table class="table table--compact js-variants-matrix dw-mod" id="VariantMatrixTable_@settings.ProductId"> 2290 @if (groupCount == 1) 2291 { 2292 <tbody> 2293 @foreach (VariantOption firstVariantOption in firstDimension) 2294 { 2295 var variantId = firstVariantOption.Id; 2296 <tr> 2297 <td class="u-bold"> 2298 @firstVariantOption.Name 2299 </td> 2300 <td> 2301 @RenderVariantMatrixQuantityField(variantId, settings, productLoopCounter, rowCount, columnCount) 2302 </td> 2303 </tr> 2304 productLoopCounter++; 2305 } 2306 2307 <tr> 2308 <td>&nbsp;</td> 2309 <td> 2310 <div class="qty-field js-total-qty-column-@columnCount dw-mod">0</div> 2311 </td> 2312 </tr> 2313 </tbody> 2314 } 2315 @if (groupCount == 2) 2316 { 2317 <thead> 2318 <tr> 2319 <td>&nbsp;</td> 2320 @foreach (VariantOption variant in secondDimension) 2321 { 2322 <td>@variant.Name</td> 2323 } 2324 </tr> 2325 </thead> 2326 <tbody> 2327 @foreach (VariantOption firstVariantOption in firstDimension) 2328 { 2329 string variantId = ""; 2330 columnCount = 0; 2331 2332 <tr> 2333 <td class="u-min-w120px">@firstVariantOption.Name</td> 2334 2335 @foreach (VariantOption secondVariantOption in secondDimension) 2336 { 2337 variantId = firstVariantOption.Id + "." + secondVariantOption.Id; 2338 <td> 2339 @RenderVariantMatrixQuantityField(variantId, settings, productLoopCounter, rowCount, columnCount) 2340 </td> 2341 2342 columnCount++; 2343 2344 productLoopCounter++; 2345 } 2346 2347 <td> 2348 <div class="qty-field js-total-qty-row-@rowCount dw-mod">0</div> 2349 </td> 2350 </tr> 2351 2352 rowCount++; 2353 } 2354 2355 @{ 2356 columnCount = 0; 2357 } 2358 2359 <tr> 2360 <td>&nbsp;</td> 2361 @foreach (VariantOption secondVariantOption in secondDimension) 2362 { 2363 <td> 2364 <div class="qty-field js-total-qty-column-@columnCount dw-mod">0</div> 2365 </td> 2366 2367 columnCount++; 2368 } 2369 <td>&nbsp;</td> 2370 </tr> 2371 </tbody> 2372 } 2373 @if (groupCount == 3) 2374 { 2375 <thead> 2376 <tr> 2377 <td>&nbsp;</td> 2378 @foreach (VariantOption thirdVariantOption in thirdDimension) 2379 { 2380 <td>@thirdVariantOption.Name</td> 2381 } 2382 </tr> 2383 </thead> 2384 <tbody> 2385 @foreach (VariantOption firstVariantOption in firstDimension) 2386 { 2387 int colspan = (thirdDimension.Count + 1); 2388 2389 <tr> 2390 <td colspan="@colspan" class="u-color-light-gray--bg u-bold">@firstVariantOption.Name</td> 2391 </tr> 2392 2393 foreach (VariantOption secondVariantOption in secondDimension) 2394 { 2395 string variantId = ""; 2396 columnCount = 0; 2397 2398 <tr> 2399 <td class="u-min-w120px">@secondVariantOption.Name</td> 2400 2401 @foreach (VariantOption thirdVariantOption in thirdDimension) 2402 { 2403 variantId = firstVariantOption.Id + "." + secondVariantOption.Id + "." + thirdVariantOption.Id; 2404 2405 <td> 2406 @RenderVariantMatrixQuantityField(variantId, settings, productLoopCounter, rowCount, columnCount) 2407 </td> 2408 2409 columnCount++; 2410 productLoopCounter++; 2411 } 2412 2413 <td> 2414 <div class="qty-field js-total-qty-row-@rowCount dw-mod">0</div> 2415 </td> 2416 </tr> 2417 rowCount++; 2418 } 2419 } 2420 2421 @{ 2422 columnCount = 0; 2423 } 2424 2425 <tr> 2426 <td>&nbsp;</td> 2427 @foreach (VariantOption thirdVariantOption in thirdDimension) 2428 { 2429 <td> 2430 <div class="qty-field js-total-qty-column-@columnCount dw-mod">0</div> 2431 </td> 2432 2433 columnCount++; 2434 } 2435 <td>&nbsp;</td> 2436 </tr> 2437 </tbody> 2438 } 2439 </table> 2440 2441 <script> 2442 document.addEventListener("DOMContentLoaded", function (event) { 2443 MatrixUpdateQuantity("@settings.ProductId"); 2444 }); 2445 2446 MatrixUpdateQuantity = function (productId) { 2447 var currentMatrix = document.getElementById("VariantMatrixTable_" + productId); 2448 var allQtyFields = currentMatrix.getElementsByClassName("js-qty"); 2449 2450 var qtyRowArr = []; 2451 var qtyColumnArr = []; 2452 2453 var totalQty = 0; 2454 2455 for (var i = 0; i < allQtyFields.length; i++) { 2456 qtyRowArr[allQtyFields[i].getAttribute("data-qty-row-group")] = 0; 2457 qtyColumnArr[allQtyFields[i].getAttribute("data-qty-column-group")] = 0; 2458 } 2459 2460 for (var i = 0; i < allQtyFields.length; i++) { 2461 qtyRowArr[allQtyFields[i].getAttribute("data-qty-row-group")] += parseFloat(allQtyFields[i].value); 2462 qtyColumnArr[allQtyFields[i].getAttribute("data-qty-column-group")] += parseFloat(allQtyFields[i].value); 2463 totalQty += parseFloat(allQtyFields[i].value); 2464 } 2465 2466 //Update row counters 2467 for (var i = 0; i < qtyRowArr.length; i++) { 2468 var qtyCounter = currentMatrix.getElementsByClassName("js-total-qty-row-" + i)[0]; 2469 2470 if (qtyRowArr[i] != undefined && qtyCounter != null) { 2471 var currentCount = qtyCounter.innerHTML; 2472 qtyCounter.innerHTML = qtyRowArr[i]; 2473 2474 if (currentCount != qtyCounter.innerHTML) { 2475 qtyCounter.classList.add("qty-field--active"); 2476 } 2477 } 2478 2479 } 2480 2481 //Update column counters 2482 for (var i = 0; i < qtyColumnArr.length; i++) { 2483 var qtyCounter = currentMatrix.getElementsByClassName("js-total-qty-column-" + i)[0]; 2484 2485 if (qtyColumnArr[i] != undefined && qtyCounter != null) { 2486 var currentCount = qtyCounter.innerHTML; 2487 qtyCounter.innerHTML = qtyColumnArr[i]; 2488 2489 if (currentCount != qtyCounter.innerHTML) { 2490 qtyCounter.classList.add("qty-field--active"); 2491 } 2492 } 2493 } 2494 2495 if (document.getElementById("TotalQtyCount_" + productId)) { 2496 document.getElementById("TotalQtyCount_" + productId).innerHTML = totalQty; 2497 } 2498 2499 //Clean up animations 2500 setTimeout(function () { 2501 for (var i = 0; i < qtyRowArr.length; i++) { 2502 var qtyCounter = currentMatrix.getElementsByClassName("js-total-qty-row-" + i)[0]; 2503 if (qtyCounter != null) { 2504 qtyCounter.classList.remove("qty-field--active"); 2505 } 2506 } 2507 for (var i = 0; i < qtyColumnArr.length; i++) { 2508 var qtyCounter = currentMatrix.getElementsByClassName("js-total-qty-column-" + i)[0]; 2509 if (qtyCounter != null) { 2510 qtyCounter.classList.remove("qty-field--active"); 2511 } 2512 } 2513 }, 1000); 2514 } 2515 </script> 2516 } 2517 } 2518 2519 @helper RenderVariantMatrixQuantityField(string variantId, VariantMatrix settings, int productLoopCounter, int rowCount, int columnCount) 2520 { 2521 string loopCount = productLoopCounter.ToString(); 2522 2523 bool combinationFound = false; 2524 double stock = 0; 2525 double quantityValue = 0; 2526 string note = ""; 2527 2528 VariantProduct variantProduct = null; 2529 2530 if (settings.GetVariantProducts().TryGetValue(variantId, out variantProduct)) 2531 { 2532 stock = variantProduct.Stock; 2533 quantityValue = variantProduct.Quantity; 2534 combinationFound = true; 2535 } 2536 2537 if (combinationFound) 2538 { 2539 <input type="hidden" name="ProductLoopCounter@(loopCount)" value="@loopCount" /> 2540 <input type="hidden" name="ProductID@(loopCount)" value="@settings.ProductId" /> 2541 <input type="hidden" name="VariantID@(loopCount)" value="@variantId" /> 2542 <input type="hidden" name="CurrentNote@(loopCount)" id="CurrentNote_@(settings.ProductId)_@variantId" value="@note" /> 2543 <input type="number" name="Quantity@(loopCount)" id="Quantity_@(settings.ProductId)_@variantId" value="@quantityValue" min="0" class="js-qty u-no-margin u-full-max-width" style="width: 100%; max-width: 100%" onkeyup="MatrixUpdateQuantity('@settings.ProductId')" onmouseup="MatrixUpdateQuantity('@settings.ProductId')" data-qty-row-group="@rowCount" data-qty-column-group="@columnCount"> 2544 2545 if (stock != 0) 2546 { 2547 <small>@Translate("Stock") @stock</small> 2548 } 2549 2550 <script> 2551 var variants = '{ "ProductId" :' + '"@settings.ProductId"' + ', "VariantId": ' + '"@variantId"' +'}'; 2552 variantsCollection.push(variants); 2553 document.getElementById("Quantity_@(settings.ProductId)_@variantId").closest(".js-variants-matrix").setAttribute("data-variants-collection", "[" + variantsCollection + "]" ); 2554 </script> 2555 } 2556 else 2557 { 2558 <div class="use-btn-height" style="background-color: #a8a8a8"></div> 2559 } 2560 } 2561 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 2562 2563 @* Component *@ 2564 2565 @helper RenderAddToCart(AddToCart settings) 2566 { 2567 //set Id for quantity selector to get it's value from button 2568 if (settings.QuantitySelector != null) 2569 { 2570 if (string.IsNullOrEmpty(settings.QuantitySelector.Id)) 2571 { 2572 settings.QuantitySelector.Id = Guid.NewGuid().ToString("N"); 2573 } 2574 2575 settings.AddButton.QuantitySelectorId = settings.QuantitySelector.Id; 2576 2577 if (settings.Disabled) 2578 { 2579 settings.QuantitySelector.Disabled = true; 2580 } 2581 2582 if (string.IsNullOrEmpty(settings.QuantitySelector.Name)) 2583 { 2584 settings.QuantitySelector.Name = settings.QuantitySelector.Id; 2585 } 2586 } 2587 2588 if (settings.Disabled) 2589 { 2590 settings.AddButton.Disabled = true; 2591 } 2592 2593 settings.AddButton.CssClass += " btn--condensed"; 2594 2595 //unitsSelector 2596 if (settings.UnitSelector != null) 2597 { 2598 if (settings.Disabled) 2599 { 2600 settings.QuantitySelector.Disabled = true; 2601 } 2602 } 2603 2604 <div class="buttons-collection @settings.WrapperCssClass" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 2605 @if (settings.UnitSelector != null) 2606 { 2607 @Render(settings.UnitSelector) 2608 } 2609 @if (settings.QuantitySelector != null) 2610 { 2611 @Render(settings.QuantitySelector) 2612 } 2613 @Render(settings.AddButton) 2614 </div> 2615 } 2616 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 2617 2618 @* Component *@ 2619 2620 @helper RenderAddToCartButton(AddToCartButton settings) 2621 { 2622 if (!settings.HideTitle) 2623 { 2624 if (string.IsNullOrEmpty(settings.Title)) 2625 { 2626 if (settings.BuyForPoints) 2627 { 2628 settings.Title = Translate("Buy with points"); 2629 } 2630 else 2631 { 2632 settings.Title = Translate("Add to cart"); 2633 } 2634 } 2635 } 2636 else 2637 { 2638 settings.Title = ""; 2639 } 2640 2641 if (settings.Icon == null) 2642 { 2643 settings.Icon = new Icon(); 2644 settings.Icon.LabelPosition = Dynamicweb.Rapido.Blocks.Components.General.IconLabelPosition.After; 2645 } 2646 2647 if (string.IsNullOrEmpty(settings.Icon.Name)) 2648 { 2649 settings.Icon.Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon").SelectedValue; 2650 } 2651 2652 settings.OnClick = "Cart.AddToCart(event, { " + 2653 "id: '" + settings.ProductId + "'," + 2654 (!string.IsNullOrEmpty(settings.VariantId) ? "variantId: '" + settings.VariantId + "'," : "") + 2655 (!string.IsNullOrEmpty(settings.UnitId) ? "unitId: '" + settings.UnitId + "'," : "") + 2656 (settings.BuyForPoints ? "buyForPoints: true," : "") + 2657 (!string.IsNullOrEmpty(settings.ProductInfo) ? "productInfo: " + settings.ProductInfo + "," : "") + 2658 "quantity: " + (string.IsNullOrEmpty(settings.QuantitySelectorId) ? "1" : "parseFloat(document.getElementById('" + settings.QuantitySelectorId + "').value)") + 2659 "});" + settings.OnClick; 2660 2661 @RenderButton(settings) 2662 } 2663 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 2664 2665 @* Component *@ 2666 2667 @helper RenderUnitSelector(UnitSelector settings) 2668 { 2669 if (string.IsNullOrEmpty(settings.Id)) 2670 { 2671 settings.Id = Guid.NewGuid().ToString("N"); 2672 } 2673 var disabledClass = settings.Disabled ? "disabled" : ""; 2674 2675 <input type="checkbox" id="@settings.Id" class="dropdown-trigger" /> 2676 <div class="dropdown unit-selector @settings.CssClass @disabledClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 2677 <label class="dropdown__header dropdown__btn dropdown__btn--unit-selector dw-mod" for="@settings.Id">@settings.SelectedOption</label> 2678 <div class="dropdown__content dw-mod"> 2679 @settings.OptionsContent 2680 </div> 2681 <label class="dropdown-trigger-off" for="@settings.Id"></label> 2682 </div> 2683 } 2684 @using System.Reflection 2685 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 2686 2687 @* Component *@ 2688 2689 @helper RenderQuantitySelector(QuantitySelector settings) 2690 { 2691 var attributes = new Dictionary<string, string>(); 2692 2693 /*base settings*/ 2694 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2695 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 2696 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 2697 if (settings.Disabled) { attributes.Add("disabled", "true"); } 2698 if (settings.Required) { attributes.Add("required", "true"); } 2699 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 2700 /*end*/ 2701 2702 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 2703 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 2704 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 2705 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 2706 if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); } 2707 if (settings.Min == null) { settings.Min = 1; } 2708 attributes.Add("min", settings.Min.ToString()); 2709 if (settings.Step != null && !string.IsNullOrEmpty(settings.Step.ToString())) { attributes.Add("step", settings.Step.ToString()); } 2710 if (settings.Value == null) { settings.Value = 1; } 2711 attributes.Add("value", settings.Value.ToString()); 2712 attributes.Add("type", "number"); 2713 2714 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 2715 2716 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 2717 } 2718 @using Dynamicweb.Rapido.Blocks.Components 2719 2720 @using Dynamicweb.Frontend 2721 @using Dynamicweb.Frontend.Devices 2722 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 2723 @using Dynamicweb.Rapido.Blocks.Components.General 2724 @using System.Collections.Generic; 2725 2726 @* Component *@ 2727 2728 @helper RenderCustomerCenterList(CustomerCenterList settings) 2729 { 2730 bool isTouchDevice = Pageview.Device.ToString() == "Mobile" || Pageview.Device.ToString() == "Tablet" ? true : false; 2731 string hideActions = isTouchDevice ? "u-block" : ""; 2732 2733 <table class="table data-list dw-mod"> 2734 @if (settings.GetHeaders().Length > 0) { 2735 <thead> 2736 <tr class="u-bold"> 2737 @foreach (CustomerCenterListHeaderItem header in settings.GetHeaders()) 2738 { 2739 var attributes = new Dictionary<string, string>(); 2740 if (!string.IsNullOrEmpty(header.Id)) { attributes.Add("id", header.Id); } 2741 if (!string.IsNullOrEmpty(header.CssClass)) { attributes.Add("class", header.CssClass); } 2742 attributes.Add("align", header.Align.ToString()); 2743 attributes = attributes.Concat(header.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 2744 2745 <td @ComponentMethods.AddAttributes(attributes)>@header.Title</td> 2746 } 2747 </tr> 2748 </thead> 2749 } 2750 @foreach (CustomerCenterListItem listItem in settings.GetItems()) 2751 { 2752 int columnCount = 0; 2753 int totalColumns = listItem.GetInfoItems().Length; 2754 string rowHasActions = listItem.GetActions().Length > 0 ? "data-list__item--has-actions" : ""; 2755 listItem.Id = !string.IsNullOrEmpty(listItem.Id) ? listItem.Id : Guid.NewGuid().ToString("N"); 2756 2757 var attributes = new Dictionary<string, string>(); 2758 if (!string.IsNullOrEmpty(listItem.Title)) { attributes.Add("title", listItem.Title); }; 2759 2760 attributes = attributes.Concat(listItem.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 2761 <tbody class="data-list__item @rowHasActions @listItem.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes)> 2762 <tr> 2763 @if (!string.IsNullOrEmpty(listItem.Title) || !string.IsNullOrEmpty(listItem.Description)) { 2764 string onClick = !string.IsNullOrEmpty(listItem.OnClick) ? "onclick=\"" + listItem.OnClick + "\"" : ""; 2765 2766 <td rowspan="2" @onClick class="data-list__main-item dw-mod"> 2767 @if (!string.IsNullOrEmpty(listItem.Title)) { 2768 <div class="u-bold">@listItem.Title</div> 2769 } 2770 @if (!string.IsNullOrEmpty(listItem.Description)) { 2771 <div>@listItem.Description</div> 2772 } 2773 </td> 2774 } 2775 2776 @foreach (CustomerCenterListInfoItem infoItem in listItem.GetInfoItems()) 2777 { 2778 var infoAttributes = new Dictionary<string, string>(); 2779 if (!string.IsNullOrEmpty(infoItem.Id)) { infoAttributes.Add("id", infoItem.Id); }; 2780 if (!string.IsNullOrEmpty(infoItem.OnClick)) { infoAttributes.Add("onclick", infoItem.OnClick); }; 2781 infoAttributes.Add("align", infoItem.Align.ToString()); 2782 2783 infoAttributes = infoAttributes.Concat(infoItem.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 2784 string columnClick = columnCount < (totalColumns-1) && !string.IsNullOrEmpty(listItem.OnClick) ? "onclick=\"" + listItem.OnClick + "\"" : ""; 2785 2786 <td @ComponentMethods.AddAttributes(infoAttributes) @columnClick class="data-list__info-item dw-mod"> 2787 @if (!string.IsNullOrEmpty(infoItem.Title)) { 2788 <div>@infoItem.Title</div> 2789 } 2790 @if (!string.IsNullOrEmpty(infoItem.Subtitle)) { 2791 <div><small>@infoItem.Subtitle</small></div> 2792 } 2793 </td> 2794 2795 columnCount++; 2796 } 2797 </tr> 2798 <tr> 2799 <td colspan="7" align="right" class="u-va-bottom u-no-border"> 2800 <div class="data-list__actions @hideActions dw-mod" id="ActionsMenu_@listItem.Id"> 2801 @foreach (ButtonBase action in listItem.GetActions()) 2802 { 2803 action.ButtonLayout = ButtonLayout.LinkClean; 2804 action.Icon.CssClass += " u-full-height"; 2805 action.CssClass += " data-list__action-button link"; 2806 2807 @Render(action) 2808 } 2809 </div> 2810 </td> 2811 </tr> 2812 </tbody> 2813 } 2814 </table> 2815 } 2816 2817 @* Include the Blocks for the page *@ 2818 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 2819 @using Dynamicweb.Core 2820 @using System 2821 @using System.Web 2822 @using System.Collections.Generic 2823 @using Dynamicweb.Rapido.Blocks 2824 2825 @{ 2826 BlocksPage productListProductsBlocksPage = BlocksPage.GetBlockPage("ProductList"); 2827 2828 Block productsBlock = new Block 2829 { 2830 Id = "Views", 2831 SortId = 30, 2832 Template = RenderProducts() 2833 }; 2834 2835 productListProductsBlocksPage.Add("ProductList", productsBlock); 2836 } 2837 2838 @helper RenderProducts() 2839 { 2840 @*This is part of a script template *@ 2841 2842 <div id="ProductsContainer" data-template="{{listTemplate}}" class="grid product-list grid--external-bleed-x dw-mod grid--align-content-start" data-save-cookie="true"> 2843 {{#ProductsContainer}} 2844 {{> (lookup . 'template') }} 2845 {{/ProductsContainer}} 2846 </div> 2847 } 2848 2849 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 2850 @using Dynamicweb.Core 2851 @using System 2852 @using System.Web 2853 @using System.Collections.Generic 2854 @using Dynamicweb.Rapido.Blocks 2855 @using Dynamicweb.Rapido.Services 2856 2857 @functions { 2858 BlocksPage listViewPage = BlocksPage.GetBlockPage("ProductList"); 2859 Dynamicweb.Frontend.ItemViewModel listViewSettings = null; 2860 } 2861 2862 @if (Pageview.AreaSettings.GetItem("ProductList").GetBoolean("EnableListView")) 2863 { 2864 listViewSettings = Pageview.AreaSettings.GetItem("ProductList").GetItem("ListView"); 2865 2866 listViewPage.Add("Views", new Block 2867 { 2868 Id = "ProductItemContainer", 2869 Name = "th-list", 2870 SortId = 10 2871 }); 2872 2873 Block listViewScripts = new Block 2874 { 2875 Id = "ListViewScripts", 2876 SortId = 20, 2877 Template = ListView(), 2878 BlocksList = new List<Block> { 2879 new Block 2880 { 2881 Id = "ListViewItem", 2882 SortId = 10, 2883 Template = RenderListViewItem(), 2884 SkipRenderBlocksList = true, 2885 BlocksList = new List<Block> { 2886 new Block 2887 { 2888 Id = "ListViewItemHiddenProperties", 2889 SortId = 10, 2890 Template = RenderListViewItemHiddenProperties() 2891 }, 2892 new Block 2893 { 2894 Id = "ListViewItemLeft", 2895 SortId = 10, 2896 SkipRenderBlocksList = true, 2897 Template = RenderListViewItemLeft(), 2898 BlocksList = new List<Block> { 2899 new Block 2900 { 2901 Id = "ListViewItemImage", 2902 SortId = 10, 2903 Template = RenderListViewItemImage() 2904 }, 2905 new Block 2906 { 2907 Id = "ListViewItemStickers", 2908 SortId = 20, 2909 Template = RenderListViewItemStickers() 2910 } 2911 } 2912 }, 2913 new Block 2914 { 2915 Id = "ListViewItemRight", 2916 SortId = 20, 2917 Design = new Design 2918 { 2919 RenderType = RenderType.Column, 2920 Size = "auto", 2921 CssClass = "product-list__list-item__right" 2922 }, 2923 BlocksList = new List<Block> { 2924 new Block 2925 { 2926 Id = "ListViewItemInfoContainer", 2927 SortId = 10, 2928 Design = new Design 2929 { 2930 RenderType = RenderType.None 2931 }, 2932 BlocksList = new List<Block> { 2933 new Block { 2934 Id = "ListViewItemInfoContainerLeft", 2935 SortId = 10, 2936 Design = new Design 2937 { 2938 CssClass = "u-pull--left" 2939 }, 2940 BlocksList = new List<Block> { 2941 new Block 2942 { 2943 Id = "ListViewItemTitle", 2944 SortId = 10, 2945 Template = RenderListViewItemTitle() 2946 } 2947 } 2948 }, 2949 new Block { 2950 Id = "ListViewItemInfoContainerRight", 2951 SortId = 20, 2952 Design = new Design 2953 { 2954 CssClass = "u-pull--right" 2955 } 2956 } 2957 } 2958 }, 2959 new Block 2960 { 2961 Id = "ListViewItemDescription", 2962 SortId = 20, 2963 Template = RenderListViewItemDescription() 2964 }, 2965 new Block 2966 { 2967 Id = "ListViewItemFooter", 2968 SortId = 50, 2969 SkipRenderBlocksList = true, 2970 Template = RenderListViewItemFooter(), 2971 BlocksList = new List<Block> { 2972 new Block 2973 { 2974 Id = "ListViewItemActions", 2975 SortId = 20, 2976 Template = RenderListViewItemActions() 2977 } 2978 } 2979 } 2980 } 2981 } 2982 } 2983 } 2984 } 2985 }; 2986 listViewPage.Add("BottomSnippets", listViewScripts); 2987 2988 //number 2989 bool listViewShowNumber = listViewSettings.GetBoolean("ShowProductNumber"); 2990 2991 if (listViewShowNumber) 2992 { 2993 listViewPage.Add("ListViewItemInfoContainerLeft", new Block 2994 { 2995 Id = "ListViewItemNumber", 2996 SortId = 20, 2997 Template = RenderListViewItemNumber() 2998 }); 2999 } 3000 3001 listViewPage.Add("ListViewItemInfoContainerLeft", new Block 3002 { 3003 Id = "ListViewAvailability", 3004 SortId = 30, 3005 Template = RenderListViewAvailability() 3006 }); 3007 3008 //stock 3009 bool listViewShowStock = listViewSettings.GetBoolean("ShowStockAndShipping"); 3010 if (User.IsStockInfoAllowed() && listViewShowStock) 3011 { 3012 listViewPage.Add("ListViewItemInfoContainerLeft", new Block 3013 { 3014 Id = "ListViewItemStock", 3015 SortId = 30, 3016 Template = RenderListViewItemStock() 3017 }); 3018 } 3019 3020 //favorites 3021 bool listViewShowFavoriteButton = !listViewSettings.GetBoolean("HideFavoriteButton"); 3022 3023 if (listViewShowFavoriteButton) 3024 { 3025 listViewPage.Add("ListViewItemInfoContainerRight", new Block 3026 { 3027 Id = "ListViewItemFavorites", 3028 SortId = 10, 3029 Template = RenderListViewItemFavorites() 3030 }); 3031 } 3032 3033 //variant selector 3034 bool listViewShowCartButton = listViewSettings.GetBoolean("ShowAddToCartButton"); 3035 bool listViewShowVariantSelector = listViewSettings.GetList("Variants").SelectedValue == "selector"; 3036 if (listViewShowCartButton && listViewShowVariantSelector) 3037 { 3038 listViewPage.Add("ListViewItemRight", new Block 3039 { 3040 Id = "ListViewItemVariantSelector", 3041 SortId = 30, 3042 Template = RenderListViewItemVariantSelector() 3043 }); 3044 } 3045 3046 //static variants 3047 bool listViewShowStaticVariants = listViewSettings.GetList("Variants").SelectedValue == "static"; 3048 3049 if (listViewShowStaticVariants) 3050 { 3051 listViewPage.Add("ListViewItemRight", new Block 3052 { 3053 Id = "ListViewItemStaticVariants", 3054 SortId = 40, 3055 Template = RenderListViewItemStaticVariants() 3056 }); 3057 } 3058 3059 //download button 3060 bool listViewShowAddToDownloadButton = listViewSettings.GetBoolean("ShowAddToDownloadButton"); 3061 if (listViewShowAddToDownloadButton && Pageview.User != null) 3062 { 3063 listViewPage.Add("ListViewItemRight", new Block 3064 { 3065 Id = "ListViewItemDownloadButton", 3066 SortId = 60, 3067 Template = RenderListViewItemDownloadButton() 3068 }); 3069 } 3070 3071 //price 3072 bool listViewShowPrice = !Pageview.AreaSettings.GetItem("ProductList").GetBoolean("HidePrice"); 3073 if (listViewShowPrice && Dynamicweb.Rapido.Services.User.IsPricesAllowed()) 3074 { 3075 listViewPage.Add("ListViewItemFooter", new Block 3076 { 3077 Id = "ListViewItemPrice", 3078 SortId = 10, 3079 Template = RenderListViewItemPrice() 3080 }); 3081 } 3082 } 3083 3084 @helper ListView() 3085 { 3086 <script id="ProductItemContainer" type="text/x-template"> 3087 {{#.}} 3088 <div id="Product{{id}}" class="grid__col-12 js-product dw-mod" data-template="ListViewItem" data-preloader="overlay"> 3089 {{#Product}} 3090 {{>ListViewItem}} 3091 {{/Product}} 3092 </div> 3093 {{/.}} 3094 </script> 3095 } 3096 3097 @helper RenderListViewItem() 3098 { 3099 List<Block> subBlocks = listViewPage.GetBlockListById("ListViewItem"); 3100 3101 <script id="ListViewItem" type="text/x-template"> 3102 {{#.}} 3103 <div class="grid product-list__list-item dw-mod js-product-scroll-trigger js-{{number}}" data-params="{{googleImpression}}"> 3104 @RenderBlockList(subBlocks) 3105 </div> 3106 {{/.}} 3107 </script> 3108 3109 } 3110 3111 @helper RenderListViewItemHiddenProperties() 3112 { 3113 <input type="hidden" name="ProductLoopCounter{{id}}" value="{{id}}" /> 3114 <input type="hidden" name="ProductID{{id}}" value="{{productId}}" /> 3115 <input type="hidden" name="VariantID{{id}}" value="{{variantid}}" id="Variant_{{id}}" /> 3116 <input type="hidden" name="UnitID{{id}}" value="{{unitId}}" id="Unit_{{id}}" /> 3117 3118 <input type="hidden" name="Quantity{{id}}" value="1" id="Quantity_{{id}}" /> 3119 3120 } 3121 3122 @helper RenderListViewItemLeft() 3123 { 3124 List<Block> subBlocks = listViewPage.GetBlockListById("ListViewItemLeft"); 3125 3126 string imageZoomOnHover = listViewSettings.GetBoolean("HoverImageZoom") ? "image-hover--zoom" : ""; 3127 3128 <div class="grid__col-md-4 {{noImage}} product-list__list-item__left u-no-padding u-color-light--bg dw-mod @imageZoomOnHover"> 3129 <div class="grid__cell"> 3130 @RenderBlockList(subBlocks) 3131 </div> 3132 </div> 3133 } 3134 3135 @helper RenderListViewAvailability() 3136 { 3137 <div class="clickncollect-box {{#unless showAvailabilityLabel}} u-visibility-hidden {{/unless}} "> 3138 <span class="clickncollect-text"> {{#if isOnlyWebshop}}@Translate("Kun webshop"){{/if}}{{#if isClickAndCollect}}@Translate("Kun click & collect"){{/if}}</span> 3139 </div> 3140 } 3141 3142 @helper RenderListViewItemImage() 3143 { 3144 bool secondaryImage = listViewSettings.GetString("HoverAlternatineImage") != null ? listViewSettings.GetBoolean("HoverAlternatineImage") : false; 3145 3146 <a href="{{link}}" 3147 onclick="Scroll.SavePosition(event); {{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}" 3148 title="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}" 3149 class="u-position-relative u-block image-hover__wrapper dw-mod"> 3150 <img class="grid__cell-img grid__cell-img--centered b-lazy" src="/Admin/Public/GetImage.ashx?width=75&amp;height=55&amp;crop=5&FillCanvas=true&amp;Compression=75&amp;image=/Files/Images/placeholder.gif" 3151 data-src="/Admin/Public/GetImage.ashx?width=300&amp;height=300&amp;crop=5&amp;Compression=75&amp;DoNotUpscale=true&amp;FillCanvas=true&amp;image={{image}}" 3152 @if (secondaryImage) { <text> 3153 {{#if secondaryImage}} 3154 data-secondary-image-src="/Admin/Public/GetImage.ashx?width=300&amp;height=300&amp;crop=5&amp;Compression=75&amp;FillCanvas=true&amp;DoNotUpscale=true&amp;image={{secondaryImage}}" 3155 {{/if}} 3156 </text> } 3157 alt="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}" /> 3158 </a> 3159 } 3160 3161 @helper RenderListViewItemStickers() 3162 { 3163 <text> 3164 {{#StickersContainers}} 3165 {{>StickersContainer}} 3166 {{/StickersContainers}} 3167 </text> 3168 } 3169 3170 @helper RenderListViewItemTitle() 3171 { 3172 <a href="{{link}}" onclick="Scroll.SavePosition(event); {{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}" title="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}"> 3173 <h2 class="u-no-margin">{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}</h2> 3174 </a> 3175 } 3176 3177 @helper RenderListViewItemNumber() 3178 { 3179 <div class="item-number dw-mod">{{number}}</div> 3180 } 3181 3182 @helper RenderListViewItemStock() 3183 { 3184 <text>{{#if stockText}}</text> 3185 <div> 3186 <span class="stock-icon {{stockState}} u-no-margin dw-mod" title="{{stockText}}"></span> 3187 <span class="u-margin-right--lg"> {{stockText}}</span> 3188 {{deliveryText}} 3189 </div> 3190 <text>{{/if}}</text> 3191 } 3192 3193 @helper RenderListViewItemFavorites() 3194 { 3195 <div class="favorites u-pull--right {{hasVariants}} dw-mod" {{hasVariants}}> 3196 {{#Favorite}} 3197 {{>FavoriteTemplate}} 3198 {{/Favorite}} 3199 </div> 3200 } 3201 3202 @helper RenderListViewItemDescription() 3203 { 3204 <div class="u-margin-top u-margin-bottom"> 3205 {{{description}}} 3206 </div> 3207 } 3208 3209 @helper RenderListViewItemVariantSelector() 3210 { 3211 string pageId = GetGlobalValue("Global:Page.ID"); 3212 var ecommerceSettings = Pageview.AreaSettings.GetItem("Ecommerce"); 3213 string variantsLayout = ecommerceSettings.GetString("VariantsLayout") != null ? ecommerceSettings.GetList("VariantsLayout").SelectedValue : "buttons"; 3214 3215 <div data-template="VariantsTemplate" class="js-variants grid__cell" data-combinations="{{combinationsStringArray}}" data-variants="{{variantsStringArray}}" data-variant-selections="{{variantSelections}}" data-total-variant-groups="{{variantGroupsCount}}" data-selection-complete="UpdateData" data-page-id="@pageId" data-product-id="{{productId}}"> 3216 {{#Variants}} 3217 @if (variantsLayout == "buttons") 3218 { 3219 <text>{{>VariantsTemplate}}</text> 3220 } 3221 else 3222 { 3223 <text>{{>DropdownVariantsTemplate}}</text> 3224 } 3225 {{/Variants}} 3226 </div> 3227 <small class="js-help-text help-text {{hideViewMore}} {{hideHelpText}}">@Translate("Please select variant!")</small> 3228 } 3229 3230 @helper RenderListViewItemStaticVariants() 3231 { 3232 string variantsSize = listViewSettings.GetList("StaticVariantsDisplay") != null ? listViewSettings.GetList("StaticVariantsDisplay").SelectedValue : "sm"; 3233 3234 <text> 3235 {{#Variants}} 3236 @if (variantsSize == "lg") 3237 { 3238 <text> 3239 {{>StaticVariantsLgTemplate}} 3240 </text> 3241 } 3242 else 3243 { 3244 <text> 3245 {{>StaticVariantsTemplate}} 3246 </text> 3247 } 3248 {{/Variants}} 3249 3250 {{#ifCond variantGroupsCount '>' 1}} 3251 <div class="static-variant"> 3252 @Translate("More options available") 3253 </div> 3254 {{/ifCond}} 3255 </text> 3256 } 3257 3258 @helper RenderListViewItemFooter() 3259 { 3260 List<Block> subBlocks = listViewPage.GetBlockListById("ListViewItemFooter"); 3261 3262 if (Dynamicweb.Rapido.Services.User.IsPricesAllowed()) 3263 { 3264 <div class="grid__cell-footer"> 3265 <div class="grid__cell"> 3266 <div class="product-list__list-item__price-actions dw-mod"> 3267 @RenderBlockList(subBlocks) 3268 </div> 3269 </div> 3270 </div> 3271 } 3272 else 3273 { 3274 <button type="button" id="CartButton_{{id}}" class="u-hidden"></button> 3275 } 3276 } 3277 3278 @helper RenderListViewItemPrice() 3279 { 3280 bool pointShopOnly = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly"); 3281 bool showCartButton = listViewSettings.GetBoolean("ShowAddToCartButton"); 3282 bool showVATPrice = Pageview.AreaSettings.GetItem("ProductList").GetBoolean("ShowBothPricesWithWithoutVAT"); 3283 bool isPricesWithVATEnabled = Dynamicweb.Ecommerce.Common.Context.DisplayPricesWithVat; 3284 3285 <div class="u-margin-bottom"> 3286 @if (pointShopOnly) 3287 { 3288 <text> 3289 {{#if havePointPrice}} 3290 <div class="price price--product-list dw-mod">{{points}} @Translate("points")</div> 3291 @if (showCartButton) 3292 { 3293 <text> 3294 {{#unless canBePurchasedWithPoints}} 3295 <small class="help-text u-no-margin">@Translate("Not enough points to buy this")</small> 3296 {{/unless}} 3297 </text> 3298 } 3299 {{else}} 3300 @Translate("Not available") 3301 {{/if}} 3302 </text> 3303 3304 } 3305 else 3306 { 3307 <div class="price price--product-list dw-mod">{{price}}</div> 3308 <div class="before-price {{onSale}} dw-mod">{{discount}}</div> 3309 if (showVATPrice) 3310 { 3311 <div class="vat-price vat-price--product-list u-margin-top dw-mod"> 3312 @if (isPricesWithVATEnabled) 3313 { 3314 <span>@Translate("excl. VAT")</span><span> ({{priceWithoutVAT}})</span> 3315 } 3316 else 3317 { 3318 <span>@Translate("incl. VAT")</span><span> ({{priceWithVAT}})</span> 3319 } 3320 </div> 3321 } 3322 <text> 3323 {{#if priceRRP}} 3324 <div><small>@Translate("RRP") {{priceRRP}}</small></div> 3325 {{/if}} 3326 </text> 3327 } 3328 </div> 3329 } 3330 3331 @helper RenderListViewItemViewButton() 3332 { 3333 string viewMoreText = listViewSettings.GetString("ViewMoreText"); 3334 viewMoreText = !string.IsNullOrEmpty(viewMoreText) ? viewMoreText : "View"; 3335 3336 @Render(new Link 3337 { 3338 Href = "{{link}}", 3339 Id = "CartButton_{{id}}", 3340 Title = Translate(viewMoreText), 3341 OnClick = "Scroll.SavePosition(event); {{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}", 3342 ButtonLayout = ButtonLayout.Secondary, 3343 CssClass = "u-no-margin" 3344 }); 3345 } 3346 3347 @helper RenderListViewItemAddToCart() 3348 { 3349 bool pointShopOnly = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly"); 3350 3351 var addToCartBtn = new AddToCart 3352 { 3353 WrapperCssClass = "buttons-collection--right", 3354 AddButton = new AddToCartButton 3355 { 3356 HideTitle = false, 3357 ProductId = "{{productId}}", 3358 VariantId = "{{variantid}}", 3359 UnitId = "{{unitId}}", 3360 ProductInfo = "{{productInfo}}", 3361 BuyForPoints = pointShopOnly, 3362 OnClick = "{{facebookPixelAction}}", 3363 ExtraAttributes = new Dictionary<string, string> 3364 { 3365 { "{{disabledBuyButton}}", "" } 3366 } 3367 } 3368 }; 3369 3370 if (!pointShopOnly) 3371 { 3372 addToCartBtn.QuantitySelector = new QuantitySelector 3373 { 3374 Id = "Quantity{{id}}" 3375 }; 3376 } 3377 3378 addToCartBtn.UnitSelector = new UnitSelector 3379 { 3380 OptionsContent = "{{#unitOptions}}{{>UnitOption}}{{/unitOptions}}", 3381 Id = "UnitOptions_{{id}}", 3382 SelectedOption = "{{unitName}}", 3383 CssClass = "{{#if hasOnlyOneUnit}}unit-selector--readonly{{/if}} {{hasUnits}}" 3384 }; 3385 3386 @Render(addToCartBtn) 3387 } 3388 3389 @helper RenderListViewItemActions() 3390 { 3391 bool showCartButton = listViewSettings.GetBoolean("ShowAddToCartButton"); 3392 bool showViewButton = listViewSettings.GetBoolean("ShowViewButton"); 3393 bool hasVariantSelector = listViewSettings.GetList("Variants") != null && listViewSettings.GetList("Variants").SelectedValue == "selector"; 3394 3395 if (Dynamicweb.Rapido.Services.User.IsBuyingAllowed()) 3396 { 3397 if (showCartButton) 3398 { 3399 if (!showViewButton || hasVariantSelector) 3400 { 3401 <text>{{#if hideAddToCartButton}}</text> 3402 <div>@RenderListViewItemViewButton()</div> 3403 <text>{{else}}</text> 3404 @RenderListViewItemAddToCart() 3405 <text>{{/if}}</text> 3406 } 3407 else 3408 { 3409 <div>@RenderListViewItemViewButton()</div> 3410 } 3411 } 3412 else if (showViewButton) 3413 { 3414 <div>@RenderListViewItemViewButton()</div> 3415 } 3416 } 3417 else if (showViewButton) 3418 { 3419 <div>@RenderListViewItemViewButton()</div> 3420 } 3421 } 3422 3423 @helper RenderListViewItemDownloadButton() 3424 { 3425 <div class="grid__cell-footer u-margin-top"> 3426 <div class="grid__cell"> 3427 <button type="button" class="btn btn--primary btn--condensed u-no-margin u-pull--right dw-mod js-add-to-downloads" title="@Translate("Add")" data-product-id="{{productId}}"> 3428 <i class="fas fa-plus js-button-icon"></i> 3429 <span class="js-button-text">@Translate("Add")</span> 3430 </button> 3431 </div> 3432 </div> 3433 } 3434 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 3435 @using Dynamicweb.Core 3436 @using System 3437 @using System.Web 3438 @using System.Collections.Generic 3439 @using Dynamicweb.Rapido.Blocks 3440 @using Dynamicweb.Rapido.Blocks.Components 3441 @using Dynamicweb.Rapido.Blocks.Components.General 3442 @using Dynamicweb.Rapido.Services 3443 3444 @functions { 3445 BlocksPage gridViewPage = BlocksPage.GetBlockPage("ProductList"); 3446 Dynamicweb.Frontend.ItemViewModel gridViewSettings = null; 3447 } 3448 3449 @if (Pageview.AreaSettings.GetItem("ProductList").GetBoolean("EnableGridView")) 3450 { 3451 gridViewSettings = Pageview.AreaSettings.GetItem("ProductList").GetItem("GridView"); 3452 3453 BlocksPage gridViewPage = BlocksPage.GetBlockPage("ProductList"); 3454 3455 gridViewPage.Add("Views", new Block 3456 { 3457 Id = "ProductGridItemContainer", 3458 Name = "th", 3459 SortId = 20 3460 }); 3461 3462 Block gridViewScripts = new Block 3463 { 3464 Id = "GridViewScripts", 3465 SortId = 20, 3466 Template = GridView(), 3467 BlocksList = new List<Block> { 3468 new Block 3469 { 3470 Id = "GridViewItem", 3471 SortId = 10, 3472 Template = RenderGridViewItem(), 3473 SkipRenderBlocksList = true, 3474 BlocksList = new List<Block> { 3475 new Block 3476 { 3477 Id = "GridViewItemHiddenProperties", 3478 SortId = 10, 3479 Template = RenderGridViewItemHiddenProperties() 3480 }, 3481 new Block 3482 { 3483 Id = "GridViewItemImageContainer", 3484 SortId = 20, 3485 SkipRenderBlocksList = true, 3486 Template = RenderGridViewItemImageContainer(), 3487 BlocksList = new List<Block> { 3488 new Block 3489 { 3490 Id = "GridViewItemImage", 3491 SortId = 10, 3492 Template = RenderGridViewItemImage() 3493 }, 3494 new Block 3495 { 3496 Id = "GridViewItemStickers", 3497 SortId = 20, 3498 Template = RenderGridViewItemStickers() 3499 } 3500 } 3501 }, 3502 new Block 3503 { 3504 Id = "GridViewItemInfoContainer", 3505 SortId = 30, 3506 SkipRenderBlocksList = true, 3507 Template = RenderGridViewItemInfoContainer(), 3508 BlocksList = new List<Block> { 3509 new Block 3510 { 3511 Id = "GridViewItemTitle", 3512 SortId = 10, 3513 Template = RenderGridViewItemTitle() 3514 } 3515 } 3516 }, 3517 new Block 3518 { 3519 Id = "GridViewItemFooter", 3520 SortId = 40, 3521 SkipRenderBlocksList = true, 3522 Template = RenderGridViewItemFooter(), 3523 BlocksList = new List<Block> { 3524 new Block 3525 { 3526 Id = "GridViewItemActions", 3527 SortId = 10, 3528 Template = RenderGridViewItemActions() 3529 } 3530 } 3531 } 3532 } 3533 } 3534 } 3535 }; 3536 gridViewPage.Add("BottomSnippets", gridViewScripts); 3537 3538 //favorites 3539 bool gridViewShowFavoriteButton = !gridViewSettings.GetBoolean("HideFavoriteButton"); 3540 3541 if (gridViewShowFavoriteButton) 3542 { 3543 gridViewPage.Add("GridViewItemImageContainer", new Block 3544 { 3545 Id = "GridViewItemFavorites", 3546 SortId = 30, 3547 Template = RenderGridViewItemFavorites() 3548 }); 3549 } 3550 3551 //number 3552 bool gridViewShowNumber = gridViewSettings.GetBoolean("ShowProductNumber"); 3553 3554 if (gridViewShowNumber) 3555 { 3556 gridViewPage.Add("GridViewItemInfoContainer", new Block 3557 { 3558 Id = "GridViewItemNumber", 3559 SortId = 20, 3560 Template = RenderGridViewItemNumber() 3561 }); 3562 } 3563 3564 //price 3565 bool gridViewShowPrice = !Pageview.AreaSettings.GetItem("ProductList").GetBoolean("HidePrice"); 3566 if (gridViewShowPrice && Dynamicweb.Rapido.Services.User.IsPricesAllowed()) 3567 { 3568 gridViewPage.Add("GridViewItemInfoContainer", new Block 3569 { 3570 Id = "GridViewItemPrice", 3571 SortId = 30, 3572 Template = RenderGridViewItemPrice() 3573 }); 3574 } 3575 3576 //stock 3577 bool gridViewShowStock = gridViewSettings.GetBoolean("ShowStockAndShipping"); 3578 3579 if (User.IsStockInfoAllowed() && gridViewShowStock) 3580 { 3581 gridViewPage.Add("GridViewItemFooter", new Block 3582 { 3583 Id = "GridViewItemStockAndDelivery", 3584 SortId = 20, 3585 Template = RenderGridViewItemStockAndDelivery() 3586 }); 3587 } 3588 3589 //static variants 3590 bool gridViewShowStaticVariants = gridViewSettings.GetBoolean("ShowStaticVariants"); 3591 3592 if (gridViewShowStaticVariants) 3593 { 3594 gridViewPage.Add("GridViewItemFooter", new Block 3595 { 3596 Id = "GridViewItemStaticVariants", 3597 SortId = 30, 3598 Template = RenderGridViewItemStaticVariants() 3599 }); 3600 } 3601 3602 //download button 3603 bool gridViewShowAddToDownloadButton = gridViewSettings.GetBoolean("ShowAddToDownloadButton"); 3604 3605 if (gridViewShowAddToDownloadButton && Pageview.User != null) 3606 { 3607 gridViewPage.Add("GridViewItemFooter", new Block 3608 { 3609 Id = "GridViewItemDownloadButton", 3610 SortId = 40, 3611 Template = RenderGridViewItemDownloadButton() 3612 }); 3613 } 3614 } 3615 3616 @helper GridView() 3617 { 3618 int columnsCount = gridViewSettings.GetList("Columns") != null ? Converter.ToInt32(gridViewSettings.GetList("Columns").SelectedValue) : 3; 3619 string imageZoomOnHover = gridViewSettings.GetBoolean("HoverImageZoom") ? "image-hover--zoom" : ""; 3620 3621 <script id="ProductGridItemContainer" type="text/x-template"> 3622 {{#.}} 3623 <div id="Product{{id}}" data-template="GridViewItem" data-preloader="overlay" class="grid__col-lg-@(12 / columnsCount) grid__col-md-@(12 / columnsCount) grid__col-sm-@(12 / columnsCount) grid__col-xs-6 product-list__grid-item @imageZoomOnHover dw-mod"> 3624 {{#Product}} 3625 {{>GridViewItem}} 3626 {{/Product}} 3627 </div> 3628 {{/.}} 3629 </script> 3630 } 3631 3632 @helper RenderGridViewItem() 3633 { 3634 List<Block> subBlocks = gridViewPage.GetBlockListById("GridViewItem"); 3635 3636 <script id="GridViewItem" type="text/x-template"> 3637 {{#.}} 3638 <div class="grid__col--auto js-product-scroll-trigger u-no-padding u-full-height js-{{number}}" data-params="{{googleImpression}}"> 3639 @RenderBlockList(subBlocks) 3640 </div> 3641 {{/.}} 3642 </script> 3643 } 3644 3645 @helper RenderGridViewItemHiddenProperties() 3646 { 3647 <input type="hidden" name="ProductLoopCounter{{id}}" value="{{id}}" /> 3648 <input type="hidden" name="ProductID{{id}}" value="{{productId}}" /> 3649 <input type="hidden" name="VariantID{{id}}" value="{{variantid}}" id="Variant_{{id}}" /> 3650 <input type="hidden" name="UnitID{{id}}" value="{{unitId}}" id="Unit_{{id}}" /> 3651 <input type="hidden" name="Quantity{{id}}" value="1" id="Quantity_{{id}}" /> 3652 } 3653 3654 @helper RenderGridViewItemImageContainer() 3655 { 3656 List<Block> subBlocks = gridViewPage.GetBlockListById("GridViewItemImageContainer"); 3657 3658 <div class="grid__cell product-list__grid-item__image dw-mod {{noImage}}"> 3659 @RenderBlockList(subBlocks) 3660 </div> 3661 } 3662 3663 @helper RenderGridViewItemImage() 3664 { 3665 bool secondaryImage = gridViewSettings.GetString("HoverAlternatineImage") != null ? gridViewSettings.GetBoolean("HoverAlternatineImage") : false; 3666 3667 <a href="{{link}}" 3668 onclick="Scroll.SavePosition(event); {{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}" 3669 title="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}" 3670 class="u-block u-position-relative image-hover__wrapper dw-mod"> 3671 <img class="grid__cell-img grid__cell-img--centered u-padding b-lazy" src="/Admin/Public/GetImage.ashx?width=75&amp;height=55&amp;crop=5&FillCanvas=true&amp;Compression=75&amp;image=/Files/Images/placeholder.gif" 3672 data-src="/Admin/Public/GetImage.ashx?width=300&amp;height=300&amp;crop=5&amp;Compression=75&amp;FillCanvas=true&amp;DoNotUpscale=true&amp;image={{image}}" 3673 @if (secondaryImage) { 3674 <text> 3675 {{#if secondaryImage}} 3676 data-secondary-image-src="/Admin/Public/GetImage.ashx?width=300&amp;height=300&amp;crop=5&amp;Compression=75&amp;FillCanvas=true&amp;DoNotUpscale=true&amp;image={{secondaryImage}}" 3677 {{/if}} 3678 </text> 3679 } 3680 alt="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}" /> 3681 </a> 3682 } 3683 3684 @helper RenderGridViewItemStickers() 3685 { 3686 <text> 3687 {{#StickersContainers}} 3688 {{>StickersContainer}} 3689 {{/StickersContainers}} 3690 </text> 3691 } 3692 3693 @helper RenderGridViewItemFavorites() 3694 { 3695 <div class="favorites favorites--for-grid-view u-pull--right {{hasVariants}} dw-mod" {{hasVariants}}> 3696 {{#Favorite}} 3697 {{>FavoriteTemplate}} 3698 {{/Favorite}} 3699 </div> 3700 } 3701 3702 @helper RenderGridViewItemInfoContainer() 3703 { 3704 List<Block> subBlocks = gridViewPage.GetBlockListById("GridViewItemInfoContainer"); 3705 3706 <div class="grid__cell product-list__grid-item__price-info dw-mod"> 3707 @RenderBlockList(subBlocks) 3708 </div> 3709 } 3710 3711 @helper RenderGridViewItemTitle() 3712 { 3713 <div class="clickncollect-box u-margin-left--auto u-margin-right--auto {{#unless showAvailabilityLabel}} u-visibility-hidden {{/unless}} "> 3714 <span class="clickncollect-text"> {{#if isOnlyWebshop}}@Translate("Kun webshop"){{/if}}{{#if isClickAndCollect}}@Translate("Kun click & collect"){{/if}}</span> 3715 </div> 3716 <a href="{{link}}" class="u-color-inherit" onclick="Scroll.SavePosition(event); {{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}" title="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}"> 3717 <h6 class="u-condensed-text u-bold">{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}</h6> 3718 </a> 3719 } 3720 3721 @helper RenderGridViewItemNumber() 3722 { 3723 <div class="item-number dw-mod">{{number}}</div> 3724 } 3725 3726 @helper RenderGridViewItemPrice() 3727 { 3728 int columnsCount = gridViewSettings.GetList("Columns") != null ? Converter.ToInt32(gridViewSettings.GetList("Columns").SelectedValue) : 4; 3729 bool pointShopOnly = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly"); 3730 bool showCartButton = Pageview.AreaSettings.GetItem("ProductList").GetItem("GridView").GetBoolean("ShowAddToCartButton"); 3731 bool showVATPrice = Pageview.AreaSettings.GetItem("ProductList").GetBoolean("ShowBothPricesWithWithoutVAT"); 3732 bool isPricesWithVATEnabled = Dynamicweb.Ecommerce.Common.Context.DisplayPricesWithVat; 3733 3734 if (pointShopOnly) 3735 { 3736 <text> 3737 {{#if havePointPrice}} 3738 <div class="price price--product-list dw-mod">{{points}} @Translate("points")</div> 3739 @if (showCartButton) 3740 { 3741 <text> 3742 {{#unless canBePurchasedWithPoints}} 3743 <small class="help-text u-no-margin">@Translate("Not enough points to buy this")</small> 3744 {{/unless}} 3745 </text> 3746 } 3747 {{else}} 3748 @Translate("Not available") 3749 {{/if}} 3750 </text> 3751 3752 } 3753 else 3754 { 3755 <div class="price price--product-list dw-mod">{{price}}</div> 3756 <div class="before-price {{onSale}} dw-mod">{{discount}}</div> 3757 if (showVATPrice) 3758 { 3759 <div class="vat-price vat-price--product-list u-margin-top dw-mod"> 3760 @if (columnsCount <= 4) 3761 { 3762 if (isPricesWithVATEnabled) 3763 { 3764 <span>@Translate("excl. VAT")</span><span> ({{priceWithoutVAT}})</span> 3765 } 3766 else 3767 { 3768 <span>@Translate("incl. VAT")</span><span> ({{priceWithVAT}})</span> 3769 } 3770 } 3771 else 3772 { 3773 if (isPricesWithVATEnabled) 3774 { 3775 <div>@Translate("excl. VAT")</div><div>({{priceWithoutVAT}})</div> 3776 } 3777 else 3778 { 3779 <div>@Translate("incl. VAT")</div><div>({{priceWithVAT}})</div> 3780 } 3781 } 3782 </div> 3783 } 3784 <text> 3785 {{#if priceRRP}} 3786 <div><small>@Translate("RRP") {{priceRRP}}</small></div> 3787 {{/if}} 3788 </text> 3789 } 3790 } 3791 3792 @helper RenderGridViewItemFooter() 3793 { 3794 List<Block> subBlocks = gridViewPage.GetBlockListById("GridViewItemFooter"); 3795 bool showStaticVariants = gridViewSettings.GetBoolean("ShowStaticVariants"); 3796 3797 <div class="product-list__grid-item__footer dw-mod"> 3798 @RenderBlockList(subBlocks) 3799 </div> 3800 } 3801 3802 @helper RenderGridViewItemViewButton() 3803 { 3804 string viewMoreText = gridViewSettings.GetString("ViewMoreText"); 3805 viewMoreText = !string.IsNullOrEmpty(viewMoreText) ? viewMoreText : "View"; 3806 3807 @Render(new Link 3808 { 3809 Href = "{{link}}", 3810 Id = "CartButton_{{id}}", 3811 Title = Translate(viewMoreText), 3812 OnClick = "Scroll.SavePosition(event); {{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}", 3813 ButtonLayout = ButtonLayout.Secondary, 3814 CssClass = "u-no-margin" 3815 }); 3816 } 3817 3818 @helper RenderGridViewItemAddToCart() 3819 { 3820 bool pointShopOnly = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly"); 3821 string wrapperClass = "buttons-collection--center"; 3822 int columnsCount = gridViewSettings.GetList("Columns") != null ? Converter.ToInt32(gridViewSettings.GetList("Columns").SelectedValue) : 4; 3823 bool hideButtonText = columnsCount >= 4 || Pageview.Device.ToString() == "Mobile" || Pageview.Device.ToString() == "Tablet"; 3824 3825 if (pointShopOnly && columnsCount <= 4) 3826 { 3827 hideButtonText = false; 3828 } 3829 3830 var addToCartBtn = new AddToCart 3831 { 3832 WrapperCssClass = wrapperClass, 3833 AddButton = new AddToCartButton 3834 { 3835 HideTitle = hideButtonText, 3836 ProductId = "{{productId}}", 3837 VariantId = "{{variantid}}", 3838 UnitId = "{{unitId}}", 3839 ProductInfo = "{{productInfo}}", 3840 BuyForPoints = pointShopOnly, 3841 OnClick = "{{facebookPixelAction}}", 3842 ExtraAttributes = new Dictionary<string, string> 3843 { 3844 { "{{disabledBuyButton}}", "" } 3845 } 3846 } 3847 }; 3848 3849 if (!pointShopOnly) 3850 { 3851 addToCartBtn.QuantitySelector = new QuantitySelector 3852 { 3853 Id = "Quantity{{id}}" 3854 }; 3855 } 3856 3857 @Render(addToCartBtn) 3858 } 3859 3860 @helper RenderGridViewItemActions() 3861 { 3862 bool showCartButton = gridViewSettings.GetBoolean("ShowAddToCartButton"); 3863 bool showViewButton = gridViewSettings.GetBoolean("ShowViewButton"); 3864 3865 if (Dynamicweb.Rapido.Services.User.IsBuyingAllowed()) 3866 { 3867 if (showCartButton) 3868 { 3869 if (!showViewButton) 3870 { 3871 <text>{{#if hideAddToCartButton}}</text> 3872 <div>@RenderGridViewItemViewButton()</div> 3873 <text>{{else}}</text> 3874 @RenderGridViewItemAddToCart() 3875 <text>{{/if}}</text> 3876 } 3877 else 3878 { 3879 <text>{{#if hideAddToCartButton}}</text> 3880 <div>@RenderGridViewItemViewButton()</div> 3881 <text>{{else}}</text> 3882 @RenderGridViewItemAddToCart() 3883 <text>{{/if}}</text> 3884 } 3885 } 3886 else if (showViewButton) 3887 { 3888 <div>@RenderGridViewItemViewButton()</div> 3889 } 3890 } 3891 else if (showViewButton) 3892 { 3893 <div>@RenderGridViewItemViewButton()</div> 3894 } 3895 } 3896 3897 @helper RenderGridViewItemStockAndDelivery() 3898 { 3899 <text>{{#if stockText}}</text> 3900 <div class="u-margin-top"> 3901 <div><span class="stock-icon {{stockState}} u-no-margin dw-mod" title="{{stockText}}"></span> {{stockText}}</div> 3902 <div> 3903 {{#if deliveryText}} 3904 {{deliveryText}} 3905 {{else}} 3906 - 3907 {{/if}} 3908 </div> 3909 </div> 3910 <text>{{/if}}</text> 3911 } 3912 3913 @helper RenderGridViewItemStaticVariants() 3914 { 3915 string variantsSize = gridViewSettings.GetList("StaticVariantsDisplay") != null ? gridViewSettings.GetList("StaticVariantsDisplay").SelectedValue : "sm"; 3916 3917 <text> 3918 {{#Variants}} 3919 @if (variantsSize == "lg") 3920 { 3921 <text> 3922 {{>StaticVariantsLgTemplate}} 3923 </text> 3924 } 3925 else 3926 { 3927 <text> 3928 {{>StaticVariantsTemplate}} 3929 </text> 3930 } 3931 {{/Variants}} 3932 3933 {{#ifCond variantGroupsCount '>' 1}} 3934 <div class="static-variant"> 3935 @Translate("More options available") 3936 </div> 3937 {{/ifCond}} 3938 3939 {{#ifCond variantGroupsCount '==' 0}} 3940 <div class="static-variant"></div> 3941 {{/ifCond}} 3942 </text> 3943 } 3944 3945 @helper RenderGridViewItemDownloadButton() 3946 { 3947 <button type="button" class="btn btn--primary u-no-margin u-margin-top btn--condensed dw-mod js-add-to-downloads" title="@Translate("Add")" data-product-id="{{productId}}"> 3948 @Render(new Icon { Prefix = "fas", Name = "fa-plus", CssClass = "js-button-icon" }) 3949 <span class="js-button-text">@Translate("Add")</span> 3950 </button> 3951 } 3952 3953 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 3954 @using Dynamicweb.Core 3955 @using System 3956 @using System.Web 3957 @using System.Collections.Generic 3958 @using Dynamicweb.Rapido.Blocks 3959 @using Dynamicweb.Rapido.Blocks.Components 3960 @using Dynamicweb.Rapido.Blocks.Components.General 3961 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 3962 @using Dynamicweb.Rapido.Services 3963 3964 @functions { 3965 BlocksPage detailsViewPage = BlocksPage.GetBlockPage("ProductList"); 3966 Dynamicweb.Frontend.ItemViewModel detailsViewSettings = null; 3967 3968 /* this function need because in details view we have specipfic situation 3969 * when price need to be placed between unit selector and quantity selector 3970 */ 3971 3972 UnitSelector getUnitsSelector() 3973 { 3974 return new UnitSelector 3975 { 3976 OptionsContent = "{{#unitOptions}}{{>UnitOption}}{{/unitOptions}}", 3977 Id = "UnitOptions_{{id}}", 3978 SelectedOption = "{{unitName}}", 3979 CssClass = "product-list__details-units-selector {{#if hasOnlyOneUnit}}unit-selector--readonly{{/if}} {{hasUnits}}" 3980 }; 3981 } 3982 } 3983 3984 @if (Pageview.AreaSettings.GetItem("ProductList").GetBoolean("EnableDetailsView")) 3985 { 3986 detailsViewSettings = Pageview.AreaSettings.GetItem("ProductList").GetItem("DetailsView"); 3987 3988 detailsViewPage.Add("Views", new Block 3989 { 3990 Id = "ProductDetailsItemContainer", 3991 Name = "list", 3992 SortId = 30 3993 }); 3994 3995 Block detailsViewScripts = new Block 3996 { 3997 Id = "DetailsViewScripts", 3998 SortId = 30, 3999 Template = DetailsView(), 4000 BlocksList = new List<Block> 4001 { 4002 new Block 4003 { 4004 Id = "DetailsViewItem", 4005 SortId = 10, 4006 Template = RenderDetailsViewItem(), 4007 SkipRenderBlocksList = true, 4008 BlocksList = new List<Block> { 4009 new Block 4010 { 4011 Id = "DetailsViewItemHiddenProperties", 4012 SortId = 10, 4013 Template = RenderDetailsViewItemHiddenProperties() 4014 }, 4015 new Block 4016 { 4017 Id = "DetailsViewItemLeft", 4018 SortId = 10, 4019 Design = new Design 4020 { 4021 CssClass = "product-list__details-item__left grid__cell dw-mod" 4022 }, 4023 BlocksList = new List<Block> { 4024 new Block 4025 { 4026 Id = "DetailsViewItemInfoContainer", 4027 SortId = 20, 4028 Design = new Design 4029 { 4030 CssClass = "product-list__details-info dw-mod" 4031 }, 4032 BlocksList = new List<Block> { 4033 new Block 4034 { 4035 Id = "DetailsViewItemTitle", 4036 SortId = 10, 4037 Template = RenderDetailsViewItemTitle() 4038 }, 4039 new Block 4040 { 4041 Id = "DetailsViewItemTitle", 4042 SortId = 40, 4043 Template = RenderDetailsAvailability() 4044 }, 4045 new Block 4046 { 4047 Id = "DetailsViewItemStickers", 4048 SortId = 50, 4049 Template = RenderDetailsViewItemStickers() 4050 } 4051 } 4052 } 4053 } 4054 }, 4055 new Block 4056 { 4057 Id = "DetailsViewItemRight", 4058 SortId = 20, 4059 Design = new Design 4060 { 4061 CssClass = "product-list__details-item__right grid__cell dw-mod" 4062 }, 4063 BlocksList = new List<Block> { 4064 new Block { 4065 Id = "DetailsViewItemRightBottom", 4066 SortId = 20, 4067 Design = new Design 4068 { 4069 CssClass = "u-flex product-list__details-right-bottom-section dw-mod" 4070 }, 4071 BlocksList = new List<Block> { 4072 new Block 4073 { 4074 Id = "DetailsViewItemActions", 4075 SortId = 30, 4076 Template = RenderDetailsViewItemActions() 4077 } 4078 } 4079 } 4080 } 4081 } 4082 } 4083 } 4084 } 4085 }; 4086 detailsViewPage.Add("BottomSnippets", detailsViewScripts); 4087 4088 //image 4089 bool detailsViewShowImage = detailsViewSettings.GetBoolean("ShowImage"); 4090 4091 if (detailsViewShowImage) 4092 { 4093 detailsViewPage.Add("DetailsViewItemLeft", new Block 4094 { 4095 Id = "DetailsViewItemImage", 4096 SortId = 10, 4097 Template = RenderDetailsViewItemImage() 4098 }); 4099 } 4100 4101 //number 4102 bool detailsViewShowNumber = detailsViewSettings.GetBoolean("ShowProductNumber"); 4103 4104 if (detailsViewShowNumber) 4105 { 4106 detailsViewPage.Add("DetailsViewItemInfoContainer", new Block 4107 { 4108 Id = "ProductDetailsItemNumber", 4109 SortId = 30, 4110 Template = RenderDetailsViewItemNumber() 4111 }); 4112 } 4113 4114 //static variants 4115 bool detailsViewShowStaticVariants = detailsViewSettings.GetBoolean("ShowStaticVariants"); 4116 4117 if (detailsViewShowStaticVariants) 4118 { 4119 detailsViewPage.Add("DetailsViewItemInfoContainer", new Block 4120 { 4121 Id = "DetailsViewItemStaticVariants", 4122 SortId = 30, 4123 Template = RenderDetailsViewItemStaticVariants() 4124 }); 4125 } 4126 4127 //stock 4128 bool detailsViewShowStock = detailsViewSettings.GetBoolean("ShowStockAndShipping"); 4129 4130 if (User.IsStockInfoAllowed() && detailsViewShowStock) 4131 { 4132 detailsViewPage.Add("DetailsViewItemInfoContainer", new Block 4133 { 4134 Id = "DetailsViewItemStock", 4135 SortId = 40, 4136 Template = RenderDetailsViewItemStock() 4137 }); 4138 } 4139 4140 //price 4141 bool detailsViewShowPrice = !Pageview.AreaSettings.GetItem("ProductList").GetBoolean("HidePrice"); 4142 if (detailsViewShowPrice && Dynamicweb.Rapido.Services.User.IsPricesAllowed()) 4143 { 4144 var separatedUnitSelector = getUnitsSelector(); 4145 separatedUnitSelector.CssClass += " product-list__details-units-selector--separated"; 4146 4147 detailsViewPage.Add("DetailsViewItemRightBottom", new Block 4148 { 4149 Id = "DetailsViewUnitSelector", 4150 SortId = 10, 4151 Component = separatedUnitSelector 4152 }); 4153 4154 detailsViewPage.Add("DetailsViewItemRightBottom", new Block 4155 { 4156 Id = "ProductDetailsItemPrice", 4157 SortId = 20, 4158 Template = RenderDetailsViewItemPrice() 4159 }); 4160 } 4161 4162 //favorites 4163 bool detailsViewShowFavoriteButton = !detailsViewSettings.GetBoolean("HideFavoriteButton"); 4164 4165 if (detailsViewShowFavoriteButton && Pageview.User != null) 4166 { 4167 detailsViewPage.Add("DetailsViewItemRightBottom", new Block 4168 { 4169 Id = "DetailsViewItemFavorites", 4170 SortId = 40, 4171 Template = RenderDetailsViewItemFavorites() 4172 }); 4173 } 4174 4175 //download button 4176 bool detailsViewShowAddToDownloadButton = detailsViewSettings.GetBoolean("ShowAddToDownloadButton"); 4177 4178 if (detailsViewShowAddToDownloadButton && Pageview.User != null) 4179 { 4180 detailsViewPage.Add("DetailsViewItemRightBottom", new Block 4181 { 4182 Id = "DetailsViewItemDownloadButton", 4183 SortId = 20, 4184 Template = RenderDetailsViewItemDownloadButton() 4185 }); 4186 } 4187 } 4188 4189 @helper DetailsView() 4190 { 4191 <script id="ProductDetailsItemContainer" type="text/x-template"> 4192 {{#.}} 4193 <div id="Product{{id}}" data-template="DetailsViewItem" data-preloader="overlay" class="grid__col-12 u-no-padding-y js-product dw-mod" style="z-index: {{zIndex}}"> 4194 {{#Product}} 4195 {{>DetailsViewItem}} 4196 {{/Product}} 4197 </div> 4198 {{/.}} 4199 </script> 4200 } 4201 4202 @helper RenderDetailsViewItem() 4203 { 4204 List<Block> subBlocks = detailsViewPage.GetBlockListById("DetailsViewItem"); 4205 4206 <script id="DetailsViewItem" type="text/x-template"> 4207 {{#.}} 4208 <div class="product-list__details-item grid__col-12 dw-mod js-product-scroll-trigger js-{{number}}" data-params="{{googleImpression}}"> 4209 @RenderBlockList(subBlocks) 4210 </div> 4211 {{/.}} 4212 </script> 4213 } 4214 4215 @helper RenderDetailsViewItemHiddenProperties() 4216 { 4217 <input type="hidden" name="ProductLoopCounter{{id}}" value="{{id}}" /> 4218 <input type="hidden" name="ProductID{{id}}" value="{{productId}}" /> 4219 <input type="hidden" name="VariantID{{id}}" value="{{variantid}}" id="Variant_{{id}}" /> 4220 <input type="hidden" name="UnitID{{id}}" value="{{unitId}}" id="Unit_{{id}}" /> 4221 <input type="hidden" name="Quantity{{id}}" value="1" id="Quantity_{{id}}" /> 4222 } 4223 4224 @helper RenderDetailsViewItemImage() 4225 { 4226 <div class="lightbox"> 4227 <a href="{{link}}" onclick="Scroll.SavePosition(event); {{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}" title="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}"> 4228 <img class="lightbox__image {{noImage}}" src="/Admin/Public/GetImage.ashx?width=220&amp;height=220&amp;crop=5&amp;Compression=75&amp;image={{image}}" alt="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}" /> 4229 <div class="u-margin-right {{noImage}}"> 4230 <img class="b-lazy product-list__details-image" src="/Admin/Public/GetImage.ashx?width=75&amp;height=55&amp;crop=5&FillCanvas=true&amp;Compression=75&amp;image=/Files/Images/placeholder.gif" 4231 data-src="/Admin/Public/GetImage.ashx?width=75&amp;height=55&amp;crop=5&FillCanvas=true&amp;Compression=75&amp;image={{image}}" 4232 alt="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}" /> 4233 </div> 4234 </a> 4235 </div> 4236 } 4237 4238 @helper RenderDetailsViewItemTitle() 4239 { 4240 <a href="{{link}}" onclick="Scroll.SavePosition(event); {{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}" title="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}" class="product-list__details-title u-color-inherit dw-mod"> 4241 <h6 class="u-no-margin u-bold">{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}</h6> 4242 </a> 4243 } 4244 4245 @helper RenderDetailsAvailability() 4246 { 4247 <div class="clickncollect-box {{#unless showAvailabilityLabel}} u-visibility-hidden {{/unless}} "> 4248 <span class="clickncollect-text"> {{#if isOnlyWebshop}}@Translate("Kun webshop"){{/if}}{{#if isClickAndCollect}}@Translate("Kun click & collect"){{/if}}</span> 4249 </div> 4250 } 4251 4252 @helper RenderDetailsViewItemNumber() 4253 { 4254 <div class="item-number item-number--compressed dw-mod"> 4255 <div class="item-number dw-mod">{{number}}</div> 4256 </div> 4257 } 4258 4259 @helper RenderDetailsViewItemStaticVariants() 4260 { 4261 string variantsSize = detailsViewSettings.GetList("StaticVariantsDisplay") != null ? detailsViewSettings.GetList("StaticVariantsDisplay").SelectedValue : "sm"; 4262 4263 <text> 4264 <span> 4265 {{#Variants}} 4266 @if (variantsSize == "lg") 4267 { 4268 <text> 4269 {{>StaticVariantsLgTemplate}} 4270 </text> 4271 } 4272 else 4273 { 4274 <text> 4275 {{>StaticVariantsTemplate}} 4276 </text> 4277 } 4278 {{/Variants}} 4279 </span> 4280 4281 {{#ifCond variantGroupsCount '>' 1}} 4282 <div class="static-variant"> 4283 @Translate("More options available") 4284 </div> 4285 {{/ifCond}} 4286 </text> 4287 } 4288 4289 @helper RenderDetailsViewItemStock() 4290 { 4291 <text>{{#if stockText}}</text> 4292 <div class="item-number item-number--compressed dw-mod"> 4293 <span> 4294 <span class="stock-icon {{stockState}} u-no-margin dw-mod" title="{{stockText}}"></span> 4295 <span class="u-margin-right--lg"> {{stockText}}</span> 4296 {{deliveryText}} 4297 </span> 4298 </div> 4299 <text>{{/if}}</text> 4300 } 4301 4302 @helper RenderDetailsViewItemStickers() 4303 { 4304 <div class="grid__cell-footer stickers-container stickers-container--row u-margin-top dw-mod"> 4305 {{#StickersContainers}} 4306 {{#Stickers}} 4307 {{>MiniSticker}} 4308 {{/Stickers}} 4309 {{/StickersContainers}} 4310 </div> 4311 } 4312 4313 @helper RenderDetailsViewItemPrice() 4314 { 4315 bool pointShopOnly = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly"); 4316 bool showCartButton = Pageview.AreaSettings.GetItem("ProductList").GetItem("DetailsView").GetBoolean("ShowAddToCartButton"); 4317 bool showVATPrice = Pageview.AreaSettings.GetItem("ProductList").GetBoolean("ShowBothPricesWithWithoutVAT"); 4318 bool isPricesWithVATEnabled = Dynamicweb.Ecommerce.Common.Context.DisplayPricesWithVat; 4319 4320 <div class="product-list__details-price"> 4321 @if (pointShopOnly) 4322 { 4323 <text> 4324 {{#if havePointPrice}} 4325 <div class="price price--product-list price--micro dw-mod">{{points}} @Translate("points")</div> 4326 @if (showCartButton) 4327 { 4328 <text> 4329 {{#unless canBePurchasedWithPoints}} 4330 <small class="help-text u-no-margin">@Translate("Not enough points to buy this")</small> 4331 {{/unless}} 4332 </text> 4333 } 4334 {{else}} 4335 @Translate("Not available") 4336 {{/if}} 4337 </text> 4338 4339 } 4340 else 4341 { 4342 <div class="price price--product-list price--micro dw-mod">{{price}}</div> 4343 <div class="before-price {{onSale}} before-price--micro dw-mod">{{discount}}</div> 4344 if (showVATPrice) 4345 { 4346 <div class="vat-price vat-price--product-list u-margin-top dw-mod"> 4347 @if (isPricesWithVATEnabled) 4348 { 4349 <span>@Translate("excl. VAT")</span><span> ({{priceWithoutVAT}})</span> 4350 } 4351 else 4352 { 4353 <span>@Translate("incl. VAT")</span><span> ({{priceWithVAT}})</span> 4354 } 4355 </div> 4356 } 4357 <text> 4358 {{#if priceRRP}} 4359 <div><small>@Translate("RRP") {{priceRRP}}</small></div> 4360 {{/if}} 4361 </text> 4362 } 4363 </div> 4364 } 4365 4366 @helper RenderDetailsViewItemFavorites() 4367 { 4368 <div class="favorites product-list__details-favorites {{hasVariants}} dw-mod" {{hasVariants}}> 4369 {{#Favorite}} 4370 {{>FavoriteTemplate}} 4371 {{/Favorite}} 4372 </div> 4373 } 4374 4375 @helper RenderDetailsViewItemViewButton() 4376 { 4377 string viewMoreText = detailsViewSettings.GetString("ViewMoreText"); 4378 viewMoreText = !string.IsNullOrEmpty(viewMoreText) ? viewMoreText : "View"; 4379 4380 <div class="product-list__details-actions"> 4381 @Render(new Link 4382 { 4383 Href = "{{link}}", 4384 Id = "CartButton_{{id}}", 4385 Title = Translate(viewMoreText), 4386 OnClick = "Scroll.SavePosition(event); {{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}", 4387 ButtonLayout = ButtonLayout.Secondary, 4388 CssClass = "u-no-margin" 4389 }) 4390 </div> 4391 } 4392 4393 @helper RenderDetailsViewItemAddToCart() 4394 { 4395 bool pointShopOnly = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly"); 4396 bool showPrice = !Pageview.AreaSettings.GetItem("ProductList").GetBoolean("HidePrice"); 4397 4398 var addToCartBtn = new AddToCart 4399 { 4400 AddButton = new AddToCartButton 4401 { 4402 HideTitle = true, 4403 ProductId = "{{productId}}", 4404 VariantId = "{{variantid}}", 4405 UnitId = "{{unitId}}", 4406 ProductInfo = "{{productInfo}}", 4407 BuyForPoints = pointShopOnly, 4408 OnClick = "{{facebookPixelAction}}", 4409 ExtraAttributes = new Dictionary<string, string> 4410 { 4411 { "{{disabledBuyButton}}", "" } 4412 } 4413 } 4414 }; 4415 4416 if (!pointShopOnly) 4417 { 4418 addToCartBtn.QuantitySelector = new QuantitySelector 4419 { 4420 Id = "Quantity{{id}}" 4421 }; 4422 } 4423 4424 if (!showPrice) 4425 { 4426 addToCartBtn.UnitSelector = getUnitsSelector(); 4427 } 4428 4429 <div class="product-list__details-actions"> 4430 @Render(addToCartBtn) 4431 </div> 4432 } 4433 4434 @helper RenderDetailsViewItemActions() 4435 { 4436 bool showCartButton = detailsViewSettings.GetBoolean("ShowAddToCartButton"); 4437 bool showViewButton = detailsViewSettings.GetBoolean("ShowViewButton"); 4438 4439 if (Dynamicweb.Rapido.Services.User.IsBuyingAllowed()) 4440 { 4441 if (showCartButton) 4442 { 4443 if (!showViewButton) 4444 { 4445 @RenderDetailsViewItemAddToCart() 4446 } 4447 else 4448 { 4449 <text>{{#if hideAddToCartButton}}</text> 4450 @RenderDetailsViewItemViewButton() 4451 <text>{{else}}</text> 4452 @RenderDetailsViewItemAddToCart() 4453 <text>{{/if}}</text> 4454 } 4455 } 4456 else if (showViewButton) 4457 { 4458 @RenderDetailsViewItemViewButton() 4459 } 4460 } 4461 else if (showViewButton) 4462 { 4463 @RenderDetailsViewItemViewButton() 4464 } 4465 } 4466 4467 @helper RenderDetailsViewItemDownloadButton() 4468 { 4469 <button type="button" class="btn btn--primary u-no-margin u-margin-left btn--condensed dw-mod js-add-to-downloads" title="@Translate("Add")" data-product-id="{{productId}}"> 4470 @Render(new Icon { Prefix = "fas", Name = "fa-plus", CssClass = "js-button-icon" }) 4471 </button> 4472 } 4473 4474 4475 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 4476 @using Dynamicweb.Core 4477 @using System 4478 @using System.Web 4479 @using System.Collections.Generic 4480 @using Dynamicweb.Rapido.Blocks 4481 @using Dynamicweb.Rapido.Blocks.Components 4482 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 4483 @using Dynamicweb.Rapido.Blocks.Components.General 4484 @using Dynamicweb.Rapido.Services 4485 @using System.Web.Helpers 4486 4487 @functions { 4488 BlocksPage tilesView = BlocksPage.GetBlockPage("ProductList"); 4489 Dynamicweb.Frontend.ItemViewModel tilesViewSettings = null; 4490 } 4491 4492 @{ 4493 var settings = Pageview.AreaSettings.GetItem("ProductList"); 4494 var enableTiles = settings.GetBoolean("EnableTilesView"); 4495 4496 if (enableTiles) 4497 { 4498 tilesViewSettings = settings.GetItem("TilesView"); 4499 BlocksPage tilesView = BlocksPage.GetBlockPage("ProductList"); 4500 4501 Block tiles = new Block 4502 { 4503 Id = "ProductTilesViewContainer", 4504 Name = "grip-horizontal", 4505 SortId = 50, 4506 }; 4507 4508 tilesView.Add("Views", tiles); 4509 4510 4511 Block tilesViewScripts = new Block 4512 { 4513 Id = "TilesViewScripts", 4514 SortId = 20, 4515 Template = TilesView(), 4516 BlocksList = new List<Block> { 4517 new Block { 4518 Id = "TilesViewItem", 4519 SortId = 10, 4520 Template = RenderTilesViewItem(), 4521 SkipRenderBlocksList = true, 4522 BlocksList = new List<Block> { 4523 new Block { 4524 Id = "TilesViewItemHiddenProperties", 4525 SortId = 10, 4526 Template = RenderTilesViewItemHiddenProperties() 4527 }, 4528 new Block { 4529 Id = "TilesViewItemImageContainer", 4530 SortId = 20, 4531 Template = RenderTilesViewItemImageContainer(), 4532 SkipRenderBlocksList = true, 4533 BlocksList = new List<Block> { 4534 new Block { 4535 Id = "TilesViewItemImage", 4536 SortId = 10, 4537 Template = RenderTilesViewItemImage(), 4538 }, 4539 new Block 4540 { 4541 Id = "TilesViewItemStickers", 4542 SortId = 20, 4543 Template = RenderTilesViewItemStickers() 4544 }, 4545 new Block { 4546 Id = "TilesViewItemFavorites", 4547 SortId = 20, 4548 Template = RenderTilesViewItemFavorites() 4549 }, 4550 }, 4551 }, 4552 new Block { 4553 Id = "TilesViewItemContentContainer", 4554 SortId = 30, 4555 Template = RenderTilesViewItemContentContainer(), 4556 SkipRenderBlocksList = true, 4557 BlocksList = new List<Block> { 4558 new Block { 4559 Id = "TilesViewItemContent", 4560 SortId = 30, 4561 Template = RenderTilesViewItemContent(), 4562 SkipRenderBlocksList = true, 4563 BlocksList = new List<Block> { 4564 new Block { 4565 Id = "TilesViewItemHeader", 4566 SortId = 10, 4567 Template = RenderTilesViewItemHeader(), 4568 SkipRenderBlocksList = true, 4569 BlocksList = new List<Block> { 4570 new Block { 4571 Id = "TilesViewItemTitle", 4572 SortId = 10, 4573 Template = RenderTilesViewItemTitle(), 4574 }, 4575 new Block { 4576 Id = "TilesViewItemNumber", 4577 SortId = 20, 4578 Template = RenderTilesViewItemNumber(), 4579 }, 4580 } 4581 }, 4582 new Block { 4583 Id = "TilesViewItemPrice", 4584 SortId = 30, 4585 Template = RenderTilesViewItemPrice(), 4586 }, new Block { 4587 Id = "TilesViewAvailability", 4588 SortId = 40, 4589 Template = RenderTilesViewAvailability(), 4590 }, 4591 } 4592 }, 4593 new Block { 4594 Id = "TilesViewItemFooter", 4595 SortId = 40, 4596 Template = RenderTilesViewItemFooter(), 4597 SkipRenderBlocksList = true 4598 } 4599 } 4600 } 4601 } 4602 } 4603 } 4604 }; 4605 tilesView.Add("BottomSnippets", tilesViewScripts); 4606 4607 if (tilesViewSettings.GetBoolean("ShowStaticVariants")) 4608 { 4609 Block staticVariants = new Block 4610 { 4611 Id = "TilesViewItemVariants", 4612 SortId = 10, 4613 Template = RenderTilesViewItemVariants(), 4614 }; 4615 tilesView.Add("TilesViewItemContentContainer", staticVariants); 4616 } 4617 4618 //download button 4619 bool tilesViewShowAddToDownloadButton = tilesViewSettings.GetBoolean("ShowAddToDownloadButton"); 4620 4621 if (tilesViewShowAddToDownloadButton && Pageview.User != null) 4622 { 4623 tilesView.Add("TilesViewItemFooter", new Block 4624 { 4625 Id = "TilesViewItemDownloadButton", 4626 SortId = 20, 4627 Template = RenderTilesViewItemDownloadButton() 4628 }); 4629 } 4630 } 4631 } 4632 4633 @helper TilesView() 4634 { 4635 int columnsCount = tilesViewSettings.GetList("Columns") != null ? Converter.ToInt32(tilesViewSettings.GetList("Columns").SelectedValue) : 3; 4636 4637 <script id="ProductTilesViewContainer" type="text/x-template"> 4638 {{#.}} 4639 <div id="Product{{id}}" data-template="TilesViewItem" data-preloader="overlay" class="grid__col-lg-@(12 / columnsCount) grid__col-md-@(12 / columnsCount) grid__col-sm-@(12 / columnsCount) grid__col-xs-6 product-list__tiles-item js-product dw-mod"> 4640 {{#Product}} 4641 {{>TilesViewItem}} 4642 {{/Product}} 4643 </div> 4644 {{/.}} 4645 </script> 4646 } 4647 4648 4649 @helper RenderTilesViewItem() 4650 { 4651 List<Block> subBlocks = tilesView.GetBlockListById("TilesViewItem"); 4652 bool showShadow = tilesViewSettings.GetBoolean("HoverShowShadow"); 4653 string addShadow = (showShadow != null && showShadow) ? "product-list--shadow" : ""; 4654 4655 <script id="TilesViewItem" type="text/x-template"> 4656 {{#.}} 4657 <div class="grid__col--auto js-product-scroll-trigger u-no-padding u-full-height @addShadow" data-params="{{googleImpression}}"> 4658 @RenderBlockList(subBlocks) 4659 </div> 4660 {{/.}} 4661 </script> 4662 } 4663 4664 4665 @helper RenderTilesViewItemContentContainer() 4666 { 4667 List<Block> subBlocks = tilesView.GetBlockListById("TilesViewItemContentContainer"); 4668 4669 <text> 4670 {{#.}} 4671 <div class="grid__cell product-list__tiles-item__price-info u-padding--lg u-flex u-flex--column dw-mod"> 4672 @RenderBlockList(subBlocks) 4673 </div> 4674 {{/.}} 4675 </text> 4676 } 4677 4678 4679 4680 @helper RenderTilesViewItemVariants() 4681 { 4682 string variantsSize = tilesViewSettings.GetList("StaticVariantsDisplay") != null ? tilesViewSettings.GetList("StaticVariantsDisplay").SelectedValue : "sm"; 4683 4684 <text> 4685 {{#Variants}} 4686 @if (variantsSize == "lg") 4687 { 4688 <text> 4689 {{>StaticVariantsLgTemplate}} 4690 </text> 4691 } 4692 else 4693 { 4694 <text> 4695 {{>StaticVariantsTemplate}} 4696 </text> 4697 } 4698 {{/Variants}} 4699 4700 {{#ifCond variantGroupsCount '==' 0}} 4701 <div class="static-variant"></div> 4702 {{/ifCond}} 4703 </text> 4704 } 4705 4706 @helper RenderTilesViewItemFavorites() 4707 { 4708 bool showFavoriteButton = !tilesViewSettings.GetBoolean("HideFavoriteButton"); 4709 4710 if (!showFavoriteButton) 4711 { 4712 return; 4713 } 4714 4715 <div class="favorites favorites--for-tiles-view u-pull--right {{hasVariants}} dw-mod" {{hasVariants}}> 4716 {{#Favorite}} 4717 {{>FavoriteTemplate}} 4718 {{/Favorite}} 4719 </div> 4720 } 4721 4722 @helper RenderTilesViewItemImageContainer() 4723 { 4724 List<Block> subBlocks = tilesView.GetBlockListById("TilesViewItemImageContainer"); 4725 4726 <div class="grid__cell dw-mod {{noImage}}"> 4727 @RenderBlockList(subBlocks) 4728 </div> 4729 } 4730 4731 @helper RenderTilesViewItemStickers() 4732 { 4733 <text> 4734 {{#StickersContainers}} 4735 {{>StickersContainer}} 4736 {{/StickersContainers}} 4737 </text> 4738 } 4739 4740 @helper RenderTilesViewItemImage() 4741 { 4742 string imageZoomOnHover = tilesViewSettings.GetBoolean("HoverImageZoom") ? "image-hover--zoom" : ""; 4743 bool secondaryImage = tilesViewSettings.GetString("HoverAlternativeImage") != null ? tilesViewSettings.GetBoolean("HoverAlternativeImage") : false; 4744 4745 <a href="{{link}}" 4746 onclick="{{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}" 4747 title="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}" 4748 class="product-list__tiles-item__image u-block u-position-relative image-hover__wrapper @imageZoomOnHover dw-mod"> 4749 <img class="grid__cell-img u-middle-horizontal b-lazy" src="/Files/Images/placeholder.gif" 4750 data-src="/Admin/Public/GetImage.ashx?width=450&amp;height=450&amp;crop=5&amp;Compression=75&amp;FillCanvas=true&amp;DoNotUpscale=true&amp;image={{image}}" 4751 @if (secondaryImage) { <text> 4752 {{#if secondaryImage}} 4753 data-secondary-image-src="/Admin/Public/GetImage.ashx?width=450&amp;height=450&amp;crop=5&amp;Compression=75&amp;FillCanvas=true&amp;DoNotUpscale=true&amp;image={{secondaryImage}}" 4754 {{/if}} 4755 </text> } 4756 alt="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}" /> 4757 </a> 4758 } 4759 4760 4761 @helper RenderTilesViewItemHiddenProperties() 4762 { 4763 <input type="hidden" name="ProductLoopCounter{{id}}" value="{{id}}" /> 4764 <input type="hidden" name="ProductID{{id}}" value="{{productId}}" /> 4765 <input type="hidden" name="VariantID{{id}}" value="{{variantid}}" id="Variant_{{id}}" /> 4766 <input type="hidden" name="UnitID{{id}}" value="{{unitId}}" id="Unit_{{id}}" /> 4767 <input type="hidden" name="Quantity{{id}}" value="1" id="Quantity_{{id}}" /> 4768 } 4769 4770 4771 @helper RenderTilesViewItemContent() 4772 { 4773 List<Block> subBlocks = tilesView.GetBlockListById("TilesViewItemContent"); 4774 4775 <div class="grid__cell dw-mod"> 4776 @RenderBlockList(subBlocks) 4777 </div> 4778 } 4779 4780 4781 @helper RenderTilesViewItemHeader() 4782 { 4783 List<Block> subBlocks = tilesView.GetBlockListById("TilesViewItemHeader"); 4784 4785 <div class="u-flex u-justify-content--between u-margin-bottom dw-mod"> 4786 @RenderBlockList(subBlocks) 4787 </div> 4788 } 4789 4790 4791 @helper RenderTilesViewItemTitle() 4792 { 4793 <a href="{{link}}" class="u-color-inherit u-flex-basis--50 u-flex-grow--1" onclick="{{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}" title="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}"> 4794 <h6 class="u-bold u-capitalize">{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}</h6> 4795 </a> 4796 } 4797 4798 4799 @helper RenderTilesViewItemNumber() 4800 { 4801 bool showNumber = tilesViewSettings.GetBoolean("ShowProductNumber"); 4802 4803 if (!showNumber) 4804 { 4805 return; 4806 } 4807 4808 <div class="item-number u-margin-left--lg dw-mod">{{number}}</div> 4809 } 4810 4811 @helper RenderTilesViewAvailability() 4812 { 4813 <div class="clickncollect-box u-margin-top {{#unless showAvailabilityLabel}} u-visibility-hidden {{/unless}} "> 4814 <span class="clickncollect-text"> {{#if isOnlyWebshop}}@Translate("Kun webshop"){{/if}}{{#if isClickAndCollect}}@Translate("Kun click & collect"){{/if}}</span> 4815 </div> 4816 } 4817 4818 @helper RenderTilesViewItemPrice() 4819 { 4820 <div class="price__wrapper u-flex u-flex--wrap u-justify-content--between"> 4821 <div class="price__inner u-margin-right"> 4822 <div class="price price--product-list u-bold dw-mod">{{price}}</div> 4823 <div class="before-price {{onSale}} dw-mod">{{discount}}</div> 4824 </div> 4825 4826 {{#if priceRRP}} 4827 <div class="price--rrp dw-mod">{{priceRRP}}</div> 4828 {{/if}} 4829 </div> 4830 } 4831 4832 4833 @helper RenderTilesViewItemFooter() 4834 { 4835 List<Block> subBlocks = tilesView.GetBlockListById("TilesViewItemFooter"); 4836 4837 <div class="product-list__tiles-item__footer u-margin-top--auto dw-mod"> 4838 @RenderBlockList(subBlocks) 4839 </div> 4840 } 4841 4842 @helper RenderTilesViewItemDownloadButton() 4843 { 4844 <button type="button" class="btn btn--primary u-no-margin u-margin-top btn--condensed dw-mod js-add-to-downloads" title="@Translate("Add")" data-product-id="{{productId}}"> 4845 @Render(new Icon { Prefix = "fas", Name = "fa-plus", CssClass = "js-button-icon" }) 4846 <span class="js-button-text">@Translate("Add")</span> 4847 </button> 4848 } 4849 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 4850 @using Dynamicweb.Core 4851 @using System 4852 @using System.Web 4853 @using System.Collections.Generic 4854 @using Dynamicweb.Rapido.Blocks 4855 4856 @{ 4857 BlocksPage productListPromotionsBlocksPage = BlocksPage.GetBlockPage("ProductList"); 4858 4859 Block productListPromotions = new Block 4860 { 4861 Id = "Promotions", 4862 SortId = 10, 4863 Template = RenderProductListPromotions() 4864 }; 4865 productListPromotionsBlocksPage.Add("PageContainer", productListPromotions); 4866 } 4867 4868 @helper RenderProductListPromotions() 4869 { 4870 @*This is part of a script template *@ 4871 4872 string listId = HttpContext.Current.Request.QueryString.Get("ListID"); 4873 bool isFavoriteList = !string.IsNullOrEmpty(listId); 4874 string smallDeviceCss = Pageview.Device.ToString() == "Mobile" ? "u-no-padding" : ""; 4875 4876 if (!isFavoriteList) 4877 { 4878 switch (Pageview.AreaSettings.GetItem("ProductList").GetList("PromotionBlockDesign").SelectedValue) 4879 { 4880 case "OnlyText": 4881 <article class="grid__col-12 u-margin-bottom @smallDeviceCss"> 4882 <h1>{{groupName}}</h1> 4883 {{{groupDescription}}} 4884 {{#ifCond groupPromotionLink "!==" ""}} 4885 <div> 4886 <a href="{{groupPromotionLink}}" class="btn btn--primary">{{groupPromotionLinkText}}</a> 4887 </div> 4888 {{/ifCond}} 4889 </article> 4890 break; 4891 case "TextAndImage": 4892 <article class="grid__col-12 u-margin-bottom @smallDeviceCss"> 4893 <div class="grid grid--bleed"> 4894 <div class="grid__col-md-6"> 4895 <h1>{{groupName}}</h1> 4896 {{{groupDescription}}} 4897 {{#ifCond groupPromotionLink "!==" ""}} 4898 <div> 4899 <a href="{{groupPromotionLink}}" class="btn btn--primary">{{groupPromotionLinkText}}</a> 4900 </div> 4901 {{/ifCond}} 4902 </div> 4903 {{#ifCond groupPromotionImage "!==" ""}} 4904 <div class="grid__col-md-6"> 4905 <img src="/Admin/Public/GetImage.ashx?width=600&crop=5&Compression=75&DoNotUpscale=true&image={{groupPromotionImage}}" alt="{{groupName}}" class="background-image__cover" /> 4906 </div> 4907 {{/ifCond}} 4908 </div> 4909 </article> 4910 break; 4911 case "Banner": 4912 <text> 4913 {{#ifCond groupPromotionImage "!==" ""}} 4914 <article class="grid__col-12 u-margin-bottom @smallDeviceCss"> 4915 <div class="u-color-light grid center-container center-container--with-background-image grid__col--bg" style="background-image:url('{{groupPromotionImage}}');"> 4916 <div class="grid__col-12 u-middle"> 4917 <div class="grid__cell"> 4918 {{{groupDescription}}} 4919 {{#ifCond groupPromotionLink "!==" ""}} 4920 <div> 4921 <a href="{{groupPromotionLink}}" class="btn btn--primary">{{groupPromotionLinkText}}</a> 4922 </div> 4923 {{/ifCond}} 4924 </div> 4925 </div> 4926 </div> 4927 </article> 4928 {{/ifCond}} 4929 </text> 4930 break; 4931 } 4932 } 4933 } 4934 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 4935 @using Dynamicweb.Core 4936 @using System 4937 @using System.Web 4938 @using System.Collections.Generic 4939 @using Dynamicweb.Rapido.Blocks 4940 4941 @{ 4942 BlocksPage productListMenuBlocksPage = BlocksPage.GetBlockPage("ProductList"); 4943 4944 if (Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet" && 4945 Converter.ToString(Pageview.Page.PropertyItem["LeftMenu"]) == "True" && 4946 Pageview.Page.NavigationSettings != null && 4947 Pageview.Page.NavigationSettings.UseEcomGroups) { 4948 4949 Block productListMenuBlock = new Block 4950 { 4951 Id = "Menu", 4952 SortId = 20, 4953 Template = RenderProductListMenu() 4954 }; 4955 4956 productListMenuBlocksPage.Add("Navigation", productListMenuBlock); 4957 } 4958 } 4959 4960 @helper RenderProductListMenu() 4961 { 4962 var navigationMarkup = RenderNavigation(new 4963 { 4964 id = "leftnav", 4965 cssclass = "dwnavigation", 4966 startLevel = 1, 4967 endlevel = 5, 4968 template = "LeftNavigation.xslt", 4969 mode = "ecom" 4970 }); 4971 4972 <h2 class="u-margin-bottom">@Translate("Product categories")</h2> 4973 4974 <div class="u-padding-bottom--lg"> 4975 @navigationMarkup 4976 </div> 4977 } 4978 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 4979 @using Dynamicweb.Core 4980 @using System 4981 @using System.Web 4982 @using System.Collections.Generic 4983 @using Dynamicweb.Rapido.Blocks 4984 @using Dynamicweb.Rapido.Blocks.Components.General 4985 4986 @{ 4987 BlocksPage productListFacetsBlocksPage = BlocksPage.GetBlockPage("ProductList"); 4988 string facetsBlockViewMode = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("ProductList").GetString("FacetsViewMode")) ? Pageview.AreaSettings.GetItem("ProductList").GetString("FacetsViewMode").ToLower() : "left"; 4989 if (!Pageview.AreaSettings.GetItem("ProductList").GetBoolean("HideFacets")) 4990 { 4991 4992 if (facetsBlockViewMode == "left" && Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet") 4993 { 4994 Block facetsBlock = new Block 4995 { 4996 Id = "Facets", 4997 SortId = 30, 4998 Template = RenderProductListFacets() 4999 }; 5000 productListFacetsBlocksPage.Add("Navigation", facetsBlock); 5001 } 5002 5003 if (facetsBlockViewMode == "top" || Pageview.Device.ToString() == "Mobile" || Pageview.Device.ToString() == "Tablet") 5004 { 5005 Block facetsBlock = new Block 5006 { 5007 Id = "Facets", 5008 SortId = 10, 5009 Template = RenderProductListTopFacets() 5010 }; 5011 productListFacetsBlocksPage.Add("ProductList", facetsBlock); 5012 } 5013 5014 Block facetSelections = new Block 5015 { 5016 Id = "FacetSelections", 5017 SortId = 20, 5018 Template = RenderFacetSelections() 5019 }; 5020 productListFacetsBlocksPage.Add("ProductList", facetSelections); 5021 5022 Block checkboxFacetTemplate = new Block 5023 { 5024 Id = "CheckboxFacet", 5025 SortId = 30, 5026 Template = RenderCheckboxFacets() 5027 }; 5028 productListFacetsBlocksPage.Add("BottomSnippets", checkboxFacetTemplate); 5029 5030 Block tagsFacetTemplate = new Block 5031 { 5032 Id = "TagsFacet", 5033 SortId = 40, 5034 Template = RenderTagsFacets() 5035 }; 5036 productListFacetsBlocksPage.Add("BottomSnippets", tagsFacetTemplate); 5037 5038 Block colorsFacetTemplate = new Block 5039 { 5040 Id = "ColorFacet", 5041 SortId = 50, 5042 Template = RenderColorFacets() 5043 }; 5044 productListFacetsBlocksPage.Add("BottomSnippets", colorsFacetTemplate); 5045 5046 Block selectedFilter = new Block 5047 { 5048 Id = "SelectedFilter", 5049 SortId = 60, 5050 Template = RenderSelectedFilter() 5051 }; 5052 productListFacetsBlocksPage.Add("BottomSnippets", selectedFilter); 5053 5054 Block selectedColorFilter = new Block 5055 { 5056 Id = "SelectedColorFilter", 5057 SortId = 70, 5058 Template = RenderSelectedColorFilter() 5059 }; 5060 productListFacetsBlocksPage.Add("BottomSnippets", selectedColorFilter); 5061 5062 Block resetFilters = new Block 5063 { 5064 Id = "ResetFilters", 5065 SortId = 80, 5066 Template = RenderResetFilters() 5067 }; 5068 productListFacetsBlocksPage.Add("BottomSnippets", resetFilters); 5069 } 5070 } 5071 5072 @helper RenderFacetSelections() 5073 { 5074 @*This is part of a script template *@ 5075 <text> 5076 {{#if FacetSelections}} 5077 <div class="buttons-collection u-margin-bottom" id="selectedFacets"> 5078 {{#FacetSelections}} 5079 {{>(lookup . 'template')}} 5080 {{/FacetSelections}} 5081 </div> 5082 {{/if}} 5083 </text> 5084 } 5085 5086 @helper RenderProductListFacets() 5087 { 5088 var facetSettings = Pageview.AreaSettings.GetItem("ProductList").GetItem("Facets"); 5089 string boxDisplay = facetSettings.GetList("BoxDisplay") != null ? facetSettings.GetList("BoxDisplay").SelectedValue : "scroll"; 5090 5091 string facetMoreClass = (boxDisplay == "view-more" ? "facets-container__list--more" : ""); 5092 5093 var showGroupNavigation = Pageview.AreaSettings.GetItem("ProductList").GetBoolean("SpEnableWebshopNavigation"); 5094 5095 if (showGroupNavigation) 5096 { 5097 <div class="group-navigation"> 5098 <ul class="menu dw-mod"> 5099 {{#SideNavigationGroups}} 5100 <li class="menu__item dw-mod {{#if subGroups}}is-dropleft{{/if}}"> 5101 <a class="menu-dropdown__link dw-mod" href="{{groupLink}}">{{groupName}}</a> 5102 {{#if subGroups}} 5103 <ul class="menu menu--dropleft dw-mod"> 5104 {{#subGroups}} 5105 <li class="menu__item dw-mod {{#if subGroups}}is-dropleft{{/if}} menu__item--fixed-width"> 5106 <a class="menu-dropdown__link dw-mod" href="{{groupLink}}">{{groupName}}</a> 5107 {{#if subGroups}} 5108 <ul class="menu menu--dropleft dw-mod"> 5109 {{#subGroups}} 5110 <li class="menu__item dw-mod menu__item--fixed-width"> 5111 <a class="menu-dropdown__link dw-mod" href="{{groupLink}}">{{groupName}}</a> 5112 </li> 5113 {{/subGroups}} 5114 </ul> 5115 {{/if}} 5116 </li> 5117 {{/subGroups}} 5118 </ul> 5119 {{/if}} 5120 </li> 5121 {{/SideNavigationGroups}} 5122 </ul> 5123 </div> 5124 } 5125 @*This is part of a script template *@ 5126 5127 <input type="checkbox" id="CheckFacetGroups" class="js-remember-state u-hidden" data-expand="CheckFacetGroups" /> 5128 <div class="facets-container facets-container--left expandable--collapsed dw-mod" data-trigger="CheckFacetGroups"> 5129 {{#FacetGroups}} 5130 <input type="checkbox" id="OptionsGroup_{{name}}" class="expand-trigger js-remember-state" {{defaultState}} /> 5131 5132 <div class="expand-container facets-container__box dw-mod js-filter {{hideFacetGroupClass}}"> 5133 <label class="expand-container__btn facets-container__header dw-mod" for="OptionsGroup_{{name}}">{{name}}</label> 5134 <div class="expand-container__content js-facet-container dw-mod" data-input="OptionsGroup_{{name}}"> 5135 <div class="facets-container__search {{showFilter}} dw-mod"> 5136 <input type="text" class="u-full-width u-no-margin" onkeyup="Filter.FilterItems(event)" placeholder="@Translate("Search")" /> 5137 </div> 5138 <div id="facetList{{name}}" class="facets-container__list @facetMoreClass dw-mod"> 5139 {{#FacetOptions}} 5140 {{#ifCond template "===" "Checkboxes"}} 5141 {{>Checkboxes}} 5142 {{/ifCond}} 5143 {{#ifCond template "===" "Range"}} 5144 {{>Checkboxes}} 5145 {{/ifCond}} 5146 {{#ifCond template "===" "Weight"}} 5147 {{>Checkboxes}} 5148 {{/ifCond}} 5149 {{#ifCond template "===" "Tags"}} 5150 {{>Tags}} 5151 {{/ifCond}} 5152 {{#ifCond template "===" "Colors"}} 5153 {{>Colors}} 5154 {{/ifCond}} 5155 {{/FacetOptions}} 5156 <div class="u-hidden js-filter-not-found"> 5157 @Translate("Your search gave 0 results") 5158 </div> 5159 </div> 5160 5161 @if (boxDisplay == "view-more") 5162 { 5163 <div class="facets-container__more js-facet-expand"> 5164 @Render(new Button 5165 { 5166 Title = "<span class=js-facet-trigger-text>" + Translate("View more") + "</span>", 5167 ButtonType = ButtonType.Button, 5168 ButtonLayout = ButtonLayout.Clean, 5169 CssClass = "facets-container__more-button js-facet-trigger u-flex u-no-margin u-full-width", 5170 OnClick = "Facets.ExpandToggle(this)", 5171 ExtraAttributes = new Dictionary<string, string>{ 5172 {"data-target", "facetList{{name}}"}, 5173 {"data-toggle-text", Translate("Show less")}, 5174 }, 5175 Icon = new Icon 5176 { 5177 Prefix = "fal", 5178 Name = "fa-angle-down", 5179 } 5180 }) 5181 </div> 5182 } 5183 </div> 5184 </div> 5185 {{/FacetGroups}} 5186 </div> 5187 <label for="CheckFacetGroups" class="btn btn--primary btn--full u-no-margin dw-mod js-expand-hide facets-container-trigger" data-trigger="CheckFacetGroups">@Translate("Select filters")</label> 5188 <label for="CheckFacetGroups" class="btn btn--primary btn--full u-no-margin dw-mod expandable--collapsed facets-container-trigger" data-trigger="CheckFacetGroups">@Translate("Close filters")</label> 5189 } 5190 5191 @helper RenderProductListTopFacets() 5192 { 5193 @*This is part of a script template *@ 5194 <input type="checkbox" id="CheckFacetGroups" class="js-remember-state u-hidden" data-expand="CheckFacetGroups" /> 5195 <div class="grid grid--external-bleed dw-mod expandable--collapsed facets-container facets-container--top u-margin-bottom" data-trigger="CheckFacetGroups"> 5196 @if (Pageview.Device.ToString() == "Mobile") 5197 { 5198 string dropdownCssClass = Pageview.Device.ToString() == "Mobile" ? "u-flex-grow--1" : ""; 5199 5200 <div class="grid__col-lg-3 grid__col-md-3 grid__col-sm-4 grid__col-xs-12 {{hideFacetGroupClass}}"> 5201 <input type="checkbox" id="ProductSort" class="dropdown-trigger" /> 5202 <div class="dropdown u-inline-block @dropdownCssClass dw-mod"> 5203 <label class="dropdown__header dropdown__btn dropdown__btn--small dw-mod" for="ProductSort">{{selectedSort}}</label> 5204 <div class="dropdown__content dw-mod"> 5205 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: '', SortOrder: '' }, true);">@Translate("Default")</div> 5206 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'Created', SortOrder: 'DESC'}, true);">@Translate("Newest")</div> 5207 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'NameForSort', SortOrder: 'ASC'}, true);">@Translate("Name A - Z")</div> 5208 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'NameForSort', SortOrder: 'DESC'}, true);">@Translate("Name Z - A")</div> 5209 @if (Dynamicweb.Rapido.Services.User.IsPricesAllowed()) 5210 { 5211 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'Price', SortOrder: 'ASC' }, true);">@Translate("Price low - high")</div> 5212 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'Price', SortOrder: 'DESC' }, true);">@Translate("Price high - low")</div> 5213 } 5214 </div> 5215 <label class="dropdown-trigger-off" for="ProductSort"></label> 5216 </div> 5217 </div> 5218 } 5219 5220 {{#FacetGroups}} 5221 <div class="grid__col-lg-3 grid__col-md-3 grid__col-sm-4 grid__col-xs-12"> 5222 <input type="checkbox" id="OptionsGroup_{{counter}}" class="dropdown-trigger" /> 5223 <div class="dropdown dw-mod js-filter"> 5224 <label class="dropdown__header dropdown__btn dw-mod" for="OptionsGroup_{{counter}}">{{name}}</label> 5225 <div class="dropdown__content dropdown__content--padding dw-mod"> 5226 <div class="u-margin-bottom {{showFilter}}"> 5227 <input type="text" class="u-full-width u-no-margin" onkeyup="Filter.FilterItems(event)" placeholder="@Translate("Search")" /> 5228 </div> 5229 {{#FacetOptions}} 5230 {{#ifCond template "===" "Checkboxes"}} 5231 {{>Checkboxes}} 5232 {{/ifCond}} 5233 {{#ifCond template "===" "Range"}} 5234 {{>Checkboxes}} 5235 {{/ifCond}} 5236 {{#ifCond template "===" "Weight"}} 5237 {{>Checkboxes}} 5238 {{/ifCond}} 5239 {{#ifCond template "===" "Tags"}} 5240 {{>Tags}} 5241 {{/ifCond}} 5242 {{#ifCond template "===" "Colors"}} 5243 {{>Colors}} 5244 {{/ifCond}} 5245 {{/FacetOptions}} 5246 <div class="u-hidden js-filter-not-found"> 5247 @Translate("Your search gave 0 results") 5248 </div> 5249 </div> 5250 <label class="dropdown-trigger-off" for="OptionsGroup_{{counter}}"></label> 5251 </div> 5252 </div> 5253 {{/FacetGroups}} 5254 </div> 5255 <label for="CheckFacetGroups" class="btn btn--primary btn--full u-margin-bottom--lg dw-mod js-expand-hide facets-container-trigger" data-trigger="CheckFacetGroups">@Translate("Select filters")</label> 5256 <label for="CheckFacetGroups" class="btn btn--primary btn--full u-margin-bottom--lg dw-mod expandable--collapsed facets-container-trigger" data-trigger="CheckFacetGroups">@Translate("Close filters")</label> 5257 } 5258 5259 @helper RenderCheckboxFacets() 5260 { 5261 <script id="Checkboxes" type="text/x-template"> 5262 <div class="form__field-group u-no-margin dw-mod"> 5263 <input type="checkbox" class="{{selected}} checkbox-facet__checkbox form__control dw-mod" onclick="Facets.UpdateFacets(this);" id="{{queryParameter}}{{value}}" name="{{queryParameter}}" value="[{{value}}]" {{selected}} {{disabled}}> 5264 <label class="{{disabled}} checkbox-facet dw-mod" data-filter-value="{{label}}" for="{{queryParameter}}{{value}}"> 5265 <span class="checkbox-facet__label dw-mod">{{label}}</span> 5266 <span class="checkbox-facet__count dw-mod">({{count}})</span> 5267 </label> 5268 </div> 5269 </script> 5270 } 5271 5272 @helper RenderTagsFacets() 5273 { 5274 <script id="Tags" type="text/x-template"> 5275 <button type="button" class="btn btn--tag {{selected}} {{disabled}} dw-mod" data-filter-value="{{label}}" data-check="{{selected}}" onclick="Facets.UpdateFacets(this);" name="{{queryParameter}}" value="[{{value}}]" {{disabled}}> 5276 {{label}} <span class="facets-group__counter dw-mod">({{count}})</span> 5277 </button> 5278 </script> 5279 } 5280 5281 @helper RenderColorFacets() 5282 { 5283 <script id="Colors" type="text/x-template"> 5284 <button type="button" class="btn btn--colorbox u-margin-right {{selected}} {{disabled}} dw-mod" data-filter-value="{{label}}" style="background-color: {{value}}" title="{{label}}" data-check="{{selected}}" onclick="Facets.UpdateFacets(this);" name="{{queryParameter}}" value="[{{value}}]" {{disabled}}></button> 5285 </script> 5286 } 5287 5288 @helper RenderSelectedFilter() 5289 { 5290 <script id="SelectedFilter" type="text/x-template"> 5291 <button type="button" class="btn btn--tag dw-mod {{hideFacetOptionClass}}" data-check="checked" onclick="Facets.UpdateFacets(this);" name="{{queryParameter}}" value="[{{value}}]" title="@Translate("Remove filter")"> 5292 {{group}}: {{label}} &nbsp;<i class="fal fa-times"></i> 5293 </button> 5294 </script> 5295 } 5296 5297 @helper RenderSelectedColorFilter() 5298 { 5299 <script id="SelectedColorFilter" type="text/x-template"> 5300 <button type="button" class="btn btn--tag dw-mod" data-check="checked" onclick="Facets.UpdateFacets(this);" name="{{queryParameter}}" value="[{{value}}]" title="@Translate("Remove filter")"> 5301 {{group}}: <div class="btn__colorbox dw-mod" style="background-color: {{value}}"></div> <i class="fas fa-times"></i> 5302 </button> 5303 </script> 5304 } 5305 5306 @helper RenderResetFilters() 5307 { 5308 <script id="ResetFilters" type="text/x-template"> 5309 <button type="button" class="btn btn--tag" onclick="Facets.ResetFacets();"> 5310 @Translate("Reset all filters") &nbsp;<i class="fal fa-redo"></i> 5311 </button> 5312 </script> 5313 } 5314 5315 5316 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 5317 @using Dynamicweb.Core 5318 @using System 5319 @using System.Web 5320 @using System.Collections.Generic 5321 @using Dynamicweb.Rapido.Blocks 5322 5323 @{ 5324 BlocksPage productListMoreBlocksPage = BlocksPage.GetBlockPage("ProductList"); 5325 5326 Block moreBlock = new Block 5327 { 5328 Id = "More", 5329 SortId = 40, 5330 Template = RenderListMore() 5331 }; 5332 5333 productListMoreBlocksPage.Add("ProductList", moreBlock); 5334 } 5335 5336 @helper RenderListMore() 5337 { 5338 @*This is part of a script template *@ 5339 string groupID = HttpContext.Current.Request.QueryString.Get("groupid"); 5340 string listId = HttpContext.Current.Request.QueryString.Get("ListID"); 5341 bool isFavoriteList = !string.IsNullOrEmpty(listId); 5342 string moreFeedFullUrl = GetGlobalValue("Global:Pageview.Url.Raw") + "&feed=true"; 5343 moreFeedFullUrl += !isFavoriteList ? "&DoNotShowVariantsAsSingleProducts=True" : ""; 5344 string columnCss = Pageview.Device.ToString() == "Mobile" ? "grid__col--bleed" : "u-no-padding"; 5345 <text> 5346 {{#if ProductsContainer}} 5347 <div class="grid"> 5348 <div class="grid__col-12 @columnCss"> 5349 <button type="button" id="LoadMoreButton" class="btn btn--primary btn--full {{nextdisabled}} dw-mod u-visibility-hidden" data-current="{{currentPage}}" data-page-size="{{pageSize}}" data-total="{{totalPages}}" data-container="ProductsContainer" data-feed-url="@moreFeedFullUrl&groupid=@groupID{{loadMoreFeedParams}}" onclick="LoadMore.Next(this)" {{nextdisabled}}>@Translate("Load") {{pageSizeText}} @Translate("more")</button> 5350 <button type="button" class="btn btn--clean" onclick="window.scroll(0, 0)">@Translate("Return to top")</button> 5351 </div> 5352 </div> 5353 {{/if}} 5354 </text> 5355 } 5356 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 5357 @using Dynamicweb.Core 5358 @using System 5359 @using System.Web 5360 @using System.Collections.Generic 5361 @using Dynamicweb.Rapido.Blocks 5362 @using Dynamicweb.Rapido.Blocks.Components 5363 @using Dynamicweb.Rapido.Blocks.Components.General 5364 5365 @{ 5366 BlocksPage productListBottomSnippetsPage = BlocksPage.GetBlockPage("ProductList"); 5367 5368 Block productListStickers = new Block 5369 { 5370 Id = "Stickers", 5371 SortId = 10, 5372 Template = RenderStickersTemplates() 5373 }; 5374 productListBottomSnippetsPage.Add("BottomSnippets", productListStickers); 5375 5376 Block productListUnits = new Block 5377 { 5378 Id = "Units", 5379 SortId = 20, 5380 Template = RenderUnitTemplates() 5381 }; 5382 productListBottomSnippetsPage.Add("BottomSnippets", productListUnits); 5383 5384 Block productListVariants = new Block 5385 { 5386 Id = "Variants", 5387 SortId = 30, 5388 Template = RenderVariantTemplates() 5389 }; 5390 productListBottomSnippetsPage.Add("BottomSnippets", productListVariants); 5391 5392 Block productListFavorites = new Block 5393 { 5394 Id = "Favorites", 5395 SortId = 40, 5396 Template = RenderFavoritesTemplates() 5397 }; 5398 productListBottomSnippetsPage.Add("BottomSnippets", productListFavorites); 5399 5400 Block productListPreRender = new Block 5401 { 5402 Id = "PreRenders", 5403 SortId = 50, 5404 Template = RenderPreRenderTemplates() 5405 }; 5406 productListBottomSnippetsPage.Add("BottomSnippets", productListPreRender); 5407 5408 Block productListInitializers = new Block 5409 { 5410 Id = "Initializers", 5411 SortId = 60, 5412 Template = RenderInitializers() 5413 }; 5414 productListBottomSnippetsPage.Add("BottomSnippets", productListInitializers); 5415 } 5416 5417 5418 @helper RenderFavoritesTemplates() 5419 { 5420 var selectedFavoriteIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon").SelectedValue : "star"; 5421 string favoriteIcon = "fas fa-" + selectedFavoriteIcon; 5422 string favoriteOutlineIcon = "fal fa-" + selectedFavoriteIcon; 5423 bool useFacebookPixel = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("FacebookPixelID")); 5424 string currentFavoriteListId = HttpContext.Current.Request.QueryString.Get("ListID"); 5425 5426 <script id="FavoriteTemplate" type="text/x-template"> 5427 <div class="favorites-list u-ta-left js-favorites-list"> 5428 @Render(new Button { 5429 CssClass = "u-no-margin js-favorite-btn", 5430 Icon = new Icon 5431 { 5432 Name = "{{#if isInAnyFavoriteList}}" + favoriteIcon + "{{else}}" + favoriteOutlineIcon + "{{/if}}", 5433 CssClass = "fa-1_5x", 5434 LabelPosition = IconLabelPosition.After 5435 }, 5436 ButtonLayout = ButtonLayout.LinkClean, 5437 ButtonType = ButtonType.Button, 5438 OnClick = "document.getElementById('FavoriteTrigger_{{id}}').checked = true" 5439 }) 5440 <input type="checkbox" id="FavoriteTrigger_{{id}}" class="dropdown-trigger" /> 5441 <div class="dropdown dropdown--position-32px"> 5442 <div class="dropdown__content dropdown__content--show-left dropdown__content--padding u-w220px dw-mod"> 5443 <ul class="list list--clean dw-mod"> 5444 {{#FavoriteLists}} 5445 {{>FavoriteListItem}} 5446 {{/FavoriteLists}} 5447 </ul> 5448 </div> 5449 <label class="dropdown-trigger-off" for="FavoriteTrigger_{{id}}"></label> 5450 </div> 5451 </div> 5452 </script> 5453 5454 <script id="FavoriteListItem" type="text/x-template"> 5455 <li> 5456 @{ 5457 var button = new Button { 5458 CssClass = "list__link u-no-underline", 5459 OnClick = "toggleFavAction(this, event)", 5460 Icon = new Icon { Name = "{{#if isInFavoriteList}}" + favoriteIcon + "{{else}}" + favoriteOutlineIcon + "{{/if}}", LabelPosition = IconLabelPosition.After }, 5461 AltText = "{{#if isInFavoriteList}}" + Translate("Remove from") + " {{name}}{{else}}" + Translate("Add to") + " {{name}}{{/if}}", 5462 Title = "{{name}}", 5463 ButtonType = ButtonType.Button, 5464 ButtonLayout = ButtonLayout.LinkClean, 5465 ExtraAttributes = new Dictionary<string, string> 5466 { 5467 { "data-list-id", "{{listId}}" }, 5468 { "data-list-name", "{{name}}" }, 5469 { "data-remove-link", "{{removeLink}}" }, 5470 { "data-add-link", "{{addLink}}" }, 5471 { "data-is-in-list", "{{isInFavoriteList}}" }, 5472 5473 } 5474 }; 5475 if (useFacebookPixel) 5476 { 5477 button.ExtraAttributes.Add("data-facebook-object", "{{facebookPixelAddAction}}"); 5478 } 5479 } 5480 @Render(button) 5481 </li> 5482 </script> 5483 5484 <script> 5485 @if (!string.IsNullOrEmpty(currentFavoriteListId)) 5486 { 5487 <text> 5488 window.currentFavoriteListId = "@currentFavoriteListId"; 5489 </text> 5490 } 5491 function toggleFavAction(button, event) { 5492 if (button.getAttribute('data-add-link').indexOf('CCCreateNewList') > -1) { 5493 Scroll.SavePosition(event); 5494 @if (useFacebookPixel) 5495 { 5496 <text> 5497 fbq('track', 'AddToWishlist', JSON.parse(button.getAttribute('data-facebook-object'))); 5498 </text> 5499 } 5500 location.href = button.getAttribute('data-add-link'); 5501 return; 5502 } 5503 let isAdd = button.getAttribute('data-is-in-list') == "false"; 5504 Request.Fetch().get( 5505 isAdd ? button.getAttribute('data-add-link') : button.getAttribute('data-remove-link'), 5506 function (result) { 5507 button.querySelector('i').className = isAdd ? '@favoriteIcon u-margin-right--lg' : '@favoriteOutlineIcon u-margin-right--lg'; 5508 button.setAttribute('data-is-in-list', isAdd); 5509 button.setAttribute('title', (!isAdd ? '@Translate("Add to") ' : '@Translate("Remove from") ') + button.getAttribute('data-list-name')) 5510 let favList = button.closest('.js-favorites-list'); 5511 let favBtn = favList.querySelector('.js-favorite-btn i'); 5512 let isInAnyFavoriteList = favList.querySelector('[data-is-in-list=true]') != null; 5513 if (isInAnyFavoriteList) { 5514 favBtn.className = '@favoriteIcon' + ' fa-1_5x'; 5515 } else { 5516 favBtn.className = '@favoriteOutlineIcon' + ' fa-1_5x'; 5517 } 5518 @if (useFacebookPixel) 5519 { 5520 <text> 5521 if (isAdd) { 5522 fbq('track', 'AddToWishlist', JSON.parse(button.getAttribute('data-facebook-object'))); 5523 } 5524 </text> 5525 } 5526 if (window.currentFavoriteListId != null) { //if this page is favorite list 5527 let listId = button.getAttribute("data-list-id"); 5528 if (listId == window.currentFavoriteListId && !isAdd) { 5529 location.reload(); 5530 } 5531 } 5532 }, 5533 function () { 5534 console.error("FavoriteLists: Error in ToggleFavAction request"); 5535 }, 5536 false 5537 ); 5538 } 5539 </script> 5540 } 5541 5542 @helper RenderStickersTemplates() 5543 { 5544 <script id="StickersContainer" type="text/x-template"> 5545 <div class="stickers-container stickers-container--{{{convertStickerPositionToClassName Position}}} dw-mod"> 5546 {{#Stickers}} 5547 {{>Sticker}} 5548 {{/Stickers}} 5549 </div> 5550 </script> 5551 5552 <script id="Sticker" type="text/x-template"> 5553 <div class="stickers-container__tag {{CssClass}} dw-mod">{{Title}}</div> 5554 </script> 5555 5556 <script id="MiniSticker" type="text/x-template"> 5557 <div class="stickers-container__tag stickers-container__tag--micro {{CssClass}} dw-mod">{{Title}}</div> 5558 </script> 5559 } 5560 5561 @helper RenderUnitTemplates() 5562 { 5563 <script id="UnitOption" type="text/x-template"> 5564 <div class="dropdown__item dw-mod" onclick="HandlebarsBolt.UpdateContent(this.closest('.js-product').id, '{{link}}&feed=true&UnitID={{value}}')">{{name}}</div> 5565 </script> 5566 } 5567 5568 @helper RenderVariantTemplates() { 5569 <script id="VariantsTemplate" type="text/x-template"> 5570 {{#.}} 5571 <div> 5572 <div> 5573 {{#VariantOptions}} 5574 {{>VariantOption}} 5575 {{/VariantOptions}} 5576 </div> 5577 </div> 5578 {{/.}} 5579 </script> 5580 5581 <script id="VariantOption" type="text/x-template"> 5582 {{#if color}} 5583 <button type="button" data-variant-id="{{variantId}}" data-variant-group="{{groupId}}" onclick="MatchVariants.SelectThis(event)" class="btn btn--colorbox u-margin-right {{disabled}} {{selected}} js-variant-option" data-check="{{selected}}" {{disabled}} style="background-color: {{color}}"></button> 5584 {{else}} 5585 {{#if image}} 5586 <img data-variant-id="{{variantId}}" data-variant-group="{{groupId}}" src="{{image}}" onclick="MatchVariants.SelectThis(event)" alt="{{name}}" title="{{name}}" class="btn btn--tag {{selected}} js-variant-option" data-check="{{selected}}" /> 5587 {{else}} 5588 <button type="button" data-variant-id="{{variantId}}" data-variant-group="{{groupId}}" onclick="MatchVariants.SelectThis(event)" class="btn btn--tag {{disabled}} {{selected}} js-variant-option" data-check="{{selected}}" {{disabled}}>{{name}}</button> 5589 {{/if}} 5590 {{/if}} 5591 </script> 5592 5593 <script id="DropdownVariantsTemplate" type="text/x-template"> 5594 {{#.}} 5595 <div> 5596 <div class="u-bold">{{name}}</div> 5597 <select id="VariantSelector_{{id}}" class="u-full-width dw-mod" name="VariantSelector_{{id}}" onchange="MatchVariants.SelectOnChange(event)" > 5598 <option>@Translate("Choose")</option> 5599 {{#VariantOptions}} 5600 {{>DropdownVariantOption}} 5601 {{/VariantOptions}} 5602 </select> 5603 </div> 5604 {{/.}} 5605 </script> 5606 5607 <script id="DropdownVariantOption" type="text/x-template"> 5608 <option class="js-variant-option {{selected}}" id="{{groupId}}_{{variantId}}" value="{{groupId}}_{{variantId}}" data-variant-id="{{variantId}}" data-variant-group="{{groupId}}" {{#if selected}}selected{{/if}} data-check="{{selected}}">{{name}}</option> 5609 </script> 5610 5611 <script id="StaticVariantsTemplate" type="text/x-template"> 5612 {{#.}} 5613 {{#if isFirstGroup}} 5614 <div> 5615 {{#VariantOptions}} 5616 {{>StaticVariantOption}} 5617 {{/VariantOptions}} 5618 </div> 5619 {{/if}} 5620 {{/.}} 5621 </script> 5622 5623 <script id="StaticVariantOption" type="text/x-template"> 5624 {{#if color}} 5625 <div class="static-variant static-variant--color dw-mod" style="background-color: {{color}}" title="{{name}}"></div> 5626 {{else}} 5627 <div class="static-variant dw-mod">{{name}} </div> 5628 {{/if}} 5629 </script> 5630 5631 5632 <script id="StaticVariantsLgTemplate" type="text/x-template"> 5633 {{#.}} 5634 {{#if isFirstGroup}} 5635 <div class="padding-size-xs"> 5636 {{#VariantOptions}} 5637 {{>StaticVariantLgOption}} 5638 {{/VariantOptions}} 5639 </div> 5640 {{/if}} 5641 {{/.}} 5642 </script> 5643 5644 <script id="StaticVariantLgOption" type="text/x-template"> 5645 {{#if color}} 5646 <div class="static-variant static-variant--color static-variant--color--lg dw-mod" style="background-color: {{color}}" title="{{name}}"></div> 5647 {{else}} 5648 <div class="static-variant dw-mod">{{name}} </div> 5649 {{/if}} 5650 </script> 5651 5652 <script id="VariantOptionImage" type="text/x-template"> 5653 <img data-variant-id="{{variantId}}" data-friends="{{friendsList}}" data-variant-group="{{groupId}}" onclick="MatchVariants.SelectThis(event)" src="/Admin/Public/GetImage.ashx?width=100&amp;height=50&amp;crop=5&amp;Compression=75&amp;image=/Images/{{image}}" alt="{{name}}" title="{{name}}" class="btn btn--tag {{disabled}} {{selected}} js-variant-option" data-check="{{selected}}" {{disabled}} /> 5654 </script> 5655 } 5656 5657 @helper RenderPreRenderTemplates() { 5658 string facetsViewMode = !String.IsNullOrEmpty(Pageview.AreaSettings.GetItem("ProductList").GetString("FacetsViewMode")) ? Pageview.AreaSettings.GetItem("ProductList").GetString("FacetsViewMode").ToLower() : "left"; 5659 5660 <script id="ProductPreRenderContainer" type="text/x-template"> 5661 @if (facetsViewMode == "left" && Pageview.Device.ToString() != "Mobile") 5662 { 5663 <div class="grid__col-3"> 5664 <div class="pre-render-element pre-render-element--xs"></div> 5665 <div class="pre-render-element pre-render-element--md"></div> 5666 <div class="pre-render-element pre-render-element--md"></div> 5667 <div class="pre-render-element pre-render-element--md"></div> 5668 </div> 5669 } 5670 <div class="grid__col-auto"> 5671 <div class="pre-render-element pre-render-element--xs"></div> 5672 <div class="pre-render-element pre-render-element--lg"></div> 5673 <div class="pre-render-element pre-render-element--lg"></div> 5674 <div class="pre-render-element pre-render-element--lg"></div> 5675 <div class="pre-render-element pre-render-element--lg"></div> 5676 </div> 5677 </script> 5678 } 5679 5680 @helper RenderInitializers() { 5681 <script> 5682 document.addEventListener("DOMContentLoaded", function (event) { 5683 document.getElementById("productList").addEventListener('contentLoaded', function (e) { 5684 Scroll.SetPosition(); 5685 5686 if (getTarget(e).id === "productList") { 5687 Search.Init(); 5688 Facets.Init("selectedFacets", "productList"); 5689 } 5690 }, false); 5691 5692 @{ 5693 bool useGoogleTagManager = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("GoogleTagManagerID")); 5694 5695 if (useGoogleTagManager) 5696 { 5697 <text> 5698 Scroll.AddIsInViewportListener(".js-product-scroll-trigger", function (elem) { 5699 let googleImpression = JSON.parse(elem.getAttribute("data-params")); 5700 googleEnchantImpression(googleImpression); 5701 elem.classList.remove("js-product-scroll-trigger"); 5702 }); 5703 </text> 5704 } 5705 } 5706 5707 }); 5708 </script> 5709 } 5710 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 5711 @using Dynamicweb.Core 5712 @using System 5713 @using System.Web 5714 @using System.Linq 5715 @using System.Collections.Generic 5716 @using Dynamicweb.Rapido.Blocks 5717 @using Dynamicweb.Rapido.Services 5718 5719 @functions { 5720 BlocksPage productListActionsBlocksPage = BlocksPage.GetBlockPage("ProductList"); 5721 } 5722 5723 @{ 5724 string actionsFavoriteListId = HttpContext.Current.Request.QueryString.Get("ListID"); 5725 bool actionsIsFavoriteList = !string.IsNullOrEmpty(actionsFavoriteListId); 5726 string actionsColumnSize = actionsIsFavoriteList ? "4" : "6"; 5727 5728 productListActionsBlocksPage.Add("ProductListHeader", new Block 5729 { 5730 Id = "Actions", 5731 SortId = 30, 5732 Template = RenderListActions(), 5733 Design = new Design 5734 { 5735 CssClass = "grid__col-" + actionsColumnSize + " grid--align-self-center" 5736 } 5737 }); 5738 5739 productListActionsBlocksPage.Add("BottomSnippets", new Block() { 5740 Id = "ListViewSelectListener", 5741 Template = RenderListViewSelectListener() 5742 }); 5743 5744 } 5745 5746 @helper RenderListActions() 5747 { 5748 @*This is part of a script template *@ 5749 5750 bool showSorting = Pageview.AreaSettings.GetItem("ProductList").GetBoolean("EnableSorting"); 5751 string listId = HttpContext.Current.Request.QueryString.Get("ListID"); 5752 bool isFavoriteList = !string.IsNullOrEmpty(listId); 5753 string cartIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon").SelectedValue : "fas fa-shopping-cart"; 5754 5755 List<Block> subBlocks = this.productListActionsBlocksPage.GetBlockListById("Views").OrderBy(item => item.SortId).ToList(); 5756 5757 <div class="buttons-collection buttons-collection--right"> 5758 @if (showSorting && Pageview.Device.ToString() != "Mobile") 5759 { 5760 5761 <input type="checkbox" id="ProductSort" class="dropdown-trigger" /> 5762 <div class="dropdown u-w150px u-inline-block dw-mod"> 5763 <label class="dropdown__header dropdown__btn dropdown__btn--small dw-mod" for="ProductSort">{{selectedSort}}</label> 5764 <div class="dropdown__content dw-mod"> 5765 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: '', SortOrder: '' }, true);">@Translate("Default")</div> 5766 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'Created', SortOrder: 'DESC'}, true);">@Translate("Newest")</div> 5767 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'NameForSort', SortOrder: 'ASC'}, true);">@Translate("Name A - Z")</div> 5768 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'NameForSort', SortOrder: 'DESC'}, true);">@Translate("Name Z - A")</div> 5769 @if (Dynamicweb.Rapido.Services.User.IsPricesAllowed()) 5770 { 5771 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'Price', SortOrder: 'ASC' }, true);">@Translate("Price low - high")</div> 5772 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'Price', SortOrder: 'DESC' }, true);">@Translate("Price high - low")</div> 5773 } 5774 </div> 5775 <label class="dropdown-trigger-off" for="ProductSort"></label> 5776 </div> 5777 } 5778 5779 @if (subBlocks.Count > 1 && Pageview.Device.ToString() != "Mobile") 5780 { 5781 <div> 5782 @foreach (Block item in subBlocks) 5783 { 5784 <input type="radio" class="tag-btn-trigger" id="ListViewBtn_@item.Id" name="ViewBtnGroup"> 5785 <label for="ListViewBtn_@item.Id" class="btn btn--tag u-no-margin" onclick="HandlebarsBolt.UpdateTemplate('ProductsContainer', '@item.Id')"><i class="fas fa-@item.Name"></i></label> 5786 } 5787 </div> 5788 } 5789 5790 @if (isFavoriteList && Dynamicweb.Rapido.Services.User.IsBuyingAllowed()) 5791 { 5792 if (Pageview.Device.ToString() != "Mobile") 5793 { 5794 <button type="submit" class="btn btn--secondary btn--sm dw-mod">@Translate("Buy all") <i class="@cartIcon"></i></button> 5795 } 5796 else 5797 { 5798 <button type="submit" class="btn btn--secondary btn--full btn--sm dw-mod">@Translate("Buy all") <i class="@cartIcon"></i></button> 5799 } 5800 } 5801 </div> 5802 } 5803 5804 @helper RenderListViewSelectListener() 5805 { 5806 /* the same block code placed in ProductListFeed.cshtml */ 5807 Dictionary<string, bool> views = new Dictionary<string, bool>() 5808 { 5809 { "ProductItemContainer", Pageview.AreaSettings.GetItem("ProductList").GetBoolean("EnableListView") }, 5810 { "ProductGridItemContainer", Pageview.AreaSettings.GetItem("ProductList").GetBoolean("EnableGridView") }, 5811 { "ProductDetailsItemContainer", Pageview.AreaSettings.GetItem("ProductList").GetBoolean("EnableDetailsView") }, 5812 { "ProductTilesViewContainer", Pageview.AreaSettings.GetItem("ProductList").GetBoolean("EnableTilesView") } 5813 }; 5814 5815 string defaultView = Pageview.AreaSettings.GetItem("ProductList").GetList("DefaultListView") != null ? Pageview.AreaSettings.GetItem("ProductList").GetList("DefaultListView").SelectedValue : ""; 5816 5817 if (string.IsNullOrEmpty(defaultView) || !views[defaultView]) 5818 { 5819 defaultView = views.FirstOrDefault(x => x.Value).Key ?? "ProductItemContainer"; 5820 } 5821 5822 <script> 5823 let defaultTemplate = '@defaultView'; 5824 let container = 'productList'; 5825 let cookieName = 'ProductsContainerTemplate'; 5826 5827 document.addEventListener('DOMContentLoaded', function (event) { 5828 document.getElementById(container).addEventListener('contentLoaded', function () { 5829 let selectedMode = RememberState.GetCookie(cookieName); 5830 let element = document.getElementById('ListViewBtn_' + (selectedMode ? selectedMode : defaultTemplate)); 5831 if (element != null) { 5832 element.checked = true; 5833 } 5834 }, false); 5835 }); 5836 </script> 5837 } 5838 5839 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 5840 @using Dynamicweb.Core 5841 @using System 5842 @using System.Web 5843 @using System.Collections.Generic 5844 @using Dynamicweb.Rapido.Blocks 5845 5846 @{ 5847 BlocksPage customBlocksPage = BlocksPage.GetBlockPage("ProductList"); 5848 5849 5850 bool spGridViewShowPrice = !Pageview.AreaSettings.GetItem("ProductList").GetBoolean("HidePrice"); 5851 5852 string defaultView = Pageview.AreaSettings.GetItem("ProductList").GetList("DefaultListView") != null ? Pageview.AreaSettings.GetItem("ProductList").GetList("DefaultListView").SelectedValue : ""; 5853 5854 if (defaultView != "ProductCustomGridItemContainer" && spGridViewShowPrice && Dynamicweb.Rapido.Services.User.IsPricesAllowed()) 5855 { 5856 if (customBlocksPage.GetBlockById("GridViewItemInfoContainer") != null) 5857 { 5858 customBlocksPage.Add("GridViewItemInfoContainer", new Block 5859 { 5860 Id = "GridViewItemPrices", 5861 SortId = 31, 5862 Template = SpRenderGridViewVolumeDiscount() 5863 }); 5864 } 5865 if (customBlocksPage.GetBlockById("ListViewItemPrices") != null) 5866 { 5867 customBlocksPage.Add("ListViewItemFooter", new Block 5868 { 5869 Id = "ListViewItemPrices", 5870 SortId = 10, 5871 Template = SpRenderGridViewVolumeDiscount("drop--list-margin") 5872 }); 5873 } 5874 if (customBlocksPage.GetBlockById("DetailsViewItemRight") != null) 5875 { 5876 customBlocksPage.Add("DetailsViewItemRight", new Block 5877 { 5878 Id = "ProductDetailsItemPrices", 5879 SortId = 1, 5880 Template = SpRenderGridViewVolumeDiscount("drop--details-margin") 5881 }); 5882 } 5883 5884 } 5885 5886 var SpGridViewScripts = customBlocksPage.GetBlockById("GridViewScripts"); 5887 if (SpGridViewScripts != null) 5888 { 5889 SpGridViewScripts.Template = SpGridView(); 5890 } 5891 5892 } 5893 5894 @helper SpRenderGridViewVolumeDiscount(string marginClass = "") 5895 { 5896 <text> 5897 {{#if Prices}} 5898 <div class="custom-dropdown js-dropdown-wrap @marginClass"> 5899 <button type="button" class="dropbtn js-dropdown-btn">@Translate("Mængderabat") <i class="fas fa-caret-down js-dropdown-btn"></i></button> 5900 <div class="js-dropdown dropdown-content"> 5901 {{#each Prices}} 5902 <p>{{quantity}} @Translate("stk.") {{price}} @Translate("pr. stk.")</p> 5903 {{/each}} 5904 </div> 5905 </div> 5906 {{/if}} 5907 </text> 5908 5909 } 5910 5911 @helper SpGridView() 5912 { 5913 int columnsCount = gridViewSettings.GetList("Columns") != null ? Converter.ToInt32(gridViewSettings.GetList("Columns").SelectedValue) : 3; 5914 string imageZoomOnHover = gridViewSettings.GetBoolean("HoverImageZoom") ? "image-hover--zoom" : ""; 5915 5916 string mobileClass = Pageview.Device == Dynamicweb.Frontend.Devices.DeviceType.Mobile ? "is-mobile" : ""; 5917 5918 5919 <script id="ProductGridItemContainer" type="text/x-template"> 5920 {{#.}} 5921 <div id="Product{{id}}" data-template="GridViewItem" data-preloader="overlay" class="grid__col-lg-@(12 / columnsCount) grid__col-md-@(12 / columnsCount) grid__col-sm-4 grid__col-xs-6 grid__col-6 @mobileClass product-list__grid-item @imageZoomOnHover dw-mod"> 5922 {{#Product}} 5923 {{>GridViewItem}} 5924 {{/Product}} 5925 </div> 5926 {{/.}} 5927 </script> 5928 } 5929 5930 5931 @if (productListNavigation.BlocksList.Count == 0) 5932 { 5933 productListNavigation.Design.RenderType = RenderType.Hide; 5934 } 5935 5936 <form name="multiForm" id="multiForm" method="post" onkeypress="return event.keyCode != 13;"> 5937 @* onkeypress is the fix for disabling submit form on Enter key from any field in product list *@ 5938 <input type="hidden" name="CartCmd" id="CartCmd" value="addMulti" /> 5939 @* The @RenderBlockList base helper is included in Components/GridBuilder.cshtml *@ 5940 @RenderBlockList(productListPage.BlocksRoot.BlocksList) 5941 </form> 5942 5943 @helper RenderPageContainer() 5944 { 5945 List<Block> subBlocks = this.productListPage.GetBlockListById("PageContainer").OrderBy(item => item.SortId).ToList(); 5946 5947 string pageUrl = GetGlobalValue("Global:Pageview.Url.Raw"); 5948 string feedFullUrl = pageUrl + "&feed=true"; 5949 feedFullUrl += !isFavoriteList ? "&DoNotShowVariantsAsSingleProducts=True" : ""; 5950 string smallDeviceCss = Pageview.Device.ToString() == "Mobile" ? "" : "u-padding"; 5951 5952 var properties = Dynamicweb.Frontend.PageView.Current()?.CurrentParagraph?.ModuleProperties; 5953 if (properties != null && properties["QueryConditions"] != null) 5954 { 5955 var queryConditions = HttpUtility.HtmlDecode(properties["QueryConditions"]); 5956 var conditions = Newtonsoft.Json.JsonConvert.DeserializeObject<List<QueryCondition>>(queryConditions); 5957 5958 if (conditions != null) 5959 { 5960 var fieldsWithDefaultValues = new List<string>(); 5961 foreach (var condition in conditions) 5962 { 5963 if (!string.IsNullOrWhiteSpace(condition.DefaultValue)) 5964 { 5965 fieldsWithDefaultValues.Add(condition.Name); 5966 } 5967 } 5968 feedFullUrl += "&FieldsWithDefaultValues=" + HttpUtility.UrlEncode(string.Join(",", fieldsWithDefaultValues)); 5969 } 5970 5971 5972 } 5973 5974 <div class="grid grid--align-content-start @smallDeviceCss js-handlebars-root" id="productList" data-template="ProductContainer" data-pre-render-template="ProductPreRenderContainer" data-json-feed="@feedFullUrl" data-preloader="overlay"></div> 5975 5976 <script id="ProductContainer" type="text/x-template"> 5977 {{#each .}} 5978 @RenderBlockList(subBlocks) 5979 {{else}} 5980 <div class="grid__col-12"> 5981 <h2 class="u-ta-center">@Translate("Your search gave 0 results")</h2> 5982 </div> 5983 {{/each}} 5984 </script> 5985 } 5986 5987 @helper RenderProductList() 5988 { 5989 @*This is part of a script template *@ 5990 5991 List<Block> subBlocks = productListPage.GetBlockListById("ProductList").OrderBy(item => item.SortId).ToList(); 5992 string smallDeviceCss = Pageview.Device.ToString() == "Mobile" ? "u-no-padding" : ""; 5993 string columnClass = "auto"; 5994 5995 if (productListPage.GetBlockListById("Navigation").Count == 0) 5996 { 5997 columnClass = "12"; 5998 } 5999 6000 <div class="grid__col-@columnClass @smallDeviceCss"> 6001 @RenderBlockList(subBlocks) 6002 </div> 6003 } 6004 6005 @helper RenderProductListHeader() { 6006 6007 List<Block> subBlocks = this.productListPage.GetBlockListById("ProductListHeader"); 6008 bool enableSeparationLine = productListSettings.GetBoolean("EnableSeparationLine"); 6009 string className = ( enableSeparationLine != null && enableSeparationLine ? "u-border-bottom u-padding-bottom" : "" ); 6010 6011 <div class="grid grid--align-content-start grid--justify-end grid--bleed u-margin-bottom--lg u-padding grid--wrap u-flex-grow--0 dw-mod"> 6012 <div class="grid @className"> 6013 @RenderBlockList(subBlocks) 6014 </div> 6015 </div> 6016 } 6017 6018 @helper RenderProductListTitle() 6019 { 6020 var header = new Heading { Title = "{{{header}}}", CssClass = "u-no-margin" }; 6021 6022 if (isFavoriteList) 6023 { 6024 var selectedFavoriteIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon").SelectedValue : "star"; 6025 header.Icon = new Icon { Prefix = "fas", Name = "fa-" + selectedFavoriteIcon, LabelPosition = IconLabelPosition.After }; 6026 } 6027 6028 @Render(header) 6029 } 6030 6031 @helper RenderFavoriteListSearch() 6032 { 6033 string pageId = GetGlobalValue("Global:Page.ID"); 6034 string pageUrl = GetGlobalValue("Global:Pageview.Url.Raw"); 6035 string feedFullUrl = pageUrl + "&feed=true"; 6036 string searchPlaceholder = Translate("Search favorite products"); 6037 string searchValue = HttpContext.Current.Request.QueryString.Get("Search") ?? ""; 6038 6039 <div class="typeahead u-color-inherit typeahead--favorites js-typeahead" data-page-size="10" id="FavoritesSearch" data-list-id="@favoriteListId" data-search-feed-id="@pageId&feed=true" data-result-page-id="@pageId"> 6040 <input type="text" class="typeahead-search-field u-no-margin u-full-width js-typeahead-search-field" placeholder="@searchPlaceholder" value="@searchValue"> 6041 <ul class="dropdown dropdown--absolute-position u-full-width js-handlebars-root js-typeahead-search-content u-min-w220px u-full-width dw-mod" id="FavoritesSearchContent" data-template="SearchProductsTemplate" data-json-feed="@feedFullUrl&ListID=@favoriteListId" data-init-onload="false" data-preloader="minimal"></ul> 6042 <button type="button" class="btn btn--condensed btn--primary u-no-margin dw-mod js-typeahead-enter-btn"><i class="fas fa-search"></i></button> 6043 </div> 6044 }