1 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
2
3 @using System.Web;
4 @using Dynamicweb.Frontend
5 @using Dynamicweb.Frontend.Devices
6 @using Dynamicweb.Extensibility
7 @using Dynamicweb.Content
8 @using Dynamicweb.Security
9 @using Dynamicweb.Core
10 @using System
11 @using System.Web
12 @using System.IO
13 @using Dynamicweb.Rapido.Blocks
14 @using System.Net
15
16
17 @functions {
18 BlocksPage masterPage = BlocksPage.GetBlockPage("Master");
19
20 string getFontFamily(params string[] items)
21 {
22 var itemParent = Pageview.AreaSettings;
23 foreach (var item in items)
24 {
25 itemParent = itemParent.GetItem(item);
26 if (itemParent == null)
27 {
28 return null;
29 }
30 }
31
32 var googleFont = itemParent.GetGoogleFont("FontFamily");
33 if (googleFont == null)
34 {
35 return null;
36 }
37 return googleFont.Family.Replace(" ", "+");
38 }
39 }
40
41 @{
42 Block root = new Block
43 {
44 Id = "Root",
45 SortId = 10,
46 BlocksList = new List<Block>
47 {
48 new Block {
49 Id = "Head",
50 SortId = 10,
51 SkipRenderBlocksList = true,
52 Template = RenderMasterHead(),
53 BlocksList = new List<Block>
54 {
55 new Block {
56 Id = "HeadMetadata",
57 SortId = 10,
58 Template = RenderMasterMetadata(),
59 },
60 new Block {
61 Id = "HeadCss",
62 SortId = 20,
63 Template = RenderMasterCss(),
64 },
65 new Block {
66 Id = "HeadManifest",
67 SortId = 30,
68 Template = RenderMasterManifest(),
69 }
70 }
71 },
72 new Block {
73 Id = "Body",
74 SortId = 20,
75 SkipRenderBlocksList = true,
76 Template = RenderMasterBody(),
77 BlocksList = new List<Block>
78 {
79 new Block()
80 {
81 Id = "Master",
82 SortId = 10,
83 BlocksList = new List<Block> {
84 new Block {
85 Id = "MasterTopSnippets",
86 SortId = 10
87 },
88 new Block {
89 Id = "MasterMain",
90 SortId = 20,
91 Template = RenderMain(),
92 SkipRenderBlocksList = true,
93 BlocksList = new List<Block> {
94 new Block {
95 Id = "MasterHeader",
96 SortId = 10,
97 Template = RenderMasterHeader(),
98 SkipRenderBlocksList = true
99 },
100 new Block {
101 Id = "MasterPageContent",
102 SortId = 20,
103 Template = RenderPageContent()
104 }
105 }
106 },
107 new Block {
108 Id = "MasterFooter",
109 SortId = 30
110 },
111 new Block {
112 Id = "MasterReferences",
113 SortId = 40
114 },
115 new Block {
116 Id = "MasterBottomSnippets",
117 SortId = 50,
118 BlocksList = new List<Block> {
119 new Block {
120 Id = "iOsTabletFix",
121 SortId = 10,
122 Template = RenderIosTabletFix()
123 }
124 }
125 }
126 }
127 }
128 }
129 }
130 }
131 };
132
133 masterPage.Add(root);
134 }
135
136 @* Include the required Grid builder (Contains the methods @RenderBlockList and @RenderBlock) *@
137 @using System.Text.RegularExpressions
138 @using System.Collections.Generic
139 @using System.Reflection
140 @using System.Web
141 @using System.Web.UI.HtmlControls
142 @using Dynamicweb.Rapido.Blocks.Components
143 @using Dynamicweb.Rapido.Blocks.Components.Articles
144 @using Dynamicweb.Rapido.Blocks.Components.Documentation
145 @using Dynamicweb.Rapido.Blocks
146
147
148 @*--- START: Base block renderers ---*@
149
150 @helper RenderBlockList(List<Block> blocks)
151 {
152 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false;
153 blocks = blocks.OrderBy(item => item.SortId).ToList();
154
155 foreach (Block item in blocks)
156 {
157 if (debug) {
158 <!-- Block START: @item.Id -->
159 }
160
161 if (item.Design == null)
162 {
163 @RenderBlock(item)
164 }
165 else if (item.Design.RenderType == RenderType.None) {
166 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : "";
167
168 <div class="@cssClass dw-mod">
169 @RenderBlock(item)
170 </div>
171 }
172 else if (item.Design.RenderType != RenderType.Hide)
173 {
174 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : "";
175
176 if (!item.SkipRenderBlocksList) {
177 if (item.Design.RenderType == RenderType.Row)
178 {
179 <div class="grid grid--align-content-start @cssClass dw-mod" id="Block__@item.Id">
180 @RenderBlock(item)
181 </div>
182 }
183
184 if (item.Design.RenderType == RenderType.Column)
185 {
186 string hidePadding = item.Design.HidePadding ? "u-no-padding" : "";
187 string size = item.Design.Size ?? "12";
188 size = Regex.IsMatch(size, @"\d") ? "md-" + item.Design.Size : item.Design.Size;
189
190 <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">
191 @RenderBlock(item)
192 </div>
193 }
194
195 if (item.Design.RenderType == RenderType.Table)
196 {
197 <table class="table @cssClass dw-mod" id="Block__@item.Id">
198 @RenderBlock(item)
199 </table>
200 }
201
202 if (item.Design.RenderType == RenderType.TableRow)
203 {
204 <tr class="@cssClass dw-mod" id="Block__@item.Id">
205 @RenderBlock(item)
206 </tr>
207 }
208
209 if (item.Design.RenderType == RenderType.TableColumn)
210 {
211 <td class="@cssClass dw-mod" id="Block__@item.Id">
212 @RenderBlock(item)
213 </td>
214 }
215
216 if (item.Design.RenderType == RenderType.CardHeader)
217 {
218 <div class="card-header @cssClass dw-mod">
219 @RenderBlock(item)
220 </div>
221 }
222
223 if (item.Design.RenderType == RenderType.CardBody)
224 {
225 <div class="card @cssClass dw-mod">
226 @RenderBlock(item)
227 </div>
228 }
229
230 if (item.Design.RenderType == RenderType.CardFooter)
231 {
232 <div class="card-footer @cssClass dw-mod">
233 @RenderBlock(item)
234 </div>
235 }
236 }
237 else
238 {
239 @RenderBlock(item)
240 }
241 }
242
243 if (debug) {
244 <!-- Block END: @item.Id -->
245 }
246 }
247 }
248
249 @helper RenderBlock(Block item)
250 {
251 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false;
252
253 if (item.Template != null)
254 {
255 @BlocksPage.RenderTemplate(item.Template)
256 }
257
258 if (item.Component != null)
259 {
260 string customSufix = "Custom";
261 string methodName = item.Component.HelperName;
262
263 ComponentBase[] methodParameters = new ComponentBase[1];
264 methodParameters[0] = item.Component;
265 Type methodType = this.GetType();
266
267 MethodInfo customMethod = methodType.GetMethod(methodName + customSufix);
268
269 try {
270 if (debug) {
271 <!-- Component: @methodName.Replace("Render", "") -->
272 }
273 if(customMethod != null) {
274 @customMethod.Invoke(this, methodParameters).ToString();
275 } else {
276 MethodInfo generalMethod = methodType.GetMethod(methodName);
277 @generalMethod.Invoke(this, methodParameters).ToString();
278 }
279 } catch {
280 try {
281 MethodInfo generalMethod = methodType.GetMethod(methodName);
282 @generalMethod.Invoke(this, methodParameters).ToString();
283 } catch(Exception ex) {
284 throw new Exception(item.Component.GetType().Name + " method '" + methodName +"' could not be invoked", ex);
285 }
286 }
287 }
288
289 if (item.BlocksList.Count > 0 && !item.SkipRenderBlocksList)
290 {
291 @RenderBlockList(item.BlocksList)
292 }
293 }
294
295 @*--- END: Base block renderers ---*@
296
297
298 @* Include the components *@
299 @using Dynamicweb.Rapido.Blocks.Components
300 @using Dynamicweb.Rapido.Blocks.Components.General
301 @using Dynamicweb.Rapido.Blocks
302 @using System.IO
303
304 @* Required *@
305 @using Dynamicweb.Rapido.Blocks.Components
306 @using Dynamicweb.Rapido.Blocks.Components.General
307 @using Dynamicweb.Rapido.Blocks
308
309
310 @helper Render(ComponentBase component)
311 {
312 if (component != null)
313 {
314 @component.Render(this)
315 }
316 }
317
318 @* Components *@
319 @using System.Reflection
320 @using Dynamicweb.Rapido.Blocks.Components.General
321
322
323 @* Component *@
324
325 @helper RenderIcon(Icon settings)
326 {
327 if (settings != null)
328 {
329 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : "";
330
331 if (settings.Name != null)
332 {
333 if (string.IsNullOrEmpty(settings.Label))
334 {
335 <i class="@settings.Prefix @settings.Name @settings.CssClass" @color></i>
336 }
337 else
338 {
339 if (settings.LabelPosition == IconLabelPosition.Before)
340 {
341 <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>
342 }
343 else
344 {
345 <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>
346 }
347 }
348 }
349 else if (!string.IsNullOrEmpty(settings.Label))
350 {
351 @settings.Label
352 }
353 }
354 }
355 @using System.Reflection
356 @using Dynamicweb.Rapido.Blocks.Components.General
357 @using Dynamicweb.Rapido.Blocks.Components
358 @using Dynamicweb.Core
359
360 @* Component *@
361
362 @helper RenderButton(Button settings)
363 {
364 if (settings != null && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null))
365 {
366 Dictionary<string, string> attributes = new Dictionary<string, string>();
367 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>();
368 if (settings.Disabled) {
369 attributes.Add("disabled", "true");
370 classList.Add("disabled");
371 }
372
373 if (!string.IsNullOrEmpty(settings.ConfirmText) || !string.IsNullOrEmpty(settings.ConfirmTitle))
374 {
375 settings.Id = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N");
376 @RenderConfirmDialog(settings);
377 settings.OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = true";
378 }
379
380 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
381 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
382 if (!string.IsNullOrEmpty(settings.AltText))
383 {
384 attributes.Add("title", settings.AltText);
385 }
386 else if (!string.IsNullOrEmpty(settings.Title))
387 {
388 string cleanTitle = Regex.Replace(settings.Title, "<.*?>", String.Empty);
389 cleanTitle = cleanTitle.Replace(" ", " ");
390 attributes.Add("title", cleanTitle);
391 }
392
393 var onClickEvents = new List<string>();
394 if (!string.IsNullOrEmpty(settings.OnClick))
395 {
396 onClickEvents.Add(settings.OnClick);
397 }
398 if (!string.IsNullOrEmpty(settings.Href))
399 {
400 onClickEvents.Add("location.href='" + settings.Href + "'");
401 }
402 if (onClickEvents.Count > 0)
403 {
404 attributes.Add("onClick", string.Join(";", onClickEvents));
405 }
406
407 if (settings.ButtonLayout != ButtonLayout.None)
408 {
409 classList.Add("btn");
410 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower();
411 if (btnLayout == "linkclean")
412 {
413 btnLayout = "link-clean"; //fix
414 }
415 classList.Add("btn--" + btnLayout);
416 }
417
418 if (settings.Icon == null)
419 {
420 settings.Icon = new Icon();
421 }
422
423 settings.Icon.CssClass += Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower() != "linkclean" ? " u-flex--align-center" : "";
424 settings.Icon.Label = settings.Title;
425
426 attributes.Add("type", Enum.GetName(typeof(ButtonType), settings.ButtonType).ToLower());
427
428 <button class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</button>
429 }
430 }
431
432 @helper RenderConfirmDialog(Button settings)
433 {
434 Modal confirmDialog = new Modal {
435 Id = settings.Id,
436 Width = ModalWidth.Sm,
437 Heading = new Heading
438 {
439 Level = 2,
440 Title = settings.ConfirmTitle
441 },
442 BodyText = settings.ConfirmText
443 };
444
445 confirmDialog.AddAction(new Button { Title = Translate("Cancel"), ButtonLayout = ButtonLayout.Secondary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false"});
446 confirmDialog.AddAction(new Button { Title = Translate("OK"), ButtonLayout = ButtonLayout.Primary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false;" + settings.OnClick });
447
448 @Render(confirmDialog)
449 }
450 @using Dynamicweb.Rapido.Blocks.Components.General
451 @using Dynamicweb.Rapido.Blocks.Components
452 @using Dynamicweb.Core
453
454 @helper RenderDashboard(Dashboard settings)
455 {
456 var widgets = settings.GetWidgets();
457
458 if (!string.IsNullOrEmpty(settings.WidgetsBaseBackgroundColor))
459 {
460 //set bg color for them
461
462 System.Drawing.Color color = System.Drawing.ColorTranslator.FromHtml(settings.WidgetsBaseBackgroundColor);
463 int r = Convert.ToInt16(color.R);
464 int g = Convert.ToInt16(color.G);
465 int b = Convert.ToInt16(color.B);
466
467 var count = widgets.Length;
468 var max = Math.Max(r, Math.Max(g, b));
469 double step = 255.0 / (max * count);
470 var i = 0;
471 foreach (var widget in widgets)
472 {
473 i++;
474
475 var shade = "rgb(" + Converter.ToString(r * step * i).Replace(",", ".") + ", " + Converter.ToString(g * step * i).Replace(",", ".") + ", " + Converter.ToString(b * step * i).Replace(",", ".") + ")";
476 widget.BackgroundColor = shade;
477 }
478 }
479
480 <div class="dashboard @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
481 @foreach (var widget in widgets)
482 {
483 <div class="dashboard__widget">
484 @Render(widget)
485 </div>
486 }
487 </div>
488 }
489 @using Dynamicweb.Rapido.Blocks.Components.General
490 @using Dynamicweb.Rapido.Blocks.Components
491
492 @helper RenderDashboardWidgetLink(DashboardWidgetLink settings)
493 {
494 if (!string.IsNullOrEmpty(settings.Link))
495 {
496 var backgroundStyles = "";
497 if (!string.IsNullOrEmpty(settings.BackgroundColor))
498 {
499 backgroundStyles = "style=\"background-color:" + settings.BackgroundColor + "\"";
500 }
501
502 <a href="@settings.Link" class="widget widget--link @settings.CssClass dw-mod" @backgroundStyles title="@settings.Title" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
503 <div class="u-center-middle u-color-light">
504 @if (settings.Icon != null)
505 {
506 settings.Icon.CssClass += "widget__icon";
507 @Render(settings.Icon)
508 }
509 <div class="widget__title">@settings.Title</div>
510 </div>
511 </a>
512 }
513 }
514 @using Dynamicweb.Rapido.Blocks.Components.General
515 @using Dynamicweb.Rapido.Blocks.Components
516
517 @helper RenderDashboardWidgetCounter(DashboardWidgetCounter settings)
518 {
519 var backgroundStyles = "";
520 if (!string.IsNullOrEmpty(settings.BackgroundColor))
521 {
522 backgroundStyles = "style='background-color:" + settings.BackgroundColor + "'";
523 }
524
525 <div class="widget @settings.CssClass dw-mod" @backgroundStyles @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
526 <div class="u-center-middle u-color-light">
527 @if (settings.Icon != null)
528 {
529 settings.Icon.CssClass += "widget__icon";
530 @Render(settings.Icon)
531 }
532 <div class="widget__counter">@settings.Count</div>
533 <div class="widget__title">@settings.Title</div>
534 </div>
535 </div>
536 }
537 @using System.Reflection
538 @using Dynamicweb.Rapido.Blocks.Components.General
539 @using Dynamicweb.Rapido.Blocks.Components
540 @using Dynamicweb.Core
541
542 @* Component *@
543
544 @helper RenderLink(Link settings)
545 {
546 if (settings != null && !string.IsNullOrEmpty(settings.Href) && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null))
547 {
548 Dictionary<string, string> attributes = new Dictionary<string, string>();
549 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>();
550 if (settings.Disabled)
551 {
552 attributes.Add("disabled", "true");
553 classList.Add("disabled");
554 }
555
556 if (!string.IsNullOrEmpty(settings.AltText))
557 {
558 attributes.Add("title", settings.AltText);
559 }
560 else if (!string.IsNullOrEmpty(settings.Title))
561 {
562 attributes.Add("title", settings.Title);
563 }
564
565 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
566 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
567 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onClick", settings.OnClick); }
568 attributes.Add("href", settings.Href);
569
570 if (settings.ButtonLayout != ButtonLayout.None)
571 {
572 classList.Add("btn");
573 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower();
574 if (btnLayout == "linkclean")
575 {
576 btnLayout = "link-clean"; //fix
577 }
578 classList.Add("btn--" + btnLayout);
579 }
580
581 if (settings.Icon == null)
582 {
583 settings.Icon = new Icon();
584 }
585 settings.Icon.Label = settings.Title;
586
587 if (settings.Target == LinkTargetType.Blank && settings.Rel == LinkRelType.None)
588 {
589 settings.Rel = LinkRelType.Noopener;
590 }
591 if (settings.Target != LinkTargetType.None)
592 {
593 attributes.Add("target", "_" + Enum.GetName(typeof(LinkTargetType), settings.Target).ToLower());
594 }
595 if (settings.Download)
596 {
597 attributes.Add("download", "true");
598 }
599 if (settings.Rel != LinkRelType.None)
600 {
601 attributes.Add("rel", Enum.GetName(typeof(LinkRelType), settings.Rel).ToLower());
602 }
603
604 <a class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</a>
605 }
606 }
607 @using System.Reflection
608 @using Dynamicweb.Rapido.Blocks.Components
609 @using Dynamicweb.Rapido.Blocks.Components.General
610 @using Dynamicweb.Rapido.Blocks
611
612
613 @* Component *@
614
615 @helper RenderRating(Rating settings)
616 {
617 if (settings.Score > 0)
618 {
619 int rating = settings.Score;
620 string iconType = "fa-star";
621
622 switch (settings.Type.ToString()) {
623 case "Stars":
624 iconType = "fa-star";
625 break;
626 case "Hearts":
627 iconType = "fa-heart";
628 break;
629 case "Lemons":
630 iconType = "fa-lemon";
631 break;
632 case "Bombs":
633 iconType = "fa-bomb";
634 break;
635 }
636
637 <div class="u-ta-right">
638 @for (int i = 0; i < settings.OutOf; i++)
639 {
640 <i class="@(rating > i ? "fas" : "far") @iconType"></i>
641 }
642 </div>
643 }
644 }
645 @using System.Reflection
646 @using Dynamicweb.Rapido.Blocks.Components.General
647 @using Dynamicweb.Rapido.Blocks.Components
648
649
650 @* Component *@
651
652 @helper RenderSelectFieldOption(SelectFieldOption settings)
653 {
654 Dictionary<string, string> attributes = new Dictionary<string, string>();
655 if (settings.Checked) { attributes.Add("selected", "true"); }
656 if (settings.Disabled) { attributes.Add("disabled", "true"); }
657 if (settings.Value != null) { attributes.Add("value", settings.Value); }
658 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
659
660 <option @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Label</option>
661 }
662 @using System.Reflection
663 @using Dynamicweb.Rapido.Blocks.Components.General
664 @using Dynamicweb.Rapido.Blocks.Components
665
666
667 @* Component *@
668
669 @helper RenderNavigation(Navigation settings) {
670 @RenderNavigation(new
671 {
672 id = settings.Id,
673 cssclass = settings.CssClass,
674 startLevel = settings.StartLevel,
675 endlevel = settings.EndLevel,
676 expandmode = settings.Expandmode,
677 sitemapmode = settings.SitemapMode,
678 template = settings.Template
679 })
680 }
681 @using Dynamicweb.Rapido.Blocks.Components.General
682 @using Dynamicweb.Rapido.Blocks.Components
683
684
685 @* Component *@
686
687 @helper RenderBreadcrumbNavigation(BreadcrumbNavigation settings) {
688 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id;
689 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template;
690 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel;
691 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel;
692 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode;
693 settings.SitemapMode = false;
694
695 @RenderNavigation(settings)
696 }
697 @using Dynamicweb.Rapido.Blocks.Components.General
698 @using Dynamicweb.Rapido.Blocks.Components
699
700
701 @* Component *@
702
703 @helper RenderLeftNavigation(LeftNavigation settings) {
704 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id;
705 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template;
706 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel;
707 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel;
708 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode;
709
710 <div class="grid__cell">
711 @RenderNavigation(settings)
712 </div>
713 }
714 @using System.Reflection
715 @using Dynamicweb.Rapido.Blocks.Components.General
716 @using Dynamicweb.Core
717
718 @* Component *@
719
720 @helper RenderHeading(Heading settings)
721 {
722 if (settings != null && !string.IsNullOrEmpty(settings.Title))
723 {
724 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : "";
725 string tagName = settings.Level != 0 ? "h" + settings.Level.ToString() : "div";
726
727 @("<" + tagName + " class=\"" + settings.CssClass + " dw-mod\" " + color + ">")
728 if (!string.IsNullOrEmpty(settings.Link))
729 {
730 @Render(new Link { Href = settings.Link, Icon = settings.Icon, Title = settings.Title, ButtonLayout = ButtonLayout.None })
731 }
732 else
733 {
734 if (settings.Icon == null)
735 {
736 settings.Icon = new Icon();
737 }
738 settings.Icon.Label = settings.Title;
739 @Render(settings.Icon)
740 }
741 @("</" + tagName + ">");
742 }
743 }
744 @using Dynamicweb.Rapido.Blocks.Components
745 @using Dynamicweb.Rapido.Blocks.Components.General
746 @using Dynamicweb.Rapido.Blocks
747
748
749 @* Component *@
750
751 @helper RenderImage(Image settings)
752 {
753 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None)
754 {
755 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>();
756 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); }
757
758 if (settings.Caption != null)
759 {
760 @:<div>
761 }
762
763 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower();
764 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower();
765
766 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)>
767 <div class="image-filter image-filter--@secondaryFilterClass dw-mod">
768 @if (settings.Link != null)
769 {
770 <a href="@settings.Link">
771 @RenderTheImage(settings)
772 </a>
773 }
774 else
775 {
776 @RenderTheImage(settings)
777 }
778 </div>
779 </div>
780
781 if (settings.Caption != null)
782 {
783 <span class="image-caption dw-mod">@settings.Caption</span>
784 @:</div>
785 }
786 }
787 else
788 {
789 if (settings.Caption != null)
790 {
791 @:<div>
792 }
793 if (!string.IsNullOrEmpty(settings.Link))
794 {
795 <a href="@settings.Link">
796 @RenderTheImage(settings)
797 </a>
798 }
799 else
800 {
801 @RenderTheImage(settings)
802 }
803
804 if (settings.Caption != null)
805 {
806 <span class="image-caption dw-mod">@settings.Caption</span>
807 @:</div>
808 }
809 }
810 }
811
812 @helper RenderTheImage(Image settings)
813 {
814 if (settings != null)
815 {
816 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg";
817 string placeholderImage = "/Files/Images/placeholder.gif";
818 string imageEngine = "/Admin/Public/GetImage.ashx?";
819
820 string imageStyle = "";
821
822 switch (settings.Style)
823 {
824 case ImageStyle.Ball:
825 imageStyle = "grid__cell-img--ball";
826 break;
827
828 case ImageStyle.Triangle:
829 imageStyle = "grid__cell-img--triangle";
830 break;
831 }
832
833 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle)
834 {
835 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop;
836
837 if (settings.ImageDefault != null)
838 {
839 settings.ImageDefault.Height = settings.ImageDefault.Width;
840 }
841 if (settings.ImageMedium != null)
842 {
843 settings.ImageMedium.Height = settings.ImageMedium.Width;
844 }
845 if (settings.ImageSmall != null)
846 {
847 settings.ImageSmall.Height = settings.ImageSmall.Width;
848 }
849 }
850
851 string defaultImage = imageEngine;
852 string imageSmall = "";
853 string imageMedium = "";
854
855 if (settings.DisableImageEngine)
856 {
857 defaultImage = settings.Path;
858 }
859 else
860 {
861 if (settings.ImageDefault != null)
862 {
863 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault);
864
865 if (settings.Path.GetType() != typeof(string))
866 {
867 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : "";
868 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : "";
869 }
870 else
871 {
872 defaultImage += settings.Path != null ? "Image=" + settings.Path : "";
873 }
874
875 defaultImage += "&AlternativeImage=" + alternativeImage;
876 }
877
878 if (settings.ImageSmall != null)
879 {
880 imageSmall = "data-src-small=\"" + imageEngine;
881 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall);
882
883 if (settings.Path.GetType() != typeof(string))
884 {
885 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : "";
886 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : "";
887 }
888 else
889 {
890 imageSmall += settings.Path != null ? "Image=" + settings.Path : "";
891 }
892
893 imageSmall += "&alternativeImage=" + alternativeImage;
894
895 imageSmall += "\"";
896 }
897
898 if (settings.ImageMedium != null)
899 {
900 imageMedium = "data-src-medium=\"" + imageEngine;
901 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium);
902
903 if (settings.Path.GetType() != typeof(string))
904 {
905 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : "";
906 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : "";
907 }
908 else
909 {
910 imageMedium += settings.Path != null ? "Image=" + settings.Path : "";
911 }
912
913 imageMedium += "&alternativeImage=" + alternativeImage;
914
915 imageMedium += "\"";
916 }
917 }
918
919 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>();
920 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); }
921 if (!string.IsNullOrEmpty(settings.Title))
922 {
923 optionalAttributes.Add("alt", settings.Title);
924 optionalAttributes.Add("title", settings.Title);
925 }
926
927 if (settings.DisableLazyLoad)
928 {
929 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) />
930 }
931 else
932 {
933 <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) />
934 }
935 }
936 }
937 @using System.Reflection
938 @using Dynamicweb.Rapido.Blocks.Components.General
939 @using Dynamicweb.Rapido.Blocks.Components
940
941 @* Component *@
942
943 @helper RenderFileField(FileField settings)
944 {
945 var attributes = new Dictionary<string, string>();
946 if (string.IsNullOrEmpty(settings.Id))
947 {
948 settings.Id = Guid.NewGuid().ToString("N");
949 }
950
951 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
952 if (settings.Disabled) { attributes.Add("disabled", "true"); }
953 if (settings.Required) { attributes.Add("required", "true"); }
954 if (settings.Multiple) { attributes.Add("multiple", "true"); }
955 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
956 if (string.IsNullOrEmpty(settings.ChooseFileText))
957 {
958 settings.ChooseFileText = Translate("Choose file");
959 }
960 if (string.IsNullOrEmpty(settings.NoFilesChosenText))
961 {
962 settings.NoFilesChosenText = Translate("No files chosen...");
963 }
964 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
965
966 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
967
968 string setValueToFakeInput = "FileUpload.setValueToFakeInput(this)";
969 attributes.Add("onchange", setValueToFakeInput + (!string.IsNullOrEmpty(settings.OnChange) ? settings.OnChange : ""));
970
971 attributes.Add("type", "file");
972 if (settings.Value != null) { attributes.Add("value", settings.Value); }
973 settings.CssClass = "u-full-width " + settings.CssClass;
974
975 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
976
977 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod">
978 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
979 {
980 <div class="u-full-width">
981 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
982 @if (settings.Link != null) {
983 <div class="u-pull--right">
984 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
985 @Render(settings.Link)
986 </div>
987 }
988 </div>
989
990 }
991
992 @if (!string.IsNullOrEmpty(settings.HelpText))
993 {
994 <small class="form__help-text">@settings.HelpText</small>
995 }
996
997 <div class="form__field-combi file-input u-no-margin dw-mod">
998 <input @ComponentMethods.AddAttributes(resultAttributes) class="file-input__real-input" data-no-files-text="@settings.NoFilesChosenText" data-many-files-text="@Translate("files")" />
999 <label for="@settings.Id" class="file-input__btn btn--secondary btn dw-mod">@settings.ChooseFileText</label>
1000 <label for="@settings.Id" class="@settings.CssClass file-input__fake-input js-fake-input dw-mod">@settings.NoFilesChosenText</label>
1001 @if (settings.UploadButton != null)
1002 {
1003 settings.UploadButton.CssClass += " btn--condensed u-no-margin";
1004 @Render(settings.UploadButton)
1005 }
1006 </div>
1007 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1008 </div>
1009 }
1010 @using System.Reflection
1011 @using Dynamicweb.Rapido.Blocks.Components.General
1012 @using Dynamicweb.Rapido.Blocks.Components
1013 @using Dynamicweb.Core
1014 @using System.Linq
1015
1016 @* Component *@
1017
1018 @helper RenderDateTimeField(DateTimeField settings)
1019 {
1020 if (string.IsNullOrEmpty(settings.Id))
1021 {
1022 settings.Id = Guid.NewGuid().ToString("N");
1023 }
1024
1025 var textField = new TextField {
1026 Name = settings.Name,
1027 Id = settings.Id,
1028 Label = settings.Label,
1029 HelpText = settings.HelpText,
1030 Value = settings.Value,
1031 Disabled = settings.Disabled,
1032 Required = settings.Required,
1033 ErrorMessage = settings.ErrorMessage,
1034 CssClass = settings.CssClass,
1035 WrapperCssClass = settings.WrapperCssClass,
1036 OnChange = settings.OnChange,
1037 OnClick = settings.OnClick,
1038 Link = settings.Link,
1039 ExtraAttributes = settings.ExtraAttributes,
1040 //
1041 Placeholder = settings.Placeholder
1042 };
1043
1044 @Render(textField)
1045
1046 List<string> jsAttributes = new List<string>();
1047
1048 jsAttributes.Add("mode: '" + Enum.GetName(typeof(DateTimeFieldMode), settings.Mode).ToLower() + "'");
1049
1050 if (!string.IsNullOrEmpty(settings.DateFormat))
1051 {
1052 jsAttributes.Add("dateFormat: '" + settings.DateFormat + "'");
1053 }
1054 if (!string.IsNullOrEmpty(settings.MinDate))
1055 {
1056 jsAttributes.Add("minDate: '" + settings.MinDate + "'");
1057 }
1058 if (!string.IsNullOrEmpty(settings.MaxDate))
1059 {
1060 jsAttributes.Add("maxDate: '" + settings.MaxDate + "'");
1061 }
1062 if (settings.IsInline)
1063 {
1064 jsAttributes.Add("inline: " + Converter.ToString(settings.IsInline).ToLower());
1065 }
1066 if (settings.EnableTime)
1067 {
1068 jsAttributes.Add("enableTime: " + Converter.ToString(settings.EnableTime).ToLower());
1069 }
1070 if (settings.EnableWeekNumbers)
1071 {
1072 jsAttributes.Add("weekNumbers: " + Converter.ToString(settings.EnableWeekNumbers).ToLower());
1073 }
1074
1075 jsAttributes.AddRange(settings.GetFlatPickrOptions().Select(x => x.Key + ": " + x.Value));
1076
1077 <script>
1078 document.addEventListener("DOMContentLoaded", function () {
1079 flatpickr("#@textField.Id", {
1080 @string.Join(",", jsAttributes)
1081 });
1082 });
1083 </script>
1084 }
1085 @using System.Reflection
1086 @using Dynamicweb.Rapido.Blocks.Components.General
1087 @using Dynamicweb.Rapido.Blocks.Components
1088
1089 @* Component *@
1090
1091 @helper RenderTextField(TextField settings)
1092 {
1093 var attributes = new Dictionary<string, string>();
1094 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id))
1095 {
1096 settings.Id = Guid.NewGuid().ToString("N");
1097 }
1098
1099 /*base settings*/
1100 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1101 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1102 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1103 if (settings.Disabled) { attributes.Add("disabled", "true"); }
1104 if (settings.Required) { attributes.Add("required", "true"); }
1105 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1106 /*end*/
1107
1108 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
1109 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
1110 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
1111 if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
1112 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); }
1113 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); }
1114 attributes.Add("type", Enum.GetName(typeof(TextFieldType), settings.Type).ToLower());
1115 if (settings.Type == TextFieldType.Password) { attributes.Add("autocomplete", "off"); };
1116 if (settings.Value != null) { attributes.Add("value", settings.Value); }
1117
1118 settings.CssClass = "u-full-width " + settings.CssClass;
1119
1120 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
1121
1122 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1123
1124 string noMargin = "u-no-margin";
1125 if (!settings.ReadOnly) {
1126 noMargin = "";
1127 }
1128
1129 <div class="form__field-group u-full-width @noMargin @settings.WrapperCssClass dw-mod">
1130 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1131 {
1132 <div class="u-full-width">
1133 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1134 @if (settings.Link != null) {
1135 settings.Link.ButtonLayout = ButtonLayout.LinkClean;
1136
1137 <div class="u-pull--right">
1138 @Render(settings.Link)
1139 </div>
1140 }
1141 </div>
1142
1143 }
1144
1145 @if (!string.IsNullOrEmpty(settings.HelpText))
1146 {
1147 <small class="form__help-text">@settings.HelpText</small>
1148 }
1149
1150 @if (settings.ActionButton != null)
1151 {
1152 settings.ActionButton.CssClass += " btn--condensed u-no-margin";
1153 <div class="form__field-combi u-no-margin dw-mod">
1154 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1155 @Render(settings.ActionButton)
1156 </div>
1157 }
1158 else
1159 {
1160 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1161 }
1162
1163 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1164 </div>
1165 }
1166 @using System.Reflection
1167 @using Dynamicweb.Rapido.Blocks.Components.General
1168 @using Dynamicweb.Rapido.Blocks.Components
1169
1170 @* Component *@
1171
1172 @helper RenderNumberField(NumberField settings)
1173 {
1174 var attributes = new Dictionary<string, string>();
1175 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id))
1176 {
1177 settings.Id = Guid.NewGuid().ToString("N");
1178 }
1179
1180 /*base settings*/
1181 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1182 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1183 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1184 if (settings.Disabled) { attributes.Add("disabled", "true"); }
1185 if (settings.Required) { attributes.Add("required", "true"); }
1186 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1187 /*end*/
1188
1189 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
1190 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
1191 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
1192 if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
1193 if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); }
1194 if (settings.Min != null) { attributes.Add("min", settings.Min.ToString()); }
1195 if (settings.Step != 0) { attributes.Add("step", settings.Step.ToString()); }
1196 if (settings.Value != null && !string.IsNullOrEmpty(settings.Value.ToString())) { attributes.Add("value", settings.Value.ToString()); }
1197 attributes.Add("type", "number");
1198
1199 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1200
1201 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod">
1202 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1203 {
1204 <div class="u-full-width">
1205 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1206 @if (settings.Link != null) {
1207 <div class="u-pull--right">
1208 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1209 @Render(settings.Link)
1210 </div>
1211 }
1212 </div>
1213
1214 }
1215
1216 @if (!string.IsNullOrEmpty(settings.HelpText))
1217 {
1218 <small class="form__help-text">@settings.HelpText</small>
1219 }
1220
1221 @if (settings.ActionButton != null)
1222 {
1223 settings.ActionButton.CssClass += " btn--condensed u-no-margin";
1224 <div class="form__field-combi u-no-margin dw-mod">
1225 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1226 @Render(settings.ActionButton)
1227 </div>
1228 }
1229 else
1230 {
1231 <div class="form__field-combi u-no-margin dw-mod">
1232 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1233 </div>
1234 }
1235
1236 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1237 </div>
1238 }
1239 @using System.Reflection
1240 @using Dynamicweb.Rapido.Blocks.Components.General
1241 @using Dynamicweb.Rapido.Blocks.Components
1242
1243
1244 @* Component *@
1245
1246 @helper RenderTextareaField(TextareaField settings)
1247 {
1248 Dictionary<string, string> attributes = new Dictionary<string, string>();
1249 string id = settings.Id;
1250 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(id))
1251 {
1252 id = Guid.NewGuid().ToString("N");
1253 }
1254
1255 if (!string.IsNullOrEmpty(id)) { attributes.Add("id", id); }
1256 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1257 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
1258 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
1259 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
1260 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1261 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); }
1262 if (settings.Disabled) { attributes.Add("disabled", "true"); }
1263 if (settings.Required) { attributes.Add("required", "true"); }
1264 if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
1265 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); }
1266 if (settings.Rows != 0) { attributes.Add("rows", settings.Rows.ToString()); }
1267 attributes.Add("name", settings.Name);
1268
1269 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
1270
1271 <div class="form__field-group @settings.WrapperCssClass dw-mod">
1272 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1273 {
1274 <div class="u-full-width">
1275 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1276 @if (settings.Link != null) {
1277 <div class="u-pull--right">
1278 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1279 @Render(settings.Link)
1280 </div>
1281 }
1282 </div>
1283 }
1284
1285 @if (!string.IsNullOrEmpty(settings.HelpText))
1286 {
1287 <small class="form__help-text">@settings.HelpText</small>
1288 }
1289
1290 <textarea class="u-full-width @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Value</textarea>
1291
1292 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1293 </div>
1294 }
1295 @using System.Reflection
1296 @using Dynamicweb.Rapido.Blocks.Components.General
1297 @using Dynamicweb.Rapido.Blocks.Components
1298
1299
1300 @* Component *@
1301
1302 @helper RenderHiddenField(HiddenField settings) {
1303 var attributes = new Dictionary<string, string>();
1304 attributes.Add("type", "hidden");
1305 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1306 if (settings.Value != null) { attributes.Add("value", settings.Value); }
1307 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1308
1309 <input @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)/>
1310 }
1311 @using System.Reflection
1312 @using Dynamicweb.Rapido.Blocks.Components.General
1313 @using Dynamicweb.Rapido.Blocks.Components
1314
1315 @* Component *@
1316
1317 @helper RenderCheckboxField(CheckboxField settings)
1318 {
1319 var attributes = new Dictionary<string, string>();
1320 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id))
1321 {
1322 settings.Id = Guid.NewGuid().ToString("N");
1323 }
1324
1325 /*base settings*/
1326 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1327 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1328 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1329 if (settings.Disabled) { attributes.Add("disabled", "true"); }
1330 if (settings.Required) { attributes.Add("required", "true"); }
1331 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1332 /*end*/
1333
1334 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
1335
1336 attributes.Add("type", "checkbox");
1337 if (settings.Checked) { attributes.Add("checked", "true"); }
1338 settings.CssClass = "form__control " + settings.CssClass;
1339 if (settings.Value != null) { attributes.Add("value", settings.Value); }
1340
1341 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1342
1343 <div class="form__field-group @settings.WrapperCssClass dw-mod">
1344 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1345 @if (!string.IsNullOrEmpty(settings.Label))
1346 {
1347 <label for="@settings.Id" class="dw-mod">@settings.Label</label>
1348 }
1349
1350 @if (settings.Link != null) {
1351 <span>
1352 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1353 @Render(settings.Link)
1354 </span>
1355 }
1356
1357 @if (!string.IsNullOrEmpty(settings.HelpText))
1358 {
1359 <small class="form__help-text checkbox-help dw-mod">@settings.HelpText</small>
1360 }
1361 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1362 </div>
1363 }
1364 @using System.Reflection
1365 @using Dynamicweb.Rapido.Blocks.Components.General
1366 @using Dynamicweb.Rapido.Blocks.Components
1367
1368
1369 @* Component *@
1370
1371 @helper RenderCheckboxListField(CheckboxListField settings)
1372 {
1373 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1374 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1375 {
1376 <div class="u-full-width">
1377 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1378 @if (settings.Link != null) {
1379 <div class="u-pull--right">
1380 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1381 @Render(settings.Link)
1382 </div>
1383 }
1384 </div>
1385
1386 }
1387
1388 <div class="u-pull--left">
1389 @if (!string.IsNullOrEmpty(settings.HelpText))
1390 {
1391 <small class="form__help-text">@settings.HelpText</small>
1392 }
1393
1394 @foreach (var item in settings.Options)
1395 {
1396 if (settings.Required)
1397 {
1398 item.Required = true;
1399 }
1400 if (settings.Disabled)
1401 {
1402 item.Disabled = true;
1403 }
1404 if (!string.IsNullOrEmpty(settings.Name))
1405 {
1406 item.Name = settings.Name;
1407 }
1408 if (!string.IsNullOrEmpty(settings.CssClass))
1409 {
1410 item.CssClass += settings.CssClass;
1411 }
1412
1413 /* value is not supported */
1414
1415 if (!string.IsNullOrEmpty(settings.OnClick))
1416 {
1417 item.OnClick += settings.OnClick;
1418 }
1419 if (!string.IsNullOrEmpty(settings.OnChange))
1420 {
1421 item.OnChange += settings.OnChange;
1422 }
1423 @Render(item)
1424 }
1425
1426 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1427 </div>
1428
1429 </div>
1430 }
1431 @using Dynamicweb.Rapido.Blocks.Components.General
1432
1433 @* Component *@
1434
1435 @helper RenderSearch(Search settings)
1436 {
1437 var searchValue = HttpContext.Current.Request.QueryString.Get(settings.SearchParameter) ?? "";
1438 var groupValue = HttpContext.Current.Request.QueryString.Get(settings.GroupsParameter) ?? "";
1439
1440 if (string.IsNullOrEmpty(settings.Id))
1441 {
1442 settings.Id = Guid.NewGuid().ToString("N");
1443 }
1444
1445 var resultAttributes = new Dictionary<string, string>();
1446
1447 if (settings.PageSize != 0)
1448 {
1449 resultAttributes.Add("data-page-size", settings.PageSize.ToString());
1450 }
1451 if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl))
1452 {
1453 resultAttributes.Add("data-groups-feed-url", settings.GroupItemsFeedUrl);
1454 if (!string.IsNullOrEmpty(groupValue))
1455 {
1456 resultAttributes.Add("data-selected-group", groupValue);
1457 }
1458 if (!string.IsNullOrEmpty(settings.GroupsParameter))
1459 {
1460 resultAttributes.Add("data-groups-parameter", settings.GroupsParameter);
1461 }
1462 }
1463 resultAttributes.Add("data-force-init", "true");
1464 if (settings.GoToFirstSearchResultOnEnter)
1465 {
1466 resultAttributes.Add("data-go-to-first-search-result-on-enter", settings.GoToFirstSearchResultOnEnter.ToString().ToLower());
1467 }
1468 if (!string.IsNullOrEmpty(settings.SearchParameter))
1469 {
1470 resultAttributes.Add("data-search-parameter", settings.SearchParameter);
1471 }
1472 resultAttributes.Add("data-search-feed-url", settings.SearchData.SearchFeedUrl);
1473 resultAttributes.Add("data-results-template-id", settings.SearchData.ResultsTemplateId);
1474
1475 if (settings.SecondSearchData != null)
1476 {
1477 resultAttributes.Add("data-second-search-feed-url", settings.SecondSearchData.SearchFeedUrl);
1478 resultAttributes.Add("data-second-results-template-id", settings.SecondSearchData.ResultsTemplateId);
1479 }
1480 if (!string.IsNullOrEmpty(settings.ResultsPageUrl))
1481 {
1482 resultAttributes.Add("data-results-page-url", settings.ResultsPageUrl);
1483 }
1484
1485 resultAttributes = resultAttributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1486
1487 string searchFieldCss = (settings.SearchButton == null) ? "search--with-icon" : "";
1488
1489 <div class="search @settings.CssClass @searchFieldCss js-search-data-source dw-mod" id="@settings.Id" @ComponentMethods.AddAttributes(resultAttributes)>
1490 @if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl))
1491 {
1492 <button type="button" class="search__groups-btn dw-mod js-search-groups-btn">@Translate("All")</button>
1493 <ul class="dropdown dropdown--absolute-position dw-mod search__groups-results js-search-groups-list"></ul>
1494 }
1495
1496 <input type="text" class="search__field dw-mod js-search-field" placeholder="@settings.Placeholder" value="@searchValue">
1497
1498 <div class="dropdown dropdown--absolute-position search__results dw-mod js-search-results @(settings.SecondSearchData != null ? "search__results--combined" : "")">
1499 @if (settings.SecondSearchData != null)
1500 {
1501 <div class="search__column search__column--products dw-mod">
1502 <div class="search__column-header dw-mod">@Translate("Products")</div>
1503 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul>
1504 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl))
1505 {
1506 @Render(new Link {
1507 Title = Translate("View all"),
1508 CssClass = "js-view-all-button u-margin",
1509 Href = settings.SearchData.ResultsPageUrl
1510 });
1511 }
1512 </div>
1513 <div class="search__column search__column--pages dw-mod">
1514 <div class="search__column-header">@Translate("Pages")</div>
1515 <ul class="search__results-list dw-mod js-search-results-second-list" id="@(settings.Id)_SecondResultsList"></ul>
1516 @if (!string.IsNullOrEmpty(settings.SecondSearchData.ResultsPageUrl))
1517 {
1518 @Render(new Link
1519 {
1520 Title = Translate("View all"),
1521 CssClass = "js-view-all-button u-margin",
1522 Href = settings.SecondSearchData.ResultsPageUrl
1523 });
1524 }
1525 </div>
1526 }
1527 else
1528 {
1529 <div class="search__column search__column--only dw-mod">
1530 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul>
1531 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl))
1532 {
1533 @Render(new Link {
1534 Title = Translate("View all"),
1535 CssClass = "js-view-all-button u-margin",
1536 Href = settings.SearchData.ResultsPageUrl
1537 });
1538 }
1539 </div>
1540 }
1541 </div>
1542
1543 @if (settings.SearchButton != null)
1544 {
1545 settings.SearchButton.CssClass += " search__btn js-search-btn";
1546 if (settings.RenderDefaultSearchIcon)
1547 {
1548 settings.SearchButton.Icon = new Icon { Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue };
1549 }
1550 @Render(settings.SearchButton);
1551 }
1552 </div>
1553 }
1554 @using System.Reflection
1555 @using Dynamicweb.Rapido.Blocks.Components.General
1556 @using Dynamicweb.Rapido.Blocks.Components
1557
1558
1559 @* Component *@
1560
1561 @helper RenderSelectField(SelectField settings)
1562 {
1563 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id))
1564 {
1565 settings.Id = Guid.NewGuid().ToString("N");
1566 }
1567
1568 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod">
1569 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1570 {
1571 <div class="u-full-width">
1572 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1573 @if (settings.Link != null) {
1574 <div class="u-pull--right">
1575 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1576 @Render(settings.Link)
1577 </div>
1578 }
1579 </div>
1580 }
1581
1582 @if (!string.IsNullOrEmpty(settings.HelpText))
1583 {
1584 <small class="form__help-text">@settings.HelpText</small>
1585 }
1586
1587 @if (settings.ActionButton != null)
1588 {
1589 settings.ActionButton.CssClass += " btn--condensed u-no-margin";
1590 <div class="form__field-combi u-no-margin dw-mod">
1591 @RenderSelectBase(settings)
1592 @Render(settings.ActionButton)
1593 </div>
1594 }
1595 else
1596 {
1597 @RenderSelectBase(settings)
1598 }
1599
1600 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1601 </div>
1602 }
1603
1604 @helper RenderSelectBase(SelectField settings)
1605 {
1606 var attributes = new Dictionary<string, string>();
1607
1608 /*base settings*/
1609 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1610 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1611 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1612 if (settings.Disabled) { attributes.Add("disabled", "true"); }
1613 if (settings.Required) { attributes.Add("required", "true"); }
1614 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1615 /*end*/
1616
1617 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1618
1619 <select @ComponentMethods.AddAttributes(resultAttributes) class="u-full-width @settings.CssClass dw-mod">
1620 @if (settings.Default != null)
1621 {
1622 @Render(settings.Default)
1623 }
1624
1625 @foreach (var item in settings.Options)
1626 {
1627 if (settings.Value != null) {
1628 item.Checked = item.Value == settings.Value;
1629 }
1630 @Render(item)
1631 }
1632 </select>
1633 }
1634 @using System.Reflection
1635 @using Dynamicweb.Rapido.Blocks.Components.General
1636 @using Dynamicweb.Rapido.Blocks.Components
1637
1638 @* Component *@
1639
1640 @helper RenderRadioButtonField(RadioButtonField settings)
1641 {
1642 var attributes = new Dictionary<string, string>();
1643 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id))
1644 {
1645 settings.Id = Guid.NewGuid().ToString("N");
1646 }
1647
1648 /*base settings*/
1649 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1650 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1651 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1652 if (settings.Disabled) { attributes.Add("disabled", "true"); }
1653 if (settings.Required) { attributes.Add("required", "true"); }
1654 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1655 /*end*/
1656
1657 attributes.Add("type", "radio");
1658 if (settings.Checked) { attributes.Add("checked", "true"); }
1659 settings.CssClass = "form__control " + settings.CssClass;
1660 if (settings.Value != null) { attributes.Add("value", settings.Value); }
1661
1662 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1663
1664 <div class="form__field-group @settings.WrapperCssClass dw-mod">
1665 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1666 @if (!string.IsNullOrEmpty(settings.Label))
1667 {
1668 <label for="@settings.Id" class="dw-mod">@settings.Label</label>
1669 }
1670 @if (!string.IsNullOrEmpty(settings.HelpText))
1671 {
1672 <small class="form__help-text">@settings.HelpText</small>
1673 }
1674 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1675 </div>
1676 }
1677 @using System.Reflection
1678 @using Dynamicweb.Rapido.Blocks.Components.General
1679 @using Dynamicweb.Rapido.Blocks.Components
1680
1681
1682 @* Component *@
1683
1684 @helper RenderRadioButtonListField(RadioButtonListField settings)
1685 {
1686 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
1687
1688 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1689 @if (!string.IsNullOrEmpty(settings.Label))
1690 {
1691 <label>@settings.Label</label>
1692 }
1693 @if (!string.IsNullOrEmpty(settings.HelpText))
1694 {
1695 <small class="form__help-text">@settings.HelpText</small>
1696 }
1697
1698 @foreach (var item in settings.Options)
1699 {
1700 if (settings.Required)
1701 {
1702 item.Required = true;
1703 }
1704 if (settings.Disabled)
1705 {
1706 item.Disabled = true;
1707 }
1708 if (!string.IsNullOrEmpty(settings.Name))
1709 {
1710 item.Name = settings.Name;
1711 }
1712 if (settings.Value != null && settings.Value == item.Value)
1713 {
1714 item.Checked = true;
1715 }
1716 if (!string.IsNullOrEmpty(settings.OnClick))
1717 {
1718 item.OnClick += settings.OnClick;
1719 }
1720 if (!string.IsNullOrEmpty(settings.OnChange))
1721 {
1722 item.OnChange += settings.OnChange;
1723 }
1724 if (!string.IsNullOrEmpty(settings.CssClass))
1725 {
1726 item.CssClass += settings.CssClass;
1727 }
1728 @Render(item)
1729 }
1730
1731 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1732 </div>
1733 }
1734 @using System.Reflection
1735 @using Dynamicweb.Rapido.Blocks.Components.General
1736 @using Dynamicweb.Rapido.Blocks.Components
1737
1738
1739 @* Component *@
1740
1741 @helper RenderNotificationMessage(NotificationMessage settings)
1742 {
1743 if (!string.IsNullOrEmpty(settings.Message))
1744 {
1745 var attributes = new Dictionary<string, string>();
1746 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1747
1748 string messageTypeClass = Enum.GetName(typeof(NotificationMessageType), settings.MessageType).ToLower();
1749 string messageLayoutClass = Enum.GetName(typeof(NotificationMessageLayout), settings.MessageLayout).ToLower();
1750 string minHeightClass = settings.Icon != null ? "u-min-h70px" : "";
1751
1752 <div class="notification-message-@messageTypeClass notification-message-@messageLayoutClass @messageLayoutClass @minHeightClass @settings.CssClass u-full-width dw-mod" @ComponentMethods.AddAttributes(attributes)>
1753 @if (settings.Icon != null) {
1754 settings.Icon.Label = !string.IsNullOrEmpty(settings.Icon.Label) ? settings.Message + settings.Icon.Label : settings.Message;
1755 @Render(settings.Icon)
1756 } else {
1757 @settings.Message
1758 }
1759 </div>
1760 }
1761 }
1762 @using Dynamicweb.Rapido.Blocks.Components.General
1763
1764
1765 @* Component *@
1766
1767 @helper RenderHandlebarsRoot(HandlebarsRoot settings) {
1768 string preRender = !String.IsNullOrEmpty(settings.PreRenderScriptTemplate) ? "data-pre-render-template=\"" + settings.PreRenderScriptTemplate + "\"" : "";
1769
1770 <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>
1771 @if (settings.SubBlocks != null) {
1772 @RenderBlockList(settings.SubBlocks)
1773 }
1774 </div>
1775 }
1776 @using System.Reflection
1777 @using Dynamicweb.Rapido.Blocks.Components.General
1778 @using Dynamicweb.Rapido.Blocks.Components
1779 @using System.Text.RegularExpressions
1780
1781
1782 @* Component *@
1783
1784 @helper RenderSticker(Sticker settings) {
1785 if (!String.IsNullOrEmpty(settings.Title)) {
1786 string size = settings.Size.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Size.ToString().ToLower() : "";
1787 string style = settings.Style.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Style.ToString().ToLower() : "";
1788
1789 Dictionary<String, String> optionalAttributes = new Dictionary<string, string>();
1790 if (!String.IsNullOrEmpty(settings.Color) || !String.IsNullOrEmpty(settings.BackgroundColor)) {
1791 string styleTag = !String.IsNullOrEmpty(settings.Color) ? "color: " + settings.Color + "; " : "";
1792 styleTag += !String.IsNullOrEmpty(settings.BackgroundColor) ? "background-color: " + settings.BackgroundColor + "; " : "";
1793 optionalAttributes.Add("style", styleTag);
1794 }
1795
1796 <div class="stickers-container__tag @size @style @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Title</div>
1797 }
1798 }
1799
1800 @using System.Reflection
1801 @using Dynamicweb.Rapido.Blocks.Components.General
1802 @using Dynamicweb.Rapido.Blocks.Components
1803
1804
1805 @* Component *@
1806
1807 @helper RenderStickersCollection(StickersCollection settings)
1808 {
1809 if (settings.Stickers.Count > 0)
1810 {
1811 string position = "stickers-container--" + Regex.Replace(settings.Position.ToString(), "([a-z])([A-Z])", "$1-$2").ToLower();
1812
1813 <div class="stickers-container @position @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1814 @foreach (Sticker sticker in settings.Stickers)
1815 {
1816 @Render(sticker)
1817 }
1818 </div>
1819 }
1820 }
1821
1822 @using Dynamicweb.Rapido.Blocks.Components.General
1823
1824
1825 @* Component *@
1826
1827 @helper RenderForm(Form settings) {
1828 if (settings != null)
1829 {
1830 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>();
1831 if (!string.IsNullOrEmpty(settings.Action)) { optionalAttributes.Add("action", settings.Action); };
1832 if (!string.IsNullOrEmpty(settings.Name)) { optionalAttributes.Add("name", settings.Name); };
1833 if (!string.IsNullOrEmpty(settings.OnSubmit)) { optionalAttributes.Add("onsubmit", settings.OnSubmit); };
1834 var enctypes = new Dictionary<string, string>
1835 {
1836 { "multipart", "multipart/form-data" },
1837 { "text", "text/plain" },
1838 { "application", "application/x-www-form-urlencoded" }
1839 };
1840 if (settings.Enctype != FormEnctype.none) { optionalAttributes.Add("enctype", enctypes[Enum.GetName(typeof(FormEnctype), settings.Enctype).ToLower()]); };
1841 optionalAttributes.Add("method", settings.Method.ToString());
1842
1843 if (!string.IsNullOrEmpty(settings.FormStartMarkup))
1844 {
1845 @settings.FormStartMarkup
1846 }
1847 else
1848 {
1849 @:<form class="@settings.CssClass u-no-margin dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1850 }
1851
1852 foreach (var field in settings.GetFields())
1853 {
1854 @Render(field)
1855 }
1856
1857 @:</form>
1858 }
1859 }
1860 @using System.Reflection
1861 @using Dynamicweb.Rapido.Blocks.Components.General
1862 @using Dynamicweb.Rapido.Blocks.Components
1863
1864
1865 @* Component *@
1866
1867 @helper RenderText(Text settings)
1868 {
1869 @settings.Content
1870 }
1871 @using System.Reflection
1872 @using Dynamicweb.Rapido.Blocks.Components.General
1873 @using Dynamicweb.Rapido.Blocks.Components
1874
1875
1876 @* Component *@
1877
1878 @helper RenderContentModule(ContentModule settings) {
1879 if (!string.IsNullOrEmpty(settings.Content))
1880 {
1881 @settings.Content
1882 }
1883 }
1884 @using System.Reflection
1885 @using Dynamicweb.Rapido.Blocks.Components.General
1886 @using Dynamicweb.Rapido.Blocks.Components
1887
1888
1889 @* Component *@
1890
1891 @helper RenderModal(Modal settings) {
1892 if (settings != null)
1893 {
1894 string modalId = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N");
1895
1896 string onchange = !string.IsNullOrEmpty(settings.OnClose) ? "onchange=\"if(!this.checked){" + settings.OnClose + "}\"" : "";
1897
1898 <input type="checkbox" id="@(modalId)ModalTrigger" class="modal-trigger" @onchange />
1899
1900 <div class="modal-container">
1901 @if (!settings.DisableDarkOverlay)
1902 {
1903 <label for="@(modalId)ModalTrigger" id="@(modalId)ModalOverlay" class="modal-overlay"></label>
1904 }
1905 <div class="modal modal--@settings.Width.ToString().ToLower() modal-height--@settings.Height.ToString().ToLower()" id="@(modalId)Modal">
1906 @if (settings.Heading != null)
1907 {
1908 if (!string.IsNullOrEmpty(settings.Heading.Title))
1909 {
1910 <div class="modal__header">
1911 @Render(settings.Heading)
1912 </div>
1913 }
1914 }
1915 <div class="modal__body @(settings.Width.ToString().ToLower() == "full" ? "modal__body--full" : "")">
1916 @if (!string.IsNullOrEmpty(settings.BodyText))
1917 {
1918 @settings.BodyText
1919 }
1920 @if (settings.BodyTemplate != null)
1921 {
1922 @settings.BodyTemplate
1923 }
1924 @{
1925 var actions = settings.GetActions();
1926 }
1927 </div>
1928 @if (actions.Length > 0)
1929 {
1930 <div class="modal__footer">
1931 @foreach (var action in actions)
1932 {
1933 if (Pageview.Device.ToString() != "Mobile") {
1934 action.CssClass += " u-no-margin";
1935 } else {
1936 action.CssClass += " u-full-width u-margin-bottom";
1937 }
1938
1939 @Render(action)
1940 }
1941 </div>
1942 }
1943 <label class="modal__close-btn" for="@(modalId)ModalTrigger"></label>
1944 </div>
1945 </div>
1946 }
1947 }
1948 @using Dynamicweb.Rapido.Blocks.Components.General
1949
1950 @* Component *@
1951
1952 @helper RenderMediaListItem(MediaListItem settings)
1953 {
1954 <div class="media-list-item @settings.CssClass dw-mod" @(!string.IsNullOrEmpty(settings.Id) ? "id=\"" + settings.Id + "\"" : "")>
1955 @if (!string.IsNullOrEmpty(settings.Label))
1956 {
1957 if (!string.IsNullOrEmpty(settings.Link))
1958 {
1959 @Render(new Link
1960 {
1961 Href = settings.Link,
1962 CssClass = "media-list-item__sticker dw-mod",
1963 ButtonLayout = ButtonLayout.None,
1964 Title = settings.Label,
1965 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : ""
1966 })
1967 }
1968 else if (!string.IsNullOrEmpty(settings.OnClick))
1969 {
1970 <span class="media-list-item__sticker dw-mod" onclick="@(settings.OnClick)">
1971 <span class="u-uppercase">@settings.Label</span>
1972 </span>
1973 }
1974 else
1975 {
1976 <span class="media-list-item__sticker media-list-item__sticker--no-link dw-mod">
1977 <span class="u-uppercase">@settings.Label</span>
1978 </span>
1979 }
1980 }
1981 <div class="media-list-item__wrap">
1982 <div class="media-list-item__info dw-mod">
1983 <div class="media-list-item__header dw-mod">
1984 @if (!string.IsNullOrEmpty(settings.Title))
1985 {
1986 if (!string.IsNullOrEmpty(settings.Link))
1987 {
1988 @Render(new Link
1989 {
1990 Href = settings.Link,
1991 CssClass = "media-list-item__name dw-mod",
1992 ButtonLayout = ButtonLayout.None,
1993 Title = settings.Title,
1994 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : ""
1995 })
1996 }
1997 else if (!string.IsNullOrEmpty(settings.OnClick))
1998 {
1999 <span class="media-list-item__name dw-mod" onclick="@(settings.OnClick)">@settings.Title</span>
2000 }
2001 else
2002 {
2003 <span class="media-list-item__name media-list-item__name--no-link dw-mod">@settings.Title</span>
2004 }
2005 }
2006
2007 @if (!string.IsNullOrEmpty(settings.Status))
2008 {
2009 <div class="media-list-item__state dw-mod">@settings.Status</div>
2010 }
2011 </div>
2012 @{
2013 settings.InfoTable.CssClass += " media-list-item__parameters-table";
2014 }
2015
2016 @Render(settings.InfoTable)
2017 </div>
2018 <div class="media-list-item__actions dw-mod">
2019 <div class="media-list-item__actions-list dw-mod">
2020 @{
2021 var actions = settings.GetActions();
2022
2023 foreach (ButtonBase action in actions)
2024 {
2025 action.ButtonLayout = ButtonLayout.None;
2026 action.CssClass += " media-list-item__action link";
2027
2028 @Render(action)
2029 }
2030 }
2031 </div>
2032
2033 @if (settings.SelectButton != null && !string.IsNullOrEmpty(settings.SelectButton.Title))
2034 {
2035 settings.SelectButton.CssClass += " u-no-margin";
2036
2037 <div class="media-list-item__action-button">
2038 @Render(settings.SelectButton)
2039 </div>
2040 }
2041 </div>
2042 </div>
2043 </div>
2044 }
2045 @using Dynamicweb.Rapido.Blocks.Components.General
2046 @using Dynamicweb.Rapido.Blocks.Components
2047
2048 @helper RenderTable(Table settings)
2049 {
2050 Dictionary<string, string> attributes = new Dictionary<string, string>();
2051 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
2052
2053 var enumToClasses = new Dictionary<TableDesign, string>
2054 {
2055 { TableDesign.Clean, "table--clean" },
2056 { TableDesign.Bordered, "table--bordered" },
2057 { TableDesign.Striped, "table--striped" },
2058 { TableDesign.Hover, "table--hover" },
2059 { TableDesign.Compact, "table--compact" },
2060 { TableDesign.Condensed, "table--condensed" },
2061 { TableDesign.NoTopBorder, "table--no-top-border" }
2062 };
2063 string tableDesignClass = "";
2064 if (settings.Design != TableDesign.None)
2065 {
2066 tableDesignClass = enumToClasses[settings.Design];
2067 }
2068
2069 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableDesign.None) { attributes.Add("class", "table " + tableDesignClass + " " + settings.CssClass + " dw-mod"); }
2070
2071 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value);
2072
2073 <table @ComponentMethods.AddAttributes(resultAttributes)>
2074 @if (settings.Header != null)
2075 {
2076 <thead>
2077 @Render(settings.Header)
2078 </thead>
2079 }
2080 <tbody>
2081 @foreach (var row in settings.Rows)
2082 {
2083 @Render(row)
2084 }
2085 </tbody>
2086 @if (settings.Footer != null)
2087 {
2088 <tfoot>
2089 @Render(settings.Footer)
2090 </tfoot>
2091 }
2092 </table>
2093 }
2094 @using Dynamicweb.Rapido.Blocks.Components.General
2095 @using Dynamicweb.Rapido.Blocks.Components
2096
2097 @helper RenderTableRow(TableRow settings)
2098 {
2099 Dictionary<string, string> attributes = new Dictionary<string, string>();
2100 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
2101
2102 var enumToClasses = new Dictionary<TableRowDesign, string>
2103 {
2104 { TableRowDesign.NoBorder, "table__row--no-border" },
2105 { TableRowDesign.Border, "table__row--border" },
2106 { TableRowDesign.TopBorder, "table__row--top-line" },
2107 { TableRowDesign.BottomBorder, "table__row--bottom-line" },
2108 { TableRowDesign.Solid, "table__row--solid" }
2109 };
2110
2111 string tableRowDesignClass = "";
2112 if (settings.Design != TableRowDesign.None)
2113 {
2114 tableRowDesignClass = enumToClasses[settings.Design];
2115 }
2116
2117 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableRowDesign.None) { attributes.Add("class", "table__row " + tableRowDesignClass + " " + settings.CssClass + " dw-mod"); }
2118
2119 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value);
2120
2121 <tr @ComponentMethods.AddAttributes(resultAttributes)>
2122 @foreach (var cell in settings.Cells)
2123 {
2124 if (settings.IsHeaderRow)
2125 {
2126 cell.IsHeader = true;
2127 }
2128 @Render(cell)
2129 }
2130 </tr>
2131 }
2132 @using Dynamicweb.Rapido.Blocks.Components.General
2133 @using Dynamicweb.Rapido.Blocks.Components
2134 @using Dynamicweb.Core
2135
2136 @helper RenderTableCell(TableCell settings)
2137 {
2138 Dictionary<string, string> attributes = new Dictionary<string, string>();
2139 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
2140 if (settings.Colspan != 0) { attributes.Add("colspan", Converter.ToString(settings.Colspan)); }
2141 if (settings.Rowspan != 0) { attributes.Add("rowspan", Converter.ToString(settings.Rowspan)); }
2142 if (!string.IsNullOrEmpty(settings.CssClass)) { attributes.Add("class", settings.CssClass + " dw-mod"); }
2143
2144 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value);
2145
2146 string tagName = settings.IsHeader ? "th" : "td";
2147
2148 @("<" + tagName + " " + ComponentMethods.AddAttributes(resultAttributes) + ">")
2149 @settings.Content
2150 @("</" + tagName + ">");
2151 }
2152 @using System.Linq
2153 @using Dynamicweb.Rapido.Blocks.Components.General
2154
2155 @* Component *@
2156
2157 @helper RenderPagination(Dynamicweb.Rapido.Blocks.Components.General.Pagination settings)
2158 {
2159 var pageNumberQueryStringName = Dynamicweb.Rapido.Services.Pagination.GetPageNumberQueryStringName(settings); // Get the proper 'page number' query string parameter
2160 var queryParameters = Dynamicweb.Rapido.Services.Url.GetQueryParameters(pageNumberQueryStringName); // Get the NameValueCollection from the querystring
2161
2162 if (settings.NumberOfPages > 1)
2163 {
2164 string url = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority) + "/Default.aspx";
2165 string ariaLabel = !string.IsNullOrWhiteSpace(settings.AriaLabel) ? settings.AriaLabel : Translate("Page navigation");
2166 Dictionary<string, int> startAndEndPageNumber = Dynamicweb.Rapido.Services.Pagination.GetStartAndEndPageNumber(settings);
2167
2168 <div class="pager u-margin-top dw-mod @settings.CssClass" aria-label="@ariaLabel">
2169 @if (settings.ShowPagingInfo)
2170 {
2171 <div class="pager__info dw-mod">
2172 @Translate("Page") @settings.CurrentPageNumber @Translate("of") @settings.NumberOfPages
2173 </div>
2174 }
2175 <ul class="pager__list dw-mod">
2176 @if (!string.IsNullOrWhiteSpace(settings.FirstPageUrl) && settings.ShowFirstAndLastControls)
2177 {
2178 @Render(new PaginationItem { Link = settings.FirstPageUrl, Icon = settings.FirstIcon })
2179 }
2180 @if (!string.IsNullOrWhiteSpace(settings.PreviousPageUrl) && settings.ShowNextAndPrevControls)
2181 {
2182 @Render(new PaginationItem { Link = settings.PreviousPageUrl, Icon = settings.PrevIcon })
2183 }
2184 @if (settings.GetPages().Any())
2185 {
2186 foreach (var page in settings.GetPages())
2187 {
2188 @Render(page)
2189 }
2190 }
2191 else
2192 {
2193 for (var page = startAndEndPageNumber["StartPage"]; page <= startAndEndPageNumber["EndPage"]; page++)
2194 {
2195 queryParameters = Dynamicweb.Rapido.Services.Url.UpdateQueryStringParameter(queryParameters, pageNumberQueryStringName, page.ToString());
2196 @Render(new PaginationItem { Label = page.ToString(), Link = Dynamicweb.Rapido.Services.Url.BuildUri(url, queryParameters).PathAndQuery, IsActive = (settings.CurrentPageNumber == page) });
2197 }
2198 }
2199 @if (!string.IsNullOrWhiteSpace(settings.NextPageUrl) && settings.ShowNextAndPrevControls)
2200 {
2201 @Render(new PaginationItem { Link = settings.NextPageUrl, Icon = settings.NextIcon })
2202 }
2203 @if (!string.IsNullOrWhiteSpace(settings.LastPageUrl) && settings.ShowFirstAndLastControls)
2204 {
2205 @Render(new PaginationItem { Link = settings.LastPageUrl, Icon = settings.LastIcon })
2206 }
2207 </ul>
2208 </div>
2209 }
2210 }
2211
2212 @helper RenderPaginationItem(PaginationItem settings)
2213 {
2214 if (settings.Icon == null)
2215 {
2216 settings.Icon = new Icon();
2217 }
2218
2219 settings.Icon.Label = settings.Label;
2220 <li class="pager__btn dw-mod">
2221 @if (settings.IsActive)
2222 {
2223 <span class="pager__num pager__num--current dw-mod">
2224 @Render(settings.Icon)
2225 </span>
2226 }
2227 else
2228 {
2229 <a href="@settings.Link" class="pager__num dw-mod">
2230 @Render(settings.Icon)
2231 </a>
2232 }
2233 </li>
2234 }
2235
2236
2237 @using Dynamicweb.Rapido.Blocks.Components.General
2238 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
2239
2240
2241 @using Dynamicweb.Frontend
2242 @using System.Reflection
2243 @using Dynamicweb.Content.Items
2244 @using System.Web.UI.HtmlControls
2245 @using Dynamicweb.Rapido.Blocks.Components
2246 @using Dynamicweb.Rapido.Blocks
2247 @using Dynamicweb.Rapido.Blocks.Components.Articles
2248
2249 @* Components for the articles *@
2250 @using System.Reflection
2251 @using Dynamicweb.Rapido.Blocks.Components.Articles
2252
2253
2254 @* Component for the articles *@
2255
2256 @helper RenderArticleBanner(dynamic settings) {
2257 string filterClasses = "image-filter image-filter--darken";
2258 settings.Layout = ArticleHeaderLayout.Banner;
2259
2260 if (settings.Image != null)
2261 {
2262 if (settings.Image.Path != null)
2263 {
2264 <section class="multiple-paragraphs-container u-color-light paragraph-container--full-width">
2265 <div class="background-image @filterClasses dw-mod">
2266 <div class="background-image__wrapper @filterClasses dw-mod">
2267 @{
2268 settings.Image.CssClass += "background-image__cover dw-mod";
2269 }
2270 @Render(settings.Image)
2271 </div>
2272 </div>
2273 <div class="center-container dw-mod">
2274 <div class="grid">
2275 <div class="grid__col-md-8 grid__col-xs-12 paragraph-container paragraph-container--height-lg">
2276 <div class="u-left-middle">
2277 <div>
2278 @if (!String.IsNullOrEmpty(settings.Heading))
2279 {
2280 <h1 class="article__header article__header--giant dw-mod" style="color: @settings.TextColor">@settings.Heading</h1>
2281 }
2282 @if (!String.IsNullOrEmpty(settings.Subheading))
2283 {
2284 <div class="article__leadtext dw-mod" style="color: @settings.TextColor">@settings.Subheading</div>
2285 }
2286 @if (!String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date))
2287 {
2288 <small class="article__post-info u-margin-bottom--lg dw-mod" style="color: @settings.TextColor">@settings.Author @settings.Date</small>
2289 }
2290 @if (!String.IsNullOrEmpty(settings.Link)) {
2291 <div class="grid__cell">
2292 @Render(new Link { Href = settings.Link, Title = settings.LinkText, ButtonLayout = settings.ButtonLayout })
2293 </div>
2294 }
2295 </div>
2296 </div>
2297 </div>
2298 @if (settings.ExternalParagraphId != 0)
2299 {
2300 <div class="grid__col-md-4 grid__col-sm-12 grid__col-xs-12 paragraph-container paragraph-container--height-auto dw-mod">
2301 <div class="u-color-light-gray--bg u-color-dark dw-mod">
2302 @RenderParagraphContent(settings.ExternalParagraphId)
2303 </div>
2304 </div>
2305 }
2306
2307 </div>
2308 </div>
2309 </section>
2310 if (!String.IsNullOrEmpty(settings.Image.Caption)) {
2311 <div class="image-caption dw-mod">@settings.Image.Caption</div>
2312 }
2313 }
2314 else
2315 {
2316 settings.Layout = ArticleHeaderLayout.Clean;
2317 @RenderArticleCleanHeader(settings);
2318 }
2319 }
2320 else
2321 {
2322 settings.Layout = ArticleHeaderLayout.Clean;
2323 @RenderArticleCleanHeader(settings);
2324 }
2325 }
2326 @using System.Reflection
2327 @using Dynamicweb.Rapido.Blocks.Components
2328 @using Dynamicweb.Rapido.Blocks.Components.General
2329 @using Dynamicweb.Rapido.Blocks.Components.Articles
2330 @using Dynamicweb.Rapido.Blocks
2331
2332
2333 @* Component for the articles *@
2334
2335 @helper RenderArticleHeader(ArticleHeader settings) {
2336 dynamic[] methodParameters = new dynamic[1];
2337 methodParameters[0] = settings;
2338 MethodInfo customMethod = this.GetType().GetMethod("RenderArticleHeaderCustom");
2339
2340 if (customMethod != null)
2341 {
2342 @customMethod.Invoke(this, methodParameters).ToString();
2343 } else {
2344 switch (settings.Layout)
2345 {
2346 case ArticleHeaderLayout.Clean:
2347 @RenderArticleCleanHeader(settings);
2348 break;
2349 case ArticleHeaderLayout.Split:
2350 @RenderArticleSplitHeader(settings);
2351 break;
2352 case ArticleHeaderLayout.Banner:
2353 @RenderArticleBannerHeader(settings);
2354 break;
2355 case ArticleHeaderLayout.Overlay:
2356 @RenderArticleOverlayHeader(settings);
2357 break;
2358 default:
2359 @RenderArticleCleanHeader(settings);
2360 break;
2361 }
2362 }
2363 }
2364
2365 @helper RenderArticleCleanHeader(ArticleHeader settings) {
2366 dynamic[] methodParameters = new dynamic[1];
2367 methodParameters[0] = settings;
2368 MethodInfo customMethod = this.GetType().GetMethod("RenderArticleCleanHeaderCustom");
2369
2370 if (customMethod != null)
2371 {
2372 @customMethod.Invoke(this, methodParameters).ToString();
2373 }
2374 else
2375 {
2376 string contentColumns = settings.TextLayout != ArticleHeaderTextLayout.Full ? "8" : "12";
2377
2378 <div class="grid grid--align-content-start grid--justify-start">
2379 <div class="grid__col-md-@contentColumns grid__col-sm-12 u-padding--lg dw-mod">
2380 @if (!String.IsNullOrEmpty(settings.Category) || !String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date) || settings.RatingOutOf != 0)
2381 {
2382 <div class="u-border-bottom u-padding-bottom">
2383 @if (!String.IsNullOrEmpty(settings.Category))
2384 {
2385 <div class="u-pull--left">
2386 <div class="article__category dw-mod" style="color: @settings.CategoryColor">@settings.Category</div>
2387 </div>
2388 }
2389 <div class="u-pull--right">
2390 @if (!String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date))
2391 {
2392 <small class="article__post-info dw-mod">@settings.Author @settings.Date</small>
2393 }
2394 @if (settings.RatingOutOf != 0)
2395 {
2396 @Render(new Rating { Score = settings.RatingScore, OutOf = settings.RatingOutOf })
2397 }
2398 </div>
2399 </div>
2400 }
2401
2402 <div class="grid__cell">
2403 @if (!String.IsNullOrEmpty(settings.Heading))
2404 {
2405 <h1 class="article__header article__header--giant dw-mod">@settings.Heading</h1>
2406 }
2407 @if (settings.Image != null)
2408 {
2409 if (settings.Image.Path != null)
2410 {
2411 <div class="u-padding-bottom--lg">
2412 @Render(settings.Image)
2413 </div>
2414 }
2415 }
2416 @if (!String.IsNullOrEmpty(settings.Subheading))
2417 {
2418 <div class="article__leadtext dw-mod">@settings.Subheading</div>
2419 }
2420 @if (!String.IsNullOrEmpty(settings.Link))
2421 {
2422 <div class="grid__cell">
2423 @Render(new Link { Href = settings.Link, Title = settings.LinkText, ButtonLayout = settings.ButtonLayout })
2424 </div>
2425 }
2426 </div>
2427 </div>
2428 @if (settings.ExternalParagraphId != 0)
2429 {
2430 <div class="grid__col-md-4 grid__col-sm-12 u-padding--lg u-color-light-gray--bg dw-mod">
2431 @RenderParagraphContent(settings.ExternalParagraphId)
2432 </div>
2433 }
2434 </div>
2435 }
2436 }
2437
2438 @helper RenderArticleSplitHeader(ArticleHeader settings) {
2439 dynamic[] methodParameters = new dynamic[1];
2440 methodParameters[0] = settings;
2441 MethodInfo customMethod = this.GetType().GetMethod("RenderArticleSplitHeaderCustom");
2442
2443 if (customMethod != null)
2444 {
2445 @customMethod.Invoke(this, methodParameters).ToString();
2446 }
2447 else
2448 {
2449 string headerColumnWidth = settings.ExternalParagraphId != 0 ? "4" : "6";
2450
2451 if (settings.Image != null)
2452 {
2453 if (settings.Image.Path != null)
2454 {
2455 <section class="multiple-paragraphs-container paragraph-container--full-width">
2456 <div class="grid">
2457 <div class="grid__col-md-@headerColumnWidth grid__col-sm-12 grid__col-xs-12 paragraph-container paragraph-container--height-xl dw-mod">
2458 <div class="u-left-middle u-padding--lg">
2459 <div>
2460 @if (!String.IsNullOrEmpty(settings.Category))
2461 {
2462 <div class="article__category dw-mod" style="color: @settings.CategoryColor">@settings.Category</div>
2463 }
2464 @if (!String.IsNullOrEmpty(settings.Heading))
2465 {
2466 <h1 class="article__header article__header--giant dw-mod">@settings.Heading</h1>
2467 }
2468 @if (!String.IsNullOrEmpty(settings.Subheading))
2469 {
2470 <div class="article__leadtext dw-mod">@settings.Subheading</div>
2471 }
2472 @if (!String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date))
2473 {
2474 <small class="article__post-info u-pull--left dw-mod">@settings.Author @settings.Date</small>
2475 }
2476 @if (settings.RatingOutOf != 0)
2477 {
2478 <div class="u-pull--right">
2479 @Render(new Rating { Score = settings.RatingScore, OutOf = settings.RatingOutOf })
2480 </div>
2481 }
2482 @if (!String.IsNullOrEmpty(settings.Link)) {
2483 <div class="u-full-width u-pull--left u-margin-top">
2484 @Render(new Link { Href = settings.Link, Title = settings.LinkText, ButtonLayout = settings.ButtonLayout })
2485 </div>
2486 }
2487 </div>
2488 </div>
2489 </div>
2490 <div class="grid__col-md-@headerColumnWidth grid__col-sm-12 grid__col-xs-12 paragraph-container paragraph-container--height-auto dw-mod" style="background-image:url(/Admin/Public/GetImage.ashx?width=1800&height=1100&crop=0&Compression=85&DoNotUpscale=true&image=@settings.Image.Path); background-position: center center; background-size: cover;"></div>
2491 @if (settings.ExternalParagraphId != 0)
2492 {
2493 <div class="grid__col-md-4 grid__col-sm-12 grid__col-xs-12 paragraph-container paragraph-container--height-auto u-color-light-gray--bg dw-mod">
2494 @RenderParagraphContent(settings.ExternalParagraphId)
2495 </div>
2496 }
2497 </div>
2498 </section>
2499 }
2500 }
2501 else
2502 {
2503 @RenderArticleCleanHeader(settings);
2504 }
2505 }
2506 }
2507
2508 @helper RenderArticleOverlayHeader(ArticleHeader settings) {
2509 dynamic[] methodParameters = new dynamic[1];
2510 methodParameters[0] = settings;
2511 MethodInfo customMethod = this.GetType().GetMethod("RenderArticleOverlayHeaderCustom");
2512
2513 if (customMethod != null)
2514 {
2515 @customMethod.Invoke(this, methodParameters).ToString();
2516 }
2517 else
2518 {
2519 string contentColumns = settings.TextLayout != ArticleHeaderTextLayout.Full ? "8" : "12";
2520 string contentAlignment = settings.TextLayout == ArticleHeaderTextLayout.Center ? "grid--justify-center" : "";
2521
2522 if (settings.Image != null)
2523 {
2524 if (settings.Image.Path != null)
2525 {
2526 if (settings.ExternalParagraphId == 0)
2527 {
2528 <section class="multiple-paragraphs-container u-color-light paragraph-container--full-width">
2529 <div class="background-image image-filter image-filter--darken dw-mod">
2530 <div class="background-image__wrapper image-filter image-filter--darken dw-mod">
2531 @{
2532 settings.Image.CssClass += "background-image__cover dw-mod";
2533 }
2534 @Render(settings.Image)
2535 </div>
2536 </div>
2537 <div class="center-container dw-mod">
2538 <div class="grid @contentAlignment">
2539 <div class="grid__col-md-@contentColumns grid__col-xs-12 paragraph-container paragraph-container--height-xl dw-mod">
2540 @if (!string.IsNullOrEmpty(settings.Heading))
2541 {
2542 <h1 class="article__header article__header--giant u-padding-top--lg dw-mod" style="color: @settings.TextColor">@settings.Heading</h1>
2543 }
2544 @if (!String.IsNullOrEmpty(settings.Subheading))
2545 {
2546 <div class="article__leadtext dw-mod" style="color: @settings.TextColor">@settings.Subheading</div>
2547 }
2548 <div class="u-margin-top">
2549 @if (!String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date))
2550 {
2551 <small class="article__post-info u-pull--left dw-mod" style="color: @settings.TextColor">@settings.Author @settings.Date</small>
2552 }
2553 @if (settings.RatingOutOf != 0)
2554 {
2555 <div class="u-pull--right">
2556 @Render(new Rating { Score = settings.RatingScore, OutOf = settings.RatingOutOf })
2557 </div>
2558 }
2559 </div>
2560 @if (!String.IsNullOrEmpty(settings.Link))
2561 {
2562 <div class="grid__cell">
2563 @Render(new Link { Href = settings.Link, Title = settings.LinkText, ButtonLayout = settings.ButtonLayout })
2564 </div>
2565 }
2566 </div>
2567 </div>
2568 </div>
2569 </section>
2570 }
2571 else
2572 {
2573 @RenderArticleBanner(settings);
2574 }
2575 }
2576 }
2577 else
2578 {
2579 @RenderArticleCleanHeader(settings);
2580 }
2581 }
2582 }
2583
2584 @helper RenderArticleBannerHeader(dynamic settings) {
2585 dynamic[] methodParameters = new dynamic[1];
2586 methodParameters[0] = settings;
2587 MethodInfo customMethod = this.GetType().GetMethod("RenderArticleBannerHeaderCustom");
2588
2589 if (customMethod != null)
2590 {
2591 @customMethod.Invoke(this, methodParameters).ToString();
2592 }
2593 else
2594 {
2595 @RenderArticleBanner(settings);
2596 }
2597 }
2598 @using System.Reflection
2599 @using System.Text.RegularExpressions;
2600 @using Dynamicweb.Frontend
2601 @using Dynamicweb.Content.Items
2602 @using Dynamicweb.Rapido.Blocks.Components
2603 @using Dynamicweb.Rapido.Blocks.Components.Articles
2604 @using Dynamicweb.Rapido.Blocks
2605
2606 @* Component for the articles *@
2607
2608 @helper RenderArticleBodyRow(ArticleBodyRow settings)
2609 {
2610 string position = settings.TopLayout == "overlay" ? "article__overlay-offset" : "";
2611 string contentAlignment = settings.TextLayout == "center" ? "grid--justify-center" : "";
2612
2613 <div class="grid grid--align-content-start @contentAlignment @position dw-mod">
2614 @RenderBlockList(settings.SubBlocks)
2615 </div>
2616 }
2617 @using System.Reflection
2618 @using Dynamicweb.Rapido.Blocks.Components
2619 @using Dynamicweb.Rapido.Blocks.Components.General
2620 @using Dynamicweb.Rapido.Blocks.Components.Articles
2621 @using Dynamicweb.Rapido.Blocks
2622
2623 @* Component for the articles *@
2624
2625 @helper RenderArticleImage(ArticleImage settings)
2626 {
2627 if (settings.Image != null)
2628 {
2629 if (settings.Image.Path != null)
2630 {
2631 <div class="u-margin-bottom--lg">
2632 @Render(settings.Image)
2633 </div>
2634 }
2635 }
2636 }
2637 @using System.Reflection
2638 @using Dynamicweb.Rapido.Blocks.Components
2639 @using Dynamicweb.Rapido.Blocks.Components.Articles
2640
2641
2642 @* Component for the articles *@
2643
2644 @helper RenderArticleSubHeader(ArticleSubHeader settings)
2645 {
2646 if (!String.IsNullOrEmpty(settings.Title))
2647 {
2648 <h2 class="article__header">@settings.Title</h2>
2649 }
2650 }
2651 @using System.Reflection
2652 @using Dynamicweb.Rapido.Blocks.Components
2653 @using Dynamicweb.Rapido.Blocks.Components.Articles
2654 @using Dynamicweb.Rapido.Blocks
2655
2656
2657 @* Component for the articles *@
2658
2659 @helper RenderArticleText(ArticleText settings)
2660 {
2661 if (!String.IsNullOrEmpty(settings.Text))
2662 {
2663 string greatTextClass = settings.EnableLargeText == true ? "article__paragraph--great-text" : "";
2664
2665 <div class="article__paragraph @greatTextClass dw-mod">
2666 @settings.Text
2667 </div>
2668 }
2669 }
2670 @using System.Reflection
2671 @using Dynamicweb.Rapido.Blocks.Components
2672 @using Dynamicweb.Rapido.Blocks.Components.Articles
2673 @using Dynamicweb.Rapido.Blocks
2674
2675
2676 @* Component for the articles *@
2677
2678 @helper RenderArticleQuote(ArticleQuote settings)
2679 {
2680 string text = Regex.Replace(settings.Text, "<.*?>", String.Empty);
2681
2682 <div class="grid u-padding-bottom--lg">
2683 @if (settings.Image != null)
2684 {
2685 if (settings.Image.Path != null) {
2686 <div class="grid__col-3">
2687 <div class="grid__cell-img">
2688 @{
2689 settings.Image.Title = !String.IsNullOrEmpty(settings.Image.Title) ? settings.Image.Title : settings.Author;
2690 settings.Image.CssClass += " article__image article__image--ball";
2691 settings.Image.ImageDefault.Width = 200;
2692 settings.Image.ImageDefault.Height = 200;
2693 }
2694 @Render(settings.Image)
2695 </div>
2696 </div>
2697 }
2698 }
2699 <div class="grid__col-auto">
2700 @if (!String.IsNullOrEmpty(settings.Text))
2701 {
2702 <div class="article__quote dw-mod">
2703 <i class="fas fa-quote-right u-margin-bottom--lg"></i>
2704 @settings.Text
2705 <i class="fas fa-quote-right"></i>
2706 </div>
2707 }
2708 @if (!String.IsNullOrEmpty(settings.Author))
2709 {
2710 <div class="article__quote-author dw-mod">
2711 - @settings.Author
2712 </div>
2713 }
2714 </div>
2715 </div>
2716 }
2717 @using System.Reflection
2718 @using Dynamicweb.Rapido.Blocks.Components
2719 @using Dynamicweb.Rapido.Blocks.Components.Articles
2720 @using Dynamicweb.Rapido.Blocks
2721
2722 @* Component for the articles *@
2723
2724 @helper RenderArticleInfoTable(ArticleInfoTable settings)
2725 {
2726 <table class="table table--clean">
2727 @foreach (var row in settings.Rows)
2728 {
2729 string iconColor = row.IconColor != null ? row.IconColor : "u-brand-color-two";
2730
2731 <tr>
2732 @if (!String.IsNullOrEmpty(row.Icon))
2733 {
2734 <td class="u-w32px"><i class="@row.Icon fa-2x @row.IconColor"></i></td>
2735 }
2736 <td class="u-no-margin-on-p-elements">
2737 <div class="u-bold">@row.Title</div>
2738 @if (!String.IsNullOrEmpty(row.SubTitle))
2739 {
2740 if (row.Link == null)
2741 {
2742 <div>@row.SubTitle</div>
2743 }
2744 else
2745 {
2746 <a href="@row.Link" class="u-color-inherit">@row.SubTitle</a>
2747 }
2748 }
2749 </td>
2750 </tr>
2751 }
2752 </table>
2753 }
2754 @using System.Reflection
2755 @using Dynamicweb.Rapido.Blocks.Components
2756 @using Dynamicweb.Rapido.Blocks.Components.General
2757 @using Dynamicweb.Rapido.Blocks.Components.Articles
2758 @using Dynamicweb.Rapido.Blocks
2759
2760 @* Component for the articles *@
2761
2762 @helper RenderArticleGalleryModal(ArticleGalleryModal settings)
2763 {
2764 Modal galleryModal = new Modal
2765 {
2766 Id = "ParagraphGallery",
2767 Width = ModalWidth.Full,
2768 BodyTemplate = RenderArticleGalleryModalContent()
2769 };
2770
2771 @Render(galleryModal)
2772 }
2773
2774 @helper RenderArticleGalleryModalContent() {
2775 <div class="modal__image-min-size-wrapper">
2776 @Render(new Image {
2777 Id = "ParagraphGallery",
2778 Path = "#",
2779 CssClass = "modal--full__img",
2780 DisableLazyLoad = true,
2781 DisableImageEngine = true
2782 })
2783 </div>
2784
2785 <div class="modal__images-counter" id="ParagraphGallery_counter"></div>
2786
2787 @Render(new Button {
2788 Id = "ParagraphGallery_prev",
2789 ButtonType = ButtonType.Button,
2790 ButtonLayout = ButtonLayout.None,
2791 CssClass = "modal__prev-btn",
2792 Icon = new Icon { Prefix = "far", Name = "fa-angle-left", LabelPosition = IconLabelPosition.After },
2793 OnClick = "Gallery.prevImage('ParagraphGallery')"
2794 })
2795
2796 @Render(new Button {
2797 Id = "ParagraphGallery_next",
2798 ButtonType = ButtonType.Button,
2799 ButtonLayout = ButtonLayout.None,
2800 CssClass = "modal__next-btn",
2801 Icon = new Icon { Prefix = "far", Name = "fa-angle-right", LabelPosition = IconLabelPosition.After },
2802 OnClick = "Gallery.nextImage('ParagraphGallery')"
2803 })
2804 }
2805 @using System.Reflection
2806 @using Dynamicweb.Rapido.Blocks.Components
2807 @using Dynamicweb.Rapido.Blocks.Components.Articles
2808 @using Dynamicweb.Rapido.Blocks
2809
2810
2811 @* Component for the articles *@
2812
2813 @helper RenderArticleRelated(ArticleRelated settings)
2814 {
2815 string cardClass = Pageview.Device.ToString() != "Tablet" ? "card u-color-light--bg u-full-height" : "";
2816 string cardFooterClass = Pageview.Device.ToString() != "Tablet" ? "card-footer u-color-light--bg" : "";
2817
2818 <section class="multiple-paragraphs-container u-color-light-gray--bg paragraph-container--full-width">
2819 <div class="center-container dw-mod">
2820 <div class="grid u-padding">
2821 <div class="grid__col-md-12 grid__col-xs-12">
2822 <h2 class="article__header u-no-margin u-margin-top">@settings.Title</h2>
2823 </div>
2824 </div>
2825
2826 <div class="js-handlebars-root u-padding" id="@settings.Title.Replace(" ", String.Empty)" data-template="RelatedSimpleTemplate" data-json-feed="/Default.aspx?ID=@settings.FeedPageId&@settings.Query&ExcludeItemID=@settings.CurrentPageId&PageSize=@settings.PageSize"></div>
2827
2828 <script id="RelatedSimpleTemplate" type="text/x-template">
2829 {{#.}}
2830 <div class="grid u-padding-bottom--lg">
2831 {{#Cases}}
2832 <div class="grid__col-lg-3 grid__col-sm-6 image-hover--zoom dw-mod">
2833 <a href="{{link}}" class="u-full-height u-color-light--bg u-flex u-flex--column">
2834 {{#if image}}
2835 <div class="u-color-light--bg u-no-padding dw-mod">
2836 <div class="flex-img image-hover__wrapper">
2837 <img class="b-lazy" src="/Files/Images/placeholder.gif" data-src="/Admin/Public/GetImage.ashx?width=680&height=314&crop=1&DoNotUpscale=True&Compression=75&image={{image}}" alt="{{title}}" />
2838 </div>
2839 </div>
2840 {{/if}}
2841
2842 <div class="card u-color-light--bg u-full-height dw-mod">
2843 <h3 class="article-list__item-header u-truncate-text dw-mod">{{title}}</h3>
2844 <p class="article__short-summary dw-mod">{{summary}}</p>
2845 </div>
2846 </a>
2847 </div>
2848 {{/Cases}}
2849 </div>
2850 {{/.}}
2851 </script>
2852 </div>
2853 </section>
2854 }
2855 @using System.Reflection
2856 @using Dynamicweb.Rapido.Blocks.Components
2857 @using Dynamicweb.Rapido.Blocks.Components.Articles
2858 @using Dynamicweb.Rapido.Blocks
2859
2860
2861 @* Component for the articles *@
2862
2863 @helper RenderArticleMenu(ArticleMenu settings)
2864 {
2865 if (!String.IsNullOrEmpty(settings.Title)) {
2866 <div class="u-margin u-border-bottom">
2867 <h3 class="u-no-margin">@settings.Title</h3>
2868 </div>
2869 }
2870
2871 <ul class="menu-left u-margin-bottom dw-mod">
2872 @foreach (var item in settings.Items)
2873 {
2874 @Render(item)
2875 }
2876 </ul>
2877 }
2878
2879 @helper RenderArticleMenuItem(ArticleMenuItem settings)
2880 {
2881 string link = !String.IsNullOrEmpty(settings.Link) ? settings.Link : "#";
2882
2883 if (!String.IsNullOrEmpty(settings.Title)) {
2884 <li class="menu-left__item dw-mod">
2885 <a href="@link" onclick="@settings.OnClick" class="menu-left__link dw-mod">@settings.Title</a>
2886 </li>
2887 }
2888 }
2889 @using System.Reflection
2890 @using Dynamicweb.Rapido.Blocks.Components
2891 @using Dynamicweb.Rapido.Blocks.Components.Articles
2892 @using Dynamicweb.Rapido.Blocks
2893
2894 @* Component for the articles *@
2895
2896 @helper RenderArticleList(ArticleList settings)
2897 {
2898 if (Pageview != null)
2899 {
2900 bool isParagraph = Pageview.CurrentParagraph != null ? true : false;
2901 string[] sortArticlesListBy = new string[2];
2902
2903 if (isParagraph) {
2904 sortArticlesListBy = Pageview.CurrentParagraph.Item["SortArticlesListBy"] != null && !string.IsNullOrEmpty(Pageview.CurrentParagraph.Item["SortArticlesListBy"].ToString()) ? Pageview.CurrentParagraph.Item["SortArticlesListBy"].ToString().Split('+') : new string[] { "Date", "ASC" };
2905 }
2906 else {
2907 sortArticlesListBy = Pageview.Item["SortArticlesListBy"] != null && !string.IsNullOrEmpty(Pageview.Item["SortArticlesListBy"].ToString()) ? Pageview.Item["SortArticlesListBy"].ToString().Split('+') : new string[] { "Date", "ASC" };
2908 }
2909
2910 string sourcePage = settings.SourcePage != null ? settings.SourcePage : Pageview.ID.ToString();
2911
2912 if (!settings.DisablePagination) {
2913 @RenderItemList(new
2914 {
2915 ItemType = !String.IsNullOrEmpty(settings.ItemType) ? settings.ItemType : "DynamicArticle",
2916 ListSourceType = settings.SourceType,
2917 ListSourcePage = sourcePage,
2918 ItemFieldsList = "*",
2919 Filter = settings.Filter,
2920 ListOrderBy = sortArticlesListBy[0],
2921 ListOrderByDirection = sortArticlesListBy[1],
2922 ListSecondOrderBy = sortArticlesListBy[0] == "Date" ? "InFocusSortId" : "Date",
2923 ListSecondOrderByDirection = "ASC",
2924 IncludeAllChildItems = true,
2925 ListTemplate = settings.Template,
2926 ListPageSize = settings.PageSize.ToString()
2927 });
2928 } else {
2929 @RenderItemList(new
2930 {
2931 ItemType = !String.IsNullOrEmpty(settings.ItemType) ? settings.ItemType : "DynamicArticle",
2932 ListSourceType = settings.SourceType,
2933 ListSourcePage = sourcePage,
2934 ItemFieldsList = "*",
2935 Filter = settings.Filter,
2936 ListOrderBy = sortArticlesListBy[0],
2937 ListOrderByDirection = sortArticlesListBy[1],
2938 ListSecondOrderBy = sortArticlesListBy[0] == "Date" ? "InFocusSortId" : "Date",
2939 ListSecondOrderByDirection = "ASC",
2940 IncludeAllChildItems = true,
2941 ListTemplate = settings.Template,
2942 ListPageSize = settings.PageSize.ToString(),
2943 ListViewMode = "Partial",
2944 ListShowTo = settings.PageSize + 1
2945 });
2946 }
2947 }
2948 }
2949 @using System.Reflection
2950 @using Dynamicweb.Rapido.Blocks.Components.Articles
2951
2952
2953 @* Component for the articles *@
2954
2955 @helper RenderArticleSummary(ArticleSummary settings)
2956 {
2957 if (!String.IsNullOrEmpty(settings.Text))
2958 {
2959 <div class="article__summary dw-mod">@settings.Text</div>
2960 }
2961 }
2962 @using System.Reflection
2963 @using Dynamicweb.Rapido.Blocks.Components
2964 @using Dynamicweb.Rapido.Blocks.Components.Articles
2965 @using Dynamicweb.Rapido.Blocks
2966
2967 @* Component for the articles *@
2968
2969 @helper RenderArticleListCategoryFilter(ArticleListCategoryFilter settings)
2970 {
2971 string pageId = Pageview.ID.ToString();
2972 string selectedFilter = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("sourcePage")) ? HttpContext.Current.Request.QueryString.Get("sourcePage") : Translate("All");
2973 var query = HttpUtility.ParseQueryString(HttpContext.Current.Request.QueryString.ToString());
2974
2975 foreach (var option in settings.Categories)
2976 {
2977 selectedFilter = selectedFilter == option.Value ? option.Key : selectedFilter;
2978 }
2979
2980 if (selectedFilter == pageId)
2981 {
2982 selectedFilter = Translate("All");
2983 }
2984
2985 if (Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet")
2986 {
2987 <div class="u-pull--right u-margin-left">
2988 <div class="collection u-no-margin">
2989 <h5>@Translate("Category")</h5>
2990 <input type="checkbox" id="CategorySelector" class="dropdown-trigger" />
2991 <div class="dropdown u-w180px dw-mod">
2992 <label class="dropdown__header dropdown__btn dw-mod" for="CategorySelector">@Translate(selectedFilter)</label>
2993 <div class="dropdown__content dw-mod">
2994 @foreach (var option in settings.Categories)
2995 {
2996 <div class="dropdown__item" onclick="QueryArray.setParametersInCurrentURL({ sourceType: 'Page', sourcePage: '@(option.Key.ToLower() == "all" ? pageId : option.Value)' })">@Translate(option.Key)</div>
2997 }
2998 </div>
2999 <label class="dropdown-trigger-off" for="CategorySelector"></label>
3000 </div>
3001 </div>
3002 </div>
3003 }
3004 else
3005 {
3006 <div class="u-full-width u-margin-bottom">
3007 <h5 class="u-no-margin">@Translate("Category")</h5>
3008 <input type="checkbox" id="CategorySelector" class="dropdown-trigger" />
3009 <div class="dropdown u-full-width dw-mod">
3010 <label class="dropdown__header dropdown__btn dw-mod" for="CategorySelector">@Translate(selectedFilter)</label>
3011 <div class="dropdown__content dw-mod">
3012 @foreach (var option in settings.Categories)
3013 {
3014 <div class="dropdown__item" onclick="QueryArray.setParametersInCurrentURL({ sourceType: 'Page', sourcePage: '@(option.Key.ToLower() == "all" ? pageId : option.Value)' })">@Translate(option.Key)</div>
3015 }
3016 </div>
3017 <label class="dropdown-trigger-off" for="CategorySelector"></label>
3018 </div>
3019 </div>
3020 }
3021 }
3022 @using System.Reflection
3023 @using Dynamicweb.Rapido.Blocks.Components
3024 @using Dynamicweb.Rapido.Blocks.Components.Articles
3025 @using Dynamicweb.Rapido.Blocks
3026 @using System.Collections.Generic
3027
3028 @* Component for the articles *@
3029
3030 @helper RenderArticleListFilter(ArticleListFilter settings)
3031 {
3032 string selectedFilter = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get(settings.SystemName)) ? HttpContext.Current.Request.QueryString.Get(settings.SystemName) : Translate("All");
3033 var query = HttpUtility.ParseQueryString(HttpContext.Current.Request.QueryString.ToString());
3034
3035 if (settings.Options != null)
3036 {
3037 if (settings.Options is IEnumerable<dynamic>)
3038 {
3039 var options = (IEnumerable<dynamic>) settings.Options;
3040 settings.Options = options.OrderBy(item => item.Name);
3041 }
3042
3043 foreach (var option in settings.Options)
3044 {
3045 selectedFilter = selectedFilter == option.Value ? option.Name : selectedFilter;
3046 }
3047
3048 if (Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet")
3049 {
3050 <div class="u-pull--right u-margin-left">
3051 <div class="collection u-no-margin">
3052 <h5>@settings.Label</h5>
3053 <input type="checkbox" id="@(settings.SystemName)Selector" class="dropdown-trigger" />
3054 <div class="dropdown u-w180px dw-mod">
3055 <label class="dropdown__header dropdown__btn dw-mod" for="@(settings.SystemName)Selector">@Translate(selectedFilter)</label>
3056 <div class="dropdown__content dw-mod">
3057 <div class="dropdown__item" onclick="QueryArray.setParameterInCurrentURL('@settings.SystemName', '')">@Translate("All")</div>
3058 @foreach (var option in settings.Options)
3059 {
3060 <div class="dropdown__item" onclick="QueryArray.setParameterInCurrentURL('@settings.SystemName', '@option.Value')">@Translate(option.Name)</div>
3061 }
3062 </div>
3063 <label class="dropdown-trigger-off" for="@(settings.SystemName)Selector"></label>
3064 </div>
3065 </div>
3066 </div>
3067 }
3068 else
3069 {
3070 <div class="u-full-width u-margin-bottom">
3071 <h5 class="u-no-margin">@settings.Label</h5>
3072 <input type="checkbox" id="@(settings.SystemName)Selector" class="dropdown-trigger" />
3073 <div class="dropdown u-full-width w-mod">
3074 <label class="dropdown__header dropdown__btn dw-mod" for="@(settings.SystemName)Selector">@Translate(selectedFilter)</label>
3075 <div class="dropdown__content dw-mod">
3076 <div class="dropdown__item" onclick="QueryArray.setParameterInCurrentURL('@settings.SystemName', '')">@Translate("All")</div>
3077 @foreach (var option in settings.Options)
3078 {
3079 <div class="dropdown__item" onclick="QueryArray.setParameterInCurrentURL('@settings.SystemName', '@option.Value')">@Translate(option.Name)</div>
3080 }
3081 </div>
3082 <label class="dropdown-trigger-off" for="@(settings.SystemName)Selector"></label>
3083 </div>
3084 </div>
3085 }
3086 }
3087 }
3088 @using System.Reflection
3089 @using Dynamicweb.Rapido.Blocks.Components
3090 @using Dynamicweb.Rapido.Blocks.Components.Articles
3091 @using Dynamicweb.Rapido.Blocks
3092
3093 @* Component for the articles *@
3094
3095 @helper RenderArticleListSearch(ArticleListSearch settings)
3096 {
3097 string searchParameter = !string.IsNullOrEmpty(settings.SearchParameter) ? settings.SearchParameter : "Title";
3098 string searchWord = HttpContext.Current.Request.QueryString.Get(searchParameter);
3099 string searchString = !string.IsNullOrEmpty(searchWord) ? searchWord.Trim('*') : "";
3100 string className = "u-w340px u-pull--right u-margin-left";
3101
3102 if (Pageview.Device.ToString() == "Mobile" || Pageview.Device.ToString() == "Tablet")
3103 {
3104 className = "u-full-width";
3105 }
3106
3107 <div class="typeahead u-color-inherit u-margin-bottom dw-mod @className">
3108 <input type="text" class="typeahead-search-field u-no-margin dw-mod" placeholder="@Translate("Search in list")" value="@searchString" id="ArticleListSearchInput" onchange="QueryArray.setParameterInCurrentURL('@searchParameter', '*' + document.getElementById('ArticleListSearchInput').value + '*')">
3109 <button type="button" class="btn btn--condensed btn--primary u-no-margin dw-mod"><i class="fas fa-search"></i></button>
3110 </div>
3111 }
3112 @using System.Reflection
3113 @using Dynamicweb.Rapido.Blocks.Components
3114 @using Dynamicweb.Rapido.Blocks.Components.Articles
3115 @using Dynamicweb.Rapido.Blocks
3116
3117 @* Component for the articles *@
3118
3119 @helper RenderArticleListNoResultsInfo(ArticleListNoResultsInfo settings)
3120 {
3121 <div class="u-margin-top--lg u-bold u-ta-center u-bold">@Translate(settings.Message)</div>
3122 }
3123 @using System.Reflection
3124 @using Dynamicweb.Rapido.Blocks.Components
3125 @using Dynamicweb.Rapido.Blocks.Components.General
3126 @using Dynamicweb.Rapido.Blocks.Components.Articles
3127 @using Dynamicweb.Rapido.Blocks
3128 @using System.Text.RegularExpressions
3129
3130 @* Component for the articles *@
3131
3132 @helper RenderArticleListItem(ArticleListItem settings)
3133 {
3134 switch (settings.Type) {
3135 case ArticleListItemType.Card:
3136 @RenderArticleListItemCard(settings);
3137 break;
3138 case ArticleListItemType.List:
3139 @RenderArticleListItemList(settings);
3140 break;
3141 case ArticleListItemType.Simple:
3142 @RenderArticleListItemSimple(settings);
3143 break;
3144 default:
3145 @RenderArticleListItemCard(settings);
3146 break;
3147 }
3148 }
3149
3150 @helper RenderArticleListItemCard(ArticleListItem settings) {
3151 <a href="@settings.Link" class="u-full-height u-color-light--bg u-flex u-flex--column">
3152 <div class="u-color-light--bg u-no-padding dw-mod">
3153 @if (settings.Logo != null)
3154 {
3155 string backgroundImage = settings.Image != null ? "background-image:url(/Admin/Public/GetImage.ashx?width=992&height=760&crop=0&Compression=75&DoNotUpscale=True&image=" + settings.Image.Path + "); background-size: cover;" : "";
3156 settings.Logo.ImageDefault.Crop = 5;
3157 settings.Logo.ImageDefault.Width = settings.Logo.ImageDefault.Width == 1920 ? 240 : settings.Logo.ImageDefault.Width;
3158 settings.Logo.ImageDefault.Height = settings.Logo.ImageDefault.Height == 1080 ? 200 : settings.Logo.ImageDefault.Height;
3159 <div class="image-hover__wrapper layered-image layered-image--tinted dw-mod" style="@backgroundImage">
3160 @if (settings.Stickers != null)
3161 {
3162 if (settings.Stickers.Position != StickersListPosition.Custom && settings.Stickers.Position != StickersListPosition.None)
3163 {
3164 @Render(settings.Stickers);
3165 }
3166 }
3167 @RenderImage(settings.Logo)
3168 </div>
3169 } else if (settings.Image != null)
3170 {
3171 <div class="flex-img image-hover__wrapper u-position-relative dw-mod">
3172 @if (settings.Stickers != null)
3173 {
3174 if (settings.Stickers.Position != StickersListPosition.Custom && settings.Stickers.Position != StickersListPosition.None)
3175 {
3176 @Render(settings.Stickers);
3177 }
3178 }
3179 @Render(settings.Image)
3180 </div>
3181 }
3182 </div>
3183
3184 @if (!String.IsNullOrEmpty(settings.Title) || !String.IsNullOrEmpty(settings.Summary))
3185 {
3186 <div class="card u-color-light--bg u-full-height dw-mod">
3187 @if (settings.Stickers != null)
3188 {
3189 if (settings.Stickers.Position == StickersListPosition.Custom)
3190 {
3191 @Render(settings.Stickers);
3192 }
3193 }
3194 @if (!String.IsNullOrEmpty(settings.Title))
3195 {
3196 <h3 class="article-list__item-header u-truncate-text dw-mod">@settings.Title</h3>
3197 }
3198 @if (!String.IsNullOrEmpty(settings.SubTitle))
3199 {
3200 <div class="article-list__item-micro-info u-truncate-text dw-mod">@settings.SubTitle</div>
3201 }
3202 @if (!String.IsNullOrEmpty(settings.Summary))
3203 {
3204 <p class="article__short-summary dw-mod">@settings.Summary</p>
3205 }
3206 </div>
3207 }
3208 </a>
3209 }
3210
3211 @helper RenderArticleListItemList(ArticleListItem settings) {
3212 <a href="@settings.Link">
3213 <div class="grid u-color-light--bg u-no-padding dw-mod">
3214 <div class="grid__col-md-3">
3215 <div class="u-color-light--bg u-no-padding dw-mod">
3216 @if (settings.Logo != null)
3217 {
3218 string backgroundImage = settings.Image != null ? "background-image:url(/Admin/Public/GetImage.ashx?width=992&height=760&crop=0&Compression=75&DoNotUpscale=True&image=" + settings.Image.Path + "); background-size: cover;" : "";
3219 settings.Logo.ImageDefault.Crop = 5;
3220 settings.Logo.ImageDefault.Width = settings.Logo.ImageDefault.Width == 1920 ? 240 : settings.Logo.ImageDefault.Width;
3221 settings.Logo.ImageDefault.Height = settings.Logo.ImageDefault.Height == 1080 ? 200 : settings.Logo.ImageDefault.Height;
3222 <div class="image-hover__wrapper layered-image layered-image--tinted dw-mod" style="@backgroundImage">
3223 @if (settings.Stickers != null)
3224 {
3225 if (settings.Stickers.Position != StickersListPosition.Custom)
3226 {
3227 @Render(settings.Stickers);
3228 }
3229 }
3230 @RenderImage(settings.Logo)
3231 </div>
3232 } else if (settings.Image != null)
3233 {
3234 <div class="flex-img image-hover__wrapper dw-mod">
3235 @if (settings.Stickers != null)
3236 {
3237 if (settings.Stickers.Position != StickersListPosition.Custom)
3238 {
3239 @Render(settings.Stickers);
3240 }
3241 }
3242 @Render(settings.Image)
3243 </div>
3244 }
3245 </div>
3246 </div>
3247
3248 @if (!String.IsNullOrEmpty(settings.Title) || !String.IsNullOrEmpty(settings.Summary))
3249 {
3250 <div class="grid__col-md-9">
3251 @if (!String.IsNullOrEmpty(settings.Title))
3252 {
3253 <h3 class="article-list__item-header u-truncate-text dw-mod">@settings.Title</h3>
3254 }
3255 @if (settings.Stickers != null)
3256 {
3257 if (settings.Stickers.Position == StickersListPosition.Custom)
3258 {
3259 @Render(settings.Stickers);
3260 }
3261 }
3262 @if (!String.IsNullOrEmpty(settings.SubTitle))
3263 {
3264 <div class="article-list__item-micro-info u-truncate-text dw-mod">@settings.SubTitle</div>
3265 }
3266 @if (!String.IsNullOrEmpty(settings.Summary))
3267 {
3268 <p class="article__short-summary dw-mod">@settings.Summary</p>
3269 }
3270 </div>
3271 }
3272 </div>
3273 </a>
3274 }
3275
3276 @helper RenderArticleListItemSimple(ArticleListItem settings) {
3277 <a href="@settings.Link" class="u-color-inherit">
3278 <div class="grid u-color-light--bg u-no-padding dw-mod">
3279 <div class="grid__col-md-12">
3280 @if (!String.IsNullOrEmpty(settings.Title))
3281 {
3282 <div class="article-list-item__header u-truncate-text u-no-margin dw-mod">@settings.Title</div>
3283 }
3284 @if (!String.IsNullOrEmpty(settings.SubTitle))
3285 {
3286 <div class="article-list__item-micro-info u-truncate-text dw-mod">@settings.SubTitle</div>
3287 }
3288 </div>
3289 </div>
3290 </a>
3291 }
3292 @using System.Reflection
3293 @using Dynamicweb.Rapido.Blocks.Components.Articles
3294
3295
3296 @* Component for the articles *@
3297
3298 @helper RenderArticleAuthorAndDate(ArticleAuthorAndDate settings)
3299 {
3300 <small class="article__subscription">
3301 @if (!(string.IsNullOrWhiteSpace(settings.Author) && string.IsNullOrWhiteSpace(settings.Date)))
3302 {
3303 <text>@Translate("Written")</text>
3304 }
3305 @if (!string.IsNullOrWhiteSpace(settings.Author))
3306 {
3307 <text>@Translate("by") @settings.Author</text>
3308 }
3309 @if (!string.IsNullOrWhiteSpace(settings.Date))
3310 {
3311 <text>@Translate("on") @settings.Date</text>
3312 }
3313 </small>
3314 }
3315 @using System.Reflection
3316 @using Dynamicweb.Rapido.Blocks.Components.Articles
3317 @using Dynamicweb.Rapido.Blocks.Components.General
3318
3319
3320 @* Component for the articles *@
3321
3322 @helper RenderArticleLink(ArticleLink settings)
3323 {
3324 if (!string.IsNullOrEmpty(settings.Title))
3325 {
3326 Button link = new Button {
3327 ConfirmText = settings.ConfirmText,
3328 ConfirmTitle = settings.ConfirmTitle,
3329 ButtonType = settings.ButtonType,
3330 Id = settings.Id,
3331 Title = settings.Title,
3332 AltText = settings.AltText,
3333 OnClick = settings.OnClick,
3334 CssClass = settings.CssClass,
3335 Disabled = settings.Disabled,
3336 Icon = settings.Icon,
3337 Name = settings.Name,
3338 Href = settings.Href,
3339 ButtonLayout = settings.ButtonLayout,
3340 ExtraAttributes = settings.ExtraAttributes
3341 };
3342 <div class="grid__cell">
3343 @Render(link)
3344 </div>
3345 }
3346 }
3347 @using System.Reflection
3348 @using Dynamicweb.Rapido.Blocks
3349 @using Dynamicweb.Rapido.Blocks.Components.Articles
3350 @using Dynamicweb.Rapido.Blocks.Components.General
3351
3352
3353 @* Component for the articles *@
3354
3355 @helper RenderArticleCarousel(ArticleCarousel settings)
3356 {
3357 <div class="grid">
3358 <div class="grid__col-12 u-no-padding u-margin-bottom">
3359 <div class="carousel" id="carousel_@settings.Id">
3360 <div class="carousel__container js-carousel-slides dw-mod">
3361 @RenderBlockList(settings.SubBlocks)
3362 </div>
3363 </div>
3364 </div>
3365 </div>
3366
3367 <script>
3368 document.addEventListener("DOMContentLoaded", function () {
3369 new CarouselModule("#carousel_@settings.Id", {
3370 slideTime: 0,
3371 dots: true
3372 });
3373 });
3374 </script>
3375 }
3376
3377 @helper RenderArticleCarouselSlide(ArticleCarouselSlide settings)
3378 {
3379 string imageEngine = "/Admin/Public/GetImage.ashx?";
3380
3381 string defaultImage = settings.ImageSettings != null ? imageEngine : settings.Image;
3382 if (settings.ImageSettings != null)
3383 {
3384 defaultImage += settings.ImageSettings.Width != 0 ? "Width=" + settings.ImageSettings.Width + "&" : "";
3385 defaultImage += settings.ImageSettings.Height != 0 ? "Height=" + settings.ImageSettings.Height + "&" : "";
3386 defaultImage += "Crop=" + settings.ImageSettings.Crop + "&";
3387 defaultImage += "Compression=" + settings.ImageSettings.Compression + "&";
3388 defaultImage += "DoNotUpscale=" + settings.ImageSettings.DoNotUpscale.ToString() + "&";
3389 defaultImage += "FillCanvas=" + settings.ImageSettings.FillCanvas.ToString() + "&";
3390 }
3391 defaultImage += "&Image=" + settings.Image;
3392
3393 <div class="carousel__slide u-min-h300px u-flex dw-mod" style="background-size:cover; background-image:url('@defaultImage')">
3394 <a class="article-carousel-item__wrap" href="@settings.Link" title="@settings.Title">
3395 <h2 class="article-list__item-header u-truncate-text u-color-light dw-mod">@settings.Title</h2>
3396 <div class="article-list__item-info">
3397 @if (settings.Stickers != null)
3398 {
3399 settings.Stickers.Position = StickersListPosition.Custom;
3400 @Render(settings.Stickers);
3401 }
3402
3403 <small class="u-margin-top--lg u-color-light">
3404 @if (!(string.IsNullOrWhiteSpace(settings.Author) && string.IsNullOrWhiteSpace(settings.Date)))
3405 {
3406 <text>@Translate("Written")</text>
3407 }
3408 @if (!string.IsNullOrWhiteSpace(settings.Author))
3409 {
3410 <text>@Translate("by") @settings.Author</text>
3411 }
3412 @if (!string.IsNullOrWhiteSpace(settings.Date))
3413 {
3414 <text>@Translate("on") @settings.Date</text>
3415 }
3416 </small>
3417 </div>
3418
3419 <h3 class="article__short-summary u-color-light">@settings.Summary</h3>
3420 </a>
3421 @if (settings.UseFilters == true)
3422 {
3423 <div class="background-image image-filter image-filter--darken dw-mod"></div>
3424 }
3425 </div>
3426 }
3427 @using System.Text.RegularExpressions
3428 @using Dynamicweb.Rapido.Blocks.Components
3429 @using Dynamicweb.Rapido.Blocks.Components.General
3430 @using Dynamicweb.Rapido.Blocks.Components.Articles
3431 @using Dynamicweb.Rapido.Blocks
3432
3433 @* Component for the articles *@
3434
3435 @helper RenderArticleVideo(ArticleVideo settings)
3436 {
3437 if (settings.Url != null)
3438 {
3439 //getting video ID from youtube URL
3440 string videoCode = settings.Url;
3441 Regex regex = new Regex(@".be\/(.[^?]*)");
3442 Match match = regex.Match(videoCode);
3443 string videoId = "";
3444 if (match.Success)
3445 {
3446 videoId = match.Groups[1].Value;
3447 }
3448 else
3449 {
3450 regex = new Regex(@"v=([^&]+)");
3451 match = regex.Match(videoCode);
3452 if (match.Success)
3453 {
3454 videoId = match.Groups[1].Value;
3455 }
3456 }
3457
3458 int autoPlay = settings.AutoPlay == "true" ? 1 : 0;
3459
3460 <div class="video-wrapper">
3461 <div class="js-youtube-video" data-video="@videoId" id="ytPlayer@(Guid.NewGuid().ToString("N"))" data-auto-play="@autoPlay" data-enable-controls="1"></div>
3462 </div>
3463 }
3464 }
3465
3466
3467
3468 @* Simple helpers *@
3469
3470 @*Requires the Gallery ItemType that comes with Rapido*@
3471 @helper RenderArticleItemGallery(IList<ItemViewModel> gallery) {
3472 if (gallery != null && gallery.Count > 0)
3473 {
3474 int count = 1;
3475
3476 foreach (var item in gallery)
3477 {
3478 if (item.GetFile("ImagePath") != null)
3479 {
3480 string image = item.GetFile("ImagePath").PathUrlEncoded;
3481 string imagePrefix = "/Admin/Public/GetImage.ashx?width=1200&height=820&crop=5&Compression=75&DoNotUpscale=1&image=";
3482 int imagesCount = gallery.Count;
3483
3484 if (count == 1)
3485 {
3486 <label class="gallery" for="ParagraphGalleryModalTrigger" onclick="Gallery.openImage(this.querySelector('.js-gallery'))">
3487 <span class="gallery__main-image">
3488 <img src="/Files/Images/placeholder.gif" data-src="/Admin/Public/GetImage.ashx?width=992&height=760&crop=0&Compression=75&DoNotUpscale=1&image=@image" class="b-lazy flex-img js-gallery" alt="" data-for="ParagraphGallery" data-image="@imagePrefix@image" />
3489 </span>
3490 <span class="gallery__image-counter">
3491 <i class="fas fa-camera fa-2x"></i> <span class="gallery__image-counter__number">@imagesCount</span>
3492 <span class="gallery__image-counter__text">@Translate("See all") <i class="fas fa-angle-right"></i></span>
3493 </span>
3494 </label>
3495 }
3496 else
3497 {
3498 <div class="u-hidden js-gallery" data-for="ParagraphGallery" data-image="@imagePrefix@image"></div>
3499 }
3500
3501 count++;
3502 }
3503 }
3504
3505 @Render(new ArticleGalleryModal())
3506 }
3507 }
3508
3509 @helper RenderMobileFilters(List<Block> subBlocks)
3510 {
3511 if (subBlocks.Count > 0)
3512 {
3513 <div class="grid__col-12">
3514 <input type="checkbox" id="CheckFilters" class="js-remember-state u-hidden" data-expand="CheckFilters" />
3515 <div class="grid u-margin-bottom dw-mod" data-trigger="CheckFilters">
3516 @RenderBlockList(subBlocks)
3517 </div>
3518 <label for="CheckFilters" class="btn btn--secondary btn--full dw-mod js-expand-hide" data-trigger="CheckFilters">@Translate("Select filters")</label>
3519 <label for="CheckFilters" class="btn btn--secondary btn--full dw-mod expandable--collapsed" data-trigger="CheckFilters">@Translate("Close filters")</label>
3520 </div>
3521 }
3522 }
3523
3524
3525 @* Include the Blocks for the page *@
3526 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
3527
3528 @using System
3529 @using System.Web
3530 @using System.Collections.Generic
3531 @using Dynamicweb.Rapido.Blocks.Extensibility
3532 @using Dynamicweb.Rapido.Blocks
3533
3534 @functions {
3535 string GoogleTagManagerID = "";
3536 string GoogleAnalyticsID = "";
3537 }
3538
3539 @{
3540 GoogleTagManagerID = Model.Area.Item.GetItem("Settings").GetString("GoogleTagManagerID");
3541 GoogleAnalyticsID = Model.Area.Item.GetItem("Settings").GetString("GoogleAnalyticsTrackingID");
3542
3543 BlocksPage topSnippetsBlocksPage = BlocksPage.GetBlockPage("Master");
3544
3545 if (!string.IsNullOrWhiteSpace(GoogleAnalyticsID))
3546 {
3547 Block tagManager = new Block()
3548 {
3549 Id = "GoogleAnalytics",
3550 SortId = 0,
3551 Template = RenderGoogleAnalyticsSnippet()
3552 };
3553 topSnippetsBlocksPage.Add("Head", tagManager);
3554 }
3555
3556 if (!string.IsNullOrWhiteSpace(GoogleTagManagerID))
3557 {
3558 Block tagManager = new Block()
3559 {
3560 Id = "TagManager",
3561 SortId = 1,
3562 Template = RenderGoogleTagManager()
3563 };
3564 topSnippetsBlocksPage.Add("Head", tagManager);
3565
3566 Block tagManagerBodySnippet = new Block()
3567 {
3568 Id = "TagManagerBodySnippet",
3569 SortId = 1,
3570 Template = RenderGoogleTagManagerBodySnippet()
3571 };
3572 topSnippetsBlocksPage.Add(MasterBlockId.MasterTopSnippets, tagManagerBodySnippet);
3573 }
3574
3575 Block facebookPixel = new Block()
3576 {
3577 Id = "FacebookPixel",
3578 SortId = 2,
3579 Template = RenderFacebookPixel()
3580 };
3581
3582 topSnippetsBlocksPage.Add(MasterBlockId.MasterTopSnippets, facebookPixel);
3583 }
3584
3585 @helper RenderGoogleAnalyticsSnippet()
3586 {
3587 <!-- Global site tag (gtag.js) - Google Analytics -->
3588 <script async src="https://www.googletagmanager.com/gtag/js?id=@GoogleAnalyticsID"></script>
3589 <script>
3590 window.dataLayer = window.dataLayer || [];
3591 function gtag(){dataLayer.push(arguments);}
3592 gtag('js', new Date());
3593
3594 gtag('config', '@GoogleAnalyticsID');
3595 </script>
3596
3597 }
3598
3599 @helper RenderGoogleTagManager()
3600 {
3601 <script>
3602 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
3603 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
3604 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
3605 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
3606 })(window,document,'script','dataLayer','@GoogleTagManagerID');
3607 </script>
3608 }
3609
3610 @helper RenderGoogleTagManagerBodySnippet()
3611 {
3612 <!-- Google Tag Manager (noscript) -->
3613 <noscript>
3614 <iframe src="https://www.googletagmanager.com/ns.html?id=@GoogleTagManagerID"
3615 height="0" width="0" style="display:none;visibility:hidden"></iframe>
3616 </noscript>
3617 <!-- End Google Tag Manager (noscript) -->
3618 }
3619
3620 @helper RenderFacebookPixel()
3621 {
3622 string FacebookPixelID = Model.Area.Item.GetItem("Settings").GetString("FacebookPixelID");
3623
3624 if (!string.IsNullOrWhiteSpace(FacebookPixelID))
3625 {
3626 <!-- Facebook Pixel Code -->
3627 <script>
3628 !function(f,b,e,v,n,t,s)
3629 {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
3630 n.callMethod.apply(n,arguments):n.queue.push(arguments)};
3631 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
3632 n.queue=[];t=b.createElement(e);t.async=!0;
3633 t.src=v;s=b.getElementsByTagName(e)[0];
3634 s.parentNode.insertBefore(t,s)}(window, document,'script',
3635 'https://connect.facebook.net/en_US/fbevents.js');
3636 fbq('init', '@FacebookPixelID');
3637 fbq('track', 'PageView');
3638 </script>
3639 <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=@FacebookPixelID&ev=PageView&noscript=1" alt="" /></noscript>
3640 }
3641 }
3642 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
3643
3644 @using System
3645 @using System.Web
3646 @using System.Collections.Generic
3647 @using Dynamicweb.Rapido.Blocks
3648 @using Dynamicweb.Rapido.Blocks.Extensibility
3649 @using Dynamicweb.Security.UserManagement
3650 @using Dynamicweb.Security.UserManagement.ExternalAuthentication
3651 @using Dynamicweb.Rapido.Blocks.Components.General
3652
3653 @{
3654 BlocksPage loginBlocksPage = BlocksPage.GetBlockPage("Master");
3655
3656 Block loginModal = new Block()
3657 {
3658 Id = "LoginModal",
3659 SortId = 10,
3660 Component = new Modal
3661 {
3662 Id = "SignIn",
3663 Heading = new Heading
3664 {
3665 Level = 0,
3666 Title = Translate("Sign in")
3667 },
3668 Width = ModalWidth.Sm,
3669 BodyTemplate = RenderLoginForm()
3670 }
3671 };
3672
3673 loginBlocksPage.Add(MasterBlockId.MasterTopSnippets, loginModal);
3674 }
3675
3676 @helper RenderLoginForm()
3677 {
3678 int pageId = Model.TopPage.ID;
3679 string userSignedInErrorText = "";
3680 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage");
3681 string forgotPasswordPageLink = "/Default.aspx?ID=" + signInProfilePageId + "&LoginAction=Recovery";
3682 int createAccountPageId = GetPageIdByNavigationTag("CreateAccount");
3683 bool showModalOnStart = pageId != GetPageIdByNavigationTag("CustomerCenter") && Pageview.Page.ID != GetPageIdByNavigationTag("SignInPage") && Model.LogOnFailed;
3684 bool hideCreateAccountLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideCreateAccount");
3685 bool hideForgotPasswordLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideForgotPasswordLink");
3686
3687 ProviderCollection providers = Provider.GetActiveProviders();
3688
3689 if (Model.LogOnFailed)
3690 {
3691 switch (Model.LogOnFailedReason)
3692 {
3693 case LogOnFailedReason.PasswordLengthInvalid:
3694 userSignedInErrorText = Translate("Password length is invalid");
3695 break;
3696 case LogOnFailedReason.IncorrectLogin:
3697 userSignedInErrorText = Translate("Invalid email or password");
3698 break;
3699 case LogOnFailedReason.ExceededFailedLogOnLimit:
3700 userSignedInErrorText = Translate("You have exceeded the limit of allowed login attempts. The user account is temporarily locked");
3701 break;
3702 case LogOnFailedReason.LoginLocked:
3703 userSignedInErrorText = Translate("The user account is temporarily locked");
3704 break;
3705 case LogOnFailedReason.PasswordExpired:
3706 userSignedInErrorText = Translate("The password has expired and needs to be renewed");
3707 break;
3708 default:
3709 userSignedInErrorText = Translate("An unknown error occured");
3710 break;
3711 }
3712 }
3713
3714 Form form = new Form { Method = FormMethod.Post, Name = "LoginModalForm" };
3715
3716 TextField passwordField = new TextField { Id = "login-password", Type = TextFieldType.Password, Name = "password", Label = Translate("Password"), Required = true };
3717
3718 if (!hideForgotPasswordLink) {
3719 passwordField.Link = new Link { Title = Translate("Forgot password?"), Href = "/Default.aspx?id=" + signInProfilePageId + "&LoginAction=Recovery" };
3720 }
3721
3722 form.Add(new HiddenField { Name = "ID", Value = Converter.ToString(pageId) });
3723 form.Add(new HiddenField { Name = "DWExtranetUsernameRemember", Value = "True" });
3724 form.Add(new HiddenField { Name = "DWExtranetPasswordRemember", Value = "True" });
3725 form.Add(new HiddenField { Name = "LoginAction", Value = "Login" });
3726 form.Add(new TextField { Id = "LoginUsername", Name = "username", Label = Translate("Email"), CssClass = "u-full-width", Required = true });
3727 form.Add(passwordField);
3728 form.Add(new NotificationMessage { Message = userSignedInErrorText, MessageType = NotificationMessageType.Error });
3729 form.Add(new CheckboxField { Id = "LoginRememberMe", Value = "True", Name = "Autologin", Label = Translate("Remember me") });
3730 form.Add(new Button { ButtonType = ButtonType.Submit, Title = Translate("Sign in"), CssClass = "btn--full", OnClick = "Buttons.LockButton(event)" });
3731
3732 foreach (Provider LoginProvider in providers)
3733 {
3734 var ProviderName = LoginProvider.Name.ToLower();
3735 form.Add(new Link {
3736 Href = "/Admin/Public/Social/ExternalLogin.aspx?action=login&providerID=" + LoginProvider.ID,
3737 Icon = new Icon { Prefix = "fab", Name = "fa-" + ProviderName, CssClass = "fa-1_5x", LabelPosition = IconLabelPosition.After },
3738 ButtonLayout = ButtonLayout.LinkClean,
3739 CssClass = "btn--condensed u-margin-bottom u-margin-right u-inline-block u-color-" + ProviderName,
3740 AltText = ProviderName
3741 });
3742 }
3743
3744 if (!hideCreateAccountLink) {
3745 form.Add(new Text { Content = "<div class=\"u-border-top u-full-width u-margin-bottom--lg\"></div>" });
3746 form.Add(new Link
3747 {
3748 Href = "/Default.aspx?id=" + createAccountPageId,
3749 ButtonLayout = ButtonLayout.LinkClean,
3750 Title = Translate("Create account"),
3751 CssClass = "u-full-width u-ta-center"
3752 });
3753 }
3754
3755 @Render(form)
3756
3757 if (showModalOnStart)
3758 {
3759 <script>
3760 document.getElementById("SignInModalTrigger").checked = true;
3761 </script>
3762 }
3763 }
3764
3765
3766
3767
3768
3769 @if (Pageview.Device.ToString() == "Mobile" || Pageview.Device.ToString() == "Tablet")
3770 {
3771 <text>@inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
3772
3773 @using System
3774 @using System.Web
3775 @using System.Collections.Generic
3776 @using Dynamicweb.Rapido.Blocks.Extensibility
3777 @using Dynamicweb.Rapido.Blocks
3778 @using Dynamicweb.Rapido.Services
3779
3780
3781 @functions {
3782 BlocksPage mobileHeaderBlocksPage = BlocksPage.GetBlockPage("Master");
3783 }
3784
3785 @{
3786 var mobileTopLayout = !String.IsNullOrEmpty(Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetString("Design")) ? Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetList("Design").SelectedValue : "nav-left";
3787 bool mobileHideSearch = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideSearch");
3788 bool mobileHideCart = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideCart") || !Dynamicweb.Rapido.Services.User.IsBuyingAllowed();
3789
3790 Block mobileHeader = new Block()
3791 {
3792 Id = "MobileTop",
3793 SortId = 10,
3794 Template = RenderMobileTop(),
3795 SkipRenderBlocksList = true
3796 };
3797 mobileHeaderBlocksPage.Add(MasterBlockId.MasterHeader, mobileHeader);
3798
3799 Block mobileHeaderNavigation = new Block()
3800 {
3801 Id = "MobileHeaderNavigation",
3802 SortId = 10,
3803 Template = RenderMobileHeaderNavigation(),
3804 SkipRenderBlocksList = true,
3805 BlocksList = new List<Block> {
3806 new Block {
3807 Id = "MobileHeaderNavigationTrigger",
3808 SortId = 10,
3809 Template = RenderMobileHeaderNavigationTrigger()
3810 }
3811 }
3812 };
3813 mobileHeaderBlocksPage.Add("MobileTop", mobileHeaderNavigation);
3814
3815 Block mobileHeaderLogo = new Block()
3816 {
3817 Id = "MobileHeaderLogo",
3818 SortId = 20,
3819 Template = RenderMobileHeaderLogo(),
3820 SkipRenderBlocksList = true
3821 };
3822 mobileHeaderBlocksPage.Add("MobileTop", mobileHeaderLogo);
3823
3824 Block mobileHeaderActions = new Block()
3825 {
3826 Id = "MobileHeaderActions",
3827 SortId = 30,
3828 Template = RenderMobileTopActions(),
3829 SkipRenderBlocksList = true
3830 };
3831 mobileHeaderBlocksPage.Add("MobileTop", mobileHeaderActions);
3832
3833 if (!mobileHideSearch)
3834 {
3835 Block mobileHeaderSearch = new Block
3836 {
3837 Id = "MobileHeaderSearch",
3838 SortId = 10,
3839 Template = RenderMobileTopSearch()
3840 };
3841 mobileHeaderBlocksPage.Add("MobileHeaderActions", mobileHeaderSearch);
3842 }
3843
3844 Block mobileHeaderMiniCart;
3845
3846 if (!mobileHideCart)
3847 {
3848 mobileHeaderMiniCart = new Block
3849 {
3850 Id = "MobileHeaderMiniCart",
3851 SortId = 20,
3852 Template = RenderMobileTopMiniCart()
3853 };
3854
3855 Block miniCartCounterScriptTemplate = new Block
3856 {
3857 Id = "MiniCartCounterScriptTemplate",
3858 Template = RenderMobileMiniCartCounterContent()
3859 };
3860 BlocksPage.GetBlockPage("Master").Add("MasterBottomSnippets", miniCartCounterScriptTemplate);
3861 }
3862 else
3863 {
3864 mobileHeaderMiniCart = new Block
3865 {
3866 Id = "MobileHeaderMiniCart",
3867 SortId = 20
3868 };
3869 }
3870
3871 if (!mobileHideSearch)
3872 {
3873 Block mobileHeaderSearchBar = new Block()
3874 {
3875 Id = "MobileHeaderSearchBar",
3876 SortId = 30,
3877 Template = RenderMobileTopSearchBar()
3878 };
3879 mobileHeaderBlocksPage.Add(MasterBlockId.MasterHeader, mobileHeaderSearchBar);
3880 }
3881
3882 switch (mobileTopLayout)
3883 {
3884 case "nav-left":
3885 mobileHeaderNavigation.SortId = 10;
3886 mobileHeaderLogo.SortId = 20;
3887 mobileHeaderActions.SortId = 30;
3888 mobileHeaderBlocksPage.Add("MobileHeaderActions", mobileHeaderMiniCart);
3889 break;
3890 case "nav-right":
3891 mobileHeaderLogo.SortId = 10;
3892 mobileHeaderActions.SortId = 20;
3893 mobileHeaderNavigation.SortId = 30;
3894 mobileHeaderBlocksPage.Add("MobileHeaderActions", mobileHeaderMiniCart);
3895 break;
3896 case "nav-search-left":
3897 mobileHeaderNavigation.SortId = 10;
3898 mobileHeaderLogo.SortId = 20;
3899 mobileHeaderActions.SortId = 30;
3900 mobileHeaderBlocksPage.Add("MobileHeaderNavigation", mobileHeaderMiniCart);
3901 break;
3902 case "search-left":
3903 mobileHeaderActions.SortId = 10;
3904 mobileHeaderLogo.SortId = 20;
3905 mobileHeaderNavigation.SortId = 30;
3906 mobileHeaderMiniCart.SortId = 0;
3907 mobileHeaderBlocksPage.Add("MobileHeaderNavigation", mobileHeaderMiniCart);
3908 break;
3909 }
3910 }
3911
3912
3913 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
3914
3915 @using System
3916 @using System.Web
3917 @using Dynamicweb.Rapido.Blocks.Extensibility
3918 @using Dynamicweb.Rapido.Blocks
3919
3920 @{
3921 BlocksPage customMobileHeaderBlocksPage = BlocksPage.GetBlockPage("Master");
3922 }
3923
3924
3925
3926
3927 @helper RenderMobileTop() {
3928 List<Block> subBlocks = this.mobileHeaderBlocksPage.GetBlockListById("MobileTop").OrderBy(item => item.SortId).ToList();
3929
3930 <nav class="main-navigation-mobile dw-mod">
3931 <div class="center-container top-container__center-container dw-mod">
3932 <div class="grid grid--align-center">
3933 @RenderBlockList(subBlocks)
3934 </div>
3935 </div>
3936 </nav>
3937 }
3938
3939 @helper RenderMobileHeaderNavigation() {
3940 List<Block> subBlocks = this.mobileHeaderBlocksPage.GetBlockListById("MobileHeaderNavigation").OrderBy(item => item.SortId).ToList();
3941
3942 <div class="grid__col-auto-width">
3943 <ul class="menu dw-mod">
3944 @RenderBlockList(subBlocks)
3945 </ul>
3946 </div>
3947 }
3948
3949 @helper RenderMobileHeaderNavigationTrigger() {
3950 <li class="menu__item menu__item--horizontal menu__item--top-level dw-mod">
3951 <label for="MobileNavTrigger" class="mobile-nav-trigger-button menu__link menu__link--icon menu__link--mobile dw-mod"></label>
3952 </li>
3953 }
3954
3955 @helper RenderMobileHeaderLogo() {
3956 List<Block> subBlocks = this.mobileHeaderBlocksPage.GetBlockListById("MobileHeaderLogo").OrderBy(item => item.SortId).ToList();
3957
3958 var mobileTopLayout = !String.IsNullOrEmpty(Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetString("Design")) ? Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetList("Design").SelectedValue : "nav-left";
3959 string centeredLogo = mobileTopLayout != "nav-right" ? "u-ta-center" : "";
3960 string firstPageId = Model.Area.FirstActivePage.ID.ToString();
3961 string businessName = Model.Area.Item.GetItem("Settings").GetString("BusinessName");
3962
3963 string mobileLogo = "/Files/Images/logo-dynamicweb.png";
3964 if (Model.Area.Item.GetItem("Layout").GetItem("MobileTop") != null && Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetFile("Logo") != null)
3965 {
3966 mobileLogo = Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetFile("Logo").PathUrlEncoded;
3967 }
3968
3969 if (Path.GetExtension(mobileLogo).ToLower() != ".svg")
3970 {
3971 mobileLogo = "/Admin/Public/GetImage.ashx?height=40&width=100&crop=5&Compression=75&image=" + mobileLogo;
3972 }
3973 else
3974 {
3975 mobileLogo = HttpUtility.UrlDecode(mobileLogo);
3976 }
3977
3978 <div class="grid__col-auto grid__col--bleed">
3979 <div class="grid__cell @centeredLogo">
3980 <a href="/Default.aspx?ID=@firstPageId" class="logo logo--mobile u-inline-block dw-mod">
3981 <img class="grid__cell-img logo__img logo__img--mobile dw-mod" src="@mobileLogo" alt="@businessName" />
3982 </a>
3983 </div>
3984
3985 @RenderBlockList(subBlocks)
3986 </div>
3987 }
3988
3989 @helper RenderMobileTopActions() {
3990 List<Block> subBlocks = this.mobileHeaderBlocksPage.GetBlockListById("MobileHeaderActions").OrderBy(item => item.SortId).ToList();
3991
3992 <div class="grid__col-auto-width">
3993 <ul class="menu dw-mod">
3994 @RenderBlockList(subBlocks)
3995 </ul>
3996 </div>
3997 }
3998
3999 @helper RenderMobileTopSearch() {
4000 <li class="menu__item menu__item--horizontal menu__item--top-level dw-mod">
4001 <label for="MobileSearchTrigger" class="menu__link menu__link--icon menu__link--mobile dw-mod">
4002 <i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue fa-1_5x"></i>
4003 </label>
4004 </li>
4005 }
4006
4007 @helper RenderMobileTopMiniCart() {
4008 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed");
4009 int cartPageId = GetPageIdByNavigationTag("CartPage");
4010 double cartProductsCount = Model.Cart.TotalProductsCount;
4011
4012 <li class="menu__item menu__item--horizontal menu__item--top-level dw-mod" id="miniCartWrapper">
4013 <div class="mini-cart dw-mod">
4014 <a href="/Default.aspx?ID=@cartPageId&Purge=True" id="miniCartCounterWrap" class="menu__link menu__link--icon menu__link--mobile dw-mod js-mini-cart-button">
4015 <div class="u-inline u-position-relative">
4016 <i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon").SelectedValue fa-1_5x"></i>
4017 <div class="mini-cart__counter dw-mod">
4018 <div class="js-handlebars-root js-mini-cart-counter" id="cartCounter" data-template="MiniCartCounterContent" data-json-feed="/Default.aspx?ID=@miniCartFeedPageId&feedType=Counter" data-init-onload="false" data-preloader="false">
4019 <div class="js-mini-cart-counter-content" data-count="@cartProductsCount">
4020 @cartProductsCount
4021 </div>
4022 </div>
4023 </div>
4024 </div>
4025 </a>
4026 </div>
4027 </li>
4028 }
4029
4030 @helper RenderMobileTopSearchBar()
4031 {
4032 string searchFeedId = "";
4033 string searchSecondFeedId = "";
4034 int groupsFeedId;
4035 int productsPageId = GetPageIdByNavigationTag("ProductsPage");
4036 string contentSearchPageLink = GetPageIdByNavigationTag("ContentSearchResults") + "&Areaid=" + Model.Area.ID;
4037 string resultPageLink;
4038 string searchPlaceholder;
4039 string searchType = "product-search";
4040 string searchTemplate;
4041 string searchContentTemplate = "";
4042 string searchValue = HttpContext.Current.Request.QueryString.Get("Search") ?? "";
4043 bool showGroups = true;
4044
4045 if (Model.Area.Item.GetItem("Layout").GetList("TopSearch").SelectedValue == "contentSearch")
4046 {
4047 searchFeedId = GetPageIdByNavigationTag("ContentSearchFeed") + "&Areaid=" + Model.Area.ID + "&pagesOnly=true";
4048 resultPageLink = contentSearchPageLink;
4049 searchPlaceholder = Translate("Search page");
4050 groupsFeedId = 0;
4051 searchType = "content-search";
4052 searchTemplate = "SearchPagesTemplate";
4053 showGroups = false;
4054 }
4055 else if (Model.Area.Item.GetItem("Layout").GetList("TopSearch").SelectedValue == "combinedSearch")
4056 {
4057 searchFeedId = productsPageId + "&feed=true";
4058 searchSecondFeedId = GetPageIdByNavigationTag("ContentSearchFeed") + "&Areaid=" + Model.Area.ID + "&pagesOnly=true";
4059 resultPageLink = Converter.ToString(productsPageId);
4060 searchPlaceholder = Translate("Search products or pages");
4061 groupsFeedId = GetPageIdByNavigationTag("ProductGroupsFeed");
4062 searchType = "combined-search";
4063 searchTemplate = "SearchProductsTemplateWrap";
4064 searchContentTemplate = "SearchPagesTemplateWrap";
4065 showGroups = Model.Area.Item.GetItem("Layout").GetBoolean("ShowGroupsSelector");
4066 }
4067 else
4068 {
4069 resultPageLink = Converter.ToString(productsPageId);
4070 searchFeedId = productsPageId + "&feed=true";
4071 groupsFeedId = GetPageIdByNavigationTag("ProductGroupsFeed");
4072 searchPlaceholder = Translate("Search products");
4073 searchTemplate = "SearchProductsTemplate";
4074 searchType = "product-search";
4075 showGroups = Model.Area.Item.GetItem("Layout").GetBoolean("ShowGroupsSelector");
4076 }
4077
4078 <input type="checkbox" id="MobileSearchTrigger" class="mobile-search-trigger" />
4079
4080 <div class="main-navigation-mobile typeahead-mobile dw-mod">
4081 <div class="center-container top-container__center-container dw-mod">
4082 <div class="grid">
4083 <div class="grid__col-auto">
4084 <div class="typeahead-mobile__search-field dw-mod js-typeahead" data-page-size="@(searchType == "combined-search" ? 4 : 8)" id="MobileProductSearch" data-search-feed-id="@searchFeedId" data-search-second-feed-id="@searchSecondFeedId" data-result-page-id="@resultPageLink" data-search-type="@searchType">
4085 <input type="text" class="js-typeahead-search-field u-w160px u-no-margin" placeholder="@searchPlaceholder" value="@searchValue">
4086 @if (string.IsNullOrEmpty(searchSecondFeedId))
4087 {
4088 <ul class="dropdown dropdown--absolute-position u-min-w220px u-full-width js-handlebars-root js-typeahead-search-content dw-mod" id="MobileProductSearchBarContent" data-template="@searchTemplate" data-json-feed="/Default.aspx?ID=@searchFeedId&feedType=productsOnly" data-init-onload="false"></ul>
4089 }
4090 else
4091 {
4092 <div class="dropdown dropdown--absolute-position dropdown--combined grid dropdown--combined-mobile grid">
4093 <div class="js-handlebars-root js-typeahead-search-content grid__col-sm-7 grid__col--bleed-y" id="MobileProductSearchBarContent" data-template="@searchTemplate" data-json-feed="/Default.aspx?ID=@searchFeedId&feedType=productsOnly" data-init-onload="false"></div>
4094 <div class="js-handlebars-root js-typeahead-additional-search-content grid__col-sm-5 grid__col--bleed-y" id="MobileContentSearchBarContent" data-template="@searchContentTemplate" data-json-feed="/Default.aspx?ID=@searchSecondFeedId" data-init-onload="false"></div>
4095 </div>
4096 }
4097 <button type="button" class="btn btn--condensed btn--primary u-no-margin dw-mod js-typeahead-enter-btn"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue"></i></button>
4098 </div>
4099 </div>
4100 <div class="grid__col-auto-width">
4101 <ul class="menu dw-mod">
4102 <li class="menu__item menu__item--horizontal menu__item--top-level dw-mod">
4103 <label for="MobileSearchTrigger" class="menu__link menu__link--icon menu__link--mobile dw-mod">
4104 <i class="fas fa-times fa-1_5x"></i>
4105 </label>
4106 </li>
4107 </ul>
4108 </div>
4109 </div>
4110 </div>
4111 </div>
4112 }
4113
4114 @helper RenderMobileMiniCartCounterContent()
4115 {
4116 <script id="MiniCartCounterContent" type="text/x-template">
4117 {{#.}}
4118 <div class="js-mini-cart-counter-content dw-mod" data-count="{{numberofproducts}}">
4119 {{numberofproducts}}
4120 </div>
4121 {{/.}}
4122 </script>
4123 }
4124 </text>
4125 <text>@inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
4126
4127 @using System
4128 @using System.Web
4129 @using System.Collections.Generic
4130 @using Dynamicweb.Rapido.Blocks.Extensibility
4131 @using Dynamicweb.Rapido.Blocks
4132
4133 @functions {
4134 BlocksPage mobileNavigationBlocksPage = BlocksPage.GetBlockPage("Master");
4135 }
4136
4137 @{
4138 bool mobileNavigationItemsHideSignIn = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideSignIn");
4139 bool mobileHideCreateAccountLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideCreateAccount");
4140 bool mobileHideMyProfileLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideProfile");
4141 bool mobileHideMyOrdersLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideOrders");
4142 bool mobileHideMySavedCardsLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideSavedCards");
4143 bool mobileHideMyFavoritesLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideFavorites");
4144
4145 Block mobileNavigation = new Block()
4146 {
4147 Id = "MobileNavigation",
4148 SortId = 10,
4149 Template = MobileNavigation(),
4150 SkipRenderBlocksList = true
4151 };
4152 mobileNavigationBlocksPage.Add(MasterBlockId.MasterTopSnippets, mobileNavigation);
4153
4154 if (Model.CurrentUser.ID > 0 && !mobileHideMyProfileLink)
4155 {
4156 Block mobileNavigationSignIn = new Block
4157 {
4158 Id = "MobileNavigationSignIn",
4159 SortId = 10,
4160 Template = RenderMobileNavigationSignIn()
4161 };
4162 mobileNavigationBlocksPage.Add("MobileNavigation", mobileNavigationSignIn);
4163 }
4164
4165 Block mobileNavigationMenu = new Block
4166 {
4167 Id = "MobileNavigationMenu",
4168 SortId = 20,
4169 Template = RenderMobileNavigationMenu()
4170 };
4171 mobileNavigationBlocksPage.Add("MobileNavigation", mobileNavigationMenu);
4172
4173 Block mobileNavigationActions = new Block
4174 {
4175 Id = "MobileNavigationActions",
4176 SortId = 30,
4177 Template = RenderMobileNavigationActions(),
4178 SkipRenderBlocksList = true
4179 };
4180 mobileNavigationBlocksPage.Add("MobileNavigation", mobileNavigationActions);
4181
4182 if (!mobileNavigationItemsHideSignIn)
4183 {
4184 if (Model.CurrentUser.ID <= 0)
4185 {
4186 Block mobileNavigationSignInAction = new Block
4187 {
4188 Id = "MobileNavigationSignInAction",
4189 SortId = 10,
4190 Template = RenderMobileNavigationSignInAction()
4191 };
4192 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationSignInAction);
4193
4194 if (!mobileHideCreateAccountLink)
4195 {
4196 Block mobileNavigationCreateAccountAction = new Block
4197 {
4198 Id = "MobileNavigationCreateAccountAction",
4199 SortId = 20,
4200 Template = RenderMobileNavigationCreateAccountAction()
4201 };
4202 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationCreateAccountAction);
4203 }
4204 }
4205 else
4206 {
4207 if (!mobileHideMyOrdersLink)
4208 {
4209 Block mobileNavigationOrdersAction = new Block
4210 {
4211 Id = "MobileNavigationOrdersAction",
4212 SortId = 20,
4213 Template = RenderMobileNavigationOrdersAction()
4214 };
4215 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationOrdersAction);
4216 }
4217 if (!mobileHideMyFavoritesLink)
4218 {
4219 Block mobileNavigationFavoritesAction = new Block
4220 {
4221 Id = "MobileNavigationFavoritesAction",
4222 SortId = 30,
4223 Template = RenderMobileNavigationFavoritesAction()
4224 };
4225 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationFavoritesAction);
4226 }
4227 if (!mobileHideMySavedCardsLink)
4228 {
4229 Block mobileNavigationSavedCardsAction = new Block
4230 {
4231 Id = "MobileNavigationFavoritesAction",
4232 SortId = 30,
4233 Template = RenderMobileNavigationSavedCardsAction()
4234 };
4235 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationSavedCardsAction);
4236 }
4237
4238 Block mobileNavigationSignOutAction = new Block
4239 {
4240 Id = "MobileNavigationSignOutAction",
4241 SortId = 40,
4242 Template = RenderMobileNavigationSignOutAction()
4243 };
4244 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationSignOutAction);
4245 }
4246 }
4247
4248 if (Model.Languages.Count > 1)
4249 {
4250 Block mobileNavigationLanguagesAction = new Block
4251 {
4252 Id = "MobileNavigationLanguagesAction",
4253 SortId = 50,
4254 Template = RenderMobileNavigationLanguagesAction()
4255 };
4256 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationLanguagesAction);
4257 }
4258 }
4259
4260
4261 @helper MobileNavigation()
4262 {
4263 List<Block> subBlocks = this.mobileNavigationBlocksPage.GetBlockListById("MobileNavigation").OrderBy(item => item.SortId).ToList();
4264 string mobileTopDesign = Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetList("Design") != null ? Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetList("Design").SelectedValue : "nav-left";
4265 string position = mobileTopDesign == "nav-left" || mobileTopDesign == "nav-search-left" ? "left" : "right";
4266
4267 <!-- Trigger for mobile navigation -->
4268 <input type="checkbox" id="MobileNavTrigger" class="mobile-nav-trigger mobile-nav-trigger--@position" autocomplete="off" />
4269
4270 <!-- Mobile navigation -->
4271 <nav class="mobile-navigation mobile-navigation--@position dw-mod">
4272 <div class="mobile-navigation__wrapper" id="mobileNavigationWrapper">
4273 @RenderBlockList(subBlocks)
4274 </div>
4275 </nav>
4276
4277 <label class="mobile-nav-trigger-off" for="MobileNavTrigger"></label>
4278 }
4279
4280 @helper RenderMobileNavigationSignIn()
4281 {
4282 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage");
4283 int myProfilePageId = GetPageIdByNavigationTag("CustomerProfile");
4284 string linkStart = Model.CurrentUser.ID <= 0 ? "/Default.aspx?ID=" + signInProfilePageId + "&RedirectPageId=" : "/Default.aspx?ID=";
4285 string myProfilePageLink = linkStart + myProfilePageId;
4286 string userName = Model.CurrentUser.FirstName;
4287 if (!string.IsNullOrEmpty(userName) && !string.IsNullOrEmpty(Model.CurrentUser.LastName))
4288 {
4289 userName += " " + Model.CurrentUser.LastName;
4290 }
4291 if (string.IsNullOrEmpty(userName))
4292 {
4293 userName = Model.CurrentUser.Name;
4294 }
4295 if (string.IsNullOrEmpty(userName))
4296 {
4297 userName = Model.CurrentUser.UserName;
4298 }
4299 if (string.IsNullOrEmpty(userName))
4300 {
4301 userName = Model.CurrentUser.Email;
4302 }
4303
4304 <ul class="menu menu-mobile">
4305 <li class="menu-mobile__item">
4306 <a href="@myProfilePageLink" class="menu-mobile__link dw-mod"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon").SelectedValue menu-mobile__link-icon"></i> @userName</a>
4307 </li>
4308 </ul>
4309 }
4310
4311 @helper RenderMobileNavigationMenu()
4312 {
4313 bool isSlidesDesign = Model.Area.Item.GetItem("Layout").GetItem("MobileNavigation").GetList("Design").SelectedValue == "Slides";
4314 string menuTemplate = isSlidesDesign ? "BaseMenuForMobileSlides.xslt" : "BaseMenuForMobileExpandable.xslt";
4315 string levels = !String.IsNullOrEmpty(Model.Area.Item.GetItem("Layout").GetItem("MobileNavigation").GetString("Levels")) ? Model.Area.Item.GetItem("Layout").GetItem("MobileNavigation").GetString("Levels") : "3";
4316 bool renderPagesInToolBar = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("RenderPagesInToolBar");
4317 int startLevel = 0;
4318
4319 @RenderNavigation(new
4320 {
4321 id = "mobilenavigation",
4322 cssclass = "menu menu-mobile dwnavigation",
4323 startLevel = @startLevel,
4324 ecomStartLevel = @startLevel + 1,
4325 endlevel = @levels,
4326 expandmode = "all",
4327 template = @menuTemplate
4328 })
4329
4330 if (isSlidesDesign)
4331 {
4332 <script>
4333 function goToLevel(level) {
4334 document.getElementById('mobileNavigationWrapper').style.left = -(level * 100) + "%";
4335 }
4336
4337 document.addEventListener('DOMContentLoaded', function () {
4338 goToLevel(document.getElementById('mobileNavigationWrapper').querySelectorAll('input[type=radio]:checked').length);
4339 });
4340 </script>
4341 }
4342
4343 if (renderPagesInToolBar)
4344 {
4345 @RenderNavigation(new
4346 {
4347 id = "topToolsMobileNavigation",
4348 cssclass = "menu menu-mobile dwnavigation",
4349 template = "ToolsMenuForMobile.xslt"
4350 })
4351 }
4352 }
4353
4354 @helper RenderMobileNavigationActions()
4355 {
4356 List<Block> subBlocks = this.mobileNavigationBlocksPage.GetBlockListById("MobileNavigationActions").OrderBy(item => item.SortId).ToList(); ;
4357
4358 <ul class="menu menu-mobile">
4359 @RenderBlockList(subBlocks)
4360 </ul>
4361 }
4362
4363 @helper RenderMobileNavigationSignInAction()
4364 {
4365 <li class="menu-mobile__item">
4366 <label for="SignInModalTrigger" onclick="document.getElementById('MobileNavTrigger').checked = false;" class="menu-mobile__link dw-mod menu-mobile__link--highlighted"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon").SelectedValue menu-mobile__link-icon"></i> @Translate("Sign in")</label>
4367 </li>
4368 }
4369
4370 @helper RenderMobileNavigationCreateAccountAction()
4371 {
4372 int createAccountPageId = GetPageIdByNavigationTag("CreateAccount");
4373
4374 <li class="menu-mobile__item">
4375 <a class="menu-mobile__link menu-mobile__link--highlighted dw-mod" href="/Default.aspx?ID=@createAccountPageId"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon").SelectedValue menu-mobile__link-icon"></i> @Translate("Create account")</a>
4376 </li>
4377 }
4378
4379 @helper RenderMobileNavigationProfileAction()
4380 {
4381 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage");
4382 string linkStart = Model.CurrentUser.ID <= 0 ? "/Default.aspx?ID=" + signInProfilePageId + "&RedirectPageId=" : "/Default.aspx?ID=";
4383 int myProfilePageId = GetPageIdByNavigationTag("CustomerProfile");
4384 string myProfilePageLink = linkStart + myProfilePageId;
4385
4386 <li class="menu-mobile__item">
4387 <a href="@myProfilePageLink" class="menu-mobile__link menu-mobile__link--highlighted dw-mod"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon").SelectedValue menu-mobile__link-icon"></i> @Translate("My Profile")</a>
4388 </li>
4389 }
4390
4391 @helper RenderMobileNavigationOrdersAction()
4392 {
4393 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage");
4394 string linkStart = Model.CurrentUser.ID <= 0 ? "/Default.aspx?ID=" + signInProfilePageId + "&RedirectPageId=" : "/Default.aspx?ID=";
4395 int myOrdersPageId = GetPageIdByNavigationTag("CustomerOrders");
4396 string myOrdersPageLink = linkStart + myOrdersPageId;
4397 string ordersIcon = "fas fa-list";
4398
4399 <li class="menu-mobile__item">
4400 <a href="@myOrdersPageLink" class="menu-mobile__link menu-mobile__link--highlighted dw-mod"><i class="@ordersIcon menu-mobile__link-icon"></i> @Translate("My Orders")</a>
4401 </li>
4402 }
4403
4404 @helper RenderMobileNavigationFavoritesAction()
4405 {
4406 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage");
4407 string linkStart = Model.CurrentUser.ID <= 0 ? "/Default.aspx?ID=" + signInProfilePageId + "&RedirectPageId=" : "/Default.aspx?ID=";
4408 int myFavoritesPageId = GetPageIdByNavigationTag("CustomerFavorites");
4409 string myFavoritesPageLink = linkStart + myFavoritesPageId;
4410 string favoritesIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon") != null ? "fas fa-" + Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon").SelectedValue : "fa fa-star";
4411
4412
4413 <li class="menu-mobile__item">
4414 <a href="@myFavoritesPageLink" class="menu-mobile__link menu-mobile__link--highlighted dw-mod"><i class="@favoritesIcon menu-mobile__link-icon"></i> @Translate("My Favorites")</a>
4415 </li>
4416 }
4417
4418 @helper RenderMobileNavigationSavedCardsAction()
4419 {
4420 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage");
4421 string linkStart = Model.CurrentUser.ID <= 0 ? "/Default.aspx?ID=" + signInProfilePageId + "&RedirectPageId=" : "/Default.aspx?ID=";
4422 int mySavedCardsPageId = GetPageIdByNavigationTag("SavedCards");
4423 string mySavedCardsPageLink = linkStart + mySavedCardsPageId;
4424 string savedCardsIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SavedCards") != null ? "fas fa-" + Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SavedCards").SelectedValue : "fas fa-credit-card";
4425
4426 <li class="menu-mobile__item">
4427 <a href="@mySavedCardsPageLink" class="menu-mobile__link menu-mobile__link--highlighted dw-mod"><i class="@savedCardsIcon menu-mobile__link-icon"></i> @Translate("My Saved Cards")</a>
4428 </li>
4429 }
4430
4431 @helper RenderMobileNavigationSignOutAction()
4432 {
4433 int pageId = Model.TopPage.ID;
4434 string signOutIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignOutIcon") != null ? "fas fa-" + Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignOutIcon").SelectedValue : "far fa-sign-out-alt";
4435
4436 <li class="menu-mobile__item">
4437 <a class="menu-mobile__link menu-mobile__link--highlighted dw-mod" href="/Admin/Public/ExtranetLogoff.aspx?ID=@pageId" onclick="RememberState.SetCookie('useAnotherAddress', false)"><i class="@signOutIcon menu-mobile__link-icon"></i> @Translate("Sign out")</a>
4438 </li>
4439 }
4440
4441 @helper RenderMobileNavigationLanguagesAction()
4442 {
4443 bool isSlidesDesign = Model.Area.Item.GetItem("Layout").GetItem("MobileNavigation").GetList("Design").SelectedValue == "Slides";
4444
4445 string selectedLanguage = "";
4446 foreach (var lang in Model.Languages)
4447 {
4448 if (lang.IsCurrent)
4449 {
4450 selectedLanguage = lang.Name;
4451 }
4452 }
4453
4454 <li class="menu-mobile__item dw-mod">
4455 @if (isSlidesDesign)
4456 {
4457 <input id="MobileMenuCheck_Language" type="radio" class="expand-trigger" name="mobile-menu-level-1" onclick="goToLevel(1);">
4458 }
4459 else
4460 {
4461 <input id="MobileMenuCheck_Language" type="checkbox" class="expand-trigger">
4462 }
4463 <div class="menu-mobile__link__wrap">
4464 <label for="MobileMenuCheck_Language" class="menu-mobile__link menu-mobile__link--highlighted dw-mod"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("LanguageIcon").SelectedValue menu-mobile__link-icon"></i> @selectedLanguage</label>
4465 <label for="MobileMenuCheck_Language" class="menu-mobile__trigger"></label>
4466 </div>
4467 <ul class="menu-mobile menu-mobile__submenu expand-menu">
4468 @if (isSlidesDesign)
4469 {
4470 <li class="menu-mobile__item dw-mod">
4471 <div class="menu-mobile__link__wrap">
4472 <input id="MobileMenuCheck_Language_back" type="radio" class="expand-trigger" name="mobile-menu-level-1" onclick="goToLevel(0);" />
4473 <label for="MobileMenuCheck_Language_back" class="menu-mobile__trigger menu-mobile__trigger--back"></label>
4474 <label for="MobileMenuCheck_Language_back" class="menu-mobile__link dw-mod ">@Translate("Back")</label>
4475 </div>
4476 </li>
4477 }
4478 @foreach (var lang in Model.Languages)
4479 {
4480 <li class="menu-mobile__item dw-mod">
4481 <a class="menu-mobile__link menu-mobile__link--highlighted dw-mod menu-mobile__link--level-1" href="/Default.aspx?ID=@lang.Page.ID">@lang.Name</a>
4482 </li>
4483 }
4484 </ul>
4485 </li>
4486 }</text>
4487 }
4488 else
4489 {
4490 <text>@inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
4491
4492 @using System
4493 @using System.Web
4494 @using System.Collections.Generic
4495 @using Dynamicweb.Rapido.Blocks.Extensibility
4496 @using Dynamicweb.Rapido.Blocks
4497
4498 @functions {
4499 BlocksPage headerBlocksPage = BlocksPage.GetBlockPage("Master");
4500 }
4501
4502 @{
4503 Block masterTools = new Block()
4504 {
4505 Id = "MasterDesktopTools",
4506 SortId = 10,
4507 Template = RenderDesktopTools(),
4508 SkipRenderBlocksList = true,
4509 BlocksList = new List<Block>
4510 {
4511 new Block {
4512 Id = "MasterDesktopToolsText",
4513 SortId = 10,
4514 Template = RenderDesktopToolsText(),
4515 Design = new Design
4516 {
4517 Size = "auto",
4518 HidePadding = true,
4519 RenderType = RenderType.Column
4520 }
4521 },
4522 new Block {
4523 Id = "MasterDesktopToolsNavigation",
4524 SortId = 20,
4525 Template = RenderDesktopToolsNavigation(),
4526 Design = new Design
4527 {
4528 Size = "auto-width",
4529 HidePadding = true,
4530 RenderType = RenderType.Column
4531 }
4532 }
4533 }
4534 };
4535 headerBlocksPage.Add("MasterHeader", masterTools);
4536
4537 Block masterDesktopExtra = new Block()
4538 {
4539 Id = "MasterDesktopExtra",
4540 SortId = 10,
4541 Template = RenderDesktopExtra(),
4542 SkipRenderBlocksList = true
4543 };
4544 headerBlocksPage.Add("MasterHeader", masterDesktopExtra);
4545
4546 Block masterDesktopNavigation = new Block()
4547 {
4548 Id = "MasterDesktopNavigation",
4549 SortId = 20,
4550 Template = RenderDesktopNavigation(),
4551 SkipRenderBlocksList = true
4552 };
4553 headerBlocksPage.Add("MasterHeader", masterDesktopNavigation);
4554 }
4555
4556 @* Include the Blocks for the page *@
4557 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
4558
4559 @using System
4560 @using System.Web
4561 @using Dynamicweb.Rapido.Blocks.Extensibility
4562 @using Dynamicweb.Rapido.Blocks
4563
4564 @{
4565 Block masterDesktopLogo = new Block
4566 {
4567 Id = "MasterDesktopLogo",
4568 SortId = 10,
4569 Template = RenderDesktopLogo(),
4570 Design = new Design
4571 {
4572 Size = "auto-width",
4573 HidePadding = true,
4574 RenderType = RenderType.Column,
4575 CssClass = "grid--align-self-center"
4576 }
4577 };
4578
4579 BlocksPage.GetBlockPage("Master").Add("MasterHeader", masterDesktopLogo);
4580 }
4581
4582
4583 @helper RenderDesktopLogo()
4584 {
4585 string firstPageId = Model.Area.FirstActivePage.ID.ToString();
4586 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal";
4587 string alignClass = topLayout == "two-lines-centered" || topLayout == "two-lines" ? "grid--align-self-center" : "";
4588 alignClass = topLayout == "splitted-center" ? "u-middle" : alignClass;
4589 string logo = Model.Area.Item.GetItem("Layout").GetFile("LogoImage") != null ? Model.Area.Item.GetItem("Layout").GetFile("LogoImage").PathUrlEncoded : "/Files/Images/logo-dynamicweb.png";
4590 if (Path.GetExtension(logo).ToLower() != ".svg")
4591 {
4592 int logoHeight = Model.Area.Item.GetItem("Layout").GetInt32("LogoHeight");
4593 logoHeight = logoHeight > 0 && Pageview.Device.ToString() != "Mobile" ? logoHeight : 40;
4594 logo = "/Admin/Public/GetImage.ashx?height=" + Converter.ToString(logoHeight) + "&crop=5&Compression=75&image=" + logo;
4595 }
4596 else
4597 {
4598 logo = HttpUtility.UrlDecode(logo);
4599 }
4600
4601 <div class="logo @alignClass dw-mod">
4602 <a href="/Default.aspx?ID=@firstPageId" class="logo__img dw-mod u-block">
4603 <img class="grid__cell-img logo__img dw-mod" src="@logo" alt="@Translate("Logo")" />
4604 </a>
4605 </div>
4606 }
4607 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
4608
4609 @using System
4610 @using System.Web
4611 @using Dynamicweb.Rapido.Blocks.Extensibility
4612 @using Dynamicweb.Rapido.Blocks
4613
4614 @functions {
4615 bool isMegaMenu;
4616 }
4617
4618 @{
4619 isMegaMenu = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("NavigationMegaMenu") != null ? Converter.ToBoolean(Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("NavigationMegaMenu").SelectedValue) : false;
4620 Block masterDesktopMenu = new Block
4621 {
4622 Id = "MasterDesktopMenu",
4623 SortId = 10,
4624 Template = RenderDesktopMenu(),
4625 Design = new Design
4626 {
4627 Size = "auto",
4628 HidePadding = true,
4629 RenderType = RenderType.Column
4630 }
4631 };
4632
4633 if (isMegaMenu)
4634 {
4635 masterDesktopMenu.Design.CssClass = "u-reset-position";
4636 }
4637
4638 BlocksPage.GetBlockPage("Master").Add("MasterHeader", masterDesktopMenu);
4639 }
4640
4641 @helper RenderDesktopMenu()
4642 {
4643 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal";
4644 string menuAlignment = topLayout == "minimal-right" ? "grid--align-self-end" : "";
4645 menuAlignment = topLayout == "minimal-center" ? "grid--align-self-center" : topLayout;
4646 string megamenuPromotionImage = Model.Area.Item.GetItem("Layout").GetItem("Header").GetFile("MegamenuPromotionImage") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetFile("MegamenuPromotionImage").PathUrlEncoded : "";
4647 bool renderPagesInToolBar = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("RenderPagesInToolBar");
4648 bool showOnlyHeaders = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("ShowOnlyHeaders");
4649 int startLevel = renderPagesInToolBar ? 1 : 0;
4650
4651 string promotionLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetString("MegamenuPromotionLink");
4652
4653 <div class="grid__cell u-flex @(isMegaMenu ? "u-reset-position" : "") @menuAlignment">
4654 @if (!isMegaMenu)
4655 {
4656 @RenderNavigation(new
4657 {
4658 id = "topnavigation",
4659 cssclass = "menu dw-mod dwnavigation u-full-max-width u-flex grid--wrap",
4660 startLevel = startLevel,
4661 ecomStartLevel = startLevel + 1,
4662 endlevel = 5,
4663 expandmode = "all",
4664 template = "BaseMenuWithDropdown.xslt"
4665 });
4666 }
4667 else
4668 {
4669 @RenderNavigation(new
4670 {
4671 id = "topnavigation",
4672 cssclass = "menu dw-mod dwnavigation u-full-max-width u-flex grid--wrap",
4673 startLevel = startLevel,
4674 ecomStartLevel = startLevel + 1,
4675 endlevel = 5,
4676 promotionImage = megamenuPromotionImage,
4677 promotionLink = promotionLink,
4678 expandmode = "all",
4679 showOnlyHeaders = showOnlyHeaders.ToString().ToLower(),
4680 template = "BaseMegaMenu.xslt"
4681 });
4682 }
4683 </div>
4684 }
4685 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
4686
4687 @using System
4688 @using System.Web
4689 @using Dynamicweb.Rapido.Blocks.Extensibility
4690 @using Dynamicweb.Rapido.Blocks
4691
4692 @{
4693 Block masterDesktopActionsMenu = new Block
4694 {
4695 Id = "MasterDesktopActionsMenu",
4696 SortId = 10,
4697 Template = RenderDesktopActionsMenu(),
4698 Design = new Design
4699 {
4700 CssClass = "u-flex"
4701 },
4702 SkipRenderBlocksList = true
4703
4704 };
4705 BlocksPage.GetBlockPage("Master").Add("MasterHeader", masterDesktopActionsMenu);
4706
4707 if (!string.IsNullOrWhiteSpace(Model.Area.Item.GetItem("Layout").GetItem("Header").GetString("HeaderButtonLink")))
4708 {
4709 Block masterDesktopActionsHeaderButton = new Block
4710 {
4711 Id = "MasterDesktopActionsHeaderButton",
4712 SortId = 60,
4713 Template = RenderHeaderButton()
4714 };
4715 masterDesktopActionsMenu.Add(masterDesktopActionsHeaderButton);
4716 }
4717 }
4718
4719 @helper RenderDesktopActionsMenu()
4720 {
4721 List<Block> subBlocks = this.headerBlocksPage.GetBlockListById("MasterDesktopActionsMenu").OrderBy(item => item.SortId).ToList();
4722
4723 <ul class="menu u-flex dw-mod">
4724 @RenderBlockList(subBlocks)
4725 </ul>
4726 }
4727
4728 @helper RenderHeaderButton()
4729 {
4730 string headerButtonText = Model.Area.Item.GetItem("Layout").GetItem("Header").GetString("HeaderButtonText");
4731 string headerButtonLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetString("HeaderButtonLink");
4732 string headerButtonType = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("HeaderButtonType") != null ? "btn--" + Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("HeaderButtonType").SelectedName.ToLower() : "";
4733
4734 <li class="menu__item menu__item--horizontal menu--clean dw-mod">
4735 <a class="btn @headerButtonType dw-mod u-no-margin u-margin-left" href="@headerButtonLink">@headerButtonText</a>
4736 </li>
4737 }
4738 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
4739
4740 @using System
4741 @using System.Web
4742 @using Dynamicweb.Core;
4743 @using System.Text.RegularExpressions
4744 @using Dynamicweb.Rapido.Blocks.Extensibility
4745 @using Dynamicweb.Rapido.Blocks
4746
4747 @{
4748 Block masterDesktopActionsMenuLanguageSelector = new Block
4749 {
4750 Id = "MasterDesktopActionsMenuLanguageSelector",
4751 SortId = 40,
4752 Template = RenderLanguageSelector()
4753 };
4754
4755 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterDesktopActionsMenuLanguageSelector);
4756 }
4757
4758 @helper RenderLanguageSelector()
4759 {
4760 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal";
4761 string liClasses = topLayout != "normal" ? "menu__item--top-level u-hidden-xxs" : "menu--clean";
4762 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon";
4763 string languageViewType = !string.IsNullOrEmpty(Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("LanguageSelector").SelectedValue) ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("LanguageSelector").SelectedValue.ToLower() : "";
4764
4765 if (Model.Languages.Count > 1)
4766 {
4767 <li class="menu__item menu__item--horizontal @liClasses menu__item--icon is-dropdown is-dropdown--no-icon dw-mod">
4768 <div class="@menuLinkClass dw-mod" title="@Translate("Language")">
4769 <i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("LanguageIcon").SelectedValue fa-1_5x"></i>
4770 </div>
4771 <div class="menu menu--dropdown menu--dropdown-right languages-dropdown dw-mod grid__cell">
4772 @foreach (var lang in Model.Languages)
4773 {
4774 string widthClass = "menu__item--fixed-width";
4775 string langInfo = "<span class=\"flag-icon flag-icon-" + Dynamicweb.Services.Areas.GetArea(lang.ID).EcomCountryCode.ToLower() + " u-margin-right\"></span>" + lang.Name;
4776 string cultureName = Regex.Replace(Dynamicweb.Services.Areas.GetArea(lang.ID).CultureInfo.NativeName, @" ?\(.*?\)", string.Empty);
4777 cultureName = char.ToUpper(cultureName[0]) + cultureName.Substring(1);
4778
4779 if (languageViewType == "flag-culture")
4780 {
4781 langInfo = "<span class=\"flag-icon flag-icon-" + Dynamicweb.Services.Areas.GetArea(lang.ID).EcomCountryCode.ToLower() + " \"></span> " + cultureName;
4782 }
4783
4784 if (languageViewType == "flag")
4785 {
4786 langInfo = "<span class=\"flag-icon flag-icon-" + Dynamicweb.Services.Areas.GetArea(lang.ID).EcomCountryCode.ToLower() + " \"></span>";
4787 widthClass = "";
4788 }
4789
4790 if (languageViewType == "name")
4791 {
4792 langInfo = lang.Name;
4793 }
4794
4795 if (languageViewType == "culture")
4796 {
4797 langInfo = cultureName;
4798 widthClass = "";
4799 }
4800
4801 <div class="menu__item dw-mod @widthClass">
4802 <a href="/Default.aspx?AreaID=@Dynamicweb.Services.Pages.GetPage(lang.Page.ID).Area.ID" class="menu-dropdown__link dw-mod">@langInfo</a>
4803 </div>
4804 }
4805 </div>
4806 </li>
4807 }
4808 }
4809 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
4810
4811 @using System
4812 @using System.Web
4813 @using Dynamicweb.Rapido.Blocks.Extensibility
4814 @using Dynamicweb.Rapido.Blocks
4815
4816 @{
4817 Block masterDesktopActionsMenuSignIn = new Block
4818 {
4819 Id = "MasterDesktopActionsMenuSignIn",
4820 SortId = 20,
4821 Template = RenderSignIn()
4822 };
4823
4824 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterDesktopActionsMenuSignIn);
4825 }
4826
4827 @helper RenderSignIn()
4828 {
4829 bool navigationItemsHideSignIn = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideSignIn");
4830 string userInitials = "";
4831 int pageId = Model.TopPage.ID;
4832 int createAccountPageId = GetPageIdByNavigationTag("CreateAccount");
4833 int myDashboardPageId = GetPageIdByNavigationTag("CustomerDashboard");
4834 int myProfilePageId = GetPageIdByNavigationTag("CustomerProfile");
4835 int myOrdersPageId = GetPageIdByNavigationTag("CustomerOrders");
4836 int myFavoritesPageId = GetPageIdByNavigationTag("CustomerFavorites");
4837 int mySavedCardsPageId = GetPageIdByNavigationTag("SavedCards");
4838 int myOrderDraftsPageId = GetPageIdByNavigationTag("OrderDraft");
4839 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage");
4840 int applyTradeAccountPageId = GetPageIdByNavigationTag("ApplyForTradeAccount");
4841 bool hideCreateAccountLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideCreateAccount");
4842 bool hideMyProfileLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideProfile");
4843 bool hideMyOrdersLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideOrders");
4844 bool hideMySavedCardsLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideSavedCards");
4845 bool hideMyOrderDraftsLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideOrderDrafts");
4846 bool hideMyFavoritesLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideFavorites");
4847 bool hideForgotPasswordLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideForgotPasswordLink");
4848
4849 string linkStart = "/Default.aspx?ID=";
4850 if (Model.CurrentUser.ID <= 0)
4851 {
4852 linkStart += signInProfilePageId + "&RedirectPageId=";
4853 }
4854
4855 string forgotPasswordPageLink = "/Default.aspx?ID=" + signInProfilePageId + "&LoginAction=Recovery";
4856 string myProfilePageLink = linkStart + myProfilePageId;
4857 string myOrdersPageLink = linkStart + myOrdersPageId;
4858 string myFavoritesPageLink = linkStart + myFavoritesPageId;
4859 string mySavedCardsPageLink = linkStart + mySavedCardsPageId;
4860 string myOrderDraftsLink = linkStart + myOrderDraftsPageId;
4861 string applyTradeAccountLink = "/Default.aspx?ID=" + applyTradeAccountPageId;
4862
4863 string profileIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon").SelectedValue : "fa fa-user";
4864 string favoritesIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon") != null ? "fas fa-" + Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon").SelectedValue : "fa fa-star";
4865 string orderDraftsIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("DraftIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("DraftIcon").SelectedValue : "fa fa-clipboard";
4866
4867 if (Model.CurrentUser.ID != 0)
4868 {
4869 userInitials = Dynamicweb.Rapido.Services.User.GetInitials(Model.CurrentUser.Name, Model.CurrentUser.FirstName, Model.CurrentUser.LastName, Model.CurrentUser.Email, Model.CurrentUser.UserName);
4870 }
4871
4872 if (!navigationItemsHideSignIn)
4873 {
4874 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal";
4875 string liClasses = topLayout != "normal" ? "menu__item--top-level u-hidden-xxs" : "menu__item--clean";
4876 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon";
4877
4878 <li class="menu__item menu__item--horizontal menu__item menu__item--icon @liClasses is-dropdown is-dropdown--no-icon dw-mod">
4879 <div class="@menuLinkClass dw-mod">
4880 @if (Model.CurrentUser.ID <= 0)
4881 {
4882 <i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon").SelectedValue fa-1_5x" title="@Translate("Sign in")"></i>
4883 }
4884 else
4885 {
4886 <a href="/default.aspx?ID=@myDashboardPageId" class="u-color-inherit" title="@Translate("Customer center")"><div class="circle-icon-btn">@userInitials.ToUpper()</div></a>
4887 }
4888 </div>
4889 <div class="menu menu--dropdown menu--dropdown-right menu--sign-in grid__cell dw-mod">
4890 <ul class="list list--clean dw-mod">
4891 @if (Model.CurrentUser.ID <= 0)
4892 {
4893 <li>
4894 <a href="/default.aspx?ID=@signInProfilePageId" class="btn btn--primary btn--full u-no-margin sign-in-modal-trigger-button dw-mod" title="@Translate("Sign in")">@Translate("Sign in")</a>
4895 </li>
4896
4897 if (!hideCreateAccountLink)
4898 {
4899 @RenderListItem("/default.aspx?ID=" + createAccountPageId, Translate("Create account"));
4900 }
4901
4902 @RenderListItem(applyTradeAccountLink, Translate("Apply For Trade Account"));
4903
4904 if (!hideForgotPasswordLink)
4905 {
4906 @RenderListItem(forgotPasswordPageLink, Translate("Forgot your password?"))
4907 }
4908 if (!hideMyProfileLink || !hideMyOrdersLink || !hideMyFavoritesLink || !hideMySavedCardsLink)
4909 {
4910 @RenderSeparator()
4911 }
4912 }
4913 @if (!hideMyProfileLink && Model.CurrentUser.ID != 0)
4914 {
4915 @RenderListItem(myProfilePageLink, Translate("My Profile"), profileIcon)
4916 }
4917 @if (!hideMyOrdersLink && Model.CurrentUser.ID != 0)
4918 {
4919 @RenderListItem(myOrdersPageLink, Translate("My Orders"), "fas fa-list")
4920 }
4921 @if (!hideMyFavoritesLink)
4922 {
4923 @RenderListItem(myFavoritesPageLink, Translate("My Favorites"), favoritesIcon)
4924 }
4925 @if (!hideMySavedCardsLink)
4926 {
4927 @RenderListItem(mySavedCardsPageLink, Translate("My Saved cards"), "fas fa-credit-card")
4928 }
4929 @if (!hideMyOrderDraftsLink)
4930 {
4931 @RenderListItem(myOrderDraftsLink, Translate("My Order drafts"), orderDraftsIcon)
4932 }
4933 @if (Model.CurrentUser.ID > 0)
4934 {
4935 if (!hideMyProfileLink || !hideMyOrdersLink || !hideMyFavoritesLink || !hideMySavedCardsLink)
4936 {
4937 @RenderSeparator()
4938 }
4939
4940 //Check if impersonation is on
4941 if (Model.CurrentSecondaryUser != null && Model.CurrentSecondaryUser.ID > 0)
4942 {
4943 <li>
4944 <div class="list__link dw-mod" onclick="document.getElementById('StopImpersonationModalTrigger').checked = true;">
4945 @Translate("Sign out")
4946 </div>
4947 </li>
4948 } else {
4949 @RenderListItem("/Admin/Public/ExtranetLogoff.aspx?ID=" + pageId, Translate("Sign out"))
4950 }
4951 }
4952 </ul>
4953 </div>
4954 </li>
4955 }
4956 }
4957
4958 @helper RenderListItem(string link, string text, string icon = null) {
4959 <li>
4960 <a href="@link" class="list__link dw-mod" onclick="RememberState.SetCookie('useAnotherAddress', false)">
4961 @if (!string.IsNullOrEmpty(icon)){<i class="@icon u-margin-right"></i>}@text
4962 </a>
4963 </li>
4964 }
4965
4966 @helper RenderSeparator()
4967 {
4968 <li class="list__seperator dw-mod"></li>
4969 }
4970 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
4971
4972 @using System
4973 @using System.Web
4974 @using Dynamicweb.Rapido.Blocks.Extensibility
4975 @using Dynamicweb.Rapido.Blocks
4976
4977 @{
4978 bool hideMyFavoritesLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideFavorites");
4979
4980 Block masterDesktopActionsMenuFavorites = new Block
4981 {
4982 Id = "MasterDesktopActionsMenuFavorites",
4983 SortId = 30,
4984 Template = RenderFavorites()
4985 };
4986
4987 if (!hideMyFavoritesLink && Model.CurrentUser.ID > 0)
4988 {
4989 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterDesktopActionsMenuFavorites);
4990 }
4991 }
4992
4993 @helper RenderFavorites()
4994 {
4995 int myFavoritesPageId = GetPageIdByNavigationTag("CustomerFavorites");
4996 string myFavoritesPageLink = "/Default.aspx?ID=" + myFavoritesPageId;
4997
4998 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal";
4999 string liClasses = topLayout != "normal" && topLayout != "splitted-center" ? "menu__item--top-level u-hidden-xxs" : "menu--clean";
5000 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon";
5001
5002 <li class="menu__item menu__item--horizontal @liClasses menu__item--icon dw-mod">
5003 <a href="@myFavoritesPageLink" class="@menuLinkClass dw-mod" title="@Translate("Favorites")">
5004 <i class="fas fa-@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon").SelectedValue fa-1_5x"></i>
5005 </a>
5006 </li>
5007 }
5008 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
5009
5010 @using System
5011 @using System.Web
5012 @using Dynamicweb.Rapido.Blocks.Extensibility
5013 @using Dynamicweb.Rapido.Blocks
5014 @using Dynamicweb.Rapido.Services
5015
5016 @{
5017 bool hideCart = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideCart");
5018 string miniCartLayout = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("Layout") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("Layout").SelectedValue : "dropdown";
5019
5020 if (Dynamicweb.Rapido.Services.User.IsBuyingAllowed() && !hideCart)
5021 {
5022 Block masterDesktopActionsMenuMiniCart = new Block
5023 {
5024 Id = "MasterDesktopActionsMenuMiniCart",
5025 SortId = 60,
5026 Template = RenderMiniCart(miniCartLayout == "dropdown"),
5027 SkipRenderBlocksList = true,
5028 BlocksList = new List<Block>()
5029 };
5030
5031 Block miniCartCounterScriptTemplate = new Block
5032 {
5033 Id = "MiniCartCounterScriptTemplate",
5034 Template = RenderMiniCartCounterContent()
5035 };
5036
5037 //dropdown layout is default
5038 RazorEngine.Templating.TemplateWriter layoutTemplate;
5039 RazorEngine.Templating.TemplateWriter miniCartTriggerTemplate;
5040
5041 switch (miniCartLayout)
5042 {
5043 case "dropdown":
5044 layoutTemplate = RenderMiniCartDropdownLayout();
5045 miniCartTriggerTemplate = RenderMiniCartTriggerLink();
5046 break;
5047 case "panel":
5048 layoutTemplate = RenderMiniCartPanelLayout();
5049 miniCartTriggerTemplate = RenderMiniCartTriggerLabel();
5050 break;
5051 case "modal":
5052 layoutTemplate = RenderMiniCartModalLayout();
5053 miniCartTriggerTemplate = RenderMiniCartTriggerLabel();
5054 break;
5055 case "none":
5056 default:
5057 layoutTemplate = RenderMiniCartDropdownLayout();
5058 miniCartTriggerTemplate = RenderMiniCartTriggerLink();
5059 break;
5060 }
5061
5062 masterDesktopActionsMenuMiniCart.BlocksList.Add(new Block
5063 {
5064 Id = "MiniCartTrigger",
5065 Template = miniCartTriggerTemplate
5066 });
5067
5068 if (Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet")
5069 {
5070 masterDesktopActionsMenuMiniCart.BlocksList.Add(new Block
5071 {
5072 Id = "MiniCartLayout",
5073 Template = layoutTemplate
5074 });
5075 }
5076
5077 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterDesktopActionsMenuMiniCart);
5078 BlocksPage.GetBlockPage("Master").Add("MasterBottomSnippets", miniCartCounterScriptTemplate);
5079 }
5080
5081 if (hideCart && Dynamicweb.Rapido.Services.User.IsBuyingAllowed())
5082 {
5083 BlocksPage.GetBlockPage("Master").Add("MasterBottomSnippets", new Block {
5084 Id = "CartInitialization"
5085 });
5086 }
5087 }
5088
5089 @helper RenderMiniCart(bool hasMouseEnterEvent)
5090 {
5091 List<Block> subBlocks = this.masterPage.GetBlockListById("MasterDesktopActionsMenuMiniCart").OrderBy(item => item.SortId).ToList();
5092 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal";
5093 string liClasses = topLayout != "normal" ? "menu__item--top-level" : "menu--clean";
5094 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed");
5095 string mouseEvent = "";
5096 string id = "MiniCart";
5097 if (hasMouseEnterEvent)
5098 {
5099 mouseEvent = "onmouseenter=\"Cart.UpdateMiniCart('miniCartTrigger', 'miniCart', 'cartCounter', '/Default.aspx?ID=" + miniCartFeedPageId + "&feedType=MiniCart')\"";
5100 id = "miniCartTrigger";
5101 }
5102 <li class="menu__item menu__item--horizontal menu__item--icon @liClasses dw-mod" id="@id" @mouseEvent>
5103 @RenderBlockList(subBlocks)
5104 </li>
5105 }
5106
5107 @helper RenderMiniCartTriggerLabel()
5108 {
5109 int cartPageId = GetPageIdByNavigationTag("CartPage");
5110 string cartIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon").SelectedValue : "fa fa-cart";
5111 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal";
5112 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon";
5113 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed");
5114
5115 <div class="@menuLinkClass dw-mod js-mini-cart-button" onclick="Cart.UpdateMiniCart('miniCartTrigger', 'miniCart', 'cartCounter', '/Default.aspx?ID=@miniCartFeedPageId&feedType=MiniCart')" title="@Translate("Cart")">
5116 <div class="u-inline u-position-relative">
5117 <i class="@cartIcon fa-1_5x"></i>
5118 @RenderMiniCartCounter()
5119 </div>
5120 </div>
5121 }
5122
5123 @helper RenderMiniCartTriggerLink()
5124 {
5125 int cartPageId = GetPageIdByNavigationTag("CartPage");
5126 string cartIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon").SelectedValue : "fa fa-cart";
5127 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal";
5128 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon";
5129
5130 <a href="/Default.aspx?ID=@cartPageId&Purge=True" class="@menuLinkClass menu__item--icon dw-mod js-mini-cart-button" title="@Translate("Cart")">
5131 <span class="u-inline u-position-relative">
5132 <i class="@cartIcon fa-1_5x"></i>
5133 @RenderMiniCartCounter()
5134 </span>
5135 </a>
5136 }
5137
5138 @helper RenderMiniCartCounter()
5139 {
5140 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed");
5141 string cartProductsCount = Model.Cart.TotalProductsCount.ToString();
5142 string counterPosition = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("CounterPosition") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("CounterPosition").SelectedValue : "right";
5143 bool showPrice = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetBoolean("ShowPrice");
5144 string cartProductsTotalPrice = showPrice && Model.Cart.TotalPrice != null ? Model.Cart.TotalPrice.Price.Formatted : "";
5145 cartProductsTotalPrice = counterPosition == "right" ? cartProductsTotalPrice : "";
5146
5147 if (showPrice && counterPosition == "right")
5148 {
5149 cartProductsCount = Translate("Cart") + " (" + cartProductsCount + ")";
5150 }
5151
5152 <span class="mini-cart__counter @(counterPosition == "right" ? "mini-cart__counter--inline" : "") dw-mod" style="display:none;">
5153 <span class="js-handlebars-root js-mini-cart-counter" id="cartCounter" data-template="MiniCartCounterContent" data-json-feed="/Default.aspx?ID=@miniCartFeedPageId&feedType=Counter" data-init-onload="false" data-preloader="false">
5154 <span class="js-mini-cart-counter-content" data-count="@Model.Cart.TotalProductsCount.ToString()">
5155 @cartProductsCount @cartProductsTotalPrice
5156 </span>
5157 </span>
5158 </span>
5159 }
5160
5161 @helper RenderMiniCartCounterContent()
5162 {
5163 bool showPrice = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetBoolean("ShowPrice");
5164 string counterPosition = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("CounterPosition") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("CounterPosition").SelectedValue : "right";
5165 bool showPriceInMiniCartCounter = Pageview.Device.ToString() != "Mobile" && counterPosition == "right" && showPrice;
5166
5167 <script id="MiniCartCounterContent" type="text/x-template">
5168 {{#.}}
5169 <span class="js-mini-cart-counter-content dw-mod" data-count="{{numberofproducts}}">
5170 @if (showPriceInMiniCartCounter)
5171 {
5172 @Translate("Cart")<text>({{numberofproducts}}) {{totalprice}}</text>
5173 }
5174 else
5175 {
5176 <text>{{numberofproducts}}</text>
5177 }
5178 </span>
5179 {{/.}}
5180 </script>
5181 }
5182
5183 @helper RenderMiniCartDropdownLayout()
5184 {
5185 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed");
5186 string cartPageLink = "Default.aspx?ID=" + GetPageIdByNavigationTag("CartPage");
5187
5188 <div class="mini-cart mini-cart-dropdown js-mini-cart grid__cell dw-mod" id="miniCart" data-cart-id="@miniCartFeedPageId" data-show-type="dropdown" data-cart-page-link="@cartPageLink">
5189 <div class="mini-cart-dropdown__inner dw-mod">
5190 <h3 class="u-ta-center dw-mod">@Translate("Shopping cart")</h3>
5191 <div class="mini-cart-dropdown__body u-flex dw-mod">
5192 <div class="js-handlebars-root u-flex grid--direction-column u-full-width dw-mod" id="miniCartContent" data-template="MiniCartContent" data-json-feed="/Default.aspx?ID=@miniCartFeedPageId&feedType=MiniCart" data-init-onload="false"></div>
5193 </div>
5194 </div>
5195 </div>
5196 }
5197
5198 @helper RenderMiniCartPanelLayout()
5199 {
5200 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed");
5201 string cartPageLink = "Default.aspx?ID=" + GetPageIdByNavigationTag("CartPage");
5202
5203 <div class="mini-cart grid__cell dw-mod">
5204 <input type="checkbox" id="miniCartTrigger" class="panel-trigger" />
5205 <div class="panel panel--right panel--with-close-btn dw-mod js-mini-cart" id="miniCart" data-cart-id="@miniCartFeedPageId" data-show-type="block" data-cart-page-link="@cartPageLink">
5206 <label for="miniCartTrigger" class="panel__close-btn" title="@Translate("Close panel")"><i class="fas fa-times"></i></label>
5207 <div class="panel__content u-full-width dw-mod">
5208 <h3 class="panel__header dw-mod u-margin-bottom u-ta-center">@Translate("Shopping cart")</h3>
5209 <div class="panel__content-body panel__content-body--cart dw-mod">
5210 <div class="js-handlebars-root u-flex grid--direction-column u-full-height dw-mod" id="miniCartContent" data-template="MiniCartContent" data-json-feed="/Default.aspx?ID=@miniCartFeedPageId&feedType=MiniCart" data-init-onload="false"></div>
5211 </div>
5212 </div>
5213 </div>
5214 </div>
5215 }
5216
5217 @helper RenderMiniCartModalLayout()
5218 {
5219 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed");
5220 string cartPageLink = "Default.aspx?ID=" + GetPageIdByNavigationTag("CartPage");
5221
5222 <div class="mini-cart grid__cell dw-mod">
5223 <input type="checkbox" id="miniCartTrigger" class="modal-trigger" autocomplete="off" />
5224 <div class="modal-container dw-mod js-mini-cart" id="miniCart" data-cart-id="@miniCartFeedPageId" data-show-type="block" data-cart-page-link="@cartPageLink">
5225 <label for="miniCartTrigger" class="modal-overlay"></label>
5226 <div class="modal modal--md modal--top-right dw-mod">
5227 <div class="modal__body u-flex grid--direction-column dw-mod">
5228 <h3 class="dw-mod u-ta-center">@Translate("Shopping cart")</h3>
5229 <div class="js-handlebars-root u-flex grid--direction-column dw-mod" id="miniCartContent" data-template="MiniCartContent" data-json-feed="/Default.aspx?ID=@miniCartFeedPageId&feedType=MiniCart" data-init-onload="false"></div>
5230 </div>
5231 <label class="modal__close-btn modal__close-btn--clean dw-mod" for="miniCartTrigger" title="@Translate("Close modal")"></label>
5232 </div>
5233 </div>
5234 </div>
5235 }
5236 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
5237
5238 @using System
5239 @using System.Web
5240 @using Dynamicweb.Rapido.Blocks.Extensibility
5241 @using Dynamicweb.Rapido.Blocks
5242
5243 @{
5244 bool showOrderDraftLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("ShowOrderDraftIcon");
5245
5246 Block masterDesktopActionsMenuOrderDraft = new Block
5247 {
5248 Id = "MasterDesktopActionsMenuOrderDraft",
5249 SortId = 40,
5250 Template = RenderOrderDraft()
5251 };
5252
5253 if (showOrderDraftLink && Model.CurrentUser.ID > 0)
5254 {
5255 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterDesktopActionsMenuOrderDraft);
5256 }
5257 }
5258
5259 @helper RenderOrderDraft()
5260 {
5261 int OrderDraftPageId = GetPageIdByNavigationTag("OrderDraft");
5262 string OrderDraftPageLink = "/Default.aspx?ID=" + OrderDraftPageId;
5263 string draftIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("DraftIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("DraftIcon").SelectedValue : "fa fa-clipboard";
5264
5265
5266 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal";
5267 string liClasses = topLayout != "normal" ? "menu__item--top-level u-hidden-xxs" : "menu--clean";
5268 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon";
5269
5270 <li class="menu__item menu__item--horizontal @liClasses menu__item--icon dw-mod">
5271 <a href="@OrderDraftPageLink" class="@menuLinkClass dw-mod" title="@Translate("My order drafts")">
5272 <span class="u-inline u-position-relative">
5273 <i class="@draftIcon fa-1_5x"></i>
5274 </span>
5275 </a>
5276 </li>
5277 }
5278 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
5279
5280 @using System
5281 @using System.Web
5282 @using Dynamicweb.Rapido.Blocks.Extensibility
5283 @using Dynamicweb.Rapido.Blocks
5284
5285 @{
5286 bool showDownloadCartLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("ShowDownloadCart");
5287
5288 Block masterDesktopActionsMenuDownloadCart = new Block
5289 {
5290 Id = "MasterDesktopActionsMenuDownloadCart",
5291 SortId = 50,
5292 Template = RenderDownloadCart()
5293 };
5294
5295 if (showDownloadCartLink && Model.CurrentUser.ID > 0)
5296 {
5297 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterDesktopActionsMenuDownloadCart);
5298 }
5299 }
5300
5301 @helper RenderDownloadCart()
5302 {
5303 int downloadCartPageId = GetPageIdByNavigationTag("DownloadCart");
5304 string downloadCartPageLink = "/Default.aspx?ID=" + downloadCartPageId;
5305
5306 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal";
5307 string liClasses = topLayout != "normal" ? "menu__item--top-level u-hidden-xxs" : "menu--clean";
5308 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon";
5309 string counterPosition = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("CounterPosition") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("CounterPosition").SelectedValue : "right";
5310
5311 <li class="menu__item menu__item--horizontal @liClasses menu__item--icon dw-mod">
5312 <a href="@downloadCartPageLink" class="@menuLinkClass dw-mod" title="@Translate("Download cart")">
5313 <span class="u-inline u-position-relative">
5314 <i class="fas fa-cart-arrow-down fa-1_5x"></i>
5315 <span class="mini-cart__counter u-hidden @(counterPosition == "right" ? "mini-cart__counter--inline" : "") dw-mod js-download-cart-counter"></span>
5316 </span>
5317 </a>
5318 </li>
5319 }
5320 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
5321
5322 @using System
5323 @using System.Web
5324 @using Dynamicweb.Rapido.Blocks.Extensibility
5325 @using Dynamicweb.Rapido.Blocks
5326
5327 @functions {
5328 public class SearchConfiguration
5329 {
5330 public string searchFeedId { get; set; }
5331 public string searchSecondFeedId { get; set; }
5332 public int groupsFeedId { get; set; }
5333 public string resultPageLink { get; set; }
5334 public string searchPlaceholder { get; set; }
5335 public string searchType { get; set; }
5336 public string searchTemplate { get; set; }
5337 public string searchContentTemplate { get; set; }
5338 public string searchValue { get; set; }
5339 public bool showGroups { get; set; }
5340
5341 public SearchConfiguration()
5342 {
5343 searchFeedId = "";
5344 searchSecondFeedId = "";
5345 searchType = "product-search";
5346 searchContentTemplate = "";
5347 showGroups = true;
5348 }
5349 }
5350 }
5351 @{
5352 Block masterSearchBar = new Block
5353 {
5354 Id = "MasterSearchBar",
5355 SortId = 40,
5356 Template = RenderSearch("bar"),
5357 Design = new Design
5358 {
5359 Size = "auto",
5360 HidePadding = true,
5361 RenderType = RenderType.Column
5362 }
5363 };
5364
5365 Block masterSearchAction = new Block
5366 {
5367 Id = "MasterDesktopActionsMenuSearch",
5368 SortId = 10,
5369 Template = RenderSearch()
5370 };
5371
5372 BlocksPage.GetBlockPage("Master").Add("MasterHeader", masterSearchBar);
5373 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterSearchAction);
5374 }
5375
5376 @helper RenderSearch(string type = "mini-search")
5377 {
5378 string productsPageId = Converter.ToString(GetPageIdByNavigationTag("ProductsPage"));
5379 string contentSearchPageLink = GetPageIdByNavigationTag("ContentSearchResults") + "&Areaid=" + Model.Area.ID;
5380 string searchType = Model.Area.Item.GetItem("Layout").GetList("TopSearch") != null ? Model.Area.Item.GetItem("Layout").GetList("TopSearch").SelectedValue : "productSearch";
5381
5382 SearchConfiguration searchConfiguration = null;
5383
5384 switch (searchType) {
5385 case "contentSearch":
5386 searchConfiguration = new SearchConfiguration() {
5387 searchFeedId = GetPageIdByNavigationTag("ContentSearchFeed") + "&Areaid=" + Model.Area.ID + "&pagesOnly=true",
5388 resultPageLink = contentSearchPageLink,
5389 searchPlaceholder = Translate("Search page"),
5390 groupsFeedId = 0,
5391 searchType = "content-search",
5392 searchTemplate = "SearchPagesTemplate",
5393 showGroups = false
5394 };
5395 break;
5396 case "combinedSearch":
5397 searchConfiguration = new SearchConfiguration() {
5398 searchFeedId = productsPageId + "&feed=true",
5399 searchSecondFeedId = GetPageIdByNavigationTag("ContentSearchFeed") + "&Areaid=" + Model.Area.ID + "&pagesOnly=true",
5400 resultPageLink = Converter.ToString(productsPageId),
5401 searchPlaceholder = Translate("Search products or pages"),
5402 groupsFeedId = GetPageIdByNavigationTag("ProductGroupsFeed"),
5403 searchType = "combined-search",
5404 searchTemplate = "SearchProductsTemplateWrap",
5405 searchContentTemplate = "SearchPagesTemplateWrap",
5406 showGroups = Model.Area.Item.GetItem("Layout").GetBoolean("ShowGroupsSelector")
5407 };
5408 break;
5409 default: //productSearch
5410 searchConfiguration = new SearchConfiguration() {
5411 resultPageLink = Converter.ToString(productsPageId),
5412 searchFeedId = productsPageId + "&feed=true",
5413 groupsFeedId = GetPageIdByNavigationTag("ProductGroupsFeed"),
5414 searchPlaceholder = Translate("Search products"),
5415 searchTemplate = "SearchProductsTemplate",
5416 searchType = "product-search",
5417 showGroups = Model.Area.Item.GetItem("Layout").GetBoolean("ShowGroupsSelector")
5418 };
5419 break;
5420 }
5421 searchConfiguration.searchValue = HttpContext.Current.Request.QueryString.Get("Search") ?? "";
5422
5423 if (type == "mini-search") {
5424 @RenderMiniSearch(searchConfiguration)
5425 } else {
5426 @RenderSearchBar(searchConfiguration)
5427 }
5428 }
5429
5430 @helper RenderSearchBar(SearchConfiguration options)
5431 {
5432 <div class="typeahead typeahead--centered u-color-inherit js-typeahead dw-mod" id="ProductSearchBar"
5433 data-page-size="7"
5434 data-search-feed-id="@options.searchFeedId"
5435 data-search-second-feed-id="@options.searchSecondFeedId"
5436 data-result-page-id="@options.resultPageLink"
5437 data-groups-page-id="@options.groupsFeedId"
5438 data-search-type="@options.searchType">
5439 @if (options.showGroups)
5440 {
5441 <button type="button" class="btn btn--condensed u-color-light-gray--bg typeahead-group-btn dw-mod js-typeahead-groups-btn" data-group-id="all">@Translate("All")</button>
5442 <ul class="dropdown dropdown--absolute-position u-min-w220px js-handlebars-root js-typeahead-groups-content dw-mod" id="ProductSearchBarGroupsContent" data-template="SearchGroupsTemplate" data-json-feed="/Default.aspx?ID=@options.groupsFeedId&feedType=productGroups" data-init-onload="false" data-preloader="minimal"></ul>
5443 }
5444 <div class="typeahead-search-field">
5445 <input type="text" class="u-no-margin u-full-width u-full-height js-typeahead-search-field" placeholder="@options.searchPlaceholder" value="@options.searchValue">
5446 @if (string.IsNullOrEmpty(options.searchSecondFeedId))
5447 {
5448 <ul class="dropdown dropdown--absolute-position u-min-w220px u-full-width js-handlebars-root js-typeahead-search-content dw-mod" id="ProductSearchBarContent" data-template="@options.searchTemplate" data-json-feed="/Default.aspx?ID=@options.searchFeedId&feedType=productsOnly" data-init-onload="false"></ul>
5449 }
5450 else
5451 {
5452 <div class="dropdown dropdown--absolute-position dropdown--combined grid">
5453 <div class="js-typeahead-search-content grid__col-sm-7 grid__col--bleed-y" id="ProductSearchBarContent" data-template="@options.searchTemplate" data-init-onload="false"></div>
5454 <div class="js-typeahead-additional-search-content grid__col-sm-5 grid__col--bleed-y" id="ContentSearchBarContent" data-template="@options.searchContentTemplate" data-init-onload="false"></div>
5455 </div>
5456 }
5457 </div>
5458 <button type="button" class="btn btn--condensed btn--primary u-no-margin dw-mod js-typeahead-enter-btn" title="@Translate("Search")"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue"></i></button>
5459 </div>
5460 }
5461
5462 @helper RenderMiniSearch(SearchConfiguration options)
5463 {
5464 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal";
5465 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon";
5466
5467 <li class="menu__item menu__item--horizontal menu__item--top-level menu__item--icon u-hidden-xxs is-dropdown is-dropdown--no-icon dw-mod" id="miniSearchIcon">
5468 <div class="@menuLinkClass dw-mod" title="@Translate("Search")">
5469 <i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue fa-1_5x"></i>
5470 </div>
5471 <div class="menu menu--dropdown menu--dropdown-right u-no-padding u-w380px grid__cell dw-mod">
5472 <div class="typeahead js-typeahead" id="ProductSearchBar"
5473 data-page-size="7"
5474 data-search-feed-id="@options.searchFeedId"
5475 data-search-second-feed-id="@options.searchSecondFeedId"
5476 data-result-page-id="@options.resultPageLink"
5477 data-search-type="@options.searchType">
5478 <div class="typeahead-search-field">
5479 <input type="text" class="u-no-margin u-full-width js-typeahead-search-field" id="headerSearch" placeholder="@options.searchPlaceholder" value="@options.searchValue">
5480 @if (string.IsNullOrEmpty(options.searchSecondFeedId))
5481 {
5482 <ul class="dropdown dropdown--absolute-position u-min-w220px u-full-width js-handlebars-root js-typeahead-search-content dw-mod" id="ProductSearchBarContent" data-template="@options.searchTemplate" data-json-feed="/Default.aspx?ID=@options.searchFeedId&feedType=productsOnly" data-init-onload="false"></ul>
5483 }
5484 else
5485 {
5486 <div class="dropdown dropdown--absolute-position dropdown--combined grid dropdown--right-aligned">
5487 <div class="js-handlebars-root js-typeahead-search-content grid__col-sm-7 grid__col--bleed-y" id="ProductSearchBarContent" data-template="@options.searchTemplate" data-json-feed="/Default.aspx?ID=@options.searchFeedId&feedType=productsOnly" data-init-onload="false"></div>
5488 <div class="js-handlebars-root js-typeahead-additional-search-content grid__col-sm-5 grid__col--bleed-y" id="ContentSearchBarContent" data-template="@options.searchContentTemplate" data-json-feed="/Default.aspx?ID=@options.searchSecondFeedId" data-init-onload="false"></div>
5489 </div>
5490 }
5491 </div>
5492 </div>
5493 </div>
5494 </li>
5495 }
5496 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
5497
5498 @using System
5499 @using System.Web
5500 @using Dynamicweb.Rapido.Blocks.Extensibility
5501 @using Dynamicweb.Rapido.Blocks
5502
5503 @{
5504 string headerConfigurationTopLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal";
5505 bool headerConfigurationHideSearch = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideSearch");
5506
5507 BlocksPage headerConfigurationPage = BlocksPage.GetBlockPage("Master");
5508
5509 Block configDesktopLogo = headerConfigurationPage.GetBlockById("MasterDesktopLogo");
5510 headerConfigurationPage.RemoveBlock(configDesktopLogo);
5511
5512 Block configDesktopMenu = headerConfigurationPage.GetBlockById("MasterDesktopMenu");
5513 headerConfigurationPage.RemoveBlock(configDesktopMenu);
5514
5515 Block configSearchBar = headerConfigurationPage.GetBlockById("MasterSearchBar");
5516 headerConfigurationPage.RemoveBlock(configSearchBar);
5517
5518 Block configSearchAction = headerConfigurationPage.GetBlockById("MasterDesktopActionsMenuSearch");
5519 headerConfigurationPage.RemoveBlock(configSearchAction);
5520
5521 Block configDesktopActionsMenu = headerConfigurationPage.GetBlockById("MasterDesktopActionsMenu");
5522 headerConfigurationPage.RemoveBlock(configDesktopActionsMenu);
5523
5524 Block configDesktopExtra = headerConfigurationPage.GetBlockById("MasterDesktopExtra");
5525
5526 switch (headerConfigurationTopLayout)
5527 {
5528 case "condensed": //2
5529 configDesktopLogo.Design.Size = "auto-width";
5530 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopLogo);
5531
5532 configDesktopMenu.SortId = 20;
5533 configDesktopMenu.Design.Size = "auto";
5534 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu);
5535
5536 configDesktopActionsMenu.SortId = 30;
5537 configDesktopActionsMenu.Design.Size = "auto-width";
5538 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu);
5539
5540 if (!headerConfigurationHideSearch)
5541 {
5542 configSearchBar.SortId = 40;
5543 configSearchBar.Design.Size = "12";
5544 configDesktopExtra.SortId = 50;
5545 headerConfigurationPage.Add("MasterDesktopExtra", configSearchBar);
5546 }
5547 break;
5548 case "splitted": //3
5549 configDesktopLogo.Design.Size = "auto";
5550 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopLogo);
5551
5552 if (!headerConfigurationHideSearch)
5553 {
5554 configSearchBar.SortId = 20;
5555 configSearchBar.Design.Size = "auto";
5556 headerConfigurationPage.Add("MasterDesktopExtra", configSearchBar);
5557 }
5558
5559 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu);
5560
5561 configDesktopActionsMenu.SortId = 20;
5562 configDesktopActionsMenu.Design.Size = "auto-width";
5563 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu);
5564 break;
5565 case "splitted-center": //4
5566 configDesktopLogo.Design.Size = "auto";
5567 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopLogo);
5568 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu);
5569
5570 configDesktopActionsMenu.SortId = 30;
5571 configDesktopActionsMenu.Design.Size = "auto-width";
5572 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopActionsMenu);
5573
5574 if (!headerConfigurationHideSearch)
5575 {
5576 headerConfigurationPage.Add("MasterDesktopActionsMenu", configSearchAction);
5577 }
5578 break;
5579 case "minimal": //5
5580 configDesktopLogo.Design.Size = "auto-width";
5581 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopLogo);
5582
5583 configDesktopMenu.Design.Size = "auto";
5584 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu);
5585
5586 configDesktopActionsMenu.SortId = 20;
5587 configDesktopActionsMenu.Design.Size = "auto-width";
5588 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu);
5589
5590 if (!headerConfigurationHideSearch)
5591 {
5592 headerConfigurationPage.Add("MasterDesktopActionsMenu", configSearchAction);
5593 }
5594 break;
5595 case "minimal-center": //6
5596 configDesktopLogo.Design.Size = "auto-width";
5597 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopLogo);
5598
5599 configDesktopMenu.Design.Size = "auto";
5600 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu);
5601
5602 configDesktopActionsMenu.SortId = 20;
5603 configDesktopActionsMenu.Design.Size = "auto-width";
5604 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu);
5605
5606 if (!headerConfigurationHideSearch)
5607 {
5608 headerConfigurationPage.Add("MasterDesktopActionsMenu", configSearchAction);
5609 }
5610 break;
5611 case "minimal-right": //7
5612 configDesktopLogo.Design.Size = "auto-width";
5613 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopLogo);
5614
5615 configDesktopMenu.Design.Size = "auto";
5616 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu);
5617
5618 configDesktopActionsMenu.SortId = 20;
5619 configDesktopActionsMenu.Design.Size = "auto-width";
5620 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu);
5621
5622 if (!headerConfigurationHideSearch)
5623 {
5624 headerConfigurationPage.Add("MasterDesktopActionsMenu", configSearchAction);
5625 }
5626 break;
5627 case "two-lines": //8
5628 configDesktopLogo.Design.Size = "auto";
5629 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopLogo);
5630
5631 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu);
5632
5633 configDesktopActionsMenu.SortId = 20;
5634 configDesktopActionsMenu.Design.Size = "auto-width";
5635 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu);
5636
5637 if (!headerConfigurationHideSearch)
5638 {
5639 headerConfigurationPage.Add("MasterDesktopActionsMenu", configSearchAction);
5640 }
5641 break;
5642 case "two-lines-centered": //9
5643 configDesktopLogo.Design.Size = "auto";
5644 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopLogo);
5645
5646 configDesktopMenu.Design.Size = "auto-width";
5647 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu);
5648
5649 configDesktopActionsMenu.SortId = 20;
5650 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu);
5651
5652 if (!headerConfigurationHideSearch)
5653 {
5654 headerConfigurationPage.Add("MasterDesktopActionsMenu", configSearchAction);
5655 }
5656 break;
5657 case "normal": //1
5658 default:
5659 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopLogo);
5660
5661 if (!headerConfigurationHideSearch)
5662 {
5663 configSearchBar.SortId = 20;
5664 headerConfigurationPage.Add("MasterDesktopExtra", configSearchBar);
5665 }
5666
5667 configDesktopActionsMenu.SortId = 30;
5668 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopActionsMenu);
5669
5670 configDesktopActionsMenu.Design.Size = "auto-width";
5671 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu);
5672 break;
5673 }
5674 }
5675 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
5676
5677 @using System
5678 @using System.Web
5679 @using Dynamicweb.Rapido.Blocks.Extensibility
5680 @using Dynamicweb.Rapido.Blocks
5681
5682 @{
5683
5684 }
5685
5686
5687 @helper RenderDesktopTools()
5688 {
5689 List<Block> subBlocks = headerBlocksPage.GetBlockListById("MasterDesktopTools").OrderBy(item => item.SortId).ToList();
5690
5691 <div class="tools-navigation dw-mod">
5692 <div class="center-container grid top-container__center-container dw-mod">
5693 @RenderBlockList(subBlocks)
5694 </div>
5695 </div>
5696 }
5697
5698 @helper RenderDesktopToolsText()
5699 {
5700 string toolsText = Model.Area.Item.GetItem("Layout").GetItem("Header").GetString("ToolsText");
5701 if (!string.IsNullOrEmpty(toolsText))
5702 {
5703 <div class="u-margin-top u-margin-bottom">@toolsText</div>
5704 }
5705 }
5706
5707 @helper RenderDesktopToolsNavigation()
5708 {
5709 bool renderPagesInToolBar = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("RenderPagesInToolBar");
5710
5711 if (renderPagesInToolBar)
5712 {
5713 @RenderNavigation(new
5714 {
5715 id = "topToolsNavigation",
5716 cssclass = "menu menu-tools dw-mod dwnavigation",
5717 template = "TopMenu.xslt"
5718 })
5719 }
5720 }
5721
5722 @helper RenderDesktopNavigation()
5723 {
5724 List<Block> subBlocks = headerBlocksPage.GetBlockListById("MasterDesktopNavigation").OrderBy(item => item.SortId).ToList();
5725 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal";
5726 string alignClass = topLayout == "two-lines-centered" ? "grid--justify-center" : "";
5727 <nav class="main-navigation dw-mod">
5728 <div class="center-container top-container__center-container grid @alignClass dw-mod">
5729 @RenderBlockList(subBlocks)
5730 </div>
5731 </nav>
5732 }
5733
5734 @helper RenderDesktopExtra()
5735 {
5736 List<Block> subBlocks = headerBlocksPage.GetBlockListById("MasterDesktopExtra").OrderBy(item => item.SortId).ToList();
5737
5738 if (subBlocks.Count > 0)
5739 {
5740 <div class="header header-top dw-mod">
5741 <div class="center-container top-container__center-container grid--justify-space-between grid grid--align-center dw-mod">
5742 @RenderBlockList(subBlocks)
5743 </div>
5744 </div>
5745 }
5746 }</text>
5747 }
5748
5749 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
5750
5751 @using System
5752 @using System.Web
5753 @using Dynamicweb.Rapido.Blocks.Extensibility
5754 @using Dynamicweb.Rapido.Blocks
5755 @using Dynamicweb.Rapido.Blocks.Components.General
5756 @using Dynamicweb.Frontend
5757
5758 @functions {
5759 int impersonationPageId;
5760 string impersonationLayout;
5761 int impersonationFeed;
5762 Block impersonationBar;
5763
5764 string getUserNameFromParams(string firstName, string middleName, string lastName, string name, string email, string userName)
5765 {
5766 string username = "";
5767
5768 if (!string.IsNullOrEmpty(firstName) && !string.IsNullOrEmpty(lastName))
5769 {
5770 username = firstName + " " + (!string.IsNullOrEmpty(middleName) ? middleName + " " : "") + lastName;
5771 }
5772 else if (!string.IsNullOrEmpty(name))
5773 {
5774 username = name;
5775 }
5776 else if (!string.IsNullOrEmpty(email))
5777 {
5778 username = email;
5779 }
5780 else
5781 {
5782 username = userName;
5783 }
5784 return username;
5785 }
5786
5787 string getUserName(UserViewModel user)
5788 {
5789 return getUserNameFromParams(user.FirstName, user.MiddleName, user.LastName, user.Name, user.Email, user.UserName);
5790 }
5791
5792 string getUserName(Dynamicweb.Security.UserManagement.User user)
5793 {
5794 return getUserNameFromParams(user.FirstName, user.MiddleName, user.LastName, user.Name, user.Email, user.UserName);
5795 }
5796 }
5797
5798 @{
5799 impersonationPageId = GetPageIdByNavigationTag("Impersonation");
5800 impersonationLayout = Model.Area.Item.GetItem("Ecommerce").GetList("ImpersonationLayout") != null ? Model.Area.Item.GetItem("Ecommerce").GetList("ImpersonationLayout").SelectedValue : "bar";
5801 impersonationFeed = GetPageIdByNavigationTag("UsersFeed");
5802
5803 if (Model.CurrentUser.ID > 0 && Model.SecondaryUsers.Count > 0)
5804 {
5805 impersonationBar = new Block
5806 {
5807 Id = "ImpersonationBar",
5808 SortId = 50,
5809 Template = RenderImpersonation(),
5810 SkipRenderBlocksList = true,
5811 Design = new Design
5812 {
5813 Size = "auto-width",
5814 HidePadding = true,
5815 RenderType = RenderType.Column
5816 }
5817 };
5818
5819 if (impersonationLayout == "top-bar") {
5820 impersonationBar.SortId = 9;
5821 }
5822
5823 Block impersonationContent = new Block
5824 {
5825 Id = "ImpersonationContent",
5826 SortId = 20
5827 };
5828
5829 if (Model.CurrentSecondaryUser != null && Model.CurrentSecondaryUser.ID > 0)
5830 {
5831 //Render stop impersonation view
5832 impersonationContent.Template = RenderStopImpersonationView();
5833
5834
5835 Modal stopImpersonation = new Modal
5836 {
5837 Id = "StopImpersonation",
5838 Heading = new Heading {
5839 Level = 2,
5840 Title = Translate("Sign out"),
5841 Icon = new Icon {
5842 Name = "fa-sign-out",
5843 Prefix = "fas",
5844 LabelPosition = IconLabelPosition.After
5845 }
5846 },
5847 Width = ModalWidth.Sm,
5848 BodyTemplate = RenderStopImpersonationForm()
5849 };
5850
5851 Block stopImpersonationBlock = new Block
5852 {
5853 Id = "StopImpersonationBlock",
5854 SortId = 10,
5855 Component = stopImpersonation
5856 };
5857 impersonationBar.BlocksList.Add(stopImpersonationBlock);
5858 }
5859 else
5860 {
5861 //Render main view
5862 switch (impersonationLayout)
5863 {
5864 case "right-lower-box":
5865 impersonationContent.BlocksList.Add(
5866 new Block {
5867 Id = "RightLowerBoxHeader",
5868 SortId = 10,
5869 Component = new Heading {
5870 Level = 5,
5871 Title = Translate("View the list of users you can sign in as"),
5872 CssClass = "impersonation-text"
5873 }
5874 }
5875 );
5876 impersonationContent.BlocksList.Add(
5877 new Block {
5878 Id = "RightLowerBoxContent",
5879 SortId = 20,
5880 Template = RenderImpersonationControls()
5881 }
5882 );
5883 break;
5884 case "right-lower-bar":
5885 impersonationContent.BlocksList.Add(
5886 new Block {
5887 Id = "RightLowerBarContent",
5888 SortId = 10,
5889 Template = RenderImpersonationControls()
5890 }
5891 );
5892 break;
5893 case "bar":
5894 default:
5895 impersonationContent.BlocksList.Add(
5896 new Block {
5897 Id = "ViewListLink",
5898 SortId = 20,
5899 Template = RenderViewListLink()
5900 }
5901 );
5902 impersonationContent.BlocksList.Add(
5903 new Block {
5904 Id = "BarTypeaheadSearch",
5905 SortId = 30,
5906 Template = RenderTypeaheadSearch()
5907 }
5908 );
5909 break;
5910 }
5911 }
5912 impersonationBar.BlocksList.Add(impersonationContent);
5913
5914 impersonationBar.BlocksList.Add(
5915 new Block
5916 {
5917 Id = "ImpersonationSearchTemplates",
5918 SortId = 30,
5919 Template = RenderSearchResultTemplate()
5920 }
5921 );
5922 if (impersonationLayout != "bar" && impersonationLayout != "top-bar")
5923 {
5924 impersonationBar.BlocksList.Add(
5925 new Block
5926 {
5927 Id = "ImpersonationSearchScripts",
5928 SortId = 40,
5929 Template = RenderSearchScripts()
5930 }
5931 );
5932 }
5933 BlocksPage.GetBlockPage("Master").Add("MasterHeader", impersonationBar);
5934 }
5935 }
5936
5937 @helper RenderImpersonation()
5938 {
5939 List<Block> subBlocks = impersonationBar.BlocksList.OrderBy(item => item.SortId).ToList();
5940 <input type="checkbox" class="impersonation-trigger js-remember-state" id="ImpersonationMinimizeTrigger" />
5941 <div class="impersonation impersonation--@(impersonationLayout)-layout dw-mod" id="Impersonation">
5942 @if (impersonationLayout == "right-lower-box")
5943 {
5944 @RenderRightLowerBoxHeader()
5945 }
5946 <div class="center-container top-container__center-container impersonation__container @(impersonationLayout != "bar" && impersonationLayout != "top-bar" ? "impersonation__container--box" : "") dw-mod">
5947 @*Impersonation*@
5948 @RenderBlockList(subBlocks)
5949 </div>
5950 </div>
5951 }
5952
5953 @helper RenderRightLowerBoxHeader()
5954 {
5955 <div class="impersonation__header dw-mod">
5956 <div class="impersonation__title">@Translate("Impersonation")</div>
5957 <label for="ImpersonationMinimizeTrigger" class="btn btn--impersonation impersonation__minimize-btn dw-mod" onclick="this.blur();">
5958 @Render(new Icon
5959 {
5960 Prefix = "fas",
5961 Name = "fa-window-minimize"
5962 })
5963 </label>
5964 </div>
5965 }
5966
5967 @helper RenderStopImpersonationView()
5968 {
5969 string secondaryUserName = getUserName(Model.CurrentSecondaryUser);
5970 string userName = getUserName(Pageview.User);
5971 string impersonationText = "<span class=\"impersonation-light-text dw-mod\">" + Translate("Logged in as") + "</span> <b>" + secondaryUserName + "</b> <span class=\"impersonation-light-text dw-mod\">" + Translate("by") + "</span> <b>" + userName + "</b> ";
5972 impersonationText = Dynamicweb.Security.UserManagement.User.ImpersonationMode == Dynamicweb.Security.UserManagement.UserImpersonation.Full ? "<span class=\"impersonation-light-text dw-mod\">" + Translate("Logged in as") + "</span> <b>" + userName + "</b> <span class=\"impersonation-light-text dw-mod\">" + Translate("by") + "</span> <b>" + secondaryUserName + "</b> " : impersonationText;
5973
5974 if (impersonationLayout == "right-lower-box")
5975 {
5976 <div class="u-margin-bottom--lg u-ta-center">
5977 @impersonationText
5978 </div>
5979 <div class="u-margin-bottom--lg u-ta-center">
5980 @RenderSwitchAccountButton()
5981 </div>
5982 @RenderStopImpersonationButton()
5983 }
5984 else
5985 {
5986 <div class="grid grid--align-center impersonation__stop-wrap">
5987 <div class="impersonation-bar-item dw-mod">
5988 @impersonationText
5989 </div>
5990 <div class="impersonation-bar-item dw-mod">
5991 @RenderSwitchAccountButton()
5992 </div>
5993 <div class="impersonation-bar-item dw-mod">
5994 @RenderStopImpersonationButton()
5995 </div>
5996 </div>
5997 }
5998 }
5999
6000 @helper RenderSwitchAccountButton() {
6001 @Render(new Button
6002 {
6003 Href = "/Default.aspx?ID=" + impersonationPageId,
6004 ButtonType = ButtonType.Button,
6005 ButtonLayout = ButtonLayout.Clean,
6006 Title = Translate("Switch account"),
6007 Icon = new Icon {
6008 Name = "fa-users",
6009 Prefix = "fal",
6010 LabelPosition = IconLabelPosition.After
6011 },
6012 CssClass = "u-no-margin u-color-inherit"
6013 })
6014 }
6015
6016 @helper RenderStopImpersonationForm()
6017 {
6018 string secondaryUserName = getUserName(Model.CurrentSecondaryUser);
6019 string userName = getUserName(Pageview.User);
6020 int pageId = Model.TopPage.ID;
6021
6022 <form method="post" class="u-no-margin">
6023 @Render(new Button
6024 {
6025 ButtonType = ButtonType.Submit,
6026 ButtonLayout = ButtonLayout.Secondary,
6027 Title = Translate("Sign out as") + " " + userName,
6028 Href = "/Default.aspx?ID=" + impersonationPageId,
6029 CssClass = "btn--full",
6030 Name = "DwExtranetRemoveSecondaryUser"
6031 })
6032
6033 @Render(new Button
6034 {
6035 ButtonType = ButtonType.Submit,
6036 ButtonLayout = ButtonLayout.Secondary,
6037 Title = Translate("Sign out as") + " " + secondaryUserName,
6038 Href = "/Admin/Public/ExtranetLogoff.aspx?ID=" + pageId,
6039 CssClass = "btn--full",
6040 Name = "DwExtranetRemoveSecondaryUser"
6041 })
6042 </form>
6043 }
6044
6045 @helper RenderStopImpersonationButton() {
6046 @Render(new Button
6047 {
6048 ButtonType = ButtonType.Button,
6049 ButtonLayout = ButtonLayout.Clean,
6050 Title = Translate("Sign out"),
6051 Icon = new Icon {
6052 Name = "fa-sign-out",
6053 Prefix = "fal",
6054 LabelPosition = IconLabelPosition.After
6055 },
6056 OnClick = "document.getElementById('StopImpersonationModalTrigger').checked = true",
6057 CssClass = "u-no-margin"
6058 })
6059 }
6060
6061 @helper RenderImpersonationControls()
6062 {
6063 <div class="impersonation__controls">
6064 @RenderViewListLink()
6065 @RenderSearchBox()
6066 </div>
6067 @RenderResultsList()
6068 }
6069
6070 @helper RenderViewListLink()
6071 {
6072 string title = impersonationLayout == "right-lower-box" ? Translate("View the list") : Translate("View the list of users you can sign in as");
6073 string buttonClasses = impersonationLayout == "right-lower-box" ? "impersonation__button btn btn--impersonation" : "impersonation__link impersonation__link";
6074
6075 @Render(new Link {
6076 ButtonLayout = ButtonLayout.None,
6077 Title = title,
6078 Href = "/Default.aspx?ID=" + impersonationPageId,
6079 CssClass = buttonClasses
6080 })
6081 }
6082
6083 @helper RenderSearchBox()
6084 {
6085 <div class="impersonation__search-wrap">
6086 <input placeholder="@Translate("Search users")" type="text" class="impersonation__search-field dw-mod" onkeyup="searchKeyUpHandler(event)" id="ImpersonationBoxSearchField">
6087 <div id="ImpersonationBoxSearchFind" class="impersonation__search-icon dw-mod" onclick="updateResults(document.getElementById('ImpersonationBoxSearchField').value)">
6088 <i class="fal fa-search"></i>
6089 </div>
6090 <div id="ImpersonationBoxSearchClear" class="impersonation__search-icon u-hidden dw-mod" onclick="clearResults();">
6091 <i class="fal fa-times"></i>
6092 </div>
6093 </div>
6094 }
6095
6096 @helper RenderTypeaheadSearch()
6097 {
6098 <div class="typeahead u-ta-right impersonation__typeahead js-typeahead dw-mod" id="ImpersonationSearchBar"
6099 data-page-size="5"
6100 data-search-feed-id="@impersonationFeed"
6101 data-result-page-id="@impersonationPageId"
6102 data-search-type="user-search"
6103 data-search-parameter-name="q">
6104
6105 <div class="typeahead-search-field">
6106 <input type="text" class="u-no-margin u-full-width js-typeahead-search-field" placeholder="@Translate("Search users")">
6107 <ul class="dropdown dropdown--absolute-position u-min-w220px u-full-width js-handlebars-root js-typeahead-search-content dw-mod" id="ImpersonationSearchBarContent" data-template="ImpersonationSearchResult" data-json-feed="/Default.aspx?ID=@impersonationFeed" data-init-onload="false"></ul>
6108 </div>
6109 </div>
6110 }
6111
6112 @helper RenderResultsList()
6113 {
6114 <ul id="ImpersonationBoxSearchResults" class="impersonation__search-results js-handlebars-root dw-mod" data-template="ImpersonationSearchResult" data-json-feed="/Default.aspx?ID=@impersonationFeed" data-init-onload="false" data-preloader="minimal"></ul>
6115 }
6116
6117 @helper RenderSearchResultTemplate()
6118 {
6119 <script id="ImpersonationSearchResult" type="text/x-template">
6120 {{#.}}
6121 {{#Users}}
6122 <li class="impersonation__search-results-item impersonation-user">
6123 <form method="post" class="impersonation-user__form" name="account{{id}}">
6124 <input type="hidden" id="DWExtranetSecondaryUserSelector" name="DWExtranetSecondaryUserSelector" value="{{id}}">
6125 <div class="impersonation-user__info">
6126 <div class="impersonation-user__name">{{userName}}</div>
6127 <div class="impersonation-user__number">{{customerNumber}}</div>
6128 </div>
6129 @Render(new Button
6130 {
6131 ButtonType = ButtonType.Submit,
6132 ButtonLayout = ButtonLayout.Secondary,
6133 Title = Translate("Sign in as"),
6134 CssClass = "impersonation-user__sign-in-btn" + (impersonationLayout != "bar" ? " btn--impersonation" : "")
6135 })
6136 </form>
6137 </li>
6138 {{/Users}}
6139 {{#unless Users}}
6140 <li class="impersonation__search-results-item impersonation__search-results-item--not-found">
6141 @Translate("Your search gave 0 results")
6142 </li>
6143 {{/unless}}
6144 {{/.}}
6145 </script>
6146 }
6147
6148 @helper RenderSearchScripts()
6149 {
6150 <script>
6151 let inputDelayTimer;
6152 function searchKeyUpHandler(e) {
6153 clearTimeout(inputDelayTimer);
6154 let value = e.target.value;
6155 if (value != "") {
6156 inputDelayTimer = setTimeout(function () {
6157 updateResults(value);
6158 }, 500);
6159 } else {
6160 clearResults();
6161 }
6162 };
6163
6164 function updateResults(value) {
6165 if (value == "") {
6166 return null;
6167 }
6168 HandlebarsBolt.UpdateContent("ImpersonationBoxSearchResults", "/Default.aspx?ID=@impersonationFeed&q=" + value);
6169 document.getElementById("ImpersonationBoxSearchFind").classList.add("u-hidden");
6170 document.getElementById("ImpersonationBoxSearchClear").classList.remove("u-hidden");
6171 }
6172
6173 function clearResults() {
6174 document.getElementById("ImpersonationBoxSearchField").value = "";
6175 HandlebarsBolt.CleanContainer("ImpersonationBoxSearchResults");
6176 document.getElementById("ImpersonationBoxSearchFind").classList.remove("u-hidden");
6177 document.getElementById("ImpersonationBoxSearchClear").classList.add("u-hidden");
6178 }
6179 </script>
6180 }
6181 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
6182
6183 @using System
6184 @using System.Web
6185 @using System.Collections.Generic
6186 @using Dynamicweb.Rapido.Blocks.Extensibility
6187 @using Dynamicweb.Rapido.Blocks
6188
6189 @{
6190 BlocksPage miniCartBlocksPage = BlocksPage.GetBlockPage("Master");
6191 string orderlinesView = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("OrderlinesView") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("OrderlinesView").SelectedValue : "table";
6192
6193 Block orderLines = new Block
6194 {
6195 Id = "MiniCartOrderLines",
6196 SkipRenderBlocksList = true,
6197 BlocksList = new List<Block>
6198 {
6199 new Block {
6200 Id = "MiniCartOrderLinesList",
6201 SortId = 20,
6202 Template = RenderMiniCartOrderLinesList()
6203 }
6204 }
6205 };
6206
6207 Block orderlinesScriptTemplates = new Block
6208 {
6209 Id = "OrderlinesScriptTemplates"
6210 };
6211
6212 if (orderlinesView == "table")
6213 {
6214 orderLines.Template = RenderMiniCartOrderLinesTable();
6215 orderLines.BlocksList.Add(
6216 new Block
6217 {
6218 Id = "MiniCartOrderlinesTableHeader",
6219 SortId = 10,
6220 Template = RenderMiniCartOrderLinesHeader()
6221 }
6222 );
6223
6224 orderlinesScriptTemplates.Template = RenderMiniCartScriptsTableTemplates();
6225 }
6226 else
6227 {
6228 orderLines.Template = RenderMiniCartOrderLinesBlocks();
6229 orderlinesScriptTemplates.Template = RenderMiniCartScriptsListTemplates();
6230 }
6231
6232 miniCartBlocksPage.Add("MasterBottomSnippets", orderlinesScriptTemplates);
6233
6234 Block miniCartScriptTemplates = new Block()
6235 {
6236 Id = "MasterMiniCartTemplates",
6237 SortId = 1,
6238 Template = RenderMiniCartScriptTemplates(),
6239 SkipRenderBlocksList = true,
6240 BlocksList = new List<Block>
6241 {
6242 orderLines,
6243 new Block {
6244 Id = "MiniCartFooter",
6245 Template = RenderMiniCartFooter(),
6246 SortId = 50,
6247 SkipRenderBlocksList = true,
6248 BlocksList = new List<Block>
6249 {
6250 new Block {
6251 Id = "MiniCartSubTotal",
6252 Template = RenderMiniCartSubTotal(),
6253 SortId = 30
6254 },
6255 new Block {
6256 Id = "MiniCartFees",
6257 Template = RenderMiniCartFees(),
6258 SortId = 40
6259 },
6260 new Block {
6261 Id = "MiniCartPoints",
6262 Template = RenderMiniCartPoints(),
6263 SortId = 50
6264 },
6265 new Block {
6266 Id = "MiniCartTotal",
6267 Template = RenderMiniCartTotal(),
6268 SortId = 60
6269 },
6270 new Block {
6271 Id = "MiniCartDisclaimer",
6272 Template = RenderMiniCartDisclaimer(),
6273 SortId = 70
6274 },
6275 new Block {
6276 Id = "MiniCartActions",
6277 Template = RenderMiniCartActions(),
6278 SortId = 80
6279 }
6280 }
6281 }
6282 }
6283 };
6284
6285 miniCartBlocksPage.Add("MasterBottomSnippets", miniCartScriptTemplates);
6286 }
6287
6288 @helper RenderMiniCartScriptsTableTemplates()
6289 {
6290 <script id="MiniCartOrderline" type="text/x-template">
6291 {{#unless isEmpty}}
6292 <tr>
6293 <td class="u-w60px"><a href="{{link}}" class="{{hideimage}}"><img class="b-lazy" src="/Files/Images/placeholder.gif" data-src="/Admin/Public/GetImage.ashx?width=50&height=50&crop=5&Compression=75&image={{image}}" alt="{{name}}" title="{{name}}"></a></td>
6294 <td class="u-va-middle">
6295 <a href="{{link}}" class="mini-cart-orderline__name" title="{{name}}">{{name}}</a>
6296 {{#if variantname}}
6297 <a href="{{link}}" class="mini-cart-orderline__name mini-cart-orderline__name--sm">{{variantname}}</a>
6298 {{/if}}
6299 {{#if unitname}}
6300 <div class="mini-cart-orderline__name mini-cart-orderline__name--sm">{{unitname}}</div>
6301 {{/if}}
6302 </td>
6303 <td class="u-ta-right u-va-middle cartqty">{{quantity}}</td>
6304 <td class="u-hidden parentproductId">{{parentproductId}}</td>
6305 <td class="u-hidden productId">{{productnumber}}</td>
6306 <td class="u-ta-right u-va-middle">
6307 {{#if pointsTotal}}
6308 <span class="u-color--loyalty-points">{{pointsTotal}}</span> @Translate("points")
6309 {{else}}
6310 {{totalprice}}
6311 {{/if}}
6312 </td>
6313 </tr>
6314 {{/unless}}
6315 </script>
6316
6317 <script id="MiniCartOrderlineDiscount" type="text/x-template">
6318 {{#unless isEmpty}}
6319 <tr class="table__row--no-border discounttr">
6320 <td class="u-w60px"> </td>
6321 <td><div class="mini-cart-orderline__name dw-mod">{{name}}</div></td>
6322 <td class="u-ta-right"> </td>
6323 <td class="u-ta-right">{{totalprice}}</td>
6324 </tr>
6325 {{/unless}}
6326 </script>
6327 }
6328
6329 @helper RenderMiniCartScriptsListTemplates()
6330 {
6331 int cartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed");
6332
6333 <script id="MiniCartOrderline" type="text/x-template">
6334 {{#unless isEmpty}}
6335 <div class="mini-cart-orderline grid dw-mod">
6336 <div class="grid__col-4">
6337 <a href="{{link}}" class="{{hideimage}}">
6338 <img class="b-lazy" src="/Files/Images/placeholder.gif" data-src="/Admin/Public/GetImage.ashx?width=100&height=100&crop=5&Compression=75&image={{image}}" alt="{{name}}" title="{{name}}">
6339 </a>
6340 </div>
6341 <div class="grid__col-8">
6342 <a href="{{link}}" class="mini-cart-orderline__name mini-cart-orderline__name--truncate mini-cart-orderline__name--md u-padding-right--lg" title="{{name}}">{{name}}</a>
6343 {{#if variantname}}
6344 <div class="mini-cart-orderline__name mini-cart-orderline__name--sm dw-mod">@Translate("Variant"): {{variantname}}</div>
6345 {{/if}}
6346 {{#if unitname}}
6347 <div class="mini-cart-orderline__name mini-cart-orderline__name--sm dw-mod">@Translate("Unit"): {{unitname}}</div>
6348 {{/if}}
6349 <div class="mini-cart-orderline__name mini-cart-orderline__name--sm dw-mod">@Translate("Qty"): {{quantity}}</div>
6350
6351 <div class="grid__cell-footer">
6352 <div class="grid__cell">
6353 <div class="u-pull--left mini-cart-orderline__price dw-mod">
6354 {{#if pointsTotal}}
6355 <span class="u-color--loyalty-points">{{pointsTotal}}</span> @Translate("points")
6356 {{else}}
6357 {{totalprice}}
6358 {{/if}}
6359 </div>
6360 <button type="button"
6361 title="@Translate("Remove orderline")"
6362 class="btn btn--clean btn--condensed u-pull--right mini-cart-orderline__remove-btn dw-mod"
6363 onclick="{{#if googleImpression}}googleImpressionRemoveFromCart({{googleImpression}});{{/if}}Cart.UpdateCart('miniCartContent', '/Default.aspx?ID=@cartFeedPageId', 'CartCmd=DelOrderLine&key={{orderLineId}}&redirect=false', true);">@Translate("Remove")</button>
6364 </div>
6365 </div>
6366 </div>
6367 </div>
6368 {{/unless}}
6369 </script>
6370
6371 <script id="MiniCartOrderlineDiscount" type="text/x-template">
6372 {{#unless isEmpty}}
6373 <div class="mini-cart-orderline mini-cart-orderline--discount grid dw-mod">
6374 <div class="grid__col-4">
6375 <div class="mini-cart-orderline__name mini-cart-orderline__name dw-mod">{{name}}</div>
6376 </div>
6377 <div class="grid__col-8">{{totalprice}}</div>
6378 </div>
6379 {{/unless}}
6380 </script>
6381 }
6382
6383 @helper RenderMiniCartScriptTemplates()
6384 {
6385 List<Block> subBlocks = this.masterPage.GetBlockListById("MasterMiniCartTemplates").OrderBy(item => item.SortId).ToList();
6386 bool useGoogleTagManager = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("GoogleTagManagerID"));
6387 string cartPageLink = string.Concat("/Default.aspx?ID=", GetPageIdByNavigationTag("CartPage"));
6388 bool miniCartUseGoogleTagManager = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("GoogleTagManagerID"));
6389
6390 <script id="MiniCartContent" type="text/x-template">
6391 {{#.}}
6392 {{#unless isEmpty}}
6393 @if (miniCartUseGoogleTagManager)
6394 {
6395 <text>{{{googleEnchantImpressionEmptyCart OrderLines}}}</text>
6396 }
6397 @RenderBlockList(subBlocks)
6398 {{/unless}}
6399 {{/.}}
6400 </script>
6401 }
6402
6403 @helper RenderMiniCartOrderLinesTable()
6404 {
6405 List<Block> subBlocks = this.masterPage.GetBlockListById("MiniCartOrderLines").OrderBy(item => item.SortId).ToList();
6406
6407 <div class="u-overflow-auto">
6408 <table class="table mini-cart-table dw-mod">
6409 @RenderBlockList(subBlocks)
6410 </table>
6411 </div>
6412 }
6413
6414 @helper RenderMiniCartOrderLinesBlocks()
6415 {
6416 List<Block> subBlocks = this.masterPage.GetBlockListById("MiniCartOrderLines").OrderBy(item => item.SortId).ToList();
6417
6418 <div class="u-overflow-auto">
6419 @RenderBlockList(subBlocks)
6420 </div>
6421 }
6422
6423 @helper RenderMiniCartOrderLinesHeader()
6424 {
6425 <thead>
6426 <tr>
6427 <td> </td>
6428 <td>@Translate("Product")</td>
6429 <td class="u-ta-right">@Translate("Qty")</td>
6430 <td class="u-ta-right" width="120">@Translate("Price")</td>
6431 </tr>
6432 </thead>
6433 }
6434
6435 @helper RenderMiniCartOrderLinesList()
6436 {
6437 <text>
6438 {{#OrderLines}}
6439 {{#ifCond template "===" "CartOrderline"}}
6440 {{>MiniCartOrderline}}
6441 {{/ifCond}}
6442 {{#ifCond template "===" "CartOrderlineMobile"}}
6443 {{>MiniCartOrderline}}
6444 {{/ifCond}}
6445 {{#ifCond template "===" "CartOrderlineDiscount"}}
6446 {{>MiniCartOrderlineDiscount}}
6447 {{/ifCond}}
6448 {{/OrderLines}}
6449 </text>
6450 }
6451
6452 @helper RenderMiniCartFees()
6453 {
6454 bool pointShop = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly");
6455 if (!pointShop)
6456 {
6457 <text>
6458 {{#unless hidePaymentfee}}
6459 <div class="grid">
6460 <div class="grid__col-6 grid__col--bleed-y">
6461 {{paymentmethod}}
6462 </div>
6463 <div class="grid__col-6 grid__col--bleed-y grid--align-end">{{paymentfee}}</div>
6464 </div>
6465 {{/unless}}
6466 </text>
6467 }
6468 <text>
6469 {{#unless hideShippingfee}}
6470 <div class="grid">
6471 <div class="grid__col-6 grid__col--bleed-y">
6472 {{shippingmethod}}
6473 </div>
6474 <div class="grid__col-6 grid__col--bleed-y grid--align-end">{{shippingfee}}</div>
6475 </div>
6476 {{/unless}}
6477 </text>
6478 <text>
6479 {{#if hasTaxSettings}}
6480 <div class="grid">
6481 <div class="grid__col-6 grid__col--bleed-y">@Translate("Sales Tax")</div>
6482 <div class="grid__col-6 grid__col--bleed-y grid--align-end">{{totaltaxes}}</div>
6483 </div>
6484 {{/if}}
6485 </text>
6486 }
6487
6488 @helper RenderMiniCartFooter()
6489 {
6490 List<Block> subBlocks = this.masterPage.GetBlockListById("MiniCartFooter").OrderBy(item => item.SortId).ToList();
6491
6492 <div class="mini-cart__footer u-border-top u-padding-top dw-mod">
6493 @RenderBlockList(subBlocks)
6494 </div>
6495 }
6496
6497 @helper RenderMiniCartActions()
6498 {
6499 int cartPageId = GetPageIdByNavigationTag("CartPage");
6500
6501 <button type="button" title="@Translate("Empty cart")" class="btn btn--secondary u-full-width dw-mod u-no-margin u-margin-bottom" onclick="googleEnchantImpressionEmptyCart(); Cart.EmptyCart(event);">@Translate("Empty cart")</button>
6502 <a href="/Default.aspx?ID=@cartPageId" title="@Translate("Go to cart")" class="btn btn--primary u-full-width u-no-margin dw-mod">@Translate("Go to cart")</a>
6503 }
6504
6505 @helper RenderMiniCartPoints()
6506 {
6507 <text>
6508 {{#if earnings}}
6509 <div class="grid">
6510 <div class="grid__col-6 grid__col--bleed-y">@Translate("Earnings")</div>
6511 <div class="grid__col-6 grid__col--bleed-y grid--align-end">
6512 <div>
6513 <span class="u-color--loyalty-points">{{earnings}}</span> @Translate("points")
6514 </div>
6515 </div>
6516 </div>
6517 {{/if}}
6518 </text>
6519 }
6520
6521 @helper RenderMiniCartSubTotal()
6522 {
6523 bool hasTaxSettings = Dynamicweb.Rapido.Services.Countries.HasTaxSettings(Model.Cart.ID);
6524 bool pointShop = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly");
6525 if (!pointShop)
6526 {
6527 <text>
6528 {{#unless hideSubTotal}}
6529 <div class="grid dw-mod u-bold">
6530 <div class="grid__col-6 grid__col--bleed-y">@Translate("Subtotal")</div>
6531 <div class="grid__col-6 grid__col--bleed-y grid--align-end">
6532 @if (hasTaxSettings)
6533 {
6534 <text>{{subtotalpricewithouttaxes}}</text>
6535 }
6536 else
6537 {
6538 <text>{{subtotalprice}}</text>
6539 }
6540 </div>
6541 </div>
6542 {{/unless}}
6543 </text>
6544 }
6545 }
6546
6547 @helper RenderMiniCartTotal()
6548 {
6549 bool pointShop = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly");
6550
6551 <div class="mini-cart-totals grid u-border-top u-margin-top dw-mod">
6552 <div class="grid__col-6">@Translate("Total")</div>
6553 <div class="grid__col-6 grid--align-end">
6554 <div>
6555 @if (pointShop)
6556 {
6557 <span class="u-color--loyalty-points">{{pointsUsedInCart}}</span> @Translate("points")
6558 }
6559 else
6560 {
6561 <text>{{totalprice}}</text>
6562 }
6563 </div>
6564 </div>
6565 </div>
6566 }
6567
6568 @helper RenderMiniCartDisclaimer()
6569 {
6570 <text>
6571 {{#if showCheckoutDisclaimer}}
6572 <div class="grid u-margin-bottom u-ta-right">
6573 <small class="grid__col-12">{{checkoutDisclaimer}}</small>
6574 </div>
6575 {{/if}}
6576 </text>
6577 }
6578 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
6579
6580 @using Dynamicweb.Rapido.Blocks.Extensibility
6581 @using Dynamicweb.Rapido.Blocks
6582 @using Dynamicweb.Rapido.Blocks.Components.General
6583 @using Dynamicweb.Rapido.Blocks.Components
6584 @using Dynamicweb.Rapido.Services
6585
6586 @{
6587 string addToCartNotificationType = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("AddToCartNotificationType") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("AddToCartNotificationType").SelectedValue : "";
6588 string addToCartNotificationMiniCartLayout = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("Layout") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("Layout").SelectedValue : "dropdown";
6589 bool addToCartHideCartIcon = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideCart");
6590
6591 if (Dynamicweb.Rapido.Services.User.IsBuyingAllowed() && !string.IsNullOrEmpty(addToCartNotificationType))
6592 {
6593 if (addToCartNotificationType == "modal")
6594 {
6595 Block addToCartNotificationModal = new Block
6596 {
6597 Id = "AddToCartNotificationModal",
6598 Template = RenderAddToCartNotificationModal()
6599 };
6600
6601 Block addToCartNotificationScript = new Block
6602 {
6603 Id = "AddToCartNotificationScript",
6604 Template = RenderAddToCartNotificationModalScript()
6605 };
6606 BlocksPage.GetBlockPage("Master").Add("MasterTopSnippets", addToCartNotificationModal);
6607 BlocksPage.GetBlockPage("Master").Add("MasterBottomSnippets", addToCartNotificationScript);
6608 }
6609 else if (addToCartNotificationType == "toggle" && addToCartNotificationMiniCartLayout != "none" && !addToCartHideCartIcon && Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet")
6610 {
6611 Block addToCartNotificationScript = new Block
6612 {
6613 Id = "AddToCartNotificationScript",
6614 Template = RenderAddToCartNotificationToggleScript()
6615 };
6616 BlocksPage.GetBlockPage("Master").Add("MasterBottomSnippets", addToCartNotificationScript);
6617 }
6618 }
6619 }
6620
6621 @helper RenderAddToCartNotificationModal()
6622 {
6623 <div id="LastAddedProductModal" data-template="LastAddedProductTemplate"></div>
6624 }
6625
6626 @helper RenderAddToCartNotificationModalScript()
6627 {
6628 int cartPageId = GetPageIdByNavigationTag("CartPage");
6629
6630 <script id="LastAddedProductTemplate" type="text/x-template">
6631 @{
6632
6633 Modal lastAddedProduct = new Modal
6634 {
6635 Id = "LastAddedProduct",
6636 Heading = new Heading
6637 {
6638 Level = 2,
6639 Title = Translate("Product is added to the cart")
6640 },
6641 Width = ModalWidth.Md,
6642 BodyTemplate = RenderModalContent()
6643 };
6644
6645 lastAddedProduct.AddActions(
6646 new Button
6647 {
6648 ButtonType = ButtonType.Button,
6649 ButtonLayout = ButtonLayout.Secondary,
6650 Title = Translate("Continue shopping"),
6651 CssClass = "u-pull--left u-no-margin btn--sm",
6652 OnClick = "document.getElementById('LastAddedProductModalTrigger').checked = false"
6653 },
6654 new Link
6655 {
6656 Href = "/Default.aspx?ID=" + cartPageId,
6657 ButtonLayout = ButtonLayout.Secondary,
6658 CssClass = "u-pull--right u-no-margin btn--sm",
6659 Title = Translate("Proceed to checkout"),
6660 OnClick = "document.getElementById('LastAddedProductModalTrigger').checked = false"
6661 }
6662 );
6663
6664 @Render(lastAddedProduct)
6665 }
6666 </script>
6667 <script>
6668 document.addEventListener('addToCart', function (event) {
6669 Cart.ShowLastAddedProductModal(event.detail);
6670 });
6671 </script>
6672 }
6673
6674 @helper RenderModalContent()
6675 {
6676 <div class="grid">
6677 <div class="grid__col-2">
6678 @Render(new Image { Path = "{{ productInfo.image }}", Link = "{{ productInfo.link }}", Title = "{{ productInfo.name }}", DisableImageEngine = true })
6679 </div>
6680 <div class="u-padding grid--align-self-center">
6681 <span>{{quantity}}</span> x
6682 </div>
6683 <div class="grid__col-auto grid--align-self-center">
6684 <div>{{productInfo.name}}</div>
6685 {{#if productInfo.variantName}}
6686 <small class="u-margin-bottom-5px">{{productInfo.variantName}}</small>
6687 {{/if}}
6688 {{#if productInfo.unitName}}
6689 <small class="u-margin-bottom-5px">{{productInfo.unitName}}</small>
6690 {{/if}}
6691 </div>
6692 </div>
6693 }
6694
6695 @helper RenderAddToCartNotificationToggleScript()
6696 {
6697 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed");
6698
6699 <script>
6700 document.addEventListener('addToCart', function () {
6701 Cart.ToggleMiniCart('miniCartTrigger', 'miniCart', 'cartCounter', '@miniCartFeedPageId');
6702 });
6703 </script>
6704 }
6705 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
6706
6707 @using System
6708 @using System.Web
6709 @using System.Collections.Generic
6710 @using Dynamicweb.Rapido.Blocks.Extensibility
6711 @using Dynamicweb.Rapido.Blocks
6712 @using Dynamicweb.Rapido.Blocks.Components.General
6713
6714 @functions {
6715 BlocksPage footerBlocksPage = BlocksPage.GetBlockPage("Master");
6716 }
6717
6718 @{
6719 string footerColumnOneContent = Model.Area.Item.GetItem("Layout").GetItem("FooterColumnOne").GetString("Content");
6720 string footerColumnTwoContent = Model.Area.Item.GetItem("Layout").GetItem("FooterColumnTwo").GetString("Content");
6721 string footerColumnThreeContent = Model.Area.Item.GetItem("Layout").GetItem("FooterColumnThree").GetString("Content");
6722 string footerColumnOneHeader = Model.Area.Item.GetItem("Layout").GetItem("FooterColumnOne").GetString("Header");
6723 string footerColumnTwoHeader = Model.Area.Item.GetItem("Layout").GetItem("FooterColumnTwo").GetString("Header");
6724 string footerColumnThreeHeader = Model.Area.Item.GetItem("Layout").GetItem("FooterColumnThree").GetString("Header");
6725
6726 Block masterFooterContent = new Block()
6727 {
6728 Id = "MasterFooterContent",
6729 SortId = 10,
6730 Template = RenderFooter(),
6731 SkipRenderBlocksList = true
6732 };
6733 footerBlocksPage.Add(MasterBlockId.MasterFooter, masterFooterContent);
6734
6735 if (!string.IsNullOrEmpty(footerColumnOneContent) || !string.IsNullOrEmpty(footerColumnOneHeader))
6736 {
6737 Block masterFooterColumnOne = new Block
6738 {
6739 Id = "MasterFooterColumnOne",
6740 SortId = 10,
6741 Template = RenderFooterColumn(footerColumnOneHeader, footerColumnOneContent),
6742 Design = new Design
6743 {
6744 Size = "auto",
6745 RenderType = RenderType.Column
6746 }
6747 };
6748 footerBlocksPage.Add("MasterFooterContent", masterFooterColumnOne);
6749 }
6750
6751 if (!string.IsNullOrEmpty(footerColumnTwoContent) || !string.IsNullOrEmpty(footerColumnTwoHeader))
6752 {
6753 Block masterFooterColumnTwo = new Block
6754 {
6755 Id = "MasterFooterColumnTwo",
6756 SortId = 20,
6757 Template = RenderFooterColumn(footerColumnTwoHeader, footerColumnTwoContent),
6758 Design = new Design
6759 {
6760 Size = "auto",
6761 RenderType = RenderType.Column
6762 }
6763 };
6764 footerBlocksPage.Add("MasterFooterContent", masterFooterColumnTwo);
6765 }
6766
6767 if (!string.IsNullOrEmpty(footerColumnThreeContent) || !string.IsNullOrEmpty(footerColumnThreeHeader))
6768 {
6769 Block masterFooterColumnThree = new Block
6770 {
6771 Id = "MasterFooterColumnThree",
6772 SortId = 30,
6773 Template = RenderFooterColumn(footerColumnThreeHeader, footerColumnThreeContent),
6774 Design = new Design
6775 {
6776 Size = "auto",
6777 RenderType = RenderType.Column
6778 }
6779 };
6780 footerBlocksPage.Add("MasterFooterContent", masterFooterColumnThree);
6781 }
6782
6783 if (Model.Area.Item.GetItem("Layout").GetBoolean("FooterNewsletterSignUp"))
6784 {
6785 Block masterFooterNewsletterSignUp = new Block
6786 {
6787 Id = "MasterFooterNewsletterSignUp",
6788 SortId = 40,
6789 Template = RenderFooterNewsletterSignUp(),
6790 Design = new Design
6791 {
6792 Size = "auto",
6793 RenderType = RenderType.Column
6794 }
6795 };
6796 footerBlocksPage.Add("MasterFooterContent", masterFooterNewsletterSignUp);
6797 }
6798
6799 if (Model.Area.Item.GetItem("Layout").GetItems("FooterSocialLinks") != null && Model.Area.Item.GetItem("Layout").GetItems("FooterSocialLinks").Count > 0)
6800 {
6801 Block masterFooterSocialLinks = new Block
6802 {
6803 Id = "MasterFooterSocialLinks",
6804 SortId = 50,
6805 Template = RenderFooterSocialLinks(),
6806 Design = new Design
6807 {
6808 Size = "auto",
6809 RenderType = RenderType.Column
6810 }
6811 };
6812 footerBlocksPage.Add("MasterFooterContent", masterFooterSocialLinks);
6813 }
6814
6815 if (Model.Area.Item.GetItem("Layout").GetItems("FooterPayments") != null && Model.Area.Item.GetItem("Layout").GetItems("FooterPayments").Count > 0)
6816 {
6817 Block masterFooterPayments = new Block
6818 {
6819 Id = "MasterFooterPayments",
6820 SortId = 60,
6821 Template = RenderFooterPayments(),
6822 Design = new Design
6823 {
6824 Size = "12",
6825 RenderType = RenderType.Column
6826 }
6827 };
6828 footerBlocksPage.Add("MasterFooterContent", masterFooterPayments);
6829 }
6830
6831 Block masterFooterCopyright = new Block
6832 {
6833 Id = "MasterFooterCopyright",
6834 SortId = 70,
6835 Template = RenderFooterCopyright(),
6836 Design = new Design
6837 {
6838 Size = "12",
6839 RenderType = RenderType.Column
6840 }
6841 };
6842 footerBlocksPage.Add("MasterFooterContent", masterFooterCopyright);
6843 }
6844
6845 @helper RenderFooter()
6846 {
6847 List<Block> subBlocks = this.footerBlocksPage.GetBlockListById("MasterFooterContent").OrderBy(item => item.SortId).ToList();
6848
6849 <footer class="footer no-print dw-mod">
6850 <div class="center-container top-container__center-container dw-mod">
6851 <div class="grid grid--external-bleed-x">
6852 @RenderBlockList(subBlocks)
6853 </div>
6854 </div>
6855 </footer>
6856 }
6857
6858 @helper RenderFooterColumn(string header, string content)
6859 {
6860 <h3 class="footer__heading dw-mod">@header</h3>
6861 <div class="footer__content dw-mod">
6862 @content
6863 </div>
6864 }
6865
6866 @helper RenderFooterNewsletterSignUp()
6867 {
6868 string newsletterSignUpPageId = GetPageIdByNavigationTag("NewsletterSignUp").ToString();
6869 Form form = new Form { Action = "/Default.aspx", Method = FormMethod.Get, Enctype = FormEnctype.multipart };
6870
6871 form.Add(new HiddenField { Name = "ID", Value = newsletterSignUpPageId });
6872 form.Add(new Text { Content = "<p>" + Translate("Sign up if you would like to receive occasional treats from us") + "</p>" });
6873 form.Add(new TextField {
6874 Id = "NewsletterEmail", Name = "NewsletterEmail", Placeholder = Translate("Your email address"),
6875 Type = TextFieldType.Email,
6876 ActionButton = new Button {
6877 ButtonType = ButtonType.Submit, Id="Submitter", Title = Translate("Go"), OnClick = "Buttons.LockButton(event)", CssClass = "btn--condensed"
6878 }
6879 });
6880
6881 <h3 class="footer__heading dw-mod">@Translate("Mailing list")</h3>
6882 <div class="footer__content dw-mod">
6883 @Render(form)
6884 </div>
6885 }
6886
6887 @helper RenderFooterSocialLinks()
6888 {
6889 <h3 class="footer__heading dw-mod">@Translate("Social links")</h3>
6890 <div class="footer__content dw-mod">
6891 <div class="collection dw-mod">
6892 @foreach (var socialitem in Model.Area.Item.GetItem("Layout").GetItems("FooterSocialLinks"))
6893 {
6894 var socialIcon = socialitem.GetValue("Icon") as Dynamicweb.Frontend.ListViewModel;
6895 string socialIconClass = socialIcon.SelectedValue;
6896 string socialIconTitle = socialIcon.SelectedName;
6897 string socialLink = socialitem.GetString("Link");
6898
6899 <a href="@socialLink" target="_blank" title="@socialIconTitle" class="u-margin-bottom-5px" rel="noopener"><i class="@socialIconClass fa-2x"></i></a>
6900 }
6901 </div>
6902 </div>
6903 }
6904
6905 @helper RenderFooterPayments()
6906 {
6907 <div class="footer__content dw-mod">
6908 <div class="collection dw-mod">
6909 @foreach (var payment in Model.Area.Item.GetItem("Layout").GetItems("FooterPayments"))
6910 {
6911 var paymentItem = payment.GetValue("CardTypeOrVerifiedPayment") as Dynamicweb.Frontend.ListViewModel;
6912 string paymentImage = null;
6913 string paymentTitle = paymentItem.SelectedName;
6914 ListOptionViewModel selected = paymentItem.SelectedOptions.FirstOrDefault();
6915 if (selected != null)
6916 {
6917 paymentImage = selected.Icon;
6918 }
6919
6920 <div class="footer__card-type">
6921 <img class="b-lazy" src="/Files/Images/placeholder.gif" data-src="/Admin/Public/GetImage.ashx?width=60&Compression=75&image=@paymentImage" alt="@paymentTitle" title="@paymentTitle" />
6922 </div>
6923 }
6924 </div>
6925 </div>
6926 }
6927
6928 @helper RenderFooterCopyright()
6929 {
6930 <div class="grid__col-12 footer__copyright dw-mod">
6931 <p>@Model.Area.Item.GetItem("Layout").GetString("FooterCopyrightText")</p>
6932 </div>
6933 }
6934 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
6935
6936 @using System
6937 @using System.Web
6938 @using System.Collections.Generic
6939 @using Dynamicweb.Rapido.Blocks.Extensibility
6940 @using Dynamicweb.Rapido.Blocks
6941 @using Dynamicweb.Ecommerce.Common
6942
6943 @{
6944 BlocksPage referencesBlocksPage = BlocksPage.GetBlockPage("Master");
6945
6946 Block masterScriptReferences = new Block()
6947 {
6948 Id = "MasterScriptReferences",
6949 SortId = 1,
6950 Template = RenderMasterScriptReferences()
6951 };
6952 referencesBlocksPage.Add(MasterBlockId.MasterReferences, masterScriptReferences);
6953 }
6954
6955 @helper RenderMasterScriptReferences() {
6956 <script src="/Files/Templates/Designs/Rapido/js/handlebars-v4.0.12.min.js"></script>
6957 <script src="/Files/Templates/Designs/Rapido/js/master.min.js"></script>
6958
6959 if (Model.Area.Item.GetItem("Custom").GetBoolean("UseCustomJavascript"))
6960 {
6961 <script src="/Files/Templates/Designs/Rapido/js/custom.min.js"></script>
6962 PushPromise("/Files/Templates/Designs/Rapido/js/custom.min.js");
6963 }
6964
6965 PushPromise("/Files/Templates/Designs/Rapido/js/handlebars-v4.0.12.min.js");
6966 PushPromise("/Files/Templates/Designs/Rapido/js/master.min.js");
6967 }
6968 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
6969
6970 @using System
6971 @using System.Web
6972 @using System.Collections.Generic
6973 @using Dynamicweb.Rapido.Blocks.Extensibility
6974 @using Dynamicweb.Rapido.Blocks
6975 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
6976 @using Dynamicweb.Rapido.Services
6977
6978 @{
6979 BlocksPage searchBlocksPage = BlocksPage.GetBlockPage("Master");
6980 bool navigationItemsHideSearch = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideSearch");
6981 bool isFavoriteList = !string.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("ListID"));
6982
6983 if (!navigationItemsHideSearch || isFavoriteList)
6984 {
6985 Block masterSearchScriptTemplates = new Block()
6986 {
6987 Id = "MasterSearchScriptTemplates",
6988 SortId = 1,
6989 Template = RenderSearchScriptTemplates()
6990 };
6991
6992 searchBlocksPage.Add(MasterBlockId.MasterBottomSnippets, masterSearchScriptTemplates);
6993 }
6994 }
6995
6996 @helper RenderSearchScriptTemplates()
6997 {
6998 string stockcheckpageId = Convert.ToString(GetPageIdByNavigationTag("StockCheck"));
6999 int productsPageId = GetPageIdByNavigationTag("ProductsPage");
7000 string contentSearchPageLink = GetPageIdByNavigationTag("ContentSearchResults") + "&Areaid=" + Model.Area.ID;
7001 bool useFacebookPixel = !string.IsNullOrWhiteSpace(Pageview.AreaSettings.GetItem("Settings").GetString("FacebookPixelID"));
7002 bool useGoogleTagManager = !string.IsNullOrEmpty(Model.Area.Item.GetItem("Settings").GetString("GoogleTagManagerID"));
7003 bool showPrice = !Pageview.AreaSettings.GetItem("Layout").GetBoolean("HidePriceInSearchResults");
7004 bool showAddToCartButton = !Pageview.AreaSettings.GetItem("Layout").GetBoolean("HideAddToCartButton");
7005 bool showViewButton = !Pageview.AreaSettings.GetItem("Layout").GetBoolean("HideViewButton");
7006 bool showAddToDownloadButton = Pageview.AreaSettings.GetItem("Layout").GetBoolean("ShowAddToDownloadButton");
7007 bool pointShopOnly = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly");
7008
7009 <script id="SearchGroupsTemplate" type="text/x-template">
7010 {{#.}}
7011 <li class="dropdown__item dw-mod" onclick="Search.UpdateGroupSelection(this)" data-group-id="{{id}}">{{name}}</li>
7012 {{/.}}
7013 </script>
7014
7015 <script id="SearchProductsTemplate" type="text/x-template">
7016 {{#each .}}
7017 {{#Product}}
7018 {{#ifCond template "!==" "SearchMore"}}
7019 <li class="dropdown__item dropdown__item--seperator dw-mod">
7020 @if (useFacebookPixel)
7021 {
7022 <text>{{{facebookPixelSearch name number priceDouble currency searchParameter}}}</text>
7023 }
7024 @if (useGoogleTagManager)
7025 {
7026 <text>{{{googleEnchantImpression googleImpression}}}</text>
7027 }
7028 <div>
7029 <a href="{{link}}"
7030 class="js-typeahead-link u-color-inherit u-pull--left"
7031 onclick="{{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}"
7032 title="{{name}}{{#if variantName}}, {{variantName}}{{/if}}">
7033 <div class="u-margin-right u-pull--left {{noimage}} u-hidden-xs u-hidden-xxs"><img class="b-lazy" src="/Files/Images/placeholder.gif" data-src="/Admin/Public/GetImage.ashx?width=45&height=36&crop=5&FillCanvas=True&Compression=75&image={{image}}" alt="{{name}}{{#if variantName}}, {{variantName}}{{/if}}"></div>
7034 <div class="u-pull--left">
7035 <div class="u-bold u-max-w220px u-truncate-text js-typeahead-name">{{name}}{{#if variantName}}, {{variantName}}{{/if}}</div>
7036 <div class="u-bold u-max-w220px u-truncate-text js-typeahead-number">{{number}}</div>
7037 @if (showPrice && Dynamicweb.Rapido.Services.User.IsPricesAllowed())
7038 {
7039 if (pointShopOnly)
7040 {
7041 <text>
7042 {{#if havePointPrice}}
7043 <div>
7044 <span class="u-color--loyalty-points">{{points}}</span> @Translate("points")
7045 </div>
7046 {{else}}
7047 <small class="help-text u-no-margin">@Translate("Not available")</small>
7048 {{/if}}
7049 {{#unless canBePurchasedWithPoints}}
7050 {{#if havePointPrice}}
7051 <small class="help-text u-no-margin">@Translate("Not enough points to buy this")</small>
7052 {{/if}}
7053 {{/unless}}
7054 </text>
7055 }
7056 else
7057 {
7058 <div>{{price}}</div>
7059 }
7060 }
7061 </div>
7062 </a>
7063 <div class="u-margin-left u-pull--right">
7064 @{
7065 var viewBtn = new Link
7066 {
7067 Href = "{{link}}",
7068 OnClick = "{{#if googleImpression}}googleEnchantImpressionClick({{googleImpression}}, event){{/if}}",
7069 ButtonLayout = ButtonLayout.Secondary,
7070 CssClass = "btn--condensed u-no-margin u-w80px js-ignore-click-outside",
7071 Title = Translate("View")
7072 };
7073 }
7074 @if (showAddToCartButton && Dynamicweb.Rapido.Services.User.IsBuyingAllowed())
7075 {
7076 <text>{{#if hideAddToCartButton}}</text>
7077 @Render(viewBtn)
7078 <text>{{else}}</text>
7079
7080 <button class="addToCartBeforeCheck {{outOfStock}} u-w80px u-no-margin js-ignore-click-outside btn btn--primary dw-mod btn btn--primary dw-mod" onclick="CheckQuantitySearch('{{productId}}', '{{parentproductID}}', this)" type="button">
7081 <i class="customicon fal fa-shopping-bag fal fa-shopping-bag u-flex--align-center u-flex--align-center"></i>
7082 </button>
7083 @Render(new AddToCartButton
7084 {
7085 HideTitle = true,
7086 ProductId = "{{productId}}",
7087 VariantId = "{{variantid}}",
7088 ProductInfo = "{{productInfo}}",
7089 UnitId = "{{unitId}}",
7090 BuyForPoints = pointShopOnly,
7091 OnClick = "{{facebookPixelAction}}",
7092 CssClass = "addToCartAfterCheck u-hidden u-w80px u-no-margin js-ignore-click-outside {{outOfStock}}",
7093 Icon = new Icon
7094 {
7095 CssClass = "u-hidden js-ignore-click-outside"
7096 },
7097 ExtraAttributes = new Dictionary<string, string>
7098 {
7099 { "id", "searchId_{{productId}}" }, // Dynamically set the id attribute
7100 { "{{disabledBuyButton}}", "" }
7101 }
7102 })
7103
7104 <text>{{/if}}</text>
7105 }
7106 else if (showViewButton)
7107 {
7108 @Render(viewBtn)
7109 }
7110 @if (showAddToDownloadButton)
7111 {
7112 <button type="button" class="btn btn--primary u-no-margin btn--condensed dw-mod js-add-to-downloads" title="@Translate("Add")" data-product-id="{{productId}}">
7113 <i class="fas fa-plus js-button-icon"></i>
7114 </button>
7115 }
7116 </div>
7117 </div>
7118 </li>
7119 {{/ifCond}}
7120 {{#ifCond template "===" "SearchMore"}}
7121 {{>SearchMoreProducts}}
7122 {{/ifCond}}
7123 {{/Product}}
7124 {{else}}
7125 <li class="dropdown__item dropdown__item--seperator dropdown__item--not-selectable js-no-result dw-mod">
7126 @Translate("Your search gave 0 results")
7127 </li>
7128 {{/each}}
7129 </script>
7130
7131 <script id="SearchMoreProducts" type="text/x-template">
7132 <li class="dropdown__item dropdown__item--not-selectable {{stickToBottom}} dw-mod">
7133 <a href="/Default.aspx?ID=@productsPageId&Search={{searchParameter}}&GroupID={{groupId}}" class="btn btn--primary btn--full u-no-margin dw-mod js-typeahead-link">
7134 @Translate("View all")
7135 </a>
7136 </li>
7137 </script>
7138
7139 <script id="SearchMorePages" type="text/x-template">
7140 <li class="dropdown__item dropdown__item--not-selectable {{stickToBottom}} dw-mod">
7141 <a href="/Default.aspx?ID=@contentSearchPageLink&Search={{searchParameter}}" class="btn btn--primary btn--full u-no-margin dw-mod js-typeahead-link">
7142 @Translate("View all")
7143 </a>
7144 </li>
7145 </script>
7146
7147 <script id="SearchPagesTemplate" type="text/x-template">
7148 {{#each .}}
7149 {{#ifCond template "!==" "SearchMore"}}
7150 <li class="dropdown__item dropdown__item--seperator dropdown__item--no-padding dw-mod">
7151 <a href="/Default.aspx?ID={{id}}" class="js-typeahead-link dropdown__link u-color-inherit">
7152 <div class="u-margin-right u-inline"><i class="fa {{icon}} u-w20px u-ta-center"></i></div>
7153 <div class="u-inline u-va-middle"><div class="u-bold u-truncate-text u-max-w210px u-inline-block js-typeahead-name">{{name}}</div></div>
7154 </a>
7155 </li>
7156 {{/ifCond}}
7157 {{#ifCond template "===" "SearchMore"}}
7158 {{>SearchMorePages}}
7159 {{/ifCond}}
7160 {{else}}
7161 <li class="dropdown__item dropdown__item--seperator dropdown__item--not-selectable js-no-result dw-mod">
7162 @Translate("Your search gave 0 results")
7163 </li>
7164 {{/each}}
7165 </script>
7166
7167 <script id="SearchPagesTemplateWrap" type="text/x-template">
7168 <div class="dropdown__column-header">@Translate("Pages")</div>
7169 <ul class="dropdown__list u-min-w220px u-full-width u-margin-bottom u-height--auto u-flex-grow--1 dw-mod">
7170 {{>SearchPagesTemplate}}
7171 </ul>
7172 </script>
7173
7174 <script id="SearchProductsTemplateWrap" type="text/x-template">
7175 <div class="dropdown__column-header">@Translate("Products")</div>
7176 <ul class="dropdown__list u-min-w220px u-full-width u-margin-bottom u-height--auto u-flex-grow--1 dw-mod">
7177 {{>SearchProductsTemplate}}
7178 </ul>
7179 </script>
7180 <input type="checkbox" id="StockErrorTrigger" class="modal-trigger">
7181 <div class="modal-container">
7182 <label for="StockErrorTrigger" id="StockErrorOverlay" class="modal-overlay"></label>
7183 <div class="modal modal--sm modal-height--auto" id="StockError" style="max-height: unset !important; width: 330px; position: relative; border-radius: 10px; border: 1px solid; background-color: #FFFFFF; padding: 20px 5px 20px 5px;">
7184
7185 <!-- Close Button -->
7186 <!-- Icon at the top -->
7187 <div style="text-align: center; margin-top: 20px;">
7188 <div style="width: 45px; height: 45px; background-color: #BF0000; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin: 0 auto;">
7189 <span style="font-size: 31px; color: white; font-weight: bold;">!</span>
7190 </div>
7191 </div>
7192
7193 <!-- Error message -->
7194 <div class="modal__body" style="text-align: center;">
7195 <span style="font-size: 16px;">Oops! We don’t have enough in stock for that quantity.</span>
7196 </div>
7197
7198 <!-- OK Button -->
7199 <div style="display: flex; justify-content: center; align-items: center; margin-top: 20px;">
7200 <label for="StockErrorTrigger" style="width: 120px; background-color: #000; color: white; border: none; border-radius: 5px; padding: 7px 20px; font-family: Arial, sans-serif; cursor: pointer; text-align: center;">OK</label>
7201 </div>
7202
7203 </div>
7204 </div>
7205 <script src="/Files/Templates/Designs/Rapido/js/jquery-3.6.1.min.js"></script>
7206 <script>
7207 function CheckQuantitySearch(productId, parentproductId, searchbutton) {
7208
7209 if (!productId) {
7210 console.error("Invalid productId:", productId);
7211 return;
7212 }
7213
7214 const buttonId = `searchId_${productId}`;
7215 const button = document.getElementById(buttonId);
7216
7217 if (!button) {
7218 console.error("Button with ID " + buttonId + " not found.");
7219 return;
7220 }
7221
7222 const icon = searchbutton.querySelector("i");
7223 if (icon) {
7224 icon.classList.remove("fa-shopping-bag");
7225 icon.classList.add("fa-circle-notch", "fa-spin");
7226 }
7227
7228 var url = "/Default.aspx?ID=7487&searchproductId=" + encodeURIComponent(productId) +
7229 "&searchparentproductId=" + encodeURIComponent(parentproductId);
7230
7231 $.ajax({
7232 url: url,
7233 method: 'GET',
7234 dataType: 'json',
7235 success: function(response) {
7236 if (response.success) {
7237 const addToCartButton = document.getElementById(buttonId);
7238 if (addToCartButton) {
7239 addToCartButton.click();
7240 }
7241 } else {
7242 document.getElementById("StockErrorTrigger").checked = true;
7243 document.getElementById("closeModal").style.display = "flex";
7244 }
7245 },
7246 error: function(xhr, status, error) {
7247 console.error("Error fetching data:", error);
7248 }
7249 });
7250
7251 setTimeout(() => {
7252 if (icon) {
7253 icon.classList.remove("fa-circle-notch", "fa-spin");
7254 icon.classList.add("fa-shopping-bag");
7255 }
7256 }, 1000);
7257 }
7258
7259 </script>
7260
7261 }
7262
7263 @using Dynamicweb.Rapido.Blocks.Components
7264 @using Dynamicweb.Rapido.Blocks.Components.General
7265 @using Dynamicweb.Rapido.Blocks
7266 @using System.IO
7267
7268
7269 @using Dynamicweb.Rapido.Blocks.Components.General
7270 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
7271
7272
7273 @* Component *@
7274
7275 @helper RenderVariantMatrix(VariantMatrix settings) {
7276 if (settings != null)
7277 {
7278 int productLoopCounter = 0;
7279 int groupCount = 0;
7280 List<VariantOption> firstDimension = new List<VariantOption>();
7281 List<VariantOption> secondDimension = new List<VariantOption>();
7282 List<VariantOption> thirdDimension = new List<VariantOption>();
7283
7284 foreach (VariantGroup variantGroup in settings.GetVariantGroups())
7285 {
7286 foreach (VariantOption variantOptions in variantGroup.GetVariantOptions())
7287 {
7288 if (groupCount == 0) {
7289 firstDimension.Add(variantOptions);
7290 }
7291 if (groupCount == 1)
7292 {
7293 secondDimension.Add(variantOptions);
7294 }
7295 if (groupCount == 2)
7296 {
7297 thirdDimension.Add(variantOptions);
7298 }
7299 }
7300 groupCount++;
7301 }
7302
7303 int rowCount = 0;
7304 int columnCount = 0;
7305
7306 <script>
7307 var variantsCollection = [];
7308 </script>
7309
7310 <table class="table table--compact js-variants-matrix dw-mod" id="VariantMatrixTable_@settings.ProductId">
7311 @if (groupCount == 1)
7312 {
7313 <tbody>
7314 @foreach (VariantOption firstVariantOption in firstDimension)
7315 {
7316 var variantId = firstVariantOption.Id;
7317 <tr>
7318 <td class="u-bold">
7319 @firstVariantOption.Name
7320 </td>
7321 <td>
7322 @RenderVariantMatrixQuantityField(variantId, settings, productLoopCounter, rowCount, columnCount)
7323 </td>
7324 </tr>
7325 productLoopCounter++;
7326 }
7327
7328 <tr>
7329 <td> </td>
7330 <td>
7331 <div class="qty-field js-total-qty-column-@columnCount dw-mod">0</div>
7332 </td>
7333 </tr>
7334 </tbody>
7335 }
7336 @if (groupCount == 2)
7337 {
7338 <thead>
7339 <tr>
7340 <td> </td>
7341 @foreach (VariantOption variant in secondDimension)
7342 {
7343 <td>@variant.Name</td>
7344 }
7345 </tr>
7346 </thead>
7347 <tbody>
7348 @foreach (VariantOption firstVariantOption in firstDimension)
7349 {
7350 string variantId = "";
7351 columnCount = 0;
7352
7353 <tr>
7354 <td class="u-min-w120px">@firstVariantOption.Name</td>
7355
7356 @foreach (VariantOption secondVariantOption in secondDimension)
7357 {
7358 variantId = firstVariantOption.Id + "." + secondVariantOption.Id;
7359 <td>
7360 @RenderVariantMatrixQuantityField(variantId, settings, productLoopCounter, rowCount, columnCount)
7361 </td>
7362
7363 columnCount++;
7364
7365 productLoopCounter++;
7366 }
7367
7368 <td>
7369 <div class="qty-field js-total-qty-row-@rowCount dw-mod">0</div>
7370 </td>
7371 </tr>
7372
7373 rowCount++;
7374 }
7375
7376 @{
7377 columnCount = 0;
7378 }
7379
7380 <tr>
7381 <td> </td>
7382 @foreach (VariantOption secondVariantOption in secondDimension)
7383 {
7384 <td>
7385 <div class="qty-field js-total-qty-column-@columnCount dw-mod">0</div>
7386 </td>
7387
7388 columnCount++;
7389 }
7390 <td> </td>
7391 </tr>
7392 </tbody>
7393 }
7394 @if (groupCount == 3)
7395 {
7396 <thead>
7397 <tr>
7398 <td> </td>
7399 @foreach (VariantOption thirdVariantOption in thirdDimension)
7400 {
7401 <td>@thirdVariantOption.Name</td>
7402 }
7403 </tr>
7404 </thead>
7405 <tbody>
7406 @foreach (VariantOption firstVariantOption in firstDimension)
7407 {
7408 int colspan = (thirdDimension.Count + 1);
7409
7410 <tr>
7411 <td colspan="@colspan" class="u-color-light-gray--bg u-bold">@firstVariantOption.Name</td>
7412 </tr>
7413
7414 foreach (VariantOption secondVariantOption in secondDimension)
7415 {
7416 string variantId = "";
7417 columnCount = 0;
7418
7419 <tr>
7420 <td class="u-min-w120px">@secondVariantOption.Name</td>
7421
7422 @foreach (VariantOption thirdVariantOption in thirdDimension)
7423 {
7424 variantId = firstVariantOption.Id + "." + secondVariantOption.Id + "." + thirdVariantOption.Id;
7425
7426 <td>
7427 @RenderVariantMatrixQuantityField(variantId, settings, productLoopCounter, rowCount, columnCount)
7428 </td>
7429
7430 columnCount++;
7431 productLoopCounter++;
7432 }
7433
7434 <td>
7435 <div class="qty-field js-total-qty-row-@rowCount dw-mod">0</div>
7436 </td>
7437 </tr>
7438 rowCount++;
7439 }
7440 }
7441
7442 @{
7443 columnCount = 0;
7444 }
7445
7446 <tr>
7447 <td> </td>
7448 @foreach (VariantOption thirdVariantOption in thirdDimension)
7449 {
7450 <td>
7451 <div class="qty-field js-total-qty-column-@columnCount dw-mod">0</div>
7452 </td>
7453
7454 columnCount++;
7455 }
7456 <td> </td>
7457 </tr>
7458 </tbody>
7459 }
7460 </table>
7461
7462 <script>
7463 document.addEventListener("DOMContentLoaded", function (event) {
7464 MatrixUpdateQuantity("@settings.ProductId");
7465 });
7466
7467 MatrixUpdateQuantity = function (productId) {
7468 var currentMatrix = document.getElementById("VariantMatrixTable_" + productId);
7469 var allQtyFields = currentMatrix.getElementsByClassName("js-qty");
7470
7471 var qtyRowArr = [];
7472 var qtyColumnArr = [];
7473
7474 var totalQty = 0;
7475
7476 for (var i = 0; i < allQtyFields.length; i++) {
7477 qtyRowArr[allQtyFields[i].getAttribute("data-qty-row-group")] = 0;
7478 qtyColumnArr[allQtyFields[i].getAttribute("data-qty-column-group")] = 0;
7479 }
7480
7481 for (var i = 0; i < allQtyFields.length; i++) {
7482 qtyRowArr[allQtyFields[i].getAttribute("data-qty-row-group")] += parseFloat(allQtyFields[i].value);
7483 qtyColumnArr[allQtyFields[i].getAttribute("data-qty-column-group")] += parseFloat(allQtyFields[i].value);
7484 totalQty += parseFloat(allQtyFields[i].value);
7485 }
7486
7487 //Update row counters
7488 for (var i = 0; i < qtyRowArr.length; i++) {
7489 var qtyCounter = currentMatrix.getElementsByClassName("js-total-qty-row-" + i)[0];
7490
7491 if (qtyRowArr[i] != undefined && qtyCounter != null) {
7492 var currentCount = qtyCounter.innerHTML;
7493 qtyCounter.innerHTML = qtyRowArr[i];
7494
7495 if (currentCount != qtyCounter.innerHTML) {
7496 qtyCounter.classList.add("qty-field--active");
7497 }
7498 }
7499
7500 }
7501
7502 //Update column counters
7503 for (var i = 0; i < qtyColumnArr.length; i++) {
7504 var qtyCounter = currentMatrix.getElementsByClassName("js-total-qty-column-" + i)[0];
7505
7506 if (qtyColumnArr[i] != undefined && qtyCounter != null) {
7507 var currentCount = qtyCounter.innerHTML;
7508 qtyCounter.innerHTML = qtyColumnArr[i];
7509
7510 if (currentCount != qtyCounter.innerHTML) {
7511 qtyCounter.classList.add("qty-field--active");
7512 }
7513 }
7514 }
7515
7516 if (document.getElementById("TotalQtyCount_" + productId)) {
7517 document.getElementById("TotalQtyCount_" + productId).innerHTML = totalQty;
7518 }
7519
7520 //Clean up animations
7521 setTimeout(function () {
7522 for (var i = 0; i < qtyRowArr.length; i++) {
7523 var qtyCounter = currentMatrix.getElementsByClassName("js-total-qty-row-" + i)[0];
7524 if (qtyCounter != null) {
7525 qtyCounter.classList.remove("qty-field--active");
7526 }
7527 }
7528 for (var i = 0; i < qtyColumnArr.length; i++) {
7529 var qtyCounter = currentMatrix.getElementsByClassName("js-total-qty-column-" + i)[0];
7530 if (qtyCounter != null) {
7531 qtyCounter.classList.remove("qty-field--active");
7532 }
7533 }
7534 }, 1000);
7535 }
7536 </script>
7537 }
7538 }
7539
7540 @helper RenderVariantMatrixQuantityField(string variantId, VariantMatrix settings, int productLoopCounter, int rowCount, int columnCount)
7541 {
7542 string loopCount = productLoopCounter.ToString();
7543
7544 bool combinationFound = false;
7545 double stock = 0;
7546 double quantityValue = 0;
7547 string note = "";
7548
7549 VariantProduct variantProduct = null;
7550
7551 if (settings.GetVariantProducts().TryGetValue(variantId, out variantProduct))
7552 {
7553 stock = variantProduct.Stock;
7554 quantityValue = variantProduct.Quantity;
7555 combinationFound = true;
7556 }
7557
7558 if (combinationFound)
7559 {
7560 <input type="hidden" name="ProductLoopCounter@(loopCount)" value="@loopCount" />
7561 <input type="hidden" name="ProductID@(loopCount)" value="@settings.ProductId" />
7562 <input type="hidden" name="VariantID@(loopCount)" value="@variantId" />
7563 <input type="hidden" name="CurrentNote@(loopCount)" id="CurrentNote_@(settings.ProductId)_@variantId" value="@note" />
7564 <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">
7565
7566 if (stock != 0)
7567 {
7568 <small>@Translate("Stock") @stock</small>
7569 }
7570
7571 <script>
7572 var variants = '{ "ProductId" :' + '"@settings.ProductId"' + ', "VariantId": ' + '"@variantId"' +'}';
7573 variantsCollection.push(variants);
7574 document.getElementById("Quantity_@(settings.ProductId)_@variantId").closest(".js-variants-matrix").setAttribute("data-variants-collection", "[" + variantsCollection + "]" );
7575 </script>
7576 }
7577 else
7578 {
7579 <div class="use-btn-height" style="background-color: #a8a8a8"></div>
7580 }
7581 }
7582 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
7583
7584 @* Component *@
7585
7586 @helper RenderAddToCart(AddToCart settings)
7587 {
7588 //set Id for quantity selector to get it's value from button
7589 if (settings.QuantitySelector != null)
7590 {
7591 if (string.IsNullOrEmpty(settings.QuantitySelector.Id))
7592 {
7593 settings.QuantitySelector.Id = Guid.NewGuid().ToString("N");
7594 }
7595
7596 settings.AddButton.QuantitySelectorId = settings.QuantitySelector.Id;
7597
7598 if (settings.Disabled)
7599 {
7600 settings.QuantitySelector.Disabled = true;
7601 }
7602
7603 if (string.IsNullOrEmpty(settings.QuantitySelector.Name))
7604 {
7605 settings.QuantitySelector.Name = settings.QuantitySelector.Id;
7606 }
7607 }
7608
7609 if (settings.Disabled)
7610 {
7611 settings.AddButton.Disabled = true;
7612 }
7613
7614 settings.AddButton.CssClass += " btn--condensed";
7615
7616 //unitsSelector
7617 if (settings.UnitSelector != null)
7618 {
7619 if (settings.Disabled)
7620 {
7621 settings.QuantitySelector.Disabled = true;
7622 }
7623 }
7624
7625 if (Pageview.Device.ToString() == "Mobile") {
7626 if (settings.UnitSelector != null)
7627 {
7628 <div class="margin-sm margin-position-bottom">
7629 @Render(settings.UnitSelector)
7630 </div>
7631 }
7632 }
7633
7634 <div class="buttons-collection @settings.WrapperCssClass" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
7635 @if (Pageview.Device.ToString() != "Mobile") {
7636 if (settings.UnitSelector != null)
7637 {
7638 @Render(settings.UnitSelector)
7639 }
7640 }
7641 @if (settings.QuantitySelector != null)
7642 {
7643 @Render(settings.QuantitySelector)
7644 }
7645 @Render(settings.AddButton)
7646 </div>
7647 }
7648 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
7649
7650 @* Component *@
7651
7652 @helper RenderAddToCartButton(AddToCartButton settings)
7653 {
7654 if (!settings.HideTitle)
7655 {
7656 if (string.IsNullOrEmpty(settings.Title))
7657 {
7658 if (settings.BuyForPoints)
7659 {
7660 settings.Title = Translate("Buy with points");
7661 }
7662 else
7663 {
7664 settings.Title = Translate("Add to cart");
7665 }
7666 }
7667 }
7668 else
7669 {
7670 settings.Title = "";
7671 }
7672
7673 if (settings.Icon == null)
7674 {
7675 settings.Icon = new Icon();
7676 settings.Icon.LabelPosition = Dynamicweb.Rapido.Blocks.Components.General.IconLabelPosition.After;
7677 }
7678
7679 if (string.IsNullOrEmpty(settings.Icon.Name))
7680 {
7681 settings.Icon.Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon").SelectedValue;
7682 }
7683
7684 settings.OnClick = "Cart.AddToCart(event, { " +
7685 "id: '" + settings.ProductId + "'," +
7686 (!string.IsNullOrEmpty(settings.VariantId) ? "variantId: '" + settings.VariantId + "'," : "") +
7687 (!string.IsNullOrEmpty(settings.UnitId) ? "unitId: '" + settings.UnitId + "'," : "") +
7688 (settings.BuyForPoints ? "buyForPoints: true," : "") +
7689 (!string.IsNullOrEmpty(settings.ProductInfo) ? "productInfo: " + settings.ProductInfo + "," : "") +
7690 "quantity: " + (string.IsNullOrEmpty(settings.QuantitySelectorId) ? "1" : "parseFloat(document.getElementById('" + settings.QuantitySelectorId + "').value)") +
7691 "});" + settings.OnClick;
7692
7693 @RenderButton(settings)
7694 }
7695 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
7696
7697 @* Component *@
7698
7699 @helper RenderUnitSelector(UnitSelector settings)
7700 {
7701 if (string.IsNullOrEmpty(settings.Id))
7702 {
7703 settings.Id = Guid.NewGuid().ToString("N");
7704 }
7705 var disabledClass = settings.Disabled ? "disabled" : "";
7706
7707 <input type="checkbox" id="@settings.Id" class="dropdown-trigger" />
7708 <div class="dropdown unit-selector @settings.CssClass @disabledClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
7709 <label class="dropdown__header dropdown__btn dropdown__btn--unit-selector dw-mod" for="@settings.Id">@settings.SelectedOption</label>
7710 <div class="dropdown__content dw-mod">
7711 @settings.OptionsContent
7712 </div>
7713 <label class="dropdown-trigger-off" for="@settings.Id"></label>
7714 </div>
7715 }
7716 @using System.Reflection
7717 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
7718
7719 @* Component *@
7720
7721 @helper RenderQuantitySelector(QuantitySelector settings)
7722 {
7723 var attributes = new Dictionary<string, string>();
7724
7725 /*base settings*/
7726 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
7727 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
7728 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
7729 if (settings.Disabled) { attributes.Add("disabled", "true"); }
7730 if (settings.Required) { attributes.Add("required", "true"); }
7731 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
7732 /*end*/
7733
7734 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
7735 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
7736 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
7737 if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
7738 if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); }
7739 if (settings.Min == null) { settings.Min = 1; }
7740 attributes.Add("min", settings.Min.ToString());
7741 if (settings.Step != null && !string.IsNullOrEmpty(settings.Step.ToString())) { attributes.Add("step", settings.Step.ToString()); }
7742 if (settings.Value == null) { settings.Value = 1; }
7743 attributes.Add("value", settings.Value.ToString());
7744 attributes.Add("type", "number");
7745
7746 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
7747
7748 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
7749 }
7750 @using Dynamicweb.Rapido.Blocks.Components
7751
7752 @using Dynamicweb.Frontend
7753 @using Dynamicweb.Frontend.Devices
7754 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
7755 @using Dynamicweb.Rapido.Blocks.Components.General
7756 @using System.Collections.Generic;
7757
7758 @* Component *@
7759
7760 @helper RenderCustomerCenterList(CustomerCenterList settings)
7761 {
7762 bool isTouchDevice = Pageview.Device.ToString() == "Mobile" || Pageview.Device.ToString() == "Tablet" ? true : false;
7763 string hideActions = isTouchDevice ? "u-block" : "";
7764
7765 <table class="table data-list dw-mod">
7766 @if (settings.GetHeaders().Length > 0) {
7767 <thead>
7768 <tr class="u-bold">
7769 @foreach (CustomerCenterListHeaderItem header in settings.GetHeaders())
7770 {
7771 var attributes = new Dictionary<string, string>();
7772 if (!string.IsNullOrEmpty(header.Id)) { attributes.Add("id", header.Id); }
7773 if (!string.IsNullOrEmpty(header.CssClass)) { attributes.Add("class", header.CssClass); }
7774 attributes.Add("align", header.Align.ToString());
7775 attributes = attributes.Concat(header.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
7776
7777 <td @ComponentMethods.AddAttributes(attributes)>@header.Title</td>
7778 }
7779 </tr>
7780 </thead>
7781 }
7782 @foreach (CustomerCenterListItem listItem in settings.GetItems())
7783 {
7784 int columnCount = 0;
7785 int totalColumns = listItem.GetInfoItems().Length;
7786 string rowHasActions = listItem.GetActions().Length > 0 ? "data-list__item--has-actions" : "";
7787 listItem.Id = !string.IsNullOrEmpty(listItem.Id) ? listItem.Id : Guid.NewGuid().ToString("N");
7788
7789 var attributes = new Dictionary<string, string>();
7790 if (!string.IsNullOrEmpty(listItem.Title)) { attributes.Add("title", listItem.Title); };
7791
7792 attributes = attributes.Concat(listItem.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
7793 <tbody class="data-list__item @rowHasActions @listItem.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes)>
7794 <tr>
7795 @if (!string.IsNullOrEmpty(listItem.Title) || !string.IsNullOrEmpty(listItem.Description)) {
7796 string onClick = !string.IsNullOrEmpty(listItem.OnClick) ? "onclick=\"" + listItem.OnClick + "\"" : "";
7797
7798 <td rowspan="2" @onClick class="data-list__main-item dw-mod">
7799 @if (!string.IsNullOrEmpty(listItem.Title)) {
7800 <div class="u-bold">@listItem.Title</div>
7801 }
7802 @if (!string.IsNullOrEmpty(listItem.Description)) {
7803 <div>@listItem.Description</div>
7804 }
7805 </td>
7806 }
7807
7808 @foreach (CustomerCenterListInfoItem infoItem in listItem.GetInfoItems())
7809 {
7810 var infoAttributes = new Dictionary<string, string>();
7811 if (!string.IsNullOrEmpty(infoItem.Id)) { infoAttributes.Add("id", infoItem.Id); };
7812 if (!string.IsNullOrEmpty(infoItem.OnClick)) { infoAttributes.Add("onclick", infoItem.OnClick); };
7813 infoAttributes.Add("align", infoItem.Align.ToString());
7814
7815 infoAttributes = infoAttributes.Concat(infoItem.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
7816 string columnClick = columnCount < (totalColumns-1) && !string.IsNullOrEmpty(listItem.OnClick) ? "onclick=\"" + listItem.OnClick + "\"" : "";
7817
7818 <td @ComponentMethods.AddAttributes(infoAttributes) @columnClick class="data-list__info-item dw-mod">
7819 @if (!string.IsNullOrEmpty(infoItem.Title)) {
7820 <div>@infoItem.Title</div>
7821 }
7822 @if (!string.IsNullOrEmpty(infoItem.Subtitle)) {
7823 <div><small>@infoItem.Subtitle</small></div>
7824 }
7825 </td>
7826
7827 columnCount++;
7828 }
7829 </tr>
7830 <tr>
7831 <td colspan="7" align="right" class="u-va-bottom u-no-border">
7832 <div class="data-list__actions @hideActions dw-mod" id="ActionsMenu_@listItem.Id">
7833 @foreach (ButtonBase action in listItem.GetActions())
7834 {
7835 action.ButtonLayout = ButtonLayout.LinkClean;
7836 action.Icon.CssClass += " u-full-height";
7837 action.CssClass += " data-list__action-button link";
7838
7839 @Render(action)
7840 }
7841 </div>
7842 </td>
7843 </tr>
7844 </tbody>
7845 }
7846 </table>
7847 }
7848
7849 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
7850
7851 @using System
7852 @using System.Web
7853 @using System.Collections.Generic
7854 @using Dynamicweb.Rapido.Blocks.Extensibility
7855 @using Dynamicweb.Rapido.Blocks
7856
7857 @{
7858 BlocksPage bottomSnippetsBlocksPage = BlocksPage.GetBlockPage("Master");
7859
7860 Block primaryBottomSnippets = new Block()
7861 {
7862 Id = "MasterJavascriptInitializers",
7863 SortId = 100,
7864 Template = RenderPrimaryBottomSnippets()
7865 };
7866 bottomSnippetsBlocksPage.Add(MasterBlockId.MasterReferences, primaryBottomSnippets);
7867
7868 if (Dynamicweb.Rapido.Services.User.IsBuyingAllowed())
7869 {
7870 Block miniCartPageId = new Block
7871 {
7872 Id = "MiniCartPageId",
7873 Template = RenderMiniCartPageId()
7874 };
7875 bottomSnippetsBlocksPage.Add(MasterBlockId.MasterReferences, miniCartPageId);
7876 }
7877 }
7878
7879 @helper RenderPrimaryBottomSnippets()
7880 {
7881 bool isWireframeMode = Model.Area.Item.GetItem("Settings").GetBoolean("WireframeMode");
7882 bool useGoogleTagManager = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("GoogleTagManagerID"));
7883
7884 if (isWireframeMode)
7885 {
7886 <script>
7887 Wireframe.Init(true);
7888 </script>
7889 }
7890
7891
7892 if (useGoogleTagManager)
7893 {
7894 <script>
7895 document.addEventListener('addToCart', function(event) {
7896 var googleImpression = JSON.parse(event.detail.productInfo.googleImpression);
7897 if (typeof googleImpression == "string") {
7898 googleImpression = JSON.parse(event.detail.productInfo.googleImpression);
7899 }
7900 dataLayer.push({
7901 'event': 'addToCart',
7902 'ecommerce': {
7903 'currencyCode': googleImpression.currency,
7904 'add': {
7905 'products': [{
7906 'name': googleImpression.name,
7907 'id': googleImpression.id,
7908 'price': googleImpression.price,
7909 'brand': googleImpression.brand,
7910 'category': googleImpression.category,
7911 'variant': googleImpression.variant,
7912 'quantity': event.detail.quantity
7913 }]
7914 }
7915 }
7916 });
7917 });
7918 </script>
7919 }
7920
7921 //if digitalwarehouse
7922 if (Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("ShowDownloadCart"))
7923 {
7924 string cartContextId = Converter.ToString(HttpContext.Current.Application["DownloadCartContext"]);
7925
7926 if (string.IsNullOrEmpty(cartContextId))
7927 {
7928 var moduleProps = Dynamicweb.Modules.Properties.GetParagraphModuleSettings(GetPageIdByNavigationTag("DownloadCart"), "eCom_CartV2");
7929 var cartSettings = new Dynamicweb.Ecommerce.Cart.ModuleSettings(moduleProps);
7930 cartContextId = cartSettings.OrderContextID;
7931 HttpContext.Current.Application["DownloadCartContext"] = cartContextId;
7932 }
7933
7934 <script>
7935 let downloadCart = new DownloadCart({
7936 cartPageId: @GetPageIdByNavigationTag("MiniCartFeed"),
7937 contextId: "@cartContextId",
7938 addButtonText: "@Translate("Add")",
7939 removeButtonText: "@Translate("Remove")"
7940 });
7941 </script>
7942 }
7943
7944 <!--$$Javascripts-->
7945 }
7946
7947 @helper RenderMiniCartPageId()
7948 {
7949 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed");
7950 <script>
7951 window.cartId = "@miniCartFeedPageId";
7952 </script>
7953 }
7954 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>>
7955
7956 @using System
7957 @using System.Web
7958 @using System.Collections.Generic
7959 @using Dynamicweb.Rapido.Blocks
7960
7961 @{
7962 BlocksPage masterCustomBlocksPage = BlocksPage.GetBlockPage("Master");
7963
7964 }
7965
7966
7967 @functions {
7968 public class ManifestIcon
7969 {
7970 public string src { get; set; }
7971 public string type { get; set; }
7972 public string sizes { get; set; }
7973 }
7974
7975 public class Manifest
7976 {
7977 public string name { get; set; }
7978 public string short_name { get; set; }
7979 public string start_url { get; set; }
7980 public string display { get; set; }
7981 public string background_color { get; set; }
7982 public string theme_color { get; set; }
7983 public List<ManifestIcon> icons { get; set; }
7984 }
7985 }
7986
7987 <!DOCTYPE html>
7988
7989 <html lang="@Pageview.Area.CultureInfo.TwoLetterISOLanguageName">
7990
7991
7992
7993 @* The @RenderBlockList base helper is included in Components/GridBuilder.cshtml *@
7994 @RenderBlockList(masterPage.BlocksRoot.BlocksList)
7995
7996
7997
7998 @helper RenderMasterHead() {
7999 List<Block> subBlocks = this.masterPage.GetBlockListById("Head").OrderBy(item => item.SortId).ToList();
8000
8001 <head>
8002 <!-- Rapido version 3.4.3 -->
8003
8004 @RenderBlockList(subBlocks)
8005 </head>
8006 }
8007
8008 @helper RenderMasterMetadata() {
8009 var swatches = new Dynamicweb.Content.Items.ColorSwatchService();
8010 var brandColors = swatches.GetColorSwatch(1);
8011 string brandColorOne = brandColors.Palette["BrandColor1"];
8012
8013 if (!String.IsNullOrEmpty(Model.Area.Item.GetItem("Settings").GetString("AppName")) && Model.Area.Item.GetItem("Settings").GetFile("AppIcon") != null) {
8014 Manifest manifest = new Manifest
8015 {
8016 name = Model.Area.Item.GetItem("Settings").GetString("AppName"),
8017 short_name = !String.IsNullOrEmpty(Model.Area.Item.GetItem("Settings").GetString("AppShortName")) ? Model.Area.Item.GetItem("Settings").GetString("AppShortName") : Model.Area.Item.GetItem("Settings").GetString("AppName"),
8018 start_url = "/",
8019 display = "standalone",
8020 background_color = Model.Area.Item.GetItem("Settings").GetString("AppBackgroundColor"),
8021 theme_color = Model.Area.Item.GetItem("Settings").GetString("AppThemeColor")
8022 };
8023
8024 manifest.icons = new List<ManifestIcon> {
8025 new ManifestIcon {
8026 src = "/Admin/Public/GetImage.ashx?width=192&height=192&crop=5&image=" + Model.Area.Item.GetItem("Settings").GetFile("AppIcon").PathUrlEncoded,
8027 sizes = "192x192",
8028 type = "image/png"
8029 },
8030 new ManifestIcon {
8031 src = "/Admin/Public/GetImage.ashx?width=512&height=512&crop=5&image=" + Model.Area.Item.GetItem("Settings").GetFile("AppIcon").PathUrlEncoded,
8032 sizes = "512x512",
8033 type = "image/png"
8034 },
8035 new ManifestIcon {
8036 src = "/Admin/Public/GetImage.ashx?width=1024&height=1024&crop=5&image=" + Model.Area.Item.GetItem("Settings").GetFile("AppIcon").PathUrlEncoded,
8037 sizes = "1024x1024",
8038 type = "image/png"
8039 }
8040 };
8041
8042 string manifestFilePath = HttpContext.Current.Request.MapPath("/Files/Templates/Designs/Rapido/manifest.json");
8043 string manifestJSON = Newtonsoft.Json.JsonConvert.SerializeObject(manifest);
8044 string currentManifest = File.ReadAllText(manifestFilePath);
8045
8046 if (manifestJSON != currentManifest)
8047 {
8048 File.WriteAllText(manifestFilePath, manifestJSON);
8049 }
8050 }
8051
8052 <meta charset="utf-8" />
8053 <title>@Model.Title</title>
8054 <meta name="viewport" content="width=device-width, initial-scale=1.0">
8055 <meta name="robots" content="index, follow">
8056 <meta name="theme-color" content="@brandColorOne" />
8057
8058 if (!Model.MetaTags.Contains("og:image")) {
8059 Pageview.Meta.AddTag("og:image", string.Format("{0}://{1}{2}", Dynamicweb.Context.Current.Request.Url.Scheme, HttpContext.Current.Request.Url.Host, Model.PropertyItem.GetFile("OpenGraphImage")));
8060 }
8061
8062 if (!Model.MetaTags.Contains("og:description")) {
8063 Pageview.Meta.AddTag("og:description", Model.Description);
8064 }
8065
8066 Pageview.Meta.AddTag("og:title", Model.Title);
8067 Pageview.Meta.AddTag("og:site_name", Model.Name);
8068 Pageview.Meta.AddTag("og:url", HttpContext.Current.Request.Url.ToString());
8069 Pageview.Meta.AddTag("og:type", "Website");
8070
8071 if (!string.IsNullOrEmpty(Model.Area.Item.GetItem("Settings").GetString("FacebookAppID"))) {
8072 Pageview.Meta.AddTag("fb:app_id", Model.Area.Item.GetItem("Settings").GetString("FacebookAppID"));
8073 }
8074
8075 @Model.MetaTags
8076 }
8077
8078 @helper RenderMasterCss() {
8079 var fonts = new string[] {
8080 getFontFamily("Layout", "HeaderFont"),
8081 getFontFamily("Layout", "SubheaderFont"),
8082 getFontFamily("Layout", "TertiaryHeaderFont"),
8083 getFontFamily("Layout", "BodyText"),
8084 getFontFamily("Layout", "Header", "ToolsFont"),
8085 getFontFamily("Layout", "Header", "NavigationFont"),
8086 getFontFamily("Layout", "MobileNavigation", "Font"),
8087 getFontFamily("ProductList", "Facets", "HeaderFont"),
8088 getFontFamily("ProductPage", "PriceFontDesign"),
8089 getFontFamily("Ecommerce", "SaleSticker", "Font"),
8090 getFontFamily("Ecommerce", "NewSticker", "Font"),
8091 getFontFamily("Ecommerce", "CustomSticker", "Font")
8092 };
8093
8094 string autoCssLink = "/Files/Templates/Designs/Rapido/css/rapido/rapido_" + Model.Area.ID.ToString() + ".min.css?ticks=" + Model.Area.UpdatedDate.Ticks;
8095 string favicon = Model.Area.Item.GetItem("Layout").GetFile("LogoFavicon") != null ? Model.Area.Item.GetItem("Layout").GetFile("LogoFavicon").Path : "/Files/Images/favicon.png";
8096 bool useFontAwesomePro = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetBoolean("UseFontAwesomePro");
8097 string fontAwesomeCssLink = "/Files/Templates/Designs/Rapido/css/fonts/FontAwesomeFree/css/fontawesome-all.min.css";
8098 if (useFontAwesomePro)
8099 {
8100 fontAwesomeCssLink = "/Files/Templates/Designs/Rapido/css/fonts/FontAwesomePro/css/fontawesome-all.min.css";
8101 }
8102
8103 //Favicon
8104 <link href="@favicon" rel="icon" type="image/png">
8105
8106 //Base (Default, wireframe) styles
8107 <link rel="stylesheet" href="/Files/Templates/Designs/Rapido/css/base/base.min.css" type="text/css">
8108
8109 //Rapido Css from Website Settings
8110 <link rel="stylesheet" id="rapidoCss" href="@autoCssLink" type="text/css">
8111
8112 //Ignite Css (Custom site specific styles)
8113 <link rel="stylesheet" id="igniteCss" type="text/css" href="/Files/Templates/Designs/Rapido/css/ignite/ignite.min.css">
8114
8115 //Font awesome
8116 <link rel="stylesheet" href="@fontAwesomeCssLink" type="text/css">
8117
8118 //Flag icon
8119 <link rel="stylesheet" href="/Files/Templates/Designs/Rapido/css/fonts/flag-icon.min.css" type="text/css">
8120
8121 //Google fonts
8122 var family = string.Join("%7C", fonts.Where(x => !string.IsNullOrEmpty(x)).Distinct().Select(x => string.Format("{0}:100,200,300,400,500,600,700,800,900", x)));
8123
8124 <link href="https://fonts.googleapis.com/css?family=@family" rel="stylesheet">
8125
8126 PushPromise(favicon);
8127 PushPromise(fontAwesomeCssLink);
8128 PushPromise("/Files/Templates/Designs/Rapido/css/base/base.min.css");
8129 PushPromise(autoCssLink);
8130 PushPromise("/Files/Templates/Designs/Rapido/css/ignite/ignite.min.css");
8131 PushPromise("/Files/Images/placeholder.gif");
8132 PushPromise("/Files/Templates/Designs/Rapido/css/fonts/flag-icon.min.css");
8133 }
8134
8135 @helper RenderMasterManifest() {
8136 if (!String.IsNullOrEmpty(Model.Area.Item.GetItem("Settings").GetString("AppName")))
8137 {
8138 <link rel="manifest" href="/Files/Templates/Designs/Rapido/manifest.json">
8139 PushPromise("/Files/Templates/Designs/Rapido/manifest.json");
8140 }
8141 }
8142
8143 @helper RenderMasterBody() {
8144 List<Block> subBlocks = this.masterPage.GetBlockListById("Body").OrderBy(item => item.SortId).ToList();
8145 string designLayout = Model.PropertyItem.GetItem("CustomSettings") != null ? Model.PropertyItem.GetItem("CustomSettings").GetString("DesignLayout") != null ? Model.PropertyItem.GetItem("CustomSettings").GetList("DesignLayout").SelectedValue : "" : "";
8146 if (!String.IsNullOrEmpty(designLayout)) {
8147 designLayout = "class=\"" + designLayout + "\"";
8148 }
8149
8150 <body @designLayout>
8151 @RenderBlockList(subBlocks)
8152 </body>
8153 }
8154
8155 @helper RenderMasterHeader()
8156 {
8157 List<Block> subBlocks = this.masterPage.GetBlockListById("MasterHeader").OrderBy(item => item.SortId).ToList();
8158 bool isNavigationStickyMenu = Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet" && Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("StickyTop");
8159 string stickyTop = isNavigationStickyMenu ? "top-container--sticky" : "";
8160
8161 <header class="top-container @stickyTop dw-mod" id="Top">
8162 @RenderBlockList(subBlocks)
8163 </header>
8164 }
8165
8166 @helper RenderMain()
8167 {
8168 List<Block> subBlocks = this.masterPage.GetBlockListById("MasterMain").OrderBy(item => item.SortId).ToList();
8169
8170 <main class="site dw-mod">
8171 @RenderBlockList(subBlocks)
8172 </main>
8173 }
8174
8175 @helper RenderPageContent()
8176 {
8177 bool isNavigationStickyMenu = Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet" && Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("StickyTop");
8178 string pagePos = isNavigationStickyMenu ? "js-page-pos" : "";
8179
8180 <div id="Page" class="page @pagePos">
8181 <section class="center-container content-container dw-mod" id="content">
8182
8183 @RenderSnippet("Content")
8184 </section>
8185 </div>
8186 }
8187
8188 @* Hack to support nested helpers *@
8189 @SnippetStart("Content")
8190 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel>
8191
8192
8193 @using Dynamicweb.Extensibility
8194 @using Dynamicweb.Core
8195 @using Dynamicweb.Rapido.Blocks.Components
8196 @using Dynamicweb.Rapido.Blocks.Components.Articles
8197 @using Dynamicweb.Rapido.Blocks.Components.General
8198 @using Dynamicweb.Rapido.Blocks
8199 @using Dynamicweb.Content.Items
8200
8201 @functions {
8202 BlocksPage articlePage = BlocksPage.GetBlockPage("DynamicArticle");
8203
8204 public string GetParentSettingsItem(string systemName) {
8205 string item = null;
8206
8207 Dynamicweb.Content.Page current = Dynamicweb.Services.Pages.GetPage(Model.ID);
8208 while (current != null && current.Parent != current) {
8209 var temp = current.Item != null ? current.Item[systemName] : "";
8210
8211 if (temp != null) {
8212 item = temp.ToString();
8213
8214 if (!String.IsNullOrEmpty(item) && !String.Equals("default", item, StringComparison.OrdinalIgnoreCase)) {
8215 break;
8216 }
8217 }
8218
8219 current = current.Parent;
8220 }
8221
8222 return item;
8223 }
8224
8225 public string GetArticleCategory(int pageId)
8226 {
8227 string categoryName = null;
8228
8229 //Secure that the article is not in the root folder = Actual has a category
8230 if (Dynamicweb.Services.Pages.GetPage(pageId).Parent != null) {
8231 if (Dynamicweb.Services.Pages.GetPage(pageId).Parent.Parent != null) {
8232 if (!String.IsNullOrEmpty(Dynamicweb.Services.Pages.GetPage(pageId).Parent.Parent.ItemType))
8233 {
8234 categoryName = Dynamicweb.Services.Pages.GetPage(pageId).Parent.GetDisplayName();
8235 }
8236 }
8237 }
8238
8239 return categoryName;
8240 }
8241
8242 public string GetArticleCategoryColor(int pageId)
8243 {
8244 string categoryColor = "";
8245
8246 //Secure that the article is not in the root folder = Actual has a category
8247 if (Dynamicweb.Services.Pages.GetPage(pageId).Parent != null) {
8248 if (Dynamicweb.Services.Pages.GetPage(pageId).Parent.Parent != null) {
8249 if (!String.IsNullOrEmpty(Dynamicweb.Services.Pages.GetPage(pageId).Parent.Parent.ItemType))
8250 {
8251 if (Dynamicweb.Services.Pages.GetPage(pageId).Parent.Item["CategoryColor"] != null)
8252 {
8253 var service = new ColorSwatchService();
8254 categoryColor = Dynamicweb.Services.Pages.GetPage(pageId).Parent.Item["CategoryColor"].ToString();
8255
8256 if (!categoryColor.Contains("#")) {
8257 categoryColor = service.GetHexColor(Converter.ToInt32(Model.Area.ID), categoryColor);
8258 }
8259 }
8260 }
8261 }
8262 }
8263
8264 return categoryColor;
8265 }
8266 }
8267
8268 @{
8269 string listPageId = Converter.ToString(GetPageIdByNavigationTag("DynamicListFeed"));
8270 string parentPageId = Dynamicweb.Services.Pages.GetPage(Model.ID).Parent.ID.ToString();
8271 string topLayout = Model.Item.GetList("TopLayout") != null ? Model.Item.GetList("TopLayout").SelectedValue : "default";
8272 topLayout = topLayout == "default" && GetParentSettingsItem("ArticleTopLayout") != null ? GetParentSettingsItem("ArticleTopLayout").ToString().ToLower() : topLayout;
8273 string textLayout = Model.Item.GetList("TextLayout") != null ? Model.Item.GetList("TextLayout").SelectedValue : "default";
8274 textLayout = textLayout == "default" && GetParentSettingsItem("ArticleTextLayout") != null ? GetParentSettingsItem("ArticleTextLayout").ToString().ToLower() : textLayout;
8275 string imageLayout = Model.Item.GetList("ImageLayout") != null ? Model.Item.GetList("ImageLayout").SelectedValue : "default";
8276 imageLayout = imageLayout == "default" && GetParentSettingsItem("ArticleImageLayout") != null ? GetParentSettingsItem("ArticleImageLayout").ToString().ToLower() : imageLayout;
8277
8278 string imageColumns = imageLayout == "straight" && textLayout != "full" ? "8" : "12";
8279 string contentColumns = textLayout != "full" ? "8" : "12";
8280
8281 int externalParagraphId = Model.Item.GetItem("CTAParagraphLink") != null ? Model.Item.GetItem("CTAParagraphLink").ParagraphID : 0;
8282
8283 ArticleHeaderLayout headerLayout;
8284
8285 switch (topLayout)
8286 {
8287 case "default":
8288 headerLayout = ArticleHeaderLayout.Clean;
8289 break;
8290 case "split":
8291 headerLayout = ArticleHeaderLayout.Split;
8292 break;
8293 case "banner":
8294 headerLayout = ArticleHeaderLayout.Banner;
8295 break;
8296 case "overlay":
8297 headerLayout = ArticleHeaderLayout.Overlay;
8298 break;
8299 default:
8300 headerLayout = ArticleHeaderLayout.Clean;
8301 break;
8302 }
8303
8304
8305 Block articleContainer = new Block
8306 {
8307 Id = "ArticleContainer",
8308 SortId = 10,
8309 Design = new Design
8310 {
8311 RenderType = RenderType.Row
8312 },
8313 BlocksList = new List<Block> {
8314 new Block {
8315 Id = "ArticleBody",
8316 SortId = 30,
8317 Design = new Design {
8318 RenderType = RenderType.Column,
8319 Size = "12",
8320 HidePadding = true
8321 }
8322 }
8323 }
8324 };
8325 articlePage.Add(articleContainer);
8326
8327 ButtonLayout topBannerButtonLayout = ButtonLayout.Primary;
8328
8329 switch (Model.Item.GetString("ButtonDesign")) {
8330 case "primary":
8331 topBannerButtonLayout = ButtonLayout.Primary;
8332 break;
8333 case "secondary":
8334 topBannerButtonLayout = ButtonLayout.Secondary;
8335 break;
8336 case "teritary":
8337 topBannerButtonLayout = ButtonLayout.Tertiary;
8338 break;
8339 case "link":
8340 topBannerButtonLayout = ButtonLayout.Link;
8341 break;
8342 }
8343
8344 ArticleHeader topBanner = new ArticleHeader
8345 {
8346 Layout = headerLayout,
8347 Image = new Image { Path = Model.Item.GetFile("Image"), ImageDefault = new ImageSettings { Width = 1920, Height = 640 } },
8348 Heading = Model.Item.GetString("Title"),
8349 Subheading = Model.Item.GetString("Summary"),
8350 TextColor = "#fff",
8351 Author = Model.Item.GetString("Author"),
8352 Date = Model.Item.GetString("Date"),
8353 Category = GetArticleCategory(Model.ID),
8354 CategoryColor = GetArticleCategoryColor(Model.ID),
8355 Link = Model.Item.GetString("Link"),
8356 LinkText = Model.Item.GetString("LinkText"),
8357 ButtonLayout = topBannerButtonLayout,
8358 RatingScore = Model.Item.GetString("Rating") != null ? Converter.ToInt32(Model.Item.GetList("Rating").SelectedValue) : 0,
8359 RatingOutOf = Model.Item.GetString("Rating") != null ? Model.Item.GetList("Rating").Options.Count : 0,
8360 ExternalParagraphId = externalParagraphId
8361 };
8362
8363 Block articleTop = new Block
8364 {
8365 Id = "ArticleHead",
8366 SortId = 20,
8367 Component = topBanner,
8368 Design = new Design
8369 {
8370 RenderType = RenderType.Column,
8371 Size = "12",
8372 HidePadding = true,
8373 CssClass = "article-head"
8374 }
8375 };
8376 articlePage.Add("ArticleContainer", articleTop);
8377
8378
8379 Block articleBodyRow = new Block
8380 {
8381 Id = "ArticleBodyRow",
8382 SortId = 10,
8383 SkipRenderBlocksList = true
8384 };
8385 articlePage.Add("ArticleBody", articleBodyRow);
8386
8387
8388 if (Model.Item.GetString("Paragraphs") != null)
8389 {
8390 int count = 0;
8391 foreach (var paragraph in Model.Item.GetItems("Paragraphs"))
8392 {
8393 if (!paragraph.GetBoolean("RenderAsQuote"))
8394 {
8395 string enableDropCap = Model.Item.GetString("EnableDropCap") != null ? Model.Item.GetList("EnableDropCap").SelectedValue.ToLower() : "default";
8396 enableDropCap = enableDropCap == "default" && GetParentSettingsItem("EnableDropCap") != null ? GetParentSettingsItem("EnableDropCap").ToString().ToLower() : enableDropCap;
8397 string text = paragraph.GetString("Text") != null ? paragraph.GetString("Text") : "";
8398
8399 if (!String.IsNullOrEmpty(text) && enableDropCap == "true" && count == 0 && paragraph.GetString("Text").Substring(0, 3) == "<p>")
8400 {
8401 string firstLetter = paragraph.GetString("Text").Substring(3, 1);
8402 text = paragraph.GetString("Text").Remove(3, 1);
8403 text = text.Insert(3, "<span class=\"article__drop-cap\">" + firstLetter + "</span>");
8404 }
8405
8406 if (paragraph.GetFile("Image") != null)
8407 {
8408 string imageTitle = !string.IsNullOrEmpty(paragraph.GetString("Heading")) ? paragraph.GetString("Heading") : "";
8409
8410 Block articleParagraphImage = new Block
8411 {
8412 Id = "ArticleParagraph" + count + "Image",
8413 SortId = (count * 10),
8414 Design = new Design
8415 {
8416 RenderType = RenderType.Column,
8417 Size = imageColumns,
8418 CssClass = "u-color-light--bg u-padding--lg"
8419 }
8420 };
8421
8422 if (imageLayout == "banner")
8423 {
8424 ArticleBanner banner = new ArticleBanner
8425 {
8426 Image = new Image { Path = paragraph.GetFile("Image"), ImageDefault = new ImageSettings { Height = 650, Width = 1300 }, Caption = paragraph.GetString("ImageCaption") },
8427 Heading = imageTitle,
8428 UseFilters = false
8429 };
8430 articleParagraphImage.Component = banner;
8431 }
8432 else
8433 {
8434 ArticleImage image = new ArticleImage
8435 {
8436 Image = new Image
8437 {
8438 Path = paragraph.GetFile("Image"),
8439 Title = imageTitle,
8440 ImageDefault = new ImageSettings { Height = 650, Width = 1300 },
8441 Caption = paragraph.GetString("ImageCaption")
8442 }
8443 };
8444 articleParagraphImage.Component = image;
8445 }
8446
8447 articlePage.Add("ArticleBodyRow", articleParagraphImage);
8448 }
8449
8450 if (!String.IsNullOrEmpty(paragraph.GetString("VideoURL")))
8451 {
8452 Block articleParagraphVideo = new Block
8453 {
8454 Id = "ArticleParagraph" + count + "Video",
8455 SortId = (count * 10) + 1,
8456 Component = new ArticleVideo { Url = paragraph.GetString("VideoURL"), AutoPlay = "false" },
8457 Design = new Design
8458 {
8459 RenderType = RenderType.Column,
8460 Size = imageColumns,
8461 CssClass = "u-color-light--bg u-padding--lg"
8462 }
8463 };
8464 articlePage.Add("ArticleBodyRow", articleParagraphVideo);
8465 }
8466
8467 if (!String.IsNullOrEmpty(paragraph.GetString("Heading")))
8468 {
8469 Block articleParagraphHeader = new Block
8470 {
8471 Id = "ArticleParagraph" + count + "Heading",
8472 SortId = (count * 10) + 2,
8473 Component = new ArticleSubHeader { Title = paragraph.GetString("Heading") },
8474 Design = new Design
8475 {
8476 RenderType = RenderType.Column,
8477 Size = contentColumns,
8478 CssClass = "u-color-light--bg u-padding--lg"
8479 }
8480 };
8481 articlePage.Add("ArticleBodyRow", articleParagraphHeader);
8482 }
8483
8484 if (!String.IsNullOrEmpty(text))
8485 {
8486 Block articleParagraphText = new Block
8487 {
8488 Id = "ArticleParagraph" + count + "Text",
8489 SortId = (count * 10) + 3,
8490 Component = new ArticleText { Text = text },
8491 Design = new Design
8492 {
8493 RenderType = RenderType.Column,
8494 Size = contentColumns,
8495 CssClass = "u-color-light--bg u-padding--lg"
8496 }
8497 };
8498
8499 articlePage.Add("ArticleBodyRow", articleParagraphText);
8500 }
8501 }
8502 else
8503 {
8504 if (!String.IsNullOrEmpty(paragraph.GetString("Text")))
8505 {
8506 string quoteText = paragraph.GetString("Text") != null ? paragraph.GetString("Text") : "";
8507 string quoteAuthor = paragraph.GetString("Heading") != null ? paragraph.GetString("Heading") : "";
8508
8509 Block articleParagraphQuote = new Block
8510 {
8511 Id = "ArticleParagraph" + count + "Quote",
8512 SortId = (count * 10) + 3,
8513 Component = new ArticleQuote { Image = new Image { Path = paragraph.GetFile("Image") }, Text = quoteText, Author = quoteAuthor },
8514 Design = new Design
8515 {
8516 RenderType = RenderType.Column,
8517 Size = contentColumns,
8518 CssClass = "u-color-light--bg u-padding--lg"
8519 }
8520 };
8521 articlePage.Add("ArticleBodyRow", articleParagraphQuote);
8522 }
8523 }
8524
8525 count++;
8526 }
8527 }
8528
8529 articleBodyRow.Component = new ArticleBodyRow { SubBlocks = articleBodyRow.BlocksList, TopLayout = topLayout, TextLayout = textLayout };
8530
8531
8532 //Related
8533 string showRelatedArtices = Model.Item.GetString("ShowRelatedArticles") != null ? Model.Item.GetList("ShowRelatedArticles").SelectedValue.ToLower() : "default";
8534 showRelatedArtices = showRelatedArtices == "default" && GetParentSettingsItem("ShowRelatedArticles") != null ? GetParentSettingsItem("ShowRelatedArticles").ToString().ToLower() : showRelatedArtices;
8535
8536 if (showRelatedArtices == "true")
8537 {
8538 Block articleRelated = new Block
8539 {
8540 Id = "ArticleRelated",
8541 SortId = 30,
8542 Component = new ArticleRelated { Title = Translate("Related articles"), FeedPageId = listPageId, Query = "sourceType=Page&sourcePage=" + parentPageId, PageSize = 4, CurrentPageId = Model.ID.ToString() },
8543 Design = new Design
8544 {
8545 RenderType = RenderType.Column,
8546 Size = "12"
8547 }
8548 };
8549 articlePage.Add("ArticleContainer", articleRelated);
8550 }
8551 }
8552
8553
8554 @using System
8555 @using System.Web
8556 @using System.Collections.Generic
8557 @using Dynamicweb.Rapido.Blocks
8558
8559 @{
8560 BlocksPage dynamicArticleCustomBlocksPage = BlocksPage.GetBlockPage("DynamicArticle");
8561
8562 }
8563
8564
8565 @* The @RenderBlockList base helper is included in Components/GridBuilder.cshtml *@
8566 @RenderBlockList(articlePage.BlocksRoot.BlocksList)
8567 @SnippetEnd("Content")
8568
8569 @helper RenderIosTabletFix() {
8570 if (Pageview.Device != Dynamicweb.Frontend.Devices.DeviceType.Tablet && Pageview.Platform != Dynamicweb.Frontend.Devices.PlatformType.Ios)
8571 {
8572 <script>
8573 let isIpadIOS = (/iPad/.test(navigator.platform) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) && !window.MSStream;
8574 if (isIpadIOS) {
8575 var separator = (window.location.href.indexOf("?") === -1) ? "?" : "&";
8576 window.location.href = window.location.href + separator + "DeviceType=Tablet&PlatformType=Ios";
8577 }
8578 </script>
8579 }
8580 }
8581
8582 </html>
8583
8584