Error executing template "Designs/Rapido/_parsed/NewsArticle.parsed.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_17a925398ba5426c9d54dd994e2ce894.Execute() in D:\dynamicweb.net\Solutions\Novicell\Færch\Files\Templates\Designs\Rapido\_parsed\NewsArticle.parsed.cshtml:line 8286
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()


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