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.Ecommerce;
13 @using Dynamicweb.Rapido.Blocks
14 @using Dynamicweb.Rapido.Blocks.Components.General
15 @using Services = Dynamicweb.Ecommerce.Services;
16 17 18 19 @functions {
20 BlocksPage productListPage = BlocksPage.GetBlockPage("ProductList");
21 Dynamicweb.Frontend.ItemViewModel productListSettings = null;
22 23 string favoriteListId = HttpContext.Current.Request.QueryString.Get("ListID");
24 bool isFavoriteList = !string.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("ListID"));
25 26 }
27 28 @{
29 30 productListSettings = Pageview.AreaSettings.GetItem("ProductList");
31 32 33 34 // productlistTemplate
35 36 Block pageContainer = new Block()
37 {
38 Id = "PageContainer",
39 Template = RenderPageContainer(),
40 SkipRenderBlocksList = true,
41 BlocksList = new List<Block> {
42 new Block
43 {
44 Id = "ProductListHeader",
45 SortId = 10,
46 Template = RenderProductListHeader(),
47 SkipRenderBlocksList = true,
48 BlocksList = new List<Block> {
49 new Block
50 {
51 Id = "ProductListTitle",
52 SortId = 10,
53 Design = new Design
54 {
55 CssClass = isFavoriteList ? "grid__col-xs-12 grid__col-md-4" : "grid__col-xs-12 grid__col-md-6"
56 },
57 Template = RenderProductListTitle()
58 }
59 }
60 }
61 }
62 };
63 productListPage.Add(pageContainer);
64 65 Block productListNavigation = new Block()
66 {
67 Id = "Navigation",
68 SortId = 20,
69 Design = new Design
70 {
71 RenderType = RenderType.Column,
72 Size = "3"
73 }
74 };
75 productListPage.Add("PageContainer", productListNavigation);
76 77 Block productListContainer = new Block()
78 {
79 Id = "ProductList",
80 SortId = 30,
81 Template = RenderProductList(),
82 SkipRenderBlocksList = true
83 };
84 productListPage.Add("PageContainer", productListContainer);
85 86 if (isFavoriteList)
87 {
88 productListPage.Add("ProductListHeader", new Block
89 {
90 Id = "FavoriteListSearch",
91 SortId = 20,
92 Template = RenderFavoriteListSearch(),
93 Design = new Design
94 {
95 CssClass = "grid__col-sm-4 u-margin-bottom u-margin-top grid--align-self-center"
96 }
97 });
98 }
99100 Block productListSnippets = new Block()
101 {
102 Id = "BottomSnippets",
103 SortId = 40
104 };
105 productListPage.Add(productListSnippets);
106 }
107108 @* This is required for the product list feed to work *@
109 @GetValue("DoNotRenderProductListTemplate")
110111 @* Include the required Grid builder (Contains the methods @RenderBlockList and @RenderBlock) *@
112 @using System.Text.RegularExpressions
113 @using System.Collections.Generic
114 @using System.Reflection
115 @using System.Web
116 @using System.Web.UI.HtmlControls
117 @using Dynamicweb.Rapido.Blocks.Components
118 @using Dynamicweb.Rapido.Blocks.Components.Articles
119 @using Dynamicweb.Rapido.Blocks.Components.Documentation
120 @using Dynamicweb.Rapido.Blocks
121122123 @*--- START: Base block renderers ---*@
124125 @helper RenderBlockList(List<Block> blocks)
126 {
127 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false;
128 blocks = blocks.OrderBy(item => item.SortId).ToList();
129130 foreach (Block item in blocks)
131 {
132 if (debug) {
133 <!-- Block START: @item.Id -->
134 }
135136 if (item.Design == null)
137 {
138 @RenderBlock(item)
139 }
140 else if (item.Design.RenderType == RenderType.None) {
141 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : "";
142143 <div class="@cssClass dw-mod">
144 @RenderBlock(item)
145 </div>
146 }
147 else if (item.Design.RenderType != RenderType.Hide)
148 {
149 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : "";
150151 if (!item.SkipRenderBlocksList) {
152 if (item.Design.RenderType == RenderType.Row)
153 {
154 <div class="grid grid--align-content-start @cssClass dw-mod" id="Block__@item.Id">
155 @RenderBlock(item)
156 </div>
157 }
158159 if (item.Design.RenderType == RenderType.Column)
160 {
161 string hidePadding = item.Design.HidePadding ? "u-no-padding" : "";
162 string size = item.Design.Size ?? "12";
163 size = Regex.IsMatch(size, @"\d") ? "md-" + item.Design.Size : item.Design.Size;
164165 <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">
166 @RenderBlock(item)
167 </div>
168 }
169170 if (item.Design.RenderType == RenderType.Table)
171 {
172 <table class="table @cssClass dw-mod" id="Block__@item.Id">
173 @RenderBlock(item)
174 </table>
175 }
176177 if (item.Design.RenderType == RenderType.TableRow)
178 {
179 <tr class="@cssClass dw-mod" id="Block__@item.Id">
180 @RenderBlock(item)
181 </tr>
182 }
183184 if (item.Design.RenderType == RenderType.TableColumn)
185 {
186 <td class="@cssClass dw-mod" id="Block__@item.Id">
187 @RenderBlock(item)
188 </td>
189 }
190191 if (item.Design.RenderType == RenderType.CardHeader)
192 {
193 <div class="card-header @cssClass dw-mod">
194 @RenderBlock(item)
195 </div>
196 }
197198 if (item.Design.RenderType == RenderType.CardBody)
199 {
200 <div class="card @cssClass dw-mod">
201 @RenderBlock(item)
202 </div>
203 }
204205 if (item.Design.RenderType == RenderType.CardFooter)
206 {
207 <div class="card-footer @cssClass dw-mod">
208 @RenderBlock(item)
209 </div>
210 }
211 }
212 else
213 {
214 @RenderBlock(item)
215 }
216 }
217218 if (debug) {
219 <!-- Block END: @item.Id -->
220 }
221 }
222 }
223224 @helper RenderBlock(Block item)
225 {
226 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false;
227228 if (item.Template != null)
229 {
230 @BlocksPage.RenderTemplate(item.Template)
231 }
232233 if (item.Component != null)
234 {
235 string customSufix = "Custom";
236 string methodName = item.Component.HelperName;
237238 ComponentBase[] methodParameters = new ComponentBase[1];
239 methodParameters[0] = item.Component;
240 Type methodType = this.GetType();
241242 MethodInfo customMethod = methodType.GetMethod(methodName + customSufix);
243 MethodInfo generalMethod = methodType.GetMethod(methodName);
244245 try {
246 if (debug) {
247 <!-- Component: @methodName.Replace("Render", "") -->
248 }
249 @customMethod.Invoke(this, methodParameters).ToString();
250 } catch {
251 try {
252 @generalMethod.Invoke(this, methodParameters).ToString();
253 } catch(Exception ex) {
254 throw new Exception(item.Component.GetType().Name + " method '" + methodName +"' could not be invoked", ex);
255 }
256 }
257 }
258259 if (item.BlocksList.Count > 0 && !item.SkipRenderBlocksList)
260 {
261 @RenderBlockList(item.BlocksList)
262 }
263 }
264265 @*--- END: Base block renderers ---*@
266267 @using Dynamicweb.Rapido.Blocks.Components
268 @using Dynamicweb.Rapido.Blocks.Components.General
269 @using Dynamicweb.Rapido.Blocks
270 @using System.IO
271272 @* Required *@
273 @using Dynamicweb.Rapido.Blocks.Components
274 @using Dynamicweb.Rapido.Blocks.Components.General
275 @using Dynamicweb.Rapido.Blocks
276277278 @helper Render(ComponentBase component)
279 {
280 if (component != null)
281 {
282 @component.Render(this)
283 }
284 }
285286 @* Components *@
287 @using System.Reflection
288 @using Dynamicweb.Rapido.Blocks.Components.General
289290291 @* Component *@
292293 @helper RenderIcon(Icon settings)
294 {
295 if (settings != null)
296 {
297 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : "";
298299 if (settings.Name != null)
300 {
301 if (string.IsNullOrEmpty(settings.Label))
302 {
303 <i class="@settings.Prefix @settings.Name @settings.CssClass" @color></i>
304 }
305 else
306 {
307 if (settings.LabelPosition == IconLabelPosition.Before)
308 {
309 <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>
310 }
311 else
312 {
313 <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>
314 }
315 }
316 }
317 else if (!string.IsNullOrEmpty(settings.Label))
318 {
319 @settings.Label
320 }
321 }
322 }
323 @using System.Reflection
324 @using Dynamicweb.Rapido.Blocks.Components.General
325 @using Dynamicweb.Rapido.Blocks.Components
326 @using Dynamicweb.Core
327328 @* Component *@
329330 @helper RenderButton(Button settings)
331 {
332 if (settings != null && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null))
333 {
334 Dictionary<string, string> attributes = new Dictionary<string, string>();
335 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>();
336 if (settings.Disabled) {
337 attributes.Add("disabled", "true");
338 classList.Add("disabled");
339 }
340341 if (!string.IsNullOrEmpty(settings.ConfirmText) || !string.IsNullOrEmpty(settings.ConfirmTitle))
342 {
343 settings.Id = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N");
344 @RenderConfirmDialog(settings);
345 settings.OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = true";
346 }
347348 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
349 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
350 if (!string.IsNullOrEmpty(settings.AltText))
351 {
352 attributes.Add("title", settings.AltText);
353 }
354 else if (!string.IsNullOrEmpty(settings.Title))
355 {
356 string cleanTitle = Regex.Replace(settings.Title, "<.*?>", String.Empty);
357 cleanTitle = cleanTitle.Replace(" ", " ");
358 attributes.Add("title", cleanTitle);
359 }
360361 var onClickEvents = new List<string>();
362 if (!string.IsNullOrEmpty(settings.OnClick))
363 {
364 onClickEvents.Add(settings.OnClick);
365 }
366 if (!string.IsNullOrEmpty(settings.Href))
367 {
368 onClickEvents.Add("location.href='" + settings.Href + "'");
369 }
370 if (onClickEvents.Count > 0)
371 {
372 attributes.Add("onClick", string.Join(";", onClickEvents));
373 }
374375 if (settings.ButtonLayout != ButtonLayout.None)
376 {
377 classList.Add("btn");
378 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower();
379 if (btnLayout == "linkclean")
380 {
381 btnLayout = "link-clean"; //fix
382 }
383 classList.Add("btn--" + btnLayout);
384 }
385386 if (settings.Icon == null)
387 {
388 settings.Icon = new Icon();
389 }
390391 settings.Icon.CssClass += Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower() != "linkclean" ? " u-flex--align-center" : "";
392 settings.Icon.Label = settings.Title;
393394 attributes.Add("type", Enum.GetName(typeof(ButtonType), settings.ButtonType).ToLower());
395396 <button class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</button>
397 }
398 }
399400 @helper RenderConfirmDialog(Button settings)
401 {
402 Modal confirmDialog = new Modal {
403 Id = settings.Id,
404 Width = ModalWidth.Sm,
405 Heading = new Heading
406 {
407 Level = 2,
408 Title = settings.ConfirmTitle
409 },
410 BodyText = settings.ConfirmText
411 };
412413 confirmDialog.AddAction(new Button { Title = Translate("Cancel"), ButtonLayout = ButtonLayout.Secondary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false"});
414 confirmDialog.AddAction(new Button { Title = Translate("OK"), ButtonLayout = ButtonLayout.Primary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false;" + settings.OnClick });
415416 @Render(confirmDialog)
417 }
418 @using Dynamicweb.Rapido.Blocks.Components.General
419 @using Dynamicweb.Rapido.Blocks.Components
420 @using Dynamicweb.Core
421422 @helper RenderDashboard(Dashboard settings)
423 {
424 var widgets = settings.GetWidgets();
425426 if (!string.IsNullOrEmpty(settings.WidgetsBaseBackgroundColor))
427 {
428 //set bg color for them
429430 System.Drawing.Color color = System.Drawing.ColorTranslator.FromHtml(settings.WidgetsBaseBackgroundColor);
431 int r = Convert.ToInt16(color.R);
432 int g = Convert.ToInt16(color.G);
433 int b = Convert.ToInt16(color.B);
434435 var count = widgets.Length;
436 var max = Math.Max(r, Math.Max(g, b));
437 double step = 255.0 / (max * count);
438 var i = 0;
439 foreach (var widget in widgets)
440 {
441 i++;
442443 var shade = "rgb(" + Converter.ToString(r * step * i).Replace(",", ".") + ", " + Converter.ToString(g * step * i).Replace(",", ".") + ", " + Converter.ToString(b * step * i).Replace(",", ".") + ")";
444 widget.BackgroundColor = shade;
445 }
446 }
447448 <div class="dashboard @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
449 @foreach (var widget in widgets)
450 {
451 <div class="dashboard__widget">
452 @Render(widget)
453 </div>
454 }
455 </div>
456 }
457 @using Dynamicweb.Rapido.Blocks.Components.General
458 @using Dynamicweb.Rapido.Blocks.Components
459460 @helper RenderDashboardWidgetLink(DashboardWidgetLink settings)
461 {
462 if (!string.IsNullOrEmpty(settings.Link))
463 {
464 var backgroundStyles = "";
465 if (!string.IsNullOrEmpty(settings.BackgroundColor))
466 {
467 backgroundStyles = "style=\"background-color:" + settings.BackgroundColor + "\"";
468 }
469470 <a href="@settings.Link" class="widget widget--link @settings.CssClass dw-mod" @backgroundStyles title="@settings.Title" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
471 <div class="u-center-middle u-color-light">
472 @if (settings.Icon != null)
473 {
474 settings.Icon.CssClass += "widget__icon";
475 @Render(settings.Icon)
476 }
477 <div class="widget__title">@settings.Title</div>
478 </div>
479 </a>
480 }
481 }
482 @using Dynamicweb.Rapido.Blocks.Components.General
483 @using Dynamicweb.Rapido.Blocks.Components
484485 @helper RenderDashboardWidgetCounter(DashboardWidgetCounter settings)
486 {
487 var backgroundStyles = "";
488 if (!string.IsNullOrEmpty(settings.BackgroundColor))
489 {
490 backgroundStyles = "style='background-color:" + settings.BackgroundColor + "'";
491 }
492493 <div class="widget @settings.CssClass dw-mod" @backgroundStyles @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
494 <div class="u-center-middle u-color-light">
495 @if (settings.Icon != null)
496 {
497 settings.Icon.CssClass += "widget__icon";
498 @Render(settings.Icon)
499 }
500 <div class="widget__counter">@settings.Count</div>
501 <div class="widget__title">@settings.Title</div>
502 </div>
503 </div>
504 }
505 @using System.Reflection
506 @using Dynamicweb.Rapido.Blocks.Components.General
507 @using Dynamicweb.Rapido.Blocks.Components
508 @using Dynamicweb.Core
509510 @* Component *@
511512 @helper RenderLink(Link settings)
513 {
514 if (settings != null && !string.IsNullOrEmpty(settings.Href) && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null))
515 {
516 Dictionary<string, string> attributes = new Dictionary<string, string>();
517 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>();
518 if (settings.Disabled)
519 {
520 attributes.Add("disabled", "true");
521 classList.Add("disabled");
522 }
523524 if (!string.IsNullOrEmpty(settings.AltText))
525 {
526 attributes.Add("title", settings.AltText);
527 }
528 else if (!string.IsNullOrEmpty(settings.Title))
529 {
530 attributes.Add("title", settings.Title);
531 }
532533 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
534 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
535 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onClick", settings.OnClick); }
536 attributes.Add("href", settings.Href);
537538 if (settings.ButtonLayout != ButtonLayout.None)
539 {
540 classList.Add("btn");
541 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower();
542 if (btnLayout == "linkclean")
543 {
544 btnLayout = "link-clean"; //fix
545 }
546 classList.Add("btn--" + btnLayout);
547 }
548549 if (settings.Icon == null)
550 {
551 settings.Icon = new Icon();
552 }
553 settings.Icon.Label = settings.Title;
554555 if (settings.Target == LinkTargetType.Blank && settings.Rel == LinkRelType.None)
556 {
557 settings.Rel = LinkRelType.Noopener;
558 }
559 if (settings.Target != LinkTargetType.None)
560 {
561 attributes.Add("target", "_" + Enum.GetName(typeof(LinkTargetType), settings.Target).ToLower());
562 }
563 if (settings.Download)
564 {
565 attributes.Add("download", "true");
566 }
567 if (settings.Rel != LinkRelType.None)
568 {
569 attributes.Add("rel", Enum.GetName(typeof(LinkRelType), settings.Rel).ToLower());
570 }
571572 <a class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</a>
573 }
574 }
575 @using System.Reflection
576 @using Dynamicweb.Rapido.Blocks.Components
577 @using Dynamicweb.Rapido.Blocks.Components.General
578 @using Dynamicweb.Rapido.Blocks
579580581 @* Component *@
582583 @helper RenderRating(Rating settings)
584 {
585 if (settings.Score > 0)
586 {
587 int rating = settings.Score;
588 string iconType = "fa-star";
589590 switch (settings.Type.ToString()) {
591 case "Stars":
592 iconType = "fa-star";
593 break;
594 case "Hearts":
595 iconType = "fa-heart";
596 break;
597 case "Lemons":
598 iconType = "fa-lemon";
599 break;
600 case "Bombs":
601 iconType = "fa-bomb";
602 break;
603 }
604605 <div class="u-ta-right">
606 @for (int i = 0; i < settings.OutOf; i++)
607 {
608 <i class="@(rating > i ? "fas" : "far") @iconType"></i>
609 }
610 </div>
611 }
612 }
613 @using System.Reflection
614 @using Dynamicweb.Rapido.Blocks.Components.General
615 @using Dynamicweb.Rapido.Blocks.Components
616617618 @* Component *@
619620 @helper RenderSelectFieldOption(SelectFieldOption settings)
621 {
622 Dictionary<string, string> attributes = new Dictionary<string, string>();
623 if (settings.Checked) { attributes.Add("selected", "true"); }
624 if (settings.Disabled) { attributes.Add("disabled", "true"); }
625 if (settings.Value != null) { attributes.Add("value", settings.Value); }
626 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
627628 <option @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Label</option>
629 }
630 @using System.Reflection
631 @using Dynamicweb.Rapido.Blocks.Components.General
632 @using Dynamicweb.Rapido.Blocks.Components
633634635 @* Component *@
636637 @helper RenderNavigation(Navigation settings) {
638 @RenderNavigation(new
639 {
640 id = settings.Id,
641 cssclass = settings.CssClass,
642 startLevel = settings.StartLevel,
643 endlevel = settings.EndLevel,
644 expandmode = settings.Expandmode,
645 sitemapmode = settings.SitemapMode,
646 template = settings.Template
647 })
648 }
649 @using Dynamicweb.Rapido.Blocks.Components.General
650 @using Dynamicweb.Rapido.Blocks.Components
651652653 @* Component *@
654655 @helper RenderBreadcrumbNavigation(BreadcrumbNavigation settings) {
656 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id;
657 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template;
658 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel;
659 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel;
660 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode;
661 settings.SitemapMode = false;
662663 @RenderNavigation(settings)
664 }
665 @using Dynamicweb.Rapido.Blocks.Components.General
666 @using Dynamicweb.Rapido.Blocks.Components
667668669 @* Component *@
670671 @helper RenderLeftNavigation(LeftNavigation settings) {
672 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id;
673 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template;
674 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel;
675 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel;
676 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode;
677678 <div class="grid__cell">
679 @RenderNavigation(settings)
680 </div>
681 }
682 @using System.Reflection
683 @using Dynamicweb.Rapido.Blocks.Components.General
684 @using Dynamicweb.Core
685686 @* Component *@
687688 @helper RenderHeading(Heading settings)
689 {
690 if (settings != null && !string.IsNullOrEmpty(settings.Title))
691 {
692 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : "";
693 string tagName = settings.Level != 0 ? "h" + settings.Level.ToString() : "div";
694695 @("<" + tagName + " class=\"" + settings.CssClass + " dw-mod\" " + color + ">")
696 if (!string.IsNullOrEmpty(settings.Link))
697 {
698 @Render(new Link { Href = settings.Link, Icon = settings.Icon, Title = settings.Title, ButtonLayout = ButtonLayout.None })
699 }
700 else
701 {
702 if (settings.Icon == null)
703 {
704 settings.Icon = new Icon();
705 }
706 settings.Icon.Label = settings.Title;
707 @Render(settings.Icon)
708 }
709 @("</" + tagName + ">");
710 }
711 }
712 @using Dynamicweb.Rapido.Blocks.Components
713 @using Dynamicweb.Rapido.Blocks.Components.General
714 @using Dynamicweb.Rapido.Blocks
715716717 @* Component *@
718719 @helper RenderImage(Image settings)
720 {
721 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None)
722 {
723 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>();
724 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); }
725726 if (settings.Caption != null)
727 {
728 @:<div>
729 }
730731 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower();
732 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower();
733734 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)>
735 <div class="image-filter image-filter--@secondaryFilterClass dw-mod">
736 @if (settings.Link != null)
737 {
738 <a href="@settings.Link">
739 @RenderTheImage(settings)
740 </a>
741 }
742 else
743 {
744 @RenderTheImage(settings)
745 }
746 </div>
747 </div>
748749 if (settings.Caption != null)
750 {
751 <span class="image-caption dw-mod">@settings.Caption</span>
752 @:</div>
753 }
754 }
755 else
756 {
757 if (settings.Caption != null)
758 {
759 @:<div>
760 }
761 if (!string.IsNullOrEmpty(settings.Link))
762 {
763 <a href="@settings.Link">
764 @RenderTheImage(settings)
765 </a>
766 }
767 else
768 {
769 @RenderTheImage(settings)
770 }
771772 if (settings.Caption != null)
773 {
774 <span class="image-caption dw-mod">@settings.Caption</span>
775 @:</div>
776 }
777 }
778 }
779780 @helper RenderTheImage(Image settings)
781 {
782 if (settings != null)
783 {
784 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg";
785 string placeholderImage = "/Files/Images/placeholder.gif";
786 string imageEngine = "/Admin/Public/GetImage.ashx?";
787788 string imageStyle = "";
789790 switch (settings.Style)
791 {
792 case ImageStyle.Ball:
793 imageStyle = "grid__cell-img--ball";
794 break;
795796 case ImageStyle.Triangle:
797 imageStyle = "grid__cell-img--triangle";
798 break;
799 }
800801 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle)
802 {
803 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop;
804805 if (settings.ImageDefault != null)
806 {
807 settings.ImageDefault.Height = settings.ImageDefault.Width;
808 }
809 if (settings.ImageMedium != null)
810 {
811 settings.ImageMedium.Height = settings.ImageMedium.Width;
812 }
813 if (settings.ImageSmall != null)
814 {
815 settings.ImageSmall.Height = settings.ImageSmall.Width;
816 }
817 }
818819 string defaultImage = imageEngine;
820 string imageSmall = "";
821 string imageMedium = "";
822823 if (settings.DisableImageEngine)
824 {
825 defaultImage = settings.Path;
826 }
827 else
828 {
829 if (settings.ImageDefault != null)
830 {
831 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault);
832833 if (settings.Path.GetType() != typeof(string))
834 {
835 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : "";
836 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : "";
837 }
838 else
839 {
840 defaultImage += settings.Path != null ? "Image=" + settings.Path : "";
841 }
842843 defaultImage += "&AlternativeImage=" + alternativeImage;
844 }
845846 if (settings.ImageSmall != null)
847 {
848 imageSmall = "data-src-small=\"" + imageEngine;
849 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall);
850851 if (settings.Path.GetType() != typeof(string))
852 {
853 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : "";
854 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : "";
855 }
856 else
857 {
858 imageSmall += settings.Path != null ? "Image=" + settings.Path : "";
859 }
860861 imageSmall += "&alternativeImage=" + alternativeImage;
862863 imageSmall += "\"";
864 }
865866 if (settings.ImageMedium != null)
867 {
868 imageMedium = "data-src-medium=\"" + imageEngine;
869 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium);
870871 if (settings.Path.GetType() != typeof(string))
872 {
873 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : "";
874 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : "";
875 }
876 else
877 {
878 imageMedium += settings.Path != null ? "Image=" + settings.Path : "";
879 }
880881 imageMedium += "&alternativeImage=" + alternativeImage;
882883 imageMedium += "\"";
884 }
885 }
886887 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>();
888 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); }
889 if (!string.IsNullOrEmpty(settings.Title))
890 {
891 optionalAttributes.Add("alt", settings.Title);
892 optionalAttributes.Add("title", settings.Title);
893 }
894895 if (settings.DisableLazyLoad)
896 {
897 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) />
898 }
899 else
900 {
901 <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) />
902 }
903 }
904 }
905 @using System.Reflection
906 @using Dynamicweb.Rapido.Blocks.Components.General
907 @using Dynamicweb.Rapido.Blocks.Components
908909 @* Component *@
910911 @helper RenderFileField(FileField settings)
912 {
913 var attributes = new Dictionary<string, string>();
914 if (string.IsNullOrEmpty(settings.Id))
915 {
916 settings.Id = Guid.NewGuid().ToString("N");
917 }
918919 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
920 if (settings.Disabled) { attributes.Add("disabled", "true"); }
921 if (settings.Required) { attributes.Add("required", "true"); }
922 if (settings.Multiple) { attributes.Add("multiple", "true"); }
923 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
924 if (string.IsNullOrEmpty(settings.ChooseFileText))
925 {
926 settings.ChooseFileText = Translate("Choose file");
927 }
928 if (string.IsNullOrEmpty(settings.NoFilesChosenText))
929 {
930 settings.NoFilesChosenText = Translate("No files chosen...");
931 }
932 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
933934 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
935936 string setValueToFakeInput = "FileUpload.setValueToFakeInput(this)";
937 attributes.Add("onchange", setValueToFakeInput + (!string.IsNullOrEmpty(settings.OnChange) ? settings.OnChange : ""));
938939 attributes.Add("type", "file");
940 if (settings.Value != null) { attributes.Add("value", settings.Value); }
941 settings.CssClass = "u-full-width " + settings.CssClass;
942943 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
944945 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod">
946 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
947 {
948 <div class="u-full-width">
949 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
950 @if (settings.Link != null) {
951 <div class="u-pull--right">
952 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
953 @Render(settings.Link)
954 </div>
955 }
956 </div>
957958 }
959960 @if (!string.IsNullOrEmpty(settings.HelpText))
961 {
962 <small class="form__help-text">@settings.HelpText</small>
963 }
964965 <div class="form__field-combi file-input u-no-margin dw-mod">
966 <input @ComponentMethods.AddAttributes(resultAttributes) class="file-input__real-input" data-no-files-text="@settings.NoFilesChosenText" data-many-files-text="@Translate("files")" />
967 <label for="@settings.Id" class="file-input__btn btn--secondary btn dw-mod">@settings.ChooseFileText</label>
968 <label for="@settings.Id" class="@settings.CssClass file-input__fake-input js-fake-input dw-mod">@settings.NoFilesChosenText</label>
969 @if (settings.UploadButton != null)
970 {
971 settings.UploadButton.CssClass += " btn--condensed u-no-margin";
972 @Render(settings.UploadButton)
973 }
974 </div>
975 @Render(new NotificationMessage { Message = settings.ErrorMessage })
976 </div>
977 }
978 @using System.Reflection
979 @using Dynamicweb.Rapido.Blocks.Components.General
980 @using Dynamicweb.Rapido.Blocks.Components
981 @using Dynamicweb.Core
982 @using System.Linq
983984 @* Component *@
985986 @helper RenderDateTimeField(DateTimeField settings)
987 {
988 if (string.IsNullOrEmpty(settings.Id))
989 {
990 settings.Id = Guid.NewGuid().ToString("N");
991 }
992993 var textField = new TextField {
994 Name = settings.Name,
995 Id = settings.Id,
996 Label = settings.Label,
997 HelpText = settings.HelpText,
998 Value = settings.Value,
999 Disabled = settings.Disabled,
1000 Required = settings.Required,
1001 ErrorMessage = settings.ErrorMessage,
1002 CssClass = settings.CssClass,
1003 WrapperCssClass = settings.WrapperCssClass,
1004 OnChange = settings.OnChange,
1005 OnClick = settings.OnClick,
1006 Link = settings.Link,
1007 ExtraAttributes = settings.ExtraAttributes,
1008 //
1009 Placeholder = settings.Placeholder
1010 };
10111012 @Render(textField)
10131014 List<string> jsAttributes = new List<string>();
10151016 jsAttributes.Add("mode: '" + Enum.GetName(typeof(DateTimeFieldMode), settings.Mode).ToLower() + "'");
10171018 if (!string.IsNullOrEmpty(settings.DateFormat))
1019 {
1020 jsAttributes.Add("dateFormat: '" + settings.DateFormat + "'");
1021 }
1022 if (!string.IsNullOrEmpty(settings.MinDate))
1023 {
1024 jsAttributes.Add("minDate: '" + settings.MinDate + "'");
1025 }
1026 if (!string.IsNullOrEmpty(settings.MaxDate))
1027 {
1028 jsAttributes.Add("maxDate: '" + settings.MaxDate + "'");
1029 }
1030 if (settings.IsInline)
1031 {
1032 jsAttributes.Add("inline: " + Converter.ToString(settings.IsInline).ToLower());
1033 }
1034 if (settings.EnableTime)
1035 {
1036 jsAttributes.Add("enableTime: " + Converter.ToString(settings.EnableTime).ToLower());
1037 }
1038 if (settings.EnableWeekNumbers)
1039 {
1040 jsAttributes.Add("weekNumbers: " + Converter.ToString(settings.EnableWeekNumbers).ToLower());
1041 }
10421043 jsAttributes.AddRange(settings.GetFlatPickrOptions().Select(x => x.Key + ": " + x.Value));
10441045 <script>
1046 document.addEventListener("DOMContentLoaded", function () {
1047 flatpickr("#@textField.Id", {
1048 @string.Join(",", jsAttributes)
1049 });
1050 });
1051 </script>
1052 }
1053 @using System.Reflection
1054 @using Dynamicweb.Rapido.Blocks.Components.General
1055 @using Dynamicweb.Rapido.Blocks.Components
10561057 @* Component *@
10581059 @helper RenderTextField(TextField settings)
1060 {
1061 var attributes = new Dictionary<string, string>();
1062 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id))
1063 {
1064 settings.Id = Guid.NewGuid().ToString("N");
1065 }
10661067 /*base settings*/
1068 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1069 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1070 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1071 if (settings.Disabled) { attributes.Add("disabled", "true"); }
1072 if (settings.Required) { attributes.Add("required", "true"); }
1073 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1074 /*end*/
10751076 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
1077 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
1078 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
1079 if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
1080 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); }
1081 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); }
1082 attributes.Add("type", Enum.GetName(typeof(TextFieldType), settings.Type).ToLower());
1083 if (settings.Type == TextFieldType.Password) { attributes.Add("autocomplete", "off"); };
1084 if (settings.Value != null) { attributes.Add("value", settings.Value); }
10851086 settings.CssClass = "u-full-width " + settings.CssClass;
10871088 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
10891090 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
10911092 string noMargin = "u-no-margin";
1093 if (!settings.ReadOnly) {
1094 noMargin = "";
1095 }
10961097 <div class="form__field-group u-full-width @noMargin @settings.WrapperCssClass dw-mod">
1098 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1099 {
1100 <div class="u-full-width">
1101 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1102 @if (settings.Link != null) {
1103 settings.Link.ButtonLayout = ButtonLayout.LinkClean;
11041105 <div class="u-pull--right">
1106 @Render(settings.Link)
1107 </div>
1108 }
1109 </div>
11101111 }
11121113 @if (!string.IsNullOrEmpty(settings.HelpText))
1114 {
1115 <small class="form__help-text">@settings.HelpText</small>
1116 }
11171118 @if (settings.ActionButton != null)
1119 {
1120 settings.ActionButton.CssClass += " btn--condensed u-no-margin";
1121 <div class="form__field-combi u-no-margin dw-mod">
1122 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1123 @Render(settings.ActionButton)
1124 </div>
1125 }
1126 else
1127 {
1128 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1129 }
11301131 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1132 </div>
1133 }
1134 @using System.Reflection
1135 @using Dynamicweb.Rapido.Blocks.Components.General
1136 @using Dynamicweb.Rapido.Blocks.Components
11371138 @* Component *@
11391140 @helper RenderNumberField(NumberField settings)
1141 {
1142 var attributes = new Dictionary<string, string>();
1143 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id))
1144 {
1145 settings.Id = Guid.NewGuid().ToString("N");
1146 }
11471148 /*base settings*/
1149 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1150 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1151 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1152 if (settings.Disabled) { attributes.Add("disabled", "true"); }
1153 if (settings.Required) { attributes.Add("required", "true"); }
1154 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1155 /*end*/
11561157 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
1158 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
1159 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
1160 if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
1161 if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); }
1162 if (settings.Min != null) { attributes.Add("min", settings.Min.ToString()); }
1163 if (settings.Step != 0) { attributes.Add("step", settings.Step.ToString()); }
1164 if (settings.Value != null && !string.IsNullOrEmpty(settings.Value.ToString())) { attributes.Add("value", settings.Value.ToString()); }
1165 attributes.Add("type", "number");
11661167 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
11681169 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod">
1170 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1171 {
1172 <div class="u-full-width">
1173 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1174 @if (settings.Link != null) {
1175 <div class="u-pull--right">
1176 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1177 @Render(settings.Link)
1178 </div>
1179 }
1180 </div>
11811182 }
11831184 @if (!string.IsNullOrEmpty(settings.HelpText))
1185 {
1186 <small class="form__help-text">@settings.HelpText</small>
1187 }
11881189 @if (settings.ActionButton != null)
1190 {
1191 settings.ActionButton.CssClass += " btn--condensed u-no-margin";
1192 <div class="form__field-combi u-no-margin dw-mod">
1193 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1194 @Render(settings.ActionButton)
1195 </div>
1196 }
1197 else
1198 {
1199 <div class="form__field-combi u-no-margin dw-mod">
1200 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1201 </div>
1202 }
12031204 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1205 </div>
1206 }
1207 @using System.Reflection
1208 @using Dynamicweb.Rapido.Blocks.Components.General
1209 @using Dynamicweb.Rapido.Blocks.Components
121012111212 @* Component *@
12131214 @helper RenderTextareaField(TextareaField settings)
1215 {
1216 Dictionary<string, string> attributes = new Dictionary<string, string>();
1217 string id = settings.Id;
1218 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(id))
1219 {
1220 id = Guid.NewGuid().ToString("N");
1221 }
12221223 if (!string.IsNullOrEmpty(id)) { attributes.Add("id", id); }
1224 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1225 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
1226 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
1227 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
1228 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1229 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); }
1230 if (settings.Disabled) { attributes.Add("disabled", "true"); }
1231 if (settings.Required) { attributes.Add("required", "true"); }
1232 if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
1233 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); }
1234 if (settings.Rows != 0) { attributes.Add("rows", settings.Rows.ToString()); }
1235 attributes.Add("name", settings.Name);
12361237 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
12381239 <div class="form__field-group @settings.WrapperCssClass dw-mod">
1240 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1241 {
1242 <div class="u-full-width">
1243 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1244 @if (settings.Link != null) {
1245 <div class="u-pull--right">
1246 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1247 @Render(settings.Link)
1248 </div>
1249 }
1250 </div>
1251 }
12521253 @if (!string.IsNullOrEmpty(settings.HelpText))
1254 {
1255 <small class="form__help-text">@settings.HelpText</small>
1256 }
12571258 <textarea class="u-full-width @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Value</textarea>
12591260 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1261 </div>
1262 }
1263 @using System.Reflection
1264 @using Dynamicweb.Rapido.Blocks.Components.General
1265 @using Dynamicweb.Rapido.Blocks.Components
126612671268 @* Component *@
12691270 @helper RenderHiddenField(HiddenField settings) {
1271 var attributes = new Dictionary<string, string>();
1272 attributes.Add("type", "hidden");
1273 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1274 if (settings.Value != null) { attributes.Add("value", settings.Value); }
1275 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
12761277 <input @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)/>
1278 }
1279 @using System.Reflection
1280 @using Dynamicweb.Rapido.Blocks.Components.General
1281 @using Dynamicweb.Rapido.Blocks.Components
12821283 @* Component *@
12841285 @helper RenderCheckboxField(CheckboxField settings)
1286 {
1287 var attributes = new Dictionary<string, string>();
1288 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id))
1289 {
1290 settings.Id = Guid.NewGuid().ToString("N");
1291 }
12921293 /*base settings*/
1294 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1295 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1296 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1297 if (settings.Disabled) { attributes.Add("disabled", "true"); }
1298 if (settings.Required) { attributes.Add("required", "true"); }
1299 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1300 /*end*/
13011302 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
13031304 attributes.Add("type", "checkbox");
1305 if (settings.Checked) { attributes.Add("checked", "true"); }
1306 settings.CssClass = "form__control " + settings.CssClass;
1307 if (settings.Value != null) { attributes.Add("value", settings.Value); }
13081309 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
13101311 <div class="form__field-group @settings.WrapperCssClass dw-mod">
1312 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1313 @if (!string.IsNullOrEmpty(settings.Label))
1314 {
1315 <label for="@settings.Id" class="dw-mod">@settings.Label</label>
1316 }
13171318 @if (settings.Link != null) {
1319 <span>
1320 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1321 @Render(settings.Link)
1322 </span>
1323 }
13241325 @if (!string.IsNullOrEmpty(settings.HelpText))
1326 {
1327 <small class="form__help-text checkbox-help dw-mod">@settings.HelpText</small>
1328 }
1329 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1330 </div>
1331 }
1332 @using System.Reflection
1333 @using Dynamicweb.Rapido.Blocks.Components.General
1334 @using Dynamicweb.Rapido.Blocks.Components
133513361337 @* Component *@
13381339 @helper RenderCheckboxListField(CheckboxListField settings)
1340 {
1341 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1342 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1343 {
1344 <div class="u-full-width">
1345 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1346 @if (settings.Link != null) {
1347 <div class="u-pull--right">
1348 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1349 @Render(settings.Link)
1350 </div>
1351 }
1352 </div>
13531354 }
13551356 <div class="u-pull--left">
1357 @if (!string.IsNullOrEmpty(settings.HelpText))
1358 {
1359 <small class="form__help-text">@settings.HelpText</small>
1360 }
13611362 @foreach (var item in settings.Options)
1363 {
1364 if (settings.Required)
1365 {
1366 item.Required = true;
1367 }
1368 if (settings.Disabled)
1369 {
1370 item.Disabled = true;
1371 }
1372 if (!string.IsNullOrEmpty(settings.Name))
1373 {
1374 item.Name = settings.Name;
1375 }
1376 if (!string.IsNullOrEmpty(settings.CssClass))
1377 {
1378 item.CssClass += settings.CssClass;
1379 }
13801381 /* value is not supported */
13821383 if (!string.IsNullOrEmpty(settings.OnClick))
1384 {
1385 item.OnClick += settings.OnClick;
1386 }
1387 if (!string.IsNullOrEmpty(settings.OnChange))
1388 {
1389 item.OnChange += settings.OnChange;
1390 }
1391 @Render(item)
1392 }
13931394 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1395 </div>
13961397 </div>
1398 }
1399 @using Dynamicweb.Rapido.Blocks.Components.General
14001401 @* Component *@
14021403 @helper RenderSearch(Search settings)
1404 {
1405 var searchValue = HttpContext.Current.Request.QueryString.Get(settings.SearchParameter) ?? "";
1406 var groupValue = HttpContext.Current.Request.QueryString.Get(settings.GroupsParameter) ?? "";
14071408 if (string.IsNullOrEmpty(settings.Id))
1409 {
1410 settings.Id = Guid.NewGuid().ToString("N");
1411 }
14121413 var resultAttributes = new Dictionary<string, string>();
14141415 if (settings.PageSize != 0)
1416 {
1417 resultAttributes.Add("data-page-size", settings.PageSize.ToString());
1418 }
1419 if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl))
1420 {
1421 resultAttributes.Add("data-groups-feed-url", settings.GroupItemsFeedUrl);
1422 if (!string.IsNullOrEmpty(groupValue))
1423 {
1424 resultAttributes.Add("data-selected-group", groupValue);
1425 }
1426 if (!string.IsNullOrEmpty(settings.GroupsParameter))
1427 {
1428 resultAttributes.Add("data-groups-parameter", settings.GroupsParameter);
1429 }
1430 }
1431 resultAttributes.Add("data-force-init", "true");
1432 if (settings.GoToFirstSearchResultOnEnter)
1433 {
1434 resultAttributes.Add("data-go-to-first-search-result-on-enter", settings.GoToFirstSearchResultOnEnter.ToString().ToLower());
1435 }
1436 if (!string.IsNullOrEmpty(settings.SearchParameter))
1437 {
1438 resultAttributes.Add("data-search-parameter", settings.SearchParameter);
1439 }
1440 resultAttributes.Add("data-search-feed-url", settings.SearchData.SearchFeedUrl);
1441 resultAttributes.Add("data-results-template-id", settings.SearchData.ResultsTemplateId);
14421443 if (settings.SecondSearchData != null)
1444 {
1445 resultAttributes.Add("data-second-search-feed-url", settings.SecondSearchData.SearchFeedUrl);
1446 resultAttributes.Add("data-second-results-template-id", settings.SecondSearchData.ResultsTemplateId);
1447 }
1448 if (!string.IsNullOrEmpty(settings.ResultsPageUrl))
1449 {
1450 resultAttributes.Add("data-results-page-url", settings.ResultsPageUrl);
1451 }
14521453 resultAttributes = resultAttributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
14541455 string searchFieldCss = (settings.SearchButton == null) ? "search--with-icon" : "";
14561457 <div class="search @settings.CssClass @searchFieldCss js-search-data-source dw-mod" id="@settings.Id" @ComponentMethods.AddAttributes(resultAttributes)>
1458 @if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl))
1459 {
1460 <button type="button" class="search__groups-btn dw-mod js-search-groups-btn">@Translate("All")</button>
1461 <ul class="dropdown dropdown--absolute-position dw-mod search__groups-results js-search-groups-list"></ul>
1462 }
14631464 <input type="text" class="search__field dw-mod js-search-field" placeholder="@settings.Placeholder" value="@searchValue">
14651466 <div class="dropdown dropdown--absolute-position search__results dw-mod js-search-results @(settings.SecondSearchData != null ? "search__results--combined" : "")">
1467 @if (settings.SecondSearchData != null)
1468 {
1469 <div class="search__column search__column--products dw-mod">
1470 <div class="search__column-header dw-mod">@Translate("Products")</div>
1471 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul>
1472 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl))
1473 {
1474 @Render(new Link {
1475 Title = Translate("View all"),
1476 CssClass = "js-view-all-button u-margin",
1477 Href = settings.SearchData.ResultsPageUrl
1478 });
1479 }
1480 </div>
1481 <div class="search__column search__column--pages dw-mod">
1482 <div class="search__column-header">@Translate("Pages")</div>
1483 <ul class="search__results-list dw-mod js-search-results-second-list" id="@(settings.Id)_SecondResultsList"></ul>
1484 @if (!string.IsNullOrEmpty(settings.SecondSearchData.ResultsPageUrl))
1485 {
1486 @Render(new Link
1487 {
1488 Title = Translate("View all"),
1489 CssClass = "js-view-all-button u-margin",
1490 Href = settings.SecondSearchData.ResultsPageUrl
1491 });
1492 }
1493 </div>
1494 }
1495 else
1496 {
1497 <div class="search__column search__column--only dw-mod">
1498 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul>
1499 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl))
1500 {
1501 @Render(new Link {
1502 Title = Translate("View all"),
1503 CssClass = "js-view-all-button u-margin",
1504 Href = settings.SearchData.ResultsPageUrl
1505 });
1506 }
1507 </div>
1508 }
1509 </div>
15101511 @if (settings.SearchButton != null)
1512 {
1513 settings.SearchButton.CssClass += " search__btn js-search-btn";
1514 if (settings.RenderDefaultSearchIcon)
1515 {
1516 settings.SearchButton.Icon = new Icon { Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue };
1517 }
1518 @Render(settings.SearchButton);
1519 }
1520 </div>
1521 }
1522 @using System.Reflection
1523 @using Dynamicweb.Rapido.Blocks.Components.General
1524 @using Dynamicweb.Rapido.Blocks.Components
152515261527 @* Component *@
15281529 @helper RenderSelectField(SelectField settings)
1530 {
1531 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id))
1532 {
1533 settings.Id = Guid.NewGuid().ToString("N");
1534 }
15351536 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod">
1537 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1538 {
1539 <div class="u-full-width">
1540 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1541 @if (settings.Link != null) {
1542 <div class="u-pull--right">
1543 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1544 @Render(settings.Link)
1545 </div>
1546 }
1547 </div>
1548 }
15491550 @if (!string.IsNullOrEmpty(settings.HelpText))
1551 {
1552 <small class="form__help-text">@settings.HelpText</small>
1553 }
15541555 @if (settings.ActionButton != null)
1556 {
1557 settings.ActionButton.CssClass += " btn--condensed u-no-margin";
1558 <div class="form__field-combi u-no-margin dw-mod">
1559 @RenderSelectBase(settings)
1560 @Render(settings.ActionButton)
1561 </div>
1562 }
1563 else
1564 {
1565 @RenderSelectBase(settings)
1566 }
15671568 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1569 </div>
1570 }
15711572 @helper RenderSelectBase(SelectField settings)
1573 {
1574 var attributes = new Dictionary<string, string>();
15751576 /*base settings*/
1577 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1578 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1579 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1580 if (settings.Disabled) { attributes.Add("disabled", "true"); }
1581 if (settings.Required) { attributes.Add("required", "true"); }
1582 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1583 /*end*/
15841585 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
15861587 <select @ComponentMethods.AddAttributes(resultAttributes) class="u-full-width @settings.CssClass dw-mod">
1588 @if (settings.Default != null)
1589 {
1590 @Render(settings.Default)
1591 }
15921593 @foreach (var item in settings.Options)
1594 {
1595 if (settings.Value != null) {
1596 item.Checked = item.Value == settings.Value;
1597 }
1598 @Render(item)
1599 }
1600 </select>
1601 }
1602 @using System.Reflection
1603 @using Dynamicweb.Rapido.Blocks.Components.General
1604 @using Dynamicweb.Rapido.Blocks.Components
16051606 @* Component *@
16071608 @helper RenderRadioButtonField(RadioButtonField settings)
1609 {
1610 var attributes = new Dictionary<string, string>();
1611 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id))
1612 {
1613 settings.Id = Guid.NewGuid().ToString("N");
1614 }
16151616 /*base settings*/
1617 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1618 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1619 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1620 if (settings.Disabled) { attributes.Add("disabled", "true"); }
1621 if (settings.Required) { attributes.Add("required", "true"); }
1622 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1623 /*end*/
16241625 attributes.Add("type", "radio");
1626 if (settings.Checked) { attributes.Add("checked", "true"); }
1627 settings.CssClass = "form__control " + settings.CssClass;
1628 if (settings.Value != null) { attributes.Add("value", settings.Value); }
16291630 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
16311632 <div class="form__field-group @settings.WrapperCssClass dw-mod">
1633 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1634 @if (!string.IsNullOrEmpty(settings.Label))
1635 {
1636 <label for="@settings.Id" class="dw-mod">@settings.Label</label>
1637 }
1638 @if (!string.IsNullOrEmpty(settings.HelpText))
1639 {
1640 <small class="form__help-text">@settings.HelpText</small>
1641 }
1642 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1643 </div>
1644 }
1645 @using System.Reflection
1646 @using Dynamicweb.Rapido.Blocks.Components.General
1647 @using Dynamicweb.Rapido.Blocks.Components
164816491650 @* Component *@
16511652 @helper RenderRadioButtonListField(RadioButtonListField settings)
1653 {
1654 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
16551656 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1657 @if (!string.IsNullOrEmpty(settings.Label))
1658 {
1659 <label>@settings.Label</label>
1660 }
1661 @if (!string.IsNullOrEmpty(settings.HelpText))
1662 {
1663 <small class="form__help-text">@settings.HelpText</small>
1664 }
16651666 @foreach (var item in settings.Options)
1667 {
1668 if (settings.Required)
1669 {
1670 item.Required = true;
1671 }
1672 if (settings.Disabled)
1673 {
1674 item.Disabled = true;
1675 }
1676 if (!string.IsNullOrEmpty(settings.Name))
1677 {
1678 item.Name = settings.Name;
1679 }
1680 if (settings.Value != null && settings.Value == item.Value)
1681 {
1682 item.Checked = true;
1683 }
1684 if (!string.IsNullOrEmpty(settings.OnClick))
1685 {
1686 item.OnClick += settings.OnClick;
1687 }
1688 if (!string.IsNullOrEmpty(settings.OnChange))
1689 {
1690 item.OnChange += settings.OnChange;
1691 }
1692 if (!string.IsNullOrEmpty(settings.CssClass))
1693 {
1694 item.CssClass += settings.CssClass;
1695 }
1696 @Render(item)
1697 }
16981699 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1700 </div>
1701 }
1702 @using System.Reflection
1703 @using Dynamicweb.Rapido.Blocks.Components.General
1704 @using Dynamicweb.Rapido.Blocks.Components
170517061707 @* Component *@
17081709 @helper RenderNotificationMessage(NotificationMessage settings)
1710 {
1711 if (!string.IsNullOrEmpty(settings.Message))
1712 {
1713 var attributes = new Dictionary<string, string>();
1714 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
17151716 string messageTypeClass = Enum.GetName(typeof(NotificationMessageType), settings.MessageType).ToLower();
1717 string messageLayoutClass = Enum.GetName(typeof(NotificationMessageLayout), settings.MessageLayout).ToLower();
1718 string minHeightClass = settings.Icon != null ? "u-min-h70px" : "";
17191720 <div class="notification-message-@messageTypeClass notification-message-@messageLayoutClass @messageLayoutClass @minHeightClass @settings.CssClass u-full-width dw-mod" @ComponentMethods.AddAttributes(attributes)>
1721 @if (settings.Icon != null) {
1722 settings.Icon.Label = !string.IsNullOrEmpty(settings.Icon.Label) ? settings.Message + settings.Icon.Label : settings.Message;
1723 @Render(settings.Icon)
1724 } else {
1725 @settings.Message
1726 }
1727 </div>
1728 }
1729 }
1730 @using Dynamicweb.Rapido.Blocks.Components.General
173117321733 @* Component *@
17341735 @helper RenderHandlebarsRoot(HandlebarsRoot settings) {
1736 string preRender = !String.IsNullOrEmpty(settings.PreRenderScriptTemplate) ? "data-pre-render-template=\"" + settings.PreRenderScriptTemplate + "\"" : "";
17371738 <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>
1739 @if (settings.SubBlocks != null) {
1740 @RenderBlockList(settings.SubBlocks)
1741 }
1742 </div>
1743 }
1744 @using System.Reflection
1745 @using Dynamicweb.Rapido.Blocks.Components.General
1746 @using Dynamicweb.Rapido.Blocks.Components
1747 @using System.Text.RegularExpressions
174817491750 @* Component *@
17511752 @helper RenderSticker(Sticker settings) {
1753 if (!String.IsNullOrEmpty(settings.Title)) {
1754 string size = settings.Size.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Size.ToString().ToLower() : "";
1755 string style = settings.Style.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Style.ToString().ToLower() : "";
17561757 Dictionary<String, String> optionalAttributes = new Dictionary<string, string>();
1758 if (!String.IsNullOrEmpty(settings.Color) || !String.IsNullOrEmpty(settings.BackgroundColor)) {
1759 string styleTag = !String.IsNullOrEmpty(settings.Color) ? "color: " + settings.Color + "; " : "";
1760 styleTag += !String.IsNullOrEmpty(settings.BackgroundColor) ? "background-color: " + settings.BackgroundColor + "; " : "";
1761 optionalAttributes.Add("style", styleTag);
1762 }
17631764 <div class="stickers-container__tag @size @style @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Title</div>
1765 }
1766 }
17671768 @using System.Reflection
1769 @using Dynamicweb.Rapido.Blocks.Components.General
1770 @using Dynamicweb.Rapido.Blocks.Components
177117721773 @* Component *@
17741775 @helper RenderStickersCollection(StickersCollection settings)
1776 {
1777 if (settings.Stickers.Count > 0)
1778 {
1779 string position = "stickers-container--" + Regex.Replace(settings.Position.ToString(), "([a-z])([A-Z])", "$1-$2").ToLower();
17801781 <div class="stickers-container @position @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1782 @foreach (Sticker sticker in settings.Stickers)
1783 {
1784 @Render(sticker)
1785 }
1786 </div>
1787 }
1788 }
17891790 @using Dynamicweb.Rapido.Blocks.Components.General
179117921793 @* Component *@
17941795 @helper RenderForm(Form settings) {
1796 if (settings != null)
1797 {
1798 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>();
1799 if (!string.IsNullOrEmpty(settings.Action)) { optionalAttributes.Add("action", settings.Action); };
1800 if (!string.IsNullOrEmpty(settings.Name)) { optionalAttributes.Add("name", settings.Name); };
1801 if (!string.IsNullOrEmpty(settings.OnSubmit)) { optionalAttributes.Add("onsubmit", settings.OnSubmit); };
1802 var enctypes = new Dictionary<string, string>
1803 {
1804 { "multipart", "multipart/form-data" },
1805 { "text", "text/plain" },
1806 { "application", "application/x-www-form-urlencoded" }
1807 };
1808 if (settings.Enctype != FormEnctype.none) { optionalAttributes.Add("enctype", enctypes[Enum.GetName(typeof(FormEnctype), settings.Enctype).ToLower()]); };
1809 optionalAttributes.Add("method", settings.Method.ToString());
18101811 if (!string.IsNullOrEmpty(settings.FormStartMarkup))
1812 {
1813 @settings.FormStartMarkup
1814 }
1815 else
1816 {
1817 @:<form class="@settings.CssClass u-no-margin dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1818 }
18191820 foreach (var field in settings.GetFields())
1821 {
1822 @Render(field)
1823 }
18241825 @:</form>
1826 }
1827 }
1828 @using System.Reflection
1829 @using Dynamicweb.Rapido.Blocks.Components.General
1830 @using Dynamicweb.Rapido.Blocks.Components
183118321833 @* Component *@
18341835 @helper RenderText(Text settings)
1836 {
1837 @settings.Content
1838 }
1839 @using System.Reflection
1840 @using Dynamicweb.Rapido.Blocks.Components.General
1841 @using Dynamicweb.Rapido.Blocks.Components
184218431844 @* Component *@
18451846 @helper RenderContentModule(ContentModule settings) {
1847 if (!string.IsNullOrEmpty(settings.Content))
1848 {
1849 @settings.Content
1850 }
1851 }
1852 @using System
1853 @using System.Reflection
1854 @using Dynamicweb.Rapido.Blocks.Components.General
1855 @using Dynamicweb.Rapido.Blocks.Components
185618571858 @* Component *@
18591860 @helper RenderModal(Modal settings) {
1861 if (settings != null)
1862 {
1863 string modalId = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N");
18641865 string onchange = !string.IsNullOrEmpty(settings.OnClose) ? "onchange=\"if(!this.checked){" + settings.OnClose + "}\"" : "";
18661867 <input type="checkbox" id="@(modalId)ModalTrigger" class="modal-trigger" @onchange />
18681869 <div class="modal-container">
1870 @if (!settings.DisableDarkOverlay)
1871 {
1872 <label for="@(modalId)ModalTrigger" id="@(modalId)ModalOverlay" class="modal-overlay"></label>
1873 }
1874 <div class="modal modal--@settings.Width.ToString().ToLower() modal-height--@settings.Height.ToString().ToLower()" id="@(modalId)Modal">
1875 @if (settings.Heading != null)
1876 {
1877 if (!string.IsNullOrEmpty(settings.Heading.Title))
1878 {
1879 <div class="modal__header">
1880 @Render(settings.Heading)
1881 </div>
1882 }
1883 }
1884 <div class="modal__body @(settings.Width.ToString().ToLower() == "full" ? "modal__body--full" : "")">
1885 @if (settings.BodyText != "LOGIN_MODAL_BODY")
1886 {
1887 <div class="modal__body_text">@settings.BodyText</div>
18881889 }
1890 @if (settings.BodyTemplate != null)
1891 {
1892 @settings.BodyTemplate
1893 }
1894 @{
1895 var actions = settings.GetActions();
1896 }
1897 </div>
1898 @if (actions.Length > 0)
1899 {
1900 <div class="modal__footer">
1901 @foreach (var action in actions)
1902 {
1903 if (Pageview.Device.ToString() != "Mobile") {
1904 action.CssClass += " u-no-margin";
1905 } else {
1906 action.CssClass += " u-full-width u-margin-bottom";
1907 }
19081909 @Render(action)
1910 }
1911 </div>
1912 }
1913 <label class="modal__close-btn" for="@(modalId)ModalTrigger"></label>
1914 </div>
1915 </div>
1916 }
1917 }
1918 @using Dynamicweb.Rapido.Blocks.Components.General
19191920 @* Component *@
19211922 @helper RenderMediaListItem(MediaListItem settings)
1923 {
1924 <div class="media-list-item @settings.CssClass dw-mod" @(!string.IsNullOrEmpty(settings.Id) ? "id=\"" + settings.Id + "\"" : "")>
1925 @if (!string.IsNullOrEmpty(settings.Label))
1926 {
1927 if (!string.IsNullOrEmpty(settings.Link))
1928 {
1929 @Render(new Link
1930 {
1931 Href = settings.Link,
1932 CssClass = "media-list-item__sticker dw-mod",
1933 ButtonLayout = ButtonLayout.None,
1934 Title = settings.Label,
1935 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : ""
1936 })
1937 }
1938 else if (!string.IsNullOrEmpty(settings.OnClick))
1939 {
1940 <span class="media-list-item__sticker dw-mod" onclick="@(settings.OnClick)">
1941 <span class="u-uppercase">@settings.Label</span>
1942 </span>
1943 }
1944 else
1945 {
1946 <span class="media-list-item__sticker media-list-item__sticker--no-link dw-mod">
1947 <span class="u-uppercase">@settings.Label</span>
1948 </span>
1949 }
1950 }
1951 <div class="media-list-item__wrap">
1952 <div class="media-list-item__info dw-mod">
1953 <div class="media-list-item__header dw-mod">
1954 @if (!string.IsNullOrEmpty(settings.Title))
1955 {
1956 if (!string.IsNullOrEmpty(settings.Link))
1957 {
1958 @Render(new Link
1959 {
1960 Href = settings.Link,
1961 CssClass = "media-list-item__name dw-mod",
1962 ButtonLayout = ButtonLayout.None,
1963 Title = settings.Title,
1964 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : ""
1965 })
1966 }
1967 else if (!string.IsNullOrEmpty(settings.OnClick))
1968 {
1969 <span class="media-list-item__name dw-mod" onclick="@(settings.OnClick)">@settings.Title</span>
1970 }
1971 else
1972 {
1973 <span class="media-list-item__name media-list-item__name--no-link dw-mod">@settings.Title</span>
1974 }
1975 }
19761977 @if (!string.IsNullOrEmpty(settings.Status))
1978 {
1979 <div class="media-list-item__state dw-mod">@settings.Status</div>
1980 }
1981 </div>
1982 @{
1983 settings.InfoTable.CssClass += " media-list-item__parameters-table";
1984 }
19851986 @Render(settings.InfoTable)
1987 </div>
1988 <div class="media-list-item__actions dw-mod">
1989 <div class="media-list-item__actions-list dw-mod">
1990 @{
1991 var actions = settings.GetActions();
19921993 foreach (ButtonBase action in actions)
1994 {
1995 action.ButtonLayout = ButtonLayout.None;
1996 action.CssClass += " media-list-item__action link";
19971998 @Render(action)
1999 }
2000 }
2001 </div>
20022003 @if (settings.SelectButton != null && !string.IsNullOrEmpty(settings.SelectButton.Title))
2004 {
2005 settings.SelectButton.CssClass += " u-no-margin";
20062007 <div class="media-list-item__action-button">
2008 @Render(settings.SelectButton)
2009 </div>
2010 }
2011 </div>
2012 </div>
2013 </div>
2014 }
2015 @using Dynamicweb.Rapido.Blocks.Components.General
2016 @using Dynamicweb.Rapido.Blocks.Components
20172018 @helper RenderTable(Table settings)
2019 {
2020 Dictionary<string, string> attributes = new Dictionary<string, string>();
2021 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
20222023 var enumToClasses = new Dictionary<TableDesign, string>
2024 {
2025 { TableDesign.Clean, "table--clean" },
2026 { TableDesign.Bordered, "table--bordered" },
2027 { TableDesign.Striped, "table--striped" },
2028 { TableDesign.Hover, "table--hover" },
2029 { TableDesign.Compact, "table--compact" },
2030 { TableDesign.Condensed, "table--condensed" },
2031 { TableDesign.NoTopBorder, "table--no-top-border" }
2032 };
2033 string tableDesignClass = "";
2034 if (settings.Design != TableDesign.None)
2035 {
2036 tableDesignClass = enumToClasses[settings.Design];
2037 }
20382039 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableDesign.None) { attributes.Add("class", "table " + tableDesignClass + " " + settings.CssClass + " dw-mod"); }
20402041 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value);
20422043 <table @ComponentMethods.AddAttributes(resultAttributes)>
2044 @if (settings.Header != null)
2045 {
2046 <thead>
2047 @Render(settings.Header)
2048 </thead>
2049 }
2050 <tbody>
2051 @foreach (var row in settings.Rows)
2052 {
2053 @Render(row)
2054 }
2055 </tbody>
2056 @if (settings.Footer != null)
2057 {
2058 <tfoot>
2059 @Render(settings.Footer)
2060 </tfoot>
2061 }
2062 </table>
2063 }
2064 @using Dynamicweb.Rapido.Blocks.Components.General
2065 @using Dynamicweb.Rapido.Blocks.Components
20662067 @helper RenderTableRow(TableRow settings)
2068 {
2069 Dictionary<string, string> attributes = new Dictionary<string, string>();
2070 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
20712072 var enumToClasses = new Dictionary<TableRowDesign, string>
2073 {
2074 { TableRowDesign.NoBorder, "table__row--no-border" },
2075 { TableRowDesign.Border, "table__row--border" },
2076 { TableRowDesign.TopBorder, "table__row--top-line" },
2077 { TableRowDesign.BottomBorder, "table__row--bottom-line" },
2078 { TableRowDesign.Solid, "table__row--solid" }
2079 };
20802081 string tableRowDesignClass = "";
2082 if (settings.Design != TableRowDesign.None)
2083 {
2084 tableRowDesignClass = enumToClasses[settings.Design];
2085 }
20862087 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableRowDesign.None) { attributes.Add("class", "table__row " + tableRowDesignClass + " " + settings.CssClass + " dw-mod"); }
20882089 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value);
20902091 <tr @ComponentMethods.AddAttributes(resultAttributes)>
2092 @foreach (var cell in settings.Cells)
2093 {
2094 if (settings.IsHeaderRow)
2095 {
2096 cell.IsHeader = true;
2097 }
2098 @Render(cell)
2099 }
2100 </tr>
2101 }
2102 @using Dynamicweb.Rapido.Blocks.Components.General
2103 @using Dynamicweb.Rapido.Blocks.Components
2104 @using Dynamicweb.Core
21052106 @helper RenderTableCell(TableCell settings)
2107 {
2108 Dictionary<string, string> attributes = new Dictionary<string, string>();
2109 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
2110 if (settings.Colspan != 0) { attributes.Add("colspan", Converter.ToString(settings.Colspan)); }
2111 if (settings.Rowspan != 0) { attributes.Add("rowspan", Converter.ToString(settings.Rowspan)); }
2112 if (!string.IsNullOrEmpty(settings.CssClass)) { attributes.Add("class", settings.CssClass + " dw-mod"); }
21132114 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value);
21152116 string tagName = settings.IsHeader ? "th" : "td";
21172118 @("<" + tagName + " " + ComponentMethods.AddAttributes(resultAttributes) + ">")
2119 @settings.Content
2120 @("</" + tagName + ">");
2121 }
2122 @using System.Linq
2123 @using Dynamicweb.Rapido.Blocks.Components.General
21242125 @* Component *@
21262127 @helper RenderPagination(Dynamicweb.Rapido.Blocks.Components.General.Pagination settings)
2128 {
2129 var pageNumberQueryStringName = Dynamicweb.Rapido.Services.Pagination.GetPageNumberQueryStringName(settings); // Get the proper 'page number' query string parameter
2130 var queryParameters = Dynamicweb.Rapido.Services.Url.GetQueryParameters(pageNumberQueryStringName); // Get the NameValueCollection from the querystring
21312132 if (settings.NumberOfPages > 1)
2133 {
2134 string url = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority) + "/Default.aspx";
2135 string ariaLabel = !string.IsNullOrWhiteSpace(settings.AriaLabel) ? settings.AriaLabel : Translate("Page navigation");
2136 Dictionary<string, int> startAndEndPageNumber = Dynamicweb.Rapido.Services.Pagination.GetStartAndEndPageNumber(settings);
21372138 <div class="pager u-margin-top dw-mod @settings.CssClass" aria-label="@ariaLabel">
2139 @if (settings.ShowPagingInfo)
2140 {
2141 <div class="pager__info dw-mod">
2142 @Translate("Page") @settings.CurrentPageNumber @Translate("of") @settings.NumberOfPages
2143 </div>
2144 }
2145 <ul class="pager__list dw-mod">
2146 @if (!string.IsNullOrWhiteSpace(settings.FirstPageUrl) && settings.ShowFirstAndLastControls)
2147 {
2148 @Render(new PaginationItem { Link = settings.FirstPageUrl, Icon = settings.FirstIcon })
2149 }
2150 @if (!string.IsNullOrWhiteSpace(settings.PreviousPageUrl) && settings.ShowNextAndPrevControls)
2151 {
2152 @Render(new PaginationItem { Link = settings.PreviousPageUrl, Icon = settings.PrevIcon })
2153 }
2154 @if (settings.GetPages().Any())
2155 {
2156 foreach (var page in settings.GetPages())
2157 {
2158 @Render(page)
2159 }
2160 }
2161 else
2162 {
2163 for (var page = startAndEndPageNumber["StartPage"]; page <= startAndEndPageNumber["EndPage"]; page++)
2164 {
2165 queryParameters = Dynamicweb.Rapido.Services.Url.UpdateQueryStringParameter(queryParameters, pageNumberQueryStringName, page.ToString());
2166 @Render(new PaginationItem { Label = page.ToString(), Link = Dynamicweb.Rapido.Services.Url.BuildUri(url, queryParameters).PathAndQuery, IsActive = (settings.CurrentPageNumber == page) });
2167 }
2168 }
2169 @if (!string.IsNullOrWhiteSpace(settings.NextPageUrl) && settings.ShowNextAndPrevControls)
2170 {
2171 @Render(new PaginationItem { Link = settings.NextPageUrl, Icon = settings.NextIcon })
2172 }
2173 @if (!string.IsNullOrWhiteSpace(settings.LastPageUrl) && settings.ShowFirstAndLastControls)
2174 {
2175 @Render(new PaginationItem { Link = settings.LastPageUrl, Icon = settings.LastIcon })
2176 }
2177 </ul>
2178 </div>
2179 }
2180 }
21812182 @helper RenderPaginationItem(PaginationItem settings)
2183 {
2184 if (settings.Icon == null)
2185 {
2186 settings.Icon = new Icon();
2187 }
21882189 settings.Icon.Label = settings.Label;
2190 <li class="pager__btn dw-mod">
2191 @if (settings.IsActive)
2192 {
2193 <span class="pager__num pager__num--current dw-mod">
2194 @Render(settings.Icon)
2195 </span>
2196 }
2197 else
2198 {
2199 <a href="@settings.Link" class="pager__num dw-mod">
2200 @Render(settings.Icon)
2201 </a>
2202 }
2203 </li>
2204 }
220522062207 @using Dynamicweb.Rapido.Blocks.Components.General
2208 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
220922102211 @using Dynamicweb.Rapido.Blocks.Components
2212 @using Dynamicweb.Rapido.Blocks.Components.General
2213 @using Dynamicweb.Rapido.Blocks
2214 @using System.IO
221522162217 @using Dynamicweb.Rapido.Blocks.Components.General
2218 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
221922202221 @* Component *@
22222223 @helper RenderVariantMatrix(VariantMatrix settings) {
2224 if (settings != null)
2225 {
2226 int productLoopCounter = 0;
2227 int groupCount = 0;
2228 List<VariantOption> firstDimension = new List<VariantOption>();
2229 List<VariantOption> secondDimension = new List<VariantOption>();
2230 List<VariantOption> thirdDimension = new List<VariantOption>();
22312232 foreach (VariantGroup variantGroup in settings.GetVariantGroups())
2233 {
2234 foreach (VariantOption variantOptions in variantGroup.GetVariantOptions())
2235 {
2236 if (groupCount == 0) {
2237 firstDimension.Add(variantOptions);
2238 }
2239 if (groupCount == 1)
2240 {
2241 secondDimension.Add(variantOptions);
2242 }
2243 if (groupCount == 2)
2244 {
2245 thirdDimension.Add(variantOptions);
2246 }
2247 }
2248 groupCount++;
2249 }
22502251 int rowCount = 0;
2252 int columnCount = 0;
22532254 <script>
2255 var variantsCollection = [];
2256 </script>
22572258 <table class="table table--compact js-variants-matrix dw-mod" id="VariantMatrixTable_@settings.ProductId">
2259 @if (groupCount == 1)
2260 {
2261 <tbody>
2262 @foreach (VariantOption firstVariantOption in firstDimension)
2263 {
2264 var variantId = firstVariantOption.Id;
2265 <tr>
2266 <td class="u-bold">
2267 @firstVariantOption.Name
2268 </td>
2269 <td>
2270 @RenderVariantMatrixQuantityField(variantId, settings, productLoopCounter, rowCount, columnCount)
2271 </td>
2272 </tr>
2273 productLoopCounter++;
2274 }
22752276 <tr>
2277 <td> </td>
2278 <td>
2279 <div class="qty-field js-total-qty-column-@columnCount dw-mod">0</div>
2280 </td>
2281 </tr>
2282 </tbody>
2283 }
2284 @if (groupCount == 2)
2285 {
2286 <thead>
2287 <tr>
2288 <td> </td>
2289 @foreach (VariantOption variant in secondDimension)
2290 {
2291 <td>@variant.Name</td>
2292 }
2293 </tr>
2294 </thead>
2295 <tbody>
2296 @foreach (VariantOption firstVariantOption in firstDimension)
2297 {
2298 string variantId = "";
2299 columnCount = 0;
23002301 <tr>
2302 <td class="u-min-w120px">@firstVariantOption.Name</td>
23032304 @foreach (VariantOption secondVariantOption in secondDimension)
2305 {
2306 variantId = firstVariantOption.Id + "." + secondVariantOption.Id;
2307 <td>
2308 @RenderVariantMatrixQuantityField(variantId, settings, productLoopCounter, rowCount, columnCount)
2309 </td>
23102311 columnCount++;
23122313 productLoopCounter++;
2314 }
23152316 <td>
2317 <div class="qty-field js-total-qty-row-@rowCount dw-mod">0</div>
2318 </td>
2319 </tr>
23202321 rowCount++;
2322 }
23232324 @{
2325 columnCount = 0;
2326 }
23272328 <tr>
2329 <td> </td>
2330 @foreach (VariantOption secondVariantOption in secondDimension)
2331 {
2332 <td>
2333 <div class="qty-field js-total-qty-column-@columnCount dw-mod">0</div>
2334 </td>
23352336 columnCount++;
2337 }
2338 <td> </td>
2339 </tr>
2340 </tbody>
2341 }
2342 @if (groupCount == 3)
2343 {
2344 <thead>
2345 <tr>
2346 <td> </td>
2347 @foreach (VariantOption thirdVariantOption in thirdDimension)
2348 {
2349 <td>@thirdVariantOption.Name</td>
2350 }
2351 </tr>
2352 </thead>
2353 <tbody>
2354 @foreach (VariantOption firstVariantOption in firstDimension)
2355 {
2356 int colspan = (thirdDimension.Count + 1);
23572358 <tr>
2359 <td colspan="@colspan" class="u-color-light-gray--bg u-bold">@firstVariantOption.Name</td>
2360 </tr>
23612362 foreach (VariantOption secondVariantOption in secondDimension)
2363 {
2364 string variantId = "";
2365 columnCount = 0;
23662367 <tr>
2368 <td class="u-min-w120px">@secondVariantOption.Name</td>
23692370 @foreach (VariantOption thirdVariantOption in thirdDimension)
2371 {
2372 variantId = firstVariantOption.Id + "." + secondVariantOption.Id + "." + thirdVariantOption.Id;
23732374 <td>
2375 @RenderVariantMatrixQuantityField(variantId, settings, productLoopCounter, rowCount, columnCount)
2376 </td>
23772378 columnCount++;
2379 productLoopCounter++;
2380 }
23812382 <td>
2383 <div class="qty-field js-total-qty-row-@rowCount dw-mod">0</div>
2384 </td>
2385 </tr>
2386 rowCount++;
2387 }
2388 }
23892390 @{
2391 columnCount = 0;
2392 }
23932394 <tr>
2395 <td> </td>
2396 @foreach (VariantOption thirdVariantOption in thirdDimension)
2397 {
2398 <td>
2399 <div class="qty-field js-total-qty-column-@columnCount dw-mod">0</div>
2400 </td>
24012402 columnCount++;
2403 }
2404 <td> </td>
2405 </tr>
2406 </tbody>
2407 }
2408 </table>
24092410 <script>
2411 document.addEventListener("DOMContentLoaded", function (event) {
2412 MatrixUpdateQuantity("@settings.ProductId");
2413 });
24142415 MatrixUpdateQuantity = function (productId) {
2416 var currentMatrix = document.getElementById("VariantMatrixTable_" + productId);
2417 var allQtyFields = currentMatrix.getElementsByClassName("js-qty");
24182419 var qtyRowArr = [];
2420 var qtyColumnArr = [];
24212422 var totalQty = 0;
24232424 for (var i = 0; i < allQtyFields.length; i++) {
2425 qtyRowArr[allQtyFields[i].getAttribute("data-qty-row-group")] = 0;
2426 qtyColumnArr[allQtyFields[i].getAttribute("data-qty-column-group")] = 0;
2427 }
24282429 for (var i = 0; i < allQtyFields.length; i++) {
2430 qtyRowArr[allQtyFields[i].getAttribute("data-qty-row-group")] += parseFloat(allQtyFields[i].value);
2431 qtyColumnArr[allQtyFields[i].getAttribute("data-qty-column-group")] += parseFloat(allQtyFields[i].value);
2432 totalQty += parseFloat(allQtyFields[i].value);
2433 }
24342435 //Update row counters
2436 for (var i = 0; i < qtyRowArr.length; i++) {
2437 var qtyCounter = currentMatrix.getElementsByClassName("js-total-qty-row-" + i)[0];
24382439 if (qtyRowArr[i] != undefined && qtyCounter != null) {
2440 var currentCount = qtyCounter.innerHTML;
2441 qtyCounter.innerHTML = qtyRowArr[i];
24422443 if (currentCount != qtyCounter.innerHTML) {
2444 qtyCounter.classList.add("qty-field--active");
2445 }
2446 }
24472448 }
24492450 //Update column counters
2451 for (var i = 0; i < qtyColumnArr.length; i++) {
2452 var qtyCounter = currentMatrix.getElementsByClassName("js-total-qty-column-" + i)[0];
24532454 if (qtyColumnArr[i] != undefined && qtyCounter != null) {
2455 var currentCount = qtyCounter.innerHTML;
2456 qtyCounter.innerHTML = qtyColumnArr[i];
24572458 if (currentCount != qtyCounter.innerHTML) {
2459 qtyCounter.classList.add("qty-field--active");
2460 }
2461 }
2462 }
24632464 if (document.getElementById("TotalQtyCount_" + productId)) {
2465 document.getElementById("TotalQtyCount_" + productId).innerHTML = totalQty;
2466 }
24672468 //Clean up animations
2469 setTimeout(function () {
2470 for (var i = 0; i < qtyRowArr.length; i++) {
2471 var qtyCounter = currentMatrix.getElementsByClassName("js-total-qty-row-" + i)[0];
2472 if (qtyCounter != null) {
2473 qtyCounter.classList.remove("qty-field--active");
2474 }
2475 }
2476 for (var i = 0; i < qtyColumnArr.length; i++) {
2477 var qtyCounter = currentMatrix.getElementsByClassName("js-total-qty-column-" + i)[0];
2478 if (qtyCounter != null) {
2479 qtyCounter.classList.remove("qty-field--active");
2480 }
2481 }
2482 }, 1000);
2483 }
2484 </script>
2485 }
2486 }
24872488 @helper RenderVariantMatrixQuantityField(string variantId, VariantMatrix settings, int productLoopCounter, int rowCount, int columnCount)
2489 {
2490 string loopCount = productLoopCounter.ToString();
24912492 bool combinationFound = false;
2493 double stock = 0;
2494 double quantityValue = 0;
2495 string note = "";
24962497 VariantProduct variantProduct = null;
24982499 if (settings.GetVariantProducts().TryGetValue(variantId, out variantProduct))
2500 {
2501 stock = variantProduct.Stock;
2502 quantityValue = variantProduct.Quantity;
2503 combinationFound = true;
2504 }
25052506 if (combinationFound)
2507 {
2508 <input type="hidden" name="ProductLoopCounter@(loopCount)" value="@loopCount" />
2509 <input type="hidden" name="ProductID@(loopCount)" value="@settings.ProductId" />
2510 <input type="hidden" name="VariantID@(loopCount)" value="@variantId" />
2511 <input type="hidden" name="CurrentNote@(loopCount)" id="CurrentNote_@(settings.ProductId)_@variantId" value="@note" />
2512 <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">
25132514 if (stock != 0)
2515 {
2516 <small>@Translate("Stock") @stock</small>
2517 }
25182519 <script>
2520 var variants = '{ "ProductId" :' + '"@settings.ProductId"' + ', "VariantId": ' + '"@variantId"' +'}';
2521 variantsCollection.push(variants);
2522 document.getElementById("Quantity_@(settings.ProductId)_@variantId").closest(".js-variants-matrix").setAttribute("data-variants-collection", "[" + variantsCollection + "]" );
2523 </script>
2524 }
2525 else
2526 {
2527 <div class="use-btn-height" style="background-color: #a8a8a8"></div>
2528 }
2529 }
2530 @using System
2531 @using Dynamicweb.Rapido.Blocks.Components
2532 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
2533 @using Nevotex.Data.Entities
2534 @* Component *@
25352536 @helper RenderAddToCart(CustomAddToCart settings)
2537 {
2538 //set Id for quantity selector to get it's value from button
2539 if (settings.QuantitySelector != null)
2540 {
2541 if (string.IsNullOrEmpty(settings.QuantitySelector.Id))
2542 {
2543 settings.QuantitySelector.Id = Guid.NewGuid().ToString("N");
2544 }
25452546 settings.AddButton.QuantitySelectorId = settings.QuantitySelector.Id;
25472548 if (settings.Disabled)
2549 {
2550 settings.QuantitySelector.Disabled = true;
2551 }
25522553 if (string.IsNullOrEmpty(settings.QuantitySelector.Name))
2554 {
2555 settings.QuantitySelector.Name = settings.QuantitySelector.Id;
2556 }
2557 }
25582559 if (settings.Disabled)
2560 {
2561 settings.AddButton.Disabled = true;
2562 }
25632564 settings.AddButton.CssClass += " btn--condensed";
25652566 //unitsSelector
2567 if (settings.UnitSelector != null)
2568 {
2569 if (settings.Disabled)
2570 {
2571 settings.QuantitySelector.Disabled = true;
2572 }
2573 }
25742575 <div class="buttons-collection @settings.WrapperCssClass" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
2576 @if (settings.UnitSelector != null)
2577 {
2578 @Render(settings.UnitSelector)
2579 }
2580 @if (settings.QuantitySelector != null)
2581 {
2582 @Render(settings.QuantitySelector)
2583 }
2584 @Render(settings.AddButton)
2585 </div>
2586 }
2587 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
2588 @using Dynamicweb.Rapido.Blocks.Components.General
2589 @using Nevotex.Data.Entities
25902591 @* Component *@
25922593 @helper RenderAddToCartButton(CustomAddToCartBtn settings)
2594 {
2595 if (!settings.HideTitle)
2596 {
2597 if (string.IsNullOrEmpty(settings.Title))
2598 {
2599 if (settings.BuyForPoints)
2600 {
2601 settings.Title = Translate("Buy with points");
2602 }
2603 else
2604 {
2605 settings.Title = Translate("Add to cart");
2606 }
2607 }
2608 }
2609 else
2610 {
2611 settings.Title = "";
2612 }
26132614 if (settings.Icon == null)
2615 {
2616 settings.Icon = new Icon();
2617 settings.Icon.LabelPosition = Dynamicweb.Rapido.Blocks.Components.General.IconLabelPosition.After;
2618 }
26192620 if (string.IsNullOrEmpty(settings.Icon.Name))
2621 {
2622 settings.Icon.Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon").SelectedValue;
2623 }
26242625 var errorMessage = Translate("Felaktigt antal, köp kan endast göras i jämt antal av");
26262627 settings.OnClick = "if(CheckMultiple('Quantity_" + settings.ProductId + "', '{{multiple}}'))Cart.AddToCart(event, { " +
2628 "id: '" + settings.ProductId + "'," +
2629 (!string.IsNullOrEmpty(settings.VariantId) ? "variantId: '" + settings.VariantId + "'," : "") +
2630 (!string.IsNullOrEmpty(settings.UnitId) ? "unitId: '" + settings.UnitId + "'," : "") +
2631 (settings.BuyForPoints ? "buyForPoints: true," : "") +
2632 (!string.IsNullOrEmpty(settings.ProductInfo) ? "productInfo: " + settings.ProductInfo + "," : "") +
2633 "quantity: " + (string.IsNullOrEmpty(settings.QuantitySelectorId) ? "1" : "parseFloat(document.getElementById('" + settings.QuantitySelectorId + "').value)") +
2634 "});" + settings.OnClick;
26352636 @RenderButton(settings)
2637 }
2638 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
26392640 @* Component *@
26412642 @helper RenderUnitSelector(UnitSelector settings)
2643 {
2644 if (string.IsNullOrEmpty(settings.Id))
2645 {
2646 settings.Id = Guid.NewGuid().ToString("N");
2647 }
2648 var disabledClass = settings.Disabled ? "disabled" : "";
26492650 <input type="checkbox" id="@settings.Id" class="dropdown-trigger" />
2651 <div class="dropdown unit-selector @settings.CssClass @disabledClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
2652 <label class="dropdown__header dropdown__btn dropdown__btn--unit-selector dw-mod" for="@settings.Id">@settings.SelectedOption</label>
2653 <div class="dropdown__content dw-mod">
2654 @settings.OptionsContent
2655 </div>
2656 <label class="dropdown-trigger-off" for="@settings.Id"></label>
2657 </div>
2658 }
2659 @using System.Reflection
2660 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
26612662 @* Component *@
26632664 @helper RenderQuantitySelector(QuantitySelector settings)
2665 {
2666 var attributes = new Dictionary<string, string>();
26672668 /*base settings*/
2669 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
2670 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
2671 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
2672 if (settings.Disabled) { attributes.Add("disabled", "true"); }
2673 if (settings.Required) { attributes.Add("required", "true"); }
2674 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
2675 /*end*/
26762677 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
2678 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
2679 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
2680 if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
2681 if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); }
2682 if (settings.Min == null) { settings.Min = 1; }
2683 attributes.Add("min", settings.Min.ToString());
2684 if (settings.Step != null && !string.IsNullOrEmpty(settings.Step.ToString())) { attributes.Add("step", settings.Step.ToString()); }
2685 if (settings.Value == null) { settings.Value = 1; }
2686 attributes.Add("value", settings.Value.ToString());
2687 attributes.Add("type", "number");
26882689 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
26902691 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
2692 }
2693 @using Dynamicweb.Rapido.Blocks.Components
26942695 @using Dynamicweb.Frontend
2696 @using Dynamicweb.Frontend.Devices
2697 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
2698 @using Dynamicweb.Rapido.Blocks.Components.General
2699 @using System.Collections.Generic;
27002701 @* Component *@
27022703 @helper RenderCustomerCenterList(CustomerCenterList settings)
2704 {
2705 bool isTouchDevice = Pageview.Device.ToString() == "Mobile" || Pageview.Device.ToString() == "Tablet" ? true : false;
2706 string hideActions = isTouchDevice ? "u-block" : "";
27072708 <table class="table data-list dw-mod">
2709 @if (settings.GetHeaders().Length > 0) {
2710 <thead>
2711 <tr class="u-bold">
2712 @foreach (CustomerCenterListHeaderItem header in settings.GetHeaders())
2713 {
2714 var attributes = new Dictionary<string, string>();
2715 if (!string.IsNullOrEmpty(header.Id)) { attributes.Add("id", header.Id); }
2716 if (!string.IsNullOrEmpty(header.CssClass)) { attributes.Add("class", header.CssClass); }
2717 attributes.Add("align", header.Align.ToString());
2718 attributes = attributes.Concat(header.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
27192720 <td @ComponentMethods.AddAttributes(attributes)>@header.Title</td>
2721 }
2722 </tr>
2723 </thead>
2724 }
2725 @foreach (CustomerCenterListItem listItem in settings.GetItems())
2726 {
2727 int columnCount = 0;
2728 int totalColumns = listItem.GetInfoItems().Length;
2729 string rowHasActions = listItem.GetActions().Length > 0 ? "data-list__item--has-actions" : "";
2730 listItem.Id = !string.IsNullOrEmpty(listItem.Id) ? listItem.Id : Guid.NewGuid().ToString("N");
27312732 var attributes = new Dictionary<string, string>();
2733 if (!string.IsNullOrEmpty(listItem.Title)) { attributes.Add("title", listItem.Title); };
27342735 attributes = attributes.Concat(listItem.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
2736 <tbody class="data-list__item @rowHasActions @listItem.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes)>
2737 <tr>
2738 @if (!string.IsNullOrEmpty(listItem.Title) || !string.IsNullOrEmpty(listItem.Description)) {
2739 string onClick = !string.IsNullOrEmpty(listItem.OnClick) ? "onclick=\"" + listItem.OnClick + "\"" : "";
27402741 <td rowspan="2" @onClick class="data-list__main-item dw-mod">
2742 @if (!string.IsNullOrEmpty(listItem.Title)) {
2743 <div class="u-bold">@listItem.Title</div>
2744 }
2745 @if (!string.IsNullOrEmpty(listItem.Description)) {
2746 <div>@listItem.Description</div>
2747 }
2748 </td>
2749 }
27502751 @foreach (CustomerCenterListInfoItem infoItem in listItem.GetInfoItems())
2752 {
2753 var infoAttributes = new Dictionary<string, string>();
2754 if (!string.IsNullOrEmpty(infoItem.Id)) { infoAttributes.Add("id", infoItem.Id); };
2755 if (!string.IsNullOrEmpty(infoItem.OnClick)) { infoAttributes.Add("onclick", infoItem.OnClick); };
2756 infoAttributes.Add("align", infoItem.Align.ToString());
27572758 infoAttributes = infoAttributes.Concat(infoItem.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
2759 string columnClick = columnCount < (totalColumns-1) && !string.IsNullOrEmpty(listItem.OnClick) ? "onclick=\"" + listItem.OnClick + "\"" : "";
27602761 <td @ComponentMethods.AddAttributes(infoAttributes) @columnClick class="data-list__info-item dw-mod">
2762 @if (!string.IsNullOrEmpty(infoItem.Title)) {
2763 <div>@infoItem.Title</div>
2764 }
2765 @if (!string.IsNullOrEmpty(infoItem.Subtitle)) {
2766 <div><small>@infoItem.Subtitle</small></div>
2767 }
2768 </td>
27692770 columnCount++;
2771 }
2772 </tr>
2773 <tr>
2774 <td colspan="7" align="right" class="u-va-bottom u-no-border">
2775 <div class="data-list__actions @hideActions dw-mod" id="ActionsMenu_@listItem.Id">
2776 @foreach (ButtonBase action in listItem.GetActions())
2777 {
2778 action.ButtonLayout = ButtonLayout.LinkClean;
2779 action.Icon.CssClass += " u-full-height";
2780 action.CssClass += " data-list__action-button link";
27812782 @Render(action)
2783 }
2784 </div>
2785 </td>
2786 </tr>
2787 </tbody>
2788 }
2789 </table>
2790 }
27912792 @* Include the Blocks for the page *@
2793 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
2794 @using Dynamicweb.Core
2795 @using System
2796 @using System.Web
2797 @using System.Collections.Generic
2798 @using Dynamicweb.Rapido.Blocks
27992800 @{
2801 BlocksPage productListProductsBlocksPage = BlocksPage.GetBlockPage("ProductList");
28022803 Block productsBlock = new Block
2804 {
2805 Id = "Views",
2806 SortId = 30,
2807 Template = RenderProducts()
2808 };
28092810 productListProductsBlocksPage.Add("ProductList", productsBlock);
2811 }
28122813 @helper RenderProducts()
2814 {
2815 @*This is part of a script template *@
28162817 <div id="ProductsContainer" data-template="{{listTemplate}}" class="grid product-list grid--external-bleed-x dw-mod grid--align-content-start" data-save-cookie="true">
2818 {{#ProductsContainer}}
2819 {{> (lookup . 'template') }}
2820 {{/ProductsContainer}}
2821 </div>
2822 }
282328242825 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
2826 @using Dynamicweb.Core
2827 @using System
2828 @using System.Web
2829 @using System.Collections.Generic
2830 @using Dynamicweb.Rapido.Blocks
2831 @using Dynamicweb.Rapido.Blocks.Components
2832 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
2833 @using Dynamicweb.Rapido.Blocks.Components.General
2834 @using Dynamicweb.Rapido.Services
2835 @using Nevotex.Data.Entities
28362837 @functions {
2838 BlocksPage gridViewPage = BlocksPage.GetBlockPage("ProductList");
2839 Dynamicweb.Frontend.ItemViewModel gridViewSettings = null;
2840 }
28412842 @if (true)
2843 {
2844 //gridViewSettings = Pageview.AreaSettings.GetItem("ProductList").GetItem("GridView");
28452846 BlocksPage gridViewPage = BlocksPage.GetBlockPage("ProductList");
28472848 gridViewPage.Add("Views", new Block
2849 {
2850 Id = "ProductGridItemContainer",
2851 Name = "th",
2852 SortId = 20
2853 });
28542855 Block gridViewScripts = new Block
2856 {
2857 Id = "GridViewScripts",
2858 SortId = 20,
2859 Template = GridView(),
2860 BlocksList = new List<Block> {
2861 new Block
2862 {
2863 Id = "GridViewItem",
2864 SortId = 10,
2865 Template = RenderGridViewItem(),
2866 SkipRenderBlocksList = true,
2867 BlocksList = new List<Block> {
2868 new Block
2869 {
2870 Id = "GridViewItemHiddenProperties",
2871 SortId = 10,
2872 Template = RenderGridViewItemHiddenProperties()
2873 },
2874 new Block
2875 {
2876 Id = "GridViewItemImageContainer",
2877 SortId = 20,
2878 SkipRenderBlocksList = true,
2879 Template = RenderGridViewItemImageContainer(),
2880 BlocksList = new List<Block> {
2881 new Block
2882 {
2883 Id = "GridViewItemImage",
2884 SortId = 10,
2885 Template = RenderGridViewItemImage()
2886 },
2887 new Block
2888 {
2889 Id = "GridViewItemStickers",
2890 SortId = 20,
2891 Template = RenderGridViewItemStickers()
2892 }
2893 }
2894 },
2895 new Block
2896 {
2897 Id = "GridViewItemInfoContainer",
2898 SortId = 30,
2899 SkipRenderBlocksList = true,
2900 Template = RenderGridViewItemInfoContainer(),
2901 BlocksList = new List<Block> {
2902 new Block
2903 {
2904 Id = "GridViewItemTitle",
2905 SortId = 10,
2906 Template = RenderGridViewItemTitle()
2907 }
2908 }
2909 },
2910 new Block
2911 {
2912 Id = "GridViewItemFooter",
2913 SortId = 40,
2914 SkipRenderBlocksList = true,
2915 Template = RenderGridViewItemFooter(),
2916 BlocksList = new List<Block> {
2917 new Block
2918 {
2919 Id = "GridViewItemActions",
2920 SortId = 10,
2921 Template = RenderGridViewItemActions()
2922 }
2923 }
2924 }
2925 }
2926 }
2927 }
2928 };
292929302931293229332934 gridViewPage.Add("BottomSnippets", gridViewScripts);
29352936 //favorites
2937 bool gridViewShowFavoriteButton = true;
29382939 if (gridViewShowFavoriteButton)
2940 {
2941 gridViewPage.Add("GridViewItemImageContainer", new Block
2942 {
2943 Id = "GridViewItemFavorites",
2944 SortId = 30,
2945 Template = RenderGridViewItemFavorites()
2946 });
2947 }
29482949 //number
2950 bool gridViewShowNumber = true;
29512952 if (gridViewShowNumber)
2953 {
2954 gridViewPage.Add("GridViewItemInfoContainer", new Block
2955 {
2956 Id = "GridViewItemNumber",
2957 SortId = 20,
2958 Template = RenderGridViewItemNumber()
2959 });
2960 }
29612962296329642965 //price
2966 bool gridViewShowPrice = true;
2967 if (gridViewShowPrice && Dynamicweb.Rapido.Services.User.IsPricesAllowed())
2968 {
2969 gridViewPage.Add("GridViewItemInfoContainer", new Block
2970 {
2971 Id = "GridViewItemPrice",
2972 SortId = 30,
2973 Template = RenderGridViewItemPrice()
2974 });
2975 }
29762977 //stock
2978 bool gridViewShowStock = false;
29792980 if (User.IsStockInfoAllowed() && gridViewShowStock)
2981 {
2982 gridViewPage.Add("GridViewItemFooter", new Block
2983 {
2984 Id = "GridViewItemStockAndDelivery",
2985 SortId = 20,
2986 Template = RenderGridViewItemStockAndDelivery()
2987 });
2988 }
29892990 //static variants
2991 bool gridViewShowStaticVariants = false;
29922993 if (gridViewShowStaticVariants)
2994 {
2995 gridViewPage.Add("GridViewItemFooter", new Block
2996 {
2997 Id = "GridViewItemStaticVariants",
2998 SortId = 30,
2999 Template = RenderGridViewItemStaticVariants()
3000 });
3001 }
30023003 //download button
3004 bool gridViewShowAddToDownloadButton = false;
30053006 if (gridViewShowAddToDownloadButton && Pageview.User != null)
3007 {
3008 gridViewPage.Add("GridViewItemFooter", new Block
3009 {
3010 Id = "GridViewItemDownloadButton",
3011 SortId = 40,
3012 Template = RenderGridViewItemDownloadButton()
3013 });
3014 }
3015 }
30163017 @helper GridView()
3018 {
3019 int columnsCount = 3;
3020 string imageZoomOnHover = "image-hover--zoom";
30213022 <script id="ProductGridItemContainer" type="text/x-template">
3023 {{#.}}
3024 <div id="Product{{id}}" data-template="GridViewItem" data-preloader="overlay" class="grid__col-lg-{{columnCss}} grid__col-md-{{columnCss}} grid__col-sm-{{columnCss}} grid__col-xs-6 product-list__grid-item @imageZoomOnHover dw-mod">
3025 {{#Product}}
3026 {{>GridViewItem}}
3027 {{/Product}}
3028 </div>
3029 {{/.}}
3030 </script>
3031 }
30323033 @helper RenderGridViewItem()
3034 {
3035 List<Block> subBlocks = gridViewPage.GetBlockListById("GridViewItem");
30363037 <script id="GridViewItem" type="text/x-template">
3038 {{#.}}
3039 <div class="grid__col--auto js-product-scroll-trigger u-no-padding u-full-height" data-params="{{googleImpression}}">
3040 @RenderBlockList(subBlocks)
3041 </div>
3042 {{/.}}
3043 </script>
3044 }
30453046 @helper RenderGridViewItemHiddenProperties()
3047 {
3048 <input type="hidden" name="ProductLoopCounter{{id}}" value="{{id}}" />
3049 <input type="hidden" name="ProductID{{id}}" value="{{productId}}" />
3050 <input type="hidden" name="VariantID{{id}}" value="{{variantid}}" id="Variant_{{id}}" />
3051 <input type="hidden" name="UnitID{{id}}" value="{{unitId}}" id="Unit_{{id}}" />
3052 <input type="hidden" name="Quantity{{id}}" value="1" id="Quantity_{{id}}" />
3053 }
30543055 @helper RenderGridViewItemImageContainer()
3056 {
3057 List<Block> subBlocks = gridViewPage.GetBlockListById("GridViewItemImageContainer");
30583059 <div class="grid__cell product-list__grid-item__image dw-mod {{imageBorder}} {{noImage}}">
3060 @RenderBlockList(subBlocks)
3061 </div>
3062 }
30633064 @helper RenderGridViewItemImage()
3065 {
3066 bool secondaryImage = false;
30673068 <a href="{{link}}"
3069 onclick="{{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}"
3070 title="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}"
3071 class="u-block u-position-relative image-hover__wrapper dw-mod">
3072 <img width="168" height="168" class="grid__cell-img grid__cell-img--centered u-padding {{imgPadding}} b-lazy" src="/Files/Images/placeholder.gif"
3073 data-src="/Admin/Public/GetImage.ashx?width=300&height=300&crop={{cropMode}}&Compression=75&FillCanvas=true&DoNotUpscale=true&image={{image}}"
3074 @if (secondaryImage) { <text>
3075 {{#if secondaryImage}}
3076 data-secondary-image-src="/Admin/Public/GetImage.ashx?width=300&height=300&crop=5&Compression=75&FillCanvas=true&DoNotUpscale=true&image={{secondaryImage}}"
3077 {{/if}}
3078 </text> }
3079 alt="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}" />
3080 </a>
3081 }
30823083 @helper RenderGridViewItemStickers()
3084 {
3085 <text>
3086 {{#StickersContainers}}
3087 {{>StickersContainer}}
3088 {{/StickersContainers}}
3089 </text>
3090 }
30913092 @helper RenderGridViewItemFavorites()
3093 {
3094 <div class="favorites favorites--for-grid-view u-pull--right {{hasVariants}} dw-mod" {{hasVariants}}>
3095 {{#Favorite}}
3096 {{>FavoriteTemplate}}
3097 {{/Favorite}}
3098 </div>
3099 }
31003101 @helper RenderGridViewItemInfoContainer()
3102 {
3103 List<Block> subBlocks = gridViewPage.GetBlockListById("GridViewItemInfoContainer");
31043105 <div class="grid__cell product-list__grid-item__price-info dw-mod {{paddingFix}} {{collectionItem}} ">
3106 @RenderBlockList(subBlocks)
3107 </div>
3108 }
31093110 @helper RenderGridViewItemTitle()
3111 {
3112 <a href="{{link}}" class="u-color-inherit" onclick="{{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}" title="{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}">
3113 <h6 class=" u-bold">{{{name}}}{{#if variantName}}, {{variantName}}{{/if}}</h6>
3114 </a>
3115 }
31163117 @helper RenderGridViewItemNumber()
3118 {
3119 <div class="item-number dw-mod {{displayCss}} {{hideArticleNumberCss}} ">@Translate("ArtNr", "Art. nr"): {{number}} </div>
31203121 if (Dynamicweb.Frontend.PageView.Current().Device != Dynamicweb.Frontend.Devices.DeviceType.Mobile)
3122 {
3123 // login to see price
3124 bool userLoggedIn = Dynamicweb.Security.UserManagement.User.IsExtranetUserLoggedIn();
31253126 if (!userLoggedIn && (Pageview.AreaID == 21 || Pageview.AreaID == 24 || Pageview.AreaID == 25))
3127 {
3128 <div class="u-ta-left dw-mod {{displayCss}}">
3129 <label for="SignInModalTrigger" class="item-number sign-in-modal-trigger-button" onclick="setTimeout(function () { document.getElementById('LoginUsername').focus() }, 10)">
3130 @Translate("Logga_in_for_pris_och_kop")
3131 </label>
3132 </div>
3133 }
3134 }
3135 }
31363137313831393140 @helper RenderGridViewItemPrice()
3141 {
3142 int columnsCount = 4;
3143 bool pointShopOnly = false;
3144 bool showCartButton = false;
3145 bool showVATPrice = false;
3146 bool isPricesWithVATEnabled = Dynamicweb.Ecommerce.Common.Context.DisplayPricesWithVat;
31473148 if (pointShopOnly)
3149 {
3150 <text>
3151 {{#if havePointPrice}}
3152 <div class="price price--product-list dw-mod">{{points}} @Translate("points")</div>
3153 @if (showCartButton)
3154 {
3155 <text>
3156 {{#unless canBePurchasedWithPoints}}
3157 <small class="help-text u-no-margin">@Translate("Not enough points to buy this")</small>
3158 {{/unless}}
3159 </text>
3160 }
3161 {{else}}
3162 @Translate("Not available")
3163 {{/if}}
3164 </text>
31653166 }
3167 else
3168 {
3169 <div class="price price--product-list dw-mod">{{price}}</div>
3170 <div class="before-price {{onSale}} dw-mod">{{discount}}</div>
3171 if (showVATPrice)
3172 {
3173 <div class="vat-price vat-price--product-list u-margin-top dw-mod">
3174 @if (columnsCount <= 4)
3175 {
3176 if (isPricesWithVATEnabled)
3177 {
3178 <span>@Translate("excl. VAT")</span><span> ({{priceWithoutVAT}})</span>
3179 }
3180 else
3181 {
3182 <span>@Translate("incl. VAT")</span><span> ({{priceWithVAT}})</span>
3183 }
3184 }
3185 else
3186 {
3187 if (isPricesWithVATEnabled)
3188 {
3189 <div>@Translate("excl. VAT")</div><div>({{priceWithoutVAT}})</div>
3190 }
3191 else
3192 {
3193 <div>@Translate("incl. VAT")</div><div>({{priceWithVAT}})</div>
3194 }
3195 }
3196 </div>
3197 }
3198 <text>
3199 {{#if priceRRP}}
3200 <div><small>@Translate("RRP") {{priceRRP}}</small></div>
3201 {{/if}}
3202 </text>
3203 }
3204 }
32053206 @helper RenderGridViewItemFooter()
3207 {
3208 List<Block> subBlocks = gridViewPage.GetBlockListById("GridViewItemFooter");
3209 bool showStaticVariants = false;
32103211 <div class="product-list__grid-item__footer dw-mod {{displayCss}}">
3212 @RenderBlockList(subBlocks)
3213 </div>
3214 }
32153216 @helper RenderGridViewItemViewButton()
3217 {
3218 string viewMoreText = "View";
32193220 @Render(new Link
3221 {
3222 Href = "{{link}}",
3223 Id = "CartButton_{{id}}",
3224 Title = Translate(viewMoreText),
3225 OnClick = "{{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}",
3226 ButtonLayout = ButtonLayout.Secondary,
3227 CssClass = "u-no-margin"
3228 });
3229 }
32303231 @helper RenderGridViewItemAddToCart()
3232 {
3233 bool pointShopOnly = false;
3234 string wrapperClass = "buttons-collection--center";
3235 int columnsCount = 4;
3236 bool hideButtonText = columnsCount >= 4 || Pageview.Device.ToString() == "Mobile" || Pageview.Device.ToString() == "Tablet";
32373238 if (pointShopOnly && columnsCount <= 4)
3239 {
3240 hideButtonText = false;
3241 }
32423243 var addToCartBtn = new CustomAddToCart
3244 {
3245 WrapperCssClass = wrapperClass,
3246 AddButton = new CustomAddToCartBtn
3247 {
3248 HideTitle = hideButtonText,
3249 ProductId = "{{productId}}",
3250 VariantId = "{{variantid}}",
3251 UnitId = "{{unitId}}",
3252 ProductInfo = "{{productInfo}}",
3253 BuyForPoints = pointShopOnly,
3254 OnClick = "{{facebookPixelAction}}",
3255 ExtraAttributes = new Dictionary<string, string>
3256 {
3257 { "{{disabledBuyButton}}", "" }
3258 }
3259 }
3260 };
32613262 if (!pointShopOnly)
3263 {
3264 addToCartBtn.QuantitySelector = new QuantitySelector
3265 {
3266 Id = "Quantity{{id}}"
3267 };
3268 }
32693270 @Render(addToCartBtn)
3271 }
32723273 @helper RenderGridViewItemActions()
3274 {
3275 bool showCartButton = false;
3276 bool showViewButton = true;
32773278 if (Dynamicweb.Rapido.Services.User.IsBuyingAllowed())
3279 {
3280 if (showCartButton)
3281 {
3282 if (!showViewButton)
3283 {
3284 <text>{{#if hideAddToCartButton}}</text>
3285 <div>@RenderGridViewItemViewButton()</div>
3286 <text>{{else}}</text>
3287 @RenderGridViewItemAddToCart()
3288 <text>{{/if}}</text>
3289 }
3290 else
3291 {
3292 @RenderGridViewItemAddToCart()
3293 }
3294 }
3295 else if (showViewButton)
3296 {
3297 <div>@RenderGridViewItemViewButton()</div>
3298 }
3299 }
3300 else if (showViewButton)
3301 {
3302 <div>@RenderGridViewItemViewButton()</div>
3303 }
3304 }
33053306 @helper RenderGridViewItemStockAndDelivery()
3307 {
3308 <text>{{#if stockText}}</text>
3309 <div class="u-margin-top">
3310 <div><span class="stock-icon {{stockState}} u-no-margin dw-mod" title="{{stockText}}"></span> {{stockText}}</div>
3311 <div>
3312 {{#if deliveryText}}
3313 {{deliveryText}}
3314 {{else}}
3315 -
3316 {{/if}}
3317 </div>
3318 </div>
3319 <text>{{/if}}</text>
3320 }
33213322 @helper RenderGridViewItemStaticVariants()
3323 {
3324 string variantsSize = "sm";
33253326 <text>
3327 {{#Variants}}
3328 @if (variantsSize == "lg")
3329 {
3330 <text>
3331 {{>StaticVariantsLgTemplate}}
3332 </text>
3333 }
3334 else
3335 {
3336 <text>
3337 {{>StaticVariantsTemplate}}
3338 </text>
3339 }
3340 {{/Variants}}
33413342 {{#ifCond variantGroupsCount '>' 1}}
3343 <div class="static-variant">
3344 @Translate("More options available")
3345 </div>
3346 {{/ifCond}}
33473348 {{#ifCond variantGroupsCount '==' 0}}
3349 <div class="static-variant"></div>
3350 {{/ifCond}}
3351 </text>
3352 }
33533354 @helper RenderGridViewItemDownloadButton()
3355 {
3356 <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}}">
3357 @Render(new Icon { Prefix = "fas", Name = "fa-plus", CssClass = "js-button-icon" })
3358 <span class="js-button-text">@Translate("Add")</span>
3359 </button>
3360 }
33613362 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
3363 @using Dynamicweb.Core
3364 @using System
3365 @using System.Web
3366 @using System.Collections.Generic
3367 @using Dynamicweb.Rapido.Blocks
33683369 @{
3370 /*
3371 BlocksPage productListPromotionsBlocksPage = BlocksPage.GetBlockPage("ProductList");
33723373 Block productListPromotions = new Block
3374 {
3375 Id = "Promotions",
3376 SortId = 10,
3377 Template = RenderProductListPromotions()
3378 };
3379 productListPromotionsBlocksPage.Add("PageContainer", productListPromotions);
3380 */
3381 }
33823383 @helper RenderProductListPromotions()
3384 {
3385 @*This is part of a script template *@
33863387 //string listId = HttpContext.Current.Request.QueryString.Get("ListID");
3388 //bool isFavoriteList = !string.IsNullOrEmpty(listId);
3389 string smallDeviceCss = "";
33903391 if (false)
3392 {
3393 switch ("Disable")
3394 {
3395 case "OnlyText":
3396 <article class="grid__col-12 u-margin-bottom @smallDeviceCss">
3397 <h1>{{groupName}}</h1>
3398 {{{groupDescription}}}
3399 {{#ifCond groupPromotionLink "!==" ""}}
3400 <div>
3401 <a href="{{groupPromotionLink}}" class="btn btn--primary">{{groupPromotionLinkText}}</a>
3402 </div>
3403 {{/ifCond}}
3404 </article>
3405 break;
3406 case "TextAndImage":
3407 <article class="grid__col-12 u-margin-bottom @smallDeviceCss">
3408 <div class="grid grid--bleed">
3409 <div class="grid__col-md-6">
3410 <h1>{{groupName}}</h1>
3411 {{{groupDescription}}}
3412 {{#ifCond groupPromotionLink "!==" ""}}
3413 <div>
3414 <a href="{{groupPromotionLink}}" class="btn btn--primary">{{groupPromotionLinkText}}</a>
3415 </div>
3416 {{/ifCond}}
3417 </div>
3418 {{#ifCond groupPromotionImage "!==" ""}}
3419 <div class="grid__col-md-6">
3420 <img src="/Admin/Public/GetImage.ashx?width=600&crop=5&Compression=75&DoNotUpscale=true&image={{groupPromotionImage}}" alt="{{groupName}}" class="background-image__cover" />
3421 </div>
3422 {{/ifCond}}
3423 </div>
3424 </article>
3425 break;
3426 case "Banner":
3427 <text>
3428 {{#ifCond groupPromotionImage "!==" ""}}
3429 <article class="grid__col-12 u-margin-bottom @smallDeviceCss">
3430 <div class="u-color-light grid center-container center-container--with-background-image grid__col--bg" style="background-image:url('{{groupPromotionImage}}');">
3431 <div class="grid__col-12 u-middle">
3432 <div class="grid__cell">
3433 {{{groupDescription}}}
3434 {{#ifCond groupPromotionLink "!==" ""}}
3435 <div>
3436 <a href="{{groupPromotionLink}}" class="btn btn--primary">{{groupPromotionLinkText}}</a>
3437 </div>
3438 {{/ifCond}}
3439 </div>
3440 </div>
3441 </div>
3442 </article>
3443 {{/ifCond}}
3444 </text>
3445 break;
3446 }
3447 }
3448 }
3449 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
3450 @using Dynamicweb.Core
3451 @using System
3452 @using System.Web
3453 @using System.Collections.Generic
3454 @using Dynamicweb.Rapido.Blocks
34553456 @{
3457 BlocksPage productListMenuBlocksPage = BlocksPage.GetBlockPage("ProductList");
34583459 if (Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet" &&
3460 Converter.ToString(Pageview.Page.PropertyItem["LeftMenu"]) == "True" &&
3461 Pageview.Page.NavigationSettings != null &&
3462 Pageview.Page.NavigationSettings.UseEcomGroups) {
34633464 Block productListMenuBlock = new Block
3465 {
3466 Id = "Menu",
3467 SortId = 20,
3468 Template = RenderProductListMenu()
3469 };
34703471 productListMenuBlocksPage.Add("Navigation", productListMenuBlock);
3472 }
3473 }
34743475 @helper RenderProductListMenu()
3476 {
3477 var navigationMarkup = RenderNavigation(new
3478 {
3479 id = "leftnav",
3480 cssclass = "dwnavigation",
3481 startLevel = 1,
3482 endlevel = 5,
3483 template = "LeftNavigation.xslt",
3484 mode = "ecom"
3485 });
34863487 <h2 class="u-margin-bottom">@Translate("Product categories")</h2>
34883489 <div class="u-padding-bottom--lg">
3490 @navigationMarkup
3491 </div>
3492 }
3493 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
3494 @using Dynamicweb.Core
3495 @using System
3496 @using System.Web
3497 @using System.Collections.Generic
3498 @using Dynamicweb.Rapido.Blocks
3499 @using Dynamicweb.Rapido.Blocks.Components.General
35003501 @{
3502 BlocksPage productListFacetsBlocksPage = BlocksPage.GetBlockPage("ProductList");
3503 string facetsBlockViewMode = "left";
35043505 if (facetsBlockViewMode == "left" && Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet")
3506 {
3507 Block facetsBlock = new Block
3508 {
3509 Id = "Facets",
3510 SortId = 30,
3511 Template = RenderProductListFacets()
3512 };
3513 productListFacetsBlocksPage.Add("Navigation", facetsBlock);
3514 }
35153516 if (facetsBlockViewMode == "top" || Pageview.Device.ToString() == "Mobile" || Pageview.Device.ToString() == "Tablet")
3517 {
3518 Block facetsBlock = new Block
3519 {
3520 Id = "Facets",
3521 SortId = 10,
3522 Template = RenderProductListTopFacets()
3523 };
3524 productListFacetsBlocksPage.Add("ProductList", facetsBlock);
3525 }
35263527 Block facetSelections = new Block
3528 {
3529 Id = "FacetSelections",
3530 SortId = 20,
3531 Template = RenderFacetSelections()
3532 };
3533 productListFacetsBlocksPage.Add("ProductList", facetSelections);
35343535 Block checkboxFacetTemplate = new Block
3536 {
3537 Id = "CheckboxFacet",
3538 SortId = 30,
3539 Template = RenderCheckboxFacets()
3540 };
3541 productListFacetsBlocksPage.Add("BottomSnippets", checkboxFacetTemplate);
35423543 Block RangeFacetTemplate = new Block
3544 {
3545 Id = "RangeFacet",
3546 SortId = 90,
3547 Template = RenderRangeFacets()
3548 };
3549 productListFacetsBlocksPage.Add("BottomSnippets", RangeFacetTemplate);
35503551 Block tagsFacetTemplate = new Block
3552 {
3553 Id = "TagsFacet",
3554 SortId = 40,
3555 Template = RenderTagsFacets()
3556 };
3557 productListFacetsBlocksPage.Add("BottomSnippets", tagsFacetTemplate);
35583559 Block colorsFacetTemplate = new Block
3560 {
3561 Id = "ColorFacet",
3562 SortId = 50,
3563 Template = RenderColorFacets()
3564 };
3565 productListFacetsBlocksPage.Add("BottomSnippets", colorsFacetTemplate);
35663567 Block selectedFilter = new Block
3568 {
3569 Id = "SelectedFilter",
3570 SortId = 60,
3571 Template = RenderSelectedFilter()
3572 };
3573 productListFacetsBlocksPage.Add("BottomSnippets", selectedFilter);
35743575 Block selectedRangeFilter = new Block
3576 {
3577 Id = "SelectedRangeFilter",
3578 SortId = 60,
3579 Template = RenderSelectedRangeFilter()
3580 };
3581 productListFacetsBlocksPage.Add("BottomSnippets", selectedRangeFilter);
358235833584 Block selectedColorFilter = new Block
3585 {
3586 Id = "SelectedColorFilter",
3587 SortId = 70,
3588 Template = RenderSelectedColorFilter()
3589 };
3590 productListFacetsBlocksPage.Add("BottomSnippets", selectedColorFilter);
35913592 Block resetFilters = new Block
3593 {
3594 Id = "ResetFilters",
3595 SortId = 80,
3596 Template = RenderResetFilters()
3597 };
3598 productListFacetsBlocksPage.Add("BottomSnippets", resetFilters);
3599 }
36003601 @helper RenderFacetSelections()
3602 {
3603 @*This is part of a script template *@
3604 <text>
3605 {{#if FacetSelections}}
3606 <div class="buttons-collection u-margin-bottom" id="selectedFacets">
3607 {{#FacetSelections}}
3608 {{>(lookup . 'template')}}
3609 {{/FacetSelections}}
3610 </div>
3611 {{/if}}
3612 </text>
3613 }
36143615 @helper RenderProductListFacets()
3616 {
3617 var facetSettings = Pageview.AreaSettings.GetItem("ProductList").GetItem("Facets");
3618 string boxDisplay = facetSettings.GetList("BoxDisplay") != null ? facetSettings.GetList("BoxDisplay").SelectedValue : "scroll";
36193620 string facetMoreClass = (boxDisplay == "view-more" ? "facets-container__list--more" : "");
36213622 @*This is part of a script template *@
36233624 <input type="checkbox" id="CheckFacetGroups" class="js-remember-state u-hidden" data-expand="CheckFacetGroups" />
3625 <div class="facets-container facets-container--left expandable--collapsed dw-mod" data-trigger="CheckFacetGroups">
3626 {{#FacetGroups}}
3627 <input type="checkbox" id="OptionsGroup_{{name}}" class="expand-trigger js-remember-state" {{defaultState}} />
36283629 <div class="expand-container facets-container__box dw-mod js-filter">
3630 <label class="expand-container__btn facets-container__header dw-mod" for="OptionsGroup_{{name}}">{{name}}</label>
3631 <div class="expand-container__content js-facet-container dw-mod" data-input="OptionsGroup_{{name}}">
36323633 {{#ifCond template "===" "Checkboxes"}}
3634 <div class="facets-container__search {{showFilter}} dw-mod">
3635 <input type="text" class="u-full-width u-no-margin" onkeyup="Filter.FilterItems(event)" placeholder="@Translate("Search")" />
3636 </div>
3637 {{/ifCond}}
36383639 <div id="facetList{{name}}" class="x {{template}} facets-container__list @facetMoreClass dw-mod">
3640 {{#FacetOptions}}
3641 {{#ifCond template "===" "Checkboxes"}}
3642 {{>Checkboxes}}
3643 {{/ifCond}}
3644 {{#ifCond template "===" "Range"}}
3645 {{>Range}}
3646 {{/ifCond}}
3647 {{#ifCond template "===" "Weight"}}
3648 {{>Checkboxes}}
3649 {{/ifCond}}
3650 {{#ifCond template "===" "Tags"}}
3651 {{>Tags}}
3652 {{/ifCond}}
3653 {{#ifCond template "===" "Colors"}}
3654 {{>Colors}}
3655 {{/ifCond}}
3656 {{/FacetOptions}}
3657 <div class="u-hidden js-filter-not-found">
3658 @Translate("Your search gave 0 results")
3659 </div>
3660 </div>
36613662 @if (boxDisplay == "view-more")
3663 {
3664 <div class="facets-container__more js-facet-expand">
3665 @Render(new Button
3666 {
3667 Title = "<span class=js-facet-trigger-text>" + Translate("View more") + "</span>",
3668 ButtonType = ButtonType.Button,
3669 ButtonLayout = ButtonLayout.Clean,
3670 CssClass = "facets-container__more-button js-facet-trigger u-flex u-no-margin u-full-width",
3671 OnClick = "Facets.ExpandToggle(this)",
3672 ExtraAttributes = new Dictionary<string, string>{
3673 {"data-target", "facetList{{name}}"},
3674 {"data-toggle-text", Translate("Show less")},
3675 },
3676 Icon = new Icon
3677 {
3678 Prefix = "fal",
3679 Name = "fa-angle-down",
3680 }
3681 })
3682 </div>
3683 }
3684 </div>
3685 </div>
3686 {{/FacetGroups}}
3687 </div>
3688 <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>
3689 <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>
3690 }
36913692 @helper RenderProductListTopFacets()
3693 {
3694 @*This is part of a script template *@
3695 <input type="checkbox" id="CheckFacetGroups" class="js-remember-state u-hidden" data-expand="CheckFacetGroups" />
3696 <div class="grid grid--external-bleed dw-mod expandable--collapsed facets-container facets-container--top u-margin-bottom" data-trigger="CheckFacetGroups">
3697 @if (Pageview.Device.ToString() == "Mobile")
3698 {
3699 string dropdownCssClass = Pageview.Device.ToString() == "Mobile" ? "u-flex-grow--1" : "";
37003701 <div class="grid__col-lg-3 grid__col-md-3 grid__col-sm-4 grid__col-xs-12">
3702 <input type="checkbox" id="ProductSort" class="dropdown-trigger" />
3703 <div class="dropdown u-inline-block @dropdownCssClass dw-mod">
3704 <label class="dropdown__header dropdown__btn dropdown__btn--small dw-mod" for="ProductSort">{{selectedSort}}</label>
3705 <div class="dropdown__content dw-mod">
3706 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: '', SortOrder: '' }, true);">@Translate("Default")</div>
3707 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'Created', SortOrder: 'DESC'}, true);">@Translate("Newest")</div>
3708 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'NameForSort', SortOrder: 'ASC'}, true);">@Translate("Name A - Z")</div>
3709 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'NameForSort', SortOrder: 'DESC'}, true);">@Translate("Name Z - A")</div>
3710 @if (Dynamicweb.Rapido.Services.User.IsPricesAllowed())
3711 {
3712 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'Price', SortOrder: 'ASC' }, true);">@Translate("Price low - high")</div>
3713 <div class="dropdown__item" onclick="HandlebarsBolt.UpdateQueryParameters('productList', { SortBy: 'Price', SortOrder: 'DESC' }, true);">@Translate("Price high - low")</div>
3714 }
3715 </div>
3716 <label class="dropdown-trigger-off" for="ProductSort"></label>
3717 </div>
3718 </div>
3719 }
37203721 {{#FacetGroups}}
3722 <div class="grid__col-lg-3 grid__col-md-3 grid__col-sm-4 grid__col-xs-12">
3723 <input type="checkbox" id="OptionsGroup_{{counter}}" class="dropdown-trigger" />
3724 <div class="dropdown dw-mod js-filter">
3725 <label class="dropdown__header dropdown__btn dw-mod" for="OptionsGroup_{{counter}}">{{name}}</label>
3726 <div class="dropdown__content dropdown__content--padding dw-mod">
3727 <div class="u-margin-bottom {{showFilter}}">
3728 <input type="text" class="u-full-width u-no-margin" onkeyup="Filter.FilterItems(event)" placeholder="@Translate("Search")" />
3729 </div>
3730 {{#FacetOptions}}
3731 {{#ifCond template "===" "Checkboxes"}}
3732 {{>Checkboxes}}
3733 {{/ifCond}}
3734 {{#ifCond template "===" "Range"}}
3735 {{>Range}}
3736 {{/ifCond}}
3737 {{#ifCond template "===" "Weight"}}
3738 {{>Checkboxes}}
3739 {{/ifCond}}
3740 {{#ifCond template "===" "Tags"}}
3741 {{>Tags}}
3742 {{/ifCond}}
3743 {{#ifCond template "===" "Colors"}}
3744 {{>Colors}}
3745 {{/ifCond}}
3746 {{/FacetOptions}}
3747 <div class="u-hidden js-filter-not-found">
3748 @Translate("Your search gave 0 results")
3749 </div>
3750 </div>
3751 <label class="dropdown-trigger-off" for="OptionsGroup_{{counter}}"></label>
3752 </div>
3753 </div>
3754 {{/FacetGroups}}
3755 </div>
3756 <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>
3757 <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>
3758 }
37593760 @helper RenderCheckboxFacets()
3761 {
3762 <script id="Checkboxes" type="text/x-template">
3763 <div class="form__field-group u-no-margin dw-mod">
3764 <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}}>
3765 <label class="{{disabled}} checkbox-facet dw-mod" data-filter-value="{{label}}" for="{{queryParameter}}{{value}}">
3766 <span class="checkbox-facet__label dw-mod">{{label}}</span>
3767 <span class="checkbox-facet__count dw-mod">{{#if showCount}}({{count}}){{/if}}</span>
3768 </label>
3769 </div>
3770 </script>
3771 }
37723773 @helper RenderRangeFacets()
3774 {
3775 var queryParameterFrom = string.Empty;
3776 var queryParameterTo = string.Empty;
37773778 if (!string.IsNullOrWhiteSpace(Dynamicweb.Context.Current.Request.QueryString["Bredd_From"]) && !string.IsNullOrWhiteSpace(Dynamicweb.Context.Current.Request.QueryString["Bredd_To"]))
3779 {
3780 queryParameterFrom = Dynamicweb.Context.Current.Request.QueryString["Bredd_From"];
3781 queryParameterTo = Dynamicweb.Context.Current.Request.QueryString["Bredd_To"];
37823783 }
37843785 <script id="Range" type="text/x-template">
3786 <div class="form__field-group u-no-margin dw-mod" >
3787 <div class="rangeInputContainer">
3788 <span id="from_container">
3789 <span>@Translate("Från") </span>
3790379137923793 <select id="{{queryParameter}}_From" name="{{queryParameter}}_From">
3794 {{#datalist}}
3795 <option value="{{option}}" {{fromSelected}} >{{option}}</option>
3796 {{/datalist}}
37973798 </select>
3799 </span>
3800 <span id="to_conatiner">
3801 <span>@Translate("Till") </span>
3802 <select id="{{queryParameter}}_To" name="{{queryParameter}}_To">
3803 {{#datalist}}
3804 <option value="{{option}}" {{toSelected}} >{{option}}</option>
3805 {{/datalist}}
3806 </select>
3807 </span>
38083809 </div>
3810 <div class="button_control">
3811 <input type="button" name="{{queryParameter}}" class="js-rangeFilterApply" value="@Translate("Filtrera")" onclick="Facets.UpdateFacets(this);" />
38123813 @if (!string.IsNullOrWhiteSpace(queryParameterFrom))
3814 {
38153816 }
38173818 {{#if queryParameterFrom }}
3819 <button type="button" class="btn btn--tag btn--removeFilter dw-mod" data-check="checked" onclick="Facets.UpdateFacets(this);" name="Bredd" value="[]" title="Ta bort filter">
3820 @Translate("Visa alla bredd") <i class="fal fa-times"></i>
3821 </button>
3822 {{/if}}
382338243825 </div>
3826 </div>
3827 </script>
3828 }
38293830 @helper RenderTagsFacets()
3831 {
3832 <script id="Tags" type="text/x-template">
3833 <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}}>
3834 {{label}} <span class="facets-group__counter dw-mod">({{count}})</span>
3835 </button>
3836 </script>
3837 }
38383839 @helper RenderColorFacets()
3840 {
3841 <script id="Colors" type="text/x-template">
3842 <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>
3843 </script>
3844 }
38453846 @helper RenderSelectedFilter()
3847 {
3848 <script id="SelectedFilter" type="text/x-template">
3849 <button type="button" class="btn btn--tag dw-mod" data-check="checked" onclick="Facets.UpdateFacets(this);" name="{{queryParameter}}" value="[{{value}}]" title="@Translate("Remove filter")">
3850 {{group}}: {{label}} <i class="fal fa-times"></i>
3851 </button>
3852 </script>
3853 }
38543855 @helper RenderSelectedRangeFilter()
3856 {
3857 <script id="SelectedRangeFilter" type="text/x-template">
3858 <button type="button" class="btn btn--tag dw-mod" data-check="checked" onclick="Facets.UpdateFacets(this);" name="{{name}}" value="[{{value}}]" title="@Translate("Remove filter")">
3859 {{group}}: {{queryParameterFrom}} - {{queryParameterTo}} <i class="fal fa-times"></i>
3860 </button>
3861 </script>
3862 }
38633864 @helper RenderSelectedColorFilter()
3865 {
3866 <script id="SelectedColorFilter" type="text/x-template">
3867 <button type="button" class="btn btn--tag dw-mod" data-check="checked" onclick="Facets.UpdateFacets(this);" name="{{queryParameter}}" value="[{{value}}]" title="@Translate("Remove filter")">
3868 {{group}}: <div class="btn__colorbox dw-mod" style="background-color: {{value}}"></div> <i class="fas fa-times"></i>
3869 </button>
3870 </script>
3871 }
38723873 @helper RenderResetFilters()
3874 {
3875 <script id="ResetFilters" type="text/x-template">
3876 <button type="button" class="btn btn--tag" onclick="Facets.ResetFacets();">
3877 @Translate("Reset all filters") <i class="fal fa-redo"></i>
3878 </button>
3879 </script>
3880 }
388138823883 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
3884 @using Dynamicweb.Core
3885 @using System
3886 @using System.Web
3887 @using System.Collections.Generic
3888 @using Dynamicweb.Rapido.Blocks
38893890 @{
3891 BlocksPage productListMoreBlocksPage = BlocksPage.GetBlockPage("ProductList");
38923893 Block moreBlock = new Block
3894 {
3895 Id = "More",
3896 SortId = 40,
3897 Template = RenderListMore()
3898 };
38993900 productListMoreBlocksPage.Add("ProductList", moreBlock);
3901 }
39023903 @helper RenderListMore()
3904 {
3905 @*This is part of a script template *@
3906 string groupID = HttpContext.Current.Request.QueryString.Get("groupid");
3907 string listId = HttpContext.Current.Request.QueryString.Get("ListID");
3908 bool isFavoriteList = !string.IsNullOrEmpty(listId);
3909 string moreFeedFullUrl = GetGlobalValue("Global:Pageview.Url.Raw") + "&feed=true";
3910 moreFeedFullUrl += !isFavoriteList ? "&DoNotShowVariantsAsSingleProducts=True" : "";
3911 string columnCss = Pageview.Device.ToString() == "Mobile" ? "grid__col--bleed" : "u-no-padding";
3912 <text>
3913 {{#if ProductsContainer}}
3914 <div class="grid">
3915 <div class="grid__col-12 @columnCss">
3916 <button type="button" id="LoadMoreButton" class="btn btn--primary btn--full {{nextdisabled}} dw-mod" data-current="{{currentPage}}" data-page-size="{{pageSize}}" data-total="{{totalPages}}" data-container="ProductsContainer" data-feed-url="@moreFeedFullUrl&{{loadMoreFeedParams}}" onclick="LoadMore.Next(this)" {{nextdisabled}}>@Translate("Load") {{pageSizeText}} @Translate("more")</button>
3917 <button type="button" class="btn btn--clean" onclick="window.scroll(0, 0)">@Translate("Return to top")</button>
3918 </div>
3919 </div>
3920 {{/if}}
3921 </text>
3922 }
3923 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
3924 @using Dynamicweb.Core
3925 @using System
3926 @using System.Web
3927 @using System.Collections.Generic
3928 @using Dynamicweb.Rapido.Blocks
3929 @using Dynamicweb.Rapido.Blocks.Components
3930 @using Dynamicweb.Rapido.Blocks.Components.General
39313932 @{
3933 BlocksPage productListBottomSnippetsPage = BlocksPage.GetBlockPage("ProductList");
39343935 Block productListStickers = new Block
3936 {
3937 Id = "Stickers",
3938 SortId = 10,
3939 Template = RenderStickersTemplates()
3940 };
3941 productListBottomSnippetsPage.Add("BottomSnippets", productListStickers);
39423943 Block productListUnits = new Block
3944 {
3945 Id = "Units",
3946 SortId = 20,
3947 Template = RenderUnitTemplates()
3948 };
3949 productListBottomSnippetsPage.Add("BottomSnippets", productListUnits);
39503951 Block productListVariants = new Block
3952 {
3953 Id = "Variants",
3954 SortId = 30,
3955 Template = RenderVariantTemplates()
3956 };
3957 productListBottomSnippetsPage.Add("BottomSnippets", productListVariants);
39583959 Block productListFavorites = new Block
3960 {
3961 Id = "Favorites",
3962 SortId = 40,
3963 Template = RenderFavoritesTemplates()
3964 };
3965 productListBottomSnippetsPage.Add("BottomSnippets", productListFavorites);
39663967 Block productListPreRender = new Block
3968 {
3969 Id = "PreRenders",
3970 SortId = 50,
3971 Template = RenderPreRenderTemplates()
3972 };
3973 productListBottomSnippetsPage.Add("BottomSnippets", productListPreRender);
39743975 Block productListInitializers = new Block
3976 {
3977 Id = "Initializers",
3978 SortId = 60,
3979 Template = RenderInitializers()
3980 };
3981 productListBottomSnippetsPage.Add("BottomSnippets", productListInitializers);
3982 }
398339843985 @helper RenderFavoritesTemplates()
3986 {
3987 var selectedFavoriteIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon").SelectedValue : "star";
3988 string favoriteIcon = "fas fa-" + selectedFavoriteIcon;
3989 string favoriteOutlineIcon = "fal fa-" + selectedFavoriteIcon;
3990 bool useFacebookPixel = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("FacebookPixelID"));
3991 string currentFavoriteListId = HttpContext.Current.Request.QueryString.Get("ListID");
39923993 <script id="FavoriteTemplate" type="text/x-template">
3994 <div class="favorites-list u-ta-left js-favorites-list">
3995 @Render(new Button {
3996 CssClass = "u-no-margin js-favorite-btn",
3997 Icon = new Icon
3998 {
3999 Name = "{{#if isInAnyFavoriteList}}" + favoriteIcon + "{{else}}" + favoriteOutlineIcon + "{{/if}}",
4000 CssClass = "fa-1_5x",
4001 LabelPosition = IconLabelPosition.After
4002 },
4003 ButtonLayout = ButtonLayout.LinkClean,
4004 ButtonType = ButtonType.Button,
4005 OnClick = "document.getElementById('FavoriteTrigger_{{id}}').checked = true"
4006 })
4007 <input type="checkbox" id="FavoriteTrigger_{{id}}" class="dropdown-trigger" />
4008 <div class="dropdown dropdown--position-32px">
4009 <div class="dropdown__content dropdown__content--show-left dropdown__content--padding u-w220px dw-mod">
4010 <ul class="list list--clean dw-mod">
4011 {{#FavoriteLists}}
4012 {{>FavoriteListItem}}
4013 {{/FavoriteLists}}
4014 </ul>
4015 </div>
4016 <label class="dropdown-trigger-off" for="FavoriteTrigger_{{id}}"></label>
4017 </div>
4018 </div>
4019 </script>
40204021 <script id="FavoriteListItem" type="text/x-template">
4022 <li>
4023 @{
4024 var button = new Button {
4025 CssClass = "list__link u-no-underline",
4026 OnClick = "toggleFavAction(this, event)",
4027 Icon = new Icon { Name = "{{#if isInFavoriteList}}" + favoriteIcon + "{{else}}" + favoriteOutlineIcon + "{{/if}}", LabelPosition = IconLabelPosition.After },
4028 AltText = "{{#if isInFavoriteList}}" + Translate("Remove from") + " {{name}}{{else}}" + Translate("Add to") + " {{name}}{{/if}}",
4029 Title = "{{name}}",
4030 ButtonType = ButtonType.Button,
4031 ButtonLayout = ButtonLayout.LinkClean,
4032 ExtraAttributes = new Dictionary<string, string>
4033 {
4034 { "data-list-id", "{{listId}}" },
4035 { "data-list-name", "{{name}}" },
4036 { "data-remove-link", "{{removeLink}}" },
4037 { "data-add-link", "{{addLink}}" },
4038 { "data-is-in-list", "{{isInFavoriteList}}" },
40394040 }
4041 };
4042 if (useFacebookPixel)
4043 {
4044 button.ExtraAttributes.Add("data-facebook-object", "{{facebookPixelAddAction}}");
4045 }
4046 }
4047 @Render(button)
4048 </li>
4049 </script>
40504051 <script>
4052 @if (!string.IsNullOrEmpty(currentFavoriteListId))
4053 {
4054 <text>
4055 window.currentFavoriteListId = "@currentFavoriteListId";
4056 </text>
4057 }
4058 function toggleFavAction(button, event) {
4059 if (button.getAttribute('data-add-link').indexOf('CCCreateNewList') > -1) {
4060 Scroll.SavePosition(event);
4061 @if (useFacebookPixel)
4062 {
4063 <text>
4064 fbq('track', 'AddToWishlist', JSON.parse(button.getAttribute('data-facebook-object')));
4065 </text>
4066 }
4067 location.href = button.getAttribute('data-add-link');
4068 return;
4069 }
4070 let isAdd = button.getAttribute('data-is-in-list') == "false";
4071 Request.Fetch().get(
4072 isAdd ? button.getAttribute('data-add-link') : button.getAttribute('data-remove-link'),
4073 function (result) {
4074 button.querySelector('i').className = isAdd ? '@favoriteIcon u-margin-right--lg' : '@favoriteOutlineIcon u-margin-right--lg';
4075 button.setAttribute('data-is-in-list', isAdd);
4076 button.setAttribute('title', (!isAdd ? '@Translate("Add to") ' : '@Translate("Remove from") ') + button.getAttribute('data-list-name'))
4077 let favList = button.closest('.js-favorites-list');
4078 let favBtn = favList.querySelector('.js-favorite-btn i');
4079 let isInAnyFavoriteList = favList.querySelector('[data-is-in-list=true]') != null;
4080 if (isInAnyFavoriteList) {
4081 favBtn.className = '@favoriteIcon' + ' fa-1_5x';
4082 } else {
4083 favBtn.className = '@favoriteOutlineIcon' + ' fa-1_5x';
4084 }
4085 @if (useFacebookPixel)
4086 {
4087 <text>
4088 if (isAdd) {
4089 fbq('track', 'AddToWishlist', JSON.parse(button.getAttribute('data-facebook-object')));
4090 }
4091 </text>
4092 }
4093 if (window.currentFavoriteListId != null) { //if this page is favorite list
4094 let listId = button.getAttribute("data-list-id");
4095 if (listId == window.currentFavoriteListId && !isAdd) {
4096 location.reload();
4097 }
4098 }
4099 },
4100 function () {
4101 console.error("FavoriteLists: Error in ToggleFavAction request");
4102 },
4103 false
4104 );
4105 }
4106 </script>
4107 }
41084109 @helper RenderStickersTemplates()
4110 {
4111 <script id="StickersContainer" type="text/x-template">
4112 <div class="stickers-container stickers-container--{{{convertStickerPositionToClassName Position}}} dw-mod">
4113 {{#Stickers}}
4114 {{>Sticker}}
4115 {{/Stickers}}
4116 </div>
4117 </script>
41184119 <script id="Sticker" type="text/x-template">
4120 <div class="stickers-container__tag {{CssClass}} dw-mod">{{Title}}</div>
4121 </script>
41224123 <script id="MiniSticker" type="text/x-template">
4124 <div class="stickers-container__tag stickers-container__tag--micro {{CssClass}} dw-mod">{{Title}}</div>
4125 </script>
4126 }
41274128 @helper RenderUnitTemplates()
4129 {
4130 <script id="UnitOption" type="text/x-template">
4131 <div class="dropdown__item dw-mod" onclick="HandlebarsBolt.UpdateContent(this.closest('.js-product').id, '{{link}}&feed=true&UnitID={{value}}')">{{name}}</div>
4132 </script>
4133 }
41344135 @helper RenderVariantTemplates() {
4136 <script id="VariantsTemplate" type="text/x-template">
4137 {{#.}}
4138 <div>
4139 <div>
4140 {{#VariantOptions}}
4141 {{>VariantOption}}
4142 {{/VariantOptions}}
4143 </div>
4144 </div>
4145 {{/.}}
4146 </script>
41474148 <script id="VariantOption" type="text/x-template">
4149 {{#if color}}
4150 <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>
4151 {{else}}
4152 {{#if image}}
4153 <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}}" />
4154 {{else}}
4155 <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>
4156 {{/if}}
4157 {{/if}}
4158 </script>
41594160 <script id="DropdownVariantsTemplate" type="text/x-template">
4161 {{#.}}
4162 <div>
4163 <div class="u-bold">{{name}}</div>
4164 <select id="VariantSelector_{{id}}" class="u-full-width dw-mod" name="VariantSelector_{{id}}" onchange="MatchVariants.SelectOnChange(event)" >
4165 <option>@Translate("Choose")</option>
4166 {{#VariantOptions}}
4167 {{>DropdownVariantOption}}
4168 {{/VariantOptions}}
4169 </select>
4170 </div>
4171 {{/.}}
4172 </script>
41734174 <script id="DropdownVariantOption" type="text/x-template">
4175 <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>
4176 </script>
41774178 <script id="StaticVariantsTemplate" type="text/x-template">
4179 {{#.}}
4180 {{#if isFirstGroup}}
4181 <div>
4182 {{#VariantOptions}}
4183 {{>StaticVariantOption}}
4184 {{/VariantOptions}}
4185 </div>
4186 {{/if}}
4187 {{/.}}
4188 </script>
41894190 <script id="StaticVariantOption" type="text/x-template">
4191 {{#if color}}
4192 <div class="static-variant static-variant--color dw-mod" style="background-color: {{color}}" title="{{name}}"></div>
4193 {{else}}
4194 <div class="static-variant dw-mod">{{name}} </div>
4195 {{/if}}
4196 </script>
419741984199 <script id="StaticVariantsLgTemplate" type="text/x-template">
4200 {{#.}}
4201 {{#if isFirstGroup}}
4202 <div class="padding-size-xs">
4203 {{#VariantOptions}}
4204 {{>StaticVariantLgOption}}
4205 {{/VariantOptions}}
4206 </div>
4207 {{/if}}
4208 {{/.}}
4209 </script>
42104211 <script id="StaticVariantLgOption" type="text/x-template">
4212 {{#if color}}
4213 <div class="static-variant static-variant--color static-variant--color--lg dw-mod" style="background-color: {{color}}" title="{{name}}"></div>
4214 {{else}}
4215 <div class="static-variant dw-mod">{{name}} </div>
4216 {{/if}}
4217 </script>
42184219 <script id="VariantOptionImage" type="text/x-template">
4220 <img data-variant-id="{{variantId}}" data-friends="{{friendsList}}" data-variant-group="{{groupId}}" onclick="MatchVariants.SelectThis(event)" src="/Admin/Public/GetImage.ashx?width=100&height=50&crop=5&Compression=75&image=/Images/{{image}}" alt="{{name}}" title="{{name}}" class="btn btn--tag {{disabled}} {{selected}} js-variant-option" data-check="{{selected}}" {{disabled}} />
4221 </script>
4222 }
42234224 @helper RenderPreRenderTemplates() {
4225 string facetsViewMode = !String.IsNullOrEmpty(Pageview.AreaSettings.GetItem("ProductList").GetString("FacetsViewMode")) ? Pageview.AreaSettings.GetItem("ProductList").GetString("FacetsViewMode").ToLower() : "left";
42264227 <script id="ProductPreRenderContainer" type="text/x-template">
4228 @if (facetsViewMode == "left" && Pageview.Device.ToString() != "Mobile")
4229 {
4230 <div class="grid__col-3">
4231 <div class="pre-render-element pre-render-element--xs"></div>
4232 <div class="pre-render-element pre-render-element--md"></div>
4233 <div class="pre-render-element pre-render-element--md"></div>
4234 <div class="pre-render-element pre-render-element--md"></div>
4235 </div>
4236 }
4237 <div class="grid__col-auto">
4238 <div class="pre-render-element pre-render-element--xs"></div>
4239 <div class="pre-render-element pre-render-element--lg"></div>
4240 <div class="pre-render-element pre-render-element--lg"></div>
4241 <div class="pre-render-element pre-render-element--lg"></div>
4242 <div class="pre-render-element pre-render-element--lg"></div>
4243 </div>
4244 </script>
4245 }
42464247 @helper RenderInitializers() {
4248 <script>
4249 document.addEventListener("DOMContentLoaded", function (event) {
4250 document.getElementById("productList").addEventListener('contentLoaded', function (e) {
4251 if (getTarget(e).id === "productList") {
4252 Search.Init();
4253 Facets.Init("selectedFacets", "productList");
4254 }
4255 }, false);
42564257 @{
4258 bool useGoogleTagManager = false;
42594260 if (useGoogleTagManager)
4261 {
4262 <text>
4263 Scroll.AddIsInViewportListener(".js-product-scroll-trigger", function (elem) {
4264 let googleImpression = JSON.parse(elem.getAttribute("data-params"));
4265 googleEnchantImpression(googleImpression);
4266 elem.classList.remove("js-product-scroll-trigger");
4267 });
4268 </text>
4269 }
4270 }
42714272 });
4273 </script>
4274 }
427542764277 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
4278 @using Dynamicweb.Core
4279 @using System
4280 @using System.Web
4281 @using System.Collections.Generic
4282 @using Dynamicweb.Rapido.Blocks
42834284 @{
4285 BlocksPage customBlocksPage = BlocksPage.GetBlockPage("ProductList");
42864287 }
428842894290 @if (productListNavigation.BlocksList.Count == 0)
4291 {
4292 productListNavigation.Design.RenderType = RenderType.Hide;
4293 }
42944295 <form name="multiForm" id="multiForm" method="post" onkeypress="return event.keyCode != 13;">
4296 @* onkeypress is the fix for disabling submit form on Enter key from any field in product list *@
4297 <input type="hidden" name="CartCmd" id="CartCmd" value="addMulti" />
4298 @* The @RenderBlockList base helper is included in Components/GridBuilder.cshtml *@
4299 @RenderBlockList(productListPage.BlocksRoot.BlocksList)
4300 </form>
43014302 @helper RenderPageContainer()
4303 {
4304 List<Block> subBlocks = this.productListPage.GetBlockListById("PageContainer").OrderBy(item => item.SortId).ToList();
4305 var groupid = HttpContext.Current.Request.QueryString["groupid"];
4306 string pageUrl = GetGlobalValue("Global:Pageview.Url.Raw");
4307 string feedFullUrl = pageUrl + "&feed=true";
4308 feedFullUrl += !isFavoriteList ? "&DoNotShowVariantsAsSingleProducts=True" : "";
4309 string smallDeviceCss = Pageview.Device.ToString() == "Mobile" ? "" : "u-padding";
4310 string pageId = Convert.ToString(Dynamicweb.Frontend.PageView.Current().Page.ID);
4311 string groupUrl = $"/default.aspx?id={pageId}&GroupId=";
4312 var renderGroups = true;
4313 var renderProducts = true;
4314 var groupPlacement = Convert.ToString(GetBoolean("Ecom:Group:Field.LowDescriptionPlacement"));
4315 var group = Services.ProductGroups.GetGroup(groupid);
43164317 if (!string.IsNullOrWhiteSpace(groupid))
4318 {
4319 if (Services.ProductGroups.HasSubgroups(group))
4320 {
4321 renderProducts = false;
4322 }
4323 else
4324 {
4325 renderGroups = false;
4326 }
43274328 }
432943304331433243334334 if (groupid == "GROUP318" || groupid == "GROUP758" || groupid == "1011atSHOP17" || groupid == "1011atSHOP16" || groupid == "1011atSHOP15")
4335 {
4336 renderGroups = false;
4337 }
4338433943404341 if (renderGroups)
4342 {
4343 <section class="multiple-paragraphs-container multiple-paragraphs-container--spacing-sm dw-mod groupheader-fix">
4344 <div class="paragraph-container__grid--bleed-x ">
4345 <div class="grid grid--align-content-start js-handlebars-root" id="groupList" data-template="GroupContainer" data-pre-render-template="ProductPreRenderContainer" data-json-feed="@feedFullUrl" data-no-result-template="NoGroupsFound" data-preloader="overlay"></div>
4346 </div>
4347 </section>
4348 }
43494350 if (renderProducts)
4351 {
4352 <div data-group-placement="@groupPlacement" 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="minimal"></div>
4353 }
4354 else
4355 {
4356 <div id="productList"></div>
4357 }
43584359436043614362 <script id="GroupContainer" type="text/x-template">
4363 {{#.}}
43644365 {{#if groupLargeImage}}
4366 <div class="grid">
4367 <div class="grid__col-12 grid__col--bleed-x">
4368 <div class="grid__cell group-image">
4369 <img src="{{groupLargeImage}}" alt="{{groupName}}" />
4370 </div>
4371 </div>
4372 </div>
4373 {{/if}}
43744375 <div class="grid">
4376 <div class="grid__col-12">
4377 <div class="grid__cell">
4378 <div class="u-pull--left">
4379 <h1><i class="{{headerIcon}}"></i>{{groupName}}</h1>
4380 {{#if groupDescription}}
4381 <div class="u-margin-bottom-lg groupDescription">{{{groupDescription}}}</div>
4382 {{/if}}
4383 </div>
4384 </div>
4385 </div>
4386 </div>
43874388 <div class="grid">
4389 <div class="grid__col-12 grid__col--bleed-x">
4390 <div class="grid__cell">
4391 <div id="GroupsContainer" class="grid product-list dw-mod" data-template="GroupGridItemContainer" data-preloader="minimal">
4392 {{#GroupsContainer}}
4393 {{>GroupGridItemContainer}}
4394 {{/GroupsContainer}}
4395 </div>
4396 </div>
4397 </div>
4398 </div>
43994400 {{#if gropLowDescription}}
44014402 <div class="grid">
4403 <div class="grid__col-12">
4404 <div class="grid__cell">
4405 <div class="u-pull--left">
4406 <div class="u-margin-bottom-lg gropLowDescription">{{{gropLowDescription}}}</div>
4407 </div>
4408 </div>
4409 </div>
4410 </div>
4411 {{/if}}
441244134414 {{/.}}
4415 </script>
44164417 <script id="GroupGridItemContainer" type="text/x-template">
4418 {{#.}}
4419 <div id="Group{{id}}" class="grid__col-lg-3 grid__col-md-3 grid__col-sm-3 grid__col-xs-6 product-list__list-item dw-mod" style="{{hide}}" data-template="GroupGridItem" data-preloader="false">
4420 {{#Group}}
4421 {{>GroupGridItem}}
4422 {{/Group}}
4423 </div>
4424 {{/.}}
4425 </script>
44264427 <script id="GroupGridItem" type="text/x-template">
4428 {{#.}}
4429 <div class="grid__cell u-border dw-mod {{noImage}}">
4430 <a href="@groupUrl{{link}}" onclick="Scroll.SavePosition(event)"><img class="grid__cell-img grid__cell-sm-img--centered" src="/Admin/Public/GetImage.ashx?width=350&height=350&crop=0&Compression=75&image={{image}}" alt="{{name}}" /></a>
4431 </div>
44324433 <div class="grid__cell dw-mod u-margin-top">
4434 <a href="@groupUrl{{link}}" onclick="Scroll.SavePosition(event)" title="{{name}}"><h6 class="u-condensed-text grid__cell-sm-img--centered">{{name}}</h6></a>
4435 </div>
4436 {{/.}}
4437 </script>
443844394440 <script id="ProductContainer" type="text/x-template">
4441 {{#each .}}
4442 @RenderBlockList(subBlocks)
44434444 {{#if gropLowDescription}}
44454446 <div class="grid">
4447 <div class="grid__col-12">
4448 <div class="grid__cell">
4449 <div class="u-pull--left">
4450 <div class="u-margin-bottom-lg gropLowDescription">{{{gropLowDescription}}}</div>
4451 </div>
4452 </div>
4453 </div>
4454 </div>
4455 {{/if}}
44564457 {{else}}
44584459 @{
4460 var searchText = HttpContext.Current.Request.QueryString.Get("Search") != null ? HttpContext.Current.Request.QueryString.Get("Search") : "";
44614462 if (!string.IsNullOrWhiteSpace(searchText))
4463 {
4464 <div class="grid__col-12">
4465 <h2 class="u-ta-center">@Translate("Your search gave 0 results")</h2>
4466 </div>
4467 }
44684469 }
44704471 {{/each}}
4472 </script>
4473 }
44744475 @helper RenderProductList()
4476 {
4477 @*This is part of a script template *@
44784479 List<Block> subBlocks = productListPage.GetBlockListById("ProductList").OrderBy(item => item.SortId).ToList();
4480 string smallDeviceCss = Pageview.Device.ToString() == "Mobile" ? "u-no-padding" : "";
4481 string columnClass = "auto";
44824483 if (productListPage.GetBlockListById("Navigation").Count == 0)
4484 {
4485 columnClass = "12";
4486 }
448744884489 <div class="grid__col-@columnClass @smallDeviceCss">
4490 @RenderBlockList(subBlocks)
4491 </div>
4492 }
44934494 @helper RenderProductListHeader()
4495 {
4496 List<Block> subBlocks = this.productListPage.GetBlockListById("ProductListHeader");
4497 bool enableSeparationLine = productListSettings.GetBoolean("EnableSeparationLine");
4498 string className = (enableSeparationLine != null && enableSeparationLine ? "u-border-bottom u-padding-bottom" : "");
44994500 <div class="grid grid--align-content-start grid--justify-start grid--bleed u-margin-bottom--lg u-padding grid--wrap u-flex-grow--0 dw-mod">
4501 <div class="grid @className">
4502 <div class="u-pull--left">
4503 <h1><i class="{{headerIcon}}"></i>{{groupName}}</h1>
4504 {{#if groupDescription}}
4505 <div class="u-margin-bottom-lg">{{{groupDescription}}}</div>
4506 {{/if}}
45074508 </div>
45094510 @RenderBlockList(subBlocks)
4511 </div>
45124513 </div>
4514 }
45154516 @helper RenderProductListTitle()
4517 {
4518 var header = new Heading { Title = "{{{header}}}", CssClass = "u-no-margin" };
4519 var searchText = HttpContext.Current.Request.QueryString.Get("Search") != null ? HttpContext.Current.Request.QueryString.Get("Search") : "";
45204521 if (isFavoriteList)
4522 {
4523 var selectedFavoriteIcon = "star";
4524 header.Icon = new Icon { Prefix = "fas", Name = "fa-" + selectedFavoriteIcon, LabelPosition = IconLabelPosition.After };
4525 @Render(header)
4526 }
452745284529 if (!string.IsNullOrWhiteSpace(searchText))
4530 {
4531 @Render(header)
4532 }
453345344535 }
45364537 @helper RenderFavoriteListSearch()
4538 {
4539 string pageId = GetGlobalValue("Global:Page.ID");
4540 string pageUrl = GetGlobalValue("Global:Pageview.Url.Raw");
4541 string feedFullUrl = pageUrl + "&feed=true";
4542 string searchPlaceholder = Translate("Search favorite products");
4543 string searchValue = HttpContext.Current.Request.QueryString.Get("Search") ?? "";
45444545 <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">
4546 <input type="text" class="typeahead-search-field u-no-margin u-full-width js-typeahead-search-field" placeholder="@searchPlaceholder" value="@searchValue">
4547 <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>
4548 <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>
4549 </div>
4550 }