Error executing template "Designs/Rapido/ContentPage/Paragraph/Carousel.cshtml"
Microsoft.CSharp.RuntimeBinder.RuntimeBinderException: Cannot perform runtime binding on a null reference
   at CallSite.Target(Closure , CallSite , Object )
   at CompiledRazorTemplates.Dynamic.RazorEngine_d9d813498f744656b11fa2f7385d955d.<>c__DisplayClass17_0.b__0(TextWriter __razor_helper_writer) in C:\inetpub\wwwroot\Website\LasanLIVE\Solution\rapidofull-20200702-files\Files\Templates\Designs\Rapido\ContentPage\Paragraph\Carousel.cshtml:line 732
   at CompiledRazorTemplates.Dynamic.RazorEngine_d9d813498f744656b11fa2f7385d955d.<>c__DisplayClass16_0.b__0(TextWriter __razor_helper_writer) in C:\inetpub\wwwroot\Website\LasanLIVE\Solution\rapidofull-20200702-files\Files\Templates\Designs\Rapido\ContentPage\Paragraph\Carousel.cshtml:line 668
   at RazorEngine.Templating.TemplateWriter.ToString()
   at Dynamicweb.Rapido.Blocks.Components.ComponentBase.Render(Object component)
   at CompiledRazorTemplates.Dynamic.RazorEngine_d9d813498f744656b11fa2f7385d955d.<>c__DisplayClass2_0.b__0(TextWriter __razor_helper_writer) in C:\inetpub\wwwroot\Website\LasanLIVE\Solution\rapidofull-20200702-files\Files\Templates\Designs\Rapido\ContentPage\Paragraph\Carousel.cshtml:line 183
   at CompiledRazorTemplates.Dynamic.RazorEngine_d9d813498f744656b11fa2f7385d955d.<>c__DisplayClass46_0.b__0(TextWriter __razor_helper_writer) in C:\inetpub\wwwroot\Website\LasanLIVE\Solution\rapidofull-20200702-files\Files\Templates\Designs\Rapido\ContentPage\Paragraph\Carousel.cshtml:line 2220
   at CompiledRazorTemplates.Dynamic.RazorEngine_d9d813498f744656b11fa2f7385d955d.Execute() in C:\inetpub\wwwroot\Website\LasanLIVE\Solution\rapidofull-20200702-files\Files\Templates\Designs\Rapido\ContentPage\Paragraph\Carousel.cshtml:line 2166
   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.ParagraphViewModel>
  2     @using Dynamicweb.Frontend
  3     @using Dynamicweb.Rapido.Blocks.Components
  4     @using Dynamicweb.Rapido.Blocks.Components.General
  5     @using Dynamicweb.Content
  6     @using Dynamicweb.Content.Items
  7     @using Dynamicweb
  8     
  9     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
 10     @using Dynamicweb.Frontend
 11     
 12     @* Include the components *@
 13     @using System.Text.RegularExpressions
 14     @using System.Collections.Generic
 15     @using System.Reflection
 16     @using System.Web
 17     @using System.Web.UI.HtmlControls
 18     @using Dynamicweb.Rapido.Blocks.Components
 19     @using Dynamicweb.Rapido.Blocks.Components.Articles
 20     @using Dynamicweb.Rapido.Blocks.Components.Documentation
 21     @using Dynamicweb.Rapido.Blocks
 22     
 23     
 24     @*--- START: Base block renderers ---*@
 25     
 26     @helper RenderBlockList(List<Block> blocks)
 27     {
 28         bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false;
 29         blocks = blocks.OrderBy(item => item.SortId).ToList();
 30     
 31         foreach (Block item in blocks)
 32         {
 33             if (debug) {
 34             <!-- Block START: @item.Id -->
 35             }
 36     
 37             if (item.Design == null)
 38             {
 39                 @RenderBlock(item)
 40             }
 41             else if (item.Design.RenderType == RenderType.None) {
 42                 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : "";
 43     
 44                 <div class="@cssClass dw-mod">
 45                    @RenderBlock(item)
 46                 </div>
 47             }
 48             else if (item.Design.RenderType != RenderType.Hide)
 49             {
 50                 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : "";
 51     
 52                 if (!item.SkipRenderBlocksList) {
 53                     if (item.Design.RenderType == RenderType.Row)
 54                     {
 55                         <div class="grid grid--align-content-start @cssClass dw-mod" id="Block__@item.Id">
 56                             @RenderBlock(item)
 57                         </div>
 58                     }
 59     
 60                     if (item.Design.RenderType == RenderType.Column)
 61                     {
 62                         string hidePadding = item.Design.HidePadding ? "u-no-padding" : "";
 63                         string size = item.Design.Size ?? "12";
 64                         size = Regex.IsMatch(size, @"\d") ? "md-" + item.Design.Size : item.Design.Size;
 65     
 66                         <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">
 67                             @RenderBlock(item)
 68                         </div>
 69                     }
 70     
 71                     if (item.Design.RenderType == RenderType.Table)
 72                     {
 73                         <table class="table @cssClass dw-mod" id="Block__@item.Id">
 74                             @RenderBlock(item)
 75                         </table>
 76                     }
 77     
 78                     if (item.Design.RenderType == RenderType.TableRow)
 79                     {
 80                         <tr class="@cssClass dw-mod" id="Block__@item.Id">
 81                             @RenderBlock(item)
 82                         </tr>
 83                     }
 84     
 85                     if (item.Design.RenderType == RenderType.TableColumn)
 86                     {
 87                         <td class="@cssClass dw-mod" id="Block__@item.Id">
 88                             @RenderBlock(item)
 89                         </td>
 90                     }
 91     
 92                     if (item.Design.RenderType == RenderType.CardHeader)
 93                     {
 94                         <div class="card-header @cssClass dw-mod">
 95                             @RenderBlock(item)
 96                         </div>
 97                     }
 98     
 99                     if (item.Design.RenderType == RenderType.CardBody)
100                     {
101                         <div class="card @cssClass dw-mod">
102                             @RenderBlock(item)
103                         </div>
104                     }
105     
106                     if (item.Design.RenderType == RenderType.CardFooter)
107                     {
108                         <div class="card-footer @cssClass dw-mod">
109                             @RenderBlock(item)
110                         </div>
111                     }
112                 }
113                 else 
114                 {
115                     @RenderBlock(item)
116                 }
117             }
118     
119             if (debug) {
120             <!-- Block END: @item.Id -->
121             }
122         }
123     }
124     
125     @helper RenderBlock(Block item)
126     {
127         bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false;
128     
129         if (item.Template != null)
130         {
131             @BlocksPage.RenderTemplate(item.Template)
132         }
133     
134         if (item.Component != null)
135         {
136             string customSufix = "Custom";
137             string methodName = item.Component.HelperName;
138     
139             ComponentBase[] methodParameters = new ComponentBase[1]; 
140             methodParameters[0] = item.Component; 
141             Type methodType = this.GetType();
142     
143             MethodInfo customMethod = methodType.GetMethod(methodName + customSufix);
144             MethodInfo generalMethod = methodType.GetMethod(methodName);
145     
146             try {
147                 if (debug) {
148                 <!-- Component: @methodName.Replace("Render", "") -->
149                 }
150                 @customMethod.Invoke(this, methodParameters).ToString();
151             } catch {
152                 try {
153                     @generalMethod.Invoke(this, methodParameters).ToString();
154                 } catch(Exception ex) {
155                     throw new Exception(item.Component.GetType().Name + " method '" + methodName +"' could not be invoked", ex);
156                 }
157             }
158         }
159     
160         if (item.BlocksList.Count > 0 && !item.SkipRenderBlocksList)
161         {
162             @RenderBlockList(item.BlocksList)
163         }
164     }
165     
166     @*--- END: Base block renderers ---*@
167     
168     @using Dynamicweb.Rapido.Blocks.Components
169     @using Dynamicweb.Rapido.Blocks.Components.General
170     @using Dynamicweb.Rapido.Blocks
171     @using System.IO
172     
173     @* Required *@
174     @using Dynamicweb.Rapido.Blocks.Components
175     @using Dynamicweb.Rapido.Blocks.Components.General
176     @using Dynamicweb.Rapido.Blocks
177     
178     
179     @helper Render(ComponentBase component)
180     {
181         if (component != null)
182         {
183             @component.Render(this)
184         }
185     }
186     
187     @* Components *@
188     @using System.Reflection
189     @using Dynamicweb.Rapido.Blocks.Components.General
190     
191     
192     @* Component *@
193     
194     @helper RenderIcon(Icon settings)
195     {
196         if (settings != null)
197         {
198             string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : "";
199     
200             if (settings.Name != null)
201             {
202                 if (string.IsNullOrEmpty(settings.Label))
203                 {
204                     <i class="@settings.Prefix @settings.Name @settings.CssClass" @color></i>
205                 }
206                 else
207                 {
208                     if (settings.LabelPosition == IconLabelPosition.Before)
209                     {
210                         <div class="u-flex u-flex--align-items-center @settings.CssClass">@settings.Label <i class="@settings.Prefix @settings.Name u-margin-left" @color></i></div>
211                     }
212                     else
213                     {
214                         <div class="u-flex u-flex--align-items-center @settings.CssClass"><i class="@settings.Prefix @settings.Name u-margin-right--lg u-w20px" @color></i>@settings.Label</div>
215                     }
216                 }
217             }
218             else if (!string.IsNullOrEmpty(settings.Label))
219             {
220                 @settings.Label
221             }
222         }
223     }
224     @using System.Reflection
225     @using Dynamicweb.Rapido.Blocks.Components.General
226     @using Dynamicweb.Rapido.Blocks.Components
227     @using Dynamicweb.Core
228     
229     @* Component *@
230     
231     @helper RenderButton(Button settings)
232     {
233         if (settings != null && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null))
234         {
235             Dictionary<string, string> attributes = new Dictionary<string, string>();
236             List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>();
237             if (settings.Disabled) {
238                 attributes.Add("disabled", "true");
239                 classList.Add("disabled");
240             }
241             
242             if (!string.IsNullOrEmpty(settings.ConfirmText) || !string.IsNullOrEmpty(settings.ConfirmTitle))
243             {
244                 settings.Id = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N");
245                 @RenderConfirmDialog(settings);
246             settings.OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = true";
247         }
248     
249         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
250         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
251         if (!string.IsNullOrEmpty(settings.AltText))
252         {
253             attributes.Add("title", settings.AltText);
254         }
255         else if (!string.IsNullOrEmpty(settings.Title))
256         {
257             attributes.Add("title", settings.Title);
258         }
259     
260         var onClickEvents = new List<string>();
261         if (!string.IsNullOrEmpty(settings.OnClick))
262         {
263             onClickEvents.Add(settings.OnClick);
264         }
265         if (!string.IsNullOrEmpty(settings.Href))
266         {
267             onClickEvents.Add("location.href='" + settings.Href + "'");
268         }
269         if (onClickEvents.Count > 0)
270         {
271             attributes.Add("onClick", string.Join(";", onClickEvents));
272         }
273     
274         if (settings.ButtonLayout != ButtonLayout.None)
275         {
276             classList.Add("btn");
277             string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower();
278             if (btnLayout == "linkclean")
279             {
280                 btnLayout = "link-clean"; //fix
281             }
282             classList.Add("btn--" + btnLayout);
283         }
284     
285             if (settings.Icon == null)
286             {
287                 settings.Icon = new Icon();
288             }
289     
290             settings.Icon.CssClass += Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower() != "linkclean" ? " u-flex--align-center" : "";
291             settings.Icon.Label = settings.Title;
292     
293         attributes.Add("type", Enum.GetName(typeof(ButtonType), settings.ButtonType).ToLower());
294     
295             <button class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</button>
296         }
297     }
298     
299     @helper RenderConfirmDialog(Button settings)
300     {
301         Modal confirmDialog = new Modal {
302             Id = settings.Id,
303             Width = ModalWidth.Sm,
304             Heading = new Heading
305             {
306                 Level = 2,
307                 Title = settings.ConfirmTitle
308             },
309             BodyText = settings.ConfirmText
310         };
311     
312         confirmDialog.AddAction(new Button { Title = Translate("Cancel"), ButtonLayout = ButtonLayout.Secondary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false"});
313         confirmDialog.AddAction(new Button { Title = Translate("OK"), ButtonLayout = ButtonLayout.Primary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false;" + settings.OnClick });
314     
315         @Render(confirmDialog)
316     }
317     @using Dynamicweb.Rapido.Blocks.Components.General
318     @using Dynamicweb.Rapido.Blocks.Components
319     @using Dynamicweb.Core
320     
321     @helper RenderDashboard(Dashboard settings)
322     {
323         var widgets = settings.GetWidgets();
324     
325         if (!string.IsNullOrEmpty(settings.WidgetsBaseBackgroundColor))
326         {
327             //set bg color for them
328     
329             System.Drawing.Color color = System.Drawing.ColorTranslator.FromHtml(settings.WidgetsBaseBackgroundColor);
330             int r = Convert.ToInt16(color.R);
331             int g = Convert.ToInt16(color.G);
332             int b = Convert.ToInt16(color.B);
333     
334             var count = widgets.Length;
335             var max = Math.Max(r, Math.Max(g, b));
336             double step = 255.0 / (max * count);
337             var i = 0;
338             foreach (var widget in widgets)
339             {
340                 i++;
341     
342                 var shade = "rgb(" + Converter.ToString(r * step * i).Replace(",", ".") + ", " + Converter.ToString(g * step * i).Replace(",", ".") + ", " + Converter.ToString(b * step * i).Replace(",", ".") + ")";
343                 widget.BackgroundColor = shade;
344             }
345         }
346     
347         <div class="dashboard @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
348             @foreach (var widget in widgets)
349             {
350                 <div class="dashboard__widget">
351                     @Render(widget)
352                 </div>
353             }
354         </div>
355     }
356     @using Dynamicweb.Rapido.Blocks.Components.General
357     @using Dynamicweb.Rapido.Blocks.Components
358     
359     @helper RenderDashboardWidgetLink(DashboardWidgetLink settings)
360     {
361         if (!string.IsNullOrEmpty(settings.Link))
362         {
363             var backgroundStyles = "";
364             if (!string.IsNullOrEmpty(settings.BackgroundColor))
365             {
366                 backgroundStyles = "style=\"background-color:" + settings.BackgroundColor + "\"";
367             }
368     
369             <a href="@settings.Link" class="widget widget--link @settings.CssClass dw-mod" @backgroundStyles title="@settings.Title" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
370                 <div class="u-center-middle u-color-light">
371                     @if (settings.Icon != null)
372                     {
373                         settings.Icon.CssClass += "widget__icon";
374                         @Render(settings.Icon)
375                     }
376                     <div class="widget__title">@settings.Title</div>
377                 </div>
378             </a>
379         }
380     }
381     @using Dynamicweb.Rapido.Blocks.Components.General
382     @using Dynamicweb.Rapido.Blocks.Components
383     
384     @helper RenderDashboardWidgetCounter(DashboardWidgetCounter settings)
385     {
386         var backgroundStyles = "";
387         if (!string.IsNullOrEmpty(settings.BackgroundColor))
388         {
389             backgroundStyles = "style='background-color:" + settings.BackgroundColor + "'";
390         }
391     
392         <div class="widget @settings.CssClass dw-mod" @backgroundStyles @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
393             <div class="u-center-middle u-color-light">
394                 @if (settings.Icon != null)
395                 {
396                     settings.Icon.CssClass += "widget__icon";
397                     @Render(settings.Icon)
398                 }
399                 <div class="widget__counter">@settings.Count</div>
400                 <div class="widget__title">@settings.Title</div>
401             </div>
402         </div>
403     }
404     @using System.Reflection
405     @using Dynamicweb.Rapido.Blocks.Components.General
406     @using Dynamicweb.Rapido.Blocks.Components
407     @using Dynamicweb.Core
408     
409     @* Component *@
410     
411     @helper RenderLink(Link settings)
412     {
413         if (settings != null && !string.IsNullOrEmpty(settings.Href) && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null))
414         {
415             Dictionary<string, string> attributes = new Dictionary<string, string>();
416             List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>();
417             if (settings.Disabled) 
418             {
419                 attributes.Add("disabled", "true");
420                 classList.Add("disabled");
421             }
422             
423             if (!string.IsNullOrEmpty(settings.AltText)) 
424             { 
425                 attributes.Add("title", settings.AltText); 
426             } 
427             else if (!string.IsNullOrEmpty(settings.Title)) 
428             { 
429                 attributes.Add("title", settings.Title); 
430             }
431     
432             if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
433             if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
434             if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onClick", settings.OnClick); }
435             attributes.Add("href", settings.Href);
436     
437             if (settings.ButtonLayout != ButtonLayout.None) 
438             {
439                 classList.Add("btn");
440                 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower();
441                 if (btnLayout == "linkclean") 
442                 {
443                     btnLayout = "link-clean"; //fix
444                 }
445                 classList.Add("btn--" + btnLayout);
446             }
447             
448             if (settings.Icon == null)
449             {
450                 settings.Icon = new Icon();
451             }
452             settings.Icon.Label = settings.Title;
453             
454             if (settings.Target == LinkTargetType.Blank && settings.Rel == LinkRelType.None) 
455             {
456                 settings.Rel = LinkRelType.Noopener;
457             }
458             if (settings.Target != LinkTargetType.None) 
459             { 
460                 attributes.Add("target", "_" + Enum.GetName(typeof(LinkTargetType), settings.Target).ToLower()); 
461             }
462             if (settings.Download) 
463             { 
464                 attributes.Add("download", "true"); 
465             }
466             if (settings.Rel != LinkRelType.None) 
467             { 
468                 attributes.Add("rel", Enum.GetName(typeof(LinkRelType), settings.Rel).ToLower()); 
469             }
470     
471             <a class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</a>
472         }
473     }
474     @using System.Reflection
475     @using Dynamicweb.Rapido.Blocks.Components
476     @using Dynamicweb.Rapido.Blocks.Components.General
477     @using Dynamicweb.Rapido.Blocks
478     
479     
480     @* Component *@
481     
482     @helper RenderRating(Rating settings)
483     {
484         if (settings.Score > 0)
485         {
486             int rating = settings.Score;
487             string iconType = "fa-star";
488     
489             switch (settings.Type.ToString()) {
490                 case "Stars":
491                     iconType = "fa-star";
492                     break;
493                 case "Hearts":
494                     iconType = "fa-heart";
495                     break;
496                 case "Lemons":
497                     iconType = "fa-lemon";
498                     break;
499                 case "Bombs":
500                     iconType = "fa-bomb";
501                     break;
502             }
503     
504             <div class="u-ta-right">
505                 @for (int i = 0; i < settings.OutOf; i++)
506                 {
507                     <i class="@(rating > i ? "fas" : "far") @iconType"></i>
508                 }
509             </div>
510         }
511     }
512     @using System.Reflection
513     @using Dynamicweb.Rapido.Blocks.Components.General
514     @using Dynamicweb.Rapido.Blocks.Components
515     
516     
517     @* Component *@
518     
519     @helper RenderSelectFieldOption(SelectFieldOption settings)
520     {
521         Dictionary<string, string> attributes = new Dictionary<string, string>();
522         if (settings.Checked) { attributes.Add("selected", "true"); }
523         if (settings.Disabled) { attributes.Add("disabled", "true"); }
524         if (settings.Value != null) { attributes.Add("value", settings.Value); }
525         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
526     
527         <option @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Label</option>
528     }
529     @using System.Reflection
530     @using Dynamicweb.Rapido.Blocks.Components.General
531     @using Dynamicweb.Rapido.Blocks.Components
532     
533     
534     @* Component *@
535     
536     @helper RenderNavigation(Navigation settings) {
537         @RenderNavigation(new
538         {
539             id = settings.Id,
540             cssclass = settings.CssClass,
541             startLevel = settings.StartLevel,
542             endlevel = settings.EndLevel,
543             expandmode = settings.Expandmode,
544             sitemapmode = settings.SitemapMode,
545             template = settings.Template
546         })
547     }
548     @using Dynamicweb.Rapido.Blocks.Components.General
549     @using Dynamicweb.Rapido.Blocks.Components
550     
551     
552     @* Component *@
553     
554     @helper RenderBreadcrumbNavigation(BreadcrumbNavigation settings) {
555         settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id;
556         settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template;
557         settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel;
558         settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel;
559         settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode;
560         settings.SitemapMode = false;
561     
562         @RenderNavigation(settings)         
563     }
564     @using Dynamicweb.Rapido.Blocks.Components.General
565     @using Dynamicweb.Rapido.Blocks.Components
566     
567     
568     @* Component *@
569     
570     @helper RenderLeftNavigation(LeftNavigation settings) {
571         settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id;
572         settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template;
573         settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel;
574         settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel;
575         settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode;
576     
577         <div class="grid__cell">
578             @RenderNavigation(settings) 
579         </div>       
580     }
581     @using System.Reflection
582     @using Dynamicweb.Rapido.Blocks.Components.General
583     @using Dynamicweb.Core
584     
585     @* Component *@
586     
587     @helper RenderHeading(Heading settings)
588     {
589         if (settings != null && !string.IsNullOrEmpty(settings.Title))
590         {
591             string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : "";
592             string tagName = settings.Level != 0 ? "h" + settings.Level.ToString() : "div";
593     
594             @("<" + tagName + " class=\"" + settings.CssClass + " dw-mod\" " + color + ">")
595                 if (!string.IsNullOrEmpty(settings.Link))
596                 {
597                     @Render(new Link { Href = settings.Link, Icon = settings.Icon, Title = settings.Title, ButtonLayout = ButtonLayout.None })
598                 } 
599                 else
600                 {
601                     if (settings.Icon == null)
602                     {
603                         settings.Icon = new Icon();
604                     }
605                     settings.Icon.Label = settings.Title;
606                     @Render(settings.Icon)
607                 }
608             @("</" + tagName + ">");
609         }
610     }
611     @using Dynamicweb.Rapido.Blocks.Components
612     @using Dynamicweb.Rapido.Blocks.Components.General
613     @using Dynamicweb.Rapido.Blocks
614     
615     
616     @* Component *@
617     
618     @helper RenderImage(Image settings)
619     {
620         if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None)
621         {
622             Dictionary<string, string> optionalAttributes = new Dictionary<string, string>();
623             if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); }
624             
625             if (settings.Caption != null)
626             {
627                 @:<div>
628             }
629     
630             var primaryFilterClass = settings.FilterPrimary.ToString().ToLower();
631             var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower();
632     
633             <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)>
634                 <div class="image-filter image-filter--@secondaryFilterClass dw-mod">
635                     @if (settings.Link != null)
636                     {
637                         <a href="@settings.Link">
638                             @RenderTheImage(settings)
639                         </a>
640                     }
641                     else
642                     {
643                         @RenderTheImage(settings)
644                     }
645                 </div>
646             </div>
647     
648             if (settings.Caption != null)
649             {
650                 <span class="image-caption dw-mod">@settings.Caption</span>
651                 @:</div>
652             }
653         }
654         else 
655         {
656             if (settings.Caption != null)
657             {
658                 @:<div>
659             }
660             if (!string.IsNullOrEmpty(settings.Link))
661             {
662                 <a href="@settings.Link">
663                     @RenderTheImage(settings)
664                 </a>
665             }
666             else
667             {
668                 @RenderTheImage(settings)
669             }
670     
671             if (settings.Caption != null)
672             {
673                 <span class="image-caption dw-mod">@settings.Caption</span>
674                 @:</div>
675             }
676         }
677     }
678     
679     @helper RenderTheImage(Image settings)
680     {
681     if (settings != null)
682     {
683         string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg";
684         string placeholderImage = "/Files/Images/placeholder.gif";
685         string imageEngine = "/Admin/Public/GetImage.ashx?";
686     
687             string imageStyle = "";
688     
689         switch (settings.Style)
690         {
691             case ImageStyle.Ball:
692                 imageStyle = "grid__cell-img--ball";
693                 break;
694     
695             case ImageStyle.Triangle:
696                 imageStyle = "grid__cell-img--triangle";
697                 break;
698         }
699     
700         if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle)
701         {
702             settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop;
703     
704             if (settings.ImageDefault != null)
705             {
706                 settings.ImageDefault.Height = settings.ImageDefault.Width;
707             }
708             if (settings.ImageMedium != null)
709             {
710                 settings.ImageMedium.Height = settings.ImageMedium.Width;
711             }
712             if (settings.ImageSmall != null)
713             {
714                 settings.ImageSmall.Height = settings.ImageSmall.Width;
715             }
716         }
717     
718             string defaultImage = imageEngine;
719             string imageSmall = "";
720             string imageMedium = "";
721     
722             if (settings.DisableImageEngine) 
723             {
724                 defaultImage = settings.Path;
725             } 
726             else 
727             {
728                 if (settings.ImageDefault != null)
729                 {
730                     defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault);
731     
732                     if (settings.Path.GetType() != typeof(string))
733                     {
734                         defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : "";
735                         defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : "";
736                     }
737                     else
738                     {
739                         defaultImage += settings.Path != null ? "Image=" + settings.Path : "";
740                     }
741     
742                     defaultImage += "&AlternativeImage=" + alternativeImage;
743                 }
744     
745                 if (settings.ImageSmall != null)
746                 {
747                     imageSmall = "data-src-small=\"" + imageEngine;
748                     imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall);
749     
750                     if (settings.Path.GetType() != typeof(string))
751                     {
752                         imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : "";
753                         imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : "";
754                     }
755                     else
756                     {
757                         imageSmall += settings.Path != null ? "Image=" + settings.Path : "";
758                     }
759     
760                     imageSmall += "&alternativeImage=" + alternativeImage;
761     
762                     imageSmall += "\"";
763                 }
764     
765                 if (settings.ImageMedium != null)
766                 {
767                     imageMedium = "data-src-medium=\"" + imageEngine;
768                     imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium);
769     
770                     if (settings.Path.GetType() != typeof(string))
771                     {
772                         imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : "";
773                         imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : "";
774                     }
775                     else
776                     {
777                         imageMedium += settings.Path != null ? "Image=" + settings.Path : "";
778                     }
779     
780                     imageMedium += "&alternativeImage=" + alternativeImage;
781     
782                     imageMedium += "\"";
783                 }
784             }
785     
786             Dictionary<string, string> optionalAttributes = new Dictionary<string, string>();
787             if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); }
788             if (!string.IsNullOrEmpty(settings.Title)) 
789             { 
790                 optionalAttributes.Add("alt", settings.Title); 
791                 optionalAttributes.Add("title", settings.Title); 
792             }
793     
794         if (settings.DisableLazyLoad)
795         {
796                     <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) />
797                 } 
798                 else 
799                 {
800                     <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) />
801                 }
802             }
803     }
804     @using System.Reflection
805     @using Dynamicweb.Rapido.Blocks.Components.General
806     @using Dynamicweb.Rapido.Blocks.Components
807     
808     @* Component *@
809     
810     @helper RenderFileField(FileField settings)
811     {
812         var attributes = new Dictionary<string, string>();
813         if (string.IsNullOrEmpty(settings.Id)) 
814         {
815             settings.Id = Guid.NewGuid().ToString("N");
816         }
817         
818         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
819         if (settings.Disabled) { attributes.Add("disabled", "true"); }
820         if (settings.Required) { attributes.Add("required", "true"); }
821         if (settings.Multiple) { attributes.Add("multiple", "true"); }
822         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
823         if (string.IsNullOrEmpty(settings.ChooseFileText)) 
824         { 
825             settings.ChooseFileText = Translate("Choose file");
826         }
827         if (string.IsNullOrEmpty(settings.NoFilesChosenText)) 
828         { 
829             settings.NoFilesChosenText = Translate("No files chosen...");
830         }
831         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
832     
833         if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
834     
835         string setValueToFakeInput = "FileUpload.setValueToFakeInput(this)";
836         attributes.Add("onchange", setValueToFakeInput + (!string.IsNullOrEmpty(settings.OnChange) ? settings.OnChange : ""));
837     
838         attributes.Add("type", "file");
839         if (settings.Value != null) { attributes.Add("value", settings.Value); }
840         settings.CssClass = "u-full-width " + settings.CssClass;
841     
842         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
843     
844         <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod">
845             @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
846             {
847                 <div class="u-full-width"> 
848                     @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
849                     @if (settings.Link != null) {
850                         <div class="u-pull--right">
851                             @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
852                             @Render(settings.Link)
853                         </div>
854                     }
855                 </div>
856                 
857             }
858     
859             @if (!string.IsNullOrEmpty(settings.HelpText))
860             {
861                 <small class="form__help-text">@settings.HelpText</small>
862             }
863     
864             <div class="form__field-combi file-input u-no-margin dw-mod">
865                 <input @ComponentMethods.AddAttributes(resultAttributes) class="file-input__real-input" data-no-files-text="@settings.NoFilesChosenText" data-many-files-text="@Translate("files")" />
866                 <label for="@settings.Id" class="file-input__btn btn--secondary btn dw-mod">@settings.ChooseFileText</label>
867                 <label for="@settings.Id" class="@settings.CssClass file-input__fake-input js-fake-input dw-mod">@settings.NoFilesChosenText</label>
868                 @if (settings.UploadButton != null)
869                 {
870                     settings.UploadButton.CssClass += " btn--condensed u-no-margin";
871                     @Render(settings.UploadButton)
872                 }
873             </div>
874             @Render(new NotificationMessage { Message = settings.ErrorMessage })
875         </div>
876     }
877     @using System.Reflection
878     @using Dynamicweb.Rapido.Blocks.Components.General
879     @using Dynamicweb.Rapido.Blocks.Components
880     @using Dynamicweb.Core
881     @using System.Linq
882     
883     @* Component *@
884     
885     @helper RenderDateTimeField(DateTimeField settings)
886     {
887         if (string.IsNullOrEmpty(settings.Id)) 
888         {
889             settings.Id = Guid.NewGuid().ToString("N");
890         }
891     
892         var textField = new TextField {
893             Name = settings.Name,
894             Id = settings.Id,
895             Label = settings.Label,
896             HelpText = settings.HelpText,
897             Value = settings.Value,
898             Disabled = settings.Disabled,
899             Required = settings.Required,
900             ErrorMessage = settings.ErrorMessage,
901             CssClass = settings.CssClass,
902             WrapperCssClass = settings.WrapperCssClass,
903             OnChange = settings.OnChange,
904             OnClick = settings.OnClick,
905             Link = settings.Link,
906             ExtraAttributes = settings.ExtraAttributes,
907             //
908             Placeholder = settings.Placeholder
909         };
910     
911         @Render(textField)
912     
913         List<string> jsAttributes = new List<string>();
914     
915         jsAttributes.Add("mode: '" + Enum.GetName(typeof(DateTimeFieldMode), settings.Mode).ToLower() + "'");
916     
917         if (!string.IsNullOrEmpty(settings.DateFormat))
918         {
919             jsAttributes.Add("dateFormat: '" + settings.DateFormat + "'");
920         }
921         if (!string.IsNullOrEmpty(settings.MinDate))
922         {
923             jsAttributes.Add("minDate: '" + settings.MinDate + "'");
924         }
925         if (!string.IsNullOrEmpty(settings.MaxDate))
926         {
927             jsAttributes.Add("maxDate: '" + settings.MaxDate + "'");
928         }
929         if (settings.IsInline)
930         {
931             jsAttributes.Add("inline: " + Converter.ToString(settings.IsInline).ToLower());
932         }
933         if (settings.EnableTime)
934         {
935             jsAttributes.Add("enableTime: " + Converter.ToString(settings.EnableTime).ToLower());
936         }
937         if (settings.EnableWeekNumbers)
938         {
939             jsAttributes.Add("weekNumbers: " + Converter.ToString(settings.EnableWeekNumbers).ToLower());
940         }
941         
942         jsAttributes.AddRange(settings.GetFlatPickrOptions().Select(x => x.Key + ": " + x.Value));
943     
944         <script>
945             document.addEventListener("DOMContentLoaded", function () {
946                 flatpickr("#@textField.Id", {
947                     @string.Join(",", jsAttributes)
948                 });
949             });
950         </script>
951     }
952     @using System.Reflection
953     @using Dynamicweb.Rapido.Blocks.Components.General
954     @using Dynamicweb.Rapido.Blocks.Components
955     
956     @* Component *@
957     
958     @helper RenderTextField(TextField settings)
959     {
960         var attributes = new Dictionary<string, string>();
961         if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 
962         {
963             settings.Id = Guid.NewGuid().ToString("N");
964         }
965     
966         /*base settings*/
967         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
968         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
969         if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
970         if (settings.Disabled) { attributes.Add("disabled", "true"); }
971         if (settings.Required) { attributes.Add("required", "true"); }
972         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
973         /*end*/
974         
975         if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
976         if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
977         if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
978         if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
979         if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); }
980         if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); }
981         attributes.Add("type", Enum.GetName(typeof(TextFieldType), settings.Type).ToLower());
982         if (settings.Type == TextFieldType.Password) { attributes.Add("autocomplete", "off"); };
983         if (settings.Value != null) { attributes.Add("value", settings.Value); }
984     
985         settings.CssClass = "u-full-width " + settings.CssClass;
986     
987         if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
988     
989         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
990     
991         string noMargin = "u-no-margin";
992         if (!settings.ReadOnly) {
993             noMargin = "";
994         }
995     
996         <div class="form__field-group u-full-width @noMargin @settings.WrapperCssClass dw-mod">
997             @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
998             {
999                 <div class="u-full-width"> 
1000                     @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1001                     @if (settings.Link != null) {
1002                         settings.Link.ButtonLayout = ButtonLayout.LinkClean;
1003     
1004                         <div class="u-pull--right">
1005                             @Render(settings.Link)
1006                         </div>
1007                     }
1008                 </div>
1009                 
1010             }
1011     
1012             @if (!string.IsNullOrEmpty(settings.HelpText))
1013             {
1014                 <small class="form__help-text">@settings.HelpText</small>
1015             }
1016     
1017             @if (settings.ActionButton != null)
1018             {
1019                 settings.ActionButton.CssClass += " btn--condensed u-no-margin";
1020                 <div class="form__field-combi u-no-margin dw-mod">
1021                     <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1022                     @Render(settings.ActionButton)
1023                 </div>
1024             }
1025             else
1026             {
1027                 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1028             }
1029     
1030             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1031         </div>
1032     }
1033     @using System.Reflection
1034     @using Dynamicweb.Rapido.Blocks.Components.General
1035     @using Dynamicweb.Rapido.Blocks.Components
1036     
1037     @* Component *@
1038     
1039     @helper RenderNumberField(NumberField settings)
1040     {
1041         var attributes = new Dictionary<string, string>();
1042         if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 
1043         {
1044             settings.Id = Guid.NewGuid().ToString("N");
1045         }
1046     
1047         /*base settings*/
1048         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1049         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1050         if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1051         if (settings.Disabled) { attributes.Add("disabled", "true"); }
1052         if (settings.Required) { attributes.Add("required", "true"); }
1053         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1054         /*end*/
1055     
1056         if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
1057         if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
1058         if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
1059         if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
1060         if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); }
1061         if (settings.Min != null) { attributes.Add("min", settings.Min.ToString()); }
1062         if (settings.Step != 0) { attributes.Add("step", settings.Step.ToString()); }
1063         if (settings.Value != null && !string.IsNullOrEmpty(settings.Value.ToString())) { attributes.Add("value", settings.Value.ToString()); }
1064         attributes.Add("type", "number");
1065     
1066         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1067     
1068         <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod">
1069             @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1070             {
1071                 <div class="u-full-width"> 
1072                     @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1073                     @if (settings.Link != null) {
1074                         <div class="u-pull--right">
1075                             @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1076                             @Render(settings.Link)
1077                         </div>
1078                     }
1079                 </div>
1080                 
1081             }
1082     
1083             @if (!string.IsNullOrEmpty(settings.HelpText))
1084             {
1085                 <small class="form__help-text">@settings.HelpText</small>
1086             }
1087     
1088             @if (settings.ActionButton != null)
1089             {
1090                 settings.ActionButton.CssClass += " btn--condensed u-no-margin";
1091                 <div class="form__field-combi u-no-margin dw-mod">
1092                     <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1093                     @Render(settings.ActionButton)
1094                 </div>
1095             }
1096             else
1097             {
1098                 <div class="form__field-combi u-no-margin dw-mod">
1099                     <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1100                 </div>
1101             }
1102     
1103             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1104         </div>
1105     }
1106     @using System.Reflection
1107     @using Dynamicweb.Rapido.Blocks.Components.General
1108     @using Dynamicweb.Rapido.Blocks.Components
1109     
1110     
1111     @* Component *@
1112     
1113     @helper RenderTextareaField(TextareaField settings)
1114     {
1115         Dictionary<string, string> attributes = new Dictionary<string, string>();    
1116         string id = settings.Id;
1117         if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(id)) 
1118         {
1119             id = Guid.NewGuid().ToString("N");
1120         }
1121         
1122         if (!string.IsNullOrEmpty(id)) { attributes.Add("id", id); }
1123         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1124         if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
1125         if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
1126         if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
1127         if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1128         if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); }
1129         if (settings.Disabled) { attributes.Add("disabled", "true"); }
1130         if (settings.Required) { attributes.Add("required", "true"); }
1131         if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
1132         if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); }
1133         if (settings.Rows != 0) { attributes.Add("rows", settings.Rows.ToString()); }
1134         attributes.Add("name", settings.Name);
1135     
1136         if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
1137     
1138         <div class="form__field-group @settings.WrapperCssClass dw-mod">
1139             @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1140             {
1141                 <div class="u-full-width"> 
1142                     @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1143                     @if (settings.Link != null) {
1144                         <div class="u-pull--right">
1145                             @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1146                             @Render(settings.Link)
1147                         </div>
1148                     }
1149                 </div> 
1150             }
1151     
1152             @if (!string.IsNullOrEmpty(settings.HelpText))
1153             {
1154                 <small class="form__help-text">@settings.HelpText</small>
1155             }
1156     
1157             <textarea class="u-full-width @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Value</textarea>
1158     
1159             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1160         </div>
1161     }
1162     @using System.Reflection
1163     @using Dynamicweb.Rapido.Blocks.Components.General
1164     @using Dynamicweb.Rapido.Blocks.Components
1165     
1166     
1167     @* Component *@
1168     
1169     @helper RenderHiddenField(HiddenField settings) {
1170         var attributes = new Dictionary<string, string>();
1171         attributes.Add("type", "hidden");
1172         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1173         if (settings.Value != null) { attributes.Add("value", settings.Value); }
1174         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1175     
1176         <input @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)/>
1177     }
1178     @using System.Reflection
1179     @using Dynamicweb.Rapido.Blocks.Components.General
1180     @using Dynamicweb.Rapido.Blocks.Components
1181     
1182     @* Component *@
1183     
1184     @helper RenderCheckboxField(CheckboxField settings)
1185     {
1186         var attributes = new Dictionary<string, string>();
1187         if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 
1188         {
1189             settings.Id = Guid.NewGuid().ToString("N");
1190         }
1191         
1192         /*base settings*/
1193         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1194         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1195         if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1196         if (settings.Disabled) { attributes.Add("disabled", "true"); }
1197         if (settings.Required) { attributes.Add("required", "true"); }
1198         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1199         /*end*/
1200     
1201         if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
1202         
1203         attributes.Add("type", "checkbox");
1204         if (settings.Checked) { attributes.Add("checked", "true"); }
1205         settings.CssClass = "form__control " + settings.CssClass;
1206         if (settings.Value != null) { attributes.Add("value", settings.Value); }
1207     
1208         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1209     
1210         <div class="form__field-group @settings.WrapperCssClass dw-mod">
1211             <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1212             @if (!string.IsNullOrEmpty(settings.Label))
1213             {
1214                 <label for="@settings.Id" class="dw-mod">@settings.Label</label>
1215             }
1216     
1217             @if (settings.Link != null) {
1218                 <span>
1219                     @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1220                     @Render(settings.Link)
1221                 </span>
1222             }
1223     
1224             @if (!string.IsNullOrEmpty(settings.HelpText))
1225             {
1226                 <small class="form__help-text checkbox-help dw-mod">@settings.HelpText</small>
1227             }
1228             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1229         </div>
1230     }
1231     @using System.Reflection
1232     @using Dynamicweb.Rapido.Blocks.Components.General
1233     @using Dynamicweb.Rapido.Blocks.Components
1234     
1235     
1236     @* Component *@
1237     
1238     @helper RenderCheckboxListField(CheckboxListField settings)
1239     {
1240         <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1241             @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1242             {
1243                 <div class="u-full-width"> 
1244                     @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1245                     @if (settings.Link != null) {
1246                         <div class="u-pull--right">
1247                             @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1248                             @Render(settings.Link)
1249                         </div>
1250                     }
1251                 </div>
1252                 
1253             }
1254     
1255             <div class="u-pull--left">
1256                 @if (!string.IsNullOrEmpty(settings.HelpText))
1257                 {
1258                     <small class="form__help-text">@settings.HelpText</small>
1259                 }
1260     
1261                 @foreach (var item in settings.Options)
1262                 {
1263                     if (settings.Required)
1264                     {
1265                         item.Required = true;
1266                     }
1267                     if (settings.Disabled)
1268                     {
1269                         item.Disabled = true;
1270                     }
1271                     if (!string.IsNullOrEmpty(settings.Name))
1272                     {
1273                         item.Name = settings.Name;
1274                     }
1275                     if (!string.IsNullOrEmpty(settings.CssClass))
1276                     {
1277                         item.CssClass += settings.CssClass;
1278                     }
1279     
1280                     /* value is not supported */
1281     
1282                     if (!string.IsNullOrEmpty(settings.OnClick))
1283                     {
1284                         item.OnClick += settings.OnClick;
1285                     }
1286                     if (!string.IsNullOrEmpty(settings.OnChange))
1287                     {
1288                         item.OnChange += settings.OnChange;
1289                     }
1290                     @Render(item)
1291                 }
1292     
1293                 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1294             </div>
1295             
1296         </div>
1297     }
1298     @using Dynamicweb.Rapido.Blocks.Components.General
1299     
1300     @* Component *@
1301     
1302     @helper RenderSearch(Search settings)
1303     {
1304         var searchValue = HttpContext.Current.Request.QueryString.Get(settings.SearchParameter) ?? "";
1305         var groupValue = HttpContext.Current.Request.QueryString.Get(settings.GroupsParameter) ?? "";
1306     
1307         if (string.IsNullOrEmpty(settings.Id)) 
1308         {
1309             settings.Id = Guid.NewGuid().ToString("N");
1310         }
1311     
1312         var resultAttributes = new Dictionary<string, string>();
1313     
1314         if (settings.PageSize != 0)
1315         {
1316             resultAttributes.Add("data-page-size", settings.PageSize.ToString());
1317         }
1318         if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl))
1319         {
1320             resultAttributes.Add("data-groups-feed-url", settings.GroupItemsFeedUrl);
1321             if (!string.IsNullOrEmpty(groupValue))
1322             {
1323                 resultAttributes.Add("data-selected-group", groupValue);
1324             }
1325             if (!string.IsNullOrEmpty(settings.GroupsParameter))
1326             {
1327                 resultAttributes.Add("data-groups-parameter", settings.GroupsParameter);
1328             }
1329         }
1330         resultAttributes.Add("data-force-init", "true");
1331         if (settings.GoToFirstSearchResultOnEnter)
1332         {
1333             resultAttributes.Add("data-go-to-first-search-result-on-enter", settings.GoToFirstSearchResultOnEnter.ToString().ToLower());
1334         }
1335         if (!string.IsNullOrEmpty(settings.SearchParameter))
1336         {
1337             resultAttributes.Add("data-search-parameter", settings.SearchParameter);
1338         }
1339         resultAttributes.Add("data-search-feed-url", settings.SearchData.SearchFeedUrl);
1340         resultAttributes.Add("data-results-template-id", settings.SearchData.ResultsTemplateId);
1341     
1342         if (settings.SecondSearchData != null) 
1343         {
1344             resultAttributes.Add("data-second-search-feed-url", settings.SecondSearchData.SearchFeedUrl);
1345             resultAttributes.Add("data-second-results-template-id", settings.SecondSearchData.ResultsTemplateId);
1346         }
1347         if (!string.IsNullOrEmpty(settings.ResultsPageUrl)) 
1348         {
1349             resultAttributes.Add("data-results-page-url", settings.ResultsPageUrl);
1350         }
1351     
1352         resultAttributes = resultAttributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1353     
1354         string searchFieldCss = (settings.SearchButton == null) ? "search--with-icon" : "";
1355     
1356         <div class="search @settings.CssClass @searchFieldCss js-search-data-source dw-mod" id="@settings.Id" @ComponentMethods.AddAttributes(resultAttributes)>
1357             @if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl))
1358             {
1359                 <button type="button" class="search__groups-btn dw-mod js-search-groups-btn">@Translate("All")</button>
1360                 <ul class="dropdown dropdown--absolute-position dw-mod search__groups-results js-search-groups-list"></ul>
1361             }
1362     
1363             <input type="text" class="search__field dw-mod js-search-field" placeholder="@settings.Placeholder" value="@searchValue">
1364             
1365             <div class="dropdown dropdown--absolute-position search__results dw-mod js-search-results @(settings.SecondSearchData != null ? "search__results--combined" : "")">
1366                 @if (settings.SecondSearchData != null)
1367                 {
1368                     <div class="search__column search__column--products dw-mod">
1369                         <div class="search__column-header dw-mod">@Translate("Products")</div>
1370                         <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul>
1371                         @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl))
1372                         {
1373                             @Render(new Link {
1374                                 Title = Translate("View all"),
1375                                 CssClass = "js-view-all-button u-margin",
1376                                 Href = settings.SearchData.ResultsPageUrl
1377                             });
1378                         }
1379                     </div>
1380                     <div class="search__column search__column--pages dw-mod">
1381                         <div class="search__column-header">@Translate("Pages")</div>
1382                         <ul class="search__results-list dw-mod js-search-results-second-list" id="@(settings.Id)_SecondResultsList"></ul>
1383                         @if (!string.IsNullOrEmpty(settings.SecondSearchData.ResultsPageUrl))
1384                         {
1385                             @Render(new Link
1386                             {
1387                                 Title = Translate("View all"),
1388                                 CssClass = "js-view-all-button u-margin",
1389                                 Href = settings.SecondSearchData.ResultsPageUrl
1390                             });
1391                         }
1392                     </div>
1393                 }
1394                 else
1395                 {
1396                     <div class="search__column search__column--only dw-mod">
1397                         <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul>
1398                         @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl))
1399                         {
1400                             @Render(new Link {
1401                                 Title = Translate("View all"),
1402                                 CssClass = "js-view-all-button u-margin",
1403                                 Href = settings.SearchData.ResultsPageUrl
1404                             });
1405                         }
1406                     </div>
1407                 }
1408             </div>
1409     
1410             @if (settings.SearchButton != null)
1411             {
1412                 settings.SearchButton.CssClass += " search__btn js-search-btn";
1413                 if (settings.RenderDefaultSearchIcon)
1414                 {
1415                     settings.SearchButton.Icon = new Icon { Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue };
1416                 }
1417                 @Render(settings.SearchButton);
1418             }
1419         </div>
1420     }
1421     @using System.Reflection
1422     @using Dynamicweb.Rapido.Blocks.Components.General
1423     @using Dynamicweb.Rapido.Blocks.Components
1424     
1425     
1426     @* Component *@
1427     
1428     @helper RenderSelectField(SelectField settings)
1429     {
1430         if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id))
1431         {
1432             settings.Id = Guid.NewGuid().ToString("N");
1433         }
1434     
1435         <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod">
1436             @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1437             {
1438                 <div class="u-full-width"> 
1439                     @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1440                     @if (settings.Link != null) {
1441                         <div class="u-pull--right">
1442                             @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1443                             @Render(settings.Link)
1444                         </div>
1445                     }
1446                 </div> 
1447             }
1448     
1449             @if (!string.IsNullOrEmpty(settings.HelpText))
1450             {
1451                 <small class="form__help-text">@settings.HelpText</small>
1452             }
1453     
1454             @if (settings.ActionButton != null)
1455             {
1456                 settings.ActionButton.CssClass += " btn--condensed u-no-margin";
1457                 <div class="form__field-combi u-no-margin dw-mod">
1458                     @RenderSelectBase(settings)
1459                     @Render(settings.ActionButton)
1460                 </div>
1461             }
1462             else
1463             {
1464                 @RenderSelectBase(settings)
1465             }
1466     
1467             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1468         </div>
1469     }
1470     
1471     @helper RenderSelectBase(SelectField settings)
1472     {
1473         var attributes = new Dictionary<string, string>();
1474     
1475         /*base settings*/
1476         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1477         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1478         if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1479         if (settings.Disabled) { attributes.Add("disabled", "true"); }
1480         if (settings.Required) { attributes.Add("required", "true"); }
1481         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1482         /*end*/
1483     
1484         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1485     
1486         <select @ComponentMethods.AddAttributes(resultAttributes) class="u-full-width @settings.CssClass dw-mod">
1487             @if (settings.Default != null)
1488             {
1489                 @Render(settings.Default)
1490             }
1491     
1492             @foreach (var item in settings.Options)
1493             {
1494                 if (settings.Value != null) {
1495                     item.Checked = item.Value == settings.Value;
1496                 }
1497                 @Render(item)
1498             }
1499         </select>
1500     }
1501     @using System.Reflection
1502     @using Dynamicweb.Rapido.Blocks.Components.General
1503     @using Dynamicweb.Rapido.Blocks.Components
1504     
1505     @* Component *@
1506     
1507     @helper RenderRadioButtonField(RadioButtonField settings)
1508     {
1509         var attributes = new Dictionary<string, string>();
1510         if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 
1511         {
1512             settings.Id = Guid.NewGuid().ToString("N");
1513         }
1514     
1515         /*base settings*/
1516         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1517         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1518         if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1519         if (settings.Disabled) { attributes.Add("disabled", "true"); }
1520         if (settings.Required) { attributes.Add("required", "true"); }
1521         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1522         /*end*/
1523         
1524         attributes.Add("type", "radio");
1525         if (settings.Checked) { attributes.Add("checked", "true"); }
1526         settings.CssClass = "form__control " + settings.CssClass;
1527         if (settings.Value != null) { attributes.Add("value", settings.Value); }
1528     
1529         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1530     
1531         <div class="form__field-group @settings.WrapperCssClass dw-mod">
1532             <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1533             @if (!string.IsNullOrEmpty(settings.Label))
1534             {
1535                 <label for="@settings.Id" class="dw-mod">@settings.Label</label>
1536             }
1537             @if (!string.IsNullOrEmpty(settings.HelpText))
1538             {
1539                 <small class="form__help-text">@settings.HelpText</small>
1540             }
1541             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1542         </div>
1543     }
1544     @using System.Reflection
1545     @using Dynamicweb.Rapido.Blocks.Components.General
1546     @using Dynamicweb.Rapido.Blocks.Components
1547     
1548     
1549     @* Component *@
1550     
1551     @helper RenderRadioButtonListField(RadioButtonListField settings)
1552     {
1553         if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
1554     
1555         <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1556             @if (!string.IsNullOrEmpty(settings.Label))
1557             {
1558                 <label>@settings.Label</label>
1559             }
1560             @if (!string.IsNullOrEmpty(settings.HelpText))
1561             {
1562                 <small class="form__help-text">@settings.HelpText</small>
1563             }
1564     
1565             @foreach (var item in settings.Options)
1566             {
1567                 if (settings.Required)
1568                 {
1569                     item.Required = true;
1570                 }
1571                 if (settings.Disabled)
1572                 {
1573                     item.Disabled = true;
1574                 }
1575                 if (!string.IsNullOrEmpty(settings.Name))
1576                 {
1577                     item.Name = settings.Name;
1578                 }
1579                 if (settings.Value != null && settings.Value == item.Value)
1580                 {
1581                     item.Checked = true;
1582                 }
1583                 if (!string.IsNullOrEmpty(settings.OnClick))
1584                 {
1585                     item.OnClick += settings.OnClick;
1586                 }
1587                 if (!string.IsNullOrEmpty(settings.OnChange))
1588                 {
1589                     item.OnChange += settings.OnChange;
1590                 }
1591                 if (!string.IsNullOrEmpty(settings.CssClass))
1592                 {
1593                     item.CssClass += settings.CssClass;
1594                 }
1595                 @Render(item)
1596             }
1597     
1598             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1599         </div>
1600     }
1601     @using System.Reflection
1602     @using Dynamicweb.Rapido.Blocks.Components.General
1603     @using Dynamicweb.Rapido.Blocks.Components
1604     
1605     
1606     @* Component *@
1607     
1608     @helper RenderNotificationMessage(NotificationMessage settings)
1609     {
1610         if (!string.IsNullOrEmpty(settings.Message))
1611         {
1612             var attributes = new Dictionary<string, string>();
1613             if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1614     
1615             string messageTypeClass = Enum.GetName(typeof(NotificationMessageType), settings.MessageType).ToLower();
1616             string messageLayoutClass = Enum.GetName(typeof(NotificationMessageLayout), settings.MessageLayout).ToLower();
1617             string minHeightClass = settings.Icon != null ? "u-min-h70px" : "";
1618     
1619             <div class="notification-message-@messageTypeClass notification-message-@messageLayoutClass @messageLayoutClass @minHeightClass @settings.CssClass u-full-width  dw-mod" @ComponentMethods.AddAttributes(attributes)>
1620                 @if (settings.Icon != null) {
1621                     settings.Icon.Label = !string.IsNullOrEmpty(settings.Icon.Label) ? settings.Message + settings.Icon.Label : settings.Message;
1622                     @Render(settings.Icon)
1623                 } else {
1624                     @settings.Message
1625                 }
1626             </div>
1627         }
1628     }
1629     @using Dynamicweb.Rapido.Blocks.Components.General
1630     
1631     
1632     @* Component *@
1633     
1634     @helper RenderHandlebarsRoot(HandlebarsRoot settings) {
1635         string preRender = !String.IsNullOrEmpty(settings.PreRenderScriptTemplate) ? "data-pre-render-template=\"" + settings.PreRenderScriptTemplate + "\"" : "";
1636     
1637         <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>
1638             @if (settings.SubBlocks != null) {
1639                 @RenderBlockList(settings.SubBlocks)
1640             }
1641         </div>
1642     }
1643     @using System.Reflection
1644     @using Dynamicweb.Rapido.Blocks.Components.General
1645     @using Dynamicweb.Rapido.Blocks.Components
1646     @using System.Text.RegularExpressions
1647     
1648     
1649     @* Component *@
1650     
1651     @helper RenderSticker(Sticker settings) {
1652         if (!String.IsNullOrEmpty(settings.Title)) {
1653             string size = settings.Size.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Size.ToString().ToLower() : "";
1654             string style = settings.Style.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Style.ToString().ToLower() : "";
1655     
1656             Dictionary<String, String> optionalAttributes = new Dictionary<string, string>();
1657             if (!String.IsNullOrEmpty(settings.Color) || !String.IsNullOrEmpty(settings.BackgroundColor)) {
1658                 string styleTag = !String.IsNullOrEmpty(settings.Color) ? "color: " + settings.Color + "; " : "";
1659                 styleTag += !String.IsNullOrEmpty(settings.BackgroundColor) ? "background-color: " + settings.BackgroundColor + "; " : "";
1660                 optionalAttributes.Add("style", styleTag);
1661             }
1662     
1663             <div class="stickers-container__tag @size @style @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Title</div>   
1664         }
1665     }
1666     
1667     @using System.Reflection
1668     @using Dynamicweb.Rapido.Blocks.Components.General
1669     @using Dynamicweb.Rapido.Blocks.Components
1670     
1671     
1672     @* Component *@
1673     
1674     @helper RenderStickersCollection(StickersCollection settings)
1675     {
1676         if (settings.Stickers.Count > 0) 
1677         {
1678             string position = "stickers-container--" + Regex.Replace(settings.Position.ToString(), "([a-z])([A-Z])", "$1-$2").ToLower();
1679     
1680             <div class="stickers-container @position @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1681                 @foreach (Sticker sticker in settings.Stickers)
1682                 {
1683                     @Render(sticker)
1684                 }
1685             </div> 
1686         }
1687     }
1688     
1689     @using Dynamicweb.Rapido.Blocks.Components.General
1690     
1691     
1692     @* Component *@
1693     
1694     @helper RenderForm(Form settings) {
1695         if (settings != null)
1696         {
1697             Dictionary<string, string> optionalAttributes = new Dictionary<string, string>();
1698             if (!string.IsNullOrEmpty(settings.Action)) { optionalAttributes.Add("action", settings.Action); };
1699             if (!string.IsNullOrEmpty(settings.Name)) { optionalAttributes.Add("name", settings.Name); };
1700             if (!string.IsNullOrEmpty(settings.OnSubmit)) { optionalAttributes.Add("onsubmit", settings.OnSubmit); };
1701             var enctypes = new Dictionary<string, string>
1702             {
1703                 { "multipart", "multipart/form-data" },
1704                 { "text", "text/plain" },
1705                 { "application", "application/x-www-form-urlencoded" }
1706             };
1707             if (settings.Enctype != FormEnctype.none) { optionalAttributes.Add("enctype", enctypes[Enum.GetName(typeof(FormEnctype), settings.Enctype).ToLower()]); };
1708             optionalAttributes.Add("method", settings.Method.ToString());
1709     
1710             if (!string.IsNullOrEmpty(settings.FormStartMarkup))
1711             {
1712                 @settings.FormStartMarkup
1713             }
1714             else
1715             {
1716                 @:<form class="@settings.CssClass u-no-margin dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1717             }
1718     
1719             foreach (var field in settings.GetFields())
1720             {
1721                 @Render(field)
1722             }
1723     
1724             @:</form>
1725         }
1726     }
1727     @using System.Reflection
1728     @using Dynamicweb.Rapido.Blocks.Components.General
1729     @using Dynamicweb.Rapido.Blocks.Components
1730     
1731     
1732     @* Component *@
1733     
1734     @helper RenderText(Text settings)
1735     {
1736         @settings.Content 
1737     }
1738     @using System.Reflection
1739     @using Dynamicweb.Rapido.Blocks.Components.General
1740     @using Dynamicweb.Rapido.Blocks.Components
1741     
1742     
1743     @* Component *@
1744     
1745     @helper RenderContentModule(ContentModule settings) {
1746         if (!string.IsNullOrEmpty(settings.Content))
1747         {
1748             @settings.Content 
1749         } 
1750     }
1751     @using System.Reflection
1752     @using Dynamicweb.Rapido.Blocks.Components.General
1753     @using Dynamicweb.Rapido.Blocks.Components
1754     
1755     
1756     @* Component *@
1757     
1758     @helper RenderModal(Modal settings) {
1759         if (settings != null)
1760         {
1761             string modalId = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N");
1762     
1763             string onchange = !string.IsNullOrEmpty(settings.OnClose) ? "onchange=\"if(!this.checked){" + settings.OnClose + "}\"" : "";
1764     
1765             <input type="checkbox" id="@(modalId)ModalTrigger" class="modal-trigger" @onchange />
1766     
1767             <div class="modal-container">
1768                 @if (!settings.DisableDarkOverlay)
1769                 {
1770                     <label for="@(modalId)ModalTrigger" id="@(modalId)ModalOverlay" class="modal-overlay"></label>
1771                 }
1772                 <div class="modal modal--@settings.Width.ToString().ToLower() modal-height--@settings.Height.ToString().ToLower()" id="@(modalId)Modal">
1773                     @if (settings.Heading != null)
1774                     {
1775                         if (!string.IsNullOrEmpty(settings.Heading.Title))
1776                         {
1777                             <div class="modal__header">
1778                                 @Render(settings.Heading)
1779                             </div>
1780                         }
1781                     }
1782                     <div class="modal__body @(settings.Width.ToString().ToLower() == "full" ? "modal__body--full" : "")">
1783                         @if (!string.IsNullOrEmpty(settings.BodyText))
1784                         {
1785                             @settings.BodyText
1786                         }
1787                         @if (settings.BodyTemplate != null)
1788                         {
1789                             @settings.BodyTemplate
1790                         }
1791                         @{
1792                             var actions = settings.GetActions();
1793                         }
1794                     </div>
1795                     @if (actions.Length > 0)
1796                     {
1797                         <div class="modal__footer">
1798                             @foreach (var action in actions)
1799                             {
1800                                 if (Pageview.Device.ToString() != "Mobile") {
1801                                     action.CssClass += " u-no-margin";
1802                                 } else {
1803                                     action.CssClass += " u-full-width u-margin-bottom";
1804                                 }
1805     
1806                                 @Render(action)
1807                             }
1808                         </div>
1809                     }
1810                     <label class="modal__close-btn" for="@(modalId)ModalTrigger"></label>
1811                 </div>
1812             </div>
1813         } 
1814     }
1815     @using Dynamicweb.Rapido.Blocks.Components.General
1816     
1817     @* Component *@
1818     
1819     @helper RenderMediaListItem(MediaListItem settings)
1820     {
1821         <div class="media-list-item @settings.CssClass dw-mod" @(!string.IsNullOrEmpty(settings.Id) ? "id=\"" + settings.Id + "\"" : "")>
1822             @if (!string.IsNullOrEmpty(settings.Label))
1823             {
1824                 if (!string.IsNullOrEmpty(settings.Link))
1825                 {
1826                     @Render(new Link
1827                     {
1828                         Href = settings.Link,
1829                         CssClass = "media-list-item__sticker dw-mod",
1830                         ButtonLayout = ButtonLayout.None,
1831                         Title = settings.Label,
1832                         OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : ""
1833                     })
1834                 }
1835                 else if (!string.IsNullOrEmpty(settings.OnClick))
1836                 {
1837                     <span class="media-list-item__sticker dw-mod" onclick="@(settings.OnClick)">
1838                         <span class="u-uppercase">@settings.Label</span>
1839                     </span>
1840                 }
1841                 else
1842                 {
1843                     <span class="media-list-item__sticker media-list-item__sticker--no-link dw-mod">
1844                         <span class="u-uppercase">@settings.Label</span>
1845                     </span>
1846                 }
1847             }
1848             <div class="media-list-item__wrap">
1849                 <div class="media-list-item__info dw-mod">
1850                     <div class="media-list-item__header dw-mod">
1851                         @if (!string.IsNullOrEmpty(settings.Title))
1852                         {
1853                             if (!string.IsNullOrEmpty(settings.Link))
1854                             {
1855                                 @Render(new Link
1856                                 {
1857                                     Href = settings.Link,
1858                                     CssClass = "media-list-item__name dw-mod",
1859                                     ButtonLayout = ButtonLayout.None,
1860                                     Title = settings.Title,
1861                                     OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : ""
1862                                 })
1863                             }
1864                             else if (!string.IsNullOrEmpty(settings.OnClick))
1865                             {
1866                                 <span class="media-list-item__name dw-mod" onclick="@(settings.OnClick)">@settings.Title</span>
1867                             }
1868                             else
1869                             {
1870                                 <span class="media-list-item__name media-list-item__name--no-link dw-mod">@settings.Title</span>
1871                             }
1872                         }
1873     
1874                         @if (!string.IsNullOrEmpty(settings.Status))
1875                         {
1876                             <div class="media-list-item__state dw-mod">@settings.Status</div>
1877                         }
1878                     </div>
1879                     @{
1880                         settings.InfoTable.CssClass += " media-list-item__parameters-table";
1881                     }
1882                 
1883                     @Render(settings.InfoTable)
1884                 </div>
1885                 <div class="media-list-item__actions dw-mod">
1886                     <div class="media-list-item__actions-list dw-mod">
1887                         @{
1888                             var actions = settings.GetActions();
1889     
1890                             foreach (ButtonBase action in actions)
1891                             {
1892                                 action.ButtonLayout = ButtonLayout.None;
1893                                 action.CssClass += " media-list-item__action link";
1894     
1895                                 @Render(action)
1896                             }
1897                         }
1898                     </div>
1899     
1900                     @if (settings.SelectButton != null && !string.IsNullOrEmpty(settings.SelectButton.Title))
1901                     {
1902                         settings.SelectButton.CssClass += " u-no-margin";
1903     
1904                         <div class="media-list-item__action-button">
1905                             @Render(settings.SelectButton)
1906                         </div>
1907                     }
1908                 </div>
1909             </div>
1910         </div>
1911     }
1912     @using Dynamicweb.Rapido.Blocks.Components.General
1913     @using Dynamicweb.Rapido.Blocks.Components
1914     
1915     @helper RenderTable(Table settings)
1916     {
1917         Dictionary<string, string> attributes = new Dictionary<string, string>();
1918         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1919         
1920         var enumToClasses = new Dictionary<TableDesign, string> 
1921         {
1922             { TableDesign.Clean, "table--clean" },
1923             { TableDesign.Bordered, "table--bordered" },
1924             { TableDesign.Striped, "table--striped" },
1925             { TableDesign.Hover, "table--hover" },
1926             { TableDesign.Compact, "table--compact" },
1927             { TableDesign.Condensed, "table--condensed" },
1928             { TableDesign.NoTopBorder, "table--no-top-border" }
1929         };
1930         string tableDesignClass = "";
1931         if (settings.Design != TableDesign.None) 
1932         {
1933             tableDesignClass = enumToClasses[settings.Design];
1934         }
1935     
1936         if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableDesign.None) { attributes.Add("class", "table " + tableDesignClass + " " + settings.CssClass + " dw-mod"); }
1937         
1938         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value);
1939     
1940         <table @ComponentMethods.AddAttributes(resultAttributes)>
1941             @if (settings.Header != null)
1942             {
1943                 <thead>
1944                     @Render(settings.Header)
1945                 </thead>
1946             }
1947             <tbody>
1948                 @foreach (var row in settings.Rows)
1949                 {
1950                     @Render(row)
1951                 }
1952             </tbody>
1953             @if (settings.Footer != null)
1954             {
1955                 <tfoot>
1956                     @Render(settings.Footer)
1957                 </tfoot>
1958             }
1959         </table>
1960     }
1961     @using Dynamicweb.Rapido.Blocks.Components.General
1962     @using Dynamicweb.Rapido.Blocks.Components
1963     
1964     @helper RenderTableRow(TableRow settings)
1965     {
1966         Dictionary<string, string> attributes = new Dictionary<string, string>();
1967         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1968         
1969         var enumToClasses = new Dictionary<TableRowDesign, string> 
1970         {
1971             { TableRowDesign.NoBorder, "table__row--no-border" },
1972             { TableRowDesign.Border, "table__row--border" },
1973             { TableRowDesign.TopBorder, "table__row--top-line" },
1974             { TableRowDesign.BottomBorder, "table__row--bottom-line" },
1975             { TableRowDesign.Solid, "table__row--solid" }
1976         };
1977     
1978         string tableRowDesignClass = "";
1979         if (settings.Design != TableRowDesign.None) 
1980         {
1981             tableRowDesignClass = enumToClasses[settings.Design];
1982         }
1983     
1984         if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableRowDesign.None) { attributes.Add("class", "table__row " + tableRowDesignClass + " " + settings.CssClass + " dw-mod"); }
1985     
1986         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value);
1987     
1988         <tr @ComponentMethods.AddAttributes(resultAttributes)>
1989             @foreach (var cell in settings.Cells)
1990             {
1991                 if (settings.IsHeaderRow)
1992                 {
1993                     cell.IsHeader = true;
1994                 }
1995                 @Render(cell)
1996             }
1997         </tr>
1998     }
1999     @using Dynamicweb.Rapido.Blocks.Components.General
2000     @using Dynamicweb.Rapido.Blocks.Components
2001     @using Dynamicweb.Core
2002     
2003     @helper RenderTableCell(TableCell settings)
2004     {
2005         Dictionary<string, string> attributes = new Dictionary<string, string>();
2006         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
2007         if (settings.Colspan != 0) { attributes.Add("colspan", Converter.ToString(settings.Colspan)); }
2008         if (settings.Rowspan != 0) { attributes.Add("rowspan", Converter.ToString(settings.Rowspan)); }
2009         if (!string.IsNullOrEmpty(settings.CssClass)) { attributes.Add("class", settings.CssClass + " dw-mod"); }
2010     
2011         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value);
2012     
2013         string tagName = settings.IsHeader ? "th" : "td";
2014     
2015         @("<" + tagName + " " + ComponentMethods.AddAttributes(resultAttributes) + ">")
2016             @settings.Content
2017         @("</" + tagName + ">");
2018     }
2019     @using System.Linq
2020     @using Dynamicweb.Rapido.Blocks.Components.General
2021     
2022     @* Component *@
2023     
2024     @helper RenderPagination(Dynamicweb.Rapido.Blocks.Components.General.Pagination settings)
2025     {
2026         var pageNumberQueryStringName = Dynamicweb.Rapido.Services.Pagination.GetPageNumberQueryStringName(settings);    // Get the proper 'page number' query string parameter
2027         var queryParameters = Dynamicweb.Rapido.Services.Url.GetQueryParameters(pageNumberQueryStringName);              // Get the NameValueCollection from the querystring
2028     
2029         if (settings.NumberOfPages > 1)
2030         {
2031             string url = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority) + "/Default.aspx";
2032             string ariaLabel = !string.IsNullOrWhiteSpace(settings.AriaLabel) ? settings.AriaLabel : Translate("Page navigation");
2033             Dictionary<string, int> startAndEndPageNumber = Dynamicweb.Rapido.Services.Pagination.GetStartAndEndPageNumber(settings);
2034     
2035             <div class="pager u-margin-top dw-mod @settings.CssClass" aria-label="@ariaLabel">
2036                 @if (settings.ShowPagingInfo)
2037                 {
2038                     <div class="pager__info dw-mod">
2039                         @Translate("Page") @settings.CurrentPageNumber @Translate("of") @settings.NumberOfPages
2040                     </div>
2041                 }
2042                 <ul class="pager__list dw-mod">
2043                     @if (!string.IsNullOrWhiteSpace(settings.FirstPageUrl) && settings.ShowFirstAndLastControls)
2044                     {
2045                         @Render(new PaginationItem { Link = settings.FirstPageUrl, Icon = settings.FirstIcon })
2046                     }
2047                     @if (!string.IsNullOrWhiteSpace(settings.PreviousPageUrl) && settings.ShowNextAndPrevControls)
2048                     {
2049                         @Render(new PaginationItem { Link = settings.PreviousPageUrl, Icon = settings.PrevIcon })
2050                     }
2051                     @if (settings.GetPages().Any())
2052                     {
2053                         foreach (var page in settings.GetPages())
2054                         {
2055                             @Render(page)
2056                         }
2057                     }
2058                     else
2059                     {
2060                         for (var page = startAndEndPageNumber["StartPage"]; page <= startAndEndPageNumber["EndPage"]; page++)
2061                         {
2062                             queryParameters = Dynamicweb.Rapido.Services.Url.UpdateQueryStringParameter(queryParameters, pageNumberQueryStringName, page.ToString());
2063                             @Render(new PaginationItem { Label = page.ToString(), Link = Dynamicweb.Rapido.Services.Url.BuildUri(url, queryParameters).PathAndQuery, IsActive = (settings.CurrentPageNumber == page) });
2064                         }
2065                     }
2066                     @if (!string.IsNullOrWhiteSpace(settings.NextPageUrl) && settings.ShowNextAndPrevControls)
2067                     {
2068                         @Render(new PaginationItem { Link = settings.NextPageUrl, Icon = settings.NextIcon })
2069                     }
2070                     @if (!string.IsNullOrWhiteSpace(settings.LastPageUrl) && settings.ShowFirstAndLastControls)
2071                     {
2072                         @Render(new PaginationItem { Link = settings.LastPageUrl, Icon = settings.LastIcon })
2073                     }
2074                 </ul>
2075             </div>
2076         }
2077     }
2078     
2079     @helper RenderPaginationItem(PaginationItem settings)
2080     {
2081         if (settings.Icon == null)
2082         {
2083             settings.Icon = new Icon();
2084         }
2085     
2086         settings.Icon.Label = settings.Label;
2087         <li class="pager__btn dw-mod">
2088             @if (settings.IsActive)
2089             {
2090                 <span class="pager__num pager__num--current dw-mod">
2091                     @Render(settings.Icon)
2092                 </span>
2093             }
2094             else
2095             {
2096                 <a href="@settings.Link" class="pager__num dw-mod">
2097                     @Render(settings.Icon)
2098                 </a>
2099             }
2100         </li>
2101     }
2102     
2103     
2104     @using Dynamicweb.Rapido.Blocks.Components.General
2105     @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
2106     
2107      
2108     
2109     
2110     
2111     @functions {
2112         public string GenerateRgba(string color, string opacity)
2113         {
2114             color = color.Replace("#", "");
2115             if (color.Length == 6) {
2116                 return "rgba(" + Convert.ToInt32(color.Substring(0, 2), 16) + ", " + Convert.ToInt32(color.Substring(2, 2), 16) + ", " + Convert.ToInt32(color.Substring(4, 2), 16) + ", " + opacity + ");";
2117             } else {
2118                 return Convert.ToInt16(color).ToString();
2119             }
2120         }
2121     }
2122     
2123     @{ 
2124         List<ItemViewModel> slides = new List<ItemViewModel>();
2125     
2126         if (Model.Item.GetItem("SlideOne") != null) {
2127             if (!string.IsNullOrEmpty(Model.Item.GetItem("SlideOne").GetString("Image"))) {
2128                 slides.Add(Model.Item.GetItem("SlideOne"));
2129             }
2130         } 
2131         
2132         if (Model.Item.GetItem("SlideTwo") != null) {
2133             if (!string.IsNullOrEmpty(Model.Item.GetItem("SlideTwo").GetString("Image"))) {
2134                 slides.Add(Model.Item.GetItem("SlideTwo"));
2135             }
2136         }  
2137     
2138         if (Model.Item.GetItem("SlideThree") != null) {
2139             if (!string.IsNullOrEmpty(Model.Item.GetItem("SlideThree").GetString("Image"))) {
2140                 slides.Add(Model.Item.GetItem("SlideThree"));
2141             }
2142         }  
2143     
2144         if (Model.Item.GetItem("SlideFour") != null) {
2145             if (!string.IsNullOrEmpty(Model.Item.GetItem("SlideFour").GetString("Image"))) {
2146                 slides.Add(Model.Item.GetItem("SlideFour"));
2147             }
2148         }  
2149     
2150         if (Model.Item.GetItem("SlideFive") != null) {
2151             if (!string.IsNullOrEmpty(Model.Item.GetItem("SlideFive").GetString("Image"))) {
2152                 slides.Add(Model.Item.GetItem("SlideFive"));
2153             }
2154         }  
2155     }
2156     
2157     @if (!string.IsNullOrEmpty(Model.Item.GetString("Title")) && !Model.Item.GetBoolean("HideTitle")) {
2158         @Render(new Heading { Title = Model.Item.GetString("Title"), Level = 2 })
2159     }
2160     
2161     <div class="carousel u-full-height dw-mod" id="Paragraph_@(Model.ID)">
2162         <div class="carousel__container u-full-height js-carousel-slides dw-mod">
2163             @foreach (var slide in slides)
2164             {   
2165                 <div class="carousel__slide u-padding--lg carousel-mobile-height dw-mod">
2166                     @RenderTheSlide(slide)
2167                 </div>
2168              }
2169         </div>
2170     </div>
2171     
2172     @helper RenderTheSlide(ItemViewModel slide) { 
2173         var colorService = new ColorSwatchService();
2174         string backgroundColor = slide.GetString("BackgroundColor") != null ? slide.GetString("BackgroundColor") : "";
2175         backgroundColor = !backgroundColor.Contains("#") ? "background-color: " + colorService.GetHexColor(Pageview.AreaID, backgroundColor) : backgroundColor;
2176         string textColor = slide.GetString("TextColor") != null ? slide.GetString("TextColor") : "";
2177         textColor = !textColor.Contains("#") ? colorService.GetHexColor(Pageview.AreaID, textColor) : textColor;
2178         string styles = backgroundColor + "; color: " + textColor;
2179     
2180         string horizontalAlign = slide.GetString("HorizontalAlignment") != null ? "u-ta-" + slide.GetList("HorizontalAlignment").SelectedValue.ToString().ToLower() : "";
2181         string verticalAlign = slide.GetString("VerticalAlignment") != null ? "u-align-self-" + slide.GetList("VerticalAlignment").SelectedValue.ToString().ToLower() : "";
2182         string alignmentCssClasses = horizontalAlign + " " + verticalAlign;
2183     
2184         if (!string.IsNullOrEmpty(slide.GetString("Image"))) {
2185             int cropMode = !string.IsNullOrEmpty(Convert.ToString(slide.GetList("ImageCrop"))) ? Convert.ToInt32(slide.GetList("ImageCrop").SelectedValue) : 0;
2186     
2187             Image image = new Image
2188             {
2189                 Path = slide.GetFile("Image")?.Path,
2190                 CssClass = "background-image__cover",
2191                 ImageDefault = new ImageSettings
2192                 {
2193                     Crop = cropMode,
2194                     Height = 845,
2195                     Width = 1920
2196                 },
2197                 ImageMedium = new ImageSettings
2198                 {
2199                     Crop = cropMode,
2200                     Height = 450,
2201                     Width = 1024
2202                 },
2203                 ImageSmall = new ImageSettings
2204                 {
2205                     Crop = cropMode,
2206                     Height = 544,
2207                     Width = 640
2208                 }
2209             };
2210     
2211             image.FilterPrimary = !string.IsNullOrEmpty(slide.GetList("ImageFilterPrimary").SelectedValue) ? (ImageFilter) Enum.Parse(typeof(ImageFilter), slide.GetList("ImageFilterPrimary").SelectedValue.Replace("-", ""), true) : ImageFilter.None;
2212             image.FilterSecondary = !string.IsNullOrEmpty(slide.GetList("ImageFilterSecondary").SelectedValue) ? (ImageFilter) Enum.Parse(typeof(ImageFilter), slide.GetList("ImageFilterSecondary").SelectedValue.Replace("-", ""), true) : ImageFilter.None;
2213     
2214             if (!string.IsNullOrEmpty(slide.GetString("ColorForTheFilter"))) {
2215                 image.FilterColor = slide.GetString("ColorForTheFilter").StartsWith("#") ? GenerateRgba(slide.GetString("ColorForTheFilter"), "0.3") : "";
2216             }
2217     
2218             <div class="background-image dw-mod">
2219                 <div class="background-image__wrapper dw-mod">
2220                     @Render(image)
2221                 </div> 
2222             </div>
2223         }
2224     
2225         if (!string.IsNullOrEmpty(textColor)) {
2226             <style>
2227                 .slideContent-@slide.Id p, .slideContent-@slide.Id h1, .slideContent-@slide.Id h2, .slideContent-@slide.Id h3 {
2228                     color: @textColor;
2229                 }
2230             </style>
2231         } 
2232     
2233         string link = !string.IsNullOrEmpty(slide.GetString("Link")) ? slide.GetString("Link") : "";
2234         string linkTarget = link.Contains("http") ? "_blank" : "_self";
2235         
2236         if (!string.IsNullOrEmpty(link)) {
2237             <a href="@link" target="@linkTarget" class="u-full-width u-full-height u-position-absolute">&nbsp;</a>
2238         }
2239     
2240         <div class="content-row__item__body @alignmentCssClasses slideContent-@slide.Id dw-mod">
2241             @if (!string.IsNullOrEmpty(slide.GetString("Title")) || !string.IsNullOrEmpty(slide.GetString("Text"))) {
2242                 <div class="grid__cell">
2243                     @Render(new Heading { Title = slide.GetString("Title"), Level = 2 })
2244                     @Render(new Text { Content = slide.GetString("Text") })
2245                 </div>
2246             }
2247     
2248             @if (!string.IsNullOrEmpty(slide.GetItem("ButtonOne").GetString("Title")) || !string.IsNullOrEmpty(slide.GetItem("ButtonTwo").GetString("Title"))) {
2249                 <div class="grid__cell">
2250                     @ParagraphButton(slide.GetItem("ButtonOne")) 
2251                     @ParagraphButton(slide.GetItem("ButtonTwo")) 
2252                 </div>
2253             }
2254         </div>  
2255     }
2256     
2257     @{ 
2258         if (slides.Count > 1)
2259         {
2260             bool enableDots = !Model.Item.GetBoolean("HideDots");
2261     
2262             <script>
2263                 document.addEventListener("DOMContentLoaded", function () {
2264                     var hideArrows = "@Model.Item.GetBoolean("HideArrows")";
2265     
2266                     new CarouselModule("#Paragraph_@(Model.ID)", {
2267                         slideTime: @Model.Item.GetString("SlideTime"),
2268                         dots: @(enableDots.ToString().ToLower()),
2269                         prevBtn: hideArrows == "True" ? "u-hidden" : "carousel-prev-btn dw-mod",
2270                         nextBtn: hideArrows == "True" ? "u-hidden" : "carousel-next-btn dw-mod"
2271                     });
2272                 })
2273             </script>
2274         }
2275     }
2276     
2277     @helper ParagraphButton(ItemViewModel item) { 
2278         if (item != null) {
2279             if (!string.IsNullOrEmpty(item.GetString("Title"))) {
2280                 Button button = new Button {
2281                     Title = item.GetString("Title"),
2282                     Href = item.GetString("Link"),
2283                     CssClass = "u-no-margin",
2284                     ButtonLayout = (ButtonLayout)System.Enum.Parse(typeof(ButtonLayout), char.ToUpper(item.GetList("Layout").SelectedValue[0]) + item.GetList("Layout").SelectedValue.Substring(1))
2285                 };
2286     
2287                 if (!string.IsNullOrEmpty(item.GetString("Icon"))) {
2288                     button.Icon = new Icon { 
2289                         CssClass = item.GetString("Icon")
2290                     };
2291                 }
2292     
2293                 @Render(button)
2294             }    
2295         }
2296     }