Error executing template "Designs/Rapido/ContentPage/Paragraph/Articles.cshtml"
System.Reflection.TargetInvocationException: Exception has been thrown by the target of an invocation. ---> System.Data.SqlClient.SqlException: A network-related or instance-specific error occurred while establishing a connection to SQL Server. The server was not found or was not accessible. Verify that the instance name is correct and that SQL Server is configured to allow remote connections. (provider: Named Pipes Provider, error: 40 - Could not open a connection to SQL Server) ---> System.ComponentModel.Win32Exception: The network path was not found
   --- End of inner exception stack trace ---
   at System.Data.ProviderBase.DbConnectionPool.TryGetConnection(DbConnection owningObject, UInt32 waitForMultipleObjectsTimeout, Boolean allowCreate, Boolean onlyOneCheckConnection, DbConnectionOptions userOptions, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionPool.TryGetConnection(DbConnection owningObject, TaskCompletionSource`1 retry, DbConnectionOptions userOptions, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionFactory.TryGetConnection(DbConnection owningConnection, TaskCompletionSource`1 retry, DbConnectionOptions userOptions, DbConnectionInternal oldConnection, DbConnectionInternal& connection)
   at System.Data.ProviderBase.DbConnectionInternal.TryOpenConnectionInternal(DbConnection outerConnection, DbConnectionFactory connectionFactory, TaskCompletionSource`1 retry, DbConnectionOptions userOptions)
   at System.Data.SqlClient.SqlConnection.TryOpenInner(TaskCompletionSource`1 retry)
   at System.Data.SqlClient.SqlConnection.TryOpen(TaskCompletionSource`1 retry)
   at System.Data.SqlClient.SqlConnection.Open()
   at Dynamicweb.Data.DatabaseConnectionProvider.CreateConnection(Boolean open)
   at Dynamicweb.Data.Database.CreateConnection()
   at Dynamicweb.Data.Database.CreateDataReader(CommandBuilder commandBuilder, IDbConnection connection, IDbTransaction transaction, Int32 commandTimeout)
   at Dynamicweb.Content.Items.Queries.Repository.FindChildPagesId(IEnumerable`1 pids, Boolean includeAllChildItems)
   at Dynamicweb.Content.Items.Queries.Repository.GetPagesByIds(IEnumerable`1 parentIds, Boolean includeChildItems, Boolean checkPermissions, List`1& childPages)
   at Dynamicweb.Content.Items.Queries.Repository.SelectByParentPageIds(IEnumerable`1 parentIds, Query query, Boolean includeParagraphs, Boolean includeChildItems, Boolean checkPermissions, Boolean includeInheritedItems)
   at Dynamicweb.ItemPublisher.Frontend.GetItems()
   at Dynamicweb.ItemPublisher.Frontend.List()
   at Dynamicweb.ItemPublisher.Frontend.GetContent()
   at Dynamicweb.ItemPublisher.Frontend.GetContentBySettings(String settings)
   --- End of inner exception stack trace ---
   at System.RuntimeMethodHandle.InvokeMethod(Object target, Object[] arguments, Signature sig, Boolean constructor)
   at System.Reflection.RuntimeMethodInfo.UnsafeInvokeInternal(Object obj, Object[] parameters, Object[] arguments)
   at System.Reflection.RuntimeMethodInfo.Invoke(Object obj, BindingFlags invokeAttr, Binder binder, Object[] parameters, CultureInfo culture)
   at Dynamicweb.Extensibility.AddIns.AddInManager.InvokeFunction(Object instance, String functionName, Object[] arguments)
   at Dynamicweb.Rendering.TemplateBase`1.RenderItemList(Object settings)
   at CompiledRazorTemplates.Dynamic.RazorEngine_ca5901c0c4d24df98192dc6645fea1b7.<>c__DisplayClass64_0.<RenderArticleList>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Dynamicweb\weh.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\Articles.cshtml:line 2875
   at RazorEngine.Templating.TemplateWriter.ToString()
   at Dynamicweb.Rapido.Blocks.Components.ComponentBase.Render(Object component)
   at CompiledRazorTemplates.Dynamic.RazorEngine_ca5901c0c4d24df98192dc6645fea1b7.<>c__DisplayClass2_0.<Render>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Dynamicweb\weh.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\Articles.cshtml:line 198
   at CompiledRazorTemplates.Dynamic.RazorEngine_ca5901c0c4d24df98192dc6645fea1b7.Execute() in D:\dynamicweb.net\Solutions\Dynamicweb\weh.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\Articles.cshtml:line 21
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()


  1     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
  2     @using System.IO
  3     @using System.Web
  4     @using Dynamicweb.Rapido.Blocks.Components
  5     @using Dynamicweb.Rapido.Blocks.Components.Articles
  6     @using Dynamicweb.Rapido.Blocks.Components.General
  7     @using Dynamicweb.Rapido.Blocks
  8     
  9     @{ 
 10         int pageId = Model.PageID;
 11         bool hideTitle = Model.Item.GetBoolean("HideTitle");
 12         string itemType = Model.Item.GetString("ItemTypeName") != null ? Model.Item.GetString("ItemTypeName") : "DynamicArticle";
 13         string sourcePagsId = Model.Item.GetItem("GetArticlesFrom") != null ? Model.Item.GetItem("GetArticlesFrom").PageID.ToString() : Pageview.ID.ToString();
 14     }
 15     
 16     <div class="articles-paragraph dw-mod">
 17         @if (!hideTitle) {
 18             @Render(new Heading { Title = Model.Item.GetString("Title"), Level = 2, CssClass = "u-no-margin" })
 19         }
 20     
 21         @Render(new ArticleList { Template = "../ItemPublisher/List/DynamicList.cshtml", PageSize = Model.Item.GetInt32("ArticlesListSize"), DisablePagination = true, SourcePage = sourcePagsId, SourceType = "Page", ItemType = itemType })
 22     </div>
 23     
 24     
 25     @* Include the required Grid builder (Contains the methods @RenderBlockList and @RenderBlock) *@
 26     @using System.Text.RegularExpressions
 27     @using System.Collections.Generic
 28     @using System.Reflection
 29     @using System.Web
 30     @using System.Web.UI.HtmlControls
 31     @using Dynamicweb.Rapido.Blocks.Components
 32     @using Dynamicweb.Rapido.Blocks.Components.Articles
 33     @using Dynamicweb.Rapido.Blocks.Components.Documentation
 34     @using Dynamicweb.Rapido.Blocks
 35     
 36     
 37     @*--- START: Base block renderers ---*@
 38     
 39     @helper RenderBlockList(List<Block> blocks)
 40     {
 41         bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false;
 42         blocks = blocks.OrderBy(item => item.SortId).ToList();
 43     
 44         foreach (Block item in blocks)
 45         {
 46             if (debug) {
 47             <!-- Block START: @item.Id -->
 48             }
 49     
 50             if (item.Design == null)
 51             {
 52                 @RenderBlock(item)
 53             }
 54             else if (item.Design.RenderType == RenderType.None) {
 55                 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : "";
 56     
 57                 <div class="@cssClass dw-mod">
 58                    @RenderBlock(item)
 59                 </div>
 60             }
 61             else if (item.Design.RenderType != RenderType.Hide)
 62             {
 63                 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : "";
 64     
 65                 if (!item.SkipRenderBlocksList) {
 66                     if (item.Design.RenderType == RenderType.Row)
 67                     {
 68                         <div class="grid grid--align-content-start @cssClass dw-mod" id="[email protected]">
 69                             @RenderBlock(item)
 70                         </div>
 71                     }
 72     
 73                     if (item.Design.RenderType == RenderType.Column)
 74                     {
 75                         string hidePadding = item.Design.HidePadding ? "u-no-padding" : "";
 76                         string size = item.Design.Size ?? "12";
 77                         size = Regex.IsMatch(size, @"\d") ? "md-" + item.Design.Size : item.Design.Size;
 78     
 79                         <div class="[email protected] [email protected] grid__col-sm-12 grid__col-xs-12 @hidePadding @cssClass dw-mod" id="[email protected]">
 80                             @RenderBlock(item)
 81                         </div>
 82                     }
 83     
 84                     if (item.Design.RenderType == RenderType.Table)
 85                     {
 86                         <table class="table @cssClass dw-mod" id="[email protected]">
 87                             @RenderBlock(item)
 88                         </table>
 89                     }
 90     
 91                     if (item.Design.RenderType == RenderType.TableRow)
 92                     {
 93                         <tr class="@cssClass dw-mod" id="[email protected]">
 94                             @RenderBlock(item)
 95                         </tr>
 96                     }
 97     
 98                     if (item.Design.RenderType == RenderType.TableColumn)
 99                     {
100                         <td class="@cssClass dw-mod" id="[email protected]">
101                             @RenderBlock(item)
102                         </td>
103                     }
104     
105                     if (item.Design.RenderType == RenderType.CardHeader)
106                     {
107                         <div class="card-header @cssClass dw-mod">
108                             @RenderBlock(item)
109                         </div>
110                     }
111     
112                     if (item.Design.RenderType == RenderType.CardBody)
113                     {
114                         <div class="card @cssClass dw-mod">
115                             @RenderBlock(item)
116                         </div>
117                     }
118     
119                     if (item.Design.RenderType == RenderType.CardFooter)
120                     {
121                         <div class="card-footer @cssClass dw-mod">
122                             @RenderBlock(item)
123                         </div>
124                     }
125                 }
126                 else 
127                 {
128                     @RenderBlock(item)
129                 }
130             }
131     
132             if (debug) {
133             <!-- Block END: @item.Id -->
134             }
135         }
136     }
137     
138     @helper RenderBlock(Block item)
139     {
140         bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false;
141     
142         if (item.Template != null)
143         {
144             @BlocksPage.RenderTemplate(item.Template)
145         }
146     
147         if (item.Component != null)
148         {
149             string customSufix = "Custom";
150             string methodName = item.Component.HelperName;
151     
152             ComponentBase[] methodParameters = new ComponentBase[1]; 
153             methodParameters[0] = item.Component; 
154             Type methodType = this.GetType();
155     
156             MethodInfo customMethod = methodType.GetMethod(methodName + customSufix);
157             MethodInfo generalMethod = methodType.GetMethod(methodName);
158     
159             try {
160                 if (debug) {
161                 <!-- Component: @methodName.Replace("Render", "") -->
162                 }
163                 @customMethod.Invoke(this, methodParameters).ToString();
164             } catch {
165                 try {
166                     @generalMethod.Invoke(this, methodParameters).ToString();
167                 } catch(Exception ex) {
168                     throw new Exception(item.Component.GetType().Name + " method '" + methodName +"' could not be invoked", ex);
169                 }
170             }
171         }
172     
173         if (item.BlocksList.Count > 0 && !item.SkipRenderBlocksList)
174         {
175             @RenderBlockList(item.BlocksList)
176         }
177     }
178     
179     @*--- END: Base block renderers ---*@
180     
181     
182     @* Include the components *@
183     @using Dynamicweb.Rapido.Blocks.Components
184     @using Dynamicweb.Rapido.Blocks.Components.General
185     @using Dynamicweb.Rapido.Blocks
186     @using System.IO
187     
188     @* Required *@
189     @using Dynamicweb.Rapido.Blocks.Components
190     @using Dynamicweb.Rapido.Blocks.Components.General
191     @using Dynamicweb.Rapido.Blocks
192     
193     
194     @helper Render(ComponentBase component)
195     {
196         if (component != null)
197         {
198             @component.Render(this)
199         }
200     }
201     
202     @* Components *@
203     @using System.Reflection
204     @using Dynamicweb.Rapido.Blocks.Components.General
205     
206     
207     @* Component *@
208     
209     @helper RenderIcon(Icon settings)
210     {
211         if (settings != null)
212         {
213             string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : "";
214     
215             if (settings.Name != null)
216             {
217                 if (string.IsNullOrEmpty(settings.Label))
218                 {
219                     <i class="@settings.Prefix @settings.Name @settings.CssClass" @color></i>
220                 }
221                 else
222                 {
223                     if (settings.LabelPosition == IconLabelPosition.Before)
224                     {
225                         <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>
226                     }
227                     else
228                     {
229                         <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>
230                     }
231                 }
232             }
233             else if (!string.IsNullOrEmpty(settings.Label))
234             {
235                 @settings.Label
236             }
237         }
238     }
239     @using System.Reflection
240     @using Dynamicweb.Rapido.Blocks.Components.General
241     @using Dynamicweb.Rapido.Blocks.Components
242     @using Dynamicweb.Core
243     
244     @* Component *@
245     
246     @helper RenderButton(Button settings)
247     {
248         if (settings != null && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null))
249         {
250             Dictionary<string, string> attributes = new Dictionary<string, string>();
251             List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>();
252             if (settings.Disabled) {
253                 attributes.Add("disabled", "true");
254                 classList.Add("disabled");
255             }
256             
257             if (!string.IsNullOrEmpty(settings.ConfirmText) || !string.IsNullOrEmpty(settings.ConfirmTitle))
258             {
259                 settings.Id = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N");
260                 @RenderConfirmDialog(settings);
261             settings.OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = true";
262         }
263     
264         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
265         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
266         if (!string.IsNullOrEmpty(settings.AltText))
267         {
268             attributes.Add("title", settings.AltText);
269         }
270         else if (!string.IsNullOrEmpty(settings.Title))
271         {
272             string cleanTitle = Regex.Replace(settings.Title, "<.*?>", String.Empty);
273             cleanTitle = cleanTitle.Replace("&nbsp;", " ");
274             attributes.Add("title", cleanTitle);
275         }
276     
277         var onClickEvents = new List<string>();
278         if (!string.IsNullOrEmpty(settings.OnClick))
279         {
280             onClickEvents.Add(settings.OnClick);
281         }
282         if (!string.IsNullOrEmpty(settings.Href))
283         {
284             onClickEvents.Add("location.href='" + settings.Href + "'");
285         }
286         if (onClickEvents.Count > 0)
287         {
288             attributes.Add("onClick", string.Join(";", onClickEvents));
289         }
290     
291         if (settings.ButtonLayout != ButtonLayout.None)
292         {
293             classList.Add("btn");
294             string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower();
295             if (btnLayout == "linkclean")
296             {
297                 btnLayout = "link-clean"; //fix
298             }
299             classList.Add("btn--" + btnLayout);
300         }
301     
302             if (settings.Icon == null)
303             {
304                 settings.Icon = new Icon();
305             }
306     
307             settings.Icon.CssClass += Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower() != "linkclean" ? " u-flex--align-center" : "";
308             settings.Icon.Label = settings.Title;
309     
310         attributes.Add("type", Enum.GetName(typeof(ButtonType), settings.ButtonType).ToLower());
311     
312             <button class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</button>
313         }
314     }
315     
316     @helper RenderConfirmDialog(Button settings)
317     {
318         Modal confirmDialog = new Modal {
319             Id = settings.Id,
320             Width = ModalWidth.Sm,
321             Heading = new Heading
322             {
323                 Level = 2,
324                 Title = settings.ConfirmTitle
325             },
326             BodyText = settings.ConfirmText
327         };
328     
329         confirmDialog.AddAction(new Button { Title = Translate("Cancel"), ButtonLayout = ButtonLayout.Secondary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false"});
330         confirmDialog.AddAction(new Button { Title = Translate("OK"), ButtonLayout = ButtonLayout.Primary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false;" + settings.OnClick });
331     
332         @Render(confirmDialog)
333     }
334     @using Dynamicweb.Rapido.Blocks.Components.General
335     @using Dynamicweb.Rapido.Blocks.Components
336     @using Dynamicweb.Core
337     
338     @helper RenderDashboard(Dashboard settings)
339     {
340         var widgets = settings.GetWidgets();
341     
342         if (!string.IsNullOrEmpty(settings.WidgetsBaseBackgroundColor))
343         {
344             //set bg color for them
345     
346             System.Drawing.Color color = System.Drawing.ColorTranslator.FromHtml(settings.WidgetsBaseBackgroundColor);
347             int r = Convert.ToInt16(color.R);
348             int g = Convert.ToInt16(color.G);
349             int b = Convert.ToInt16(color.B);
350     
351             var count = widgets.Length;
352             var max = Math.Max(r, Math.Max(g, b));
353             double step = 255.0 / (max * count);
354             var i = 0;
355             foreach (var widget in widgets)
356             {
357                 i++;
358     
359                 var shade = "rgb(" + Converter.ToString(r * step * i).Replace(",", ".") + ", " + Converter.ToString(g * step * i).Replace(",", ".") + ", " + Converter.ToString(b * step * i).Replace(",", ".") + ")";
360                 widget.BackgroundColor = shade;
361             }
362         }
363     
364         <div class="dashboard @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
365             @foreach (var widget in widgets)
366             {
367                 <div class="dashboard__widget">
368                     @Render(widget)
369                 </div>
370             }
371         </div>
372     }
373     @using Dynamicweb.Rapido.Blocks.Components.General
374     @using Dynamicweb.Rapido.Blocks.Components
375     
376     @helper RenderDashboardWidgetLink(DashboardWidgetLink settings)
377     {
378         if (!string.IsNullOrEmpty(settings.Link))
379         {
380             var backgroundStyles = "";
381             if (!string.IsNullOrEmpty(settings.BackgroundColor))
382             {
383                 backgroundStyles = "style=\"background-color:" + settings.BackgroundColor + "\"";
384             }
385     
386             <a href="@settings.Link" class="widget widget--link @settings.CssClass dw-mod" @backgroundStyles title="@settings.Title" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
387                 <div class="u-center-middle u-color-light">
388                     @if (settings.Icon != null)
389                     {
390                         settings.Icon.CssClass += "widget__icon";
391                         @Render(settings.Icon)
392                     }
393                     <div class="widget__title">@settings.Title</div>
394                 </div>
395             </a>
396         }
397     }
398     @using Dynamicweb.Rapido.Blocks.Components.General
399     @using Dynamicweb.Rapido.Blocks.Components
400     
401     @helper RenderDashboardWidgetCounter(DashboardWidgetCounter settings)
402     {
403         var backgroundStyles = "";
404         if (!string.IsNullOrEmpty(settings.BackgroundColor))
405         {
406             backgroundStyles = "style='background-color:" + settings.BackgroundColor + "'";
407         }
408     
409         <div class="widget @settings.CssClass dw-mod" @backgroundStyles @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
410             <div class="u-center-middle u-color-light">
411                 @if (settings.Icon != null)
412                 {
413                     settings.Icon.CssClass += "widget__icon";
414                     @Render(settings.Icon)
415                 }
416                 <div class="widget__counter">@settings.Count</div>
417                 <div class="widget__title">@settings.Title</div>
418             </div>
419         </div>
420     }
421     @using System.Reflection
422     @using Dynamicweb.Rapido.Blocks.Components.General
423     @using Dynamicweb.Rapido.Blocks.Components
424     @using Dynamicweb.Core
425     
426     @* Component *@
427     
428     @helper RenderLink(Link settings)
429     {
430         if (settings != null && !string.IsNullOrEmpty(settings.Href) && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null))
431         {
432             Dictionary<string, string> attributes = new Dictionary<string, string>();
433             List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>();
434             if (settings.Disabled) 
435             {
436                 attributes.Add("disabled", "true");
437                 classList.Add("disabled");
438             }
439             
440             if (!string.IsNullOrEmpty(settings.AltText)) 
441             { 
442                 attributes.Add("title", settings.AltText); 
443             } 
444             else if (!string.IsNullOrEmpty(settings.Title)) 
445             { 
446                 attributes.Add("title", settings.Title); 
447             }
448     
449             if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
450             if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
451             if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onClick", settings.OnClick); }
452             attributes.Add("href", settings.Href);
453     
454             if (settings.ButtonLayout != ButtonLayout.None) 
455             {
456                 classList.Add("btn");
457                 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower();
458                 if (btnLayout == "linkclean") 
459                 {
460                     btnLayout = "link-clean"; //fix
461                 }
462                 classList.Add("btn--" + btnLayout);
463             }
464             
465             if (settings.Icon == null)
466             {
467                 settings.Icon = new Icon();
468             }
469             settings.Icon.Label = settings.Title;
470             
471             if (settings.Target == LinkTargetType.Blank && settings.Rel == LinkRelType.None) 
472             {
473                 settings.Rel = LinkRelType.Noopener;
474             }
475             if (settings.Target != LinkTargetType.None) 
476             { 
477                 attributes.Add("target", "_" + Enum.GetName(typeof(LinkTargetType), settings.Target).ToLower()); 
478             }
479             if (settings.Download) 
480             { 
481                 attributes.Add("download", "true"); 
482             }
483             if (settings.Rel != LinkRelType.None) 
484             { 
485                 attributes.Add("rel", Enum.GetName(typeof(LinkRelType), settings.Rel).ToLower()); 
486             }
487     
488             <a class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</a>
489         }
490     }
491     @using System.Reflection
492     @using Dynamicweb.Rapido.Blocks.Components
493     @using Dynamicweb.Rapido.Blocks.Components.General
494     @using Dynamicweb.Rapido.Blocks
495     
496     
497     @* Component *@
498     
499     @helper RenderRating(Rating settings)
500     {
501         if (settings.Score > 0)
502         {
503             int rating = settings.Score;
504             string iconType = "fa-star";
505     
506             switch (settings.Type.ToString()) {
507                 case "Stars":
508                     iconType = "fa-star";
509                     break;
510                 case "Hearts":
511                     iconType = "fa-heart";
512                     break;
513                 case "Lemons":
514                     iconType = "fa-lemon";
515                     break;
516                 case "Bombs":
517                     iconType = "fa-bomb";
518                     break;
519             }
520     
521             <div class="u-ta-right">
522                 @for (int i = 0; i < settings.OutOf; i++)
523                 {
524                     <i class="@(rating > i ? "fas" : "far") @iconType"></i>
525                 }
526             </div>
527         }
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 RenderSelectFieldOption(SelectFieldOption settings)
537     {
538         Dictionary<string, string> attributes = new Dictionary<string, string>();
539         if (settings.Checked) { attributes.Add("selected", "true"); }
540         if (settings.Disabled) { attributes.Add("disabled", "true"); }
541         if (settings.Value != null) { attributes.Add("value", settings.Value); }
542         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
543     
544         <option @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Label</option>
545     }
546     @using System.Reflection
547     @using Dynamicweb.Rapido.Blocks.Components.General
548     @using Dynamicweb.Rapido.Blocks.Components
549     
550     
551     @* Component *@
552     
553     @helper RenderNavigation(Navigation settings) {
554         @RenderNavigation(new
555         {
556             id = settings.Id,
557             cssclass = settings.CssClass,
558             startLevel = settings.StartLevel,
559             endlevel = settings.EndLevel,
560             expandmode = settings.Expandmode,
561             sitemapmode = settings.SitemapMode,
562             template = settings.Template
563         })
564     }
565     @using Dynamicweb.Rapido.Blocks.Components.General
566     @using Dynamicweb.Rapido.Blocks.Components
567     
568     
569     @* Component *@
570     
571     @helper RenderBreadcrumbNavigation(BreadcrumbNavigation settings) {
572         settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id;
573         settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template;
574         settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel;
575         settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel;
576         settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode;
577         settings.SitemapMode = false;
578     
579         @RenderNavigation(settings)         
580     }
581     @using Dynamicweb.Rapido.Blocks.Components.General
582     @using Dynamicweb.Rapido.Blocks.Components
583     
584     
585     @* Component *@
586     
587     @helper RenderLeftNavigation(LeftNavigation settings) {
588         settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id;
589         settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template;
590         settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel;
591         settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel;
592         settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode;
593     
594         <div class="grid__cell">
595             @RenderNavigation(settings) 
596         </div>       
597     }
598     @using System.Reflection
599     @using Dynamicweb.Rapido.Blocks.Components.General
600     @using Dynamicweb.Core
601     
602     @* Component *@
603     
604     @helper RenderHeading(Heading settings)
605     {
606         if (settings != null && !string.IsNullOrEmpty(settings.Title))
607         {
608             string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : "";
609             string tagName = settings.Level != 0 ? "h" + settings.Level.ToString() : "div";
610     
611             @("<" + tagName + " class=\"" + settings.CssClass + " dw-mod\" " + color + ">")
612                 if (!string.IsNullOrEmpty(settings.Link))
613                 {
614                     @Render(new Link { Href = settings.Link, Icon = settings.Icon, Title = settings.Title, ButtonLayout = ButtonLayout.None })
615                 } 
616                 else
617                 {
618                     if (settings.Icon == null)
619                     {
620                         settings.Icon = new Icon();
621                     }
622                     settings.Icon.Label = settings.Title;
623                     @Render(settings.Icon)
624                 }
625             @("</" + tagName + ">");
626         }
627     }
628     @using Dynamicweb.Rapido.Blocks.Components
629     @using Dynamicweb.Rapido.Blocks.Components.General
630     @using Dynamicweb.Rapido.Blocks
631     
632     
633     @* Component *@
634     
635     @helper RenderImage(Image settings)
636     {
637         if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None)
638         {
639             Dictionary<string, string> optionalAttributes = new Dictionary<string, string>();
640             if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); }
641             
642             if (settings.Caption != null)
643             {
644                 @:<div>
645             }
646     
647             var primaryFilterClass = settings.FilterPrimary.ToString().ToLower();
648             var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower();
649     
650             <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)>
651                 <div class="image-filter image-filter--@secondaryFilterClass dw-mod">
652                     @if (settings.Link != null)
653                     {
654                         <a href="@settings.Link">
655                             @RenderTheImage(settings)
656                         </a>
657                     }
658                     else
659                     {
660                         @RenderTheImage(settings)
661                     }
662                 </div>
663             </div>
664     
665             if (settings.Caption != null)
666             {
667                 <span class="image-caption dw-mod">@settings.Caption</span>
668                 @:</div>
669             }
670         }
671         else 
672         {
673             if (settings.Caption != null)
674             {
675                 @:<div>
676             }
677             if (!string.IsNullOrEmpty(settings.Link))
678             {
679                 <a href="@settings.Link">
680                     @RenderTheImage(settings)
681                 </a>
682             }
683             else
684             {
685                 @RenderTheImage(settings)
686             }
687     
688             if (settings.Caption != null)
689             {
690                 <span class="image-caption dw-mod">@settings.Caption</span>
691                 @:</div>
692             }
693         }
694     }
695     
696     @helper RenderTheImage(Image settings)
697     {
698     if (settings != null)
699     {
700         string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg";
701         string placeholderImage = "/Files/Images/placeholder.gif";
702         string imageEngine = "/Admin/Public/GetImage.ashx?";
703     
704             string imageStyle = "";
705     
706         switch (settings.Style)
707         {
708             case ImageStyle.Ball:
709                 imageStyle = "grid__cell-img--ball";
710                 break;
711     
712             case ImageStyle.Triangle:
713                 imageStyle = "grid__cell-img--triangle";
714                 break;
715         }
716     
717         if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle)
718         {
719             settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop;
720     
721             if (settings.ImageDefault != null)
722             {
723                 settings.ImageDefault.Height = settings.ImageDefault.Width;
724             }
725             if (settings.ImageMedium != null)
726             {
727                 settings.ImageMedium.Height = settings.ImageMedium.Width;
728             }
729             if (settings.ImageSmall != null)
730             {
731                 settings.ImageSmall.Height = settings.ImageSmall.Width;
732             }
733         }
734     
735             string defaultImage = imageEngine;
736             string imageSmall = "";
737             string imageMedium = "";
738     
739             if (settings.DisableImageEngine) 
740             {
741                 defaultImage = settings.Path;
742             } 
743             else 
744             {
745                 if (settings.ImageDefault != null)
746                 {
747                     defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault);
748     
749                     if (settings.Path.GetType() != typeof(string))
750                     {
751                         defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : "";
752                         defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : "";
753                     }
754                     else
755                     {
756                         defaultImage += settings.Path != null ? "Image=" + settings.Path : "";
757                     }
758     
759                     defaultImage += "&AlternativeImage=" + alternativeImage;
760                 }
761     
762                 if (settings.ImageSmall != null)
763                 {
764                     imageSmall = "data-src-small=\"" + imageEngine;
765                     imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall);
766     
767                     if (settings.Path.GetType() != typeof(string))
768                     {
769                         imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : "";
770                         imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : "";
771                     }
772                     else
773                     {
774                         imageSmall += settings.Path != null ? "Image=" + settings.Path : "";
775                     }
776     
777                     imageSmall += "&alternativeImage=" + alternativeImage;
778     
779                     imageSmall += "\"";
780                 }
781     
782                 if (settings.ImageMedium != null)
783                 {
784                     imageMedium = "data-src-medium=\"" + imageEngine;
785                     imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium);
786     
787                     if (settings.Path.GetType() != typeof(string))
788                     {
789                         imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : "";
790                         imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : "";
791                     }
792                     else
793                     {
794                         imageMedium += settings.Path != null ? "Image=" + settings.Path : "";
795                     }
796     
797                     imageMedium += "&alternativeImage=" + alternativeImage;
798     
799                     imageMedium += "\"";
800                 }
801             }
802     
803             Dictionary<string, string> optionalAttributes = new Dictionary<string, string>();
804             if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); }
805             if (!string.IsNullOrEmpty(settings.Title)) 
806             { 
807                 optionalAttributes.Add("alt", settings.Title); 
808                 optionalAttributes.Add("title", settings.Title); 
809             }
810     
811         if (settings.DisableLazyLoad)
812         {
813                     <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) />
814                 } 
815                 else 
816                 {
817                     <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) />
818                 }
819             }
820     }
821     @using System.Reflection
822     @using Dynamicweb.Rapido.Blocks.Components.General
823     @using Dynamicweb.Rapido.Blocks.Components
824     
825     @* Component *@
826     
827     @helper RenderFileField(FileField settings)
828     {
829         var attributes = new Dictionary<string, string>();
830         if (string.IsNullOrEmpty(settings.Id)) 
831         {
832             settings.Id = Guid.NewGuid().ToString("N");
833         }
834         
835         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
836         if (settings.Disabled) { attributes.Add("disabled", "true"); }
837         if (settings.Required) { attributes.Add("required", "true"); }
838         if (settings.Multiple) { attributes.Add("multiple", "true"); }
839         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
840         if (string.IsNullOrEmpty(settings.ChooseFileText)) 
841         { 
842             settings.ChooseFileText = Translate("Choose file");
843         }
844         if (string.IsNullOrEmpty(settings.NoFilesChosenText)) 
845         { 
846             settings.NoFilesChosenText = Translate("No files chosen...");
847         }
848         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
849     
850         if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
851     
852         string setValueToFakeInput = "FileUpload.setValueToFakeInput(this)";
853         attributes.Add("onchange", setValueToFakeInput + (!string.IsNullOrEmpty(settings.OnChange) ? settings.OnChange : ""));
854     
855         attributes.Add("type", "file");
856         if (settings.Value != null) { attributes.Add("value", settings.Value); }
857         settings.CssClass = "u-full-width " + settings.CssClass;
858     
859         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
860     
861         <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod">
862             @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
863             {
864                 <div class="u-full-width"> 
865                     @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
866                     @if (settings.Link != null) {
867                         <div class="u-pull--right">
868                             @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
869                             @Render(settings.Link)
870                         </div>
871                     }
872                 </div>
873                 
874             }
875     
876             @if (!string.IsNullOrEmpty(settings.HelpText))
877             {
878                 <small class="form__help-text">@settings.HelpText</small>
879             }
880     
881             <div class="form__field-combi file-input u-no-margin dw-mod">
882                 <input @ComponentMethods.AddAttributes(resultAttributes) class="file-input__real-input" data-no-files-text="@settings.NoFilesChosenText" data-many-files-text="@Translate("files")" />
883                 <label for="@settings.Id" class="file-input__btn btn--secondary btn dw-mod">@settings.ChooseFileText</label>
884                 <label for="@settings.Id" class="@settings.CssClass file-input__fake-input js-fake-input dw-mod">@settings.NoFilesChosenText</label>
885                 @if (settings.UploadButton != null)
886                 {
887                     settings.UploadButton.CssClass += " btn--condensed u-no-margin";
888                     @Render(settings.UploadButton)
889                 }
890             </div>
891             @Render(new NotificationMessage { Message = settings.ErrorMessage })
892         </div>
893     }
894     @using System.Reflection
895     @using Dynamicweb.Rapido.Blocks.Components.General
896     @using Dynamicweb.Rapido.Blocks.Components
897     @using Dynamicweb.Core
898     @using System.Linq
899     
900     @* Component *@
901     
902     @helper RenderDateTimeField(DateTimeField settings)
903     {
904         if (string.IsNullOrEmpty(settings.Id)) 
905         {
906             settings.Id = Guid.NewGuid().ToString("N");
907         }
908     
909         var textField = new TextField {
910             Name = settings.Name,
911             Id = settings.Id,
912             Label = settings.Label,
913             HelpText = settings.HelpText,
914             Value = settings.Value,
915             Disabled = settings.Disabled,
916             Required = settings.Required,
917             ErrorMessage = settings.ErrorMessage,
918             CssClass = settings.CssClass,
919             WrapperCssClass = settings.WrapperCssClass,
920             OnChange = settings.OnChange,
921             OnClick = settings.OnClick,
922             Link = settings.Link,
923             ExtraAttributes = settings.ExtraAttributes,
924             //
925             Placeholder = settings.Placeholder
926         };
927     
928         @Render(textField)
929     
930         List<string> jsAttributes = new List<string>();
931     
932         jsAttributes.Add("mode: '" + Enum.GetName(typeof(DateTimeFieldMode), settings.Mode).ToLower() + "'");
933     
934         if (!string.IsNullOrEmpty(settings.DateFormat))
935         {
936             jsAttributes.Add("dateFormat: '" + settings.DateFormat + "'");
937         }
938         if (!string.IsNullOrEmpty(settings.MinDate))
939         {
940             jsAttributes.Add("minDate: '" + settings.MinDate + "'");
941         }
942         if (!string.IsNullOrEmpty(settings.MaxDate))
943         {
944             jsAttributes.Add("maxDate: '" + settings.MaxDate + "'");
945         }
946         if (settings.IsInline)
947         {
948             jsAttributes.Add("inline: " + Converter.ToString(settings.IsInline).ToLower());
949         }
950         if (settings.EnableTime)
951         {
952             jsAttributes.Add("enableTime: " + Converter.ToString(settings.EnableTime).ToLower());
953         }
954         if (settings.EnableWeekNumbers)
955         {
956             jsAttributes.Add("weekNumbers: " + Converter.ToString(settings.EnableWeekNumbers).ToLower());
957         }
958         
959         jsAttributes.AddRange(settings.GetFlatPickrOptions().Select(x => x.Key + ": " + x.Value));
960     
961         <script>
962             document.addEventListener("DOMContentLoaded", function () {
963                 flatpickr("#@textField.Id", {
964                     @string.Join(",", jsAttributes)
965                 });
966             });
967         </script>
968     }
969     @using System.Reflection
970     @using Dynamicweb.Rapido.Blocks.Components.General
971     @using Dynamicweb.Rapido.Blocks.Components
972     
973     @* Component *@
974     
975     @helper RenderTextField(TextField settings)
976     {
977         var attributes = new Dictionary<string, string>();
978         if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 
979         {
980             settings.Id = Guid.NewGuid().ToString("N");
981         }
982     
983         /*base settings*/
984         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
985         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
986         if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
987         if (settings.Disabled) { attributes.Add("disabled", "true"); }
988         if (settings.Required) { attributes.Add("required", "true"); }
989         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
990         /*end*/
991         
992         if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
993         if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
994         if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
995         if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
996         if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); }
997         if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); }
998         attributes.Add("type", Enum.GetName(typeof(TextFieldType), settings.Type).ToLower());
999         if (settings.Type == TextFieldType.Password) { attributes.Add("autocomplete", "off"); };
1000         if (settings.Value != null) { attributes.Add("value", settings.Value); }
1001     
1002         settings.CssClass = "u-full-width " + settings.CssClass;
1003     
1004         if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
1005     
1006         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1007     
1008         string noMargin = "u-no-margin";
1009         if (!settings.ReadOnly) {
1010             noMargin = "";
1011         }
1012     
1013         <div class="form__field-group u-full-width @noMargin @settings.WrapperCssClass dw-mod">
1014             @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1015             {
1016                 <div class="u-full-width"> 
1017                     @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1018                     @if (settings.Link != null) {
1019                         settings.Link.ButtonLayout = ButtonLayout.LinkClean;
1020     
1021                         <div class="u-pull--right">
1022                             @Render(settings.Link)
1023                         </div>
1024                     }
1025                 </div>
1026                 
1027             }
1028     
1029             @if (!string.IsNullOrEmpty(settings.HelpText))
1030             {
1031                 <small class="form__help-text">@settings.HelpText</small>
1032             }
1033     
1034             @if (settings.ActionButton != null)
1035             {
1036                 settings.ActionButton.CssClass += " btn--condensed u-no-margin";
1037                 <div class="form__field-combi u-no-margin dw-mod">
1038                     <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1039                     @Render(settings.ActionButton)
1040                 </div>
1041             }
1042             else
1043             {
1044                 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1045             }
1046     
1047             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1048         </div>
1049     }
1050     @using System.Reflection
1051     @using Dynamicweb.Rapido.Blocks.Components.General
1052     @using Dynamicweb.Rapido.Blocks.Components
1053     
1054     @* Component *@
1055     
1056     @helper RenderNumberField(NumberField settings)
1057     {
1058         var attributes = new Dictionary<string, string>();
1059         if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 
1060         {
1061             settings.Id = Guid.NewGuid().ToString("N");
1062         }
1063     
1064         /*base settings*/
1065         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1066         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1067         if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1068         if (settings.Disabled) { attributes.Add("disabled", "true"); }
1069         if (settings.Required) { attributes.Add("required", "true"); }
1070         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1071         /*end*/
1072     
1073         if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
1074         if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
1075         if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
1076         if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
1077         if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); }
1078         if (settings.Min != null) { attributes.Add("min", settings.Min.ToString()); }
1079         if (settings.Step != 0) { attributes.Add("step", settings.Step.ToString()); }
1080         if (settings.Value != null && !string.IsNullOrEmpty(settings.Value.ToString())) { attributes.Add("value", settings.Value.ToString()); }
1081         attributes.Add("type", "number");
1082     
1083         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1084     
1085         <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod">
1086             @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1087             {
1088                 <div class="u-full-width"> 
1089                     @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1090                     @if (settings.Link != null) {
1091                         <div class="u-pull--right">
1092                             @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1093                             @Render(settings.Link)
1094                         </div>
1095                     }
1096                 </div>
1097                 
1098             }
1099     
1100             @if (!string.IsNullOrEmpty(settings.HelpText))
1101             {
1102                 <small class="form__help-text">@settings.HelpText</small>
1103             }
1104     
1105             @if (settings.ActionButton != null)
1106             {
1107                 settings.ActionButton.CssClass += " btn--condensed u-no-margin";
1108                 <div class="form__field-combi u-no-margin dw-mod">
1109                     <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1110                     @Render(settings.ActionButton)
1111                 </div>
1112             }
1113             else
1114             {
1115                 <div class="form__field-combi u-no-margin dw-mod">
1116                     <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1117                 </div>
1118             }
1119     
1120             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1121         </div>
1122     }
1123     @using System.Reflection
1124     @using Dynamicweb.Rapido.Blocks.Components.General
1125     @using Dynamicweb.Rapido.Blocks.Components
1126     
1127     
1128     @* Component *@
1129     
1130     @helper RenderTextareaField(TextareaField settings)
1131     {
1132         Dictionary<string, string> attributes = new Dictionary<string, string>();    
1133         string id = settings.Id;
1134         if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(id)) 
1135         {
1136             id = Guid.NewGuid().ToString("N");
1137         }
1138         
1139         if (!string.IsNullOrEmpty(id)) { attributes.Add("id", id); }
1140         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1141         if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); }
1142         if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); }
1143         if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); }
1144         if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1145         if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); }
1146         if (settings.Disabled) { attributes.Add("disabled", "true"); }
1147         if (settings.Required) { attributes.Add("required", "true"); }
1148         if (settings.ReadOnly) { attributes.Add("readonly", "true"); }
1149         if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); }
1150         if (settings.Rows != 0) { attributes.Add("rows", settings.Rows.ToString()); }
1151         attributes.Add("name", settings.Name);
1152     
1153         if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
1154     
1155         <div class="form__field-group @settings.WrapperCssClass dw-mod">
1156             @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1157             {
1158                 <div class="u-full-width"> 
1159                     @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1160                     @if (settings.Link != null) {
1161                         <div class="u-pull--right">
1162                             @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1163                             @Render(settings.Link)
1164                         </div>
1165                     }
1166                 </div> 
1167             }
1168     
1169             @if (!string.IsNullOrEmpty(settings.HelpText))
1170             {
1171                 <small class="form__help-text">@settings.HelpText</small>
1172             }
1173     
1174             <textarea class="u-full-width @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Value</textarea>
1175     
1176             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1177         </div>
1178     }
1179     @using System.Reflection
1180     @using Dynamicweb.Rapido.Blocks.Components.General
1181     @using Dynamicweb.Rapido.Blocks.Components
1182     
1183     
1184     @* Component *@
1185     
1186     @helper RenderHiddenField(HiddenField settings) {
1187         var attributes = new Dictionary<string, string>();
1188         attributes.Add("type", "hidden");
1189         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1190         if (settings.Value != null) { attributes.Add("value", settings.Value); }
1191         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1192     
1193         <input @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)/>
1194     }
1195     @using System.Reflection
1196     @using Dynamicweb.Rapido.Blocks.Components.General
1197     @using Dynamicweb.Rapido.Blocks.Components
1198     
1199     @* Component *@
1200     
1201     @helper RenderCheckboxField(CheckboxField settings)
1202     {
1203         var attributes = new Dictionary<string, string>();
1204         if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 
1205         {
1206             settings.Id = Guid.NewGuid().ToString("N");
1207         }
1208         
1209         /*base settings*/
1210         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1211         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1212         if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1213         if (settings.Disabled) { attributes.Add("disabled", "true"); }
1214         if (settings.Required) { attributes.Add("required", "true"); }
1215         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1216         /*end*/
1217     
1218         if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
1219         
1220         attributes.Add("type", "checkbox");
1221         if (settings.Checked) { attributes.Add("checked", "true"); }
1222         settings.CssClass = "form__control " + settings.CssClass;
1223         if (settings.Value != null) { attributes.Add("value", settings.Value); }
1224     
1225         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1226     
1227         <div class="form__field-group @settings.WrapperCssClass dw-mod">
1228             <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1229             @if (!string.IsNullOrEmpty(settings.Label))
1230             {
1231                 <label for="@settings.Id" class="dw-mod">@settings.Label</label>
1232             }
1233     
1234             @if (settings.Link != null) {
1235                 <span>
1236                     @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1237                     @Render(settings.Link)
1238                 </span>
1239             }
1240     
1241             @if (!string.IsNullOrEmpty(settings.HelpText))
1242             {
1243                 <small class="form__help-text checkbox-help dw-mod">@settings.HelpText</small>
1244             }
1245             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1246         </div>
1247     }
1248     @using System.Reflection
1249     @using Dynamicweb.Rapido.Blocks.Components.General
1250     @using Dynamicweb.Rapido.Blocks.Components
1251     
1252     
1253     @* Component *@
1254     
1255     @helper RenderCheckboxListField(CheckboxListField settings)
1256     {
1257         <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1258             @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1259             {
1260                 <div class="u-full-width"> 
1261                     @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1262                     @if (settings.Link != null) {
1263                         <div class="u-pull--right">
1264                             @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1265                             @Render(settings.Link)
1266                         </div>
1267                     }
1268                 </div>
1269                 
1270             }
1271     
1272             <div class="u-pull--left">
1273                 @if (!string.IsNullOrEmpty(settings.HelpText))
1274                 {
1275                     <small class="form__help-text">@settings.HelpText</small>
1276                 }
1277     
1278                 @foreach (var item in settings.Options)
1279                 {
1280                     if (settings.Required)
1281                     {
1282                         item.Required = true;
1283                     }
1284                     if (settings.Disabled)
1285                     {
1286                         item.Disabled = true;
1287                     }
1288                     if (!string.IsNullOrEmpty(settings.Name))
1289                     {
1290                         item.Name = settings.Name;
1291                     }
1292                     if (!string.IsNullOrEmpty(settings.CssClass))
1293                     {
1294                         item.CssClass += settings.CssClass;
1295                     }
1296     
1297                     /* value is not supported */
1298     
1299                     if (!string.IsNullOrEmpty(settings.OnClick))
1300                     {
1301                         item.OnClick += settings.OnClick;
1302                     }
1303                     if (!string.IsNullOrEmpty(settings.OnChange))
1304                     {
1305                         item.OnChange += settings.OnChange;
1306                     }
1307                     @Render(item)
1308                 }
1309     
1310                 @Render(new NotificationMessage { Message = settings.ErrorMessage })
1311             </div>
1312             
1313         </div>
1314     }
1315     @using Dynamicweb.Rapido.Blocks.Components.General
1316     
1317     @* Component *@
1318     
1319     @helper RenderSearch(Search settings)
1320     {
1321         var searchValue = HttpContext.Current.Request.QueryString.Get(settings.SearchParameter) ?? "";
1322         var groupValue = HttpContext.Current.Request.QueryString.Get(settings.GroupsParameter) ?? "";
1323     
1324         if (string.IsNullOrEmpty(settings.Id)) 
1325         {
1326             settings.Id = Guid.NewGuid().ToString("N");
1327         }
1328     
1329         var resultAttributes = new Dictionary<string, string>();
1330     
1331         if (settings.PageSize != 0)
1332         {
1333             resultAttributes.Add("data-page-size", settings.PageSize.ToString());
1334         }
1335         if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl))
1336         {
1337             resultAttributes.Add("data-groups-feed-url", settings.GroupItemsFeedUrl);
1338             if (!string.IsNullOrEmpty(groupValue))
1339             {
1340                 resultAttributes.Add("data-selected-group", groupValue);
1341             }
1342             if (!string.IsNullOrEmpty(settings.GroupsParameter))
1343             {
1344                 resultAttributes.Add("data-groups-parameter", settings.GroupsParameter);
1345             }
1346         }
1347         resultAttributes.Add("data-force-init", "true");
1348         if (settings.GoToFirstSearchResultOnEnter)
1349         {
1350             resultAttributes.Add("data-go-to-first-search-result-on-enter", settings.GoToFirstSearchResultOnEnter.ToString().ToLower());
1351         }
1352         if (!string.IsNullOrEmpty(settings.SearchParameter))
1353         {
1354             resultAttributes.Add("data-search-parameter", settings.SearchParameter);
1355         }
1356         resultAttributes.Add("data-search-feed-url", settings.SearchData.SearchFeedUrl);
1357         resultAttributes.Add("data-results-template-id", settings.SearchData.ResultsTemplateId);
1358     
1359         if (settings.SecondSearchData != null) 
1360         {
1361             resultAttributes.Add("data-second-search-feed-url", settings.SecondSearchData.SearchFeedUrl);
1362             resultAttributes.Add("data-second-results-template-id", settings.SecondSearchData.ResultsTemplateId);
1363         }
1364         if (!string.IsNullOrEmpty(settings.ResultsPageUrl)) 
1365         {
1366             resultAttributes.Add("data-results-page-url", settings.ResultsPageUrl);
1367         }
1368     
1369         resultAttributes = resultAttributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1370     
1371         string searchFieldCss = (settings.SearchButton == null) ? "search--with-icon" : "";
1372     
1373         <div class="search @settings.CssClass @searchFieldCss js-search-data-source dw-mod" id="@settings.Id" @ComponentMethods.AddAttributes(resultAttributes)>
1374             @if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl))
1375             {
1376                 <button type="button" class="search__groups-btn dw-mod js-search-groups-btn">@Translate("All")</button>
1377                 <ul class="dropdown dropdown--absolute-position dw-mod search__groups-results js-search-groups-list"></ul>
1378             }
1379     
1380             <input type="text" class="search__field dw-mod js-search-field" placeholder="@settings.Placeholder" value="@searchValue">
1381             
1382             <div class="dropdown dropdown--absolute-position search__results dw-mod js-search-results @(settings.SecondSearchData != null ? "search__results--combined" : "")">
1383                 @if (settings.SecondSearchData != null)
1384                 {
1385                     <div class="search__column search__column--products dw-mod">
1386                         <div class="search__column-header dw-mod">@Translate("Products")</div>
1387                         <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul>
1388                         @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl))
1389                         {
1390                             @Render(new Link {
1391                                 Title = Translate("View all"),
1392                                 CssClass = "js-view-all-button u-margin",
1393                                 Href = settings.SearchData.ResultsPageUrl
1394                             });
1395                         }
1396                     </div>
1397                     <div class="search__column search__column--pages dw-mod">
1398                         <div class="search__column-header">@Translate("Pages")</div>
1399                         <ul class="search__results-list dw-mod js-search-results-second-list" id="@(settings.Id)_SecondResultsList"></ul>
1400                         @if (!string.IsNullOrEmpty(settings.SecondSearchData.ResultsPageUrl))
1401                         {
1402                             @Render(new Link
1403                             {
1404                                 Title = Translate("View all"),
1405                                 CssClass = "js-view-all-button u-margin",
1406                                 Href = settings.SecondSearchData.ResultsPageUrl
1407                             });
1408                         }
1409                     </div>
1410                 }
1411                 else
1412                 {
1413                     <div class="search__column search__column--only dw-mod">
1414                         <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul>
1415                         @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl))
1416                         {
1417                             @Render(new Link {
1418                                 Title = Translate("View all"),
1419                                 CssClass = "js-view-all-button u-margin",
1420                                 Href = settings.SearchData.ResultsPageUrl
1421                             });
1422                         }
1423                     </div>
1424                 }
1425             </div>
1426     
1427             @if (settings.SearchButton != null)
1428             {
1429                 settings.SearchButton.CssClass += " search__btn js-search-btn";
1430                 if (settings.RenderDefaultSearchIcon)
1431                 {
1432                     settings.SearchButton.Icon = new Icon { Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue };
1433                 }
1434                 @Render(settings.SearchButton);
1435             }
1436         </div>
1437     }
1438     @using System.Reflection
1439     @using Dynamicweb.Rapido.Blocks.Components.General
1440     @using Dynamicweb.Rapido.Blocks.Components
1441     
1442     
1443     @* Component *@
1444     
1445     @helper RenderSelectField(SelectField settings)
1446     {
1447         if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id))
1448         {
1449             settings.Id = Guid.NewGuid().ToString("N");
1450         }
1451     
1452         <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod">
1453             @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null )
1454             {
1455                 <div class="u-full-width"> 
1456                     @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> }
1457                     @if (settings.Link != null) {
1458                         <div class="u-pull--right">
1459                             @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; }
1460                             @Render(settings.Link)
1461                         </div>
1462                     }
1463                 </div> 
1464             }
1465     
1466             @if (!string.IsNullOrEmpty(settings.HelpText))
1467             {
1468                 <small class="form__help-text">@settings.HelpText</small>
1469             }
1470     
1471             @if (settings.ActionButton != null)
1472             {
1473                 settings.ActionButton.CssClass += " btn--condensed u-no-margin";
1474                 <div class="form__field-combi u-no-margin dw-mod">
1475                     @RenderSelectBase(settings)
1476                     @Render(settings.ActionButton)
1477                 </div>
1478             }
1479             else
1480             {
1481                 @RenderSelectBase(settings)
1482             }
1483     
1484             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1485         </div>
1486     }
1487     
1488     @helper RenderSelectBase(SelectField settings)
1489     {
1490         var attributes = new Dictionary<string, string>();
1491     
1492         /*base settings*/
1493         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1494         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1495         if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1496         if (settings.Disabled) { attributes.Add("disabled", "true"); }
1497         if (settings.Required) { attributes.Add("required", "true"); }
1498         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1499         /*end*/
1500     
1501         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1502     
1503         <select @ComponentMethods.AddAttributes(resultAttributes) class="u-full-width @settings.CssClass dw-mod">
1504             @if (settings.Default != null)
1505             {
1506                 @Render(settings.Default)
1507             }
1508     
1509             @foreach (var item in settings.Options)
1510             {
1511                 if (settings.Value != null) {
1512                     item.Checked = item.Value == settings.Value;
1513                 }
1514                 @Render(item)
1515             }
1516         </select>
1517     }
1518     @using System.Reflection
1519     @using Dynamicweb.Rapido.Blocks.Components.General
1520     @using Dynamicweb.Rapido.Blocks.Components
1521     
1522     @* Component *@
1523     
1524     @helper RenderRadioButtonField(RadioButtonField settings)
1525     {
1526         var attributes = new Dictionary<string, string>();
1527         if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 
1528         {
1529             settings.Id = Guid.NewGuid().ToString("N");
1530         }
1531     
1532         /*base settings*/
1533         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1534         if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); }
1535         if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); }
1536         if (settings.Disabled) { attributes.Add("disabled", "true"); }
1537         if (settings.Required) { attributes.Add("required", "true"); }
1538         if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); }
1539         /*end*/
1540         
1541         attributes.Add("type", "radio");
1542         if (settings.Checked) { attributes.Add("checked", "true"); }
1543         settings.CssClass = "form__control " + settings.CssClass;
1544         if (settings.Value != null) { attributes.Add("value", settings.Value); }
1545     
1546         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value);
1547     
1548         <div class="form__field-group @settings.WrapperCssClass dw-mod">
1549             <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" />
1550             @if (!string.IsNullOrEmpty(settings.Label))
1551             {
1552                 <label for="@settings.Id" class="dw-mod">@settings.Label</label>
1553             }
1554             @if (!string.IsNullOrEmpty(settings.HelpText))
1555             {
1556                 <small class="form__help-text">@settings.HelpText</small>
1557             }
1558             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1559         </div>
1560     }
1561     @using System.Reflection
1562     @using Dynamicweb.Rapido.Blocks.Components.General
1563     @using Dynamicweb.Rapido.Blocks.Components
1564     
1565     
1566     @* Component *@
1567     
1568     @helper RenderRadioButtonListField(RadioButtonListField settings)
1569     {
1570         if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; }
1571     
1572         <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1573             @if (!string.IsNullOrEmpty(settings.Label))
1574             {
1575                 <label>@settings.Label</label>
1576             }
1577             @if (!string.IsNullOrEmpty(settings.HelpText))
1578             {
1579                 <small class="form__help-text">@settings.HelpText</small>
1580             }
1581     
1582             @foreach (var item in settings.Options)
1583             {
1584                 if (settings.Required)
1585                 {
1586                     item.Required = true;
1587                 }
1588                 if (settings.Disabled)
1589                 {
1590                     item.Disabled = true;
1591                 }
1592                 if (!string.IsNullOrEmpty(settings.Name))
1593                 {
1594                     item.Name = settings.Name;
1595                 }
1596                 if (settings.Value != null && settings.Value == item.Value)
1597                 {
1598                     item.Checked = true;
1599                 }
1600                 if (!string.IsNullOrEmpty(settings.OnClick))
1601                 {
1602                     item.OnClick += settings.OnClick;
1603                 }
1604                 if (!string.IsNullOrEmpty(settings.OnChange))
1605                 {
1606                     item.OnChange += settings.OnChange;
1607                 }
1608                 if (!string.IsNullOrEmpty(settings.CssClass))
1609                 {
1610                     item.CssClass += settings.CssClass;
1611                 }
1612                 @Render(item)
1613             }
1614     
1615             @Render(new NotificationMessage { Message = settings.ErrorMessage })
1616         </div>
1617     }
1618     @using System.Reflection
1619     @using Dynamicweb.Rapido.Blocks.Components.General
1620     @using Dynamicweb.Rapido.Blocks.Components
1621     
1622     
1623     @* Component *@
1624     
1625     @helper RenderNotificationMessage(NotificationMessage settings)
1626     {
1627         if (!string.IsNullOrEmpty(settings.Message))
1628         {
1629             var attributes = new Dictionary<string, string>();
1630             if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1631     
1632             string messageTypeClass = Enum.GetName(typeof(NotificationMessageType), settings.MessageType).ToLower();
1633             string messageLayoutClass = Enum.GetName(typeof(NotificationMessageLayout), settings.MessageLayout).ToLower();
1634             string minHeightClass = settings.Icon != null ? "u-min-h70px" : "";
1635     
1636             <div class="notification-message-@messageTypeClass notification-message-@messageLayoutClass @messageLayoutClass @minHeightClass @settings.CssClass u-full-width  dw-mod" @ComponentMethods.AddAttributes(attributes)>
1637                 @if (settings.Icon != null) {
1638                     settings.Icon.Label = !string.IsNullOrEmpty(settings.Icon.Label) ? settings.Message + settings.Icon.Label : settings.Message;
1639                     @Render(settings.Icon)
1640                 } else {
1641                     @settings.Message
1642                 }
1643             </div>
1644         }
1645     }
1646     @using Dynamicweb.Rapido.Blocks.Components.General
1647     
1648     
1649     @* Component *@
1650     
1651     @helper RenderHandlebarsRoot(HandlebarsRoot settings) {
1652         string preRender = !String.IsNullOrEmpty(settings.PreRenderScriptTemplate) ? "data-pre-render-template=\"" + settings.PreRenderScriptTemplate + "\"" : "";
1653     
1654         <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>
1655             @if (settings.SubBlocks != null) {
1656                 @RenderBlockList(settings.SubBlocks)
1657             }
1658         </div>
1659     }
1660     @using System.Reflection
1661     @using Dynamicweb.Rapido.Blocks.Components.General
1662     @using Dynamicweb.Rapido.Blocks.Components
1663     @using System.Text.RegularExpressions
1664     
1665     
1666     @* Component *@
1667     
1668     @helper RenderSticker(Sticker settings) {
1669         if (!String.IsNullOrEmpty(settings.Title)) {
1670             string size = settings.Size.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Size.ToString().ToLower() : "";
1671             string style = settings.Style.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Style.ToString().ToLower() : "";
1672     
1673             Dictionary<String, String> optionalAttributes = new Dictionary<string, string>();
1674             if (!String.IsNullOrEmpty(settings.Color) || !String.IsNullOrEmpty(settings.BackgroundColor)) {
1675                 string styleTag = !String.IsNullOrEmpty(settings.Color) ? "color: " + settings.Color + "; " : "";
1676                 styleTag += !String.IsNullOrEmpty(settings.BackgroundColor) ? "background-color: " + settings.BackgroundColor + "; " : "";
1677                 optionalAttributes.Add("style", styleTag);
1678             }
1679     
1680             <div class="stickers-container__tag @size @style @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Title</div>   
1681         }
1682     }
1683     
1684     @using System.Reflection
1685     @using Dynamicweb.Rapido.Blocks.Components.General
1686     @using Dynamicweb.Rapido.Blocks.Components
1687     
1688     
1689     @* Component *@
1690     
1691     @helper RenderStickersCollection(StickersCollection settings)
1692     {
1693         if (settings.Stickers.Count > 0) 
1694         {
1695             string position = "stickers-container--" + Regex.Replace(settings.Position.ToString(), "([a-z])([A-Z])", "$1-$2").ToLower();
1696     
1697             <div class="stickers-container @position @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1698                 @foreach (Sticker sticker in settings.Stickers)
1699                 {
1700                     @Render(sticker)
1701                 }
1702             </div> 
1703         }
1704     }
1705     
1706     @using Dynamicweb.Rapido.Blocks.Components.General
1707     
1708     
1709     @* Component *@
1710     
1711     @helper RenderForm(Form settings) {
1712         if (settings != null)
1713         {
1714             Dictionary<string, string> optionalAttributes = new Dictionary<string, string>();
1715             if (!string.IsNullOrEmpty(settings.Action)) { optionalAttributes.Add("action", settings.Action); };
1716             if (!string.IsNullOrEmpty(settings.Name)) { optionalAttributes.Add("name", settings.Name); };
1717             if (!string.IsNullOrEmpty(settings.OnSubmit)) { optionalAttributes.Add("onsubmit", settings.OnSubmit); };
1718             var enctypes = new Dictionary<string, string>
1719             {
1720                 { "multipart", "multipart/form-data" },
1721                 { "text", "text/plain" },
1722                 { "application", "application/x-www-form-urlencoded" }
1723             };
1724             if (settings.Enctype != FormEnctype.none) { optionalAttributes.Add("enctype", enctypes[Enum.GetName(typeof(FormEnctype), settings.Enctype).ToLower()]); };
1725             optionalAttributes.Add("method", settings.Method.ToString());
1726     
1727             if (!string.IsNullOrEmpty(settings.FormStartMarkup))
1728             {
1729                 @settings.FormStartMarkup
1730             }
1731             else
1732             {
1733                 @:<form class="@settings.CssClass u-no-margin dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>
1734             }
1735     
1736             foreach (var field in settings.GetFields())
1737             {
1738                 @Render(field)
1739             }
1740     
1741             @:</form>
1742         }
1743     }
1744     @using System.Reflection
1745     @using Dynamicweb.Rapido.Blocks.Components.General
1746     @using Dynamicweb.Rapido.Blocks.Components
1747     
1748     
1749     @* Component *@
1750     
1751     @helper RenderText(Text settings)
1752     {
1753         @settings.Content 
1754     }
1755     @using System.Reflection
1756     @using Dynamicweb.Rapido.Blocks.Components.General
1757     @using Dynamicweb.Rapido.Blocks.Components
1758     
1759     
1760     @* Component *@
1761     
1762     @helper RenderContentModule(ContentModule settings) {
1763         if (!string.IsNullOrEmpty(settings.Content))
1764         {
1765             @settings.Content 
1766         } 
1767     }
1768     @using System.Reflection
1769     @using Dynamicweb.Rapido.Blocks.Components.General
1770     @using Dynamicweb.Rapido.Blocks.Components
1771     
1772     
1773     @* Component *@
1774     
1775     @helper RenderModal(Modal settings) {
1776         if (settings != null)
1777         {
1778             string modalId = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N");
1779     
1780             string onchange = !string.IsNullOrEmpty(settings.OnClose) ? "onchange=\"if(!this.checked){" + settings.OnClose + "}\"" : "";
1781     
1782             <input type="checkbox" id="@(modalId)ModalTrigger" class="modal-trigger" @onchange />
1783     
1784             <div class="modal-container">
1785                 @if (!settings.DisableDarkOverlay)
1786                 {
1787                     <label for="@(modalId)ModalTrigger" id="@(modalId)ModalOverlay" class="modal-overlay"></label>
1788                 }
1789                 <div class="modal [email protected]().ToLower() [email protected]().ToLower()" id="@(modalId)Modal">
1790                     @if (settings.Heading != null)
1791                     {
1792                         if (!string.IsNullOrEmpty(settings.Heading.Title))
1793                         {
1794                             <div class="modal__header">
1795                                 @Render(settings.Heading)
1796                             </div>
1797                         }
1798                     }
1799                     <div class="modal__body @(settings.Width.ToString().ToLower() == "full" ? "modal__body--full" : "")">
1800                         @if (!string.IsNullOrEmpty(settings.BodyText))
1801                         {
1802                             @settings.BodyText
1803                         }
1804                         @if (settings.BodyTemplate != null)
1805                         {
1806                             @settings.BodyTemplate
1807                         }
1808                         @{
1809                             var actions = settings.GetActions();
1810                         }
1811                     </div>
1812                     @if (actions.Length > 0)
1813                     {
1814                         <div class="modal__footer">
1815                             @foreach (var action in actions)
1816                             {
1817                                 if (Pageview.Device.ToString() != "Mobile") {
1818                                     action.CssClass += " u-no-margin";
1819                                 } else {
1820                                     action.CssClass += " u-full-width u-margin-bottom";
1821                                 }
1822     
1823                                 @Render(action)
1824                             }
1825                         </div>
1826                     }
1827                     <label class="modal__close-btn" for="@(modalId)ModalTrigger"></label>
1828                 </div>
1829             </div>
1830         } 
1831     }
1832     @using Dynamicweb.Rapido.Blocks.Components.General
1833     
1834     @* Component *@
1835     
1836     @helper RenderMediaListItem(MediaListItem settings)
1837     {
1838         <div class="media-list-item @settings.CssClass dw-mod" @(!string.IsNullOrEmpty(settings.Id) ? "id=\"" + settings.Id + "\"" : "")>
1839             @if (!string.IsNullOrEmpty(settings.Label))
1840             {
1841                 if (!string.IsNullOrEmpty(settings.Link))
1842                 {
1843                     @Render(new Link
1844                     {
1845                         Href = settings.Link,
1846                         CssClass = "media-list-item__sticker dw-mod",
1847                         ButtonLayout = ButtonLayout.None,
1848                         Title = settings.Label,
1849                         OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : ""
1850                     })
1851                 }
1852                 else if (!string.IsNullOrEmpty(settings.OnClick))
1853                 {
1854                     <span class="media-list-item__sticker dw-mod" onclick="@(settings.OnClick)">
1855                         <span class="u-uppercase">@settings.Label</span>
1856                     </span>
1857                 }
1858                 else
1859                 {
1860                     <span class="media-list-item__sticker media-list-item__sticker--no-link dw-mod">
1861                         <span class="u-uppercase">@settings.Label</span>
1862                     </span>
1863                 }
1864             }
1865             <div class="media-list-item__wrap">
1866                 <div class="media-list-item__info dw-mod">
1867                     <div class="media-list-item__header dw-mod">
1868                         @if (!string.IsNullOrEmpty(settings.Title))
1869                         {
1870                             if (!string.IsNullOrEmpty(settings.Link))
1871                             {
1872                                 @Render(new Link
1873                                 {
1874                                     Href = settings.Link,
1875                                     CssClass = "media-list-item__name dw-mod",
1876                                     ButtonLayout = ButtonLayout.None,
1877                                     Title = settings.Title,
1878                                     OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : ""
1879                                 })
1880                             }
1881                             else if (!string.IsNullOrEmpty(settings.OnClick))
1882                             {
1883                                 <span class="media-list-item__name dw-mod" onclick="@(settings.OnClick)">@settings.Title</span>
1884                             }
1885                             else
1886                             {
1887                                 <span class="media-list-item__name media-list-item__name--no-link dw-mod">@settings.Title</span>
1888                             }
1889                         }
1890     
1891                         @if (!string.IsNullOrEmpty(settings.Status))
1892                         {
1893                             <div class="media-list-item__state dw-mod">@settings.Status</div>
1894                         }
1895                     </div>
1896                     @{
1897                         settings.InfoTable.CssClass += " media-list-item__parameters-table";
1898                     }
1899                 
1900                     @Render(settings.InfoTable)
1901                 </div>
1902                 <div class="media-list-item__actions dw-mod">
1903                     <div class="media-list-item__actions-list dw-mod">
1904                         @{
1905                             var actions = settings.GetActions();
1906     
1907                             foreach (ButtonBase action in actions)
1908                             {
1909                                 action.ButtonLayout = ButtonLayout.None;
1910                                 action.CssClass += " media-list-item__action link";
1911     
1912                                 @Render(action)
1913                             }
1914                         }
1915                     </div>
1916     
1917                     @if (settings.SelectButton != null && !string.IsNullOrEmpty(settings.SelectButton.Title))
1918                     {
1919                         settings.SelectButton.CssClass += " u-no-margin";
1920     
1921                         <div class="media-list-item__action-button">
1922                             @Render(settings.SelectButton)
1923                         </div>
1924                     }
1925                 </div>
1926             </div>
1927         </div>
1928     }
1929     @using Dynamicweb.Rapido.Blocks.Components.General
1930     @using Dynamicweb.Rapido.Blocks.Components
1931     
1932     @helper RenderTable(Table settings)
1933     {
1934         Dictionary<string, string> attributes = new Dictionary<string, string>();
1935         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1936         
1937         var enumToClasses = new Dictionary<TableDesign, string> 
1938         {
1939             { TableDesign.Clean, "table--clean" },
1940             { TableDesign.Bordered, "table--bordered" },
1941             { TableDesign.Striped, "table--striped" },
1942             { TableDesign.Hover, "table--hover" },
1943             { TableDesign.Compact, "table--compact" },
1944             { TableDesign.Condensed, "table--condensed" },
1945             { TableDesign.NoTopBorder, "table--no-top-border" }
1946         };
1947         string tableDesignClass = "";
1948         if (settings.Design != TableDesign.None) 
1949         {
1950             tableDesignClass = enumToClasses[settings.Design];
1951         }
1952     
1953         if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableDesign.None) { attributes.Add("class", "table " + tableDesignClass + " " + settings.CssClass + " dw-mod"); }
1954         
1955         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value);
1956     
1957         <table @ComponentMethods.AddAttributes(resultAttributes)>
1958             @if (settings.Header != null)
1959             {
1960                 <thead>
1961                     @Render(settings.Header)
1962                 </thead>
1963             }
1964             <tbody>
1965                 @foreach (var row in settings.Rows)
1966                 {
1967                     @Render(row)
1968                 }
1969             </tbody>
1970             @if (settings.Footer != null)
1971             {
1972                 <tfoot>
1973                     @Render(settings.Footer)
1974                 </tfoot>
1975             }
1976         </table>
1977     }
1978     @using Dynamicweb.Rapido.Blocks.Components.General
1979     @using Dynamicweb.Rapido.Blocks.Components
1980     
1981     @helper RenderTableRow(TableRow settings)
1982     {
1983         Dictionary<string, string> attributes = new Dictionary<string, string>();
1984         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
1985         
1986         var enumToClasses = new Dictionary<TableRowDesign, string> 
1987         {
1988             { TableRowDesign.NoBorder, "table__row--no-border" },
1989             { TableRowDesign.Border, "table__row--border" },
1990             { TableRowDesign.TopBorder, "table__row--top-line" },
1991             { TableRowDesign.BottomBorder, "table__row--bottom-line" },
1992             { TableRowDesign.Solid, "table__row--solid" }
1993         };
1994     
1995         string tableRowDesignClass = "";
1996         if (settings.Design != TableRowDesign.None) 
1997         {
1998             tableRowDesignClass = enumToClasses[settings.Design];
1999         }
2000     
2001         if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableRowDesign.None) { attributes.Add("class", "table__row " + tableRowDesignClass + " " + settings.CssClass + " dw-mod"); }
2002     
2003         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value);
2004     
2005         <tr @ComponentMethods.AddAttributes(resultAttributes)>
2006             @foreach (var cell in settings.Cells)
2007             {
2008                 if (settings.IsHeaderRow)
2009                 {
2010                     cell.IsHeader = true;
2011                 }
2012                 @Render(cell)
2013             }
2014         </tr>
2015     }
2016     @using Dynamicweb.Rapido.Blocks.Components.General
2017     @using Dynamicweb.Rapido.Blocks.Components
2018     @using Dynamicweb.Core
2019     
2020     @helper RenderTableCell(TableCell settings)
2021     {
2022         Dictionary<string, string> attributes = new Dictionary<string, string>();
2023         if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); }
2024         if (settings.Colspan != 0) { attributes.Add("colspan", Converter.ToString(settings.Colspan)); }
2025         if (settings.Rowspan != 0) { attributes.Add("rowspan", Converter.ToString(settings.Rowspan)); }
2026         if (!string.IsNullOrEmpty(settings.CssClass)) { attributes.Add("class", settings.CssClass + " dw-mod"); }
2027     
2028         var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value);
2029     
2030         string tagName = settings.IsHeader ? "th" : "td";
2031     
2032         @("<" + tagName + " " + ComponentMethods.AddAttributes(resultAttributes) + ">")
2033             @settings.Content
2034         @("</" + tagName + ">");
2035     }
2036     @using System.Linq
2037     @using Dynamicweb.Rapido.Blocks.Components.General
2038     
2039     @* Component *@
2040     
2041     @helper RenderPagination(Dynamicweb.Rapido.Blocks.Components.General.Pagination settings)
2042     {
2043         var pageNumberQueryStringName = Dynamicweb.Rapido.Services.Pagination.GetPageNumberQueryStringName(settings);    // Get the proper 'page number' query string parameter
2044         var queryParameters = Dynamicweb.Rapido.Services.Url.GetQueryParameters(pageNumberQueryStringName);              // Get the NameValueCollection from the querystring
2045     
2046         if (settings.NumberOfPages > 1)
2047         {
2048             string url = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority) + "/Default.aspx";
2049             string ariaLabel = !string.IsNullOrWhiteSpace(settings.AriaLabel) ? settings.AriaLabel : Translate("Page navigation");
2050             Dictionary<string, int> startAndEndPageNumber = Dynamicweb.Rapido.Services.Pagination.GetStartAndEndPageNumber(settings);
2051     
2052             <div class="pager u-margin-top dw-mod @settings.CssClass" aria-label="@ariaLabel">
2053                 @if (settings.ShowPagingInfo)
2054                 {
2055                     <div class="pager__info dw-mod">
2056                         @Translate("Page") @settings.CurrentPageNumber @Translate("of") @settings.NumberOfPages
2057                     </div>
2058                 }
2059                 <ul class="pager__list dw-mod">
2060                     @if (!string.IsNullOrWhiteSpace(settings.FirstPageUrl) && settings.ShowFirstAndLastControls)
2061                     {
2062                         @Render(new PaginationItem { Link = settings.FirstPageUrl, Icon = settings.FirstIcon })
2063                     }
2064                     @if (!string.IsNullOrWhiteSpace(settings.PreviousPageUrl) && settings.ShowNextAndPrevControls)
2065                     {
2066                         @Render(new PaginationItem { Link = settings.PreviousPageUrl, Icon = settings.PrevIcon })
2067                     }
2068                     @if (settings.GetPages().Any())
2069                     {
2070                         foreach (var page in settings.GetPages())
2071                         {
2072                             @Render(page)
2073                         }
2074                     }
2075                     else
2076                     {
2077                         for (var page = startAndEndPageNumber["StartPage"]; page <= startAndEndPageNumber["EndPage"]; page++)
2078                         {
2079                             queryParameters = Dynamicweb.Rapido.Services.Url.UpdateQueryStringParameter(queryParameters, pageNumberQueryStringName, page.ToString());
2080                             @Render(new PaginationItem { Label = page.ToString(), Link = Dynamicweb.Rapido.Services.Url.BuildUri(url, queryParameters).PathAndQuery, IsActive = (settings.CurrentPageNumber == page) });
2081                         }
2082                     }
2083                     @if (!string.IsNullOrWhiteSpace(settings.NextPageUrl) && settings.ShowNextAndPrevControls)
2084                     {
2085                         @Render(new PaginationItem { Link = settings.NextPageUrl, Icon = settings.NextIcon })
2086                     }
2087                     @if (!string.IsNullOrWhiteSpace(settings.LastPageUrl) && settings.ShowFirstAndLastControls)
2088                     {
2089                         @Render(new PaginationItem { Link = settings.LastPageUrl, Icon = settings.LastIcon })
2090                     }
2091                 </ul>
2092             </div>
2093         }
2094     }
2095     
2096     @helper RenderPaginationItem(PaginationItem settings)
2097     {
2098         if (settings.Icon == null)
2099         {
2100             settings.Icon = new Icon();
2101         }
2102     
2103         settings.Icon.Label = settings.Label;
2104         <li class="pager__btn dw-mod">
2105             @if (settings.IsActive)
2106             {
2107                 <span class="pager__num pager__num--current dw-mod">
2108                     @Render(settings.Icon)
2109                 </span>
2110             }
2111             else
2112             {
2113                 <a href="@settings.Link" class="pager__num dw-mod">
2114                     @Render(settings.Icon)
2115                 </a>
2116             }
2117         </li>
2118     }
2119     
2120     
2121     @using Dynamicweb.Rapido.Blocks.Components.General
2122     @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
2123     
2124     
2125     @using Dynamicweb.Rapido.Blocks.Components 
2126     
2127     @using Dynamicweb.Rapido.Blocks.Components.General
2128     @using Dynamicweb.Rapido.Blocks.Components.Ecommerce
2129     
2130     
2131     @using Dynamicweb.Rapido.Blocks.Components
2132     
2133     @functions {
2134         public class WEHD365CEForm : ComponentBase
2135         {
2136             public string FormID { get; set; }
2137             public string FormDisplayLanguage { get; set; }
2138             public string FormHeaderText { get; set; }
2139             public string ProductID { get; set; }
2140             public string ProductName { get; set; }
2141         }
2142     }
2143     
2144     @helper RenderWEHD365CEForm(WEHD365CEForm settings)
2145     {
2146         switch (settings.FormID)
2147         {
2148             case "frmLGTest1": // render form frmLGTest1
2149                 <h6 style="text-align:center;">@settings.FormHeaderText</h6>
2150                 <div data-form-block-id="c9425061-e4b7-eb11-8236-000d3abf1bff"></div>
2151                 <script src="https://mktdplp102cdn.azureedge.net/public/latest/js/form-loader.js?v=1.72.2001.0"></script>
2152                 <script>
2153                 MsCrmMkt.MsCrmFormLoader.on('afterFormLoad', function(event) {
2154                 var self = window.location.toString();
2155                 document.getElementById('f826b004-72ef-460c-bcc5-bd50e3b038bd').value = self;
2156                 document.getElementById('7fb79639-35db-ea11-a813-000d3a23c7a8').value = "@settings.ProductName";
2157                 });
2158                 </script>
2159                 <div id="dtWuwwn4OJIUNVclIs5anD-R5PxhY0Y2iU1gV4HWxbrA"></div>
2160                 <script src="https://mktdplp102cdn.azureedge.net/public/latest/js/ws-tracking.js?v=1.72.2001.0"></script>
2161                 <div class="d365-mkt-config" style="display:none" data-website-id="tWuwwn4OJIUNVclIs5anD-R5PxhY0Y2iU1gV4HWxbrA" data-hostname="d846845065e14e938c7919c162112442.svc.dynamics.com">
2162                 </div>
2163                 break;
2164             case "frmLGTest2": // render form frmLGTest2
2165                 <h6 style="text-align:center;">@settings.FormHeaderText</h6>
2166                 <div data-form-block-id="c9425061-e4b7-eb11-8236-000d3abf1bff"></div>
2167                 <script src="https://mktdplp102cdn.azureedge.net/public/latest/js/form-loader.js?v=1.72.2001.0"></script>
2168                 <script>
2169                 MsCrmMkt.MsCrmFormLoader.on('afterFormLoad', function(event) {
2170                 var self = window.location.toString();
2171                 document.getElementById('f826b004-72ef-460c-bcc5-bd50e3b038bd').value = self;
2172                 document.getElementById('7fb79639-35db-ea11-a813-000d3a23c7a8').value = "@settings.ProductName";
2173                 });
2174                 </script>
2175                 <div id="dtWuwwn4OJIUNVclIs5anD-R5PxhY0Y2iU1gV4HWxbrA"></div>
2176                 <script src="https://mktdplp102cdn.azureedge.net/public/latest/js/ws-tracking.js?v=1.72.2001.0"></script>
2177                 <div class="d365-mkt-config" style="display:none" data-website-id="tWuwwn4OJIUNVclIs5anD-R5PxhY0Y2iU1gV4HWxbrA" data-hostname="d846845065e14e938c7919c162112442.svc.dynamics.com">
2178                 </div>
2179                 break;
2180             default:
2181                 break;
2182         }
2183     }
2184     
2185     
2186     
2187     @using Dynamicweb.Frontend
2188     @using System.Reflection
2189     @using Dynamicweb.Content.Items
2190     @using System.Web.UI.HtmlControls
2191     @using Dynamicweb.Rapido.Blocks.Components
2192     @using Dynamicweb.Rapido.Blocks
2193     @using Dynamicweb.Rapido.Blocks.Components.Articles
2194     
2195     @* Components for the articles *@
2196     @using System.Reflection
2197     @using Dynamicweb.Rapido.Blocks.Components.Articles
2198     
2199     
2200     @* Component for the articles *@
2201     
2202     @helper RenderArticleBanner(dynamic settings) { 
2203         string filterClasses = "image-filter image-filter--darken";
2204         settings.Layout = ArticleHeaderLayout.Banner;
2205     
2206         if (settings.Image != null)
2207         {
2208             if (settings.Image.Path != null)
2209             {
2210                 <section class="multiple-paragraphs-container u-color-light paragraph-container--full-width">
2211                     <div class="background-image @filterClasses dw-mod">
2212                         <div class="background-image__wrapper @filterClasses dw-mod">
2213                             @{ 
2214                                 settings.Image.CssClass += "background-image__cover dw-mod";
2215                             }
2216                             @Render(settings.Image)
2217                         </div>
2218                     </div>
2219                     <div class="center-container dw-mod">
2220                         <div class="grid">
2221                             <div class="grid__col-md-8 grid__col-xs-12 paragraph-container paragraph-container--height-lg">
2222                                 <div class="u-left-middle">
2223                                     <div>
2224                                         @if (!String.IsNullOrEmpty(settings.Heading))
2225                                         {
2226                                             <h1 class="article__header article__header--giant dw-mod" style="color: @settings.TextColor">@settings.Heading</h1>
2227                                         }
2228                                         @if (!String.IsNullOrEmpty(settings.Subheading))
2229                                         {
2230                                             <div class="article__leadtext dw-mod" style="color: @settings.TextColor">@settings.Subheading</div>
2231                                         }
2232                                         @if (!String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date))
2233                                         {
2234                                             <small class="article__post-info u-margin-bottom--lg dw-mod" style="color: @settings.TextColor">@settings.Author @settings.Date</small>
2235                                         }
2236                                         @if (!String.IsNullOrEmpty(settings.Link)) {
2237                                             <div class="grid__cell">
2238                                                 @Render(new Link { Href = settings.Link, Title = settings.LinkText, ButtonLayout = settings.ButtonLayout })
2239                                             </div>
2240                                         }
2241                                     </div>
2242                                 </div>
2243                             </div>
2244                             @if (settings.ExternalParagraphId != 0)
2245                             {
2246                                 <div class="grid__col-md-4 grid__col-sm-12 grid__col-xs-12 paragraph-container paragraph-container--height-auto dw-mod">
2247                                     <div class="u-color-light-gray--bg u-color-dark dw-mod">
2248                                         @RenderParagraphContent(settings.ExternalParagraphId)
2249                                     </div>
2250                                 </div> 
2251                             }
2252                             
2253                         </div>
2254                     </div>
2255                 </section>
2256                 if (!String.IsNullOrEmpty(settings.Image.Caption)) {
2257                     <div class="image-caption dw-mod">@settings.Image.Caption</div>
2258                 }
2259             }
2260             else 
2261             {
2262                 settings.Layout = ArticleHeaderLayout.Clean;
2263                 @RenderArticleCleanHeader(settings);
2264             }
2265         }
2266         else
2267         {
2268             settings.Layout = ArticleHeaderLayout.Clean;
2269             @RenderArticleCleanHeader(settings);
2270         }
2271     }
2272     @using System.Reflection
2273     @using Dynamicweb.Rapido.Blocks.Components
2274     @using Dynamicweb.Rapido.Blocks.Components.General
2275     @using Dynamicweb.Rapido.Blocks.Components.Articles
2276     @using Dynamicweb.Rapido.Blocks
2277     
2278     
2279     @* Component for the articles *@
2280     
2281     @helper RenderArticleHeader(ArticleHeader settings) {
2282         dynamic[] methodParameters = new dynamic[1]; 
2283         methodParameters[0] = settings; 
2284         MethodInfo customMethod = this.GetType().GetMethod("RenderArticleHeaderCustom");
2285     
2286         if (customMethod != null)
2287         {  
2288             @customMethod.Invoke(this, methodParameters).ToString();                                         
2289         } else {
2290             switch (settings.Layout)
2291             {
2292                 case ArticleHeaderLayout.Clean:
2293                     @RenderArticleCleanHeader(settings);
2294                     break;
2295                 case ArticleHeaderLayout.Split:
2296                     @RenderArticleSplitHeader(settings);
2297                     break;
2298                 case ArticleHeaderLayout.Banner:
2299                     @RenderArticleBannerHeader(settings);
2300                     break;
2301                 case ArticleHeaderLayout.Overlay:
2302                     @RenderArticleOverlayHeader(settings);
2303                     break;
2304                 default:
2305                     @RenderArticleCleanHeader(settings);
2306                     break;
2307             }
2308         }
2309     }
2310     
2311     @helper RenderArticleCleanHeader(ArticleHeader settings) {
2312         dynamic[] methodParameters = new dynamic[1];
2313         methodParameters[0] = settings;
2314         MethodInfo customMethod = this.GetType().GetMethod("RenderArticleCleanHeaderCustom");
2315     
2316         if (customMethod != null)
2317         {
2318                 @customMethod.Invoke(this, methodParameters).ToString();
2319         }
2320         else
2321         {
2322             string contentColumns = settings.TextLayout != ArticleHeaderTextLayout.Full ? "8" : "12";
2323     
2324             <div class="grid grid--align-content-start grid--justify-start">
2325                 <div class="grid__col-md-@contentColumns grid__col-sm-12 u-padding--lg dw-mod">
2326                     @if (!String.IsNullOrEmpty(settings.Category) || !String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date) || settings.RatingOutOf != 0)
2327                     {
2328                         <div class="u-border-bottom u-padding-bottom">
2329                             @if (!String.IsNullOrEmpty(settings.Category))
2330                             {
2331                                 <div class="u-pull--left">
2332                                     <div class="article__category dw-mod" style="color: @settings.CategoryColor">@settings.Category</div>
2333                                 </div>
2334                             }
2335                             <div class="u-pull--right">
2336                                 @if (!String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date))
2337                                 {
2338                                     <small class="article__post-info dw-mod">@settings.Author @settings.Date</small>
2339                                 }
2340                                 @if (settings.RatingOutOf != 0)
2341                                 {
2342                                     @Render(new Rating { Score = settings.RatingScore, OutOf = settings.RatingOutOf })
2343                                 }
2344                             </div>
2345                         </div>
2346                     }
2347     
2348                     <div class="grid__cell">
2349                        @if (!String.IsNullOrEmpty(settings.Heading))
2350                        {
2351                             <h1 class="article__header article__header--giant dw-mod">@settings.Heading</h1>
2352                        }
2353                         @if (settings.Image != null)
2354                         {
2355                             if (settings.Image.Path != null)
2356                             {
2357                                 <div class="u-padding-bottom--lg">
2358                                     @Render(settings.Image)
2359                                 </div>
2360                             }
2361                         }
2362                         @if (!String.IsNullOrEmpty(settings.Subheading))
2363                         {
2364                             <div class="article__leadtext dw-mod">@settings.Subheading</div>
2365                         }
2366                         @if (!String.IsNullOrEmpty(settings.Link))
2367                         {
2368                             <div class="grid__cell">
2369                                 @Render(new Link { Href = settings.Link, Title = settings.LinkText, ButtonLayout = settings.ButtonLayout })
2370                             </div>
2371                         }
2372                     </div>
2373                 </div>
2374                 @if (settings.ExternalParagraphId != 0)
2375                 {
2376                     <div class="grid__col-md-4 grid__col-sm-12 u-padding--lg u-color-light-gray--bg dw-mod">
2377                         @RenderParagraphContent(settings.ExternalParagraphId)
2378                     </div>
2379                 }
2380             </div>
2381         }
2382     }
2383     
2384     @helper RenderArticleSplitHeader(ArticleHeader settings) { 
2385         dynamic[] methodParameters = new dynamic[1];
2386         methodParameters[0] = settings;
2387         MethodInfo customMethod = this.GetType().GetMethod("RenderArticleSplitHeaderCustom");
2388     
2389         if (customMethod != null)
2390         {
2391             @customMethod.Invoke(this, methodParameters).ToString();
2392         }
2393         else
2394         {
2395             string headerColumnWidth = settings.ExternalParagraphId != 0 ? "4" : "6";
2396         
2397             if (settings.Image != null)
2398             {
2399                 if (settings.Image.Path != null)
2400                 {
2401                     <section class="multiple-paragraphs-container paragraph-container--full-width">
2402                         <div class="grid">
2403                             <div class="grid__col-md-@headerColumnWidth grid__col-sm-12 grid__col-xs-12 paragraph-container paragraph-container--height-xl dw-mod">
2404                                 <div class="u-left-middle u-padding--lg">
2405                                     <div>
2406                                         @if (!String.IsNullOrEmpty(settings.Category))
2407                                         {
2408                                             <div class="article__category dw-mod" style="color: @settings.CategoryColor">@settings.Category</div>
2409                                         }
2410                                         @if (!String.IsNullOrEmpty(settings.Heading))
2411                                         {
2412                                             <h1 class="article__header article__header--giant dw-mod">@settings.Heading</h1>
2413                                         }
2414                                         @if (!String.IsNullOrEmpty(settings.Subheading))
2415                                         {
2416                                             <div class="article__leadtext dw-mod">@settings.Subheading</div>
2417                                         }
2418                                         @if (!String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date))
2419                                         {
2420                                             <small class="article__post-info u-pull--left dw-mod">@settings.Author @settings.Date</small>
2421                                         }
2422                                         @if (settings.RatingOutOf != 0)
2423                                         {
2424                                             <div class="u-pull--right">
2425                                                 @Render(new Rating { Score = settings.RatingScore, OutOf = settings.RatingOutOf })
2426                                             </div>
2427                                         }
2428                                         @if (!String.IsNullOrEmpty(settings.Link)) {
2429                                             <div class="u-full-width u-pull--left u-margin-top">
2430                                                 @Render(new Link { Href = settings.Link, Title = settings.LinkText, ButtonLayout = settings.ButtonLayout })
2431                                             </div>
2432                                         }
2433                                     </div>
2434                                 </div>
2435                             </div>
2436                             <div class="grid__col-md-@headerColumnWidth grid__col-sm-12 grid__col-xs-12 paragraph-container paragraph-container--height-auto dw-mod" style="background-image:url(/Admin/Public/GetImage.ashx?width=1800&amp;height=1100&amp;crop=0&amp;Compression=85&amp;DoNotUpscale=true&amp;[email protected]); background-position: center center; background-size: cover;"></div>
2437                             @if (settings.ExternalParagraphId != 0)
2438                             {
2439                                 <div class="grid__col-md-4 grid__col-sm-12 grid__col-xs-12 paragraph-container paragraph-container--height-auto u-color-light-gray--bg dw-mod">
2440                                     @RenderParagraphContent(settings.ExternalParagraphId)
2441                                 </div> 
2442                             }
2443                         </div>
2444                     </section>
2445                 }
2446             }
2447             else
2448             {
2449                 @RenderArticleCleanHeader(settings);
2450             } 
2451         }   
2452     }
2453     
2454     @helper RenderArticleOverlayHeader(ArticleHeader settings) {
2455         dynamic[] methodParameters = new dynamic[1];
2456         methodParameters[0] = settings;
2457         MethodInfo customMethod = this.GetType().GetMethod("RenderArticleOverlayHeaderCustom");
2458     
2459         if (customMethod != null)
2460         {
2461             @customMethod.Invoke(this, methodParameters).ToString();
2462         }
2463         else
2464         {
2465             string contentColumns = settings.TextLayout != ArticleHeaderTextLayout.Full ? "8" : "12";
2466             string contentAlignment = settings.TextLayout == ArticleHeaderTextLayout.Center ? "grid--justify-center" : "";
2467     
2468             if (settings.Image != null)
2469             {
2470                 if (settings.Image.Path != null)
2471                 {
2472                     if (settings.ExternalParagraphId == 0)
2473                     {
2474                         <section class="multiple-paragraphs-container u-color-light paragraph-container--full-width">
2475                             <div class="background-image image-filter image-filter--darken dw-mod">
2476                                 <div class="background-image__wrapper image-filter image-filter--darken dw-mod">
2477                                     @{ 
2478                                         settings.Image.CssClass += "background-image__cover dw-mod";
2479                                     }
2480                                     @Render(settings.Image)
2481                                 </div>
2482                             </div>
2483                             <div class="center-container dw-mod">
2484                                 <div class="grid @contentAlignment">
2485                                     <div class="grid__col-md-@contentColumns grid__col-xs-12 paragraph-container paragraph-container--height-xl dw-mod">
2486                                         @if (!string.IsNullOrEmpty(settings.Heading))
2487                                         {
2488                                             <h1 class="article__header article__header--giant u-padding-top--lg dw-mod" style="color: @settings.TextColor">@settings.Heading</h1>
2489                                         }
2490                                         @if (!String.IsNullOrEmpty(settings.Subheading))
2491                                         {
2492                                             <div class="article__leadtext dw-mod" style="color: @settings.TextColor">@settings.Subheading</div>
2493                                         }
2494                                         <div class="u-margin-top">
2495                                             @if (!String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date))
2496                                             {
2497                                                 <small class="article__post-info u-pull--left dw-mod" style="color: @settings.TextColor">@settings.Author @settings.Date</small>
2498                                             }
2499                                             @if (settings.RatingOutOf != 0)
2500                                             {
2501                                                 <div class="u-pull--right">
2502                                                     @Render(new Rating { Score = settings.RatingScore, OutOf = settings.RatingOutOf })
2503                                                 </div>
2504                                             }
2505                                         </div>
2506                                         @if (!String.IsNullOrEmpty(settings.Link))
2507                                         {
2508                                             <div class="grid__cell">
2509                                                 @Render(new Link { Href = settings.Link, Title = settings.LinkText, ButtonLayout = settings.ButtonLayout })
2510                                             </div>
2511                                         }
2512                                     </div>
2513                                 </div>
2514                             </div>
2515                         </section>
2516                     }
2517                     else
2518                     {
2519                         @RenderArticleBanner(settings);
2520                     }
2521                 }
2522             }
2523             else
2524             {
2525                 @RenderArticleCleanHeader(settings);
2526             }
2527         }
2528     }
2529     
2530     @helper RenderArticleBannerHeader(dynamic settings) { 
2531         dynamic[] methodParameters = new dynamic[1];
2532         methodParameters[0] = settings;
2533         MethodInfo customMethod = this.GetType().GetMethod("RenderArticleBannerHeaderCustom");
2534     
2535         if (customMethod != null)
2536         {
2537             @customMethod.Invoke(this, methodParameters).ToString();
2538         }
2539         else
2540         {
2541             @RenderArticleBanner(settings);
2542         }
2543     }
2544     @using System.Reflection
2545     @using System.Text.RegularExpressions;
2546     @using Dynamicweb.Frontend
2547     @using Dynamicweb.Content.Items
2548     @using Dynamicweb.Rapido.Blocks.Components
2549     @using Dynamicweb.Rapido.Blocks.Components.Articles
2550     @using Dynamicweb.Rapido.Blocks
2551     
2552     @* Component for the articles *@
2553     
2554     @helper RenderArticleBodyRow(ArticleBodyRow settings)
2555     {
2556         string position = settings.TopLayout == "overlay" ? "article__overlay-offset" : "";
2557         string contentAlignment = settings.TextLayout == "center" ? "grid--justify-center" : "";
2558     
2559         <div class="grid grid--align-content-start @contentAlignment @position dw-mod">
2560             @RenderBlockList(settings.SubBlocks)
2561         </div>
2562     }
2563     @using System.Reflection
2564     @using Dynamicweb.Rapido.Blocks.Components
2565     @using Dynamicweb.Rapido.Blocks.Components.General
2566     @using Dynamicweb.Rapido.Blocks.Components.Articles
2567     @using Dynamicweb.Rapido.Blocks
2568     
2569     @* Component for the articles *@
2570     
2571     @helper RenderArticleImage(ArticleImage settings)
2572     {
2573         if (settings.Image != null)
2574         {
2575             if (settings.Image.Path != null)
2576             {
2577                 <div class="u-margin-bottom--lg">
2578                     @Render(settings.Image)
2579                 </div>
2580             }
2581         }
2582     }
2583     @using System.Reflection
2584     @using Dynamicweb.Rapido.Blocks.Components
2585     @using Dynamicweb.Rapido.Blocks.Components.Articles
2586     
2587     
2588     @* Component for the articles *@
2589     
2590     @helper RenderArticleSubHeader(ArticleSubHeader settings)
2591     {
2592         if (!String.IsNullOrEmpty(settings.Title))
2593         {
2594             <h2 class="article__header">@settings.Title</h2>
2595         }
2596     }
2597     @using System.Reflection
2598     @using Dynamicweb.Rapido.Blocks.Components
2599     @using Dynamicweb.Rapido.Blocks.Components.Articles
2600     @using Dynamicweb.Rapido.Blocks
2601     
2602     
2603     @* Component for the articles *@
2604     
2605     @helper RenderArticleText(ArticleText settings)
2606     {
2607         if (!String.IsNullOrEmpty(settings.Text))
2608         {
2609             string greatTextClass = settings.EnableLargeText == true ? "article__paragraph--great-text" : "";
2610     
2611             <div class="article__paragraph @greatTextClass dw-mod">
2612                 @settings.Text
2613             </div>
2614         }
2615     }
2616     @using System.Reflection
2617     @using Dynamicweb.Rapido.Blocks.Components
2618     @using Dynamicweb.Rapido.Blocks.Components.Articles
2619     @using Dynamicweb.Rapido.Blocks
2620     
2621     
2622     @* Component for the articles *@
2623     
2624     @helper RenderArticleQuote(ArticleQuote settings)
2625     {
2626         string text = Regex.Replace(settings.Text, "<.*?>", String.Empty);
2627     
2628         <div class="grid u-padding-bottom--lg">
2629             @if (settings.Image != null)
2630             {
2631                 if (settings.Image.Path != null) {
2632                     <div class="grid__col-3">
2633                         <div class="grid__cell-img">
2634                             @{ 
2635                                 settings.Image.Title = !String.IsNullOrEmpty(settings.Image.Title) ? settings.Image.Title : settings.Author;
2636                                 settings.Image.CssClass += " article__image article__image--ball";
2637                                 settings.Image.ImageDefault.Width = 200;
2638                                 settings.Image.ImageDefault.Height = 200;
2639                             }
2640                             @Render(settings.Image)
2641                         </div>
2642                     </div>
2643                 }
2644             }
2645             <div class="grid__col-auto">
2646                 @if (!String.IsNullOrEmpty(settings.Text))
2647                 {
2648                 <div class="article__quote dw-mod">
2649                     <i class="fas fa-quote-right u-margin-bottom--lg"></i>
2650                     @settings.Text
2651                     <i class="fas fa-quote-right"></i>
2652                 </div>
2653                 }
2654                 @if (!String.IsNullOrEmpty(settings.Author))
2655                 {
2656                 <div class="article__quote-author dw-mod">
2657                     - @settings.Author
2658                 </div>
2659                 }
2660             </div>
2661         </div>
2662     } 
2663     @using System.Reflection
2664     @using Dynamicweb.Rapido.Blocks.Components
2665     @using Dynamicweb.Rapido.Blocks.Components.Articles
2666     @using Dynamicweb.Rapido.Blocks
2667     
2668     @* Component for the articles *@
2669     
2670     @helper RenderArticleInfoTable(ArticleInfoTable settings)
2671     {
2672         <table class="table table--clean">
2673             @foreach (var row in settings.Rows)
2674             {
2675                 string iconColor = row.IconColor != null ? row.IconColor : "u-brand-color-two";
2676     
2677                 <tr>
2678                     @if (!String.IsNullOrEmpty(row.Icon))
2679                     {
2680                         <td class="u-w32px"><i class="@row.Icon fa-2x @row.IconColor"></i></td>
2681                     }
2682                     <td class="u-no-margin-on-p-elements">
2683                         <div class="u-bold">@row.Title</div>
2684                         @if (!String.IsNullOrEmpty(row.SubTitle))
2685                         {
2686                             if (row.Link == null)
2687                             {
2688                             <div>@row.SubTitle</div>
2689                             }
2690                             else
2691                             {
2692                             <a href="@row.Link" class="u-color-inherit">@row.SubTitle</a>
2693                             }
2694                         }
2695                     </td>
2696                 </tr>
2697             }
2698         </table>
2699     }
2700     @using System.Reflection
2701     @using Dynamicweb.Rapido.Blocks.Components
2702     @using Dynamicweb.Rapido.Blocks.Components.General
2703     @using Dynamicweb.Rapido.Blocks.Components.Articles
2704     @using Dynamicweb.Rapido.Blocks
2705     
2706     @* Component for the articles *@
2707     
2708     @helper RenderArticleGalleryModal(ArticleGalleryModal settings)
2709     {
2710         Modal galleryModal = new Modal
2711         {
2712             Id = "ParagraphGallery",
2713             Width = ModalWidth.Full,
2714             BodyTemplate = RenderArticleGalleryModalContent()
2715         };
2716     
2717         @Render(galleryModal)
2718     }
2719     
2720     @helper RenderArticleGalleryModalContent() {
2721         <div class="modal__image-min-size-wrapper">
2722             @Render(new Image {
2723                 Id = "ParagraphGallery",
2724                 Path = "#",
2725                 CssClass = "modal--full__img",
2726                 DisableLazyLoad = true,
2727                 DisableImageEngine = true
2728             })
2729         </div>
2730     
2731         <div class="modal__images-counter" id="ParagraphGallery_counter"></div>
2732     
2733         @Render(new Button {
2734             Id = "ParagraphGallery_prev",
2735             ButtonType = ButtonType.Button,
2736             ButtonLayout = ButtonLayout.None,
2737             CssClass = "modal__prev-btn",
2738             Icon = new Icon { Prefix = "far", Name = "fa-angle-left", LabelPosition = IconLabelPosition.After },
2739             OnClick = "Gallery.prevImage('ParagraphGallery')"
2740         })
2741     
2742         @Render(new Button {
2743             Id = "ParagraphGallery_next",
2744             ButtonType = ButtonType.Button,
2745             ButtonLayout = ButtonLayout.None,
2746             CssClass = "modal__next-btn",
2747             Icon = new Icon { Prefix = "far", Name = "fa-angle-right", LabelPosition = IconLabelPosition.After },
2748             OnClick = "Gallery.nextImage('ParagraphGallery')"
2749         })
2750     }
2751     @using System.Reflection
2752     @using Dynamicweb.Rapido.Blocks.Components
2753     @using Dynamicweb.Rapido.Blocks.Components.Articles
2754     @using Dynamicweb.Rapido.Blocks
2755     
2756     
2757     @* Component for the articles *@
2758     
2759     @helper RenderArticleRelated(ArticleRelated settings)
2760     {
2761         string cardClass = Pageview.Device.ToString() != "Tablet" ? "card u-color-light--bg u-full-height" : "";
2762         string cardFooterClass = Pageview.Device.ToString() != "Tablet" ? "card-footer u-color-light--bg" : "";
2763     
2764         <section class="multiple-paragraphs-container u-color-light-gray--bg paragraph-container--full-width">
2765             <div class="center-container dw-mod">
2766                 <div class="grid u-padding">
2767                     <div class="grid__col-md-12 grid__col-xs-12">
2768                         <h2 class="article__header u-no-margin u-margin-top">@settings.Title</h2>
2769                     </div>
2770                 </div>
2771     
2772                 <div class="js-handlebars-root u-padding" id="@settings.Title.Replace("  ", String.Empty)" data-template="RelatedSimpleTemplate" data-json-feed="/[email protected]&@settings.Query&[email protected]&[email protected]"></div>
2773     
2774                 <script id="RelatedSimpleTemplate" type="text/x-template">
2775                     {{#.}}
2776                     <div class="grid u-padding-bottom--lg">
2777                         {{#Cases}}
2778                         <div class="grid__col-lg-3 grid__col-sm-6 image-hover--zoom dw-mod">
2779                             <a href="{{link}}" class="u-full-height u-color-light--bg u-flex u-flex--column">
2780                                 {{#if image}}
2781                                 <div class="u-color-light--bg u-no-padding dw-mod">
2782                                     <div class="flex-img image-hover__wrapper">
2783                                         <img class="b-lazy" src="/Files/Images/placeholder.gif" data-src="/Admin/Public/GetImage.ashx?width=680&height=314&amp;crop=1&amp;DoNotUpscale=True&amp;Compression=75&amp;image={{image}}" alt="{{title}}" />
2784                                     </div>
2785                                 </div>
2786                                 {{/if}}
2787     
2788                                 <div class="card u-color-light--bg u-full-height dw-mod">
2789                                     <h3 class="article-list__item-header u-truncate-text dw-mod">{{title}}</h3>
2790                                     <p class="article__short-summary dw-mod">{{summary}}</p>
2791                                 </div>
2792                             </a>
2793                         </div>
2794                         {{/Cases}}
2795                     </div>
2796                     {{/.}}
2797                 </script>
2798             </div>
2799         </section>
2800     }
2801     @using System.Reflection
2802     @using Dynamicweb.Rapido.Blocks.Components
2803     @using Dynamicweb.Rapido.Blocks.Components.Articles
2804     @using Dynamicweb.Rapido.Blocks
2805     
2806     
2807     @* Component for the articles *@
2808     
2809     @helper RenderArticleMenu(ArticleMenu settings)
2810     {
2811         if (!String.IsNullOrEmpty(settings.Title)) {
2812             <div class="u-margin u-border-bottom">
2813                 <h3 class="u-no-margin">@settings.Title</h3>
2814             </div>
2815         }
2816     
2817         <ul class="menu-left u-margin-bottom dw-mod">
2818             @foreach (var item in settings.Items)
2819             {
2820                 @Render(item)
2821             }
2822         </ul>
2823     }
2824     
2825     @helper RenderArticleMenuItem(ArticleMenuItem settings)
2826     {
2827         string link = !String.IsNullOrEmpty(settings.Link) ? settings.Link : "#";
2828     
2829         if (!String.IsNullOrEmpty(settings.Title)) {
2830             <li class="menu-left__item dw-mod">
2831                 <a href="@link" onclick="@settings.OnClick" class="menu-left__link dw-mod">@settings.Title</a>
2832             </li>
2833         } 
2834     }
2835     @using System.Reflection
2836     @using Dynamicweb.Rapido.Blocks.Components
2837     @using Dynamicweb.Rapido.Blocks.Components.Articles
2838     @using Dynamicweb.Rapido.Blocks
2839     
2840     @* Component for the articles *@
2841     
2842     @helper RenderArticleList(ArticleList settings)
2843     {
2844         if (Pageview != null)
2845         {
2846             bool isParagraph = Pageview.CurrentParagraph != null ? true : false;
2847             string[] sortArticlesListBy = new string[2];
2848     
2849             if (isParagraph) {
2850                 sortArticlesListBy = Pageview.CurrentParagraph.Item["SortArticlesListBy"] != null && !string.IsNullOrEmpty(Pageview.CurrentParagraph.Item["SortArticlesListBy"].ToString()) ? Pageview.CurrentParagraph.Item["SortArticlesListBy"].ToString().Split('+') : new string[] { "Date", "ASC" };
2851             }
2852             else {
2853                 sortArticlesListBy = Pageview.Item["SortArticlesListBy"] != null && !string.IsNullOrEmpty(Pageview.Item["SortArticlesListBy"].ToString()) ? Pageview.Item["SortArticlesListBy"].ToString().Split('+') : new string[] { "Date", "ASC" };
2854             }
2855     
2856             string sourcePage = settings.SourcePage != null ? settings.SourcePage : Pageview.ID.ToString();
2857     
2858             if (!settings.DisablePagination) {
2859                 @RenderItemList(new
2860                 {
2861                     ItemType = !String.IsNullOrEmpty(settings.ItemType) ? settings.ItemType : "DynamicArticle",
2862                     ListSourceType = settings.SourceType,
2863                     ListSourcePage = sourcePage,
2864                     ItemFieldsList = "*",
2865                     Filter = settings.Filter,
2866                     ListOrderBy = sortArticlesListBy[0],
2867                     ListOrderByDirection = sortArticlesListBy[1],
2868                     ListSecondOrderBy = sortArticlesListBy[0] == "Date" ? "InFocusSortId" : "Date",
2869                     ListSecondOrderByDirection = "ASC",
2870                     IncludeAllChildItems = true,
2871                     ListTemplate = settings.Template,
2872                     ListPageSize = settings.PageSize.ToString()
2873                 });
2874             } else {
2875                 @RenderItemList(new
2876                 {
2877                     ItemType = !String.IsNullOrEmpty(settings.ItemType) ? settings.ItemType : "DynamicArticle",
2878                     ListSourceType = settings.SourceType,
2879                     ListSourcePage = sourcePage,
2880                     ItemFieldsList = "*",
2881                     Filter = settings.Filter,
2882                     ListOrderBy = sortArticlesListBy[0],
2883                     ListOrderByDirection = sortArticlesListBy[1],
2884                     ListSecondOrderBy = sortArticlesListBy[0] == "Date" ? "InFocusSortId" : "Date",
2885                     ListSecondOrderByDirection = "ASC",
2886                     IncludeAllChildItems = true,
2887                     ListTemplate = settings.Template,
2888                     ListPageSize = settings.PageSize.ToString(),
2889                     ListViewMode = "Partial",
2890                     ListShowTo = settings.PageSize + 1
2891                 });
2892             }
2893         }
2894     }
2895     @using System.Reflection
2896     @using Dynamicweb.Rapido.Blocks.Components.Articles
2897     
2898     
2899     @* Component for the articles *@
2900     
2901     @helper RenderArticleSummary(ArticleSummary settings)
2902     {
2903         if (!String.IsNullOrEmpty(settings.Text))
2904         {
2905             <div class="article__summary dw-mod">@settings.Text</div>
2906         }
2907     }
2908     @using System.Reflection
2909     @using Dynamicweb.Rapido.Blocks.Components
2910     @using Dynamicweb.Rapido.Blocks.Components.Articles
2911     @using Dynamicweb.Rapido.Blocks
2912     
2913     @* Component for the articles *@
2914     
2915     @helper RenderArticleListCategoryFilter(ArticleListCategoryFilter settings)
2916     {
2917         string pageId =  Pageview.ID.ToString();
2918         string selectedFilter = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("sourcePage")) ? HttpContext.Current.Request.QueryString.Get("sourcePage") : Translate("All");
2919         var query = HttpUtility.ParseQueryString(HttpContext.Current.Request.QueryString.ToString());
2920     
2921         foreach (var option in settings.Categories)
2922         {
2923             selectedFilter = selectedFilter == option.Value ? option.Key : selectedFilter;
2924         }
2925     
2926         if (selectedFilter == pageId)
2927         {
2928             selectedFilter = Translate("All");
2929         }
2930     
2931         if (Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet")
2932         {
2933             <div class="u-pull--right u-margin-left">
2934                 <div class="collection u-no-margin">
2935                     <h5>@Translate("Category")</h5>
2936                     <input type="checkbox" id="CategorySelector" class="dropdown-trigger" />
2937                     <div class="dropdown u-w180px dw-mod">
2938                         <label class="dropdown__header dropdown__btn dw-mod" for="CategorySelector">@Translate(selectedFilter)</label>
2939                         <div class="dropdown__content dw-mod">
2940                             @foreach (var option in settings.Categories)
2941                             {
2942                             <div class="dropdown__item" onclick="QueryArray.setParametersInCurrentURL({ sourceType: 'Page', sourcePage: '@(option.Key.ToLower() == "all" ? pageId : option.Value)' })">@Translate(option.Key)</div>
2943                             }
2944                         </div>
2945                         <label class="dropdown-trigger-off" for="CategorySelector"></label>
2946                     </div>
2947                 </div>
2948             </div>
2949         }
2950         else
2951         {
2952             <div class="u-full-width u-margin-bottom">
2953                 <h5 class="u-no-margin">@Translate("Category")</h5>
2954                 <input type="checkbox" id="CategorySelector" class="dropdown-trigger" />
2955                 <div class="dropdown u-full-width dw-mod">
2956                     <label class="dropdown__header dropdown__btn dw-mod" for="CategorySelector">@Translate(selectedFilter)</label>
2957                     <div class="dropdown__content dw-mod">
2958                         @foreach (var option in settings.Categories)
2959                         {
2960                         <div class="dropdown__item" onclick="QueryArray.setParametersInCurrentURL({ sourceType: 'Page', sourcePage: '@(option.Key.ToLower() == "all" ? pageId : option.Value)' })">@Translate(option.Key)</div>
2961                         }
2962                     </div>
2963                     <label class="dropdown-trigger-off" for="CategorySelector"></label>
2964                 </div>
2965             </div>
2966         }
2967     }
2968     @using System.Reflection
2969     @using Dynamicweb.Rapido.Blocks.Components
2970     @using Dynamicweb.Rapido.Blocks.Components.Articles
2971     @using Dynamicweb.Rapido.Blocks
2972     @using System.Collections.Generic
2973     
2974     @* Component for the articles *@
2975     
2976     @helper RenderArticleListFilter(ArticleListFilter settings)
2977     {
2978         string selectedFilter = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get(settings.SystemName)) ? HttpContext.Current.Request.QueryString.Get(settings.SystemName) : Translate("All");
2979         var query = HttpUtility.ParseQueryString(HttpContext.Current.Request.QueryString.ToString());
2980     
2981         if (settings.Options != null)
2982         {
2983             if (settings.Options is IEnumerable<dynamic>)
2984             {
2985                 var options = (IEnumerable<dynamic>) settings.Options;
2986                 settings.Options = options.OrderBy(item => item.Name);
2987             }
2988     
2989             foreach (var option in settings.Options)
2990             {
2991                 selectedFilter = selectedFilter == option.Value ? option.Name : selectedFilter;
2992             }
2993     
2994             if (Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet")
2995             {
2996                 <div class="u-pull--right u-margin-left">
2997                     <div class="collection u-no-margin">
2998                         <h5>@settings.Label</h5>
2999                         <input type="checkbox" id="@(settings.SystemName)Selector" class="dropdown-trigger" />
3000                         <div class="dropdown u-w180px dw-mod">
3001                             <label class="dropdown__header dropdown__btn dw-mod" for="@(settings.SystemName)Selector">@Translate(selectedFilter)</label>
3002                             <div class="dropdown__content dw-mod">
3003                                 <div class="dropdown__item" onclick="QueryArray.setParameterInCurrentURL('@settings.SystemName', '')">@Translate("All")</div>
3004                                 @foreach (var option in settings.Options)
3005             {
3006                                     <div class="dropdown__item" onclick="QueryArray.setParameterInCurrentURL('@settings.SystemName', '@option.Value')">@Translate(option.Name)</div>
3007                                 }
3008                             </div>
3009                             <label class="dropdown-trigger-off" for="@(settings.SystemName)Selector"></label>
3010                         </div>
3011                     </div>
3012                 </div>
3013             }
3014             else
3015             {
3016                 <div class="u-full-width u-margin-bottom">
3017                     <h5 class="u-no-margin">@settings.Label</h5>
3018                     <input type="checkbox" id="@(settings.SystemName)Selector" class="dropdown-trigger" />
3019                     <div class="dropdown u-full-width w-mod">
3020                         <label class="dropdown__header dropdown__btn dw-mod" for="@(settings.SystemName)Selector">@Translate(selectedFilter)</label>
3021                         <div class="dropdown__content dw-mod">
3022                             <div class="dropdown__item" onclick="QueryArray.setParameterInCurrentURL('@settings.SystemName', '')">@Translate("All")</div>
3023                             @foreach (var option in settings.Options)
3024     {
3025                                 <div class="dropdown__item" onclick="QueryArray.setParameterInCurrentURL('@settings.SystemName', '@option.Value')">@Translate(option.Name)</div>
3026                             }
3027                         </div>
3028                         <label class="dropdown-trigger-off" for="@(settings.SystemName)Selector"></label>
3029                     </div>
3030                 </div>
3031             }
3032         }
3033     }
3034     @using System.Reflection
3035     @using Dynamicweb.Rapido.Blocks.Components
3036     @using Dynamicweb.Rapido.Blocks.Components.Articles
3037     @using Dynamicweb.Rapido.Blocks
3038     
3039     @* Component for the articles *@
3040     
3041     @helper RenderArticleListSearch(ArticleListSearch settings)
3042     {
3043         string searchParameter = !string.IsNullOrEmpty(settings.SearchParameter) ? settings.SearchParameter : "Title";
3044         string searchWord = HttpContext.Current.Request.QueryString.Get(searchParameter);
3045         string searchString = !string.IsNullOrEmpty(searchWord) ? searchWord.Trim('*') : "";
3046         string className = "u-w340px u-pull--right u-margin-left";
3047     
3048         if (Pageview.Device.ToString() == "Mobile" || Pageview.Device.ToString() == "Tablet")
3049         {
3050             className = "u-full-width";
3051         }
3052         
3053         <div class="typeahead u-color-inherit u-margin-bottom dw-mod @className">
3054             <input type="text" class="typeahead-search-field u-no-margin dw-mod" placeholder="@Translate("Search in list")" value="@searchString" id="ArticleListSearchInput" onchange="QueryArray.setParameterInCurrentURL('@searchParameter', '*' + document.getElementById('ArticleListSearchInput').value + '*')">
3055             <button type="button" class="btn btn--condensed btn--primary u-no-margin dw-mod"><i class="fas fa-search"></i></button>
3056         </div>
3057     }
3058     @using System.Reflection
3059     @using Dynamicweb.Rapido.Blocks.Components
3060     @using Dynamicweb.Rapido.Blocks.Components.Articles
3061     @using Dynamicweb.Rapido.Blocks
3062     
3063     @* Component for the articles *@
3064     
3065     @helper RenderArticleListNoResultsInfo(ArticleListNoResultsInfo settings)
3066     {
3067         <div class="u-margin-top--lg u-bold u-ta-center u-bold">@Translate(settings.Message)</div>
3068     }
3069     @using System.Reflection
3070     @using Dynamicweb.Rapido.Blocks.Components
3071     @using Dynamicweb.Rapido.Blocks.Components.General
3072     @using Dynamicweb.Rapido.Blocks.Components.Articles
3073     @using Dynamicweb.Rapido.Blocks
3074     @using System.Text.RegularExpressions
3075     
3076     @* Component for the articles *@
3077     
3078     @helper RenderArticleListItem(ArticleListItem settings)
3079     {
3080         switch (settings.Type) {
3081             case ArticleListItemType.Card:
3082                 @RenderArticleListItemCard(settings);
3083                 break;
3084             case ArticleListItemType.List:
3085                 @RenderArticleListItemList(settings);
3086                 break;
3087             case ArticleListItemType.Simple:
3088                 @RenderArticleListItemSimple(settings);
3089                 break;
3090             default:
3091                 @RenderArticleListItemCard(settings);
3092             break;
3093         }
3094     }
3095     
3096     @helper RenderArticleListItemCard(ArticleListItem settings) {
3097         <a href="@settings.Link" class="u-full-height u-color-light--bg u-flex u-flex--column">
3098             <div class="u-color-light--bg u-no-padding dw-mod">
3099                 @if (settings.Logo != null)
3100                 {
3101                     string backgroundImage = settings.Image != null ? "background-image:url(/Admin/Public/GetImage.ashx?width=992&amp;height=760&amp;crop=0&amp;Compression=75&amp;DoNotUpscale=True&amp;image=" + settings.Image.Path + "); background-size: cover;" : "";
3102                     settings.Logo.ImageDefault.Crop = 5;
3103                     settings.Logo.ImageDefault.Width = settings.Logo.ImageDefault.Width == 1920 ? 240 : settings.Logo.ImageDefault.Width;
3104                     settings.Logo.ImageDefault.Height = settings.Logo.ImageDefault.Height == 1080 ? 200 : settings.Logo.ImageDefault.Height;
3105                     <div class="image-hover__wrapper layered-image layered-image--tinted dw-mod" style="@backgroundImage">
3106                         @if (settings.Stickers != null)
3107                         {
3108                             if (settings.Stickers.Position != StickersListPosition.Custom && settings.Stickers.Position != StickersListPosition.None)
3109                             {
3110                                 @Render(settings.Stickers);
3111                             } 
3112                         }
3113                         @RenderImage(settings.Logo)
3114                     </div>
3115                 } else if (settings.Image != null)
3116                 {
3117                     <div class="flex-img image-hover__wrapper u-position-relative dw-mod">
3118                         @if (settings.Stickers != null)
3119                         {
3120                             if (settings.Stickers.Position != StickersListPosition.Custom && settings.Stickers.Position != StickersListPosition.None)
3121                             {
3122                                 @Render(settings.Stickers);
3123                             }                                                        
3124                         }
3125                         @Render(settings.Image)
3126                     </div>
3127                 }
3128             </div>
3129     
3130             @if (!String.IsNullOrEmpty(settings.Title) || !String.IsNullOrEmpty(settings.Summary))
3131             {
3132                 <div class="card u-color-light--bg u-full-height dw-mod">
3133                     @if (settings.Stickers != null)
3134                     {
3135                         if (settings.Stickers.Position == StickersListPosition.Custom)
3136                         {
3137                             @Render(settings.Stickers);
3138                         }                                                        
3139                     }
3140                     @if (!String.IsNullOrEmpty(settings.Title))
3141                     {
3142                         <h3 class="article-list__item-header u-truncate-text dw-mod">@settings.Title</h3>
3143                     }
3144                     @if (!String.IsNullOrEmpty(settings.SubTitle))
3145                     {
3146                         <div class="article-list__item-micro-info u-truncate-text dw-mod">@settings.SubTitle</div>
3147                     }
3148                     @if (!String.IsNullOrEmpty(settings.Summary))
3149                     {
3150                         <p class="article__short-summary dw-mod">@settings.Summary</p>
3151                     }
3152                 </div>
3153             }
3154         </a>
3155     }
3156     
3157     @helper RenderArticleListItemList(ArticleListItem settings) { 
3158         <a href="@settings.Link">
3159             <div class="grid u-color-light--bg u-no-padding dw-mod">
3160                 <div class="grid__col-md-3">
3161                     <div class="u-color-light--bg u-no-padding dw-mod">
3162                         @if (settings.Logo != null)
3163                         {
3164                             string backgroundImage = settings.Image != null ? "background-image:url(/Admin/Public/GetImage.ashx?width=992&amp;height=760&amp;crop=0&amp;Compression=75&amp;DoNotUpscale=True&amp;image=" + settings.Image.Path + "); background-size: cover;" : "";
3165                             settings.Logo.ImageDefault.Crop = 5;
3166                             settings.Logo.ImageDefault.Width = settings.Logo.ImageDefault.Width == 1920 ? 240 : settings.Logo.ImageDefault.Width;
3167                             settings.Logo.ImageDefault.Height = settings.Logo.ImageDefault.Height == 1080 ? 200 : settings.Logo.ImageDefault.Height;
3168                             <div class="image-hover__wrapper layered-image layered-image--tinted dw-mod" style="@backgroundImage">
3169                                 @if (settings.Stickers != null)
3170                                 {
3171                                     if (settings.Stickers.Position != StickersListPosition.Custom)
3172                                     {
3173                                         @Render(settings.Stickers);
3174                                     }                                                        
3175                                 }
3176                                 @RenderImage(settings.Logo)
3177                             </div>
3178                         } else if (settings.Image != null)
3179                         {
3180                             <div class="flex-img image-hover__wrapper dw-mod">
3181                                 @if (settings.Stickers != null)
3182                                 {
3183                                     if (settings.Stickers.Position != StickersListPosition.Custom)
3184                                     {
3185                                         @Render(settings.Stickers);
3186                                     }                                                        
3187                                 }
3188                                 @Render(settings.Image)
3189                             </div>
3190                         }
3191                     </div>
3192                 </div>
3193     
3194                 @if (!String.IsNullOrEmpty(settings.Title) || !String.IsNullOrEmpty(settings.Summary))
3195                 {
3196                     <div class="grid__col-md-9">
3197                         @if (!String.IsNullOrEmpty(settings.Title))
3198                         {
3199                             <h3 class="article-list__item-header u-truncate-text dw-mod">@settings.Title</h3>
3200                         }
3201                         @if (settings.Stickers != null)
3202                         {
3203                             if (settings.Stickers.Position == StickersListPosition.Custom)
3204                             {
3205                                 @Render(settings.Stickers);
3206                             }
3207                         }
3208                         @if (!String.IsNullOrEmpty(settings.SubTitle))
3209                         {
3210                             <div class="article-list__item-micro-info u-truncate-text dw-mod">@settings.SubTitle</div>
3211                         }
3212                         @if (!String.IsNullOrEmpty(settings.Summary))
3213                         {
3214                         <p class="article__short-summary dw-mod">@settings.Summary</p>
3215                         }
3216                     </div>
3217                 }
3218             </div>
3219         </a>
3220     }
3221     
3222     @helper RenderArticleListItemSimple(ArticleListItem settings) {
3223         <a href="@settings.Link" class="u-color-inherit">
3224             <div class="grid u-color-light--bg u-no-padding dw-mod">
3225                 <div class="grid__col-md-12">
3226                     @if (!String.IsNullOrEmpty(settings.Title))
3227                     {
3228                         <div class="article-list-item__header u-truncate-text u-no-margin dw-mod">@settings.Title</div>
3229                     }
3230                     @if (!String.IsNullOrEmpty(settings.SubTitle))
3231                     {
3232                         <div class="article-list__item-micro-info u-truncate-text dw-mod">@settings.SubTitle</div>
3233                     }
3234                 </div>
3235             </div>
3236         </a>
3237     }
3238     @using System.Reflection
3239     @using Dynamicweb.Rapido.Blocks.Components.Articles
3240     
3241     
3242     @* Component for the articles *@
3243     
3244     @helper RenderArticleAuthorAndDate(ArticleAuthorAndDate settings)
3245     {
3246         <small class="article__subscription">
3247             @if (!(string.IsNullOrWhiteSpace(settings.Author) && string.IsNullOrWhiteSpace(settings.Date)))
3248             {
3249                 <text>@Translate("Written")</text>
3250             }
3251             @if (!string.IsNullOrWhiteSpace(settings.Author))
3252             {
3253                 <text>@Translate("by") @settings.Author</text>
3254             }
3255             @if (!string.IsNullOrWhiteSpace(settings.Date))
3256             {
3257                 <text>@Translate("on") @settings.Date</text>
3258             }
3259         </small>
3260     }
3261     @using System.Reflection
3262     @using Dynamicweb.Rapido.Blocks.Components.Articles
3263     @using Dynamicweb.Rapido.Blocks.Components.General
3264     
3265     
3266     @* Component for the articles *@
3267     
3268     @helper RenderArticleLink(ArticleLink settings)
3269     {
3270         if (!string.IsNullOrEmpty(settings.Title))
3271         {
3272             Button link = new Button {
3273                 ConfirmText = settings.ConfirmText,
3274                 ConfirmTitle = settings.ConfirmTitle,
3275                 ButtonType = settings.ButtonType,
3276                 Id = settings.Id,
3277                 Title = settings.Title,
3278                 AltText = settings.AltText,
3279                 OnClick = settings.OnClick,
3280                 CssClass = settings.CssClass,
3281                 Disabled = settings.Disabled,
3282                 Icon = settings.Icon,
3283                 Name = settings.Name,
3284                 Href = settings.Href,
3285                 ButtonLayout = settings.ButtonLayout,
3286                 ExtraAttributes = settings.ExtraAttributes
3287             };
3288             <div class="grid__cell">
3289                 @Render(link)
3290             </div>
3291         }
3292     }
3293     @using System.Reflection
3294     @using Dynamicweb.Rapido.Blocks
3295     @using Dynamicweb.Rapido.Blocks.Components.Articles
3296     @using Dynamicweb.Rapido.Blocks.Components.General
3297     
3298     
3299     @* Component for the articles *@
3300     
3301     @helper RenderArticleCarousel(ArticleCarousel settings)
3302     {
3303         <div class="grid">
3304             <div class="grid__col-12 u-no-padding u-margin-bottom">
3305                 <div class="carousel" id="[email protected]">
3306                     <div class="carousel__container js-carousel-slides dw-mod">
3307                         @RenderBlockList(settings.SubBlocks)
3308                     </div>
3309                 </div>
3310             </div>
3311         </div>
3312     
3313         <script>
3314             document.addEventListener("DOMContentLoaded", function () {
3315                 new CarouselModule("#[email protected]", {
3316                     slideTime: 0,
3317                     dots: true
3318                 });
3319             });
3320         </script>
3321     }
3322     
3323     @helper RenderArticleCarouselSlide(ArticleCarouselSlide settings)
3324     {
3325         string imageEngine = "/Admin/Public/GetImage.ashx?";
3326     
3327         string defaultImage = settings.ImageSettings != null ? imageEngine : settings.Image;
3328         if (settings.ImageSettings != null)
3329         {
3330             defaultImage += settings.ImageSettings.Width != 0 ? "Width=" + settings.ImageSettings.Width + "&" : "";
3331             defaultImage += settings.ImageSettings.Height != 0 ? "Height=" + settings.ImageSettings.Height + "&" : "";
3332             defaultImage += "Crop=" + settings.ImageSettings.Crop + "&";
3333             defaultImage += "Compression=" + settings.ImageSettings.Compression + "&";
3334             defaultImage += "DoNotUpscale=" + settings.ImageSettings.DoNotUpscale.ToString() + "&";
3335             defaultImage += "FillCanvas=" + settings.ImageSettings.FillCanvas.ToString() + "&";
3336         }
3337         defaultImage += "&Image=" + settings.Image;
3338     
3339         <div class="carousel__slide u-min-h300px u-flex dw-mod" style="background-size:cover; background-image:url('@defaultImage')">
3340             <a class="article-carousel-item__wrap" href="@settings.Link" title="@settings.Title">
3341                 <h2 class="article-list__item-header u-truncate-text u-color-light dw-mod">@settings.Title</h2>
3342                 <div class="article-list__item-info">
3343                     @if (settings.Stickers != null)
3344                     {
3345                         settings.Stickers.Position = StickersListPosition.Custom;
3346                         @Render(settings.Stickers);
3347                     }
3348     
3349                     <small class="u-margin-top--lg u-color-light">
3350                         @if (!(string.IsNullOrWhiteSpace(settings.Author) && string.IsNullOrWhiteSpace(settings.Date)))
3351                         {
3352                         <text>@Translate("Written")</text>
3353                         }
3354                         @if (!string.IsNullOrWhiteSpace(settings.Author))
3355                         {
3356                         <text>@Translate("by") @settings.Author</text>
3357                         }
3358                         @if (!string.IsNullOrWhiteSpace(settings.Date))
3359                         {
3360                         <text>@Translate("on") @settings.Date</text>
3361                         }
3362                     </small>
3363                 </div>
3364     
3365                 <h3 class="article__short-summary u-color-light">@settings.Summary</h3>
3366             </a>
3367             @if (settings.UseFilters == true)
3368             {
3369                 <div class="background-image image-filter image-filter--darken dw-mod"></div>
3370             }
3371         </div>
3372     }
3373     @using System.Text.RegularExpressions
3374     @using Dynamicweb.Rapido.Blocks.Components
3375     @using Dynamicweb.Rapido.Blocks.Components.General
3376     @using Dynamicweb.Rapido.Blocks.Components.Articles
3377     @using Dynamicweb.Rapido.Blocks
3378     
3379     @* Component for the articles *@
3380     
3381     @helper RenderArticleVideo(ArticleVideo settings)
3382     {
3383         if (settings.Url != null)
3384         {
3385             //getting video ID from youtube URL
3386             string videoCode = settings.Url;
3387             Regex regex = new Regex(@".be\/(.[^?]*)");
3388             Match match = regex.Match(videoCode);
3389             string videoId = "";
3390             if (match.Success)
3391             {
3392                 videoId = match.Groups[1].Value;
3393             }
3394             else
3395             {
3396                 regex = new Regex(@"v=([^&]+)");
3397                 match = regex.Match(videoCode);
3398                 if (match.Success)
3399                 {
3400                     videoId = match.Groups[1].Value;
3401                 }
3402             }
3403     
3404             int autoPlay = settings.AutoPlay == "true" ? 1 : 0;
3405     
3406             <div class="video-wrapper">
3407                 <div class="js-youtube-video" data-video="@videoId" id="ytPlayer@(Guid.NewGuid().ToString("N"))" data-auto-play="@autoPlay" data-enable-controls="1"></div>
3408             </div> 
3409         }
3410     }
3411     
3412     
3413     
3414     @* Simple helpers *@
3415     
3416     @*Requires the Gallery ItemType that comes with Rapido*@
3417     @helper RenderArticleItemGallery(IList<ItemViewModel> gallery) {
3418         if (gallery != null && gallery.Count > 0)
3419         {
3420             int count = 1;
3421     
3422             foreach (var item in gallery)
3423             {
3424                 if (item.GetFile("ImagePath") != null)
3425                 {
3426                     string image = item.GetFile("ImagePath").PathUrlEncoded;
3427                     string imagePrefix = "/Admin/Public/GetImage.ashx?width=1200&amp;height=820&amp;crop=5&amp;Compression=75&amp;DoNotUpscale=1&amp;image=";
3428                     int imagesCount = gallery.Count;
3429     
3430                     if (count == 1)
3431                     {
3432                         <label class="gallery" for="ParagraphGalleryModalTrigger" onclick="Gallery.openImage(this.querySelector('.js-gallery'))">
3433                             <span class="gallery__main-image">
3434                                 <img src="/Files/Images/placeholder.gif" data-src="/Admin/Public/GetImage.ashx?width=992&amp;height=760&amp;crop=0&amp;Compression=75&amp;DoNotUpscale=1&amp;image=@image" class="b-lazy flex-img js-gallery" alt="" data-for="ParagraphGallery" data-image="@imagePrefix@image" />
3435                             </span>
3436                             <span class="gallery__image-counter">
3437                                 <i class="fas fa-camera fa-2x"></i> <span class="gallery__image-counter__number">@imagesCount</span>
3438                                 <span class="gallery__image-counter__text">@Translate("See all") <i class="fas fa-angle-right"></i></span>
3439                             </span>
3440                         </label>
3441                     }
3442                     else
3443                     {
3444                         <div class="u-hidden js-gallery" data-for="ParagraphGallery" data-image="@imagePrefix@image"></div>
3445                     }
3446     
3447                     count++;
3448                 }
3449             }
3450     
3451             @Render(new ArticleGalleryModal())
3452         }
3453     }
3454     
3455     @helper RenderMobileFilters(List<Block> subBlocks)
3456     {
3457         if (subBlocks.Count > 0)
3458         {
3459             <div class="grid__col-12">
3460                 <input type="checkbox" id="CheckFilters" class="js-remember-state u-hidden" data-expand="CheckFilters" />
3461                 <div class="grid u-margin-bottom dw-mod" data-trigger="CheckFilters">
3462                     @RenderBlockList(subBlocks)  
3463                 </div>
3464                 <label for="CheckFilters" class="btn btn--secondary btn--full dw-mod js-expand-hide" data-trigger="CheckFilters">@Translate("Select filters")</label>
3465                 <label for="CheckFilters" class="btn btn--secondary btn--full dw-mod expandable--collapsed" data-trigger="CheckFilters">@Translate("Close filters")</label>
3466             </div>
3467         }
3468     }