Error executing template "Designs/Rapido/ContentPage/Paragraph/StandardParagraphThree.cshtml" Microsoft.CSharp.RuntimeBinder.RuntimeBinderException: Cannot perform runtime binding on a null reference at CallSite.Target(Closure , CallSite , Object ) at System.Dynamic.UpdateDelegates.UpdateAndExecute1[T0,TRet](CallSite site, T0 arg0) at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<>c__DisplayClass19_0.<RenderTheImage>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 924 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<>c__DisplayClass18_0.<RenderWithAltAndTitle>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 860 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<RenderTheContent>b__48_0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 2402 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.Execute() in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 2347 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 Dynamicweb.Frontend 3 @using Dynamicweb.Rapido.Blocks.Components 4 @using Dynamicweb.Rapido.Blocks.Components.General 5 6 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel> 7 @using Dynamicweb.Frontend 8 9 @* Include the components *@ 10 @using System.Text.RegularExpressions 11 @using System.Collections.Generic 12 @using System.Reflection 13 @using System.Web 14 @using System.Web.UI.HtmlControls 15 @using Dynamicweb.Rapido.Blocks.Components 16 @using Dynamicweb.Rapido.Blocks.Components.Articles 17 @using Dynamicweb.Rapido.Blocks.Components.Documentation 18 @using Dynamicweb.Rapido.Blocks 19 20 21 @*--- START: Base block renderers ---*@ 22 23 @helper RenderBlockList(List<Block> blocks) 24 { 25 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 26 blocks = blocks.OrderBy(item => item.SortId).ToList(); 27 28 foreach (Block item in blocks) 29 { 30 if (debug) { 31 <!-- Block START: @item.Id --> 32 } 33 34 if (item.Design == null) 35 { 36 @RenderBlock(item) 37 } 38 else if (item.Design.RenderType == RenderType.None) { 39 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 40 41 <div class="@cssClass dw-mod"> 42 @RenderBlock(item) 43 </div> 44 } 45 else if (item.Design.RenderType != RenderType.Hide) 46 { 47 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 48 49 if (!item.SkipRenderBlocksList) { 50 if (item.Design.RenderType == RenderType.Row) 51 { 52 <div class="grid grid--align-content-start @cssClass dw-mod" id="Block__@item.Id"> 53 @RenderBlock(item) 54 </div> 55 } 56 57 if (item.Design.RenderType == RenderType.Column) 58 { 59 string hidePadding = item.Design.HidePadding ? "u-no-padding" : ""; 60 string size = item.Design.Size ?? "12"; 61 size = Regex.IsMatch(size, @"\d") ? "md-" + item.Design.Size : item.Design.Size; 62 63 <div class="grid__col-lg-@item.Design.Size grid__col-md-@item.Design.Size grid__col-sm-12 grid__col-xs-12 @hidePadding @cssClass dw-mod" id="Block__@item.Id"> 64 @RenderBlock(item) 65 </div> 66 } 67 68 if (item.Design.RenderType == RenderType.Table) 69 { 70 <table class="table @cssClass dw-mod" id="Block__@item.Id"> 71 @RenderBlock(item) 72 </table> 73 } 74 75 if (item.Design.RenderType == RenderType.TableRow) 76 { 77 <tr class="@cssClass dw-mod" id="Block__@item.Id"> 78 @RenderBlock(item) 79 </tr> 80 } 81 82 if (item.Design.RenderType == RenderType.TableColumn) 83 { 84 <td class="@cssClass dw-mod" id="Block__@item.Id"> 85 @RenderBlock(item) 86 </td> 87 } 88 89 if (item.Design.RenderType == RenderType.CardHeader) 90 { 91 <div class="card-header @cssClass dw-mod"> 92 @RenderBlock(item) 93 </div> 94 } 95 96 if (item.Design.RenderType == RenderType.CardBody) 97 { 98 <div class="card @cssClass dw-mod"> 99 @RenderBlock(item) 100 </div> 101 } 102 103 if (item.Design.RenderType == RenderType.CardFooter) 104 { 105 <div class="card-footer @cssClass dw-mod"> 106 @RenderBlock(item) 107 </div> 108 } 109 } 110 else 111 { 112 @RenderBlock(item) 113 } 114 } 115 116 if (debug) { 117 <!-- Block END: @item.Id --> 118 } 119 } 120 } 121 122 @helper RenderBlock(Block item) 123 { 124 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 125 126 if (item.Template != null) 127 { 128 @BlocksPage.RenderTemplate(item.Template) 129 } 130 131 if (item.Component != null) 132 { 133 string customSufix = "Custom"; 134 string methodName = item.Component.HelperName; 135 136 ComponentBase[] methodParameters = new ComponentBase[1]; 137 methodParameters[0] = item.Component; 138 Type methodType = this.GetType(); 139 140 MethodInfo customMethod = methodType.GetMethod(methodName + customSufix); 141 MethodInfo generalMethod = methodType.GetMethod(methodName); 142 143 try { 144 if (debug) { 145 <!-- Component: @methodName.Replace("Render", "") --> 146 } 147 @customMethod.Invoke(this, methodParameters).ToString(); 148 } catch { 149 try { 150 @generalMethod.Invoke(this, methodParameters).ToString(); 151 } catch(Exception ex) { 152 throw new Exception(item.Component.GetType().Name + " method '" + methodName +"' could not be invoked", ex); 153 } 154 } 155 } 156 157 if (item.BlocksList.Count > 0 && !item.SkipRenderBlocksList) 158 { 159 @RenderBlockList(item.BlocksList) 160 } 161 } 162 163 @*--- END: Base block renderers ---*@ 164 165 @using Dynamicweb.Rapido.Blocks.Components 166 @using Dynamicweb.Rapido.Blocks.Components.General 167 @using Dynamicweb.Rapido.Blocks 168 @using System.IO 169 170 @* Required *@ 171 @using Dynamicweb.Rapido.Blocks.Components 172 @using Dynamicweb.Rapido.Blocks.Components.General 173 @using Dynamicweb.Rapido.Blocks 174 175 176 @helper Render(ComponentBase component) 177 { 178 if (component != null) 179 { 180 @component.Render(this) 181 } 182 } 183 184 @* Components *@ 185 @using System.Reflection 186 @using Dynamicweb.Rapido.Blocks.Components.General 187 188 189 @* Component *@ 190 191 @helper RenderIcon(Icon settings) 192 { 193 if (settings != null) 194 { 195 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 196 197 if (settings.Name != null) 198 { 199 if (string.IsNullOrEmpty(settings.Label)) 200 { 201 <i class="@settings.Prefix @settings.Name @settings.CssClass" @color></i> 202 } 203 else 204 { 205 if (settings.LabelPosition == IconLabelPosition.Before) 206 { 207 <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> 208 } 209 else 210 { 211 <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> 212 } 213 } 214 } 215 else if (!string.IsNullOrEmpty(settings.Label)) 216 { 217 @settings.Label 218 } 219 } 220 } 221 @using System.Reflection 222 @using Dynamicweb.Rapido.Blocks.Components.General 223 @using Dynamicweb.Rapido.Blocks.Components 224 @using Dynamicweb.Core 225 226 @* Component *@ 227 228 @helper RenderButton(Button settings) 229 { 230 if (settings != null && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 231 { 232 Dictionary<string, string> attributes = new Dictionary<string, string>(); 233 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 234 if (settings.Disabled) { 235 attributes.Add("disabled", "true"); 236 classList.Add("disabled"); 237 } 238 239 if (!string.IsNullOrEmpty(settings.ConfirmText) || !string.IsNullOrEmpty(settings.ConfirmTitle)) 240 { 241 settings.Id = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 242 @RenderConfirmDialog(settings); 243 settings.OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = true"; 244 } 245 246 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 247 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 248 if (!string.IsNullOrEmpty(settings.AltText)) 249 { 250 attributes.Add("title", settings.AltText); 251 } 252 else if (!string.IsNullOrEmpty(settings.Title)) 253 { 254 string cleanTitle = Regex.Replace(settings.Title, "<.*?>", String.Empty); 255 cleanTitle = cleanTitle.Replace(" ", " "); 256 attributes.Add("title", cleanTitle); 257 } 258 259 var onClickEvents = new List<string>(); 260 if (!string.IsNullOrEmpty(settings.OnClick)) 261 { 262 onClickEvents.Add(settings.OnClick); 263 } 264 if (!string.IsNullOrEmpty(settings.Href)) 265 { 266 onClickEvents.Add("location.href='" + settings.Href + "'"); 267 } 268 if (onClickEvents.Count > 0) 269 { 270 attributes.Add("onClick", string.Join(";", onClickEvents)); 271 } 272 273 if (settings.ButtonLayout != ButtonLayout.None) 274 { 275 classList.Add("btn"); 276 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 277 if (btnLayout == "linkclean") 278 { 279 btnLayout = "link-clean"; //fix 280 } 281 classList.Add("btn--" + btnLayout); 282 } 283 284 if (settings.Icon == null) 285 { 286 settings.Icon = new Icon(); 287 } 288 289 settings.Icon.CssClass += Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower() != "linkclean" ? " u-flex--align-center" : ""; 290 settings.Icon.Label = settings.Title; 291 292 attributes.Add("type", Enum.GetName(typeof(ButtonType), settings.ButtonType).ToLower()); 293 294 <button class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</button> 295 } 296 } 297 298 @helper RenderConfirmDialog(Button settings) 299 { 300 Modal confirmDialog = new Modal { 301 Id = settings.Id, 302 Width = ModalWidth.Sm, 303 Heading = new Heading 304 { 305 Level = 2, 306 Title = settings.ConfirmTitle 307 }, 308 BodyText = settings.ConfirmText 309 }; 310 311 confirmDialog.AddAction(new Button { Title = Translate("Cancel"), ButtonLayout = ButtonLayout.Secondary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false"}); 312 confirmDialog.AddAction(new Button { Title = Translate("OK"), ButtonLayout = ButtonLayout.Primary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false;" + settings.OnClick }); 313 314 @Render(confirmDialog) 315 } 316 @using Dynamicweb.Rapido.Blocks.Components.General 317 @using Dynamicweb.Rapido.Blocks.Components 318 @using Dynamicweb.Core 319 320 @helper RenderDashboard(Dashboard settings) 321 { 322 var widgets = settings.GetWidgets(); 323 324 if (!string.IsNullOrEmpty(settings.WidgetsBaseBackgroundColor)) 325 { 326 //set bg color for them 327 328 System.Drawing.Color color = System.Drawing.ColorTranslator.FromHtml(settings.WidgetsBaseBackgroundColor); 329 int r = Convert.ToInt16(color.R); 330 int g = Convert.ToInt16(color.G); 331 int b = Convert.ToInt16(color.B); 332 333 var count = widgets.Length; 334 var max = Math.Max(r, Math.Max(g, b)); 335 double step = 255.0 / (max * count); 336 var i = 0; 337 foreach (var widget in widgets) 338 { 339 i++; 340 341 var shade = "rgb(" + Converter.ToString(r * step * i).Replace(",", ".") + ", " + Converter.ToString(g * step * i).Replace(",", ".") + ", " + Converter.ToString(b * step * i).Replace(",", ".") + ")"; 342 widget.BackgroundColor = shade; 343 } 344 } 345 346 <div class="dashboard @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 347 @foreach (var widget in widgets) 348 { 349 <div class="dashboard__widget"> 350 @Render(widget) 351 </div> 352 } 353 </div> 354 } 355 @using Dynamicweb.Rapido.Blocks.Components.General 356 @using Dynamicweb.Rapido.Blocks.Components 357 358 @helper RenderDashboardWidgetLink(DashboardWidgetLink settings) 359 { 360 if (!string.IsNullOrEmpty(settings.Link)) 361 { 362 var backgroundStyles = ""; 363 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 364 { 365 backgroundStyles = "style=\"background-color:" + settings.BackgroundColor + "\""; 366 } 367 368 <a href="@settings.Link" class="widget widget--link @settings.CssClass dw-mod" @backgroundStyles title="@settings.Title" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 369 <div class="u-center-middle u-color-light"> 370 @if (settings.Icon != null) 371 { 372 settings.Icon.CssClass += "widget__icon"; 373 @Render(settings.Icon) 374 } 375 <div class="widget__title">@settings.Title</div> 376 </div> 377 </a> 378 } 379 } 380 @using Dynamicweb.Rapido.Blocks.Components.General 381 @using Dynamicweb.Rapido.Blocks.Components 382 383 @helper RenderDashboardWidgetCounter(DashboardWidgetCounter settings) 384 { 385 var backgroundStyles = ""; 386 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 387 { 388 backgroundStyles = "style='background-color:" + settings.BackgroundColor + "'"; 389 } 390 391 <div class="widget @settings.CssClass dw-mod" @backgroundStyles @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 392 <div class="u-center-middle u-color-light"> 393 @if (settings.Icon != null) 394 { 395 settings.Icon.CssClass += "widget__icon"; 396 @Render(settings.Icon) 397 } 398 <div class="widget__counter">@settings.Count</div> 399 <div class="widget__title">@settings.Title</div> 400 </div> 401 </div> 402 } 403 @using System.Reflection 404 @using Dynamicweb.Rapido.Blocks.Components.General 405 @using Dynamicweb.Rapido.Blocks.Components 406 @using Dynamicweb.Core 407 408 @* Component *@ 409 410 @helper RenderLink(Link settings) 411 { 412 if (settings != null && !string.IsNullOrEmpty(settings.Href) && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 413 { 414 Dictionary<string, string> attributes = new Dictionary<string, string>(); 415 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 416 if (settings.Disabled) 417 { 418 attributes.Add("disabled", "true"); 419 classList.Add("disabled"); 420 } 421 422 if (!string.IsNullOrEmpty(settings.AltText)) 423 { 424 attributes.Add("title", settings.AltText); 425 } 426 else if (!string.IsNullOrEmpty(settings.Title)) 427 { 428 attributes.Add("title", settings.Title); 429 } 430 431 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 432 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 433 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onClick", settings.OnClick); } 434 attributes.Add("href", settings.Href); 435 436 if (settings.ButtonLayout != ButtonLayout.None) 437 { 438 classList.Add("btn"); 439 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 440 if (btnLayout == "linkclean") 441 { 442 btnLayout = "link-clean"; //fix 443 } 444 classList.Add("btn--" + btnLayout); 445 } 446 447 if (settings.Icon == null) 448 { 449 settings.Icon = new Icon(); 450 } 451 settings.Icon.Label = settings.Title; 452 453 if (settings.Target == LinkTargetType.Blank && settings.Rel == LinkRelType.None) 454 { 455 settings.Rel = LinkRelType.Noopener; 456 } 457 if (settings.Target != LinkTargetType.None) 458 { 459 attributes.Add("target", "_" + Enum.GetName(typeof(LinkTargetType), settings.Target).ToLower()); 460 } 461 if (settings.Download) 462 { 463 attributes.Add("download", "true"); 464 } 465 if (settings.Rel != LinkRelType.None) 466 { 467 attributes.Add("rel", Enum.GetName(typeof(LinkRelType), settings.Rel).ToLower()); 468 } 469 470 <a class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</a> 471 } 472 } 473 @using System.Reflection 474 @using Dynamicweb.Rapido.Blocks.Components 475 @using Dynamicweb.Rapido.Blocks.Components.General 476 @using Dynamicweb.Rapido.Blocks 477 478 479 @* Component *@ 480 481 @helper RenderRating(Rating settings) 482 { 483 if (settings.Score > 0) 484 { 485 int rating = settings.Score; 486 string iconType = "fa-star"; 487 488 switch (settings.Type.ToString()) { 489 case "Stars": 490 iconType = "fa-star"; 491 break; 492 case "Hearts": 493 iconType = "fa-heart"; 494 break; 495 case "Lemons": 496 iconType = "fa-lemon"; 497 break; 498 case "Bombs": 499 iconType = "fa-bomb"; 500 break; 501 } 502 503 <div class="u-ta-right"> 504 @for (int i = 0; i < settings.OutOf; i++) 505 { 506 <i class="@(rating > i ? "fas" : "far") @iconType"></i> 507 } 508 </div> 509 } 510 } 511 @using System.Reflection 512 @using Dynamicweb.Rapido.Blocks.Components.General 513 @using Dynamicweb.Rapido.Blocks.Components 514 515 516 @* Component *@ 517 518 @helper RenderSelectFieldOption(SelectFieldOption settings) 519 { 520 Dictionary<string, string> attributes = new Dictionary<string, string>(); 521 if (settings.Checked) { attributes.Add("selected", "true"); } 522 if (settings.Disabled) { attributes.Add("disabled", "true"); } 523 if (settings.Value != null) { attributes.Add("value", settings.Value); } 524 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 525 526 <option @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Label</option> 527 } 528 @using System.Reflection 529 @using Dynamicweb.Rapido.Blocks.Components.General 530 @using Dynamicweb.Rapido.Blocks.Components 531 532 533 @* Component *@ 534 535 @helper RenderNavigation(Navigation settings) { 536 @RenderNavigation(new 537 { 538 id = settings.Id, 539 cssclass = settings.CssClass, 540 startLevel = settings.StartLevel, 541 endlevel = settings.EndLevel, 542 expandmode = settings.Expandmode, 543 sitemapmode = settings.SitemapMode, 544 template = settings.Template 545 }) 546 } 547 @using Dynamicweb.Rapido.Blocks.Components.General 548 @using Dynamicweb.Rapido.Blocks.Components 549 550 551 @* Component *@ 552 553 @helper RenderBreadcrumbNavigation(BreadcrumbNavigation settings) { 554 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 555 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 556 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 557 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 558 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 559 settings.SitemapMode = false; 560 561 @RenderNavigation(settings) 562 } 563 @using Dynamicweb.Rapido.Blocks.Components.General 564 @using Dynamicweb.Rapido.Blocks.Components 565 566 567 @* Component *@ 568 569 @helper RenderLeftNavigation(LeftNavigation settings) { 570 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 571 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 572 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 573 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 574 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 575 576 <div class="grid__cell"> 577 @RenderNavigation(settings) 578 </div> 579 } 580 @using System.Reflection 581 @using Dynamicweb.Rapido.Blocks.Components.General 582 @using Dynamicweb.Core 583 584 @* Component *@ 585 586 @helper RenderHeading(Heading settings) 587 { 588 if (settings != null && !string.IsNullOrEmpty(settings.Title)) 589 { 590 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 591 string tagName = settings.Level != 0 ? "h" + settings.Level.ToString() : "div"; 592 593 @("<" + tagName + " class=\"" + settings.CssClass + " dw-mod\" " + color + ">") 594 if (!string.IsNullOrEmpty(settings.Link)) 595 { 596 @Render(new Link { Href = settings.Link, Icon = settings.Icon, Title = settings.Title, ButtonLayout = ButtonLayout.None }) 597 } 598 else 599 { 600 if (settings.Icon == null) 601 { 602 settings.Icon = new Icon(); 603 } 604 settings.Icon.Label = settings.Title; 605 @Render(settings.Icon) 606 } 607 @("</" + tagName + ">"); 608 } 609 } 610 @using Dynamicweb.Rapido.Blocks.Components 611 @using Dynamicweb.Rapido.Blocks.Components.General 612 @using Dynamicweb.Rapido.Blocks 613 614 615 @* Component *@ 616 617 @helper RenderImage(Image settings) 618 { 619 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 620 { 621 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 622 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 623 624 if (settings.Caption != null) 625 { 626 @:<div> 627 } 628 629 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 630 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 631 632 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 633 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 634 @if (settings.Link != null) 635 { 636 <a href="@settings.Link"> 637 @RenderTheImage(settings) 638 </a> 639 } 640 else 641 { 642 @RenderTheImage(settings) 643 } 644 </div> 645 </div> 646 647 if (settings.Caption != null) 648 { 649 <span class="image-caption dw-mod">@settings.Caption</span> 650 @:</div> 651 } 652 } 653 else 654 { 655 if (settings.Caption != null) 656 { 657 @:<div> 658 } 659 if (!string.IsNullOrEmpty(settings.Link)) 660 { 661 <a href="@settings.Link"> 662 @RenderTheImage(settings) 663 </a> 664 } 665 else 666 { 667 @RenderTheImage(settings) 668 } 669 670 if (settings.Caption != null) 671 { 672 <span class="image-caption dw-mod">@settings.Caption</span> 673 @:</div> 674 } 675 } 676 } 677 678 @helper RenderTheImage(Image settings) 679 { 680 if (settings != null) 681 { 682 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 683 string placeholderImage = "/Files/Images/placeholder.gif"; 684 string imageEngine = "/Admin/Public/GetImage.ashx?"; 685 686 string imageStyle = ""; 687 688 switch (settings.Style) 689 { 690 case ImageStyle.Ball: 691 imageStyle = "grid__cell-img--ball"; 692 break; 693 694 case ImageStyle.Triangle: 695 imageStyle = "grid__cell-img--triangle"; 696 break; 697 } 698 699 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 700 { 701 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 702 703 if (settings.ImageDefault != null) 704 { 705 settings.ImageDefault.Height = settings.ImageDefault.Width; 706 } 707 if (settings.ImageMedium != null) 708 { 709 settings.ImageMedium.Height = settings.ImageMedium.Width; 710 } 711 if (settings.ImageSmall != null) 712 { 713 settings.ImageSmall.Height = settings.ImageSmall.Width; 714 } 715 } 716 717 string defaultImage = imageEngine; 718 string imageSmall = ""; 719 string imageMedium = ""; 720 721 if (settings.DisableImageEngine) 722 { 723 defaultImage = settings.Path; 724 } 725 else 726 { 727 if (settings.ImageDefault != null) 728 { 729 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 730 731 if (settings.Path.GetType() != typeof(string)) 732 { 733 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 734 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 735 } 736 else 737 { 738 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 739 } 740 741 defaultImage += "&AlternativeImage=" + alternativeImage; 742 } 743 744 if (settings.ImageSmall != null) 745 { 746 imageSmall = "data-src-small=\"" + imageEngine; 747 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 748 749 if (settings.Path.GetType() != typeof(string)) 750 { 751 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 752 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 753 } 754 else 755 { 756 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 757 } 758 759 imageSmall += "&alternativeImage=" + alternativeImage; 760 761 imageSmall += "\""; 762 } 763 764 if (settings.ImageMedium != null) 765 { 766 imageMedium = "data-src-medium=\"" + imageEngine; 767 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 768 769 if (settings.Path.GetType() != typeof(string)) 770 { 771 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 772 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 773 } 774 else 775 { 776 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 777 } 778 779 imageMedium += "&alternativeImage=" + alternativeImage; 780 781 imageMedium += "\""; 782 } 783 } 784 785 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 786 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 787 if (!string.IsNullOrEmpty(settings.Title)) 788 { 789 optionalAttributes.Add("alt", settings.Title); 790 optionalAttributes.Add("title", settings.Title); 791 } 792 793 if (settings.DisableLazyLoad) 794 { 795 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) /> 796 } 797 else 798 { 799 <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) /> 800 } 801 } 802 } 803 @using Dynamicweb.Rapido.Blocks.Components 804 @using Dynamicweb.Rapido.Blocks.Components.General 805 @using Dynamicweb.Rapido.Blocks 806 807 808 @* Component *@ 809 810 @helper RenderWithAltAndTitle(Image settings, string alText = "", string titleText = "") 811 { 812 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 813 { 814 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 815 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 816 817 if (settings.Caption != null) 818 { 819 @:<div> 820 } 821 822 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 823 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 824 825 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 826 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 827 @if (settings.Link != null) 828 { 829 <a href="@settings.Link"> 830 @RenderTheImage(settings, alText, titleText) 831 </a> 832 } 833 else 834 { 835 @RenderTheImage(settings, alText, titleText) 836 } 837 </div> 838 </div> 839 840 if (settings.Caption != null) 841 { 842 <span class="image-caption dw-mod">@settings.Caption</span> 843 @:</div> 844 } 845 } 846 else 847 { 848 if (settings.Caption != null) 849 { 850 @:<div> 851 } 852 if (!string.IsNullOrEmpty(settings.Link)) 853 { 854 <a href="@settings.Link"> 855 @RenderTheImage(settings, alText, titleText) 856 </a> 857 } 858 else 859 { 860 @RenderTheImage(settings, alText, titleText) 861 } 862 863 if (settings.Caption != null) 864 { 865 <span class="image-caption dw-mod">@settings.Caption</span> 866 @:</div> 867 } 868 } 869 } 870 871 @helper RenderTheImage(Image settings, string alText = "", string titleText = "") 872 { 873 if (settings != null) 874 { 875 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 876 string placeholderImage = "/Files/Images/placeholder.gif"; 877 string imageEngine = "/Admin/Public/GetImage.ashx?"; 878 879 string imageStyle = ""; 880 881 switch (settings.Style) 882 { 883 case ImageStyle.Ball: 884 imageStyle = "grid__cell-img--ball"; 885 break; 886 887 case ImageStyle.Triangle: 888 imageStyle = "grid__cell-img--triangle"; 889 break; 890 } 891 892 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 893 { 894 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 895 896 if (settings.ImageDefault != null) 897 { 898 settings.ImageDefault.Height = settings.ImageDefault.Width; 899 } 900 if (settings.ImageMedium != null) 901 { 902 settings.ImageMedium.Height = settings.ImageMedium.Width; 903 } 904 if (settings.ImageSmall != null) 905 { 906 settings.ImageSmall.Height = settings.ImageSmall.Width; 907 } 908 } 909 910 string defaultImage = imageEngine; 911 string imageSmall = ""; 912 string imageMedium = ""; 913 914 if (settings.DisableImageEngine) 915 { 916 defaultImage = settings.Path; 917 } 918 else 919 { 920 if (settings.ImageDefault != null) 921 { 922 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 923 924 if (settings.Path.GetType() != typeof(string)) 925 { 926 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 927 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 928 } 929 else 930 { 931 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 932 } 933 934 defaultImage += "&AlternativeImage=" + alternativeImage; 935 } 936 937 if (settings.ImageSmall != null) 938 { 939 imageSmall = "data-src-small=\"" + imageEngine; 940 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 941 942 if (settings.Path.GetType() != typeof(string)) 943 { 944 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 945 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 946 } 947 else 948 { 949 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 950 } 951 952 imageSmall += "&alternativeImage=" + alternativeImage; 953 954 imageSmall += "\""; 955 } 956 957 if (settings.ImageMedium != null) 958 { 959 imageMedium = "data-src-medium=\"" + imageEngine; 960 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 961 962 if (settings.Path.GetType() != typeof(string)) 963 { 964 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 965 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 966 } 967 else 968 { 969 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 970 971 972 } 973 974 imageMedium += "&alternativeImage=" + alternativeImage; 975 976 imageMedium += "\""; 977 } 978 } 979 980 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 981 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 982 if (!string.IsNullOrEmpty(settings.Title)) 983 { 984 optionalAttributes.Add("alt", settings.Title); 985 optionalAttributes.Add("title", settings.Title); 986 } 987 988 989 990 string imgAlt = ""; 991 string imgTitle = ""; 992 993 if (!string.IsNullOrWhiteSpace(alText)) 994 { 995 imgAlt = "alt=" + '"' + alText + '"'; 996 } 997 998 if (!string.IsNullOrWhiteSpace(titleText)) 999 { 1000 imgTitle = "title=" + '"' + titleText + '"'; 1001 1002 } 1003 1004 1005 if (settings.DisableLazyLoad) 1006 { 1007 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) @imgAlt @imgTitle /> 1008 } 1009 else 1010 { 1011 <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) @imgAlt @imgTitle /> 1012 } 1013 } 1014 } 1015 @using System.Reflection 1016 @using Dynamicweb.Rapido.Blocks.Components.General 1017 @using Dynamicweb.Rapido.Blocks.Components 1018 1019 @* Component *@ 1020 1021 @helper RenderFileField(FileField settings) 1022 { 1023 var attributes = new Dictionary<string, string>(); 1024 if (string.IsNullOrEmpty(settings.Id)) 1025 { 1026 settings.Id = Guid.NewGuid().ToString("N"); 1027 } 1028 1029 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1030 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1031 if (settings.Required) { attributes.Add("required", "true"); } 1032 if (settings.Multiple) { attributes.Add("multiple", "true"); } 1033 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1034 if (string.IsNullOrEmpty(settings.ChooseFileText)) 1035 { 1036 settings.ChooseFileText = Translate("Choose file"); 1037 } 1038 if (string.IsNullOrEmpty(settings.NoFilesChosenText)) 1039 { 1040 settings.NoFilesChosenText = Translate("No files chosen..."); 1041 } 1042 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1043 1044 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1045 1046 string setValueToFakeInput = "FileUpload.setValueToFakeInput(this)"; 1047 attributes.Add("onchange", setValueToFakeInput + (!string.IsNullOrEmpty(settings.OnChange) ? settings.OnChange : "")); 1048 1049 attributes.Add("type", "file"); 1050 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1051 settings.CssClass = "u-full-width " + settings.CssClass; 1052 1053 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1054 1055 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1056 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1057 { 1058 <div class="u-full-width"> 1059 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1060 @if (settings.Link != null) { 1061 <div class="u-pull--right"> 1062 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1063 @Render(settings.Link) 1064 </div> 1065 } 1066 </div> 1067 1068 } 1069 1070 @if (!string.IsNullOrEmpty(settings.HelpText)) 1071 { 1072 <small class="form__help-text">@settings.HelpText</small> 1073 } 1074 1075 <div class="form__field-combi file-input u-no-margin dw-mod"> 1076 <input @ComponentMethods.AddAttributes(resultAttributes) class="file-input__real-input" data-no-files-text="@settings.NoFilesChosenText" data-many-files-text="@Translate("files")" /> 1077 <label for="@settings.Id" class="file-input__btn btn--secondary btn dw-mod">@settings.ChooseFileText</label> 1078 <label for="@settings.Id" class="@settings.CssClass file-input__fake-input js-fake-input dw-mod">@settings.NoFilesChosenText</label> 1079 @if (settings.UploadButton != null) 1080 { 1081 settings.UploadButton.CssClass += " btn--condensed u-no-margin"; 1082 @Render(settings.UploadButton) 1083 } 1084 </div> 1085 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1086 </div> 1087 } 1088 @using System.Reflection 1089 @using Dynamicweb.Rapido.Blocks.Components.General 1090 @using Dynamicweb.Rapido.Blocks.Components 1091 @using Dynamicweb.Core 1092 @using System.Linq 1093 1094 @* Component *@ 1095 1096 @helper RenderDateTimeField(DateTimeField settings) 1097 { 1098 if (string.IsNullOrEmpty(settings.Id)) 1099 { 1100 settings.Id = Guid.NewGuid().ToString("N"); 1101 } 1102 1103 var textField = new TextField { 1104 Name = settings.Name, 1105 Id = settings.Id, 1106 Label = settings.Label, 1107 HelpText = settings.HelpText, 1108 Value = settings.Value, 1109 Disabled = settings.Disabled, 1110 Required = settings.Required, 1111 ErrorMessage = settings.ErrorMessage, 1112 CssClass = settings.CssClass, 1113 WrapperCssClass = settings.WrapperCssClass, 1114 OnChange = settings.OnChange, 1115 OnClick = settings.OnClick, 1116 Link = settings.Link, 1117 ExtraAttributes = settings.ExtraAttributes, 1118 // 1119 Placeholder = settings.Placeholder 1120 }; 1121 1122 @Render(textField) 1123 1124 List<string> jsAttributes = new List<string>(); 1125 1126 jsAttributes.Add("mode: '" + Enum.GetName(typeof(DateTimeFieldMode), settings.Mode).ToLower() + "'"); 1127 1128 if (!string.IsNullOrEmpty(settings.DateFormat)) 1129 { 1130 jsAttributes.Add("dateFormat: '" + settings.DateFormat + "'"); 1131 } 1132 if (!string.IsNullOrEmpty(settings.MinDate)) 1133 { 1134 jsAttributes.Add("minDate: '" + settings.MinDate + "'"); 1135 } 1136 if (!string.IsNullOrEmpty(settings.MaxDate)) 1137 { 1138 jsAttributes.Add("maxDate: '" + settings.MaxDate + "'"); 1139 } 1140 if (settings.IsInline) 1141 { 1142 jsAttributes.Add("inline: " + Converter.ToString(settings.IsInline).ToLower()); 1143 } 1144 if (settings.EnableTime) 1145 { 1146 jsAttributes.Add("enableTime: " + Converter.ToString(settings.EnableTime).ToLower()); 1147 } 1148 if (settings.EnableWeekNumbers) 1149 { 1150 jsAttributes.Add("weekNumbers: " + Converter.ToString(settings.EnableWeekNumbers).ToLower()); 1151 } 1152 1153 jsAttributes.AddRange(settings.GetFlatPickrOptions().Select(x => x.Key + ": " + x.Value)); 1154 1155 <script> 1156 document.addEventListener("DOMContentLoaded", function () { 1157 flatpickr("#@textField.Id", { 1158 @string.Join(",", jsAttributes) 1159 }); 1160 }); 1161 </script> 1162 } 1163 @using System.Reflection 1164 @using Dynamicweb.Rapido.Blocks.Components.General 1165 @using Dynamicweb.Rapido.Blocks.Components 1166 1167 @* Component *@ 1168 1169 @helper RenderTextField(TextField settings) 1170 { 1171 var attributes = new Dictionary<string, string>(); 1172 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1173 { 1174 settings.Id = Guid.NewGuid().ToString("N"); 1175 } 1176 1177 /*base settings*/ 1178 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1179 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1180 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1181 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1182 if (settings.Required) { attributes.Add("required", "true"); } 1183 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1184 /*end*/ 1185 1186 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1187 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1188 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1189 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1190 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1191 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1192 attributes.Add("type", Enum.GetName(typeof(TextFieldType), settings.Type).ToLower()); 1193 if (settings.Type == TextFieldType.Password) { attributes.Add("autocomplete", "off"); }; 1194 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1195 1196 settings.CssClass = "u-full-width " + settings.CssClass; 1197 1198 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1199 1200 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1201 1202 string noMargin = "u-no-margin"; 1203 if (!settings.ReadOnly) { 1204 noMargin = ""; 1205 } 1206 1207 <div class="form__field-group u-full-width @noMargin @settings.WrapperCssClass dw-mod"> 1208 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1209 { 1210 <div class="u-full-width"> 1211 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1212 @if (settings.Link != null) { 1213 settings.Link.ButtonLayout = ButtonLayout.LinkClean; 1214 1215 <div class="u-pull--right"> 1216 @Render(settings.Link) 1217 </div> 1218 } 1219 </div> 1220 1221 } 1222 1223 @if (!string.IsNullOrEmpty(settings.HelpText)) 1224 { 1225 <small class="form__help-text">@settings.HelpText</small> 1226 } 1227 1228 @if (settings.ActionButton != null) 1229 { 1230 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1231 <div class="form__field-combi u-no-margin dw-mod"> 1232 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1233 @Render(settings.ActionButton) 1234 </div> 1235 } 1236 else 1237 { 1238 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1239 } 1240 1241 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1242 </div> 1243 } 1244 @using System.Reflection 1245 @using Dynamicweb.Rapido.Blocks.Components.General 1246 @using Dynamicweb.Rapido.Blocks.Components 1247 1248 @* Component *@ 1249 1250 @helper RenderNumberField(NumberField settings) 1251 { 1252 var attributes = new Dictionary<string, string>(); 1253 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1254 { 1255 settings.Id = Guid.NewGuid().ToString("N"); 1256 } 1257 1258 /*base settings*/ 1259 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1260 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1261 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1262 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1263 if (settings.Required) { attributes.Add("required", "true"); } 1264 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1265 /*end*/ 1266 1267 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1268 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1269 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1270 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1271 if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); } 1272 if (settings.Min != null) { attributes.Add("min", settings.Min.ToString()); } 1273 if (settings.Step != 0) { attributes.Add("step", settings.Step.ToString()); } 1274 if (settings.Value != null && !string.IsNullOrEmpty(settings.Value.ToString())) { attributes.Add("value", settings.Value.ToString()); } 1275 attributes.Add("type", "number"); 1276 1277 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1278 1279 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1280 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1281 { 1282 <div class="u-full-width"> 1283 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1284 @if (settings.Link != null) { 1285 <div class="u-pull--right"> 1286 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1287 @Render(settings.Link) 1288 </div> 1289 } 1290 </div> 1291 1292 } 1293 1294 @if (!string.IsNullOrEmpty(settings.HelpText)) 1295 { 1296 <small class="form__help-text">@settings.HelpText</small> 1297 } 1298 1299 @if (settings.ActionButton != null) 1300 { 1301 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1302 <div class="form__field-combi u-no-margin dw-mod"> 1303 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1304 @Render(settings.ActionButton) 1305 </div> 1306 } 1307 else 1308 { 1309 <div class="form__field-combi u-no-margin dw-mod"> 1310 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1311 </div> 1312 } 1313 1314 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1315 </div> 1316 } 1317 @using System.Reflection 1318 @using Dynamicweb.Rapido.Blocks.Components.General 1319 @using Dynamicweb.Rapido.Blocks.Components 1320 1321 1322 @* Component *@ 1323 1324 @helper RenderTextareaField(TextareaField settings) 1325 { 1326 Dictionary<string, string> attributes = new Dictionary<string, string>(); 1327 string id = settings.Id; 1328 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(id)) 1329 { 1330 id = Guid.NewGuid().ToString("N"); 1331 } 1332 1333 if (!string.IsNullOrEmpty(id)) { attributes.Add("id", id); } 1334 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1335 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1336 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1337 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1338 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1339 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1340 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1341 if (settings.Required) { attributes.Add("required", "true"); } 1342 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1343 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1344 if (settings.Rows != 0) { attributes.Add("rows", settings.Rows.ToString()); } 1345 attributes.Add("name", settings.Name); 1346 1347 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1348 1349 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1350 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1351 { 1352 <div class="u-full-width"> 1353 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1354 @if (settings.Link != null) { 1355 <div class="u-pull--right"> 1356 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1357 @Render(settings.Link) 1358 </div> 1359 } 1360 </div> 1361 } 1362 1363 @if (!string.IsNullOrEmpty(settings.HelpText)) 1364 { 1365 <small class="form__help-text">@settings.HelpText</small> 1366 } 1367 1368 <textarea class="u-full-width @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Value</textarea> 1369 1370 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1371 </div> 1372 } 1373 @using System.Reflection 1374 @using Dynamicweb.Rapido.Blocks.Components.General 1375 @using Dynamicweb.Rapido.Blocks.Components 1376 1377 1378 @* Component *@ 1379 1380 @helper RenderHiddenField(HiddenField settings) { 1381 var attributes = new Dictionary<string, string>(); 1382 attributes.Add("type", "hidden"); 1383 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1384 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1385 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1386 1387 <input @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)/> 1388 } 1389 @using System.Reflection 1390 @using Dynamicweb.Rapido.Blocks.Components.General 1391 @using Dynamicweb.Rapido.Blocks.Components 1392 1393 @* Component *@ 1394 1395 @helper RenderCheckboxField(CheckboxField settings) 1396 { 1397 var attributes = new Dictionary<string, string>(); 1398 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1399 { 1400 settings.Id = Guid.NewGuid().ToString("N"); 1401 } 1402 1403 /*base settings*/ 1404 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1405 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1406 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1407 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1408 if (settings.Required) { attributes.Add("required", "true"); } 1409 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1410 /*end*/ 1411 1412 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1413 1414 attributes.Add("type", "checkbox"); 1415 if (settings.Checked) { attributes.Add("checked", "true"); } 1416 settings.CssClass = "form__control " + settings.CssClass; 1417 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1418 1419 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1420 1421 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1422 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1423 @if (!string.IsNullOrEmpty(settings.Label)) 1424 { 1425 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1426 } 1427 1428 @if (settings.Link != null) { 1429 <span> 1430 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1431 @Render(settings.Link) 1432 </span> 1433 } 1434 1435 @if (!string.IsNullOrEmpty(settings.HelpText)) 1436 { 1437 <small class="form__help-text checkbox-help dw-mod">@settings.HelpText</small> 1438 } 1439 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1440 </div> 1441 } 1442 @using System.Reflection 1443 @using Dynamicweb.Rapido.Blocks.Components.General 1444 @using Dynamicweb.Rapido.Blocks.Components 1445 1446 1447 @* Component *@ 1448 1449 @helper RenderCheckboxListField(CheckboxListField settings) 1450 { 1451 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1452 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1453 { 1454 <div class="u-full-width"> 1455 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1456 @if (settings.Link != null) { 1457 <div class="u-pull--right"> 1458 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1459 @Render(settings.Link) 1460 </div> 1461 } 1462 </div> 1463 1464 } 1465 1466 <div class="u-pull--left"> 1467 @if (!string.IsNullOrEmpty(settings.HelpText)) 1468 { 1469 <small class="form__help-text">@settings.HelpText</small> 1470 } 1471 1472 @foreach (var item in settings.Options) 1473 { 1474 if (settings.Required) 1475 { 1476 item.Required = true; 1477 } 1478 if (settings.Disabled) 1479 { 1480 item.Disabled = true; 1481 } 1482 if (!string.IsNullOrEmpty(settings.Name)) 1483 { 1484 item.Name = settings.Name; 1485 } 1486 if (!string.IsNullOrEmpty(settings.CssClass)) 1487 { 1488 item.CssClass += settings.CssClass; 1489 } 1490 1491 /* value is not supported */ 1492 1493 if (!string.IsNullOrEmpty(settings.OnClick)) 1494 { 1495 item.OnClick += settings.OnClick; 1496 } 1497 if (!string.IsNullOrEmpty(settings.OnChange)) 1498 { 1499 item.OnChange += settings.OnChange; 1500 } 1501 @Render(item) 1502 } 1503 1504 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1505 </div> 1506 1507 </div> 1508 } 1509 @using Dynamicweb.Rapido.Blocks.Components.General 1510 1511 @* Component *@ 1512 1513 @helper RenderSearch(Search settings) 1514 { 1515 var searchValue = HttpContext.Current.Request.QueryString.Get(settings.SearchParameter) ?? ""; 1516 var groupValue = HttpContext.Current.Request.QueryString.Get(settings.GroupsParameter) ?? ""; 1517 1518 if (string.IsNullOrEmpty(settings.Id)) 1519 { 1520 settings.Id = Guid.NewGuid().ToString("N"); 1521 } 1522 1523 var resultAttributes = new Dictionary<string, string>(); 1524 1525 if (settings.PageSize != 0) 1526 { 1527 resultAttributes.Add("data-page-size", settings.PageSize.ToString()); 1528 } 1529 if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1530 { 1531 resultAttributes.Add("data-groups-feed-url", settings.GroupItemsFeedUrl); 1532 if (!string.IsNullOrEmpty(groupValue)) 1533 { 1534 resultAttributes.Add("data-selected-group", groupValue); 1535 } 1536 if (!string.IsNullOrEmpty(settings.GroupsParameter)) 1537 { 1538 resultAttributes.Add("data-groups-parameter", settings.GroupsParameter); 1539 } 1540 } 1541 resultAttributes.Add("data-force-init", "true"); 1542 if (settings.GoToFirstSearchResultOnEnter) 1543 { 1544 resultAttributes.Add("data-go-to-first-search-result-on-enter", settings.GoToFirstSearchResultOnEnter.ToString().ToLower()); 1545 } 1546 if (!string.IsNullOrEmpty(settings.SearchParameter)) 1547 { 1548 resultAttributes.Add("data-search-parameter", settings.SearchParameter); 1549 } 1550 resultAttributes.Add("data-search-feed-url", settings.SearchData.SearchFeedUrl); 1551 resultAttributes.Add("data-results-template-id", settings.SearchData.ResultsTemplateId); 1552 1553 if (settings.SecondSearchData != null) 1554 { 1555 resultAttributes.Add("data-second-search-feed-url", settings.SecondSearchData.SearchFeedUrl); 1556 resultAttributes.Add("data-second-results-template-id", settings.SecondSearchData.ResultsTemplateId); 1557 } 1558 if (!string.IsNullOrEmpty(settings.ResultsPageUrl)) 1559 { 1560 resultAttributes.Add("data-results-page-url", settings.ResultsPageUrl); 1561 } 1562 1563 resultAttributes = resultAttributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1564 1565 string searchFieldCss = (settings.SearchButton == null) ? "search--with-icon" : ""; 1566 1567 <div class="search @settings.CssClass @searchFieldCss js-search-data-source dw-mod" id="@settings.Id" @ComponentMethods.AddAttributes(resultAttributes)> 1568 @if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1569 { 1570 <button type="button" class="search__groups-btn dw-mod js-search-groups-btn">@Translate("All")</button> 1571 <ul class="dropdown dropdown--absolute-position dw-mod search__groups-results js-search-groups-list"></ul> 1572 } 1573 1574 <input type="text" class="search__field dw-mod js-search-field" placeholder="@settings.Placeholder" value="@searchValue"> 1575 1576 <div class="dropdown dropdown--absolute-position search__results dw-mod js-search-results @(settings.SecondSearchData != null ? "search__results--combined" : "")"> 1577 @if (settings.SecondSearchData != null) 1578 { 1579 <div class="search__column search__column--products dw-mod"> 1580 <div class="search__column-header dw-mod">@Translate("Products")</div> 1581 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1582 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1583 { 1584 @Render(new Link { 1585 Title = Translate("View all"), 1586 CssClass = "js-view-all-button u-margin", 1587 Href = settings.SearchData.ResultsPageUrl 1588 }); 1589 } 1590 </div> 1591 <div class="search__column search__column--pages dw-mod"> 1592 <div class="search__column-header">@Translate("Pages")</div> 1593 <ul class="search__results-list dw-mod js-search-results-second-list" id="@(settings.Id)_SecondResultsList"></ul> 1594 @if (!string.IsNullOrEmpty(settings.SecondSearchData.ResultsPageUrl)) 1595 { 1596 @Render(new Link 1597 { 1598 Title = Translate("View all"), 1599 CssClass = "js-view-all-button u-margin", 1600 Href = settings.SecondSearchData.ResultsPageUrl 1601 }); 1602 } 1603 </div> 1604 } 1605 else 1606 { 1607 <div class="search__column search__column--only dw-mod"> 1608 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1609 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1610 { 1611 @Render(new Link { 1612 Title = Translate("View all"), 1613 CssClass = "js-view-all-button u-margin", 1614 Href = settings.SearchData.ResultsPageUrl 1615 }); 1616 } 1617 </div> 1618 } 1619 </div> 1620 1621 @if (settings.SearchButton != null) 1622 { 1623 settings.SearchButton.CssClass += " search__btn js-search-btn"; 1624 if (settings.RenderDefaultSearchIcon) 1625 { 1626 settings.SearchButton.Icon = new Icon { Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue }; 1627 } 1628 @Render(settings.SearchButton); 1629 } 1630 </div> 1631 } 1632 @using System.Reflection 1633 @using Dynamicweb.Rapido.Blocks.Components.General 1634 @using Dynamicweb.Rapido.Blocks.Components 1635 1636 1637 @* Component *@ 1638 1639 @helper RenderSelectField(SelectField settings) 1640 { 1641 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1642 { 1643 settings.Id = Guid.NewGuid().ToString("N"); 1644 } 1645 1646 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1647 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1648 { 1649 <div class="u-full-width"> 1650 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1651 @if (settings.Link != null) { 1652 <div class="u-pull--right"> 1653 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1654 @Render(settings.Link) 1655 </div> 1656 } 1657 </div> 1658 } 1659 1660 @if (!string.IsNullOrEmpty(settings.HelpText)) 1661 { 1662 <small class="form__help-text">@settings.HelpText</small> 1663 } 1664 1665 @if (settings.ActionButton != null) 1666 { 1667 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1668 <div class="form__field-combi u-no-margin dw-mod"> 1669 @RenderSelectBase(settings) 1670 @Render(settings.ActionButton) 1671 </div> 1672 } 1673 else 1674 { 1675 @RenderSelectBase(settings) 1676 } 1677 1678 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1679 </div> 1680 } 1681 1682 @helper RenderSelectBase(SelectField settings) 1683 { 1684 var attributes = new Dictionary<string, string>(); 1685 1686 /*base settings*/ 1687 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1688 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1689 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1690 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1691 if (settings.Required) { attributes.Add("required", "true"); } 1692 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1693 /*end*/ 1694 1695 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1696 1697 <select @ComponentMethods.AddAttributes(resultAttributes) class="u-full-width @settings.CssClass dw-mod"> 1698 @if (settings.Default != null) 1699 { 1700 @Render(settings.Default) 1701 } 1702 1703 @foreach (var item in settings.Options) 1704 { 1705 if (settings.Value != null) { 1706 item.Checked = item.Value == settings.Value; 1707 } 1708 @Render(item) 1709 } 1710 </select> 1711 } 1712 @using System.Reflection 1713 @using Dynamicweb.Rapido.Blocks.Components.General 1714 @using Dynamicweb.Rapido.Blocks.Components 1715 1716 @* Component *@ 1717 1718 @helper RenderRadioButtonField(RadioButtonField settings) 1719 { 1720 var attributes = new Dictionary<string, string>(); 1721 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1722 { 1723 settings.Id = Guid.NewGuid().ToString("N"); 1724 } 1725 1726 /*base settings*/ 1727 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1728 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1729 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1730 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1731 if (settings.Required) { attributes.Add("required", "true"); } 1732 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1733 /*end*/ 1734 1735 attributes.Add("type", "radio"); 1736 if (settings.Checked) { attributes.Add("checked", "true"); } 1737 settings.CssClass = "form__control " + settings.CssClass; 1738 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1739 1740 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1741 1742 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1743 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1744 @if (!string.IsNullOrEmpty(settings.Label)) 1745 { 1746 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1747 } 1748 @if (!string.IsNullOrEmpty(settings.HelpText)) 1749 { 1750 <small class="form__help-text">@settings.HelpText</small> 1751 } 1752 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1753 </div> 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 RenderRadioButtonListField(RadioButtonListField settings) 1763 { 1764 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1765 1766 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1767 @if (!string.IsNullOrEmpty(settings.Label)) 1768 { 1769 <label>@settings.Label</label> 1770 } 1771 @if (!string.IsNullOrEmpty(settings.HelpText)) 1772 { 1773 <small class="form__help-text">@settings.HelpText</small> 1774 } 1775 1776 @foreach (var item in settings.Options) 1777 { 1778 if (settings.Required) 1779 { 1780 item.Required = true; 1781 } 1782 if (settings.Disabled) 1783 { 1784 item.Disabled = true; 1785 } 1786 if (!string.IsNullOrEmpty(settings.Name)) 1787 { 1788 item.Name = settings.Name; 1789 } 1790 if (settings.Value != null && settings.Value == item.Value) 1791 { 1792 item.Checked = true; 1793 } 1794 if (!string.IsNullOrEmpty(settings.OnClick)) 1795 { 1796 item.OnClick += settings.OnClick; 1797 } 1798 if (!string.IsNullOrEmpty(settings.OnChange)) 1799 { 1800 item.OnChange += settings.OnChange; 1801 } 1802 if (!string.IsNullOrEmpty(settings.CssClass)) 1803 { 1804 item.CssClass += settings.CssClass; 1805 } 1806 @Render(item) 1807 } 1808 1809 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1810 </div> 1811 } 1812 @using System.Reflection 1813 @using Dynamicweb.Rapido.Blocks.Components.General 1814 @using Dynamicweb.Rapido.Blocks.Components 1815 1816 1817 @* Component *@ 1818 1819 @helper RenderNotificationMessage(NotificationMessage settings) 1820 { 1821 if (!string.IsNullOrEmpty(settings.Message)) 1822 { 1823 var attributes = new Dictionary<string, string>(); 1824 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1825 1826 string messageTypeClass = Enum.GetName(typeof(NotificationMessageType), settings.MessageType).ToLower(); 1827 string messageLayoutClass = Enum.GetName(typeof(NotificationMessageLayout), settings.MessageLayout).ToLower(); 1828 string minHeightClass = settings.Icon != null ? "u-min-h70px" : ""; 1829 1830 <div class="notification-message-@messageTypeClass notification-message-@messageLayoutClass @messageLayoutClass @minHeightClass @settings.CssClass u-full-width dw-mod" @ComponentMethods.AddAttributes(attributes)> 1831 @if (settings.Icon != null) { 1832 settings.Icon.Label = !string.IsNullOrEmpty(settings.Icon.Label) ? settings.Message + settings.Icon.Label : settings.Message; 1833 @Render(settings.Icon) 1834 } else { 1835 @settings.Message 1836 } 1837 </div> 1838 } 1839 } 1840 @using Dynamicweb.Rapido.Blocks.Components.General 1841 1842 1843 @* Component *@ 1844 1845 @helper RenderHandlebarsRoot(HandlebarsRoot settings) { 1846 string preRender = !String.IsNullOrEmpty(settings.PreRenderScriptTemplate) ? "data-pre-render-template=\"" + settings.PreRenderScriptTemplate + "\"" : ""; 1847 1848 <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> 1849 @if (settings.SubBlocks != null) { 1850 @RenderBlockList(settings.SubBlocks) 1851 } 1852 </div> 1853 } 1854 @using System.Reflection 1855 @using Dynamicweb.Rapido.Blocks.Components.General 1856 @using Dynamicweb.Rapido.Blocks.Components 1857 @using System.Text.RegularExpressions 1858 1859 1860 @* Component *@ 1861 1862 @helper RenderSticker(Sticker settings) { 1863 if (!String.IsNullOrEmpty(settings.Title)) { 1864 string size = settings.Size.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Size.ToString().ToLower() : ""; 1865 string style = settings.Style.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Style.ToString().ToLower() : ""; 1866 1867 Dictionary<String, String> optionalAttributes = new Dictionary<string, string>(); 1868 if (!String.IsNullOrEmpty(settings.Color) || !String.IsNullOrEmpty(settings.BackgroundColor)) { 1869 string styleTag = !String.IsNullOrEmpty(settings.Color) ? "color: " + settings.Color + "; " : ""; 1870 styleTag += !String.IsNullOrEmpty(settings.BackgroundColor) ? "background-color: " + settings.BackgroundColor + "; " : ""; 1871 optionalAttributes.Add("style", styleTag); 1872 } 1873 1874 <div class="stickers-container__tag @size @style @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Title</div> 1875 } 1876 } 1877 1878 @using System.Reflection 1879 @using Dynamicweb.Rapido.Blocks.Components.General 1880 @using Dynamicweb.Rapido.Blocks.Components 1881 1882 1883 @* Component *@ 1884 1885 @helper RenderStickersCollection(StickersCollection settings) 1886 { 1887 if (settings.Stickers.Count > 0) 1888 { 1889 string position = "stickers-container--" + Regex.Replace(settings.Position.ToString(), "([a-z])([A-Z])", "$1-$2").ToLower(); 1890 1891 <div class="stickers-container @position @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1892 @foreach (Sticker sticker in settings.Stickers) 1893 { 1894 @Render(sticker) 1895 } 1896 </div> 1897 } 1898 } 1899 1900 @using Dynamicweb.Rapido.Blocks.Components.General 1901 1902 1903 @* Component *@ 1904 1905 @helper RenderForm(Form settings) { 1906 if (settings != null) 1907 { 1908 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 1909 if (!string.IsNullOrEmpty(settings.Action)) { optionalAttributes.Add("action", settings.Action); }; 1910 if (!string.IsNullOrEmpty(settings.Name)) { optionalAttributes.Add("name", settings.Name); }; 1911 if (!string.IsNullOrEmpty(settings.OnSubmit)) { optionalAttributes.Add("onsubmit", settings.OnSubmit); }; 1912 var enctypes = new Dictionary<string, string> 1913 { 1914 { "multipart", "multipart/form-data" }, 1915 { "text", "text/plain" }, 1916 { "application", "application/x-www-form-urlencoded" } 1917 }; 1918 if (settings.Enctype != FormEnctype.none) { optionalAttributes.Add("enctype", enctypes[Enum.GetName(typeof(FormEnctype), settings.Enctype).ToLower()]); }; 1919 optionalAttributes.Add("method", settings.Method.ToString()); 1920 1921 if (!string.IsNullOrEmpty(settings.FormStartMarkup)) 1922 { 1923 @settings.FormStartMarkup 1924 } 1925 else 1926 { 1927 @:<form class="@settings.CssClass u-no-margin dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1928 } 1929 1930 foreach (var field in settings.GetFields()) 1931 { 1932 @Render(field) 1933 } 1934 1935 @:</form> 1936 } 1937 } 1938 @using System.Reflection 1939 @using Dynamicweb.Rapido.Blocks.Components.General 1940 @using Dynamicweb.Rapido.Blocks.Components 1941 1942 1943 @* Component *@ 1944 1945 @helper RenderText(Text settings) 1946 { 1947 @settings.Content 1948 } 1949 @using System.Reflection 1950 @using Dynamicweb.Rapido.Blocks.Components.General 1951 @using Dynamicweb.Rapido.Blocks.Components 1952 1953 1954 @* Component *@ 1955 1956 @helper RenderContentModule(ContentModule settings) { 1957 if (!string.IsNullOrEmpty(settings.Content)) 1958 { 1959 @settings.Content 1960 } 1961 } 1962 @using System.Reflection 1963 @using Dynamicweb.Rapido.Blocks.Components.General 1964 @using Dynamicweb.Rapido.Blocks.Components 1965 1966 1967 @* Component *@ 1968 1969 @helper RenderModal(Modal settings) { 1970 if (settings != null) 1971 { 1972 string modalId = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 1973 1974 string onchange = !string.IsNullOrEmpty(settings.OnClose) ? "onchange=\"if(!this.checked){" + settings.OnClose + "}\"" : ""; 1975 1976 <input type="checkbox" id="@(modalId)ModalTrigger" class="modal-trigger" @onchange /> 1977 1978 <div class="modal-container"> 1979 @if (!settings.DisableDarkOverlay) 1980 { 1981 <label for="@(modalId)ModalTrigger" id="@(modalId)ModalOverlay" class="modal-overlay"></label> 1982 } 1983 <div class="modal modal--@settings.Width.ToString().ToLower() modal-height--@settings.Height.ToString().ToLower()" id="@(modalId)Modal"> 1984 @if (settings.Heading != null) 1985 { 1986 if (!string.IsNullOrEmpty(settings.Heading.Title)) 1987 { 1988 <div class="modal__header"> 1989 @Render(settings.Heading) 1990 </div> 1991 } 1992 } 1993 <div class="modal__body @(settings.Width.ToString().ToLower() == "full" ? "modal__body--full" : "")"> 1994 @if (!string.IsNullOrEmpty(settings.BodyText)) 1995 { 1996 @settings.BodyText 1997 } 1998 @if (settings.BodyTemplate != null) 1999 { 2000 @settings.BodyTemplate 2001 } 2002 @{ 2003 var actions = settings.GetActions(); 2004 } 2005 </div> 2006 @if (actions.Length > 0) 2007 { 2008 <div class="modal__footer"> 2009 @foreach (var action in actions) 2010 { 2011 if (Pageview.Device.ToString() != "Mobile") { 2012 action.CssClass += " u-no-margin"; 2013 } else { 2014 action.CssClass += " u-full-width u-margin-bottom"; 2015 } 2016 2017 @Render(action) 2018 } 2019 </div> 2020 } 2021 <label class="modal__close-btn" for="@(modalId)ModalTrigger"></label> 2022 </div> 2023 </div> 2024 } 2025 } 2026 @using Dynamicweb.Rapido.Blocks.Components.General 2027 2028 @* Component *@ 2029 2030 @helper RenderMediaListItem(MediaListItem settings) 2031 { 2032 <div class="media-list-item @settings.CssClass dw-mod" @(!string.IsNullOrEmpty(settings.Id) ? "id=\"" + settings.Id + "\"" : "")> 2033 @if (!string.IsNullOrEmpty(settings.Label)) 2034 { 2035 if (!string.IsNullOrEmpty(settings.Link)) 2036 { 2037 @Render(new Link 2038 { 2039 Href = settings.Link, 2040 CssClass = "media-list-item__sticker dw-mod", 2041 ButtonLayout = ButtonLayout.None, 2042 Title = settings.Label, 2043 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 2044 }) 2045 } 2046 else if (!string.IsNullOrEmpty(settings.OnClick)) 2047 { 2048 <span class="media-list-item__sticker dw-mod" onclick="@(settings.OnClick)"> 2049 <span class="u-uppercase">@settings.Label</span> 2050 </span> 2051 } 2052 else 2053 { 2054 <span class="media-list-item__sticker media-list-item__sticker--no-link dw-mod"> 2055 <span class="u-uppercase">@settings.Label</span> 2056 </span> 2057 } 2058 } 2059 <div class="media-list-item__wrap"> 2060 <div class="media-list-item__info dw-mod"> 2061 <div class="media-list-item__header dw-mod"> 2062 @if (!string.IsNullOrEmpty(settings.Title)) 2063 { 2064 if (!string.IsNullOrEmpty(settings.Link)) 2065 { 2066 @Render(new Link 2067 { 2068 Href = settings.Link, 2069 CssClass = "media-list-item__name dw-mod", 2070 ButtonLayout = ButtonLayout.None, 2071 Title = settings.Title, 2072 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 2073 }) 2074 } 2075 else if (!string.IsNullOrEmpty(settings.OnClick)) 2076 { 2077 <span class="media-list-item__name dw-mod" onclick="@(settings.OnClick)">@settings.Title</span> 2078 } 2079 else 2080 { 2081 <span class="media-list-item__name media-list-item__name--no-link dw-mod">@settings.Title</span> 2082 } 2083 } 2084 2085 @if (!string.IsNullOrEmpty(settings.Status)) 2086 { 2087 <div class="media-list-item__state dw-mod">@settings.Status</div> 2088 } 2089 </div> 2090 @{ 2091 settings.InfoTable.CssClass += " media-list-item__parameters-table"; 2092 } 2093 2094 @Render(settings.InfoTable) 2095 </div> 2096 <div class="media-list-item__actions dw-mod"> 2097 <div class="media-list-item__actions-list dw-mod"> 2098 @{ 2099 var actions = settings.GetActions(); 2100 2101 foreach (ButtonBase action in actions) 2102 { 2103 action.ButtonLayout = ButtonLayout.None; 2104 action.CssClass += " media-list-item__action link"; 2105 2106 @Render(action) 2107 } 2108 } 2109 </div> 2110 2111 @if (settings.SelectButton != null && !string.IsNullOrEmpty(settings.SelectButton.Title)) 2112 { 2113 settings.SelectButton.CssClass += " u-no-margin"; 2114 2115 <div class="media-list-item__action-button"> 2116 @Render(settings.SelectButton) 2117 </div> 2118 } 2119 </div> 2120 </div> 2121 </div> 2122 } 2123 @using Dynamicweb.Rapido.Blocks.Components.General 2124 @using Dynamicweb.Rapido.Blocks.Components 2125 2126 @helper RenderTable(Table settings) 2127 { 2128 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2129 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2130 2131 var enumToClasses = new Dictionary<TableDesign, string> 2132 { 2133 { TableDesign.Clean, "table--clean" }, 2134 { TableDesign.Bordered, "table--bordered" }, 2135 { TableDesign.Striped, "table--striped" }, 2136 { TableDesign.Hover, "table--hover" }, 2137 { TableDesign.Compact, "table--compact" }, 2138 { TableDesign.Condensed, "table--condensed" }, 2139 { TableDesign.NoTopBorder, "table--no-top-border" } 2140 }; 2141 string tableDesignClass = ""; 2142 if (settings.Design != TableDesign.None) 2143 { 2144 tableDesignClass = enumToClasses[settings.Design]; 2145 } 2146 2147 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableDesign.None) { attributes.Add("class", "table " + tableDesignClass + " " + settings.CssClass + " dw-mod"); } 2148 2149 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2150 2151 <table @ComponentMethods.AddAttributes(resultAttributes)> 2152 @if (settings.Header != null) 2153 { 2154 <thead> 2155 @Render(settings.Header) 2156 </thead> 2157 } 2158 <tbody> 2159 @foreach (var row in settings.Rows) 2160 { 2161 @Render(row) 2162 } 2163 </tbody> 2164 @if (settings.Footer != null) 2165 { 2166 <tfoot> 2167 @Render(settings.Footer) 2168 </tfoot> 2169 } 2170 </table> 2171 } 2172 @using Dynamicweb.Rapido.Blocks.Components.General 2173 @using Dynamicweb.Rapido.Blocks.Components 2174 2175 @helper RenderTableRow(TableRow settings) 2176 { 2177 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2178 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2179 2180 var enumToClasses = new Dictionary<TableRowDesign, string> 2181 { 2182 { TableRowDesign.NoBorder, "table__row--no-border" }, 2183 { TableRowDesign.Border, "table__row--border" }, 2184 { TableRowDesign.TopBorder, "table__row--top-line" }, 2185 { TableRowDesign.BottomBorder, "table__row--bottom-line" }, 2186 { TableRowDesign.Solid, "table__row--solid" } 2187 }; 2188 2189 string tableRowDesignClass = ""; 2190 if (settings.Design != TableRowDesign.None) 2191 { 2192 tableRowDesignClass = enumToClasses[settings.Design]; 2193 } 2194 2195 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableRowDesign.None) { attributes.Add("class", "table__row " + tableRowDesignClass + " " + settings.CssClass + " dw-mod"); } 2196 2197 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2198 2199 <tr @ComponentMethods.AddAttributes(resultAttributes)> 2200 @foreach (var cell in settings.Cells) 2201 { 2202 if (settings.IsHeaderRow) 2203 { 2204 cell.IsHeader = true; 2205 } 2206 @Render(cell) 2207 } 2208 </tr> 2209 } 2210 @using Dynamicweb.Rapido.Blocks.Components.General 2211 @using Dynamicweb.Rapido.Blocks.Components 2212 @using Dynamicweb.Core 2213 2214 @helper RenderTableCell(TableCell settings) 2215 { 2216 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2217 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2218 if (settings.Colspan != 0) { attributes.Add("colspan", Converter.ToString(settings.Colspan)); } 2219 if (settings.Rowspan != 0) { attributes.Add("rowspan", Converter.ToString(settings.Rowspan)); } 2220 if (!string.IsNullOrEmpty(settings.CssClass)) { attributes.Add("class", settings.CssClass + " dw-mod"); } 2221 2222 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2223 2224 string tagName = settings.IsHeader ? "th" : "td"; 2225 2226 @("<" + tagName + " " + ComponentMethods.AddAttributes(resultAttributes) + ">") 2227 @settings.Content 2228 @("</" + tagName + ">"); 2229 } 2230 @using System.Linq 2231 @using Dynamicweb.Rapido.Blocks.Components.General 2232 2233 @* Component *@ 2234 2235 @helper RenderPagination(Dynamicweb.Rapido.Blocks.Components.General.Pagination settings) 2236 { 2237 var pageNumberQueryStringName = Dynamicweb.Rapido.Services.Pagination.GetPageNumberQueryStringName(settings); // Get the proper 'page number' query string parameter 2238 var queryParameters = Dynamicweb.Rapido.Services.Url.GetQueryParameters(pageNumberQueryStringName); // Get the NameValueCollection from the querystring 2239 2240 if (settings.NumberOfPages > 1) 2241 { 2242 string url = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority) + "/Default.aspx"; 2243 string ariaLabel = !string.IsNullOrWhiteSpace(settings.AriaLabel) ? settings.AriaLabel : Translate("Page navigation"); 2244 Dictionary<string, int> startAndEndPageNumber = Dynamicweb.Rapido.Services.Pagination.GetStartAndEndPageNumber(settings); 2245 2246 <div class="pager u-margin-top dw-mod @settings.CssClass" aria-label="@ariaLabel"> 2247 @if (settings.ShowPagingInfo) 2248 { 2249 <div class="pager__info dw-mod"> 2250 @Translate("Page") @settings.CurrentPageNumber @Translate("of") @settings.NumberOfPages 2251 </div> 2252 } 2253 <ul class="pager__list dw-mod"> 2254 @if (!string.IsNullOrWhiteSpace(settings.FirstPageUrl) && settings.ShowFirstAndLastControls) 2255 { 2256 @Render(new PaginationItem { Link = settings.FirstPageUrl, Icon = settings.FirstIcon }) 2257 } 2258 @if (!string.IsNullOrWhiteSpace(settings.PreviousPageUrl) && settings.ShowNextAndPrevControls) 2259 { 2260 @Render(new PaginationItem { Link = settings.PreviousPageUrl, Icon = settings.PrevIcon }) 2261 } 2262 @if (settings.GetPages().Any()) 2263 { 2264 foreach (var page in settings.GetPages()) 2265 { 2266 @Render(page) 2267 } 2268 } 2269 else 2270 { 2271 for (var page = startAndEndPageNumber["StartPage"]; page <= startAndEndPageNumber["EndPage"]; page++) 2272 { 2273 queryParameters = Dynamicweb.Rapido.Services.Url.UpdateQueryStringParameter(queryParameters, pageNumberQueryStringName, page.ToString()); 2274 @Render(new PaginationItem { Label = page.ToString(), Link = Dynamicweb.Rapido.Services.Url.BuildUri(url, queryParameters).PathAndQuery, IsActive = (settings.CurrentPageNumber == page) }); 2275 } 2276 } 2277 @if (!string.IsNullOrWhiteSpace(settings.NextPageUrl) && settings.ShowNextAndPrevControls) 2278 { 2279 @Render(new PaginationItem { Link = settings.NextPageUrl, Icon = settings.NextIcon }) 2280 } 2281 @if (!string.IsNullOrWhiteSpace(settings.LastPageUrl) && settings.ShowFirstAndLastControls) 2282 { 2283 @Render(new PaginationItem { Link = settings.LastPageUrl, Icon = settings.LastIcon }) 2284 } 2285 </ul> 2286 </div> 2287 } 2288 } 2289 2290 @helper RenderPaginationItem(PaginationItem settings) 2291 { 2292 if (settings.Icon == null) 2293 { 2294 settings.Icon = new Icon(); 2295 } 2296 2297 settings.Icon.Label = settings.Label; 2298 <li class="pager__btn dw-mod"> 2299 @if (settings.IsActive) 2300 { 2301 <span class="pager__num pager__num--current dw-mod"> 2302 @Render(settings.Icon) 2303 </span> 2304 } 2305 else 2306 { 2307 <a href="@settings.Link" class="pager__num dw-mod"> 2308 @Render(settings.Icon) 2309 </a> 2310 } 2311 </li> 2312 } 2313 2314 2315 @using Dynamicweb.Rapido.Blocks.Components.General 2316 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 2317 2318 2319 2320 2321 2322 @functions { 2323 public string GenerateRgba(string color, string opacity) 2324 { 2325 color = color.Replace("#", ""); 2326 if (color.Length == 6) 2327 { 2328 return "rgba(" + Convert.ToInt32(color.Substring(0, 2), 16) + ", " + Convert.ToInt32(color.Substring(2, 2), 16) + ", " + Convert.ToInt32(color.Substring(4, 2), 16) + ", " + opacity + ");"; 2329 } 2330 else 2331 { 2332 return Convert.ToInt16(color).ToString(); 2333 } 2334 } 2335 } 2336 2337 @{ 2338 string link = !string.IsNullOrEmpty(Model.Item.GetString("Link")) ? Model.Item.GetString("Link") : ""; 2339 string linkTarget = link.Contains("http") || link.Contains(".pdf") ? "_blank" : "_self"; 2340 } 2341 2342 @if (!string.IsNullOrEmpty(link)) 2343 { 2344 @*<a href="@link" target="@linkTarget" class="u-overlay">*@ 2345 <div class="paragraph-image-link-wrapper"> 2346 <a href="@link" target="@linkTarget"> 2347 @RenderTheContent() 2348 </a> 2349 </div> 2350 } 2351 else 2352 { 2353 @RenderTheContent() 2354 } 2355 2356 2357 @helper RenderTheContent() 2358 { 2359 string innerPadding = Model.Item.GetList("Padding") != null ? " padding-size-" + Model.Item.GetList("Padding").SelectedValue.ToLower() : ""; 2360 innerPadding += Model.Item.GetList("PaddingPosition") != null ? " padding-position-" + Model.Item.GetList("PaddingPosition").SelectedValue.ToLower() : ""; 2361 2362 if (!string.IsNullOrEmpty(Model.Item.GetString("Image"))) 2363 { 2364 int width = Model.Item.GetString("ImageWidth") != null ? Model.Item.GetInt32("ImageWidth") : 100; 2365 string styleSetting = Model.Item.GetString("ImageStyle") != null ? Model.Item.GetList("ImageStyle").SelectedValue : ""; 2366 ImageStyle style = ImageStyle.None; 2367 style = styleSetting == "ball" ? style = ImageStyle.Ball : style; 2368 style = styleSetting == "triangle" ? style = ImageStyle.Triangle : style; 2369 var file = Model.Item.GetFile("Image"); 2370 2371 Image image = new Image 2372 { 2373 Path = file, 2374 Style = style, 2375 CssClass = "background-image__cover", 2376 ImageDefault = new ImageSettings 2377 { 2378 Crop = 5, 2379 Width = width 2380 } 2381 }; 2382 2383 if (styleSetting == "square") 2384 { 2385 image.ImageDefault.Crop = 0; 2386 image.ImageDefault.Height = image.ImageDefault.Width; 2387 } 2388 2389 string imageAltText = ""; 2390 if (!string.IsNullOrWhiteSpace(Model.Item.GetString("ImageAltText"))) 2391 { 2392 imageAltText = Model.Item.GetString("ImageAltText"); 2393 } 2394 2395 string imageTitleText = ""; 2396 if (!string.IsNullOrWhiteSpace(Model.Item.GetString("ImageTitleText"))) 2397 { 2398 imageTitleText = Model.Item.GetString("ImageTitleText"); 2399 } 2400 2401 <div class="paragraph-image"> 2402 @RenderWithAltAndTitle(image, imageAltText, imageTitleText) 2403 </div> 2404 } 2405 2406 <div class="u-full-width u-padding-top dw-mod"> 2407 @if (!string.IsNullOrEmpty(Model.Item.GetString("Title")) || !string.IsNullOrEmpty(Model.Item.GetString("Text"))) 2408 { 2409 <div class="u-margin-bottom--lg"> 2410 @if (!Model.Item.GetBoolean("HideTitle")) 2411 { 2412 @Render(new Heading { Title = Model.Item.GetString("Title"), Level = 2, CssClass = "u-no-margin" }) 2413 } 2414 @Render(new Text { Content = Model.Item.GetString("Text") }) 2415 </div> 2416 } 2417 </div> 2418 2419 if (!string.IsNullOrEmpty(Model.Item.GetItem("ButtonOne").GetString("Title"))) 2420 { 2421 <div class="buttons-collection u-block dw-mod"> 2422 @ParagraphButton(Model.Item.GetItem("ButtonOne")) 2423 </div> 2424 } 2425 } 2426 2427 2428 @helper ParagraphButton(ItemViewModel item) 2429 { 2430 if (item != null) 2431 { 2432 if (!string.IsNullOrEmpty(item.GetString("Title"))) 2433 { 2434 Button button = new Button 2435 { 2436 Title = item.GetString("Title"), 2437 Href = item.GetString("Link"), 2438 ButtonLayout = (ButtonLayout)System.Enum.Parse(typeof(ButtonLayout), char.ToUpper(item.GetList("Layout").SelectedValue[0]) + item.GetList("Layout").SelectedValue.Substring(1)) 2439 }; 2440 2441 if (!string.IsNullOrEmpty(item.GetString("Icon"))) 2442 { 2443 button.Icon = new Icon 2444 { 2445 CssClass = item.GetString("Icon") 2446 }; 2447 } 2448 2449 @Render(button) 2450 } 2451 } 2452 } 2453 2454 2455 2456 2457 2458
Error executing template "Designs/Rapido/ContentPage/Paragraph/StandardParagraphThree.cshtml" Microsoft.CSharp.RuntimeBinder.RuntimeBinderException: Cannot perform runtime binding on a null reference at CallSite.Target(Closure , CallSite , Object ) at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<>c__DisplayClass19_0.<RenderTheImage>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 924 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<>c__DisplayClass18_0.<RenderWithAltAndTitle>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 860 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<RenderTheContent>b__48_0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 2402 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.Execute() in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 2347 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 Dynamicweb.Frontend 3 @using Dynamicweb.Rapido.Blocks.Components 4 @using Dynamicweb.Rapido.Blocks.Components.General 5 6 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel> 7 @using Dynamicweb.Frontend 8 9 @* Include the components *@ 10 @using System.Text.RegularExpressions 11 @using System.Collections.Generic 12 @using System.Reflection 13 @using System.Web 14 @using System.Web.UI.HtmlControls 15 @using Dynamicweb.Rapido.Blocks.Components 16 @using Dynamicweb.Rapido.Blocks.Components.Articles 17 @using Dynamicweb.Rapido.Blocks.Components.Documentation 18 @using Dynamicweb.Rapido.Blocks 19 20 21 @*--- START: Base block renderers ---*@ 22 23 @helper RenderBlockList(List<Block> blocks) 24 { 25 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 26 blocks = blocks.OrderBy(item => item.SortId).ToList(); 27 28 foreach (Block item in blocks) 29 { 30 if (debug) { 31 <!-- Block START: @item.Id --> 32 } 33 34 if (item.Design == null) 35 { 36 @RenderBlock(item) 37 } 38 else if (item.Design.RenderType == RenderType.None) { 39 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 40 41 <div class="@cssClass dw-mod"> 42 @RenderBlock(item) 43 </div> 44 } 45 else if (item.Design.RenderType != RenderType.Hide) 46 { 47 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 48 49 if (!item.SkipRenderBlocksList) { 50 if (item.Design.RenderType == RenderType.Row) 51 { 52 <div class="grid grid--align-content-start @cssClass dw-mod" id="Block__@item.Id"> 53 @RenderBlock(item) 54 </div> 55 } 56 57 if (item.Design.RenderType == RenderType.Column) 58 { 59 string hidePadding = item.Design.HidePadding ? "u-no-padding" : ""; 60 string size = item.Design.Size ?? "12"; 61 size = Regex.IsMatch(size, @"\d") ? "md-" + item.Design.Size : item.Design.Size; 62 63 <div class="grid__col-lg-@item.Design.Size grid__col-md-@item.Design.Size grid__col-sm-12 grid__col-xs-12 @hidePadding @cssClass dw-mod" id="Block__@item.Id"> 64 @RenderBlock(item) 65 </div> 66 } 67 68 if (item.Design.RenderType == RenderType.Table) 69 { 70 <table class="table @cssClass dw-mod" id="Block__@item.Id"> 71 @RenderBlock(item) 72 </table> 73 } 74 75 if (item.Design.RenderType == RenderType.TableRow) 76 { 77 <tr class="@cssClass dw-mod" id="Block__@item.Id"> 78 @RenderBlock(item) 79 </tr> 80 } 81 82 if (item.Design.RenderType == RenderType.TableColumn) 83 { 84 <td class="@cssClass dw-mod" id="Block__@item.Id"> 85 @RenderBlock(item) 86 </td> 87 } 88 89 if (item.Design.RenderType == RenderType.CardHeader) 90 { 91 <div class="card-header @cssClass dw-mod"> 92 @RenderBlock(item) 93 </div> 94 } 95 96 if (item.Design.RenderType == RenderType.CardBody) 97 { 98 <div class="card @cssClass dw-mod"> 99 @RenderBlock(item) 100 </div> 101 } 102 103 if (item.Design.RenderType == RenderType.CardFooter) 104 { 105 <div class="card-footer @cssClass dw-mod"> 106 @RenderBlock(item) 107 </div> 108 } 109 } 110 else 111 { 112 @RenderBlock(item) 113 } 114 } 115 116 if (debug) { 117 <!-- Block END: @item.Id --> 118 } 119 } 120 } 121 122 @helper RenderBlock(Block item) 123 { 124 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 125 126 if (item.Template != null) 127 { 128 @BlocksPage.RenderTemplate(item.Template) 129 } 130 131 if (item.Component != null) 132 { 133 string customSufix = "Custom"; 134 string methodName = item.Component.HelperName; 135 136 ComponentBase[] methodParameters = new ComponentBase[1]; 137 methodParameters[0] = item.Component; 138 Type methodType = this.GetType(); 139 140 MethodInfo customMethod = methodType.GetMethod(methodName + customSufix); 141 MethodInfo generalMethod = methodType.GetMethod(methodName); 142 143 try { 144 if (debug) { 145 <!-- Component: @methodName.Replace("Render", "") --> 146 } 147 @customMethod.Invoke(this, methodParameters).ToString(); 148 } catch { 149 try { 150 @generalMethod.Invoke(this, methodParameters).ToString(); 151 } catch(Exception ex) { 152 throw new Exception(item.Component.GetType().Name + " method '" + methodName +"' could not be invoked", ex); 153 } 154 } 155 } 156 157 if (item.BlocksList.Count > 0 && !item.SkipRenderBlocksList) 158 { 159 @RenderBlockList(item.BlocksList) 160 } 161 } 162 163 @*--- END: Base block renderers ---*@ 164 165 @using Dynamicweb.Rapido.Blocks.Components 166 @using Dynamicweb.Rapido.Blocks.Components.General 167 @using Dynamicweb.Rapido.Blocks 168 @using System.IO 169 170 @* Required *@ 171 @using Dynamicweb.Rapido.Blocks.Components 172 @using Dynamicweb.Rapido.Blocks.Components.General 173 @using Dynamicweb.Rapido.Blocks 174 175 176 @helper Render(ComponentBase component) 177 { 178 if (component != null) 179 { 180 @component.Render(this) 181 } 182 } 183 184 @* Components *@ 185 @using System.Reflection 186 @using Dynamicweb.Rapido.Blocks.Components.General 187 188 189 @* Component *@ 190 191 @helper RenderIcon(Icon settings) 192 { 193 if (settings != null) 194 { 195 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 196 197 if (settings.Name != null) 198 { 199 if (string.IsNullOrEmpty(settings.Label)) 200 { 201 <i class="@settings.Prefix @settings.Name @settings.CssClass" @color></i> 202 } 203 else 204 { 205 if (settings.LabelPosition == IconLabelPosition.Before) 206 { 207 <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> 208 } 209 else 210 { 211 <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> 212 } 213 } 214 } 215 else if (!string.IsNullOrEmpty(settings.Label)) 216 { 217 @settings.Label 218 } 219 } 220 } 221 @using System.Reflection 222 @using Dynamicweb.Rapido.Blocks.Components.General 223 @using Dynamicweb.Rapido.Blocks.Components 224 @using Dynamicweb.Core 225 226 @* Component *@ 227 228 @helper RenderButton(Button settings) 229 { 230 if (settings != null && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 231 { 232 Dictionary<string, string> attributes = new Dictionary<string, string>(); 233 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 234 if (settings.Disabled) { 235 attributes.Add("disabled", "true"); 236 classList.Add("disabled"); 237 } 238 239 if (!string.IsNullOrEmpty(settings.ConfirmText) || !string.IsNullOrEmpty(settings.ConfirmTitle)) 240 { 241 settings.Id = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 242 @RenderConfirmDialog(settings); 243 settings.OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = true"; 244 } 245 246 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 247 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 248 if (!string.IsNullOrEmpty(settings.AltText)) 249 { 250 attributes.Add("title", settings.AltText); 251 } 252 else if (!string.IsNullOrEmpty(settings.Title)) 253 { 254 string cleanTitle = Regex.Replace(settings.Title, "<.*?>", String.Empty); 255 cleanTitle = cleanTitle.Replace(" ", " "); 256 attributes.Add("title", cleanTitle); 257 } 258 259 var onClickEvents = new List<string>(); 260 if (!string.IsNullOrEmpty(settings.OnClick)) 261 { 262 onClickEvents.Add(settings.OnClick); 263 } 264 if (!string.IsNullOrEmpty(settings.Href)) 265 { 266 onClickEvents.Add("location.href='" + settings.Href + "'"); 267 } 268 if (onClickEvents.Count > 0) 269 { 270 attributes.Add("onClick", string.Join(";", onClickEvents)); 271 } 272 273 if (settings.ButtonLayout != ButtonLayout.None) 274 { 275 classList.Add("btn"); 276 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 277 if (btnLayout == "linkclean") 278 { 279 btnLayout = "link-clean"; //fix 280 } 281 classList.Add("btn--" + btnLayout); 282 } 283 284 if (settings.Icon == null) 285 { 286 settings.Icon = new Icon(); 287 } 288 289 settings.Icon.CssClass += Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower() != "linkclean" ? " u-flex--align-center" : ""; 290 settings.Icon.Label = settings.Title; 291 292 attributes.Add("type", Enum.GetName(typeof(ButtonType), settings.ButtonType).ToLower()); 293 294 <button class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</button> 295 } 296 } 297 298 @helper RenderConfirmDialog(Button settings) 299 { 300 Modal confirmDialog = new Modal { 301 Id = settings.Id, 302 Width = ModalWidth.Sm, 303 Heading = new Heading 304 { 305 Level = 2, 306 Title = settings.ConfirmTitle 307 }, 308 BodyText = settings.ConfirmText 309 }; 310 311 confirmDialog.AddAction(new Button { Title = Translate("Cancel"), ButtonLayout = ButtonLayout.Secondary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false"}); 312 confirmDialog.AddAction(new Button { Title = Translate("OK"), ButtonLayout = ButtonLayout.Primary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false;" + settings.OnClick }); 313 314 @Render(confirmDialog) 315 } 316 @using Dynamicweb.Rapido.Blocks.Components.General 317 @using Dynamicweb.Rapido.Blocks.Components 318 @using Dynamicweb.Core 319 320 @helper RenderDashboard(Dashboard settings) 321 { 322 var widgets = settings.GetWidgets(); 323 324 if (!string.IsNullOrEmpty(settings.WidgetsBaseBackgroundColor)) 325 { 326 //set bg color for them 327 328 System.Drawing.Color color = System.Drawing.ColorTranslator.FromHtml(settings.WidgetsBaseBackgroundColor); 329 int r = Convert.ToInt16(color.R); 330 int g = Convert.ToInt16(color.G); 331 int b = Convert.ToInt16(color.B); 332 333 var count = widgets.Length; 334 var max = Math.Max(r, Math.Max(g, b)); 335 double step = 255.0 / (max * count); 336 var i = 0; 337 foreach (var widget in widgets) 338 { 339 i++; 340 341 var shade = "rgb(" + Converter.ToString(r * step * i).Replace(",", ".") + ", " + Converter.ToString(g * step * i).Replace(",", ".") + ", " + Converter.ToString(b * step * i).Replace(",", ".") + ")"; 342 widget.BackgroundColor = shade; 343 } 344 } 345 346 <div class="dashboard @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 347 @foreach (var widget in widgets) 348 { 349 <div class="dashboard__widget"> 350 @Render(widget) 351 </div> 352 } 353 </div> 354 } 355 @using Dynamicweb.Rapido.Blocks.Components.General 356 @using Dynamicweb.Rapido.Blocks.Components 357 358 @helper RenderDashboardWidgetLink(DashboardWidgetLink settings) 359 { 360 if (!string.IsNullOrEmpty(settings.Link)) 361 { 362 var backgroundStyles = ""; 363 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 364 { 365 backgroundStyles = "style=\"background-color:" + settings.BackgroundColor + "\""; 366 } 367 368 <a href="@settings.Link" class="widget widget--link @settings.CssClass dw-mod" @backgroundStyles title="@settings.Title" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 369 <div class="u-center-middle u-color-light"> 370 @if (settings.Icon != null) 371 { 372 settings.Icon.CssClass += "widget__icon"; 373 @Render(settings.Icon) 374 } 375 <div class="widget__title">@settings.Title</div> 376 </div> 377 </a> 378 } 379 } 380 @using Dynamicweb.Rapido.Blocks.Components.General 381 @using Dynamicweb.Rapido.Blocks.Components 382 383 @helper RenderDashboardWidgetCounter(DashboardWidgetCounter settings) 384 { 385 var backgroundStyles = ""; 386 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 387 { 388 backgroundStyles = "style='background-color:" + settings.BackgroundColor + "'"; 389 } 390 391 <div class="widget @settings.CssClass dw-mod" @backgroundStyles @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 392 <div class="u-center-middle u-color-light"> 393 @if (settings.Icon != null) 394 { 395 settings.Icon.CssClass += "widget__icon"; 396 @Render(settings.Icon) 397 } 398 <div class="widget__counter">@settings.Count</div> 399 <div class="widget__title">@settings.Title</div> 400 </div> 401 </div> 402 } 403 @using System.Reflection 404 @using Dynamicweb.Rapido.Blocks.Components.General 405 @using Dynamicweb.Rapido.Blocks.Components 406 @using Dynamicweb.Core 407 408 @* Component *@ 409 410 @helper RenderLink(Link settings) 411 { 412 if (settings != null && !string.IsNullOrEmpty(settings.Href) && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 413 { 414 Dictionary<string, string> attributes = new Dictionary<string, string>(); 415 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 416 if (settings.Disabled) 417 { 418 attributes.Add("disabled", "true"); 419 classList.Add("disabled"); 420 } 421 422 if (!string.IsNullOrEmpty(settings.AltText)) 423 { 424 attributes.Add("title", settings.AltText); 425 } 426 else if (!string.IsNullOrEmpty(settings.Title)) 427 { 428 attributes.Add("title", settings.Title); 429 } 430 431 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 432 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 433 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onClick", settings.OnClick); } 434 attributes.Add("href", settings.Href); 435 436 if (settings.ButtonLayout != ButtonLayout.None) 437 { 438 classList.Add("btn"); 439 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 440 if (btnLayout == "linkclean") 441 { 442 btnLayout = "link-clean"; //fix 443 } 444 classList.Add("btn--" + btnLayout); 445 } 446 447 if (settings.Icon == null) 448 { 449 settings.Icon = new Icon(); 450 } 451 settings.Icon.Label = settings.Title; 452 453 if (settings.Target == LinkTargetType.Blank && settings.Rel == LinkRelType.None) 454 { 455 settings.Rel = LinkRelType.Noopener; 456 } 457 if (settings.Target != LinkTargetType.None) 458 { 459 attributes.Add("target", "_" + Enum.GetName(typeof(LinkTargetType), settings.Target).ToLower()); 460 } 461 if (settings.Download) 462 { 463 attributes.Add("download", "true"); 464 } 465 if (settings.Rel != LinkRelType.None) 466 { 467 attributes.Add("rel", Enum.GetName(typeof(LinkRelType), settings.Rel).ToLower()); 468 } 469 470 <a class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</a> 471 } 472 } 473 @using System.Reflection 474 @using Dynamicweb.Rapido.Blocks.Components 475 @using Dynamicweb.Rapido.Blocks.Components.General 476 @using Dynamicweb.Rapido.Blocks 477 478 479 @* Component *@ 480 481 @helper RenderRating(Rating settings) 482 { 483 if (settings.Score > 0) 484 { 485 int rating = settings.Score; 486 string iconType = "fa-star"; 487 488 switch (settings.Type.ToString()) { 489 case "Stars": 490 iconType = "fa-star"; 491 break; 492 case "Hearts": 493 iconType = "fa-heart"; 494 break; 495 case "Lemons": 496 iconType = "fa-lemon"; 497 break; 498 case "Bombs": 499 iconType = "fa-bomb"; 500 break; 501 } 502 503 <div class="u-ta-right"> 504 @for (int i = 0; i < settings.OutOf; i++) 505 { 506 <i class="@(rating > i ? "fas" : "far") @iconType"></i> 507 } 508 </div> 509 } 510 } 511 @using System.Reflection 512 @using Dynamicweb.Rapido.Blocks.Components.General 513 @using Dynamicweb.Rapido.Blocks.Components 514 515 516 @* Component *@ 517 518 @helper RenderSelectFieldOption(SelectFieldOption settings) 519 { 520 Dictionary<string, string> attributes = new Dictionary<string, string>(); 521 if (settings.Checked) { attributes.Add("selected", "true"); } 522 if (settings.Disabled) { attributes.Add("disabled", "true"); } 523 if (settings.Value != null) { attributes.Add("value", settings.Value); } 524 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 525 526 <option @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Label</option> 527 } 528 @using System.Reflection 529 @using Dynamicweb.Rapido.Blocks.Components.General 530 @using Dynamicweb.Rapido.Blocks.Components 531 532 533 @* Component *@ 534 535 @helper RenderNavigation(Navigation settings) { 536 @RenderNavigation(new 537 { 538 id = settings.Id, 539 cssclass = settings.CssClass, 540 startLevel = settings.StartLevel, 541 endlevel = settings.EndLevel, 542 expandmode = settings.Expandmode, 543 sitemapmode = settings.SitemapMode, 544 template = settings.Template 545 }) 546 } 547 @using Dynamicweb.Rapido.Blocks.Components.General 548 @using Dynamicweb.Rapido.Blocks.Components 549 550 551 @* Component *@ 552 553 @helper RenderBreadcrumbNavigation(BreadcrumbNavigation settings) { 554 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 555 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 556 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 557 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 558 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 559 settings.SitemapMode = false; 560 561 @RenderNavigation(settings) 562 } 563 @using Dynamicweb.Rapido.Blocks.Components.General 564 @using Dynamicweb.Rapido.Blocks.Components 565 566 567 @* Component *@ 568 569 @helper RenderLeftNavigation(LeftNavigation settings) { 570 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 571 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 572 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 573 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 574 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 575 576 <div class="grid__cell"> 577 @RenderNavigation(settings) 578 </div> 579 } 580 @using System.Reflection 581 @using Dynamicweb.Rapido.Blocks.Components.General 582 @using Dynamicweb.Core 583 584 @* Component *@ 585 586 @helper RenderHeading(Heading settings) 587 { 588 if (settings != null && !string.IsNullOrEmpty(settings.Title)) 589 { 590 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 591 string tagName = settings.Level != 0 ? "h" + settings.Level.ToString() : "div"; 592 593 @("<" + tagName + " class=\"" + settings.CssClass + " dw-mod\" " + color + ">") 594 if (!string.IsNullOrEmpty(settings.Link)) 595 { 596 @Render(new Link { Href = settings.Link, Icon = settings.Icon, Title = settings.Title, ButtonLayout = ButtonLayout.None }) 597 } 598 else 599 { 600 if (settings.Icon == null) 601 { 602 settings.Icon = new Icon(); 603 } 604 settings.Icon.Label = settings.Title; 605 @Render(settings.Icon) 606 } 607 @("</" + tagName + ">"); 608 } 609 } 610 @using Dynamicweb.Rapido.Blocks.Components 611 @using Dynamicweb.Rapido.Blocks.Components.General 612 @using Dynamicweb.Rapido.Blocks 613 614 615 @* Component *@ 616 617 @helper RenderImage(Image settings) 618 { 619 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 620 { 621 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 622 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 623 624 if (settings.Caption != null) 625 { 626 @:<div> 627 } 628 629 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 630 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 631 632 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 633 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 634 @if (settings.Link != null) 635 { 636 <a href="@settings.Link"> 637 @RenderTheImage(settings) 638 </a> 639 } 640 else 641 { 642 @RenderTheImage(settings) 643 } 644 </div> 645 </div> 646 647 if (settings.Caption != null) 648 { 649 <span class="image-caption dw-mod">@settings.Caption</span> 650 @:</div> 651 } 652 } 653 else 654 { 655 if (settings.Caption != null) 656 { 657 @:<div> 658 } 659 if (!string.IsNullOrEmpty(settings.Link)) 660 { 661 <a href="@settings.Link"> 662 @RenderTheImage(settings) 663 </a> 664 } 665 else 666 { 667 @RenderTheImage(settings) 668 } 669 670 if (settings.Caption != null) 671 { 672 <span class="image-caption dw-mod">@settings.Caption</span> 673 @:</div> 674 } 675 } 676 } 677 678 @helper RenderTheImage(Image settings) 679 { 680 if (settings != null) 681 { 682 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 683 string placeholderImage = "/Files/Images/placeholder.gif"; 684 string imageEngine = "/Admin/Public/GetImage.ashx?"; 685 686 string imageStyle = ""; 687 688 switch (settings.Style) 689 { 690 case ImageStyle.Ball: 691 imageStyle = "grid__cell-img--ball"; 692 break; 693 694 case ImageStyle.Triangle: 695 imageStyle = "grid__cell-img--triangle"; 696 break; 697 } 698 699 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 700 { 701 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 702 703 if (settings.ImageDefault != null) 704 { 705 settings.ImageDefault.Height = settings.ImageDefault.Width; 706 } 707 if (settings.ImageMedium != null) 708 { 709 settings.ImageMedium.Height = settings.ImageMedium.Width; 710 } 711 if (settings.ImageSmall != null) 712 { 713 settings.ImageSmall.Height = settings.ImageSmall.Width; 714 } 715 } 716 717 string defaultImage = imageEngine; 718 string imageSmall = ""; 719 string imageMedium = ""; 720 721 if (settings.DisableImageEngine) 722 { 723 defaultImage = settings.Path; 724 } 725 else 726 { 727 if (settings.ImageDefault != null) 728 { 729 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 730 731 if (settings.Path.GetType() != typeof(string)) 732 { 733 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 734 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 735 } 736 else 737 { 738 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 739 } 740 741 defaultImage += "&AlternativeImage=" + alternativeImage; 742 } 743 744 if (settings.ImageSmall != null) 745 { 746 imageSmall = "data-src-small=\"" + imageEngine; 747 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 748 749 if (settings.Path.GetType() != typeof(string)) 750 { 751 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 752 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 753 } 754 else 755 { 756 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 757 } 758 759 imageSmall += "&alternativeImage=" + alternativeImage; 760 761 imageSmall += "\""; 762 } 763 764 if (settings.ImageMedium != null) 765 { 766 imageMedium = "data-src-medium=\"" + imageEngine; 767 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 768 769 if (settings.Path.GetType() != typeof(string)) 770 { 771 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 772 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 773 } 774 else 775 { 776 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 777 } 778 779 imageMedium += "&alternativeImage=" + alternativeImage; 780 781 imageMedium += "\""; 782 } 783 } 784 785 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 786 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 787 if (!string.IsNullOrEmpty(settings.Title)) 788 { 789 optionalAttributes.Add("alt", settings.Title); 790 optionalAttributes.Add("title", settings.Title); 791 } 792 793 if (settings.DisableLazyLoad) 794 { 795 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) /> 796 } 797 else 798 { 799 <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) /> 800 } 801 } 802 } 803 @using Dynamicweb.Rapido.Blocks.Components 804 @using Dynamicweb.Rapido.Blocks.Components.General 805 @using Dynamicweb.Rapido.Blocks 806 807 808 @* Component *@ 809 810 @helper RenderWithAltAndTitle(Image settings, string alText = "", string titleText = "") 811 { 812 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 813 { 814 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 815 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 816 817 if (settings.Caption != null) 818 { 819 @:<div> 820 } 821 822 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 823 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 824 825 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 826 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 827 @if (settings.Link != null) 828 { 829 <a href="@settings.Link"> 830 @RenderTheImage(settings, alText, titleText) 831 </a> 832 } 833 else 834 { 835 @RenderTheImage(settings, alText, titleText) 836 } 837 </div> 838 </div> 839 840 if (settings.Caption != null) 841 { 842 <span class="image-caption dw-mod">@settings.Caption</span> 843 @:</div> 844 } 845 } 846 else 847 { 848 if (settings.Caption != null) 849 { 850 @:<div> 851 } 852 if (!string.IsNullOrEmpty(settings.Link)) 853 { 854 <a href="@settings.Link"> 855 @RenderTheImage(settings, alText, titleText) 856 </a> 857 } 858 else 859 { 860 @RenderTheImage(settings, alText, titleText) 861 } 862 863 if (settings.Caption != null) 864 { 865 <span class="image-caption dw-mod">@settings.Caption</span> 866 @:</div> 867 } 868 } 869 } 870 871 @helper RenderTheImage(Image settings, string alText = "", string titleText = "") 872 { 873 if (settings != null) 874 { 875 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 876 string placeholderImage = "/Files/Images/placeholder.gif"; 877 string imageEngine = "/Admin/Public/GetImage.ashx?"; 878 879 string imageStyle = ""; 880 881 switch (settings.Style) 882 { 883 case ImageStyle.Ball: 884 imageStyle = "grid__cell-img--ball"; 885 break; 886 887 case ImageStyle.Triangle: 888 imageStyle = "grid__cell-img--triangle"; 889 break; 890 } 891 892 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 893 { 894 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 895 896 if (settings.ImageDefault != null) 897 { 898 settings.ImageDefault.Height = settings.ImageDefault.Width; 899 } 900 if (settings.ImageMedium != null) 901 { 902 settings.ImageMedium.Height = settings.ImageMedium.Width; 903 } 904 if (settings.ImageSmall != null) 905 { 906 settings.ImageSmall.Height = settings.ImageSmall.Width; 907 } 908 } 909 910 string defaultImage = imageEngine; 911 string imageSmall = ""; 912 string imageMedium = ""; 913 914 if (settings.DisableImageEngine) 915 { 916 defaultImage = settings.Path; 917 } 918 else 919 { 920 if (settings.ImageDefault != null) 921 { 922 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 923 924 if (settings.Path.GetType() != typeof(string)) 925 { 926 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 927 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 928 } 929 else 930 { 931 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 932 } 933 934 defaultImage += "&AlternativeImage=" + alternativeImage; 935 } 936 937 if (settings.ImageSmall != null) 938 { 939 imageSmall = "data-src-small=\"" + imageEngine; 940 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 941 942 if (settings.Path.GetType() != typeof(string)) 943 { 944 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 945 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 946 } 947 else 948 { 949 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 950 } 951 952 imageSmall += "&alternativeImage=" + alternativeImage; 953 954 imageSmall += "\""; 955 } 956 957 if (settings.ImageMedium != null) 958 { 959 imageMedium = "data-src-medium=\"" + imageEngine; 960 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 961 962 if (settings.Path.GetType() != typeof(string)) 963 { 964 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 965 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 966 } 967 else 968 { 969 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 970 971 972 } 973 974 imageMedium += "&alternativeImage=" + alternativeImage; 975 976 imageMedium += "\""; 977 } 978 } 979 980 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 981 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 982 if (!string.IsNullOrEmpty(settings.Title)) 983 { 984 optionalAttributes.Add("alt", settings.Title); 985 optionalAttributes.Add("title", settings.Title); 986 } 987 988 989 990 string imgAlt = ""; 991 string imgTitle = ""; 992 993 if (!string.IsNullOrWhiteSpace(alText)) 994 { 995 imgAlt = "alt=" + '"' + alText + '"'; 996 } 997 998 if (!string.IsNullOrWhiteSpace(titleText)) 999 { 1000 imgTitle = "title=" + '"' + titleText + '"'; 1001 1002 } 1003 1004 1005 if (settings.DisableLazyLoad) 1006 { 1007 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) @imgAlt @imgTitle /> 1008 } 1009 else 1010 { 1011 <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) @imgAlt @imgTitle /> 1012 } 1013 } 1014 } 1015 @using System.Reflection 1016 @using Dynamicweb.Rapido.Blocks.Components.General 1017 @using Dynamicweb.Rapido.Blocks.Components 1018 1019 @* Component *@ 1020 1021 @helper RenderFileField(FileField settings) 1022 { 1023 var attributes = new Dictionary<string, string>(); 1024 if (string.IsNullOrEmpty(settings.Id)) 1025 { 1026 settings.Id = Guid.NewGuid().ToString("N"); 1027 } 1028 1029 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1030 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1031 if (settings.Required) { attributes.Add("required", "true"); } 1032 if (settings.Multiple) { attributes.Add("multiple", "true"); } 1033 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1034 if (string.IsNullOrEmpty(settings.ChooseFileText)) 1035 { 1036 settings.ChooseFileText = Translate("Choose file"); 1037 } 1038 if (string.IsNullOrEmpty(settings.NoFilesChosenText)) 1039 { 1040 settings.NoFilesChosenText = Translate("No files chosen..."); 1041 } 1042 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1043 1044 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1045 1046 string setValueToFakeInput = "FileUpload.setValueToFakeInput(this)"; 1047 attributes.Add("onchange", setValueToFakeInput + (!string.IsNullOrEmpty(settings.OnChange) ? settings.OnChange : "")); 1048 1049 attributes.Add("type", "file"); 1050 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1051 settings.CssClass = "u-full-width " + settings.CssClass; 1052 1053 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1054 1055 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1056 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1057 { 1058 <div class="u-full-width"> 1059 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1060 @if (settings.Link != null) { 1061 <div class="u-pull--right"> 1062 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1063 @Render(settings.Link) 1064 </div> 1065 } 1066 </div> 1067 1068 } 1069 1070 @if (!string.IsNullOrEmpty(settings.HelpText)) 1071 { 1072 <small class="form__help-text">@settings.HelpText</small> 1073 } 1074 1075 <div class="form__field-combi file-input u-no-margin dw-mod"> 1076 <input @ComponentMethods.AddAttributes(resultAttributes) class="file-input__real-input" data-no-files-text="@settings.NoFilesChosenText" data-many-files-text="@Translate("files")" /> 1077 <label for="@settings.Id" class="file-input__btn btn--secondary btn dw-mod">@settings.ChooseFileText</label> 1078 <label for="@settings.Id" class="@settings.CssClass file-input__fake-input js-fake-input dw-mod">@settings.NoFilesChosenText</label> 1079 @if (settings.UploadButton != null) 1080 { 1081 settings.UploadButton.CssClass += " btn--condensed u-no-margin"; 1082 @Render(settings.UploadButton) 1083 } 1084 </div> 1085 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1086 </div> 1087 } 1088 @using System.Reflection 1089 @using Dynamicweb.Rapido.Blocks.Components.General 1090 @using Dynamicweb.Rapido.Blocks.Components 1091 @using Dynamicweb.Core 1092 @using System.Linq 1093 1094 @* Component *@ 1095 1096 @helper RenderDateTimeField(DateTimeField settings) 1097 { 1098 if (string.IsNullOrEmpty(settings.Id)) 1099 { 1100 settings.Id = Guid.NewGuid().ToString("N"); 1101 } 1102 1103 var textField = new TextField { 1104 Name = settings.Name, 1105 Id = settings.Id, 1106 Label = settings.Label, 1107 HelpText = settings.HelpText, 1108 Value = settings.Value, 1109 Disabled = settings.Disabled, 1110 Required = settings.Required, 1111 ErrorMessage = settings.ErrorMessage, 1112 CssClass = settings.CssClass, 1113 WrapperCssClass = settings.WrapperCssClass, 1114 OnChange = settings.OnChange, 1115 OnClick = settings.OnClick, 1116 Link = settings.Link, 1117 ExtraAttributes = settings.ExtraAttributes, 1118 // 1119 Placeholder = settings.Placeholder 1120 }; 1121 1122 @Render(textField) 1123 1124 List<string> jsAttributes = new List<string>(); 1125 1126 jsAttributes.Add("mode: '" + Enum.GetName(typeof(DateTimeFieldMode), settings.Mode).ToLower() + "'"); 1127 1128 if (!string.IsNullOrEmpty(settings.DateFormat)) 1129 { 1130 jsAttributes.Add("dateFormat: '" + settings.DateFormat + "'"); 1131 } 1132 if (!string.IsNullOrEmpty(settings.MinDate)) 1133 { 1134 jsAttributes.Add("minDate: '" + settings.MinDate + "'"); 1135 } 1136 if (!string.IsNullOrEmpty(settings.MaxDate)) 1137 { 1138 jsAttributes.Add("maxDate: '" + settings.MaxDate + "'"); 1139 } 1140 if (settings.IsInline) 1141 { 1142 jsAttributes.Add("inline: " + Converter.ToString(settings.IsInline).ToLower()); 1143 } 1144 if (settings.EnableTime) 1145 { 1146 jsAttributes.Add("enableTime: " + Converter.ToString(settings.EnableTime).ToLower()); 1147 } 1148 if (settings.EnableWeekNumbers) 1149 { 1150 jsAttributes.Add("weekNumbers: " + Converter.ToString(settings.EnableWeekNumbers).ToLower()); 1151 } 1152 1153 jsAttributes.AddRange(settings.GetFlatPickrOptions().Select(x => x.Key + ": " + x.Value)); 1154 1155 <script> 1156 document.addEventListener("DOMContentLoaded", function () { 1157 flatpickr("#@textField.Id", { 1158 @string.Join(",", jsAttributes) 1159 }); 1160 }); 1161 </script> 1162 } 1163 @using System.Reflection 1164 @using Dynamicweb.Rapido.Blocks.Components.General 1165 @using Dynamicweb.Rapido.Blocks.Components 1166 1167 @* Component *@ 1168 1169 @helper RenderTextField(TextField settings) 1170 { 1171 var attributes = new Dictionary<string, string>(); 1172 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1173 { 1174 settings.Id = Guid.NewGuid().ToString("N"); 1175 } 1176 1177 /*base settings*/ 1178 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1179 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1180 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1181 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1182 if (settings.Required) { attributes.Add("required", "true"); } 1183 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1184 /*end*/ 1185 1186 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1187 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1188 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1189 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1190 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1191 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1192 attributes.Add("type", Enum.GetName(typeof(TextFieldType), settings.Type).ToLower()); 1193 if (settings.Type == TextFieldType.Password) { attributes.Add("autocomplete", "off"); }; 1194 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1195 1196 settings.CssClass = "u-full-width " + settings.CssClass; 1197 1198 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1199 1200 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1201 1202 string noMargin = "u-no-margin"; 1203 if (!settings.ReadOnly) { 1204 noMargin = ""; 1205 } 1206 1207 <div class="form__field-group u-full-width @noMargin @settings.WrapperCssClass dw-mod"> 1208 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1209 { 1210 <div class="u-full-width"> 1211 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1212 @if (settings.Link != null) { 1213 settings.Link.ButtonLayout = ButtonLayout.LinkClean; 1214 1215 <div class="u-pull--right"> 1216 @Render(settings.Link) 1217 </div> 1218 } 1219 </div> 1220 1221 } 1222 1223 @if (!string.IsNullOrEmpty(settings.HelpText)) 1224 { 1225 <small class="form__help-text">@settings.HelpText</small> 1226 } 1227 1228 @if (settings.ActionButton != null) 1229 { 1230 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1231 <div class="form__field-combi u-no-margin dw-mod"> 1232 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1233 @Render(settings.ActionButton) 1234 </div> 1235 } 1236 else 1237 { 1238 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1239 } 1240 1241 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1242 </div> 1243 } 1244 @using System.Reflection 1245 @using Dynamicweb.Rapido.Blocks.Components.General 1246 @using Dynamicweb.Rapido.Blocks.Components 1247 1248 @* Component *@ 1249 1250 @helper RenderNumberField(NumberField settings) 1251 { 1252 var attributes = new Dictionary<string, string>(); 1253 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1254 { 1255 settings.Id = Guid.NewGuid().ToString("N"); 1256 } 1257 1258 /*base settings*/ 1259 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1260 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1261 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1262 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1263 if (settings.Required) { attributes.Add("required", "true"); } 1264 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1265 /*end*/ 1266 1267 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1268 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1269 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1270 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1271 if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); } 1272 if (settings.Min != null) { attributes.Add("min", settings.Min.ToString()); } 1273 if (settings.Step != 0) { attributes.Add("step", settings.Step.ToString()); } 1274 if (settings.Value != null && !string.IsNullOrEmpty(settings.Value.ToString())) { attributes.Add("value", settings.Value.ToString()); } 1275 attributes.Add("type", "number"); 1276 1277 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1278 1279 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1280 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1281 { 1282 <div class="u-full-width"> 1283 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1284 @if (settings.Link != null) { 1285 <div class="u-pull--right"> 1286 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1287 @Render(settings.Link) 1288 </div> 1289 } 1290 </div> 1291 1292 } 1293 1294 @if (!string.IsNullOrEmpty(settings.HelpText)) 1295 { 1296 <small class="form__help-text">@settings.HelpText</small> 1297 } 1298 1299 @if (settings.ActionButton != null) 1300 { 1301 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1302 <div class="form__field-combi u-no-margin dw-mod"> 1303 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1304 @Render(settings.ActionButton) 1305 </div> 1306 } 1307 else 1308 { 1309 <div class="form__field-combi u-no-margin dw-mod"> 1310 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1311 </div> 1312 } 1313 1314 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1315 </div> 1316 } 1317 @using System.Reflection 1318 @using Dynamicweb.Rapido.Blocks.Components.General 1319 @using Dynamicweb.Rapido.Blocks.Components 1320 1321 1322 @* Component *@ 1323 1324 @helper RenderTextareaField(TextareaField settings) 1325 { 1326 Dictionary<string, string> attributes = new Dictionary<string, string>(); 1327 string id = settings.Id; 1328 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(id)) 1329 { 1330 id = Guid.NewGuid().ToString("N"); 1331 } 1332 1333 if (!string.IsNullOrEmpty(id)) { attributes.Add("id", id); } 1334 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1335 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1336 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1337 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1338 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1339 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1340 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1341 if (settings.Required) { attributes.Add("required", "true"); } 1342 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1343 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1344 if (settings.Rows != 0) { attributes.Add("rows", settings.Rows.ToString()); } 1345 attributes.Add("name", settings.Name); 1346 1347 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1348 1349 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1350 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1351 { 1352 <div class="u-full-width"> 1353 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1354 @if (settings.Link != null) { 1355 <div class="u-pull--right"> 1356 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1357 @Render(settings.Link) 1358 </div> 1359 } 1360 </div> 1361 } 1362 1363 @if (!string.IsNullOrEmpty(settings.HelpText)) 1364 { 1365 <small class="form__help-text">@settings.HelpText</small> 1366 } 1367 1368 <textarea class="u-full-width @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Value</textarea> 1369 1370 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1371 </div> 1372 } 1373 @using System.Reflection 1374 @using Dynamicweb.Rapido.Blocks.Components.General 1375 @using Dynamicweb.Rapido.Blocks.Components 1376 1377 1378 @* Component *@ 1379 1380 @helper RenderHiddenField(HiddenField settings) { 1381 var attributes = new Dictionary<string, string>(); 1382 attributes.Add("type", "hidden"); 1383 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1384 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1385 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1386 1387 <input @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)/> 1388 } 1389 @using System.Reflection 1390 @using Dynamicweb.Rapido.Blocks.Components.General 1391 @using Dynamicweb.Rapido.Blocks.Components 1392 1393 @* Component *@ 1394 1395 @helper RenderCheckboxField(CheckboxField settings) 1396 { 1397 var attributes = new Dictionary<string, string>(); 1398 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1399 { 1400 settings.Id = Guid.NewGuid().ToString("N"); 1401 } 1402 1403 /*base settings*/ 1404 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1405 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1406 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1407 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1408 if (settings.Required) { attributes.Add("required", "true"); } 1409 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1410 /*end*/ 1411 1412 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1413 1414 attributes.Add("type", "checkbox"); 1415 if (settings.Checked) { attributes.Add("checked", "true"); } 1416 settings.CssClass = "form__control " + settings.CssClass; 1417 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1418 1419 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1420 1421 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1422 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1423 @if (!string.IsNullOrEmpty(settings.Label)) 1424 { 1425 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1426 } 1427 1428 @if (settings.Link != null) { 1429 <span> 1430 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1431 @Render(settings.Link) 1432 </span> 1433 } 1434 1435 @if (!string.IsNullOrEmpty(settings.HelpText)) 1436 { 1437 <small class="form__help-text checkbox-help dw-mod">@settings.HelpText</small> 1438 } 1439 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1440 </div> 1441 } 1442 @using System.Reflection 1443 @using Dynamicweb.Rapido.Blocks.Components.General 1444 @using Dynamicweb.Rapido.Blocks.Components 1445 1446 1447 @* Component *@ 1448 1449 @helper RenderCheckboxListField(CheckboxListField settings) 1450 { 1451 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1452 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1453 { 1454 <div class="u-full-width"> 1455 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1456 @if (settings.Link != null) { 1457 <div class="u-pull--right"> 1458 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1459 @Render(settings.Link) 1460 </div> 1461 } 1462 </div> 1463 1464 } 1465 1466 <div class="u-pull--left"> 1467 @if (!string.IsNullOrEmpty(settings.HelpText)) 1468 { 1469 <small class="form__help-text">@settings.HelpText</small> 1470 } 1471 1472 @foreach (var item in settings.Options) 1473 { 1474 if (settings.Required) 1475 { 1476 item.Required = true; 1477 } 1478 if (settings.Disabled) 1479 { 1480 item.Disabled = true; 1481 } 1482 if (!string.IsNullOrEmpty(settings.Name)) 1483 { 1484 item.Name = settings.Name; 1485 } 1486 if (!string.IsNullOrEmpty(settings.CssClass)) 1487 { 1488 item.CssClass += settings.CssClass; 1489 } 1490 1491 /* value is not supported */ 1492 1493 if (!string.IsNullOrEmpty(settings.OnClick)) 1494 { 1495 item.OnClick += settings.OnClick; 1496 } 1497 if (!string.IsNullOrEmpty(settings.OnChange)) 1498 { 1499 item.OnChange += settings.OnChange; 1500 } 1501 @Render(item) 1502 } 1503 1504 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1505 </div> 1506 1507 </div> 1508 } 1509 @using Dynamicweb.Rapido.Blocks.Components.General 1510 1511 @* Component *@ 1512 1513 @helper RenderSearch(Search settings) 1514 { 1515 var searchValue = HttpContext.Current.Request.QueryString.Get(settings.SearchParameter) ?? ""; 1516 var groupValue = HttpContext.Current.Request.QueryString.Get(settings.GroupsParameter) ?? ""; 1517 1518 if (string.IsNullOrEmpty(settings.Id)) 1519 { 1520 settings.Id = Guid.NewGuid().ToString("N"); 1521 } 1522 1523 var resultAttributes = new Dictionary<string, string>(); 1524 1525 if (settings.PageSize != 0) 1526 { 1527 resultAttributes.Add("data-page-size", settings.PageSize.ToString()); 1528 } 1529 if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1530 { 1531 resultAttributes.Add("data-groups-feed-url", settings.GroupItemsFeedUrl); 1532 if (!string.IsNullOrEmpty(groupValue)) 1533 { 1534 resultAttributes.Add("data-selected-group", groupValue); 1535 } 1536 if (!string.IsNullOrEmpty(settings.GroupsParameter)) 1537 { 1538 resultAttributes.Add("data-groups-parameter", settings.GroupsParameter); 1539 } 1540 } 1541 resultAttributes.Add("data-force-init", "true"); 1542 if (settings.GoToFirstSearchResultOnEnter) 1543 { 1544 resultAttributes.Add("data-go-to-first-search-result-on-enter", settings.GoToFirstSearchResultOnEnter.ToString().ToLower()); 1545 } 1546 if (!string.IsNullOrEmpty(settings.SearchParameter)) 1547 { 1548 resultAttributes.Add("data-search-parameter", settings.SearchParameter); 1549 } 1550 resultAttributes.Add("data-search-feed-url", settings.SearchData.SearchFeedUrl); 1551 resultAttributes.Add("data-results-template-id", settings.SearchData.ResultsTemplateId); 1552 1553 if (settings.SecondSearchData != null) 1554 { 1555 resultAttributes.Add("data-second-search-feed-url", settings.SecondSearchData.SearchFeedUrl); 1556 resultAttributes.Add("data-second-results-template-id", settings.SecondSearchData.ResultsTemplateId); 1557 } 1558 if (!string.IsNullOrEmpty(settings.ResultsPageUrl)) 1559 { 1560 resultAttributes.Add("data-results-page-url", settings.ResultsPageUrl); 1561 } 1562 1563 resultAttributes = resultAttributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1564 1565 string searchFieldCss = (settings.SearchButton == null) ? "search--with-icon" : ""; 1566 1567 <div class="search @settings.CssClass @searchFieldCss js-search-data-source dw-mod" id="@settings.Id" @ComponentMethods.AddAttributes(resultAttributes)> 1568 @if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1569 { 1570 <button type="button" class="search__groups-btn dw-mod js-search-groups-btn">@Translate("All")</button> 1571 <ul class="dropdown dropdown--absolute-position dw-mod search__groups-results js-search-groups-list"></ul> 1572 } 1573 1574 <input type="text" class="search__field dw-mod js-search-field" placeholder="@settings.Placeholder" value="@searchValue"> 1575 1576 <div class="dropdown dropdown--absolute-position search__results dw-mod js-search-results @(settings.SecondSearchData != null ? "search__results--combined" : "")"> 1577 @if (settings.SecondSearchData != null) 1578 { 1579 <div class="search__column search__column--products dw-mod"> 1580 <div class="search__column-header dw-mod">@Translate("Products")</div> 1581 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1582 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1583 { 1584 @Render(new Link { 1585 Title = Translate("View all"), 1586 CssClass = "js-view-all-button u-margin", 1587 Href = settings.SearchData.ResultsPageUrl 1588 }); 1589 } 1590 </div> 1591 <div class="search__column search__column--pages dw-mod"> 1592 <div class="search__column-header">@Translate("Pages")</div> 1593 <ul class="search__results-list dw-mod js-search-results-second-list" id="@(settings.Id)_SecondResultsList"></ul> 1594 @if (!string.IsNullOrEmpty(settings.SecondSearchData.ResultsPageUrl)) 1595 { 1596 @Render(new Link 1597 { 1598 Title = Translate("View all"), 1599 CssClass = "js-view-all-button u-margin", 1600 Href = settings.SecondSearchData.ResultsPageUrl 1601 }); 1602 } 1603 </div> 1604 } 1605 else 1606 { 1607 <div class="search__column search__column--only dw-mod"> 1608 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1609 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1610 { 1611 @Render(new Link { 1612 Title = Translate("View all"), 1613 CssClass = "js-view-all-button u-margin", 1614 Href = settings.SearchData.ResultsPageUrl 1615 }); 1616 } 1617 </div> 1618 } 1619 </div> 1620 1621 @if (settings.SearchButton != null) 1622 { 1623 settings.SearchButton.CssClass += " search__btn js-search-btn"; 1624 if (settings.RenderDefaultSearchIcon) 1625 { 1626 settings.SearchButton.Icon = new Icon { Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue }; 1627 } 1628 @Render(settings.SearchButton); 1629 } 1630 </div> 1631 } 1632 @using System.Reflection 1633 @using Dynamicweb.Rapido.Blocks.Components.General 1634 @using Dynamicweb.Rapido.Blocks.Components 1635 1636 1637 @* Component *@ 1638 1639 @helper RenderSelectField(SelectField settings) 1640 { 1641 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1642 { 1643 settings.Id = Guid.NewGuid().ToString("N"); 1644 } 1645 1646 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1647 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1648 { 1649 <div class="u-full-width"> 1650 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1651 @if (settings.Link != null) { 1652 <div class="u-pull--right"> 1653 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1654 @Render(settings.Link) 1655 </div> 1656 } 1657 </div> 1658 } 1659 1660 @if (!string.IsNullOrEmpty(settings.HelpText)) 1661 { 1662 <small class="form__help-text">@settings.HelpText</small> 1663 } 1664 1665 @if (settings.ActionButton != null) 1666 { 1667 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1668 <div class="form__field-combi u-no-margin dw-mod"> 1669 @RenderSelectBase(settings) 1670 @Render(settings.ActionButton) 1671 </div> 1672 } 1673 else 1674 { 1675 @RenderSelectBase(settings) 1676 } 1677 1678 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1679 </div> 1680 } 1681 1682 @helper RenderSelectBase(SelectField settings) 1683 { 1684 var attributes = new Dictionary<string, string>(); 1685 1686 /*base settings*/ 1687 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1688 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1689 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1690 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1691 if (settings.Required) { attributes.Add("required", "true"); } 1692 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1693 /*end*/ 1694 1695 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1696 1697 <select @ComponentMethods.AddAttributes(resultAttributes) class="u-full-width @settings.CssClass dw-mod"> 1698 @if (settings.Default != null) 1699 { 1700 @Render(settings.Default) 1701 } 1702 1703 @foreach (var item in settings.Options) 1704 { 1705 if (settings.Value != null) { 1706 item.Checked = item.Value == settings.Value; 1707 } 1708 @Render(item) 1709 } 1710 </select> 1711 } 1712 @using System.Reflection 1713 @using Dynamicweb.Rapido.Blocks.Components.General 1714 @using Dynamicweb.Rapido.Blocks.Components 1715 1716 @* Component *@ 1717 1718 @helper RenderRadioButtonField(RadioButtonField settings) 1719 { 1720 var attributes = new Dictionary<string, string>(); 1721 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1722 { 1723 settings.Id = Guid.NewGuid().ToString("N"); 1724 } 1725 1726 /*base settings*/ 1727 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1728 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1729 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1730 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1731 if (settings.Required) { attributes.Add("required", "true"); } 1732 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1733 /*end*/ 1734 1735 attributes.Add("type", "radio"); 1736 if (settings.Checked) { attributes.Add("checked", "true"); } 1737 settings.CssClass = "form__control " + settings.CssClass; 1738 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1739 1740 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1741 1742 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1743 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1744 @if (!string.IsNullOrEmpty(settings.Label)) 1745 { 1746 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1747 } 1748 @if (!string.IsNullOrEmpty(settings.HelpText)) 1749 { 1750 <small class="form__help-text">@settings.HelpText</small> 1751 } 1752 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1753 </div> 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 RenderRadioButtonListField(RadioButtonListField settings) 1763 { 1764 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1765 1766 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1767 @if (!string.IsNullOrEmpty(settings.Label)) 1768 { 1769 <label>@settings.Label</label> 1770 } 1771 @if (!string.IsNullOrEmpty(settings.HelpText)) 1772 { 1773 <small class="form__help-text">@settings.HelpText</small> 1774 } 1775 1776 @foreach (var item in settings.Options) 1777 { 1778 if (settings.Required) 1779 { 1780 item.Required = true; 1781 } 1782 if (settings.Disabled) 1783 { 1784 item.Disabled = true; 1785 } 1786 if (!string.IsNullOrEmpty(settings.Name)) 1787 { 1788 item.Name = settings.Name; 1789 } 1790 if (settings.Value != null && settings.Value == item.Value) 1791 { 1792 item.Checked = true; 1793 } 1794 if (!string.IsNullOrEmpty(settings.OnClick)) 1795 { 1796 item.OnClick += settings.OnClick; 1797 } 1798 if (!string.IsNullOrEmpty(settings.OnChange)) 1799 { 1800 item.OnChange += settings.OnChange; 1801 } 1802 if (!string.IsNullOrEmpty(settings.CssClass)) 1803 { 1804 item.CssClass += settings.CssClass; 1805 } 1806 @Render(item) 1807 } 1808 1809 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1810 </div> 1811 } 1812 @using System.Reflection 1813 @using Dynamicweb.Rapido.Blocks.Components.General 1814 @using Dynamicweb.Rapido.Blocks.Components 1815 1816 1817 @* Component *@ 1818 1819 @helper RenderNotificationMessage(NotificationMessage settings) 1820 { 1821 if (!string.IsNullOrEmpty(settings.Message)) 1822 { 1823 var attributes = new Dictionary<string, string>(); 1824 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1825 1826 string messageTypeClass = Enum.GetName(typeof(NotificationMessageType), settings.MessageType).ToLower(); 1827 string messageLayoutClass = Enum.GetName(typeof(NotificationMessageLayout), settings.MessageLayout).ToLower(); 1828 string minHeightClass = settings.Icon != null ? "u-min-h70px" : ""; 1829 1830 <div class="notification-message-@messageTypeClass notification-message-@messageLayoutClass @messageLayoutClass @minHeightClass @settings.CssClass u-full-width dw-mod" @ComponentMethods.AddAttributes(attributes)> 1831 @if (settings.Icon != null) { 1832 settings.Icon.Label = !string.IsNullOrEmpty(settings.Icon.Label) ? settings.Message + settings.Icon.Label : settings.Message; 1833 @Render(settings.Icon) 1834 } else { 1835 @settings.Message 1836 } 1837 </div> 1838 } 1839 } 1840 @using Dynamicweb.Rapido.Blocks.Components.General 1841 1842 1843 @* Component *@ 1844 1845 @helper RenderHandlebarsRoot(HandlebarsRoot settings) { 1846 string preRender = !String.IsNullOrEmpty(settings.PreRenderScriptTemplate) ? "data-pre-render-template=\"" + settings.PreRenderScriptTemplate + "\"" : ""; 1847 1848 <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> 1849 @if (settings.SubBlocks != null) { 1850 @RenderBlockList(settings.SubBlocks) 1851 } 1852 </div> 1853 } 1854 @using System.Reflection 1855 @using Dynamicweb.Rapido.Blocks.Components.General 1856 @using Dynamicweb.Rapido.Blocks.Components 1857 @using System.Text.RegularExpressions 1858 1859 1860 @* Component *@ 1861 1862 @helper RenderSticker(Sticker settings) { 1863 if (!String.IsNullOrEmpty(settings.Title)) { 1864 string size = settings.Size.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Size.ToString().ToLower() : ""; 1865 string style = settings.Style.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Style.ToString().ToLower() : ""; 1866 1867 Dictionary<String, String> optionalAttributes = new Dictionary<string, string>(); 1868 if (!String.IsNullOrEmpty(settings.Color) || !String.IsNullOrEmpty(settings.BackgroundColor)) { 1869 string styleTag = !String.IsNullOrEmpty(settings.Color) ? "color: " + settings.Color + "; " : ""; 1870 styleTag += !String.IsNullOrEmpty(settings.BackgroundColor) ? "background-color: " + settings.BackgroundColor + "; " : ""; 1871 optionalAttributes.Add("style", styleTag); 1872 } 1873 1874 <div class="stickers-container__tag @size @style @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Title</div> 1875 } 1876 } 1877 1878 @using System.Reflection 1879 @using Dynamicweb.Rapido.Blocks.Components.General 1880 @using Dynamicweb.Rapido.Blocks.Components 1881 1882 1883 @* Component *@ 1884 1885 @helper RenderStickersCollection(StickersCollection settings) 1886 { 1887 if (settings.Stickers.Count > 0) 1888 { 1889 string position = "stickers-container--" + Regex.Replace(settings.Position.ToString(), "([a-z])([A-Z])", "$1-$2").ToLower(); 1890 1891 <div class="stickers-container @position @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1892 @foreach (Sticker sticker in settings.Stickers) 1893 { 1894 @Render(sticker) 1895 } 1896 </div> 1897 } 1898 } 1899 1900 @using Dynamicweb.Rapido.Blocks.Components.General 1901 1902 1903 @* Component *@ 1904 1905 @helper RenderForm(Form settings) { 1906 if (settings != null) 1907 { 1908 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 1909 if (!string.IsNullOrEmpty(settings.Action)) { optionalAttributes.Add("action", settings.Action); }; 1910 if (!string.IsNullOrEmpty(settings.Name)) { optionalAttributes.Add("name", settings.Name); }; 1911 if (!string.IsNullOrEmpty(settings.OnSubmit)) { optionalAttributes.Add("onsubmit", settings.OnSubmit); }; 1912 var enctypes = new Dictionary<string, string> 1913 { 1914 { "multipart", "multipart/form-data" }, 1915 { "text", "text/plain" }, 1916 { "application", "application/x-www-form-urlencoded" } 1917 }; 1918 if (settings.Enctype != FormEnctype.none) { optionalAttributes.Add("enctype", enctypes[Enum.GetName(typeof(FormEnctype), settings.Enctype).ToLower()]); }; 1919 optionalAttributes.Add("method", settings.Method.ToString()); 1920 1921 if (!string.IsNullOrEmpty(settings.FormStartMarkup)) 1922 { 1923 @settings.FormStartMarkup 1924 } 1925 else 1926 { 1927 @:<form class="@settings.CssClass u-no-margin dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1928 } 1929 1930 foreach (var field in settings.GetFields()) 1931 { 1932 @Render(field) 1933 } 1934 1935 @:</form> 1936 } 1937 } 1938 @using System.Reflection 1939 @using Dynamicweb.Rapido.Blocks.Components.General 1940 @using Dynamicweb.Rapido.Blocks.Components 1941 1942 1943 @* Component *@ 1944 1945 @helper RenderText(Text settings) 1946 { 1947 @settings.Content 1948 } 1949 @using System.Reflection 1950 @using Dynamicweb.Rapido.Blocks.Components.General 1951 @using Dynamicweb.Rapido.Blocks.Components 1952 1953 1954 @* Component *@ 1955 1956 @helper RenderContentModule(ContentModule settings) { 1957 if (!string.IsNullOrEmpty(settings.Content)) 1958 { 1959 @settings.Content 1960 } 1961 } 1962 @using System.Reflection 1963 @using Dynamicweb.Rapido.Blocks.Components.General 1964 @using Dynamicweb.Rapido.Blocks.Components 1965 1966 1967 @* Component *@ 1968 1969 @helper RenderModal(Modal settings) { 1970 if (settings != null) 1971 { 1972 string modalId = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 1973 1974 string onchange = !string.IsNullOrEmpty(settings.OnClose) ? "onchange=\"if(!this.checked){" + settings.OnClose + "}\"" : ""; 1975 1976 <input type="checkbox" id="@(modalId)ModalTrigger" class="modal-trigger" @onchange /> 1977 1978 <div class="modal-container"> 1979 @if (!settings.DisableDarkOverlay) 1980 { 1981 <label for="@(modalId)ModalTrigger" id="@(modalId)ModalOverlay" class="modal-overlay"></label> 1982 } 1983 <div class="modal modal--@settings.Width.ToString().ToLower() modal-height--@settings.Height.ToString().ToLower()" id="@(modalId)Modal"> 1984 @if (settings.Heading != null) 1985 { 1986 if (!string.IsNullOrEmpty(settings.Heading.Title)) 1987 { 1988 <div class="modal__header"> 1989 @Render(settings.Heading) 1990 </div> 1991 } 1992 } 1993 <div class="modal__body @(settings.Width.ToString().ToLower() == "full" ? "modal__body--full" : "")"> 1994 @if (!string.IsNullOrEmpty(settings.BodyText)) 1995 { 1996 @settings.BodyText 1997 } 1998 @if (settings.BodyTemplate != null) 1999 { 2000 @settings.BodyTemplate 2001 } 2002 @{ 2003 var actions = settings.GetActions(); 2004 } 2005 </div> 2006 @if (actions.Length > 0) 2007 { 2008 <div class="modal__footer"> 2009 @foreach (var action in actions) 2010 { 2011 if (Pageview.Device.ToString() != "Mobile") { 2012 action.CssClass += " u-no-margin"; 2013 } else { 2014 action.CssClass += " u-full-width u-margin-bottom"; 2015 } 2016 2017 @Render(action) 2018 } 2019 </div> 2020 } 2021 <label class="modal__close-btn" for="@(modalId)ModalTrigger"></label> 2022 </div> 2023 </div> 2024 } 2025 } 2026 @using Dynamicweb.Rapido.Blocks.Components.General 2027 2028 @* Component *@ 2029 2030 @helper RenderMediaListItem(MediaListItem settings) 2031 { 2032 <div class="media-list-item @settings.CssClass dw-mod" @(!string.IsNullOrEmpty(settings.Id) ? "id=\"" + settings.Id + "\"" : "")> 2033 @if (!string.IsNullOrEmpty(settings.Label)) 2034 { 2035 if (!string.IsNullOrEmpty(settings.Link)) 2036 { 2037 @Render(new Link 2038 { 2039 Href = settings.Link, 2040 CssClass = "media-list-item__sticker dw-mod", 2041 ButtonLayout = ButtonLayout.None, 2042 Title = settings.Label, 2043 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 2044 }) 2045 } 2046 else if (!string.IsNullOrEmpty(settings.OnClick)) 2047 { 2048 <span class="media-list-item__sticker dw-mod" onclick="@(settings.OnClick)"> 2049 <span class="u-uppercase">@settings.Label</span> 2050 </span> 2051 } 2052 else 2053 { 2054 <span class="media-list-item__sticker media-list-item__sticker--no-link dw-mod"> 2055 <span class="u-uppercase">@settings.Label</span> 2056 </span> 2057 } 2058 } 2059 <div class="media-list-item__wrap"> 2060 <div class="media-list-item__info dw-mod"> 2061 <div class="media-list-item__header dw-mod"> 2062 @if (!string.IsNullOrEmpty(settings.Title)) 2063 { 2064 if (!string.IsNullOrEmpty(settings.Link)) 2065 { 2066 @Render(new Link 2067 { 2068 Href = settings.Link, 2069 CssClass = "media-list-item__name dw-mod", 2070 ButtonLayout = ButtonLayout.None, 2071 Title = settings.Title, 2072 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 2073 }) 2074 } 2075 else if (!string.IsNullOrEmpty(settings.OnClick)) 2076 { 2077 <span class="media-list-item__name dw-mod" onclick="@(settings.OnClick)">@settings.Title</span> 2078 } 2079 else 2080 { 2081 <span class="media-list-item__name media-list-item__name--no-link dw-mod">@settings.Title</span> 2082 } 2083 } 2084 2085 @if (!string.IsNullOrEmpty(settings.Status)) 2086 { 2087 <div class="media-list-item__state dw-mod">@settings.Status</div> 2088 } 2089 </div> 2090 @{ 2091 settings.InfoTable.CssClass += " media-list-item__parameters-table"; 2092 } 2093 2094 @Render(settings.InfoTable) 2095 </div> 2096 <div class="media-list-item__actions dw-mod"> 2097 <div class="media-list-item__actions-list dw-mod"> 2098 @{ 2099 var actions = settings.GetActions(); 2100 2101 foreach (ButtonBase action in actions) 2102 { 2103 action.ButtonLayout = ButtonLayout.None; 2104 action.CssClass += " media-list-item__action link"; 2105 2106 @Render(action) 2107 } 2108 } 2109 </div> 2110 2111 @if (settings.SelectButton != null && !string.IsNullOrEmpty(settings.SelectButton.Title)) 2112 { 2113 settings.SelectButton.CssClass += " u-no-margin"; 2114 2115 <div class="media-list-item__action-button"> 2116 @Render(settings.SelectButton) 2117 </div> 2118 } 2119 </div> 2120 </div> 2121 </div> 2122 } 2123 @using Dynamicweb.Rapido.Blocks.Components.General 2124 @using Dynamicweb.Rapido.Blocks.Components 2125 2126 @helper RenderTable(Table settings) 2127 { 2128 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2129 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2130 2131 var enumToClasses = new Dictionary<TableDesign, string> 2132 { 2133 { TableDesign.Clean, "table--clean" }, 2134 { TableDesign.Bordered, "table--bordered" }, 2135 { TableDesign.Striped, "table--striped" }, 2136 { TableDesign.Hover, "table--hover" }, 2137 { TableDesign.Compact, "table--compact" }, 2138 { TableDesign.Condensed, "table--condensed" }, 2139 { TableDesign.NoTopBorder, "table--no-top-border" } 2140 }; 2141 string tableDesignClass = ""; 2142 if (settings.Design != TableDesign.None) 2143 { 2144 tableDesignClass = enumToClasses[settings.Design]; 2145 } 2146 2147 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableDesign.None) { attributes.Add("class", "table " + tableDesignClass + " " + settings.CssClass + " dw-mod"); } 2148 2149 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2150 2151 <table @ComponentMethods.AddAttributes(resultAttributes)> 2152 @if (settings.Header != null) 2153 { 2154 <thead> 2155 @Render(settings.Header) 2156 </thead> 2157 } 2158 <tbody> 2159 @foreach (var row in settings.Rows) 2160 { 2161 @Render(row) 2162 } 2163 </tbody> 2164 @if (settings.Footer != null) 2165 { 2166 <tfoot> 2167 @Render(settings.Footer) 2168 </tfoot> 2169 } 2170 </table> 2171 } 2172 @using Dynamicweb.Rapido.Blocks.Components.General 2173 @using Dynamicweb.Rapido.Blocks.Components 2174 2175 @helper RenderTableRow(TableRow settings) 2176 { 2177 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2178 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2179 2180 var enumToClasses = new Dictionary<TableRowDesign, string> 2181 { 2182 { TableRowDesign.NoBorder, "table__row--no-border" }, 2183 { TableRowDesign.Border, "table__row--border" }, 2184 { TableRowDesign.TopBorder, "table__row--top-line" }, 2185 { TableRowDesign.BottomBorder, "table__row--bottom-line" }, 2186 { TableRowDesign.Solid, "table__row--solid" } 2187 }; 2188 2189 string tableRowDesignClass = ""; 2190 if (settings.Design != TableRowDesign.None) 2191 { 2192 tableRowDesignClass = enumToClasses[settings.Design]; 2193 } 2194 2195 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableRowDesign.None) { attributes.Add("class", "table__row " + tableRowDesignClass + " " + settings.CssClass + " dw-mod"); } 2196 2197 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2198 2199 <tr @ComponentMethods.AddAttributes(resultAttributes)> 2200 @foreach (var cell in settings.Cells) 2201 { 2202 if (settings.IsHeaderRow) 2203 { 2204 cell.IsHeader = true; 2205 } 2206 @Render(cell) 2207 } 2208 </tr> 2209 } 2210 @using Dynamicweb.Rapido.Blocks.Components.General 2211 @using Dynamicweb.Rapido.Blocks.Components 2212 @using Dynamicweb.Core 2213 2214 @helper RenderTableCell(TableCell settings) 2215 { 2216 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2217 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2218 if (settings.Colspan != 0) { attributes.Add("colspan", Converter.ToString(settings.Colspan)); } 2219 if (settings.Rowspan != 0) { attributes.Add("rowspan", Converter.ToString(settings.Rowspan)); } 2220 if (!string.IsNullOrEmpty(settings.CssClass)) { attributes.Add("class", settings.CssClass + " dw-mod"); } 2221 2222 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2223 2224 string tagName = settings.IsHeader ? "th" : "td"; 2225 2226 @("<" + tagName + " " + ComponentMethods.AddAttributes(resultAttributes) + ">") 2227 @settings.Content 2228 @("</" + tagName + ">"); 2229 } 2230 @using System.Linq 2231 @using Dynamicweb.Rapido.Blocks.Components.General 2232 2233 @* Component *@ 2234 2235 @helper RenderPagination(Dynamicweb.Rapido.Blocks.Components.General.Pagination settings) 2236 { 2237 var pageNumberQueryStringName = Dynamicweb.Rapido.Services.Pagination.GetPageNumberQueryStringName(settings); // Get the proper 'page number' query string parameter 2238 var queryParameters = Dynamicweb.Rapido.Services.Url.GetQueryParameters(pageNumberQueryStringName); // Get the NameValueCollection from the querystring 2239 2240 if (settings.NumberOfPages > 1) 2241 { 2242 string url = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority) + "/Default.aspx"; 2243 string ariaLabel = !string.IsNullOrWhiteSpace(settings.AriaLabel) ? settings.AriaLabel : Translate("Page navigation"); 2244 Dictionary<string, int> startAndEndPageNumber = Dynamicweb.Rapido.Services.Pagination.GetStartAndEndPageNumber(settings); 2245 2246 <div class="pager u-margin-top dw-mod @settings.CssClass" aria-label="@ariaLabel"> 2247 @if (settings.ShowPagingInfo) 2248 { 2249 <div class="pager__info dw-mod"> 2250 @Translate("Page") @settings.CurrentPageNumber @Translate("of") @settings.NumberOfPages 2251 </div> 2252 } 2253 <ul class="pager__list dw-mod"> 2254 @if (!string.IsNullOrWhiteSpace(settings.FirstPageUrl) && settings.ShowFirstAndLastControls) 2255 { 2256 @Render(new PaginationItem { Link = settings.FirstPageUrl, Icon = settings.FirstIcon }) 2257 } 2258 @if (!string.IsNullOrWhiteSpace(settings.PreviousPageUrl) && settings.ShowNextAndPrevControls) 2259 { 2260 @Render(new PaginationItem { Link = settings.PreviousPageUrl, Icon = settings.PrevIcon }) 2261 } 2262 @if (settings.GetPages().Any()) 2263 { 2264 foreach (var page in settings.GetPages()) 2265 { 2266 @Render(page) 2267 } 2268 } 2269 else 2270 { 2271 for (var page = startAndEndPageNumber["StartPage"]; page <= startAndEndPageNumber["EndPage"]; page++) 2272 { 2273 queryParameters = Dynamicweb.Rapido.Services.Url.UpdateQueryStringParameter(queryParameters, pageNumberQueryStringName, page.ToString()); 2274 @Render(new PaginationItem { Label = page.ToString(), Link = Dynamicweb.Rapido.Services.Url.BuildUri(url, queryParameters).PathAndQuery, IsActive = (settings.CurrentPageNumber == page) }); 2275 } 2276 } 2277 @if (!string.IsNullOrWhiteSpace(settings.NextPageUrl) && settings.ShowNextAndPrevControls) 2278 { 2279 @Render(new PaginationItem { Link = settings.NextPageUrl, Icon = settings.NextIcon }) 2280 } 2281 @if (!string.IsNullOrWhiteSpace(settings.LastPageUrl) && settings.ShowFirstAndLastControls) 2282 { 2283 @Render(new PaginationItem { Link = settings.LastPageUrl, Icon = settings.LastIcon }) 2284 } 2285 </ul> 2286 </div> 2287 } 2288 } 2289 2290 @helper RenderPaginationItem(PaginationItem settings) 2291 { 2292 if (settings.Icon == null) 2293 { 2294 settings.Icon = new Icon(); 2295 } 2296 2297 settings.Icon.Label = settings.Label; 2298 <li class="pager__btn dw-mod"> 2299 @if (settings.IsActive) 2300 { 2301 <span class="pager__num pager__num--current dw-mod"> 2302 @Render(settings.Icon) 2303 </span> 2304 } 2305 else 2306 { 2307 <a href="@settings.Link" class="pager__num dw-mod"> 2308 @Render(settings.Icon) 2309 </a> 2310 } 2311 </li> 2312 } 2313 2314 2315 @using Dynamicweb.Rapido.Blocks.Components.General 2316 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 2317 2318 2319 2320 2321 2322 @functions { 2323 public string GenerateRgba(string color, string opacity) 2324 { 2325 color = color.Replace("#", ""); 2326 if (color.Length == 6) 2327 { 2328 return "rgba(" + Convert.ToInt32(color.Substring(0, 2), 16) + ", " + Convert.ToInt32(color.Substring(2, 2), 16) + ", " + Convert.ToInt32(color.Substring(4, 2), 16) + ", " + opacity + ");"; 2329 } 2330 else 2331 { 2332 return Convert.ToInt16(color).ToString(); 2333 } 2334 } 2335 } 2336 2337 @{ 2338 string link = !string.IsNullOrEmpty(Model.Item.GetString("Link")) ? Model.Item.GetString("Link") : ""; 2339 string linkTarget = link.Contains("http") || link.Contains(".pdf") ? "_blank" : "_self"; 2340 } 2341 2342 @if (!string.IsNullOrEmpty(link)) 2343 { 2344 @*<a href="@link" target="@linkTarget" class="u-overlay">*@ 2345 <div class="paragraph-image-link-wrapper"> 2346 <a href="@link" target="@linkTarget"> 2347 @RenderTheContent() 2348 </a> 2349 </div> 2350 } 2351 else 2352 { 2353 @RenderTheContent() 2354 } 2355 2356 2357 @helper RenderTheContent() 2358 { 2359 string innerPadding = Model.Item.GetList("Padding") != null ? " padding-size-" + Model.Item.GetList("Padding").SelectedValue.ToLower() : ""; 2360 innerPadding += Model.Item.GetList("PaddingPosition") != null ? " padding-position-" + Model.Item.GetList("PaddingPosition").SelectedValue.ToLower() : ""; 2361 2362 if (!string.IsNullOrEmpty(Model.Item.GetString("Image"))) 2363 { 2364 int width = Model.Item.GetString("ImageWidth") != null ? Model.Item.GetInt32("ImageWidth") : 100; 2365 string styleSetting = Model.Item.GetString("ImageStyle") != null ? Model.Item.GetList("ImageStyle").SelectedValue : ""; 2366 ImageStyle style = ImageStyle.None; 2367 style = styleSetting == "ball" ? style = ImageStyle.Ball : style; 2368 style = styleSetting == "triangle" ? style = ImageStyle.Triangle : style; 2369 var file = Model.Item.GetFile("Image"); 2370 2371 Image image = new Image 2372 { 2373 Path = file, 2374 Style = style, 2375 CssClass = "background-image__cover", 2376 ImageDefault = new ImageSettings 2377 { 2378 Crop = 5, 2379 Width = width 2380 } 2381 }; 2382 2383 if (styleSetting == "square") 2384 { 2385 image.ImageDefault.Crop = 0; 2386 image.ImageDefault.Height = image.ImageDefault.Width; 2387 } 2388 2389 string imageAltText = ""; 2390 if (!string.IsNullOrWhiteSpace(Model.Item.GetString("ImageAltText"))) 2391 { 2392 imageAltText = Model.Item.GetString("ImageAltText"); 2393 } 2394 2395 string imageTitleText = ""; 2396 if (!string.IsNullOrWhiteSpace(Model.Item.GetString("ImageTitleText"))) 2397 { 2398 imageTitleText = Model.Item.GetString("ImageTitleText"); 2399 } 2400 2401 <div class="paragraph-image"> 2402 @RenderWithAltAndTitle(image, imageAltText, imageTitleText) 2403 </div> 2404 } 2405 2406 <div class="u-full-width u-padding-top dw-mod"> 2407 @if (!string.IsNullOrEmpty(Model.Item.GetString("Title")) || !string.IsNullOrEmpty(Model.Item.GetString("Text"))) 2408 { 2409 <div class="u-margin-bottom--lg"> 2410 @if (!Model.Item.GetBoolean("HideTitle")) 2411 { 2412 @Render(new Heading { Title = Model.Item.GetString("Title"), Level = 2, CssClass = "u-no-margin" }) 2413 } 2414 @Render(new Text { Content = Model.Item.GetString("Text") }) 2415 </div> 2416 } 2417 </div> 2418 2419 if (!string.IsNullOrEmpty(Model.Item.GetItem("ButtonOne").GetString("Title"))) 2420 { 2421 <div class="buttons-collection u-block dw-mod"> 2422 @ParagraphButton(Model.Item.GetItem("ButtonOne")) 2423 </div> 2424 } 2425 } 2426 2427 2428 @helper ParagraphButton(ItemViewModel item) 2429 { 2430 if (item != null) 2431 { 2432 if (!string.IsNullOrEmpty(item.GetString("Title"))) 2433 { 2434 Button button = new Button 2435 { 2436 Title = item.GetString("Title"), 2437 Href = item.GetString("Link"), 2438 ButtonLayout = (ButtonLayout)System.Enum.Parse(typeof(ButtonLayout), char.ToUpper(item.GetList("Layout").SelectedValue[0]) + item.GetList("Layout").SelectedValue.Substring(1)) 2439 }; 2440 2441 if (!string.IsNullOrEmpty(item.GetString("Icon"))) 2442 { 2443 button.Icon = new Icon 2444 { 2445 CssClass = item.GetString("Icon") 2446 }; 2447 } 2448 2449 @Render(button) 2450 } 2451 } 2452 } 2453 2454 2455 2456 2457 2458
Error executing template "Designs/Rapido/ContentPage/Paragraph/StandardParagraphThree.cshtml" Microsoft.CSharp.RuntimeBinder.RuntimeBinderException: Cannot perform runtime binding on a null reference at CallSite.Target(Closure , CallSite , Object ) at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<>c__DisplayClass19_0.<RenderTheImage>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 924 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<>c__DisplayClass18_0.<RenderWithAltAndTitle>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 860 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<RenderTheContent>b__48_0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 2402 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.Execute() in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 2347 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 Dynamicweb.Frontend 3 @using Dynamicweb.Rapido.Blocks.Components 4 @using Dynamicweb.Rapido.Blocks.Components.General 5 6 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel> 7 @using Dynamicweb.Frontend 8 9 @* Include the components *@ 10 @using System.Text.RegularExpressions 11 @using System.Collections.Generic 12 @using System.Reflection 13 @using System.Web 14 @using System.Web.UI.HtmlControls 15 @using Dynamicweb.Rapido.Blocks.Components 16 @using Dynamicweb.Rapido.Blocks.Components.Articles 17 @using Dynamicweb.Rapido.Blocks.Components.Documentation 18 @using Dynamicweb.Rapido.Blocks 19 20 21 @*--- START: Base block renderers ---*@ 22 23 @helper RenderBlockList(List<Block> blocks) 24 { 25 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 26 blocks = blocks.OrderBy(item => item.SortId).ToList(); 27 28 foreach (Block item in blocks) 29 { 30 if (debug) { 31 <!-- Block START: @item.Id --> 32 } 33 34 if (item.Design == null) 35 { 36 @RenderBlock(item) 37 } 38 else if (item.Design.RenderType == RenderType.None) { 39 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 40 41 <div class="@cssClass dw-mod"> 42 @RenderBlock(item) 43 </div> 44 } 45 else if (item.Design.RenderType != RenderType.Hide) 46 { 47 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 48 49 if (!item.SkipRenderBlocksList) { 50 if (item.Design.RenderType == RenderType.Row) 51 { 52 <div class="grid grid--align-content-start @cssClass dw-mod" id="Block__@item.Id"> 53 @RenderBlock(item) 54 </div> 55 } 56 57 if (item.Design.RenderType == RenderType.Column) 58 { 59 string hidePadding = item.Design.HidePadding ? "u-no-padding" : ""; 60 string size = item.Design.Size ?? "12"; 61 size = Regex.IsMatch(size, @"\d") ? "md-" + item.Design.Size : item.Design.Size; 62 63 <div class="grid__col-lg-@item.Design.Size grid__col-md-@item.Design.Size grid__col-sm-12 grid__col-xs-12 @hidePadding @cssClass dw-mod" id="Block__@item.Id"> 64 @RenderBlock(item) 65 </div> 66 } 67 68 if (item.Design.RenderType == RenderType.Table) 69 { 70 <table class="table @cssClass dw-mod" id="Block__@item.Id"> 71 @RenderBlock(item) 72 </table> 73 } 74 75 if (item.Design.RenderType == RenderType.TableRow) 76 { 77 <tr class="@cssClass dw-mod" id="Block__@item.Id"> 78 @RenderBlock(item) 79 </tr> 80 } 81 82 if (item.Design.RenderType == RenderType.TableColumn) 83 { 84 <td class="@cssClass dw-mod" id="Block__@item.Id"> 85 @RenderBlock(item) 86 </td> 87 } 88 89 if (item.Design.RenderType == RenderType.CardHeader) 90 { 91 <div class="card-header @cssClass dw-mod"> 92 @RenderBlock(item) 93 </div> 94 } 95 96 if (item.Design.RenderType == RenderType.CardBody) 97 { 98 <div class="card @cssClass dw-mod"> 99 @RenderBlock(item) 100 </div> 101 } 102 103 if (item.Design.RenderType == RenderType.CardFooter) 104 { 105 <div class="card-footer @cssClass dw-mod"> 106 @RenderBlock(item) 107 </div> 108 } 109 } 110 else 111 { 112 @RenderBlock(item) 113 } 114 } 115 116 if (debug) { 117 <!-- Block END: @item.Id --> 118 } 119 } 120 } 121 122 @helper RenderBlock(Block item) 123 { 124 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 125 126 if (item.Template != null) 127 { 128 @BlocksPage.RenderTemplate(item.Template) 129 } 130 131 if (item.Component != null) 132 { 133 string customSufix = "Custom"; 134 string methodName = item.Component.HelperName; 135 136 ComponentBase[] methodParameters = new ComponentBase[1]; 137 methodParameters[0] = item.Component; 138 Type methodType = this.GetType(); 139 140 MethodInfo customMethod = methodType.GetMethod(methodName + customSufix); 141 MethodInfo generalMethod = methodType.GetMethod(methodName); 142 143 try { 144 if (debug) { 145 <!-- Component: @methodName.Replace("Render", "") --> 146 } 147 @customMethod.Invoke(this, methodParameters).ToString(); 148 } catch { 149 try { 150 @generalMethod.Invoke(this, methodParameters).ToString(); 151 } catch(Exception ex) { 152 throw new Exception(item.Component.GetType().Name + " method '" + methodName +"' could not be invoked", ex); 153 } 154 } 155 } 156 157 if (item.BlocksList.Count > 0 && !item.SkipRenderBlocksList) 158 { 159 @RenderBlockList(item.BlocksList) 160 } 161 } 162 163 @*--- END: Base block renderers ---*@ 164 165 @using Dynamicweb.Rapido.Blocks.Components 166 @using Dynamicweb.Rapido.Blocks.Components.General 167 @using Dynamicweb.Rapido.Blocks 168 @using System.IO 169 170 @* Required *@ 171 @using Dynamicweb.Rapido.Blocks.Components 172 @using Dynamicweb.Rapido.Blocks.Components.General 173 @using Dynamicweb.Rapido.Blocks 174 175 176 @helper Render(ComponentBase component) 177 { 178 if (component != null) 179 { 180 @component.Render(this) 181 } 182 } 183 184 @* Components *@ 185 @using System.Reflection 186 @using Dynamicweb.Rapido.Blocks.Components.General 187 188 189 @* Component *@ 190 191 @helper RenderIcon(Icon settings) 192 { 193 if (settings != null) 194 { 195 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 196 197 if (settings.Name != null) 198 { 199 if (string.IsNullOrEmpty(settings.Label)) 200 { 201 <i class="@settings.Prefix @settings.Name @settings.CssClass" @color></i> 202 } 203 else 204 { 205 if (settings.LabelPosition == IconLabelPosition.Before) 206 { 207 <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> 208 } 209 else 210 { 211 <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> 212 } 213 } 214 } 215 else if (!string.IsNullOrEmpty(settings.Label)) 216 { 217 @settings.Label 218 } 219 } 220 } 221 @using System.Reflection 222 @using Dynamicweb.Rapido.Blocks.Components.General 223 @using Dynamicweb.Rapido.Blocks.Components 224 @using Dynamicweb.Core 225 226 @* Component *@ 227 228 @helper RenderButton(Button settings) 229 { 230 if (settings != null && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 231 { 232 Dictionary<string, string> attributes = new Dictionary<string, string>(); 233 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 234 if (settings.Disabled) { 235 attributes.Add("disabled", "true"); 236 classList.Add("disabled"); 237 } 238 239 if (!string.IsNullOrEmpty(settings.ConfirmText) || !string.IsNullOrEmpty(settings.ConfirmTitle)) 240 { 241 settings.Id = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 242 @RenderConfirmDialog(settings); 243 settings.OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = true"; 244 } 245 246 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 247 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 248 if (!string.IsNullOrEmpty(settings.AltText)) 249 { 250 attributes.Add("title", settings.AltText); 251 } 252 else if (!string.IsNullOrEmpty(settings.Title)) 253 { 254 string cleanTitle = Regex.Replace(settings.Title, "<.*?>", String.Empty); 255 cleanTitle = cleanTitle.Replace(" ", " "); 256 attributes.Add("title", cleanTitle); 257 } 258 259 var onClickEvents = new List<string>(); 260 if (!string.IsNullOrEmpty(settings.OnClick)) 261 { 262 onClickEvents.Add(settings.OnClick); 263 } 264 if (!string.IsNullOrEmpty(settings.Href)) 265 { 266 onClickEvents.Add("location.href='" + settings.Href + "'"); 267 } 268 if (onClickEvents.Count > 0) 269 { 270 attributes.Add("onClick", string.Join(";", onClickEvents)); 271 } 272 273 if (settings.ButtonLayout != ButtonLayout.None) 274 { 275 classList.Add("btn"); 276 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 277 if (btnLayout == "linkclean") 278 { 279 btnLayout = "link-clean"; //fix 280 } 281 classList.Add("btn--" + btnLayout); 282 } 283 284 if (settings.Icon == null) 285 { 286 settings.Icon = new Icon(); 287 } 288 289 settings.Icon.CssClass += Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower() != "linkclean" ? " u-flex--align-center" : ""; 290 settings.Icon.Label = settings.Title; 291 292 attributes.Add("type", Enum.GetName(typeof(ButtonType), settings.ButtonType).ToLower()); 293 294 <button class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</button> 295 } 296 } 297 298 @helper RenderConfirmDialog(Button settings) 299 { 300 Modal confirmDialog = new Modal { 301 Id = settings.Id, 302 Width = ModalWidth.Sm, 303 Heading = new Heading 304 { 305 Level = 2, 306 Title = settings.ConfirmTitle 307 }, 308 BodyText = settings.ConfirmText 309 }; 310 311 confirmDialog.AddAction(new Button { Title = Translate("Cancel"), ButtonLayout = ButtonLayout.Secondary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false"}); 312 confirmDialog.AddAction(new Button { Title = Translate("OK"), ButtonLayout = ButtonLayout.Primary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false;" + settings.OnClick }); 313 314 @Render(confirmDialog) 315 } 316 @using Dynamicweb.Rapido.Blocks.Components.General 317 @using Dynamicweb.Rapido.Blocks.Components 318 @using Dynamicweb.Core 319 320 @helper RenderDashboard(Dashboard settings) 321 { 322 var widgets = settings.GetWidgets(); 323 324 if (!string.IsNullOrEmpty(settings.WidgetsBaseBackgroundColor)) 325 { 326 //set bg color for them 327 328 System.Drawing.Color color = System.Drawing.ColorTranslator.FromHtml(settings.WidgetsBaseBackgroundColor); 329 int r = Convert.ToInt16(color.R); 330 int g = Convert.ToInt16(color.G); 331 int b = Convert.ToInt16(color.B); 332 333 var count = widgets.Length; 334 var max = Math.Max(r, Math.Max(g, b)); 335 double step = 255.0 / (max * count); 336 var i = 0; 337 foreach (var widget in widgets) 338 { 339 i++; 340 341 var shade = "rgb(" + Converter.ToString(r * step * i).Replace(",", ".") + ", " + Converter.ToString(g * step * i).Replace(",", ".") + ", " + Converter.ToString(b * step * i).Replace(",", ".") + ")"; 342 widget.BackgroundColor = shade; 343 } 344 } 345 346 <div class="dashboard @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 347 @foreach (var widget in widgets) 348 { 349 <div class="dashboard__widget"> 350 @Render(widget) 351 </div> 352 } 353 </div> 354 } 355 @using Dynamicweb.Rapido.Blocks.Components.General 356 @using Dynamicweb.Rapido.Blocks.Components 357 358 @helper RenderDashboardWidgetLink(DashboardWidgetLink settings) 359 { 360 if (!string.IsNullOrEmpty(settings.Link)) 361 { 362 var backgroundStyles = ""; 363 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 364 { 365 backgroundStyles = "style=\"background-color:" + settings.BackgroundColor + "\""; 366 } 367 368 <a href="@settings.Link" class="widget widget--link @settings.CssClass dw-mod" @backgroundStyles title="@settings.Title" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 369 <div class="u-center-middle u-color-light"> 370 @if (settings.Icon != null) 371 { 372 settings.Icon.CssClass += "widget__icon"; 373 @Render(settings.Icon) 374 } 375 <div class="widget__title">@settings.Title</div> 376 </div> 377 </a> 378 } 379 } 380 @using Dynamicweb.Rapido.Blocks.Components.General 381 @using Dynamicweb.Rapido.Blocks.Components 382 383 @helper RenderDashboardWidgetCounter(DashboardWidgetCounter settings) 384 { 385 var backgroundStyles = ""; 386 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 387 { 388 backgroundStyles = "style='background-color:" + settings.BackgroundColor + "'"; 389 } 390 391 <div class="widget @settings.CssClass dw-mod" @backgroundStyles @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 392 <div class="u-center-middle u-color-light"> 393 @if (settings.Icon != null) 394 { 395 settings.Icon.CssClass += "widget__icon"; 396 @Render(settings.Icon) 397 } 398 <div class="widget__counter">@settings.Count</div> 399 <div class="widget__title">@settings.Title</div> 400 </div> 401 </div> 402 } 403 @using System.Reflection 404 @using Dynamicweb.Rapido.Blocks.Components.General 405 @using Dynamicweb.Rapido.Blocks.Components 406 @using Dynamicweb.Core 407 408 @* Component *@ 409 410 @helper RenderLink(Link settings) 411 { 412 if (settings != null && !string.IsNullOrEmpty(settings.Href) && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 413 { 414 Dictionary<string, string> attributes = new Dictionary<string, string>(); 415 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 416 if (settings.Disabled) 417 { 418 attributes.Add("disabled", "true"); 419 classList.Add("disabled"); 420 } 421 422 if (!string.IsNullOrEmpty(settings.AltText)) 423 { 424 attributes.Add("title", settings.AltText); 425 } 426 else if (!string.IsNullOrEmpty(settings.Title)) 427 { 428 attributes.Add("title", settings.Title); 429 } 430 431 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 432 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 433 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onClick", settings.OnClick); } 434 attributes.Add("href", settings.Href); 435 436 if (settings.ButtonLayout != ButtonLayout.None) 437 { 438 classList.Add("btn"); 439 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 440 if (btnLayout == "linkclean") 441 { 442 btnLayout = "link-clean"; //fix 443 } 444 classList.Add("btn--" + btnLayout); 445 } 446 447 if (settings.Icon == null) 448 { 449 settings.Icon = new Icon(); 450 } 451 settings.Icon.Label = settings.Title; 452 453 if (settings.Target == LinkTargetType.Blank && settings.Rel == LinkRelType.None) 454 { 455 settings.Rel = LinkRelType.Noopener; 456 } 457 if (settings.Target != LinkTargetType.None) 458 { 459 attributes.Add("target", "_" + Enum.GetName(typeof(LinkTargetType), settings.Target).ToLower()); 460 } 461 if (settings.Download) 462 { 463 attributes.Add("download", "true"); 464 } 465 if (settings.Rel != LinkRelType.None) 466 { 467 attributes.Add("rel", Enum.GetName(typeof(LinkRelType), settings.Rel).ToLower()); 468 } 469 470 <a class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</a> 471 } 472 } 473 @using System.Reflection 474 @using Dynamicweb.Rapido.Blocks.Components 475 @using Dynamicweb.Rapido.Blocks.Components.General 476 @using Dynamicweb.Rapido.Blocks 477 478 479 @* Component *@ 480 481 @helper RenderRating(Rating settings) 482 { 483 if (settings.Score > 0) 484 { 485 int rating = settings.Score; 486 string iconType = "fa-star"; 487 488 switch (settings.Type.ToString()) { 489 case "Stars": 490 iconType = "fa-star"; 491 break; 492 case "Hearts": 493 iconType = "fa-heart"; 494 break; 495 case "Lemons": 496 iconType = "fa-lemon"; 497 break; 498 case "Bombs": 499 iconType = "fa-bomb"; 500 break; 501 } 502 503 <div class="u-ta-right"> 504 @for (int i = 0; i < settings.OutOf; i++) 505 { 506 <i class="@(rating > i ? "fas" : "far") @iconType"></i> 507 } 508 </div> 509 } 510 } 511 @using System.Reflection 512 @using Dynamicweb.Rapido.Blocks.Components.General 513 @using Dynamicweb.Rapido.Blocks.Components 514 515 516 @* Component *@ 517 518 @helper RenderSelectFieldOption(SelectFieldOption settings) 519 { 520 Dictionary<string, string> attributes = new Dictionary<string, string>(); 521 if (settings.Checked) { attributes.Add("selected", "true"); } 522 if (settings.Disabled) { attributes.Add("disabled", "true"); } 523 if (settings.Value != null) { attributes.Add("value", settings.Value); } 524 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 525 526 <option @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Label</option> 527 } 528 @using System.Reflection 529 @using Dynamicweb.Rapido.Blocks.Components.General 530 @using Dynamicweb.Rapido.Blocks.Components 531 532 533 @* Component *@ 534 535 @helper RenderNavigation(Navigation settings) { 536 @RenderNavigation(new 537 { 538 id = settings.Id, 539 cssclass = settings.CssClass, 540 startLevel = settings.StartLevel, 541 endlevel = settings.EndLevel, 542 expandmode = settings.Expandmode, 543 sitemapmode = settings.SitemapMode, 544 template = settings.Template 545 }) 546 } 547 @using Dynamicweb.Rapido.Blocks.Components.General 548 @using Dynamicweb.Rapido.Blocks.Components 549 550 551 @* Component *@ 552 553 @helper RenderBreadcrumbNavigation(BreadcrumbNavigation settings) { 554 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 555 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 556 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 557 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 558 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 559 settings.SitemapMode = false; 560 561 @RenderNavigation(settings) 562 } 563 @using Dynamicweb.Rapido.Blocks.Components.General 564 @using Dynamicweb.Rapido.Blocks.Components 565 566 567 @* Component *@ 568 569 @helper RenderLeftNavigation(LeftNavigation settings) { 570 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 571 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 572 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 573 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 574 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 575 576 <div class="grid__cell"> 577 @RenderNavigation(settings) 578 </div> 579 } 580 @using System.Reflection 581 @using Dynamicweb.Rapido.Blocks.Components.General 582 @using Dynamicweb.Core 583 584 @* Component *@ 585 586 @helper RenderHeading(Heading settings) 587 { 588 if (settings != null && !string.IsNullOrEmpty(settings.Title)) 589 { 590 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 591 string tagName = settings.Level != 0 ? "h" + settings.Level.ToString() : "div"; 592 593 @("<" + tagName + " class=\"" + settings.CssClass + " dw-mod\" " + color + ">") 594 if (!string.IsNullOrEmpty(settings.Link)) 595 { 596 @Render(new Link { Href = settings.Link, Icon = settings.Icon, Title = settings.Title, ButtonLayout = ButtonLayout.None }) 597 } 598 else 599 { 600 if (settings.Icon == null) 601 { 602 settings.Icon = new Icon(); 603 } 604 settings.Icon.Label = settings.Title; 605 @Render(settings.Icon) 606 } 607 @("</" + tagName + ">"); 608 } 609 } 610 @using Dynamicweb.Rapido.Blocks.Components 611 @using Dynamicweb.Rapido.Blocks.Components.General 612 @using Dynamicweb.Rapido.Blocks 613 614 615 @* Component *@ 616 617 @helper RenderImage(Image settings) 618 { 619 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 620 { 621 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 622 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 623 624 if (settings.Caption != null) 625 { 626 @:<div> 627 } 628 629 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 630 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 631 632 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 633 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 634 @if (settings.Link != null) 635 { 636 <a href="@settings.Link"> 637 @RenderTheImage(settings) 638 </a> 639 } 640 else 641 { 642 @RenderTheImage(settings) 643 } 644 </div> 645 </div> 646 647 if (settings.Caption != null) 648 { 649 <span class="image-caption dw-mod">@settings.Caption</span> 650 @:</div> 651 } 652 } 653 else 654 { 655 if (settings.Caption != null) 656 { 657 @:<div> 658 } 659 if (!string.IsNullOrEmpty(settings.Link)) 660 { 661 <a href="@settings.Link"> 662 @RenderTheImage(settings) 663 </a> 664 } 665 else 666 { 667 @RenderTheImage(settings) 668 } 669 670 if (settings.Caption != null) 671 { 672 <span class="image-caption dw-mod">@settings.Caption</span> 673 @:</div> 674 } 675 } 676 } 677 678 @helper RenderTheImage(Image settings) 679 { 680 if (settings != null) 681 { 682 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 683 string placeholderImage = "/Files/Images/placeholder.gif"; 684 string imageEngine = "/Admin/Public/GetImage.ashx?"; 685 686 string imageStyle = ""; 687 688 switch (settings.Style) 689 { 690 case ImageStyle.Ball: 691 imageStyle = "grid__cell-img--ball"; 692 break; 693 694 case ImageStyle.Triangle: 695 imageStyle = "grid__cell-img--triangle"; 696 break; 697 } 698 699 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 700 { 701 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 702 703 if (settings.ImageDefault != null) 704 { 705 settings.ImageDefault.Height = settings.ImageDefault.Width; 706 } 707 if (settings.ImageMedium != null) 708 { 709 settings.ImageMedium.Height = settings.ImageMedium.Width; 710 } 711 if (settings.ImageSmall != null) 712 { 713 settings.ImageSmall.Height = settings.ImageSmall.Width; 714 } 715 } 716 717 string defaultImage = imageEngine; 718 string imageSmall = ""; 719 string imageMedium = ""; 720 721 if (settings.DisableImageEngine) 722 { 723 defaultImage = settings.Path; 724 } 725 else 726 { 727 if (settings.ImageDefault != null) 728 { 729 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 730 731 if (settings.Path.GetType() != typeof(string)) 732 { 733 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 734 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 735 } 736 else 737 { 738 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 739 } 740 741 defaultImage += "&AlternativeImage=" + alternativeImage; 742 } 743 744 if (settings.ImageSmall != null) 745 { 746 imageSmall = "data-src-small=\"" + imageEngine; 747 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 748 749 if (settings.Path.GetType() != typeof(string)) 750 { 751 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 752 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 753 } 754 else 755 { 756 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 757 } 758 759 imageSmall += "&alternativeImage=" + alternativeImage; 760 761 imageSmall += "\""; 762 } 763 764 if (settings.ImageMedium != null) 765 { 766 imageMedium = "data-src-medium=\"" + imageEngine; 767 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 768 769 if (settings.Path.GetType() != typeof(string)) 770 { 771 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 772 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 773 } 774 else 775 { 776 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 777 } 778 779 imageMedium += "&alternativeImage=" + alternativeImage; 780 781 imageMedium += "\""; 782 } 783 } 784 785 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 786 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 787 if (!string.IsNullOrEmpty(settings.Title)) 788 { 789 optionalAttributes.Add("alt", settings.Title); 790 optionalAttributes.Add("title", settings.Title); 791 } 792 793 if (settings.DisableLazyLoad) 794 { 795 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) /> 796 } 797 else 798 { 799 <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) /> 800 } 801 } 802 } 803 @using Dynamicweb.Rapido.Blocks.Components 804 @using Dynamicweb.Rapido.Blocks.Components.General 805 @using Dynamicweb.Rapido.Blocks 806 807 808 @* Component *@ 809 810 @helper RenderWithAltAndTitle(Image settings, string alText = "", string titleText = "") 811 { 812 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 813 { 814 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 815 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 816 817 if (settings.Caption != null) 818 { 819 @:<div> 820 } 821 822 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 823 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 824 825 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 826 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 827 @if (settings.Link != null) 828 { 829 <a href="@settings.Link"> 830 @RenderTheImage(settings, alText, titleText) 831 </a> 832 } 833 else 834 { 835 @RenderTheImage(settings, alText, titleText) 836 } 837 </div> 838 </div> 839 840 if (settings.Caption != null) 841 { 842 <span class="image-caption dw-mod">@settings.Caption</span> 843 @:</div> 844 } 845 } 846 else 847 { 848 if (settings.Caption != null) 849 { 850 @:<div> 851 } 852 if (!string.IsNullOrEmpty(settings.Link)) 853 { 854 <a href="@settings.Link"> 855 @RenderTheImage(settings, alText, titleText) 856 </a> 857 } 858 else 859 { 860 @RenderTheImage(settings, alText, titleText) 861 } 862 863 if (settings.Caption != null) 864 { 865 <span class="image-caption dw-mod">@settings.Caption</span> 866 @:</div> 867 } 868 } 869 } 870 871 @helper RenderTheImage(Image settings, string alText = "", string titleText = "") 872 { 873 if (settings != null) 874 { 875 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 876 string placeholderImage = "/Files/Images/placeholder.gif"; 877 string imageEngine = "/Admin/Public/GetImage.ashx?"; 878 879 string imageStyle = ""; 880 881 switch (settings.Style) 882 { 883 case ImageStyle.Ball: 884 imageStyle = "grid__cell-img--ball"; 885 break; 886 887 case ImageStyle.Triangle: 888 imageStyle = "grid__cell-img--triangle"; 889 break; 890 } 891 892 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 893 { 894 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 895 896 if (settings.ImageDefault != null) 897 { 898 settings.ImageDefault.Height = settings.ImageDefault.Width; 899 } 900 if (settings.ImageMedium != null) 901 { 902 settings.ImageMedium.Height = settings.ImageMedium.Width; 903 } 904 if (settings.ImageSmall != null) 905 { 906 settings.ImageSmall.Height = settings.ImageSmall.Width; 907 } 908 } 909 910 string defaultImage = imageEngine; 911 string imageSmall = ""; 912 string imageMedium = ""; 913 914 if (settings.DisableImageEngine) 915 { 916 defaultImage = settings.Path; 917 } 918 else 919 { 920 if (settings.ImageDefault != null) 921 { 922 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 923 924 if (settings.Path.GetType() != typeof(string)) 925 { 926 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 927 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 928 } 929 else 930 { 931 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 932 } 933 934 defaultImage += "&AlternativeImage=" + alternativeImage; 935 } 936 937 if (settings.ImageSmall != null) 938 { 939 imageSmall = "data-src-small=\"" + imageEngine; 940 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 941 942 if (settings.Path.GetType() != typeof(string)) 943 { 944 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 945 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 946 } 947 else 948 { 949 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 950 } 951 952 imageSmall += "&alternativeImage=" + alternativeImage; 953 954 imageSmall += "\""; 955 } 956 957 if (settings.ImageMedium != null) 958 { 959 imageMedium = "data-src-medium=\"" + imageEngine; 960 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 961 962 if (settings.Path.GetType() != typeof(string)) 963 { 964 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 965 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 966 } 967 else 968 { 969 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 970 971 972 } 973 974 imageMedium += "&alternativeImage=" + alternativeImage; 975 976 imageMedium += "\""; 977 } 978 } 979 980 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 981 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 982 if (!string.IsNullOrEmpty(settings.Title)) 983 { 984 optionalAttributes.Add("alt", settings.Title); 985 optionalAttributes.Add("title", settings.Title); 986 } 987 988 989 990 string imgAlt = ""; 991 string imgTitle = ""; 992 993 if (!string.IsNullOrWhiteSpace(alText)) 994 { 995 imgAlt = "alt=" + '"' + alText + '"'; 996 } 997 998 if (!string.IsNullOrWhiteSpace(titleText)) 999 { 1000 imgTitle = "title=" + '"' + titleText + '"'; 1001 1002 } 1003 1004 1005 if (settings.DisableLazyLoad) 1006 { 1007 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) @imgAlt @imgTitle /> 1008 } 1009 else 1010 { 1011 <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) @imgAlt @imgTitle /> 1012 } 1013 } 1014 } 1015 @using System.Reflection 1016 @using Dynamicweb.Rapido.Blocks.Components.General 1017 @using Dynamicweb.Rapido.Blocks.Components 1018 1019 @* Component *@ 1020 1021 @helper RenderFileField(FileField settings) 1022 { 1023 var attributes = new Dictionary<string, string>(); 1024 if (string.IsNullOrEmpty(settings.Id)) 1025 { 1026 settings.Id = Guid.NewGuid().ToString("N"); 1027 } 1028 1029 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1030 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1031 if (settings.Required) { attributes.Add("required", "true"); } 1032 if (settings.Multiple) { attributes.Add("multiple", "true"); } 1033 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1034 if (string.IsNullOrEmpty(settings.ChooseFileText)) 1035 { 1036 settings.ChooseFileText = Translate("Choose file"); 1037 } 1038 if (string.IsNullOrEmpty(settings.NoFilesChosenText)) 1039 { 1040 settings.NoFilesChosenText = Translate("No files chosen..."); 1041 } 1042 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1043 1044 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1045 1046 string setValueToFakeInput = "FileUpload.setValueToFakeInput(this)"; 1047 attributes.Add("onchange", setValueToFakeInput + (!string.IsNullOrEmpty(settings.OnChange) ? settings.OnChange : "")); 1048 1049 attributes.Add("type", "file"); 1050 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1051 settings.CssClass = "u-full-width " + settings.CssClass; 1052 1053 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1054 1055 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1056 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1057 { 1058 <div class="u-full-width"> 1059 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1060 @if (settings.Link != null) { 1061 <div class="u-pull--right"> 1062 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1063 @Render(settings.Link) 1064 </div> 1065 } 1066 </div> 1067 1068 } 1069 1070 @if (!string.IsNullOrEmpty(settings.HelpText)) 1071 { 1072 <small class="form__help-text">@settings.HelpText</small> 1073 } 1074 1075 <div class="form__field-combi file-input u-no-margin dw-mod"> 1076 <input @ComponentMethods.AddAttributes(resultAttributes) class="file-input__real-input" data-no-files-text="@settings.NoFilesChosenText" data-many-files-text="@Translate("files")" /> 1077 <label for="@settings.Id" class="file-input__btn btn--secondary btn dw-mod">@settings.ChooseFileText</label> 1078 <label for="@settings.Id" class="@settings.CssClass file-input__fake-input js-fake-input dw-mod">@settings.NoFilesChosenText</label> 1079 @if (settings.UploadButton != null) 1080 { 1081 settings.UploadButton.CssClass += " btn--condensed u-no-margin"; 1082 @Render(settings.UploadButton) 1083 } 1084 </div> 1085 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1086 </div> 1087 } 1088 @using System.Reflection 1089 @using Dynamicweb.Rapido.Blocks.Components.General 1090 @using Dynamicweb.Rapido.Blocks.Components 1091 @using Dynamicweb.Core 1092 @using System.Linq 1093 1094 @* Component *@ 1095 1096 @helper RenderDateTimeField(DateTimeField settings) 1097 { 1098 if (string.IsNullOrEmpty(settings.Id)) 1099 { 1100 settings.Id = Guid.NewGuid().ToString("N"); 1101 } 1102 1103 var textField = new TextField { 1104 Name = settings.Name, 1105 Id = settings.Id, 1106 Label = settings.Label, 1107 HelpText = settings.HelpText, 1108 Value = settings.Value, 1109 Disabled = settings.Disabled, 1110 Required = settings.Required, 1111 ErrorMessage = settings.ErrorMessage, 1112 CssClass = settings.CssClass, 1113 WrapperCssClass = settings.WrapperCssClass, 1114 OnChange = settings.OnChange, 1115 OnClick = settings.OnClick, 1116 Link = settings.Link, 1117 ExtraAttributes = settings.ExtraAttributes, 1118 // 1119 Placeholder = settings.Placeholder 1120 }; 1121 1122 @Render(textField) 1123 1124 List<string> jsAttributes = new List<string>(); 1125 1126 jsAttributes.Add("mode: '" + Enum.GetName(typeof(DateTimeFieldMode), settings.Mode).ToLower() + "'"); 1127 1128 if (!string.IsNullOrEmpty(settings.DateFormat)) 1129 { 1130 jsAttributes.Add("dateFormat: '" + settings.DateFormat + "'"); 1131 } 1132 if (!string.IsNullOrEmpty(settings.MinDate)) 1133 { 1134 jsAttributes.Add("minDate: '" + settings.MinDate + "'"); 1135 } 1136 if (!string.IsNullOrEmpty(settings.MaxDate)) 1137 { 1138 jsAttributes.Add("maxDate: '" + settings.MaxDate + "'"); 1139 } 1140 if (settings.IsInline) 1141 { 1142 jsAttributes.Add("inline: " + Converter.ToString(settings.IsInline).ToLower()); 1143 } 1144 if (settings.EnableTime) 1145 { 1146 jsAttributes.Add("enableTime: " + Converter.ToString(settings.EnableTime).ToLower()); 1147 } 1148 if (settings.EnableWeekNumbers) 1149 { 1150 jsAttributes.Add("weekNumbers: " + Converter.ToString(settings.EnableWeekNumbers).ToLower()); 1151 } 1152 1153 jsAttributes.AddRange(settings.GetFlatPickrOptions().Select(x => x.Key + ": " + x.Value)); 1154 1155 <script> 1156 document.addEventListener("DOMContentLoaded", function () { 1157 flatpickr("#@textField.Id", { 1158 @string.Join(",", jsAttributes) 1159 }); 1160 }); 1161 </script> 1162 } 1163 @using System.Reflection 1164 @using Dynamicweb.Rapido.Blocks.Components.General 1165 @using Dynamicweb.Rapido.Blocks.Components 1166 1167 @* Component *@ 1168 1169 @helper RenderTextField(TextField settings) 1170 { 1171 var attributes = new Dictionary<string, string>(); 1172 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1173 { 1174 settings.Id = Guid.NewGuid().ToString("N"); 1175 } 1176 1177 /*base settings*/ 1178 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1179 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1180 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1181 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1182 if (settings.Required) { attributes.Add("required", "true"); } 1183 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1184 /*end*/ 1185 1186 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1187 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1188 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1189 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1190 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1191 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1192 attributes.Add("type", Enum.GetName(typeof(TextFieldType), settings.Type).ToLower()); 1193 if (settings.Type == TextFieldType.Password) { attributes.Add("autocomplete", "off"); }; 1194 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1195 1196 settings.CssClass = "u-full-width " + settings.CssClass; 1197 1198 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1199 1200 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1201 1202 string noMargin = "u-no-margin"; 1203 if (!settings.ReadOnly) { 1204 noMargin = ""; 1205 } 1206 1207 <div class="form__field-group u-full-width @noMargin @settings.WrapperCssClass dw-mod"> 1208 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1209 { 1210 <div class="u-full-width"> 1211 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1212 @if (settings.Link != null) { 1213 settings.Link.ButtonLayout = ButtonLayout.LinkClean; 1214 1215 <div class="u-pull--right"> 1216 @Render(settings.Link) 1217 </div> 1218 } 1219 </div> 1220 1221 } 1222 1223 @if (!string.IsNullOrEmpty(settings.HelpText)) 1224 { 1225 <small class="form__help-text">@settings.HelpText</small> 1226 } 1227 1228 @if (settings.ActionButton != null) 1229 { 1230 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1231 <div class="form__field-combi u-no-margin dw-mod"> 1232 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1233 @Render(settings.ActionButton) 1234 </div> 1235 } 1236 else 1237 { 1238 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1239 } 1240 1241 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1242 </div> 1243 } 1244 @using System.Reflection 1245 @using Dynamicweb.Rapido.Blocks.Components.General 1246 @using Dynamicweb.Rapido.Blocks.Components 1247 1248 @* Component *@ 1249 1250 @helper RenderNumberField(NumberField settings) 1251 { 1252 var attributes = new Dictionary<string, string>(); 1253 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1254 { 1255 settings.Id = Guid.NewGuid().ToString("N"); 1256 } 1257 1258 /*base settings*/ 1259 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1260 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1261 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1262 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1263 if (settings.Required) { attributes.Add("required", "true"); } 1264 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1265 /*end*/ 1266 1267 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1268 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1269 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1270 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1271 if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); } 1272 if (settings.Min != null) { attributes.Add("min", settings.Min.ToString()); } 1273 if (settings.Step != 0) { attributes.Add("step", settings.Step.ToString()); } 1274 if (settings.Value != null && !string.IsNullOrEmpty(settings.Value.ToString())) { attributes.Add("value", settings.Value.ToString()); } 1275 attributes.Add("type", "number"); 1276 1277 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1278 1279 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1280 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1281 { 1282 <div class="u-full-width"> 1283 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1284 @if (settings.Link != null) { 1285 <div class="u-pull--right"> 1286 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1287 @Render(settings.Link) 1288 </div> 1289 } 1290 </div> 1291 1292 } 1293 1294 @if (!string.IsNullOrEmpty(settings.HelpText)) 1295 { 1296 <small class="form__help-text">@settings.HelpText</small> 1297 } 1298 1299 @if (settings.ActionButton != null) 1300 { 1301 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1302 <div class="form__field-combi u-no-margin dw-mod"> 1303 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1304 @Render(settings.ActionButton) 1305 </div> 1306 } 1307 else 1308 { 1309 <div class="form__field-combi u-no-margin dw-mod"> 1310 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1311 </div> 1312 } 1313 1314 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1315 </div> 1316 } 1317 @using System.Reflection 1318 @using Dynamicweb.Rapido.Blocks.Components.General 1319 @using Dynamicweb.Rapido.Blocks.Components 1320 1321 1322 @* Component *@ 1323 1324 @helper RenderTextareaField(TextareaField settings) 1325 { 1326 Dictionary<string, string> attributes = new Dictionary<string, string>(); 1327 string id = settings.Id; 1328 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(id)) 1329 { 1330 id = Guid.NewGuid().ToString("N"); 1331 } 1332 1333 if (!string.IsNullOrEmpty(id)) { attributes.Add("id", id); } 1334 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1335 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1336 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1337 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1338 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1339 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1340 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1341 if (settings.Required) { attributes.Add("required", "true"); } 1342 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1343 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1344 if (settings.Rows != 0) { attributes.Add("rows", settings.Rows.ToString()); } 1345 attributes.Add("name", settings.Name); 1346 1347 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1348 1349 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1350 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1351 { 1352 <div class="u-full-width"> 1353 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1354 @if (settings.Link != null) { 1355 <div class="u-pull--right"> 1356 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1357 @Render(settings.Link) 1358 </div> 1359 } 1360 </div> 1361 } 1362 1363 @if (!string.IsNullOrEmpty(settings.HelpText)) 1364 { 1365 <small class="form__help-text">@settings.HelpText</small> 1366 } 1367 1368 <textarea class="u-full-width @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Value</textarea> 1369 1370 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1371 </div> 1372 } 1373 @using System.Reflection 1374 @using Dynamicweb.Rapido.Blocks.Components.General 1375 @using Dynamicweb.Rapido.Blocks.Components 1376 1377 1378 @* Component *@ 1379 1380 @helper RenderHiddenField(HiddenField settings) { 1381 var attributes = new Dictionary<string, string>(); 1382 attributes.Add("type", "hidden"); 1383 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1384 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1385 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1386 1387 <input @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)/> 1388 } 1389 @using System.Reflection 1390 @using Dynamicweb.Rapido.Blocks.Components.General 1391 @using Dynamicweb.Rapido.Blocks.Components 1392 1393 @* Component *@ 1394 1395 @helper RenderCheckboxField(CheckboxField settings) 1396 { 1397 var attributes = new Dictionary<string, string>(); 1398 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1399 { 1400 settings.Id = Guid.NewGuid().ToString("N"); 1401 } 1402 1403 /*base settings*/ 1404 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1405 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1406 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1407 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1408 if (settings.Required) { attributes.Add("required", "true"); } 1409 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1410 /*end*/ 1411 1412 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1413 1414 attributes.Add("type", "checkbox"); 1415 if (settings.Checked) { attributes.Add("checked", "true"); } 1416 settings.CssClass = "form__control " + settings.CssClass; 1417 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1418 1419 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1420 1421 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1422 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1423 @if (!string.IsNullOrEmpty(settings.Label)) 1424 { 1425 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1426 } 1427 1428 @if (settings.Link != null) { 1429 <span> 1430 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1431 @Render(settings.Link) 1432 </span> 1433 } 1434 1435 @if (!string.IsNullOrEmpty(settings.HelpText)) 1436 { 1437 <small class="form__help-text checkbox-help dw-mod">@settings.HelpText</small> 1438 } 1439 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1440 </div> 1441 } 1442 @using System.Reflection 1443 @using Dynamicweb.Rapido.Blocks.Components.General 1444 @using Dynamicweb.Rapido.Blocks.Components 1445 1446 1447 @* Component *@ 1448 1449 @helper RenderCheckboxListField(CheckboxListField settings) 1450 { 1451 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1452 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1453 { 1454 <div class="u-full-width"> 1455 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1456 @if (settings.Link != null) { 1457 <div class="u-pull--right"> 1458 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1459 @Render(settings.Link) 1460 </div> 1461 } 1462 </div> 1463 1464 } 1465 1466 <div class="u-pull--left"> 1467 @if (!string.IsNullOrEmpty(settings.HelpText)) 1468 { 1469 <small class="form__help-text">@settings.HelpText</small> 1470 } 1471 1472 @foreach (var item in settings.Options) 1473 { 1474 if (settings.Required) 1475 { 1476 item.Required = true; 1477 } 1478 if (settings.Disabled) 1479 { 1480 item.Disabled = true; 1481 } 1482 if (!string.IsNullOrEmpty(settings.Name)) 1483 { 1484 item.Name = settings.Name; 1485 } 1486 if (!string.IsNullOrEmpty(settings.CssClass)) 1487 { 1488 item.CssClass += settings.CssClass; 1489 } 1490 1491 /* value is not supported */ 1492 1493 if (!string.IsNullOrEmpty(settings.OnClick)) 1494 { 1495 item.OnClick += settings.OnClick; 1496 } 1497 if (!string.IsNullOrEmpty(settings.OnChange)) 1498 { 1499 item.OnChange += settings.OnChange; 1500 } 1501 @Render(item) 1502 } 1503 1504 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1505 </div> 1506 1507 </div> 1508 } 1509 @using Dynamicweb.Rapido.Blocks.Components.General 1510 1511 @* Component *@ 1512 1513 @helper RenderSearch(Search settings) 1514 { 1515 var searchValue = HttpContext.Current.Request.QueryString.Get(settings.SearchParameter) ?? ""; 1516 var groupValue = HttpContext.Current.Request.QueryString.Get(settings.GroupsParameter) ?? ""; 1517 1518 if (string.IsNullOrEmpty(settings.Id)) 1519 { 1520 settings.Id = Guid.NewGuid().ToString("N"); 1521 } 1522 1523 var resultAttributes = new Dictionary<string, string>(); 1524 1525 if (settings.PageSize != 0) 1526 { 1527 resultAttributes.Add("data-page-size", settings.PageSize.ToString()); 1528 } 1529 if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1530 { 1531 resultAttributes.Add("data-groups-feed-url", settings.GroupItemsFeedUrl); 1532 if (!string.IsNullOrEmpty(groupValue)) 1533 { 1534 resultAttributes.Add("data-selected-group", groupValue); 1535 } 1536 if (!string.IsNullOrEmpty(settings.GroupsParameter)) 1537 { 1538 resultAttributes.Add("data-groups-parameter", settings.GroupsParameter); 1539 } 1540 } 1541 resultAttributes.Add("data-force-init", "true"); 1542 if (settings.GoToFirstSearchResultOnEnter) 1543 { 1544 resultAttributes.Add("data-go-to-first-search-result-on-enter", settings.GoToFirstSearchResultOnEnter.ToString().ToLower()); 1545 } 1546 if (!string.IsNullOrEmpty(settings.SearchParameter)) 1547 { 1548 resultAttributes.Add("data-search-parameter", settings.SearchParameter); 1549 } 1550 resultAttributes.Add("data-search-feed-url", settings.SearchData.SearchFeedUrl); 1551 resultAttributes.Add("data-results-template-id", settings.SearchData.ResultsTemplateId); 1552 1553 if (settings.SecondSearchData != null) 1554 { 1555 resultAttributes.Add("data-second-search-feed-url", settings.SecondSearchData.SearchFeedUrl); 1556 resultAttributes.Add("data-second-results-template-id", settings.SecondSearchData.ResultsTemplateId); 1557 } 1558 if (!string.IsNullOrEmpty(settings.ResultsPageUrl)) 1559 { 1560 resultAttributes.Add("data-results-page-url", settings.ResultsPageUrl); 1561 } 1562 1563 resultAttributes = resultAttributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1564 1565 string searchFieldCss = (settings.SearchButton == null) ? "search--with-icon" : ""; 1566 1567 <div class="search @settings.CssClass @searchFieldCss js-search-data-source dw-mod" id="@settings.Id" @ComponentMethods.AddAttributes(resultAttributes)> 1568 @if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1569 { 1570 <button type="button" class="search__groups-btn dw-mod js-search-groups-btn">@Translate("All")</button> 1571 <ul class="dropdown dropdown--absolute-position dw-mod search__groups-results js-search-groups-list"></ul> 1572 } 1573 1574 <input type="text" class="search__field dw-mod js-search-field" placeholder="@settings.Placeholder" value="@searchValue"> 1575 1576 <div class="dropdown dropdown--absolute-position search__results dw-mod js-search-results @(settings.SecondSearchData != null ? "search__results--combined" : "")"> 1577 @if (settings.SecondSearchData != null) 1578 { 1579 <div class="search__column search__column--products dw-mod"> 1580 <div class="search__column-header dw-mod">@Translate("Products")</div> 1581 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1582 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1583 { 1584 @Render(new Link { 1585 Title = Translate("View all"), 1586 CssClass = "js-view-all-button u-margin", 1587 Href = settings.SearchData.ResultsPageUrl 1588 }); 1589 } 1590 </div> 1591 <div class="search__column search__column--pages dw-mod"> 1592 <div class="search__column-header">@Translate("Pages")</div> 1593 <ul class="search__results-list dw-mod js-search-results-second-list" id="@(settings.Id)_SecondResultsList"></ul> 1594 @if (!string.IsNullOrEmpty(settings.SecondSearchData.ResultsPageUrl)) 1595 { 1596 @Render(new Link 1597 { 1598 Title = Translate("View all"), 1599 CssClass = "js-view-all-button u-margin", 1600 Href = settings.SecondSearchData.ResultsPageUrl 1601 }); 1602 } 1603 </div> 1604 } 1605 else 1606 { 1607 <div class="search__column search__column--only dw-mod"> 1608 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1609 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1610 { 1611 @Render(new Link { 1612 Title = Translate("View all"), 1613 CssClass = "js-view-all-button u-margin", 1614 Href = settings.SearchData.ResultsPageUrl 1615 }); 1616 } 1617 </div> 1618 } 1619 </div> 1620 1621 @if (settings.SearchButton != null) 1622 { 1623 settings.SearchButton.CssClass += " search__btn js-search-btn"; 1624 if (settings.RenderDefaultSearchIcon) 1625 { 1626 settings.SearchButton.Icon = new Icon { Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue }; 1627 } 1628 @Render(settings.SearchButton); 1629 } 1630 </div> 1631 } 1632 @using System.Reflection 1633 @using Dynamicweb.Rapido.Blocks.Components.General 1634 @using Dynamicweb.Rapido.Blocks.Components 1635 1636 1637 @* Component *@ 1638 1639 @helper RenderSelectField(SelectField settings) 1640 { 1641 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1642 { 1643 settings.Id = Guid.NewGuid().ToString("N"); 1644 } 1645 1646 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1647 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1648 { 1649 <div class="u-full-width"> 1650 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1651 @if (settings.Link != null) { 1652 <div class="u-pull--right"> 1653 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1654 @Render(settings.Link) 1655 </div> 1656 } 1657 </div> 1658 } 1659 1660 @if (!string.IsNullOrEmpty(settings.HelpText)) 1661 { 1662 <small class="form__help-text">@settings.HelpText</small> 1663 } 1664 1665 @if (settings.ActionButton != null) 1666 { 1667 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1668 <div class="form__field-combi u-no-margin dw-mod"> 1669 @RenderSelectBase(settings) 1670 @Render(settings.ActionButton) 1671 </div> 1672 } 1673 else 1674 { 1675 @RenderSelectBase(settings) 1676 } 1677 1678 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1679 </div> 1680 } 1681 1682 @helper RenderSelectBase(SelectField settings) 1683 { 1684 var attributes = new Dictionary<string, string>(); 1685 1686 /*base settings*/ 1687 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1688 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1689 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1690 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1691 if (settings.Required) { attributes.Add("required", "true"); } 1692 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1693 /*end*/ 1694 1695 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1696 1697 <select @ComponentMethods.AddAttributes(resultAttributes) class="u-full-width @settings.CssClass dw-mod"> 1698 @if (settings.Default != null) 1699 { 1700 @Render(settings.Default) 1701 } 1702 1703 @foreach (var item in settings.Options) 1704 { 1705 if (settings.Value != null) { 1706 item.Checked = item.Value == settings.Value; 1707 } 1708 @Render(item) 1709 } 1710 </select> 1711 } 1712 @using System.Reflection 1713 @using Dynamicweb.Rapido.Blocks.Components.General 1714 @using Dynamicweb.Rapido.Blocks.Components 1715 1716 @* Component *@ 1717 1718 @helper RenderRadioButtonField(RadioButtonField settings) 1719 { 1720 var attributes = new Dictionary<string, string>(); 1721 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1722 { 1723 settings.Id = Guid.NewGuid().ToString("N"); 1724 } 1725 1726 /*base settings*/ 1727 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1728 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1729 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1730 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1731 if (settings.Required) { attributes.Add("required", "true"); } 1732 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1733 /*end*/ 1734 1735 attributes.Add("type", "radio"); 1736 if (settings.Checked) { attributes.Add("checked", "true"); } 1737 settings.CssClass = "form__control " + settings.CssClass; 1738 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1739 1740 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1741 1742 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1743 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1744 @if (!string.IsNullOrEmpty(settings.Label)) 1745 { 1746 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1747 } 1748 @if (!string.IsNullOrEmpty(settings.HelpText)) 1749 { 1750 <small class="form__help-text">@settings.HelpText</small> 1751 } 1752 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1753 </div> 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 RenderRadioButtonListField(RadioButtonListField settings) 1763 { 1764 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1765 1766 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1767 @if (!string.IsNullOrEmpty(settings.Label)) 1768 { 1769 <label>@settings.Label</label> 1770 } 1771 @if (!string.IsNullOrEmpty(settings.HelpText)) 1772 { 1773 <small class="form__help-text">@settings.HelpText</small> 1774 } 1775 1776 @foreach (var item in settings.Options) 1777 { 1778 if (settings.Required) 1779 { 1780 item.Required = true; 1781 } 1782 if (settings.Disabled) 1783 { 1784 item.Disabled = true; 1785 } 1786 if (!string.IsNullOrEmpty(settings.Name)) 1787 { 1788 item.Name = settings.Name; 1789 } 1790 if (settings.Value != null && settings.Value == item.Value) 1791 { 1792 item.Checked = true; 1793 } 1794 if (!string.IsNullOrEmpty(settings.OnClick)) 1795 { 1796 item.OnClick += settings.OnClick; 1797 } 1798 if (!string.IsNullOrEmpty(settings.OnChange)) 1799 { 1800 item.OnChange += settings.OnChange; 1801 } 1802 if (!string.IsNullOrEmpty(settings.CssClass)) 1803 { 1804 item.CssClass += settings.CssClass; 1805 } 1806 @Render(item) 1807 } 1808 1809 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1810 </div> 1811 } 1812 @using System.Reflection 1813 @using Dynamicweb.Rapido.Blocks.Components.General 1814 @using Dynamicweb.Rapido.Blocks.Components 1815 1816 1817 @* Component *@ 1818 1819 @helper RenderNotificationMessage(NotificationMessage settings) 1820 { 1821 if (!string.IsNullOrEmpty(settings.Message)) 1822 { 1823 var attributes = new Dictionary<string, string>(); 1824 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1825 1826 string messageTypeClass = Enum.GetName(typeof(NotificationMessageType), settings.MessageType).ToLower(); 1827 string messageLayoutClass = Enum.GetName(typeof(NotificationMessageLayout), settings.MessageLayout).ToLower(); 1828 string minHeightClass = settings.Icon != null ? "u-min-h70px" : ""; 1829 1830 <div class="notification-message-@messageTypeClass notification-message-@messageLayoutClass @messageLayoutClass @minHeightClass @settings.CssClass u-full-width dw-mod" @ComponentMethods.AddAttributes(attributes)> 1831 @if (settings.Icon != null) { 1832 settings.Icon.Label = !string.IsNullOrEmpty(settings.Icon.Label) ? settings.Message + settings.Icon.Label : settings.Message; 1833 @Render(settings.Icon) 1834 } else { 1835 @settings.Message 1836 } 1837 </div> 1838 } 1839 } 1840 @using Dynamicweb.Rapido.Blocks.Components.General 1841 1842 1843 @* Component *@ 1844 1845 @helper RenderHandlebarsRoot(HandlebarsRoot settings) { 1846 string preRender = !String.IsNullOrEmpty(settings.PreRenderScriptTemplate) ? "data-pre-render-template=\"" + settings.PreRenderScriptTemplate + "\"" : ""; 1847 1848 <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> 1849 @if (settings.SubBlocks != null) { 1850 @RenderBlockList(settings.SubBlocks) 1851 } 1852 </div> 1853 } 1854 @using System.Reflection 1855 @using Dynamicweb.Rapido.Blocks.Components.General 1856 @using Dynamicweb.Rapido.Blocks.Components 1857 @using System.Text.RegularExpressions 1858 1859 1860 @* Component *@ 1861 1862 @helper RenderSticker(Sticker settings) { 1863 if (!String.IsNullOrEmpty(settings.Title)) { 1864 string size = settings.Size.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Size.ToString().ToLower() : ""; 1865 string style = settings.Style.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Style.ToString().ToLower() : ""; 1866 1867 Dictionary<String, String> optionalAttributes = new Dictionary<string, string>(); 1868 if (!String.IsNullOrEmpty(settings.Color) || !String.IsNullOrEmpty(settings.BackgroundColor)) { 1869 string styleTag = !String.IsNullOrEmpty(settings.Color) ? "color: " + settings.Color + "; " : ""; 1870 styleTag += !String.IsNullOrEmpty(settings.BackgroundColor) ? "background-color: " + settings.BackgroundColor + "; " : ""; 1871 optionalAttributes.Add("style", styleTag); 1872 } 1873 1874 <div class="stickers-container__tag @size @style @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Title</div> 1875 } 1876 } 1877 1878 @using System.Reflection 1879 @using Dynamicweb.Rapido.Blocks.Components.General 1880 @using Dynamicweb.Rapido.Blocks.Components 1881 1882 1883 @* Component *@ 1884 1885 @helper RenderStickersCollection(StickersCollection settings) 1886 { 1887 if (settings.Stickers.Count > 0) 1888 { 1889 string position = "stickers-container--" + Regex.Replace(settings.Position.ToString(), "([a-z])([A-Z])", "$1-$2").ToLower(); 1890 1891 <div class="stickers-container @position @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1892 @foreach (Sticker sticker in settings.Stickers) 1893 { 1894 @Render(sticker) 1895 } 1896 </div> 1897 } 1898 } 1899 1900 @using Dynamicweb.Rapido.Blocks.Components.General 1901 1902 1903 @* Component *@ 1904 1905 @helper RenderForm(Form settings) { 1906 if (settings != null) 1907 { 1908 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 1909 if (!string.IsNullOrEmpty(settings.Action)) { optionalAttributes.Add("action", settings.Action); }; 1910 if (!string.IsNullOrEmpty(settings.Name)) { optionalAttributes.Add("name", settings.Name); }; 1911 if (!string.IsNullOrEmpty(settings.OnSubmit)) { optionalAttributes.Add("onsubmit", settings.OnSubmit); }; 1912 var enctypes = new Dictionary<string, string> 1913 { 1914 { "multipart", "multipart/form-data" }, 1915 { "text", "text/plain" }, 1916 { "application", "application/x-www-form-urlencoded" } 1917 }; 1918 if (settings.Enctype != FormEnctype.none) { optionalAttributes.Add("enctype", enctypes[Enum.GetName(typeof(FormEnctype), settings.Enctype).ToLower()]); }; 1919 optionalAttributes.Add("method", settings.Method.ToString()); 1920 1921 if (!string.IsNullOrEmpty(settings.FormStartMarkup)) 1922 { 1923 @settings.FormStartMarkup 1924 } 1925 else 1926 { 1927 @:<form class="@settings.CssClass u-no-margin dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1928 } 1929 1930 foreach (var field in settings.GetFields()) 1931 { 1932 @Render(field) 1933 } 1934 1935 @:</form> 1936 } 1937 } 1938 @using System.Reflection 1939 @using Dynamicweb.Rapido.Blocks.Components.General 1940 @using Dynamicweb.Rapido.Blocks.Components 1941 1942 1943 @* Component *@ 1944 1945 @helper RenderText(Text settings) 1946 { 1947 @settings.Content 1948 } 1949 @using System.Reflection 1950 @using Dynamicweb.Rapido.Blocks.Components.General 1951 @using Dynamicweb.Rapido.Blocks.Components 1952 1953 1954 @* Component *@ 1955 1956 @helper RenderContentModule(ContentModule settings) { 1957 if (!string.IsNullOrEmpty(settings.Content)) 1958 { 1959 @settings.Content 1960 } 1961 } 1962 @using System.Reflection 1963 @using Dynamicweb.Rapido.Blocks.Components.General 1964 @using Dynamicweb.Rapido.Blocks.Components 1965 1966 1967 @* Component *@ 1968 1969 @helper RenderModal(Modal settings) { 1970 if (settings != null) 1971 { 1972 string modalId = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 1973 1974 string onchange = !string.IsNullOrEmpty(settings.OnClose) ? "onchange=\"if(!this.checked){" + settings.OnClose + "}\"" : ""; 1975 1976 <input type="checkbox" id="@(modalId)ModalTrigger" class="modal-trigger" @onchange /> 1977 1978 <div class="modal-container"> 1979 @if (!settings.DisableDarkOverlay) 1980 { 1981 <label for="@(modalId)ModalTrigger" id="@(modalId)ModalOverlay" class="modal-overlay"></label> 1982 } 1983 <div class="modal modal--@settings.Width.ToString().ToLower() modal-height--@settings.Height.ToString().ToLower()" id="@(modalId)Modal"> 1984 @if (settings.Heading != null) 1985 { 1986 if (!string.IsNullOrEmpty(settings.Heading.Title)) 1987 { 1988 <div class="modal__header"> 1989 @Render(settings.Heading) 1990 </div> 1991 } 1992 } 1993 <div class="modal__body @(settings.Width.ToString().ToLower() == "full" ? "modal__body--full" : "")"> 1994 @if (!string.IsNullOrEmpty(settings.BodyText)) 1995 { 1996 @settings.BodyText 1997 } 1998 @if (settings.BodyTemplate != null) 1999 { 2000 @settings.BodyTemplate 2001 } 2002 @{ 2003 var actions = settings.GetActions(); 2004 } 2005 </div> 2006 @if (actions.Length > 0) 2007 { 2008 <div class="modal__footer"> 2009 @foreach (var action in actions) 2010 { 2011 if (Pageview.Device.ToString() != "Mobile") { 2012 action.CssClass += " u-no-margin"; 2013 } else { 2014 action.CssClass += " u-full-width u-margin-bottom"; 2015 } 2016 2017 @Render(action) 2018 } 2019 </div> 2020 } 2021 <label class="modal__close-btn" for="@(modalId)ModalTrigger"></label> 2022 </div> 2023 </div> 2024 } 2025 } 2026 @using Dynamicweb.Rapido.Blocks.Components.General 2027 2028 @* Component *@ 2029 2030 @helper RenderMediaListItem(MediaListItem settings) 2031 { 2032 <div class="media-list-item @settings.CssClass dw-mod" @(!string.IsNullOrEmpty(settings.Id) ? "id=\"" + settings.Id + "\"" : "")> 2033 @if (!string.IsNullOrEmpty(settings.Label)) 2034 { 2035 if (!string.IsNullOrEmpty(settings.Link)) 2036 { 2037 @Render(new Link 2038 { 2039 Href = settings.Link, 2040 CssClass = "media-list-item__sticker dw-mod", 2041 ButtonLayout = ButtonLayout.None, 2042 Title = settings.Label, 2043 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 2044 }) 2045 } 2046 else if (!string.IsNullOrEmpty(settings.OnClick)) 2047 { 2048 <span class="media-list-item__sticker dw-mod" onclick="@(settings.OnClick)"> 2049 <span class="u-uppercase">@settings.Label</span> 2050 </span> 2051 } 2052 else 2053 { 2054 <span class="media-list-item__sticker media-list-item__sticker--no-link dw-mod"> 2055 <span class="u-uppercase">@settings.Label</span> 2056 </span> 2057 } 2058 } 2059 <div class="media-list-item__wrap"> 2060 <div class="media-list-item__info dw-mod"> 2061 <div class="media-list-item__header dw-mod"> 2062 @if (!string.IsNullOrEmpty(settings.Title)) 2063 { 2064 if (!string.IsNullOrEmpty(settings.Link)) 2065 { 2066 @Render(new Link 2067 { 2068 Href = settings.Link, 2069 CssClass = "media-list-item__name dw-mod", 2070 ButtonLayout = ButtonLayout.None, 2071 Title = settings.Title, 2072 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 2073 }) 2074 } 2075 else if (!string.IsNullOrEmpty(settings.OnClick)) 2076 { 2077 <span class="media-list-item__name dw-mod" onclick="@(settings.OnClick)">@settings.Title</span> 2078 } 2079 else 2080 { 2081 <span class="media-list-item__name media-list-item__name--no-link dw-mod">@settings.Title</span> 2082 } 2083 } 2084 2085 @if (!string.IsNullOrEmpty(settings.Status)) 2086 { 2087 <div class="media-list-item__state dw-mod">@settings.Status</div> 2088 } 2089 </div> 2090 @{ 2091 settings.InfoTable.CssClass += " media-list-item__parameters-table"; 2092 } 2093 2094 @Render(settings.InfoTable) 2095 </div> 2096 <div class="media-list-item__actions dw-mod"> 2097 <div class="media-list-item__actions-list dw-mod"> 2098 @{ 2099 var actions = settings.GetActions(); 2100 2101 foreach (ButtonBase action in actions) 2102 { 2103 action.ButtonLayout = ButtonLayout.None; 2104 action.CssClass += " media-list-item__action link"; 2105 2106 @Render(action) 2107 } 2108 } 2109 </div> 2110 2111 @if (settings.SelectButton != null && !string.IsNullOrEmpty(settings.SelectButton.Title)) 2112 { 2113 settings.SelectButton.CssClass += " u-no-margin"; 2114 2115 <div class="media-list-item__action-button"> 2116 @Render(settings.SelectButton) 2117 </div> 2118 } 2119 </div> 2120 </div> 2121 </div> 2122 } 2123 @using Dynamicweb.Rapido.Blocks.Components.General 2124 @using Dynamicweb.Rapido.Blocks.Components 2125 2126 @helper RenderTable(Table settings) 2127 { 2128 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2129 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2130 2131 var enumToClasses = new Dictionary<TableDesign, string> 2132 { 2133 { TableDesign.Clean, "table--clean" }, 2134 { TableDesign.Bordered, "table--bordered" }, 2135 { TableDesign.Striped, "table--striped" }, 2136 { TableDesign.Hover, "table--hover" }, 2137 { TableDesign.Compact, "table--compact" }, 2138 { TableDesign.Condensed, "table--condensed" }, 2139 { TableDesign.NoTopBorder, "table--no-top-border" } 2140 }; 2141 string tableDesignClass = ""; 2142 if (settings.Design != TableDesign.None) 2143 { 2144 tableDesignClass = enumToClasses[settings.Design]; 2145 } 2146 2147 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableDesign.None) { attributes.Add("class", "table " + tableDesignClass + " " + settings.CssClass + " dw-mod"); } 2148 2149 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2150 2151 <table @ComponentMethods.AddAttributes(resultAttributes)> 2152 @if (settings.Header != null) 2153 { 2154 <thead> 2155 @Render(settings.Header) 2156 </thead> 2157 } 2158 <tbody> 2159 @foreach (var row in settings.Rows) 2160 { 2161 @Render(row) 2162 } 2163 </tbody> 2164 @if (settings.Footer != null) 2165 { 2166 <tfoot> 2167 @Render(settings.Footer) 2168 </tfoot> 2169 } 2170 </table> 2171 } 2172 @using Dynamicweb.Rapido.Blocks.Components.General 2173 @using Dynamicweb.Rapido.Blocks.Components 2174 2175 @helper RenderTableRow(TableRow settings) 2176 { 2177 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2178 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2179 2180 var enumToClasses = new Dictionary<TableRowDesign, string> 2181 { 2182 { TableRowDesign.NoBorder, "table__row--no-border" }, 2183 { TableRowDesign.Border, "table__row--border" }, 2184 { TableRowDesign.TopBorder, "table__row--top-line" }, 2185 { TableRowDesign.BottomBorder, "table__row--bottom-line" }, 2186 { TableRowDesign.Solid, "table__row--solid" } 2187 }; 2188 2189 string tableRowDesignClass = ""; 2190 if (settings.Design != TableRowDesign.None) 2191 { 2192 tableRowDesignClass = enumToClasses[settings.Design]; 2193 } 2194 2195 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableRowDesign.None) { attributes.Add("class", "table__row " + tableRowDesignClass + " " + settings.CssClass + " dw-mod"); } 2196 2197 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2198 2199 <tr @ComponentMethods.AddAttributes(resultAttributes)> 2200 @foreach (var cell in settings.Cells) 2201 { 2202 if (settings.IsHeaderRow) 2203 { 2204 cell.IsHeader = true; 2205 } 2206 @Render(cell) 2207 } 2208 </tr> 2209 } 2210 @using Dynamicweb.Rapido.Blocks.Components.General 2211 @using Dynamicweb.Rapido.Blocks.Components 2212 @using Dynamicweb.Core 2213 2214 @helper RenderTableCell(TableCell settings) 2215 { 2216 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2217 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2218 if (settings.Colspan != 0) { attributes.Add("colspan", Converter.ToString(settings.Colspan)); } 2219 if (settings.Rowspan != 0) { attributes.Add("rowspan", Converter.ToString(settings.Rowspan)); } 2220 if (!string.IsNullOrEmpty(settings.CssClass)) { attributes.Add("class", settings.CssClass + " dw-mod"); } 2221 2222 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2223 2224 string tagName = settings.IsHeader ? "th" : "td"; 2225 2226 @("<" + tagName + " " + ComponentMethods.AddAttributes(resultAttributes) + ">") 2227 @settings.Content 2228 @("</" + tagName + ">"); 2229 } 2230 @using System.Linq 2231 @using Dynamicweb.Rapido.Blocks.Components.General 2232 2233 @* Component *@ 2234 2235 @helper RenderPagination(Dynamicweb.Rapido.Blocks.Components.General.Pagination settings) 2236 { 2237 var pageNumberQueryStringName = Dynamicweb.Rapido.Services.Pagination.GetPageNumberQueryStringName(settings); // Get the proper 'page number' query string parameter 2238 var queryParameters = Dynamicweb.Rapido.Services.Url.GetQueryParameters(pageNumberQueryStringName); // Get the NameValueCollection from the querystring 2239 2240 if (settings.NumberOfPages > 1) 2241 { 2242 string url = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority) + "/Default.aspx"; 2243 string ariaLabel = !string.IsNullOrWhiteSpace(settings.AriaLabel) ? settings.AriaLabel : Translate("Page navigation"); 2244 Dictionary<string, int> startAndEndPageNumber = Dynamicweb.Rapido.Services.Pagination.GetStartAndEndPageNumber(settings); 2245 2246 <div class="pager u-margin-top dw-mod @settings.CssClass" aria-label="@ariaLabel"> 2247 @if (settings.ShowPagingInfo) 2248 { 2249 <div class="pager__info dw-mod"> 2250 @Translate("Page") @settings.CurrentPageNumber @Translate("of") @settings.NumberOfPages 2251 </div> 2252 } 2253 <ul class="pager__list dw-mod"> 2254 @if (!string.IsNullOrWhiteSpace(settings.FirstPageUrl) && settings.ShowFirstAndLastControls) 2255 { 2256 @Render(new PaginationItem { Link = settings.FirstPageUrl, Icon = settings.FirstIcon }) 2257 } 2258 @if (!string.IsNullOrWhiteSpace(settings.PreviousPageUrl) && settings.ShowNextAndPrevControls) 2259 { 2260 @Render(new PaginationItem { Link = settings.PreviousPageUrl, Icon = settings.PrevIcon }) 2261 } 2262 @if (settings.GetPages().Any()) 2263 { 2264 foreach (var page in settings.GetPages()) 2265 { 2266 @Render(page) 2267 } 2268 } 2269 else 2270 { 2271 for (var page = startAndEndPageNumber["StartPage"]; page <= startAndEndPageNumber["EndPage"]; page++) 2272 { 2273 queryParameters = Dynamicweb.Rapido.Services.Url.UpdateQueryStringParameter(queryParameters, pageNumberQueryStringName, page.ToString()); 2274 @Render(new PaginationItem { Label = page.ToString(), Link = Dynamicweb.Rapido.Services.Url.BuildUri(url, queryParameters).PathAndQuery, IsActive = (settings.CurrentPageNumber == page) }); 2275 } 2276 } 2277 @if (!string.IsNullOrWhiteSpace(settings.NextPageUrl) && settings.ShowNextAndPrevControls) 2278 { 2279 @Render(new PaginationItem { Link = settings.NextPageUrl, Icon = settings.NextIcon }) 2280 } 2281 @if (!string.IsNullOrWhiteSpace(settings.LastPageUrl) && settings.ShowFirstAndLastControls) 2282 { 2283 @Render(new PaginationItem { Link = settings.LastPageUrl, Icon = settings.LastIcon }) 2284 } 2285 </ul> 2286 </div> 2287 } 2288 } 2289 2290 @helper RenderPaginationItem(PaginationItem settings) 2291 { 2292 if (settings.Icon == null) 2293 { 2294 settings.Icon = new Icon(); 2295 } 2296 2297 settings.Icon.Label = settings.Label; 2298 <li class="pager__btn dw-mod"> 2299 @if (settings.IsActive) 2300 { 2301 <span class="pager__num pager__num--current dw-mod"> 2302 @Render(settings.Icon) 2303 </span> 2304 } 2305 else 2306 { 2307 <a href="@settings.Link" class="pager__num dw-mod"> 2308 @Render(settings.Icon) 2309 </a> 2310 } 2311 </li> 2312 } 2313 2314 2315 @using Dynamicweb.Rapido.Blocks.Components.General 2316 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 2317 2318 2319 2320 2321 2322 @functions { 2323 public string GenerateRgba(string color, string opacity) 2324 { 2325 color = color.Replace("#", ""); 2326 if (color.Length == 6) 2327 { 2328 return "rgba(" + Convert.ToInt32(color.Substring(0, 2), 16) + ", " + Convert.ToInt32(color.Substring(2, 2), 16) + ", " + Convert.ToInt32(color.Substring(4, 2), 16) + ", " + opacity + ");"; 2329 } 2330 else 2331 { 2332 return Convert.ToInt16(color).ToString(); 2333 } 2334 } 2335 } 2336 2337 @{ 2338 string link = !string.IsNullOrEmpty(Model.Item.GetString("Link")) ? Model.Item.GetString("Link") : ""; 2339 string linkTarget = link.Contains("http") || link.Contains(".pdf") ? "_blank" : "_self"; 2340 } 2341 2342 @if (!string.IsNullOrEmpty(link)) 2343 { 2344 @*<a href="@link" target="@linkTarget" class="u-overlay">*@ 2345 <div class="paragraph-image-link-wrapper"> 2346 <a href="@link" target="@linkTarget"> 2347 @RenderTheContent() 2348 </a> 2349 </div> 2350 } 2351 else 2352 { 2353 @RenderTheContent() 2354 } 2355 2356 2357 @helper RenderTheContent() 2358 { 2359 string innerPadding = Model.Item.GetList("Padding") != null ? " padding-size-" + Model.Item.GetList("Padding").SelectedValue.ToLower() : ""; 2360 innerPadding += Model.Item.GetList("PaddingPosition") != null ? " padding-position-" + Model.Item.GetList("PaddingPosition").SelectedValue.ToLower() : ""; 2361 2362 if (!string.IsNullOrEmpty(Model.Item.GetString("Image"))) 2363 { 2364 int width = Model.Item.GetString("ImageWidth") != null ? Model.Item.GetInt32("ImageWidth") : 100; 2365 string styleSetting = Model.Item.GetString("ImageStyle") != null ? Model.Item.GetList("ImageStyle").SelectedValue : ""; 2366 ImageStyle style = ImageStyle.None; 2367 style = styleSetting == "ball" ? style = ImageStyle.Ball : style; 2368 style = styleSetting == "triangle" ? style = ImageStyle.Triangle : style; 2369 var file = Model.Item.GetFile("Image"); 2370 2371 Image image = new Image 2372 { 2373 Path = file, 2374 Style = style, 2375 CssClass = "background-image__cover", 2376 ImageDefault = new ImageSettings 2377 { 2378 Crop = 5, 2379 Width = width 2380 } 2381 }; 2382 2383 if (styleSetting == "square") 2384 { 2385 image.ImageDefault.Crop = 0; 2386 image.ImageDefault.Height = image.ImageDefault.Width; 2387 } 2388 2389 string imageAltText = ""; 2390 if (!string.IsNullOrWhiteSpace(Model.Item.GetString("ImageAltText"))) 2391 { 2392 imageAltText = Model.Item.GetString("ImageAltText"); 2393 } 2394 2395 string imageTitleText = ""; 2396 if (!string.IsNullOrWhiteSpace(Model.Item.GetString("ImageTitleText"))) 2397 { 2398 imageTitleText = Model.Item.GetString("ImageTitleText"); 2399 } 2400 2401 <div class="paragraph-image"> 2402 @RenderWithAltAndTitle(image, imageAltText, imageTitleText) 2403 </div> 2404 } 2405 2406 <div class="u-full-width u-padding-top dw-mod"> 2407 @if (!string.IsNullOrEmpty(Model.Item.GetString("Title")) || !string.IsNullOrEmpty(Model.Item.GetString("Text"))) 2408 { 2409 <div class="u-margin-bottom--lg"> 2410 @if (!Model.Item.GetBoolean("HideTitle")) 2411 { 2412 @Render(new Heading { Title = Model.Item.GetString("Title"), Level = 2, CssClass = "u-no-margin" }) 2413 } 2414 @Render(new Text { Content = Model.Item.GetString("Text") }) 2415 </div> 2416 } 2417 </div> 2418 2419 if (!string.IsNullOrEmpty(Model.Item.GetItem("ButtonOne").GetString("Title"))) 2420 { 2421 <div class="buttons-collection u-block dw-mod"> 2422 @ParagraphButton(Model.Item.GetItem("ButtonOne")) 2423 </div> 2424 } 2425 } 2426 2427 2428 @helper ParagraphButton(ItemViewModel item) 2429 { 2430 if (item != null) 2431 { 2432 if (!string.IsNullOrEmpty(item.GetString("Title"))) 2433 { 2434 Button button = new Button 2435 { 2436 Title = item.GetString("Title"), 2437 Href = item.GetString("Link"), 2438 ButtonLayout = (ButtonLayout)System.Enum.Parse(typeof(ButtonLayout), char.ToUpper(item.GetList("Layout").SelectedValue[0]) + item.GetList("Layout").SelectedValue.Substring(1)) 2439 }; 2440 2441 if (!string.IsNullOrEmpty(item.GetString("Icon"))) 2442 { 2443 button.Icon = new Icon 2444 { 2445 CssClass = item.GetString("Icon") 2446 }; 2447 } 2448 2449 @Render(button) 2450 } 2451 } 2452 } 2453 2454 2455 2456 2457 2458
Error executing template "Designs/Rapido/ContentPage/Paragraph/StandardParagraphThree.cshtml" Microsoft.CSharp.RuntimeBinder.RuntimeBinderException: Cannot perform runtime binding on a null reference at CallSite.Target(Closure , CallSite , Object ) at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<>c__DisplayClass19_0.<RenderTheImage>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 924 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<>c__DisplayClass18_0.<RenderWithAltAndTitle>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 860 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<RenderTheContent>b__48_0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 2402 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.Execute() in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 2347 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 Dynamicweb.Frontend 3 @using Dynamicweb.Rapido.Blocks.Components 4 @using Dynamicweb.Rapido.Blocks.Components.General 5 6 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel> 7 @using Dynamicweb.Frontend 8 9 @* Include the components *@ 10 @using System.Text.RegularExpressions 11 @using System.Collections.Generic 12 @using System.Reflection 13 @using System.Web 14 @using System.Web.UI.HtmlControls 15 @using Dynamicweb.Rapido.Blocks.Components 16 @using Dynamicweb.Rapido.Blocks.Components.Articles 17 @using Dynamicweb.Rapido.Blocks.Components.Documentation 18 @using Dynamicweb.Rapido.Blocks 19 20 21 @*--- START: Base block renderers ---*@ 22 23 @helper RenderBlockList(List<Block> blocks) 24 { 25 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 26 blocks = blocks.OrderBy(item => item.SortId).ToList(); 27 28 foreach (Block item in blocks) 29 { 30 if (debug) { 31 <!-- Block START: @item.Id --> 32 } 33 34 if (item.Design == null) 35 { 36 @RenderBlock(item) 37 } 38 else if (item.Design.RenderType == RenderType.None) { 39 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 40 41 <div class="@cssClass dw-mod"> 42 @RenderBlock(item) 43 </div> 44 } 45 else if (item.Design.RenderType != RenderType.Hide) 46 { 47 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 48 49 if (!item.SkipRenderBlocksList) { 50 if (item.Design.RenderType == RenderType.Row) 51 { 52 <div class="grid grid--align-content-start @cssClass dw-mod" id="Block__@item.Id"> 53 @RenderBlock(item) 54 </div> 55 } 56 57 if (item.Design.RenderType == RenderType.Column) 58 { 59 string hidePadding = item.Design.HidePadding ? "u-no-padding" : ""; 60 string size = item.Design.Size ?? "12"; 61 size = Regex.IsMatch(size, @"\d") ? "md-" + item.Design.Size : item.Design.Size; 62 63 <div class="grid__col-lg-@item.Design.Size grid__col-md-@item.Design.Size grid__col-sm-12 grid__col-xs-12 @hidePadding @cssClass dw-mod" id="Block__@item.Id"> 64 @RenderBlock(item) 65 </div> 66 } 67 68 if (item.Design.RenderType == RenderType.Table) 69 { 70 <table class="table @cssClass dw-mod" id="Block__@item.Id"> 71 @RenderBlock(item) 72 </table> 73 } 74 75 if (item.Design.RenderType == RenderType.TableRow) 76 { 77 <tr class="@cssClass dw-mod" id="Block__@item.Id"> 78 @RenderBlock(item) 79 </tr> 80 } 81 82 if (item.Design.RenderType == RenderType.TableColumn) 83 { 84 <td class="@cssClass dw-mod" id="Block__@item.Id"> 85 @RenderBlock(item) 86 </td> 87 } 88 89 if (item.Design.RenderType == RenderType.CardHeader) 90 { 91 <div class="card-header @cssClass dw-mod"> 92 @RenderBlock(item) 93 </div> 94 } 95 96 if (item.Design.RenderType == RenderType.CardBody) 97 { 98 <div class="card @cssClass dw-mod"> 99 @RenderBlock(item) 100 </div> 101 } 102 103 if (item.Design.RenderType == RenderType.CardFooter) 104 { 105 <div class="card-footer @cssClass dw-mod"> 106 @RenderBlock(item) 107 </div> 108 } 109 } 110 else 111 { 112 @RenderBlock(item) 113 } 114 } 115 116 if (debug) { 117 <!-- Block END: @item.Id --> 118 } 119 } 120 } 121 122 @helper RenderBlock(Block item) 123 { 124 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 125 126 if (item.Template != null) 127 { 128 @BlocksPage.RenderTemplate(item.Template) 129 } 130 131 if (item.Component != null) 132 { 133 string customSufix = "Custom"; 134 string methodName = item.Component.HelperName; 135 136 ComponentBase[] methodParameters = new ComponentBase[1]; 137 methodParameters[0] = item.Component; 138 Type methodType = this.GetType(); 139 140 MethodInfo customMethod = methodType.GetMethod(methodName + customSufix); 141 MethodInfo generalMethod = methodType.GetMethod(methodName); 142 143 try { 144 if (debug) { 145 <!-- Component: @methodName.Replace("Render", "") --> 146 } 147 @customMethod.Invoke(this, methodParameters).ToString(); 148 } catch { 149 try { 150 @generalMethod.Invoke(this, methodParameters).ToString(); 151 } catch(Exception ex) { 152 throw new Exception(item.Component.GetType().Name + " method '" + methodName +"' could not be invoked", ex); 153 } 154 } 155 } 156 157 if (item.BlocksList.Count > 0 && !item.SkipRenderBlocksList) 158 { 159 @RenderBlockList(item.BlocksList) 160 } 161 } 162 163 @*--- END: Base block renderers ---*@ 164 165 @using Dynamicweb.Rapido.Blocks.Components 166 @using Dynamicweb.Rapido.Blocks.Components.General 167 @using Dynamicweb.Rapido.Blocks 168 @using System.IO 169 170 @* Required *@ 171 @using Dynamicweb.Rapido.Blocks.Components 172 @using Dynamicweb.Rapido.Blocks.Components.General 173 @using Dynamicweb.Rapido.Blocks 174 175 176 @helper Render(ComponentBase component) 177 { 178 if (component != null) 179 { 180 @component.Render(this) 181 } 182 } 183 184 @* Components *@ 185 @using System.Reflection 186 @using Dynamicweb.Rapido.Blocks.Components.General 187 188 189 @* Component *@ 190 191 @helper RenderIcon(Icon settings) 192 { 193 if (settings != null) 194 { 195 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 196 197 if (settings.Name != null) 198 { 199 if (string.IsNullOrEmpty(settings.Label)) 200 { 201 <i class="@settings.Prefix @settings.Name @settings.CssClass" @color></i> 202 } 203 else 204 { 205 if (settings.LabelPosition == IconLabelPosition.Before) 206 { 207 <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> 208 } 209 else 210 { 211 <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> 212 } 213 } 214 } 215 else if (!string.IsNullOrEmpty(settings.Label)) 216 { 217 @settings.Label 218 } 219 } 220 } 221 @using System.Reflection 222 @using Dynamicweb.Rapido.Blocks.Components.General 223 @using Dynamicweb.Rapido.Blocks.Components 224 @using Dynamicweb.Core 225 226 @* Component *@ 227 228 @helper RenderButton(Button settings) 229 { 230 if (settings != null && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 231 { 232 Dictionary<string, string> attributes = new Dictionary<string, string>(); 233 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 234 if (settings.Disabled) { 235 attributes.Add("disabled", "true"); 236 classList.Add("disabled"); 237 } 238 239 if (!string.IsNullOrEmpty(settings.ConfirmText) || !string.IsNullOrEmpty(settings.ConfirmTitle)) 240 { 241 settings.Id = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 242 @RenderConfirmDialog(settings); 243 settings.OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = true"; 244 } 245 246 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 247 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 248 if (!string.IsNullOrEmpty(settings.AltText)) 249 { 250 attributes.Add("title", settings.AltText); 251 } 252 else if (!string.IsNullOrEmpty(settings.Title)) 253 { 254 string cleanTitle = Regex.Replace(settings.Title, "<.*?>", String.Empty); 255 cleanTitle = cleanTitle.Replace(" ", " "); 256 attributes.Add("title", cleanTitle); 257 } 258 259 var onClickEvents = new List<string>(); 260 if (!string.IsNullOrEmpty(settings.OnClick)) 261 { 262 onClickEvents.Add(settings.OnClick); 263 } 264 if (!string.IsNullOrEmpty(settings.Href)) 265 { 266 onClickEvents.Add("location.href='" + settings.Href + "'"); 267 } 268 if (onClickEvents.Count > 0) 269 { 270 attributes.Add("onClick", string.Join(";", onClickEvents)); 271 } 272 273 if (settings.ButtonLayout != ButtonLayout.None) 274 { 275 classList.Add("btn"); 276 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 277 if (btnLayout == "linkclean") 278 { 279 btnLayout = "link-clean"; //fix 280 } 281 classList.Add("btn--" + btnLayout); 282 } 283 284 if (settings.Icon == null) 285 { 286 settings.Icon = new Icon(); 287 } 288 289 settings.Icon.CssClass += Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower() != "linkclean" ? " u-flex--align-center" : ""; 290 settings.Icon.Label = settings.Title; 291 292 attributes.Add("type", Enum.GetName(typeof(ButtonType), settings.ButtonType).ToLower()); 293 294 <button class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</button> 295 } 296 } 297 298 @helper RenderConfirmDialog(Button settings) 299 { 300 Modal confirmDialog = new Modal { 301 Id = settings.Id, 302 Width = ModalWidth.Sm, 303 Heading = new Heading 304 { 305 Level = 2, 306 Title = settings.ConfirmTitle 307 }, 308 BodyText = settings.ConfirmText 309 }; 310 311 confirmDialog.AddAction(new Button { Title = Translate("Cancel"), ButtonLayout = ButtonLayout.Secondary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false"}); 312 confirmDialog.AddAction(new Button { Title = Translate("OK"), ButtonLayout = ButtonLayout.Primary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false;" + settings.OnClick }); 313 314 @Render(confirmDialog) 315 } 316 @using Dynamicweb.Rapido.Blocks.Components.General 317 @using Dynamicweb.Rapido.Blocks.Components 318 @using Dynamicweb.Core 319 320 @helper RenderDashboard(Dashboard settings) 321 { 322 var widgets = settings.GetWidgets(); 323 324 if (!string.IsNullOrEmpty(settings.WidgetsBaseBackgroundColor)) 325 { 326 //set bg color for them 327 328 System.Drawing.Color color = System.Drawing.ColorTranslator.FromHtml(settings.WidgetsBaseBackgroundColor); 329 int r = Convert.ToInt16(color.R); 330 int g = Convert.ToInt16(color.G); 331 int b = Convert.ToInt16(color.B); 332 333 var count = widgets.Length; 334 var max = Math.Max(r, Math.Max(g, b)); 335 double step = 255.0 / (max * count); 336 var i = 0; 337 foreach (var widget in widgets) 338 { 339 i++; 340 341 var shade = "rgb(" + Converter.ToString(r * step * i).Replace(",", ".") + ", " + Converter.ToString(g * step * i).Replace(",", ".") + ", " + Converter.ToString(b * step * i).Replace(",", ".") + ")"; 342 widget.BackgroundColor = shade; 343 } 344 } 345 346 <div class="dashboard @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 347 @foreach (var widget in widgets) 348 { 349 <div class="dashboard__widget"> 350 @Render(widget) 351 </div> 352 } 353 </div> 354 } 355 @using Dynamicweb.Rapido.Blocks.Components.General 356 @using Dynamicweb.Rapido.Blocks.Components 357 358 @helper RenderDashboardWidgetLink(DashboardWidgetLink settings) 359 { 360 if (!string.IsNullOrEmpty(settings.Link)) 361 { 362 var backgroundStyles = ""; 363 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 364 { 365 backgroundStyles = "style=\"background-color:" + settings.BackgroundColor + "\""; 366 } 367 368 <a href="@settings.Link" class="widget widget--link @settings.CssClass dw-mod" @backgroundStyles title="@settings.Title" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 369 <div class="u-center-middle u-color-light"> 370 @if (settings.Icon != null) 371 { 372 settings.Icon.CssClass += "widget__icon"; 373 @Render(settings.Icon) 374 } 375 <div class="widget__title">@settings.Title</div> 376 </div> 377 </a> 378 } 379 } 380 @using Dynamicweb.Rapido.Blocks.Components.General 381 @using Dynamicweb.Rapido.Blocks.Components 382 383 @helper RenderDashboardWidgetCounter(DashboardWidgetCounter settings) 384 { 385 var backgroundStyles = ""; 386 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 387 { 388 backgroundStyles = "style='background-color:" + settings.BackgroundColor + "'"; 389 } 390 391 <div class="widget @settings.CssClass dw-mod" @backgroundStyles @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 392 <div class="u-center-middle u-color-light"> 393 @if (settings.Icon != null) 394 { 395 settings.Icon.CssClass += "widget__icon"; 396 @Render(settings.Icon) 397 } 398 <div class="widget__counter">@settings.Count</div> 399 <div class="widget__title">@settings.Title</div> 400 </div> 401 </div> 402 } 403 @using System.Reflection 404 @using Dynamicweb.Rapido.Blocks.Components.General 405 @using Dynamicweb.Rapido.Blocks.Components 406 @using Dynamicweb.Core 407 408 @* Component *@ 409 410 @helper RenderLink(Link settings) 411 { 412 if (settings != null && !string.IsNullOrEmpty(settings.Href) && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 413 { 414 Dictionary<string, string> attributes = new Dictionary<string, string>(); 415 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 416 if (settings.Disabled) 417 { 418 attributes.Add("disabled", "true"); 419 classList.Add("disabled"); 420 } 421 422 if (!string.IsNullOrEmpty(settings.AltText)) 423 { 424 attributes.Add("title", settings.AltText); 425 } 426 else if (!string.IsNullOrEmpty(settings.Title)) 427 { 428 attributes.Add("title", settings.Title); 429 } 430 431 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 432 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 433 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onClick", settings.OnClick); } 434 attributes.Add("href", settings.Href); 435 436 if (settings.ButtonLayout != ButtonLayout.None) 437 { 438 classList.Add("btn"); 439 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 440 if (btnLayout == "linkclean") 441 { 442 btnLayout = "link-clean"; //fix 443 } 444 classList.Add("btn--" + btnLayout); 445 } 446 447 if (settings.Icon == null) 448 { 449 settings.Icon = new Icon(); 450 } 451 settings.Icon.Label = settings.Title; 452 453 if (settings.Target == LinkTargetType.Blank && settings.Rel == LinkRelType.None) 454 { 455 settings.Rel = LinkRelType.Noopener; 456 } 457 if (settings.Target != LinkTargetType.None) 458 { 459 attributes.Add("target", "_" + Enum.GetName(typeof(LinkTargetType), settings.Target).ToLower()); 460 } 461 if (settings.Download) 462 { 463 attributes.Add("download", "true"); 464 } 465 if (settings.Rel != LinkRelType.None) 466 { 467 attributes.Add("rel", Enum.GetName(typeof(LinkRelType), settings.Rel).ToLower()); 468 } 469 470 <a class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</a> 471 } 472 } 473 @using System.Reflection 474 @using Dynamicweb.Rapido.Blocks.Components 475 @using Dynamicweb.Rapido.Blocks.Components.General 476 @using Dynamicweb.Rapido.Blocks 477 478 479 @* Component *@ 480 481 @helper RenderRating(Rating settings) 482 { 483 if (settings.Score > 0) 484 { 485 int rating = settings.Score; 486 string iconType = "fa-star"; 487 488 switch (settings.Type.ToString()) { 489 case "Stars": 490 iconType = "fa-star"; 491 break; 492 case "Hearts": 493 iconType = "fa-heart"; 494 break; 495 case "Lemons": 496 iconType = "fa-lemon"; 497 break; 498 case "Bombs": 499 iconType = "fa-bomb"; 500 break; 501 } 502 503 <div class="u-ta-right"> 504 @for (int i = 0; i < settings.OutOf; i++) 505 { 506 <i class="@(rating > i ? "fas" : "far") @iconType"></i> 507 } 508 </div> 509 } 510 } 511 @using System.Reflection 512 @using Dynamicweb.Rapido.Blocks.Components.General 513 @using Dynamicweb.Rapido.Blocks.Components 514 515 516 @* Component *@ 517 518 @helper RenderSelectFieldOption(SelectFieldOption settings) 519 { 520 Dictionary<string, string> attributes = new Dictionary<string, string>(); 521 if (settings.Checked) { attributes.Add("selected", "true"); } 522 if (settings.Disabled) { attributes.Add("disabled", "true"); } 523 if (settings.Value != null) { attributes.Add("value", settings.Value); } 524 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 525 526 <option @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Label</option> 527 } 528 @using System.Reflection 529 @using Dynamicweb.Rapido.Blocks.Components.General 530 @using Dynamicweb.Rapido.Blocks.Components 531 532 533 @* Component *@ 534 535 @helper RenderNavigation(Navigation settings) { 536 @RenderNavigation(new 537 { 538 id = settings.Id, 539 cssclass = settings.CssClass, 540 startLevel = settings.StartLevel, 541 endlevel = settings.EndLevel, 542 expandmode = settings.Expandmode, 543 sitemapmode = settings.SitemapMode, 544 template = settings.Template 545 }) 546 } 547 @using Dynamicweb.Rapido.Blocks.Components.General 548 @using Dynamicweb.Rapido.Blocks.Components 549 550 551 @* Component *@ 552 553 @helper RenderBreadcrumbNavigation(BreadcrumbNavigation settings) { 554 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 555 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 556 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 557 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 558 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 559 settings.SitemapMode = false; 560 561 @RenderNavigation(settings) 562 } 563 @using Dynamicweb.Rapido.Blocks.Components.General 564 @using Dynamicweb.Rapido.Blocks.Components 565 566 567 @* Component *@ 568 569 @helper RenderLeftNavigation(LeftNavigation settings) { 570 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 571 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 572 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 573 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 574 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 575 576 <div class="grid__cell"> 577 @RenderNavigation(settings) 578 </div> 579 } 580 @using System.Reflection 581 @using Dynamicweb.Rapido.Blocks.Components.General 582 @using Dynamicweb.Core 583 584 @* Component *@ 585 586 @helper RenderHeading(Heading settings) 587 { 588 if (settings != null && !string.IsNullOrEmpty(settings.Title)) 589 { 590 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 591 string tagName = settings.Level != 0 ? "h" + settings.Level.ToString() : "div"; 592 593 @("<" + tagName + " class=\"" + settings.CssClass + " dw-mod\" " + color + ">") 594 if (!string.IsNullOrEmpty(settings.Link)) 595 { 596 @Render(new Link { Href = settings.Link, Icon = settings.Icon, Title = settings.Title, ButtonLayout = ButtonLayout.None }) 597 } 598 else 599 { 600 if (settings.Icon == null) 601 { 602 settings.Icon = new Icon(); 603 } 604 settings.Icon.Label = settings.Title; 605 @Render(settings.Icon) 606 } 607 @("</" + tagName + ">"); 608 } 609 } 610 @using Dynamicweb.Rapido.Blocks.Components 611 @using Dynamicweb.Rapido.Blocks.Components.General 612 @using Dynamicweb.Rapido.Blocks 613 614 615 @* Component *@ 616 617 @helper RenderImage(Image settings) 618 { 619 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 620 { 621 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 622 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 623 624 if (settings.Caption != null) 625 { 626 @:<div> 627 } 628 629 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 630 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 631 632 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 633 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 634 @if (settings.Link != null) 635 { 636 <a href="@settings.Link"> 637 @RenderTheImage(settings) 638 </a> 639 } 640 else 641 { 642 @RenderTheImage(settings) 643 } 644 </div> 645 </div> 646 647 if (settings.Caption != null) 648 { 649 <span class="image-caption dw-mod">@settings.Caption</span> 650 @:</div> 651 } 652 } 653 else 654 { 655 if (settings.Caption != null) 656 { 657 @:<div> 658 } 659 if (!string.IsNullOrEmpty(settings.Link)) 660 { 661 <a href="@settings.Link"> 662 @RenderTheImage(settings) 663 </a> 664 } 665 else 666 { 667 @RenderTheImage(settings) 668 } 669 670 if (settings.Caption != null) 671 { 672 <span class="image-caption dw-mod">@settings.Caption</span> 673 @:</div> 674 } 675 } 676 } 677 678 @helper RenderTheImage(Image settings) 679 { 680 if (settings != null) 681 { 682 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 683 string placeholderImage = "/Files/Images/placeholder.gif"; 684 string imageEngine = "/Admin/Public/GetImage.ashx?"; 685 686 string imageStyle = ""; 687 688 switch (settings.Style) 689 { 690 case ImageStyle.Ball: 691 imageStyle = "grid__cell-img--ball"; 692 break; 693 694 case ImageStyle.Triangle: 695 imageStyle = "grid__cell-img--triangle"; 696 break; 697 } 698 699 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 700 { 701 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 702 703 if (settings.ImageDefault != null) 704 { 705 settings.ImageDefault.Height = settings.ImageDefault.Width; 706 } 707 if (settings.ImageMedium != null) 708 { 709 settings.ImageMedium.Height = settings.ImageMedium.Width; 710 } 711 if (settings.ImageSmall != null) 712 { 713 settings.ImageSmall.Height = settings.ImageSmall.Width; 714 } 715 } 716 717 string defaultImage = imageEngine; 718 string imageSmall = ""; 719 string imageMedium = ""; 720 721 if (settings.DisableImageEngine) 722 { 723 defaultImage = settings.Path; 724 } 725 else 726 { 727 if (settings.ImageDefault != null) 728 { 729 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 730 731 if (settings.Path.GetType() != typeof(string)) 732 { 733 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 734 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 735 } 736 else 737 { 738 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 739 } 740 741 defaultImage += "&AlternativeImage=" + alternativeImage; 742 } 743 744 if (settings.ImageSmall != null) 745 { 746 imageSmall = "data-src-small=\"" + imageEngine; 747 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 748 749 if (settings.Path.GetType() != typeof(string)) 750 { 751 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 752 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 753 } 754 else 755 { 756 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 757 } 758 759 imageSmall += "&alternativeImage=" + alternativeImage; 760 761 imageSmall += "\""; 762 } 763 764 if (settings.ImageMedium != null) 765 { 766 imageMedium = "data-src-medium=\"" + imageEngine; 767 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 768 769 if (settings.Path.GetType() != typeof(string)) 770 { 771 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 772 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 773 } 774 else 775 { 776 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 777 } 778 779 imageMedium += "&alternativeImage=" + alternativeImage; 780 781 imageMedium += "\""; 782 } 783 } 784 785 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 786 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 787 if (!string.IsNullOrEmpty(settings.Title)) 788 { 789 optionalAttributes.Add("alt", settings.Title); 790 optionalAttributes.Add("title", settings.Title); 791 } 792 793 if (settings.DisableLazyLoad) 794 { 795 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) /> 796 } 797 else 798 { 799 <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) /> 800 } 801 } 802 } 803 @using Dynamicweb.Rapido.Blocks.Components 804 @using Dynamicweb.Rapido.Blocks.Components.General 805 @using Dynamicweb.Rapido.Blocks 806 807 808 @* Component *@ 809 810 @helper RenderWithAltAndTitle(Image settings, string alText = "", string titleText = "") 811 { 812 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 813 { 814 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 815 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 816 817 if (settings.Caption != null) 818 { 819 @:<div> 820 } 821 822 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 823 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 824 825 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 826 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 827 @if (settings.Link != null) 828 { 829 <a href="@settings.Link"> 830 @RenderTheImage(settings, alText, titleText) 831 </a> 832 } 833 else 834 { 835 @RenderTheImage(settings, alText, titleText) 836 } 837 </div> 838 </div> 839 840 if (settings.Caption != null) 841 { 842 <span class="image-caption dw-mod">@settings.Caption</span> 843 @:</div> 844 } 845 } 846 else 847 { 848 if (settings.Caption != null) 849 { 850 @:<div> 851 } 852 if (!string.IsNullOrEmpty(settings.Link)) 853 { 854 <a href="@settings.Link"> 855 @RenderTheImage(settings, alText, titleText) 856 </a> 857 } 858 else 859 { 860 @RenderTheImage(settings, alText, titleText) 861 } 862 863 if (settings.Caption != null) 864 { 865 <span class="image-caption dw-mod">@settings.Caption</span> 866 @:</div> 867 } 868 } 869 } 870 871 @helper RenderTheImage(Image settings, string alText = "", string titleText = "") 872 { 873 if (settings != null) 874 { 875 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 876 string placeholderImage = "/Files/Images/placeholder.gif"; 877 string imageEngine = "/Admin/Public/GetImage.ashx?"; 878 879 string imageStyle = ""; 880 881 switch (settings.Style) 882 { 883 case ImageStyle.Ball: 884 imageStyle = "grid__cell-img--ball"; 885 break; 886 887 case ImageStyle.Triangle: 888 imageStyle = "grid__cell-img--triangle"; 889 break; 890 } 891 892 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 893 { 894 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 895 896 if (settings.ImageDefault != null) 897 { 898 settings.ImageDefault.Height = settings.ImageDefault.Width; 899 } 900 if (settings.ImageMedium != null) 901 { 902 settings.ImageMedium.Height = settings.ImageMedium.Width; 903 } 904 if (settings.ImageSmall != null) 905 { 906 settings.ImageSmall.Height = settings.ImageSmall.Width; 907 } 908 } 909 910 string defaultImage = imageEngine; 911 string imageSmall = ""; 912 string imageMedium = ""; 913 914 if (settings.DisableImageEngine) 915 { 916 defaultImage = settings.Path; 917 } 918 else 919 { 920 if (settings.ImageDefault != null) 921 { 922 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 923 924 if (settings.Path.GetType() != typeof(string)) 925 { 926 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 927 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 928 } 929 else 930 { 931 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 932 } 933 934 defaultImage += "&AlternativeImage=" + alternativeImage; 935 } 936 937 if (settings.ImageSmall != null) 938 { 939 imageSmall = "data-src-small=\"" + imageEngine; 940 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 941 942 if (settings.Path.GetType() != typeof(string)) 943 { 944 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 945 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 946 } 947 else 948 { 949 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 950 } 951 952 imageSmall += "&alternativeImage=" + alternativeImage; 953 954 imageSmall += "\""; 955 } 956 957 if (settings.ImageMedium != null) 958 { 959 imageMedium = "data-src-medium=\"" + imageEngine; 960 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 961 962 if (settings.Path.GetType() != typeof(string)) 963 { 964 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 965 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 966 } 967 else 968 { 969 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 970 971 972 } 973 974 imageMedium += "&alternativeImage=" + alternativeImage; 975 976 imageMedium += "\""; 977 } 978 } 979 980 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 981 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 982 if (!string.IsNullOrEmpty(settings.Title)) 983 { 984 optionalAttributes.Add("alt", settings.Title); 985 optionalAttributes.Add("title", settings.Title); 986 } 987 988 989 990 string imgAlt = ""; 991 string imgTitle = ""; 992 993 if (!string.IsNullOrWhiteSpace(alText)) 994 { 995 imgAlt = "alt=" + '"' + alText + '"'; 996 } 997 998 if (!string.IsNullOrWhiteSpace(titleText)) 999 { 1000 imgTitle = "title=" + '"' + titleText + '"'; 1001 1002 } 1003 1004 1005 if (settings.DisableLazyLoad) 1006 { 1007 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) @imgAlt @imgTitle /> 1008 } 1009 else 1010 { 1011 <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) @imgAlt @imgTitle /> 1012 } 1013 } 1014 } 1015 @using System.Reflection 1016 @using Dynamicweb.Rapido.Blocks.Components.General 1017 @using Dynamicweb.Rapido.Blocks.Components 1018 1019 @* Component *@ 1020 1021 @helper RenderFileField(FileField settings) 1022 { 1023 var attributes = new Dictionary<string, string>(); 1024 if (string.IsNullOrEmpty(settings.Id)) 1025 { 1026 settings.Id = Guid.NewGuid().ToString("N"); 1027 } 1028 1029 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1030 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1031 if (settings.Required) { attributes.Add("required", "true"); } 1032 if (settings.Multiple) { attributes.Add("multiple", "true"); } 1033 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1034 if (string.IsNullOrEmpty(settings.ChooseFileText)) 1035 { 1036 settings.ChooseFileText = Translate("Choose file"); 1037 } 1038 if (string.IsNullOrEmpty(settings.NoFilesChosenText)) 1039 { 1040 settings.NoFilesChosenText = Translate("No files chosen..."); 1041 } 1042 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1043 1044 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1045 1046 string setValueToFakeInput = "FileUpload.setValueToFakeInput(this)"; 1047 attributes.Add("onchange", setValueToFakeInput + (!string.IsNullOrEmpty(settings.OnChange) ? settings.OnChange : "")); 1048 1049 attributes.Add("type", "file"); 1050 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1051 settings.CssClass = "u-full-width " + settings.CssClass; 1052 1053 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1054 1055 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1056 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1057 { 1058 <div class="u-full-width"> 1059 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1060 @if (settings.Link != null) { 1061 <div class="u-pull--right"> 1062 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1063 @Render(settings.Link) 1064 </div> 1065 } 1066 </div> 1067 1068 } 1069 1070 @if (!string.IsNullOrEmpty(settings.HelpText)) 1071 { 1072 <small class="form__help-text">@settings.HelpText</small> 1073 } 1074 1075 <div class="form__field-combi file-input u-no-margin dw-mod"> 1076 <input @ComponentMethods.AddAttributes(resultAttributes) class="file-input__real-input" data-no-files-text="@settings.NoFilesChosenText" data-many-files-text="@Translate("files")" /> 1077 <label for="@settings.Id" class="file-input__btn btn--secondary btn dw-mod">@settings.ChooseFileText</label> 1078 <label for="@settings.Id" class="@settings.CssClass file-input__fake-input js-fake-input dw-mod">@settings.NoFilesChosenText</label> 1079 @if (settings.UploadButton != null) 1080 { 1081 settings.UploadButton.CssClass += " btn--condensed u-no-margin"; 1082 @Render(settings.UploadButton) 1083 } 1084 </div> 1085 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1086 </div> 1087 } 1088 @using System.Reflection 1089 @using Dynamicweb.Rapido.Blocks.Components.General 1090 @using Dynamicweb.Rapido.Blocks.Components 1091 @using Dynamicweb.Core 1092 @using System.Linq 1093 1094 @* Component *@ 1095 1096 @helper RenderDateTimeField(DateTimeField settings) 1097 { 1098 if (string.IsNullOrEmpty(settings.Id)) 1099 { 1100 settings.Id = Guid.NewGuid().ToString("N"); 1101 } 1102 1103 var textField = new TextField { 1104 Name = settings.Name, 1105 Id = settings.Id, 1106 Label = settings.Label, 1107 HelpText = settings.HelpText, 1108 Value = settings.Value, 1109 Disabled = settings.Disabled, 1110 Required = settings.Required, 1111 ErrorMessage = settings.ErrorMessage, 1112 CssClass = settings.CssClass, 1113 WrapperCssClass = settings.WrapperCssClass, 1114 OnChange = settings.OnChange, 1115 OnClick = settings.OnClick, 1116 Link = settings.Link, 1117 ExtraAttributes = settings.ExtraAttributes, 1118 // 1119 Placeholder = settings.Placeholder 1120 }; 1121 1122 @Render(textField) 1123 1124 List<string> jsAttributes = new List<string>(); 1125 1126 jsAttributes.Add("mode: '" + Enum.GetName(typeof(DateTimeFieldMode), settings.Mode).ToLower() + "'"); 1127 1128 if (!string.IsNullOrEmpty(settings.DateFormat)) 1129 { 1130 jsAttributes.Add("dateFormat: '" + settings.DateFormat + "'"); 1131 } 1132 if (!string.IsNullOrEmpty(settings.MinDate)) 1133 { 1134 jsAttributes.Add("minDate: '" + settings.MinDate + "'"); 1135 } 1136 if (!string.IsNullOrEmpty(settings.MaxDate)) 1137 { 1138 jsAttributes.Add("maxDate: '" + settings.MaxDate + "'"); 1139 } 1140 if (settings.IsInline) 1141 { 1142 jsAttributes.Add("inline: " + Converter.ToString(settings.IsInline).ToLower()); 1143 } 1144 if (settings.EnableTime) 1145 { 1146 jsAttributes.Add("enableTime: " + Converter.ToString(settings.EnableTime).ToLower()); 1147 } 1148 if (settings.EnableWeekNumbers) 1149 { 1150 jsAttributes.Add("weekNumbers: " + Converter.ToString(settings.EnableWeekNumbers).ToLower()); 1151 } 1152 1153 jsAttributes.AddRange(settings.GetFlatPickrOptions().Select(x => x.Key + ": " + x.Value)); 1154 1155 <script> 1156 document.addEventListener("DOMContentLoaded", function () { 1157 flatpickr("#@textField.Id", { 1158 @string.Join(",", jsAttributes) 1159 }); 1160 }); 1161 </script> 1162 } 1163 @using System.Reflection 1164 @using Dynamicweb.Rapido.Blocks.Components.General 1165 @using Dynamicweb.Rapido.Blocks.Components 1166 1167 @* Component *@ 1168 1169 @helper RenderTextField(TextField settings) 1170 { 1171 var attributes = new Dictionary<string, string>(); 1172 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1173 { 1174 settings.Id = Guid.NewGuid().ToString("N"); 1175 } 1176 1177 /*base settings*/ 1178 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1179 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1180 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1181 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1182 if (settings.Required) { attributes.Add("required", "true"); } 1183 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1184 /*end*/ 1185 1186 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1187 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1188 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1189 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1190 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1191 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1192 attributes.Add("type", Enum.GetName(typeof(TextFieldType), settings.Type).ToLower()); 1193 if (settings.Type == TextFieldType.Password) { attributes.Add("autocomplete", "off"); }; 1194 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1195 1196 settings.CssClass = "u-full-width " + settings.CssClass; 1197 1198 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1199 1200 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1201 1202 string noMargin = "u-no-margin"; 1203 if (!settings.ReadOnly) { 1204 noMargin = ""; 1205 } 1206 1207 <div class="form__field-group u-full-width @noMargin @settings.WrapperCssClass dw-mod"> 1208 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1209 { 1210 <div class="u-full-width"> 1211 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1212 @if (settings.Link != null) { 1213 settings.Link.ButtonLayout = ButtonLayout.LinkClean; 1214 1215 <div class="u-pull--right"> 1216 @Render(settings.Link) 1217 </div> 1218 } 1219 </div> 1220 1221 } 1222 1223 @if (!string.IsNullOrEmpty(settings.HelpText)) 1224 { 1225 <small class="form__help-text">@settings.HelpText</small> 1226 } 1227 1228 @if (settings.ActionButton != null) 1229 { 1230 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1231 <div class="form__field-combi u-no-margin dw-mod"> 1232 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1233 @Render(settings.ActionButton) 1234 </div> 1235 } 1236 else 1237 { 1238 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1239 } 1240 1241 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1242 </div> 1243 } 1244 @using System.Reflection 1245 @using Dynamicweb.Rapido.Blocks.Components.General 1246 @using Dynamicweb.Rapido.Blocks.Components 1247 1248 @* Component *@ 1249 1250 @helper RenderNumberField(NumberField settings) 1251 { 1252 var attributes = new Dictionary<string, string>(); 1253 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1254 { 1255 settings.Id = Guid.NewGuid().ToString("N"); 1256 } 1257 1258 /*base settings*/ 1259 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1260 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1261 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1262 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1263 if (settings.Required) { attributes.Add("required", "true"); } 1264 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1265 /*end*/ 1266 1267 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1268 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1269 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1270 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1271 if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); } 1272 if (settings.Min != null) { attributes.Add("min", settings.Min.ToString()); } 1273 if (settings.Step != 0) { attributes.Add("step", settings.Step.ToString()); } 1274 if (settings.Value != null && !string.IsNullOrEmpty(settings.Value.ToString())) { attributes.Add("value", settings.Value.ToString()); } 1275 attributes.Add("type", "number"); 1276 1277 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1278 1279 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1280 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1281 { 1282 <div class="u-full-width"> 1283 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1284 @if (settings.Link != null) { 1285 <div class="u-pull--right"> 1286 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1287 @Render(settings.Link) 1288 </div> 1289 } 1290 </div> 1291 1292 } 1293 1294 @if (!string.IsNullOrEmpty(settings.HelpText)) 1295 { 1296 <small class="form__help-text">@settings.HelpText</small> 1297 } 1298 1299 @if (settings.ActionButton != null) 1300 { 1301 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1302 <div class="form__field-combi u-no-margin dw-mod"> 1303 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1304 @Render(settings.ActionButton) 1305 </div> 1306 } 1307 else 1308 { 1309 <div class="form__field-combi u-no-margin dw-mod"> 1310 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1311 </div> 1312 } 1313 1314 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1315 </div> 1316 } 1317 @using System.Reflection 1318 @using Dynamicweb.Rapido.Blocks.Components.General 1319 @using Dynamicweb.Rapido.Blocks.Components 1320 1321 1322 @* Component *@ 1323 1324 @helper RenderTextareaField(TextareaField settings) 1325 { 1326 Dictionary<string, string> attributes = new Dictionary<string, string>(); 1327 string id = settings.Id; 1328 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(id)) 1329 { 1330 id = Guid.NewGuid().ToString("N"); 1331 } 1332 1333 if (!string.IsNullOrEmpty(id)) { attributes.Add("id", id); } 1334 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1335 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1336 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1337 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1338 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1339 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1340 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1341 if (settings.Required) { attributes.Add("required", "true"); } 1342 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1343 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1344 if (settings.Rows != 0) { attributes.Add("rows", settings.Rows.ToString()); } 1345 attributes.Add("name", settings.Name); 1346 1347 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1348 1349 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1350 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1351 { 1352 <div class="u-full-width"> 1353 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1354 @if (settings.Link != null) { 1355 <div class="u-pull--right"> 1356 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1357 @Render(settings.Link) 1358 </div> 1359 } 1360 </div> 1361 } 1362 1363 @if (!string.IsNullOrEmpty(settings.HelpText)) 1364 { 1365 <small class="form__help-text">@settings.HelpText</small> 1366 } 1367 1368 <textarea class="u-full-width @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Value</textarea> 1369 1370 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1371 </div> 1372 } 1373 @using System.Reflection 1374 @using Dynamicweb.Rapido.Blocks.Components.General 1375 @using Dynamicweb.Rapido.Blocks.Components 1376 1377 1378 @* Component *@ 1379 1380 @helper RenderHiddenField(HiddenField settings) { 1381 var attributes = new Dictionary<string, string>(); 1382 attributes.Add("type", "hidden"); 1383 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1384 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1385 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1386 1387 <input @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)/> 1388 } 1389 @using System.Reflection 1390 @using Dynamicweb.Rapido.Blocks.Components.General 1391 @using Dynamicweb.Rapido.Blocks.Components 1392 1393 @* Component *@ 1394 1395 @helper RenderCheckboxField(CheckboxField settings) 1396 { 1397 var attributes = new Dictionary<string, string>(); 1398 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1399 { 1400 settings.Id = Guid.NewGuid().ToString("N"); 1401 } 1402 1403 /*base settings*/ 1404 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1405 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1406 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1407 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1408 if (settings.Required) { attributes.Add("required", "true"); } 1409 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1410 /*end*/ 1411 1412 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1413 1414 attributes.Add("type", "checkbox"); 1415 if (settings.Checked) { attributes.Add("checked", "true"); } 1416 settings.CssClass = "form__control " + settings.CssClass; 1417 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1418 1419 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1420 1421 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1422 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1423 @if (!string.IsNullOrEmpty(settings.Label)) 1424 { 1425 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1426 } 1427 1428 @if (settings.Link != null) { 1429 <span> 1430 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1431 @Render(settings.Link) 1432 </span> 1433 } 1434 1435 @if (!string.IsNullOrEmpty(settings.HelpText)) 1436 { 1437 <small class="form__help-text checkbox-help dw-mod">@settings.HelpText</small> 1438 } 1439 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1440 </div> 1441 } 1442 @using System.Reflection 1443 @using Dynamicweb.Rapido.Blocks.Components.General 1444 @using Dynamicweb.Rapido.Blocks.Components 1445 1446 1447 @* Component *@ 1448 1449 @helper RenderCheckboxListField(CheckboxListField settings) 1450 { 1451 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1452 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1453 { 1454 <div class="u-full-width"> 1455 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1456 @if (settings.Link != null) { 1457 <div class="u-pull--right"> 1458 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1459 @Render(settings.Link) 1460 </div> 1461 } 1462 </div> 1463 1464 } 1465 1466 <div class="u-pull--left"> 1467 @if (!string.IsNullOrEmpty(settings.HelpText)) 1468 { 1469 <small class="form__help-text">@settings.HelpText</small> 1470 } 1471 1472 @foreach (var item in settings.Options) 1473 { 1474 if (settings.Required) 1475 { 1476 item.Required = true; 1477 } 1478 if (settings.Disabled) 1479 { 1480 item.Disabled = true; 1481 } 1482 if (!string.IsNullOrEmpty(settings.Name)) 1483 { 1484 item.Name = settings.Name; 1485 } 1486 if (!string.IsNullOrEmpty(settings.CssClass)) 1487 { 1488 item.CssClass += settings.CssClass; 1489 } 1490 1491 /* value is not supported */ 1492 1493 if (!string.IsNullOrEmpty(settings.OnClick)) 1494 { 1495 item.OnClick += settings.OnClick; 1496 } 1497 if (!string.IsNullOrEmpty(settings.OnChange)) 1498 { 1499 item.OnChange += settings.OnChange; 1500 } 1501 @Render(item) 1502 } 1503 1504 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1505 </div> 1506 1507 </div> 1508 } 1509 @using Dynamicweb.Rapido.Blocks.Components.General 1510 1511 @* Component *@ 1512 1513 @helper RenderSearch(Search settings) 1514 { 1515 var searchValue = HttpContext.Current.Request.QueryString.Get(settings.SearchParameter) ?? ""; 1516 var groupValue = HttpContext.Current.Request.QueryString.Get(settings.GroupsParameter) ?? ""; 1517 1518 if (string.IsNullOrEmpty(settings.Id)) 1519 { 1520 settings.Id = Guid.NewGuid().ToString("N"); 1521 } 1522 1523 var resultAttributes = new Dictionary<string, string>(); 1524 1525 if (settings.PageSize != 0) 1526 { 1527 resultAttributes.Add("data-page-size", settings.PageSize.ToString()); 1528 } 1529 if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1530 { 1531 resultAttributes.Add("data-groups-feed-url", settings.GroupItemsFeedUrl); 1532 if (!string.IsNullOrEmpty(groupValue)) 1533 { 1534 resultAttributes.Add("data-selected-group", groupValue); 1535 } 1536 if (!string.IsNullOrEmpty(settings.GroupsParameter)) 1537 { 1538 resultAttributes.Add("data-groups-parameter", settings.GroupsParameter); 1539 } 1540 } 1541 resultAttributes.Add("data-force-init", "true"); 1542 if (settings.GoToFirstSearchResultOnEnter) 1543 { 1544 resultAttributes.Add("data-go-to-first-search-result-on-enter", settings.GoToFirstSearchResultOnEnter.ToString().ToLower()); 1545 } 1546 if (!string.IsNullOrEmpty(settings.SearchParameter)) 1547 { 1548 resultAttributes.Add("data-search-parameter", settings.SearchParameter); 1549 } 1550 resultAttributes.Add("data-search-feed-url", settings.SearchData.SearchFeedUrl); 1551 resultAttributes.Add("data-results-template-id", settings.SearchData.ResultsTemplateId); 1552 1553 if (settings.SecondSearchData != null) 1554 { 1555 resultAttributes.Add("data-second-search-feed-url", settings.SecondSearchData.SearchFeedUrl); 1556 resultAttributes.Add("data-second-results-template-id", settings.SecondSearchData.ResultsTemplateId); 1557 } 1558 if (!string.IsNullOrEmpty(settings.ResultsPageUrl)) 1559 { 1560 resultAttributes.Add("data-results-page-url", settings.ResultsPageUrl); 1561 } 1562 1563 resultAttributes = resultAttributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1564 1565 string searchFieldCss = (settings.SearchButton == null) ? "search--with-icon" : ""; 1566 1567 <div class="search @settings.CssClass @searchFieldCss js-search-data-source dw-mod" id="@settings.Id" @ComponentMethods.AddAttributes(resultAttributes)> 1568 @if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1569 { 1570 <button type="button" class="search__groups-btn dw-mod js-search-groups-btn">@Translate("All")</button> 1571 <ul class="dropdown dropdown--absolute-position dw-mod search__groups-results js-search-groups-list"></ul> 1572 } 1573 1574 <input type="text" class="search__field dw-mod js-search-field" placeholder="@settings.Placeholder" value="@searchValue"> 1575 1576 <div class="dropdown dropdown--absolute-position search__results dw-mod js-search-results @(settings.SecondSearchData != null ? "search__results--combined" : "")"> 1577 @if (settings.SecondSearchData != null) 1578 { 1579 <div class="search__column search__column--products dw-mod"> 1580 <div class="search__column-header dw-mod">@Translate("Products")</div> 1581 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1582 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1583 { 1584 @Render(new Link { 1585 Title = Translate("View all"), 1586 CssClass = "js-view-all-button u-margin", 1587 Href = settings.SearchData.ResultsPageUrl 1588 }); 1589 } 1590 </div> 1591 <div class="search__column search__column--pages dw-mod"> 1592 <div class="search__column-header">@Translate("Pages")</div> 1593 <ul class="search__results-list dw-mod js-search-results-second-list" id="@(settings.Id)_SecondResultsList"></ul> 1594 @if (!string.IsNullOrEmpty(settings.SecondSearchData.ResultsPageUrl)) 1595 { 1596 @Render(new Link 1597 { 1598 Title = Translate("View all"), 1599 CssClass = "js-view-all-button u-margin", 1600 Href = settings.SecondSearchData.ResultsPageUrl 1601 }); 1602 } 1603 </div> 1604 } 1605 else 1606 { 1607 <div class="search__column search__column--only dw-mod"> 1608 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1609 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1610 { 1611 @Render(new Link { 1612 Title = Translate("View all"), 1613 CssClass = "js-view-all-button u-margin", 1614 Href = settings.SearchData.ResultsPageUrl 1615 }); 1616 } 1617 </div> 1618 } 1619 </div> 1620 1621 @if (settings.SearchButton != null) 1622 { 1623 settings.SearchButton.CssClass += " search__btn js-search-btn"; 1624 if (settings.RenderDefaultSearchIcon) 1625 { 1626 settings.SearchButton.Icon = new Icon { Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue }; 1627 } 1628 @Render(settings.SearchButton); 1629 } 1630 </div> 1631 } 1632 @using System.Reflection 1633 @using Dynamicweb.Rapido.Blocks.Components.General 1634 @using Dynamicweb.Rapido.Blocks.Components 1635 1636 1637 @* Component *@ 1638 1639 @helper RenderSelectField(SelectField settings) 1640 { 1641 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1642 { 1643 settings.Id = Guid.NewGuid().ToString("N"); 1644 } 1645 1646 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1647 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1648 { 1649 <div class="u-full-width"> 1650 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1651 @if (settings.Link != null) { 1652 <div class="u-pull--right"> 1653 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1654 @Render(settings.Link) 1655 </div> 1656 } 1657 </div> 1658 } 1659 1660 @if (!string.IsNullOrEmpty(settings.HelpText)) 1661 { 1662 <small class="form__help-text">@settings.HelpText</small> 1663 } 1664 1665 @if (settings.ActionButton != null) 1666 { 1667 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1668 <div class="form__field-combi u-no-margin dw-mod"> 1669 @RenderSelectBase(settings) 1670 @Render(settings.ActionButton) 1671 </div> 1672 } 1673 else 1674 { 1675 @RenderSelectBase(settings) 1676 } 1677 1678 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1679 </div> 1680 } 1681 1682 @helper RenderSelectBase(SelectField settings) 1683 { 1684 var attributes = new Dictionary<string, string>(); 1685 1686 /*base settings*/ 1687 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1688 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1689 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1690 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1691 if (settings.Required) { attributes.Add("required", "true"); } 1692 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1693 /*end*/ 1694 1695 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1696 1697 <select @ComponentMethods.AddAttributes(resultAttributes) class="u-full-width @settings.CssClass dw-mod"> 1698 @if (settings.Default != null) 1699 { 1700 @Render(settings.Default) 1701 } 1702 1703 @foreach (var item in settings.Options) 1704 { 1705 if (settings.Value != null) { 1706 item.Checked = item.Value == settings.Value; 1707 } 1708 @Render(item) 1709 } 1710 </select> 1711 } 1712 @using System.Reflection 1713 @using Dynamicweb.Rapido.Blocks.Components.General 1714 @using Dynamicweb.Rapido.Blocks.Components 1715 1716 @* Component *@ 1717 1718 @helper RenderRadioButtonField(RadioButtonField settings) 1719 { 1720 var attributes = new Dictionary<string, string>(); 1721 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1722 { 1723 settings.Id = Guid.NewGuid().ToString("N"); 1724 } 1725 1726 /*base settings*/ 1727 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1728 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1729 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1730 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1731 if (settings.Required) { attributes.Add("required", "true"); } 1732 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1733 /*end*/ 1734 1735 attributes.Add("type", "radio"); 1736 if (settings.Checked) { attributes.Add("checked", "true"); } 1737 settings.CssClass = "form__control " + settings.CssClass; 1738 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1739 1740 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1741 1742 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1743 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1744 @if (!string.IsNullOrEmpty(settings.Label)) 1745 { 1746 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1747 } 1748 @if (!string.IsNullOrEmpty(settings.HelpText)) 1749 { 1750 <small class="form__help-text">@settings.HelpText</small> 1751 } 1752 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1753 </div> 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 RenderRadioButtonListField(RadioButtonListField settings) 1763 { 1764 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1765 1766 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1767 @if (!string.IsNullOrEmpty(settings.Label)) 1768 { 1769 <label>@settings.Label</label> 1770 } 1771 @if (!string.IsNullOrEmpty(settings.HelpText)) 1772 { 1773 <small class="form__help-text">@settings.HelpText</small> 1774 } 1775 1776 @foreach (var item in settings.Options) 1777 { 1778 if (settings.Required) 1779 { 1780 item.Required = true; 1781 } 1782 if (settings.Disabled) 1783 { 1784 item.Disabled = true; 1785 } 1786 if (!string.IsNullOrEmpty(settings.Name)) 1787 { 1788 item.Name = settings.Name; 1789 } 1790 if (settings.Value != null && settings.Value == item.Value) 1791 { 1792 item.Checked = true; 1793 } 1794 if (!string.IsNullOrEmpty(settings.OnClick)) 1795 { 1796 item.OnClick += settings.OnClick; 1797 } 1798 if (!string.IsNullOrEmpty(settings.OnChange)) 1799 { 1800 item.OnChange += settings.OnChange; 1801 } 1802 if (!string.IsNullOrEmpty(settings.CssClass)) 1803 { 1804 item.CssClass += settings.CssClass; 1805 } 1806 @Render(item) 1807 } 1808 1809 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1810 </div> 1811 } 1812 @using System.Reflection 1813 @using Dynamicweb.Rapido.Blocks.Components.General 1814 @using Dynamicweb.Rapido.Blocks.Components 1815 1816 1817 @* Component *@ 1818 1819 @helper RenderNotificationMessage(NotificationMessage settings) 1820 { 1821 if (!string.IsNullOrEmpty(settings.Message)) 1822 { 1823 var attributes = new Dictionary<string, string>(); 1824 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1825 1826 string messageTypeClass = Enum.GetName(typeof(NotificationMessageType), settings.MessageType).ToLower(); 1827 string messageLayoutClass = Enum.GetName(typeof(NotificationMessageLayout), settings.MessageLayout).ToLower(); 1828 string minHeightClass = settings.Icon != null ? "u-min-h70px" : ""; 1829 1830 <div class="notification-message-@messageTypeClass notification-message-@messageLayoutClass @messageLayoutClass @minHeightClass @settings.CssClass u-full-width dw-mod" @ComponentMethods.AddAttributes(attributes)> 1831 @if (settings.Icon != null) { 1832 settings.Icon.Label = !string.IsNullOrEmpty(settings.Icon.Label) ? settings.Message + settings.Icon.Label : settings.Message; 1833 @Render(settings.Icon) 1834 } else { 1835 @settings.Message 1836 } 1837 </div> 1838 } 1839 } 1840 @using Dynamicweb.Rapido.Blocks.Components.General 1841 1842 1843 @* Component *@ 1844 1845 @helper RenderHandlebarsRoot(HandlebarsRoot settings) { 1846 string preRender = !String.IsNullOrEmpty(settings.PreRenderScriptTemplate) ? "data-pre-render-template=\"" + settings.PreRenderScriptTemplate + "\"" : ""; 1847 1848 <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> 1849 @if (settings.SubBlocks != null) { 1850 @RenderBlockList(settings.SubBlocks) 1851 } 1852 </div> 1853 } 1854 @using System.Reflection 1855 @using Dynamicweb.Rapido.Blocks.Components.General 1856 @using Dynamicweb.Rapido.Blocks.Components 1857 @using System.Text.RegularExpressions 1858 1859 1860 @* Component *@ 1861 1862 @helper RenderSticker(Sticker settings) { 1863 if (!String.IsNullOrEmpty(settings.Title)) { 1864 string size = settings.Size.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Size.ToString().ToLower() : ""; 1865 string style = settings.Style.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Style.ToString().ToLower() : ""; 1866 1867 Dictionary<String, String> optionalAttributes = new Dictionary<string, string>(); 1868 if (!String.IsNullOrEmpty(settings.Color) || !String.IsNullOrEmpty(settings.BackgroundColor)) { 1869 string styleTag = !String.IsNullOrEmpty(settings.Color) ? "color: " + settings.Color + "; " : ""; 1870 styleTag += !String.IsNullOrEmpty(settings.BackgroundColor) ? "background-color: " + settings.BackgroundColor + "; " : ""; 1871 optionalAttributes.Add("style", styleTag); 1872 } 1873 1874 <div class="stickers-container__tag @size @style @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Title</div> 1875 } 1876 } 1877 1878 @using System.Reflection 1879 @using Dynamicweb.Rapido.Blocks.Components.General 1880 @using Dynamicweb.Rapido.Blocks.Components 1881 1882 1883 @* Component *@ 1884 1885 @helper RenderStickersCollection(StickersCollection settings) 1886 { 1887 if (settings.Stickers.Count > 0) 1888 { 1889 string position = "stickers-container--" + Regex.Replace(settings.Position.ToString(), "([a-z])([A-Z])", "$1-$2").ToLower(); 1890 1891 <div class="stickers-container @position @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1892 @foreach (Sticker sticker in settings.Stickers) 1893 { 1894 @Render(sticker) 1895 } 1896 </div> 1897 } 1898 } 1899 1900 @using Dynamicweb.Rapido.Blocks.Components.General 1901 1902 1903 @* Component *@ 1904 1905 @helper RenderForm(Form settings) { 1906 if (settings != null) 1907 { 1908 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 1909 if (!string.IsNullOrEmpty(settings.Action)) { optionalAttributes.Add("action", settings.Action); }; 1910 if (!string.IsNullOrEmpty(settings.Name)) { optionalAttributes.Add("name", settings.Name); }; 1911 if (!string.IsNullOrEmpty(settings.OnSubmit)) { optionalAttributes.Add("onsubmit", settings.OnSubmit); }; 1912 var enctypes = new Dictionary<string, string> 1913 { 1914 { "multipart", "multipart/form-data" }, 1915 { "text", "text/plain" }, 1916 { "application", "application/x-www-form-urlencoded" } 1917 }; 1918 if (settings.Enctype != FormEnctype.none) { optionalAttributes.Add("enctype", enctypes[Enum.GetName(typeof(FormEnctype), settings.Enctype).ToLower()]); }; 1919 optionalAttributes.Add("method", settings.Method.ToString()); 1920 1921 if (!string.IsNullOrEmpty(settings.FormStartMarkup)) 1922 { 1923 @settings.FormStartMarkup 1924 } 1925 else 1926 { 1927 @:<form class="@settings.CssClass u-no-margin dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1928 } 1929 1930 foreach (var field in settings.GetFields()) 1931 { 1932 @Render(field) 1933 } 1934 1935 @:</form> 1936 } 1937 } 1938 @using System.Reflection 1939 @using Dynamicweb.Rapido.Blocks.Components.General 1940 @using Dynamicweb.Rapido.Blocks.Components 1941 1942 1943 @* Component *@ 1944 1945 @helper RenderText(Text settings) 1946 { 1947 @settings.Content 1948 } 1949 @using System.Reflection 1950 @using Dynamicweb.Rapido.Blocks.Components.General 1951 @using Dynamicweb.Rapido.Blocks.Components 1952 1953 1954 @* Component *@ 1955 1956 @helper RenderContentModule(ContentModule settings) { 1957 if (!string.IsNullOrEmpty(settings.Content)) 1958 { 1959 @settings.Content 1960 } 1961 } 1962 @using System.Reflection 1963 @using Dynamicweb.Rapido.Blocks.Components.General 1964 @using Dynamicweb.Rapido.Blocks.Components 1965 1966 1967 @* Component *@ 1968 1969 @helper RenderModal(Modal settings) { 1970 if (settings != null) 1971 { 1972 string modalId = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 1973 1974 string onchange = !string.IsNullOrEmpty(settings.OnClose) ? "onchange=\"if(!this.checked){" + settings.OnClose + "}\"" : ""; 1975 1976 <input type="checkbox" id="@(modalId)ModalTrigger" class="modal-trigger" @onchange /> 1977 1978 <div class="modal-container"> 1979 @if (!settings.DisableDarkOverlay) 1980 { 1981 <label for="@(modalId)ModalTrigger" id="@(modalId)ModalOverlay" class="modal-overlay"></label> 1982 } 1983 <div class="modal modal--@settings.Width.ToString().ToLower() modal-height--@settings.Height.ToString().ToLower()" id="@(modalId)Modal"> 1984 @if (settings.Heading != null) 1985 { 1986 if (!string.IsNullOrEmpty(settings.Heading.Title)) 1987 { 1988 <div class="modal__header"> 1989 @Render(settings.Heading) 1990 </div> 1991 } 1992 } 1993 <div class="modal__body @(settings.Width.ToString().ToLower() == "full" ? "modal__body--full" : "")"> 1994 @if (!string.IsNullOrEmpty(settings.BodyText)) 1995 { 1996 @settings.BodyText 1997 } 1998 @if (settings.BodyTemplate != null) 1999 { 2000 @settings.BodyTemplate 2001 } 2002 @{ 2003 var actions = settings.GetActions(); 2004 } 2005 </div> 2006 @if (actions.Length > 0) 2007 { 2008 <div class="modal__footer"> 2009 @foreach (var action in actions) 2010 { 2011 if (Pageview.Device.ToString() != "Mobile") { 2012 action.CssClass += " u-no-margin"; 2013 } else { 2014 action.CssClass += " u-full-width u-margin-bottom"; 2015 } 2016 2017 @Render(action) 2018 } 2019 </div> 2020 } 2021 <label class="modal__close-btn" for="@(modalId)ModalTrigger"></label> 2022 </div> 2023 </div> 2024 } 2025 } 2026 @using Dynamicweb.Rapido.Blocks.Components.General 2027 2028 @* Component *@ 2029 2030 @helper RenderMediaListItem(MediaListItem settings) 2031 { 2032 <div class="media-list-item @settings.CssClass dw-mod" @(!string.IsNullOrEmpty(settings.Id) ? "id=\"" + settings.Id + "\"" : "")> 2033 @if (!string.IsNullOrEmpty(settings.Label)) 2034 { 2035 if (!string.IsNullOrEmpty(settings.Link)) 2036 { 2037 @Render(new Link 2038 { 2039 Href = settings.Link, 2040 CssClass = "media-list-item__sticker dw-mod", 2041 ButtonLayout = ButtonLayout.None, 2042 Title = settings.Label, 2043 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 2044 }) 2045 } 2046 else if (!string.IsNullOrEmpty(settings.OnClick)) 2047 { 2048 <span class="media-list-item__sticker dw-mod" onclick="@(settings.OnClick)"> 2049 <span class="u-uppercase">@settings.Label</span> 2050 </span> 2051 } 2052 else 2053 { 2054 <span class="media-list-item__sticker media-list-item__sticker--no-link dw-mod"> 2055 <span class="u-uppercase">@settings.Label</span> 2056 </span> 2057 } 2058 } 2059 <div class="media-list-item__wrap"> 2060 <div class="media-list-item__info dw-mod"> 2061 <div class="media-list-item__header dw-mod"> 2062 @if (!string.IsNullOrEmpty(settings.Title)) 2063 { 2064 if (!string.IsNullOrEmpty(settings.Link)) 2065 { 2066 @Render(new Link 2067 { 2068 Href = settings.Link, 2069 CssClass = "media-list-item__name dw-mod", 2070 ButtonLayout = ButtonLayout.None, 2071 Title = settings.Title, 2072 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 2073 }) 2074 } 2075 else if (!string.IsNullOrEmpty(settings.OnClick)) 2076 { 2077 <span class="media-list-item__name dw-mod" onclick="@(settings.OnClick)">@settings.Title</span> 2078 } 2079 else 2080 { 2081 <span class="media-list-item__name media-list-item__name--no-link dw-mod">@settings.Title</span> 2082 } 2083 } 2084 2085 @if (!string.IsNullOrEmpty(settings.Status)) 2086 { 2087 <div class="media-list-item__state dw-mod">@settings.Status</div> 2088 } 2089 </div> 2090 @{ 2091 settings.InfoTable.CssClass += " media-list-item__parameters-table"; 2092 } 2093 2094 @Render(settings.InfoTable) 2095 </div> 2096 <div class="media-list-item__actions dw-mod"> 2097 <div class="media-list-item__actions-list dw-mod"> 2098 @{ 2099 var actions = settings.GetActions(); 2100 2101 foreach (ButtonBase action in actions) 2102 { 2103 action.ButtonLayout = ButtonLayout.None; 2104 action.CssClass += " media-list-item__action link"; 2105 2106 @Render(action) 2107 } 2108 } 2109 </div> 2110 2111 @if (settings.SelectButton != null && !string.IsNullOrEmpty(settings.SelectButton.Title)) 2112 { 2113 settings.SelectButton.CssClass += " u-no-margin"; 2114 2115 <div class="media-list-item__action-button"> 2116 @Render(settings.SelectButton) 2117 </div> 2118 } 2119 </div> 2120 </div> 2121 </div> 2122 } 2123 @using Dynamicweb.Rapido.Blocks.Components.General 2124 @using Dynamicweb.Rapido.Blocks.Components 2125 2126 @helper RenderTable(Table settings) 2127 { 2128 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2129 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2130 2131 var enumToClasses = new Dictionary<TableDesign, string> 2132 { 2133 { TableDesign.Clean, "table--clean" }, 2134 { TableDesign.Bordered, "table--bordered" }, 2135 { TableDesign.Striped, "table--striped" }, 2136 { TableDesign.Hover, "table--hover" }, 2137 { TableDesign.Compact, "table--compact" }, 2138 { TableDesign.Condensed, "table--condensed" }, 2139 { TableDesign.NoTopBorder, "table--no-top-border" } 2140 }; 2141 string tableDesignClass = ""; 2142 if (settings.Design != TableDesign.None) 2143 { 2144 tableDesignClass = enumToClasses[settings.Design]; 2145 } 2146 2147 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableDesign.None) { attributes.Add("class", "table " + tableDesignClass + " " + settings.CssClass + " dw-mod"); } 2148 2149 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2150 2151 <table @ComponentMethods.AddAttributes(resultAttributes)> 2152 @if (settings.Header != null) 2153 { 2154 <thead> 2155 @Render(settings.Header) 2156 </thead> 2157 } 2158 <tbody> 2159 @foreach (var row in settings.Rows) 2160 { 2161 @Render(row) 2162 } 2163 </tbody> 2164 @if (settings.Footer != null) 2165 { 2166 <tfoot> 2167 @Render(settings.Footer) 2168 </tfoot> 2169 } 2170 </table> 2171 } 2172 @using Dynamicweb.Rapido.Blocks.Components.General 2173 @using Dynamicweb.Rapido.Blocks.Components 2174 2175 @helper RenderTableRow(TableRow settings) 2176 { 2177 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2178 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2179 2180 var enumToClasses = new Dictionary<TableRowDesign, string> 2181 { 2182 { TableRowDesign.NoBorder, "table__row--no-border" }, 2183 { TableRowDesign.Border, "table__row--border" }, 2184 { TableRowDesign.TopBorder, "table__row--top-line" }, 2185 { TableRowDesign.BottomBorder, "table__row--bottom-line" }, 2186 { TableRowDesign.Solid, "table__row--solid" } 2187 }; 2188 2189 string tableRowDesignClass = ""; 2190 if (settings.Design != TableRowDesign.None) 2191 { 2192 tableRowDesignClass = enumToClasses[settings.Design]; 2193 } 2194 2195 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableRowDesign.None) { attributes.Add("class", "table__row " + tableRowDesignClass + " " + settings.CssClass + " dw-mod"); } 2196 2197 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2198 2199 <tr @ComponentMethods.AddAttributes(resultAttributes)> 2200 @foreach (var cell in settings.Cells) 2201 { 2202 if (settings.IsHeaderRow) 2203 { 2204 cell.IsHeader = true; 2205 } 2206 @Render(cell) 2207 } 2208 </tr> 2209 } 2210 @using Dynamicweb.Rapido.Blocks.Components.General 2211 @using Dynamicweb.Rapido.Blocks.Components 2212 @using Dynamicweb.Core 2213 2214 @helper RenderTableCell(TableCell settings) 2215 { 2216 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2217 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2218 if (settings.Colspan != 0) { attributes.Add("colspan", Converter.ToString(settings.Colspan)); } 2219 if (settings.Rowspan != 0) { attributes.Add("rowspan", Converter.ToString(settings.Rowspan)); } 2220 if (!string.IsNullOrEmpty(settings.CssClass)) { attributes.Add("class", settings.CssClass + " dw-mod"); } 2221 2222 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2223 2224 string tagName = settings.IsHeader ? "th" : "td"; 2225 2226 @("<" + tagName + " " + ComponentMethods.AddAttributes(resultAttributes) + ">") 2227 @settings.Content 2228 @("</" + tagName + ">"); 2229 } 2230 @using System.Linq 2231 @using Dynamicweb.Rapido.Blocks.Components.General 2232 2233 @* Component *@ 2234 2235 @helper RenderPagination(Dynamicweb.Rapido.Blocks.Components.General.Pagination settings) 2236 { 2237 var pageNumberQueryStringName = Dynamicweb.Rapido.Services.Pagination.GetPageNumberQueryStringName(settings); // Get the proper 'page number' query string parameter 2238 var queryParameters = Dynamicweb.Rapido.Services.Url.GetQueryParameters(pageNumberQueryStringName); // Get the NameValueCollection from the querystring 2239 2240 if (settings.NumberOfPages > 1) 2241 { 2242 string url = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority) + "/Default.aspx"; 2243 string ariaLabel = !string.IsNullOrWhiteSpace(settings.AriaLabel) ? settings.AriaLabel : Translate("Page navigation"); 2244 Dictionary<string, int> startAndEndPageNumber = Dynamicweb.Rapido.Services.Pagination.GetStartAndEndPageNumber(settings); 2245 2246 <div class="pager u-margin-top dw-mod @settings.CssClass" aria-label="@ariaLabel"> 2247 @if (settings.ShowPagingInfo) 2248 { 2249 <div class="pager__info dw-mod"> 2250 @Translate("Page") @settings.CurrentPageNumber @Translate("of") @settings.NumberOfPages 2251 </div> 2252 } 2253 <ul class="pager__list dw-mod"> 2254 @if (!string.IsNullOrWhiteSpace(settings.FirstPageUrl) && settings.ShowFirstAndLastControls) 2255 { 2256 @Render(new PaginationItem { Link = settings.FirstPageUrl, Icon = settings.FirstIcon }) 2257 } 2258 @if (!string.IsNullOrWhiteSpace(settings.PreviousPageUrl) && settings.ShowNextAndPrevControls) 2259 { 2260 @Render(new PaginationItem { Link = settings.PreviousPageUrl, Icon = settings.PrevIcon }) 2261 } 2262 @if (settings.GetPages().Any()) 2263 { 2264 foreach (var page in settings.GetPages()) 2265 { 2266 @Render(page) 2267 } 2268 } 2269 else 2270 { 2271 for (var page = startAndEndPageNumber["StartPage"]; page <= startAndEndPageNumber["EndPage"]; page++) 2272 { 2273 queryParameters = Dynamicweb.Rapido.Services.Url.UpdateQueryStringParameter(queryParameters, pageNumberQueryStringName, page.ToString()); 2274 @Render(new PaginationItem { Label = page.ToString(), Link = Dynamicweb.Rapido.Services.Url.BuildUri(url, queryParameters).PathAndQuery, IsActive = (settings.CurrentPageNumber == page) }); 2275 } 2276 } 2277 @if (!string.IsNullOrWhiteSpace(settings.NextPageUrl) && settings.ShowNextAndPrevControls) 2278 { 2279 @Render(new PaginationItem { Link = settings.NextPageUrl, Icon = settings.NextIcon }) 2280 } 2281 @if (!string.IsNullOrWhiteSpace(settings.LastPageUrl) && settings.ShowFirstAndLastControls) 2282 { 2283 @Render(new PaginationItem { Link = settings.LastPageUrl, Icon = settings.LastIcon }) 2284 } 2285 </ul> 2286 </div> 2287 } 2288 } 2289 2290 @helper RenderPaginationItem(PaginationItem settings) 2291 { 2292 if (settings.Icon == null) 2293 { 2294 settings.Icon = new Icon(); 2295 } 2296 2297 settings.Icon.Label = settings.Label; 2298 <li class="pager__btn dw-mod"> 2299 @if (settings.IsActive) 2300 { 2301 <span class="pager__num pager__num--current dw-mod"> 2302 @Render(settings.Icon) 2303 </span> 2304 } 2305 else 2306 { 2307 <a href="@settings.Link" class="pager__num dw-mod"> 2308 @Render(settings.Icon) 2309 </a> 2310 } 2311 </li> 2312 } 2313 2314 2315 @using Dynamicweb.Rapido.Blocks.Components.General 2316 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 2317 2318 2319 2320 2321 2322 @functions { 2323 public string GenerateRgba(string color, string opacity) 2324 { 2325 color = color.Replace("#", ""); 2326 if (color.Length == 6) 2327 { 2328 return "rgba(" + Convert.ToInt32(color.Substring(0, 2), 16) + ", " + Convert.ToInt32(color.Substring(2, 2), 16) + ", " + Convert.ToInt32(color.Substring(4, 2), 16) + ", " + opacity + ");"; 2329 } 2330 else 2331 { 2332 return Convert.ToInt16(color).ToString(); 2333 } 2334 } 2335 } 2336 2337 @{ 2338 string link = !string.IsNullOrEmpty(Model.Item.GetString("Link")) ? Model.Item.GetString("Link") : ""; 2339 string linkTarget = link.Contains("http") || link.Contains(".pdf") ? "_blank" : "_self"; 2340 } 2341 2342 @if (!string.IsNullOrEmpty(link)) 2343 { 2344 @*<a href="@link" target="@linkTarget" class="u-overlay">*@ 2345 <div class="paragraph-image-link-wrapper"> 2346 <a href="@link" target="@linkTarget"> 2347 @RenderTheContent() 2348 </a> 2349 </div> 2350 } 2351 else 2352 { 2353 @RenderTheContent() 2354 } 2355 2356 2357 @helper RenderTheContent() 2358 { 2359 string innerPadding = Model.Item.GetList("Padding") != null ? " padding-size-" + Model.Item.GetList("Padding").SelectedValue.ToLower() : ""; 2360 innerPadding += Model.Item.GetList("PaddingPosition") != null ? " padding-position-" + Model.Item.GetList("PaddingPosition").SelectedValue.ToLower() : ""; 2361 2362 if (!string.IsNullOrEmpty(Model.Item.GetString("Image"))) 2363 { 2364 int width = Model.Item.GetString("ImageWidth") != null ? Model.Item.GetInt32("ImageWidth") : 100; 2365 string styleSetting = Model.Item.GetString("ImageStyle") != null ? Model.Item.GetList("ImageStyle").SelectedValue : ""; 2366 ImageStyle style = ImageStyle.None; 2367 style = styleSetting == "ball" ? style = ImageStyle.Ball : style; 2368 style = styleSetting == "triangle" ? style = ImageStyle.Triangle : style; 2369 var file = Model.Item.GetFile("Image"); 2370 2371 Image image = new Image 2372 { 2373 Path = file, 2374 Style = style, 2375 CssClass = "background-image__cover", 2376 ImageDefault = new ImageSettings 2377 { 2378 Crop = 5, 2379 Width = width 2380 } 2381 }; 2382 2383 if (styleSetting == "square") 2384 { 2385 image.ImageDefault.Crop = 0; 2386 image.ImageDefault.Height = image.ImageDefault.Width; 2387 } 2388 2389 string imageAltText = ""; 2390 if (!string.IsNullOrWhiteSpace(Model.Item.GetString("ImageAltText"))) 2391 { 2392 imageAltText = Model.Item.GetString("ImageAltText"); 2393 } 2394 2395 string imageTitleText = ""; 2396 if (!string.IsNullOrWhiteSpace(Model.Item.GetString("ImageTitleText"))) 2397 { 2398 imageTitleText = Model.Item.GetString("ImageTitleText"); 2399 } 2400 2401 <div class="paragraph-image"> 2402 @RenderWithAltAndTitle(image, imageAltText, imageTitleText) 2403 </div> 2404 } 2405 2406 <div class="u-full-width u-padding-top dw-mod"> 2407 @if (!string.IsNullOrEmpty(Model.Item.GetString("Title")) || !string.IsNullOrEmpty(Model.Item.GetString("Text"))) 2408 { 2409 <div class="u-margin-bottom--lg"> 2410 @if (!Model.Item.GetBoolean("HideTitle")) 2411 { 2412 @Render(new Heading { Title = Model.Item.GetString("Title"), Level = 2, CssClass = "u-no-margin" }) 2413 } 2414 @Render(new Text { Content = Model.Item.GetString("Text") }) 2415 </div> 2416 } 2417 </div> 2418 2419 if (!string.IsNullOrEmpty(Model.Item.GetItem("ButtonOne").GetString("Title"))) 2420 { 2421 <div class="buttons-collection u-block dw-mod"> 2422 @ParagraphButton(Model.Item.GetItem("ButtonOne")) 2423 </div> 2424 } 2425 } 2426 2427 2428 @helper ParagraphButton(ItemViewModel item) 2429 { 2430 if (item != null) 2431 { 2432 if (!string.IsNullOrEmpty(item.GetString("Title"))) 2433 { 2434 Button button = new Button 2435 { 2436 Title = item.GetString("Title"), 2437 Href = item.GetString("Link"), 2438 ButtonLayout = (ButtonLayout)System.Enum.Parse(typeof(ButtonLayout), char.ToUpper(item.GetList("Layout").SelectedValue[0]) + item.GetList("Layout").SelectedValue.Substring(1)) 2439 }; 2440 2441 if (!string.IsNullOrEmpty(item.GetString("Icon"))) 2442 { 2443 button.Icon = new Icon 2444 { 2445 CssClass = item.GetString("Icon") 2446 }; 2447 } 2448 2449 @Render(button) 2450 } 2451 } 2452 } 2453 2454 2455 2456 2457 2458
Error executing template "Designs/Rapido/ContentPage/Paragraph/StandardParagraphThree.cshtml" Microsoft.CSharp.RuntimeBinder.RuntimeBinderException: Cannot perform runtime binding on a null reference at CallSite.Target(Closure , CallSite , Object ) at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<>c__DisplayClass19_0.<RenderTheImage>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 924 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<>c__DisplayClass18_0.<RenderWithAltAndTitle>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 860 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<RenderTheContent>b__48_0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 2402 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.Execute() in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 2347 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 Dynamicweb.Frontend 3 @using Dynamicweb.Rapido.Blocks.Components 4 @using Dynamicweb.Rapido.Blocks.Components.General 5 6 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel> 7 @using Dynamicweb.Frontend 8 9 @* Include the components *@ 10 @using System.Text.RegularExpressions 11 @using System.Collections.Generic 12 @using System.Reflection 13 @using System.Web 14 @using System.Web.UI.HtmlControls 15 @using Dynamicweb.Rapido.Blocks.Components 16 @using Dynamicweb.Rapido.Blocks.Components.Articles 17 @using Dynamicweb.Rapido.Blocks.Components.Documentation 18 @using Dynamicweb.Rapido.Blocks 19 20 21 @*--- START: Base block renderers ---*@ 22 23 @helper RenderBlockList(List<Block> blocks) 24 { 25 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 26 blocks = blocks.OrderBy(item => item.SortId).ToList(); 27 28 foreach (Block item in blocks) 29 { 30 if (debug) { 31 <!-- Block START: @item.Id --> 32 } 33 34 if (item.Design == null) 35 { 36 @RenderBlock(item) 37 } 38 else if (item.Design.RenderType == RenderType.None) { 39 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 40 41 <div class="@cssClass dw-mod"> 42 @RenderBlock(item) 43 </div> 44 } 45 else if (item.Design.RenderType != RenderType.Hide) 46 { 47 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 48 49 if (!item.SkipRenderBlocksList) { 50 if (item.Design.RenderType == RenderType.Row) 51 { 52 <div class="grid grid--align-content-start @cssClass dw-mod" id="Block__@item.Id"> 53 @RenderBlock(item) 54 </div> 55 } 56 57 if (item.Design.RenderType == RenderType.Column) 58 { 59 string hidePadding = item.Design.HidePadding ? "u-no-padding" : ""; 60 string size = item.Design.Size ?? "12"; 61 size = Regex.IsMatch(size, @"\d") ? "md-" + item.Design.Size : item.Design.Size; 62 63 <div class="grid__col-lg-@item.Design.Size grid__col-md-@item.Design.Size grid__col-sm-12 grid__col-xs-12 @hidePadding @cssClass dw-mod" id="Block__@item.Id"> 64 @RenderBlock(item) 65 </div> 66 } 67 68 if (item.Design.RenderType == RenderType.Table) 69 { 70 <table class="table @cssClass dw-mod" id="Block__@item.Id"> 71 @RenderBlock(item) 72 </table> 73 } 74 75 if (item.Design.RenderType == RenderType.TableRow) 76 { 77 <tr class="@cssClass dw-mod" id="Block__@item.Id"> 78 @RenderBlock(item) 79 </tr> 80 } 81 82 if (item.Design.RenderType == RenderType.TableColumn) 83 { 84 <td class="@cssClass dw-mod" id="Block__@item.Id"> 85 @RenderBlock(item) 86 </td> 87 } 88 89 if (item.Design.RenderType == RenderType.CardHeader) 90 { 91 <div class="card-header @cssClass dw-mod"> 92 @RenderBlock(item) 93 </div> 94 } 95 96 if (item.Design.RenderType == RenderType.CardBody) 97 { 98 <div class="card @cssClass dw-mod"> 99 @RenderBlock(item) 100 </div> 101 } 102 103 if (item.Design.RenderType == RenderType.CardFooter) 104 { 105 <div class="card-footer @cssClass dw-mod"> 106 @RenderBlock(item) 107 </div> 108 } 109 } 110 else 111 { 112 @RenderBlock(item) 113 } 114 } 115 116 if (debug) { 117 <!-- Block END: @item.Id --> 118 } 119 } 120 } 121 122 @helper RenderBlock(Block item) 123 { 124 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 125 126 if (item.Template != null) 127 { 128 @BlocksPage.RenderTemplate(item.Template) 129 } 130 131 if (item.Component != null) 132 { 133 string customSufix = "Custom"; 134 string methodName = item.Component.HelperName; 135 136 ComponentBase[] methodParameters = new ComponentBase[1]; 137 methodParameters[0] = item.Component; 138 Type methodType = this.GetType(); 139 140 MethodInfo customMethod = methodType.GetMethod(methodName + customSufix); 141 MethodInfo generalMethod = methodType.GetMethod(methodName); 142 143 try { 144 if (debug) { 145 <!-- Component: @methodName.Replace("Render", "") --> 146 } 147 @customMethod.Invoke(this, methodParameters).ToString(); 148 } catch { 149 try { 150 @generalMethod.Invoke(this, methodParameters).ToString(); 151 } catch(Exception ex) { 152 throw new Exception(item.Component.GetType().Name + " method '" + methodName +"' could not be invoked", ex); 153 } 154 } 155 } 156 157 if (item.BlocksList.Count > 0 && !item.SkipRenderBlocksList) 158 { 159 @RenderBlockList(item.BlocksList) 160 } 161 } 162 163 @*--- END: Base block renderers ---*@ 164 165 @using Dynamicweb.Rapido.Blocks.Components 166 @using Dynamicweb.Rapido.Blocks.Components.General 167 @using Dynamicweb.Rapido.Blocks 168 @using System.IO 169 170 @* Required *@ 171 @using Dynamicweb.Rapido.Blocks.Components 172 @using Dynamicweb.Rapido.Blocks.Components.General 173 @using Dynamicweb.Rapido.Blocks 174 175 176 @helper Render(ComponentBase component) 177 { 178 if (component != null) 179 { 180 @component.Render(this) 181 } 182 } 183 184 @* Components *@ 185 @using System.Reflection 186 @using Dynamicweb.Rapido.Blocks.Components.General 187 188 189 @* Component *@ 190 191 @helper RenderIcon(Icon settings) 192 { 193 if (settings != null) 194 { 195 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 196 197 if (settings.Name != null) 198 { 199 if (string.IsNullOrEmpty(settings.Label)) 200 { 201 <i class="@settings.Prefix @settings.Name @settings.CssClass" @color></i> 202 } 203 else 204 { 205 if (settings.LabelPosition == IconLabelPosition.Before) 206 { 207 <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> 208 } 209 else 210 { 211 <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> 212 } 213 } 214 } 215 else if (!string.IsNullOrEmpty(settings.Label)) 216 { 217 @settings.Label 218 } 219 } 220 } 221 @using System.Reflection 222 @using Dynamicweb.Rapido.Blocks.Components.General 223 @using Dynamicweb.Rapido.Blocks.Components 224 @using Dynamicweb.Core 225 226 @* Component *@ 227 228 @helper RenderButton(Button settings) 229 { 230 if (settings != null && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 231 { 232 Dictionary<string, string> attributes = new Dictionary<string, string>(); 233 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 234 if (settings.Disabled) { 235 attributes.Add("disabled", "true"); 236 classList.Add("disabled"); 237 } 238 239 if (!string.IsNullOrEmpty(settings.ConfirmText) || !string.IsNullOrEmpty(settings.ConfirmTitle)) 240 { 241 settings.Id = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 242 @RenderConfirmDialog(settings); 243 settings.OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = true"; 244 } 245 246 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 247 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 248 if (!string.IsNullOrEmpty(settings.AltText)) 249 { 250 attributes.Add("title", settings.AltText); 251 } 252 else if (!string.IsNullOrEmpty(settings.Title)) 253 { 254 string cleanTitle = Regex.Replace(settings.Title, "<.*?>", String.Empty); 255 cleanTitle = cleanTitle.Replace(" ", " "); 256 attributes.Add("title", cleanTitle); 257 } 258 259 var onClickEvents = new List<string>(); 260 if (!string.IsNullOrEmpty(settings.OnClick)) 261 { 262 onClickEvents.Add(settings.OnClick); 263 } 264 if (!string.IsNullOrEmpty(settings.Href)) 265 { 266 onClickEvents.Add("location.href='" + settings.Href + "'"); 267 } 268 if (onClickEvents.Count > 0) 269 { 270 attributes.Add("onClick", string.Join(";", onClickEvents)); 271 } 272 273 if (settings.ButtonLayout != ButtonLayout.None) 274 { 275 classList.Add("btn"); 276 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 277 if (btnLayout == "linkclean") 278 { 279 btnLayout = "link-clean"; //fix 280 } 281 classList.Add("btn--" + btnLayout); 282 } 283 284 if (settings.Icon == null) 285 { 286 settings.Icon = new Icon(); 287 } 288 289 settings.Icon.CssClass += Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower() != "linkclean" ? " u-flex--align-center" : ""; 290 settings.Icon.Label = settings.Title; 291 292 attributes.Add("type", Enum.GetName(typeof(ButtonType), settings.ButtonType).ToLower()); 293 294 <button class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</button> 295 } 296 } 297 298 @helper RenderConfirmDialog(Button settings) 299 { 300 Modal confirmDialog = new Modal { 301 Id = settings.Id, 302 Width = ModalWidth.Sm, 303 Heading = new Heading 304 { 305 Level = 2, 306 Title = settings.ConfirmTitle 307 }, 308 BodyText = settings.ConfirmText 309 }; 310 311 confirmDialog.AddAction(new Button { Title = Translate("Cancel"), ButtonLayout = ButtonLayout.Secondary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false"}); 312 confirmDialog.AddAction(new Button { Title = Translate("OK"), ButtonLayout = ButtonLayout.Primary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false;" + settings.OnClick }); 313 314 @Render(confirmDialog) 315 } 316 @using Dynamicweb.Rapido.Blocks.Components.General 317 @using Dynamicweb.Rapido.Blocks.Components 318 @using Dynamicweb.Core 319 320 @helper RenderDashboard(Dashboard settings) 321 { 322 var widgets = settings.GetWidgets(); 323 324 if (!string.IsNullOrEmpty(settings.WidgetsBaseBackgroundColor)) 325 { 326 //set bg color for them 327 328 System.Drawing.Color color = System.Drawing.ColorTranslator.FromHtml(settings.WidgetsBaseBackgroundColor); 329 int r = Convert.ToInt16(color.R); 330 int g = Convert.ToInt16(color.G); 331 int b = Convert.ToInt16(color.B); 332 333 var count = widgets.Length; 334 var max = Math.Max(r, Math.Max(g, b)); 335 double step = 255.0 / (max * count); 336 var i = 0; 337 foreach (var widget in widgets) 338 { 339 i++; 340 341 var shade = "rgb(" + Converter.ToString(r * step * i).Replace(",", ".") + ", " + Converter.ToString(g * step * i).Replace(",", ".") + ", " + Converter.ToString(b * step * i).Replace(",", ".") + ")"; 342 widget.BackgroundColor = shade; 343 } 344 } 345 346 <div class="dashboard @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 347 @foreach (var widget in widgets) 348 { 349 <div class="dashboard__widget"> 350 @Render(widget) 351 </div> 352 } 353 </div> 354 } 355 @using Dynamicweb.Rapido.Blocks.Components.General 356 @using Dynamicweb.Rapido.Blocks.Components 357 358 @helper RenderDashboardWidgetLink(DashboardWidgetLink settings) 359 { 360 if (!string.IsNullOrEmpty(settings.Link)) 361 { 362 var backgroundStyles = ""; 363 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 364 { 365 backgroundStyles = "style=\"background-color:" + settings.BackgroundColor + "\""; 366 } 367 368 <a href="@settings.Link" class="widget widget--link @settings.CssClass dw-mod" @backgroundStyles title="@settings.Title" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 369 <div class="u-center-middle u-color-light"> 370 @if (settings.Icon != null) 371 { 372 settings.Icon.CssClass += "widget__icon"; 373 @Render(settings.Icon) 374 } 375 <div class="widget__title">@settings.Title</div> 376 </div> 377 </a> 378 } 379 } 380 @using Dynamicweb.Rapido.Blocks.Components.General 381 @using Dynamicweb.Rapido.Blocks.Components 382 383 @helper RenderDashboardWidgetCounter(DashboardWidgetCounter settings) 384 { 385 var backgroundStyles = ""; 386 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 387 { 388 backgroundStyles = "style='background-color:" + settings.BackgroundColor + "'"; 389 } 390 391 <div class="widget @settings.CssClass dw-mod" @backgroundStyles @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 392 <div class="u-center-middle u-color-light"> 393 @if (settings.Icon != null) 394 { 395 settings.Icon.CssClass += "widget__icon"; 396 @Render(settings.Icon) 397 } 398 <div class="widget__counter">@settings.Count</div> 399 <div class="widget__title">@settings.Title</div> 400 </div> 401 </div> 402 } 403 @using System.Reflection 404 @using Dynamicweb.Rapido.Blocks.Components.General 405 @using Dynamicweb.Rapido.Blocks.Components 406 @using Dynamicweb.Core 407 408 @* Component *@ 409 410 @helper RenderLink(Link settings) 411 { 412 if (settings != null && !string.IsNullOrEmpty(settings.Href) && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 413 { 414 Dictionary<string, string> attributes = new Dictionary<string, string>(); 415 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 416 if (settings.Disabled) 417 { 418 attributes.Add("disabled", "true"); 419 classList.Add("disabled"); 420 } 421 422 if (!string.IsNullOrEmpty(settings.AltText)) 423 { 424 attributes.Add("title", settings.AltText); 425 } 426 else if (!string.IsNullOrEmpty(settings.Title)) 427 { 428 attributes.Add("title", settings.Title); 429 } 430 431 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 432 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 433 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onClick", settings.OnClick); } 434 attributes.Add("href", settings.Href); 435 436 if (settings.ButtonLayout != ButtonLayout.None) 437 { 438 classList.Add("btn"); 439 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 440 if (btnLayout == "linkclean") 441 { 442 btnLayout = "link-clean"; //fix 443 } 444 classList.Add("btn--" + btnLayout); 445 } 446 447 if (settings.Icon == null) 448 { 449 settings.Icon = new Icon(); 450 } 451 settings.Icon.Label = settings.Title; 452 453 if (settings.Target == LinkTargetType.Blank && settings.Rel == LinkRelType.None) 454 { 455 settings.Rel = LinkRelType.Noopener; 456 } 457 if (settings.Target != LinkTargetType.None) 458 { 459 attributes.Add("target", "_" + Enum.GetName(typeof(LinkTargetType), settings.Target).ToLower()); 460 } 461 if (settings.Download) 462 { 463 attributes.Add("download", "true"); 464 } 465 if (settings.Rel != LinkRelType.None) 466 { 467 attributes.Add("rel", Enum.GetName(typeof(LinkRelType), settings.Rel).ToLower()); 468 } 469 470 <a class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</a> 471 } 472 } 473 @using System.Reflection 474 @using Dynamicweb.Rapido.Blocks.Components 475 @using Dynamicweb.Rapido.Blocks.Components.General 476 @using Dynamicweb.Rapido.Blocks 477 478 479 @* Component *@ 480 481 @helper RenderRating(Rating settings) 482 { 483 if (settings.Score > 0) 484 { 485 int rating = settings.Score; 486 string iconType = "fa-star"; 487 488 switch (settings.Type.ToString()) { 489 case "Stars": 490 iconType = "fa-star"; 491 break; 492 case "Hearts": 493 iconType = "fa-heart"; 494 break; 495 case "Lemons": 496 iconType = "fa-lemon"; 497 break; 498 case "Bombs": 499 iconType = "fa-bomb"; 500 break; 501 } 502 503 <div class="u-ta-right"> 504 @for (int i = 0; i < settings.OutOf; i++) 505 { 506 <i class="@(rating > i ? "fas" : "far") @iconType"></i> 507 } 508 </div> 509 } 510 } 511 @using System.Reflection 512 @using Dynamicweb.Rapido.Blocks.Components.General 513 @using Dynamicweb.Rapido.Blocks.Components 514 515 516 @* Component *@ 517 518 @helper RenderSelectFieldOption(SelectFieldOption settings) 519 { 520 Dictionary<string, string> attributes = new Dictionary<string, string>(); 521 if (settings.Checked) { attributes.Add("selected", "true"); } 522 if (settings.Disabled) { attributes.Add("disabled", "true"); } 523 if (settings.Value != null) { attributes.Add("value", settings.Value); } 524 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 525 526 <option @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Label</option> 527 } 528 @using System.Reflection 529 @using Dynamicweb.Rapido.Blocks.Components.General 530 @using Dynamicweb.Rapido.Blocks.Components 531 532 533 @* Component *@ 534 535 @helper RenderNavigation(Navigation settings) { 536 @RenderNavigation(new 537 { 538 id = settings.Id, 539 cssclass = settings.CssClass, 540 startLevel = settings.StartLevel, 541 endlevel = settings.EndLevel, 542 expandmode = settings.Expandmode, 543 sitemapmode = settings.SitemapMode, 544 template = settings.Template 545 }) 546 } 547 @using Dynamicweb.Rapido.Blocks.Components.General 548 @using Dynamicweb.Rapido.Blocks.Components 549 550 551 @* Component *@ 552 553 @helper RenderBreadcrumbNavigation(BreadcrumbNavigation settings) { 554 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 555 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 556 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 557 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 558 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 559 settings.SitemapMode = false; 560 561 @RenderNavigation(settings) 562 } 563 @using Dynamicweb.Rapido.Blocks.Components.General 564 @using Dynamicweb.Rapido.Blocks.Components 565 566 567 @* Component *@ 568 569 @helper RenderLeftNavigation(LeftNavigation settings) { 570 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 571 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 572 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 573 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 574 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 575 576 <div class="grid__cell"> 577 @RenderNavigation(settings) 578 </div> 579 } 580 @using System.Reflection 581 @using Dynamicweb.Rapido.Blocks.Components.General 582 @using Dynamicweb.Core 583 584 @* Component *@ 585 586 @helper RenderHeading(Heading settings) 587 { 588 if (settings != null && !string.IsNullOrEmpty(settings.Title)) 589 { 590 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 591 string tagName = settings.Level != 0 ? "h" + settings.Level.ToString() : "div"; 592 593 @("<" + tagName + " class=\"" + settings.CssClass + " dw-mod\" " + color + ">") 594 if (!string.IsNullOrEmpty(settings.Link)) 595 { 596 @Render(new Link { Href = settings.Link, Icon = settings.Icon, Title = settings.Title, ButtonLayout = ButtonLayout.None }) 597 } 598 else 599 { 600 if (settings.Icon == null) 601 { 602 settings.Icon = new Icon(); 603 } 604 settings.Icon.Label = settings.Title; 605 @Render(settings.Icon) 606 } 607 @("</" + tagName + ">"); 608 } 609 } 610 @using Dynamicweb.Rapido.Blocks.Components 611 @using Dynamicweb.Rapido.Blocks.Components.General 612 @using Dynamicweb.Rapido.Blocks 613 614 615 @* Component *@ 616 617 @helper RenderImage(Image settings) 618 { 619 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 620 { 621 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 622 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 623 624 if (settings.Caption != null) 625 { 626 @:<div> 627 } 628 629 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 630 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 631 632 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 633 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 634 @if (settings.Link != null) 635 { 636 <a href="@settings.Link"> 637 @RenderTheImage(settings) 638 </a> 639 } 640 else 641 { 642 @RenderTheImage(settings) 643 } 644 </div> 645 </div> 646 647 if (settings.Caption != null) 648 { 649 <span class="image-caption dw-mod">@settings.Caption</span> 650 @:</div> 651 } 652 } 653 else 654 { 655 if (settings.Caption != null) 656 { 657 @:<div> 658 } 659 if (!string.IsNullOrEmpty(settings.Link)) 660 { 661 <a href="@settings.Link"> 662 @RenderTheImage(settings) 663 </a> 664 } 665 else 666 { 667 @RenderTheImage(settings) 668 } 669 670 if (settings.Caption != null) 671 { 672 <span class="image-caption dw-mod">@settings.Caption</span> 673 @:</div> 674 } 675 } 676 } 677 678 @helper RenderTheImage(Image settings) 679 { 680 if (settings != null) 681 { 682 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 683 string placeholderImage = "/Files/Images/placeholder.gif"; 684 string imageEngine = "/Admin/Public/GetImage.ashx?"; 685 686 string imageStyle = ""; 687 688 switch (settings.Style) 689 { 690 case ImageStyle.Ball: 691 imageStyle = "grid__cell-img--ball"; 692 break; 693 694 case ImageStyle.Triangle: 695 imageStyle = "grid__cell-img--triangle"; 696 break; 697 } 698 699 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 700 { 701 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 702 703 if (settings.ImageDefault != null) 704 { 705 settings.ImageDefault.Height = settings.ImageDefault.Width; 706 } 707 if (settings.ImageMedium != null) 708 { 709 settings.ImageMedium.Height = settings.ImageMedium.Width; 710 } 711 if (settings.ImageSmall != null) 712 { 713 settings.ImageSmall.Height = settings.ImageSmall.Width; 714 } 715 } 716 717 string defaultImage = imageEngine; 718 string imageSmall = ""; 719 string imageMedium = ""; 720 721 if (settings.DisableImageEngine) 722 { 723 defaultImage = settings.Path; 724 } 725 else 726 { 727 if (settings.ImageDefault != null) 728 { 729 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 730 731 if (settings.Path.GetType() != typeof(string)) 732 { 733 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 734 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 735 } 736 else 737 { 738 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 739 } 740 741 defaultImage += "&AlternativeImage=" + alternativeImage; 742 } 743 744 if (settings.ImageSmall != null) 745 { 746 imageSmall = "data-src-small=\"" + imageEngine; 747 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 748 749 if (settings.Path.GetType() != typeof(string)) 750 { 751 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 752 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 753 } 754 else 755 { 756 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 757 } 758 759 imageSmall += "&alternativeImage=" + alternativeImage; 760 761 imageSmall += "\""; 762 } 763 764 if (settings.ImageMedium != null) 765 { 766 imageMedium = "data-src-medium=\"" + imageEngine; 767 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 768 769 if (settings.Path.GetType() != typeof(string)) 770 { 771 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 772 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 773 } 774 else 775 { 776 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 777 } 778 779 imageMedium += "&alternativeImage=" + alternativeImage; 780 781 imageMedium += "\""; 782 } 783 } 784 785 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 786 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 787 if (!string.IsNullOrEmpty(settings.Title)) 788 { 789 optionalAttributes.Add("alt", settings.Title); 790 optionalAttributes.Add("title", settings.Title); 791 } 792 793 if (settings.DisableLazyLoad) 794 { 795 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) /> 796 } 797 else 798 { 799 <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) /> 800 } 801 } 802 } 803 @using Dynamicweb.Rapido.Blocks.Components 804 @using Dynamicweb.Rapido.Blocks.Components.General 805 @using Dynamicweb.Rapido.Blocks 806 807 808 @* Component *@ 809 810 @helper RenderWithAltAndTitle(Image settings, string alText = "", string titleText = "") 811 { 812 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 813 { 814 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 815 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 816 817 if (settings.Caption != null) 818 { 819 @:<div> 820 } 821 822 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 823 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 824 825 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 826 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 827 @if (settings.Link != null) 828 { 829 <a href="@settings.Link"> 830 @RenderTheImage(settings, alText, titleText) 831 </a> 832 } 833 else 834 { 835 @RenderTheImage(settings, alText, titleText) 836 } 837 </div> 838 </div> 839 840 if (settings.Caption != null) 841 { 842 <span class="image-caption dw-mod">@settings.Caption</span> 843 @:</div> 844 } 845 } 846 else 847 { 848 if (settings.Caption != null) 849 { 850 @:<div> 851 } 852 if (!string.IsNullOrEmpty(settings.Link)) 853 { 854 <a href="@settings.Link"> 855 @RenderTheImage(settings, alText, titleText) 856 </a> 857 } 858 else 859 { 860 @RenderTheImage(settings, alText, titleText) 861 } 862 863 if (settings.Caption != null) 864 { 865 <span class="image-caption dw-mod">@settings.Caption</span> 866 @:</div> 867 } 868 } 869 } 870 871 @helper RenderTheImage(Image settings, string alText = "", string titleText = "") 872 { 873 if (settings != null) 874 { 875 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 876 string placeholderImage = "/Files/Images/placeholder.gif"; 877 string imageEngine = "/Admin/Public/GetImage.ashx?"; 878 879 string imageStyle = ""; 880 881 switch (settings.Style) 882 { 883 case ImageStyle.Ball: 884 imageStyle = "grid__cell-img--ball"; 885 break; 886 887 case ImageStyle.Triangle: 888 imageStyle = "grid__cell-img--triangle"; 889 break; 890 } 891 892 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 893 { 894 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 895 896 if (settings.ImageDefault != null) 897 { 898 settings.ImageDefault.Height = settings.ImageDefault.Width; 899 } 900 if (settings.ImageMedium != null) 901 { 902 settings.ImageMedium.Height = settings.ImageMedium.Width; 903 } 904 if (settings.ImageSmall != null) 905 { 906 settings.ImageSmall.Height = settings.ImageSmall.Width; 907 } 908 } 909 910 string defaultImage = imageEngine; 911 string imageSmall = ""; 912 string imageMedium = ""; 913 914 if (settings.DisableImageEngine) 915 { 916 defaultImage = settings.Path; 917 } 918 else 919 { 920 if (settings.ImageDefault != null) 921 { 922 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 923 924 if (settings.Path.GetType() != typeof(string)) 925 { 926 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 927 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 928 } 929 else 930 { 931 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 932 } 933 934 defaultImage += "&AlternativeImage=" + alternativeImage; 935 } 936 937 if (settings.ImageSmall != null) 938 { 939 imageSmall = "data-src-small=\"" + imageEngine; 940 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 941 942 if (settings.Path.GetType() != typeof(string)) 943 { 944 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 945 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 946 } 947 else 948 { 949 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 950 } 951 952 imageSmall += "&alternativeImage=" + alternativeImage; 953 954 imageSmall += "\""; 955 } 956 957 if (settings.ImageMedium != null) 958 { 959 imageMedium = "data-src-medium=\"" + imageEngine; 960 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 961 962 if (settings.Path.GetType() != typeof(string)) 963 { 964 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 965 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 966 } 967 else 968 { 969 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 970 971 972 } 973 974 imageMedium += "&alternativeImage=" + alternativeImage; 975 976 imageMedium += "\""; 977 } 978 } 979 980 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 981 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 982 if (!string.IsNullOrEmpty(settings.Title)) 983 { 984 optionalAttributes.Add("alt", settings.Title); 985 optionalAttributes.Add("title", settings.Title); 986 } 987 988 989 990 string imgAlt = ""; 991 string imgTitle = ""; 992 993 if (!string.IsNullOrWhiteSpace(alText)) 994 { 995 imgAlt = "alt=" + '"' + alText + '"'; 996 } 997 998 if (!string.IsNullOrWhiteSpace(titleText)) 999 { 1000 imgTitle = "title=" + '"' + titleText + '"'; 1001 1002 } 1003 1004 1005 if (settings.DisableLazyLoad) 1006 { 1007 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) @imgAlt @imgTitle /> 1008 } 1009 else 1010 { 1011 <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) @imgAlt @imgTitle /> 1012 } 1013 } 1014 } 1015 @using System.Reflection 1016 @using Dynamicweb.Rapido.Blocks.Components.General 1017 @using Dynamicweb.Rapido.Blocks.Components 1018 1019 @* Component *@ 1020 1021 @helper RenderFileField(FileField settings) 1022 { 1023 var attributes = new Dictionary<string, string>(); 1024 if (string.IsNullOrEmpty(settings.Id)) 1025 { 1026 settings.Id = Guid.NewGuid().ToString("N"); 1027 } 1028 1029 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1030 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1031 if (settings.Required) { attributes.Add("required", "true"); } 1032 if (settings.Multiple) { attributes.Add("multiple", "true"); } 1033 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1034 if (string.IsNullOrEmpty(settings.ChooseFileText)) 1035 { 1036 settings.ChooseFileText = Translate("Choose file"); 1037 } 1038 if (string.IsNullOrEmpty(settings.NoFilesChosenText)) 1039 { 1040 settings.NoFilesChosenText = Translate("No files chosen..."); 1041 } 1042 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1043 1044 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1045 1046 string setValueToFakeInput = "FileUpload.setValueToFakeInput(this)"; 1047 attributes.Add("onchange", setValueToFakeInput + (!string.IsNullOrEmpty(settings.OnChange) ? settings.OnChange : "")); 1048 1049 attributes.Add("type", "file"); 1050 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1051 settings.CssClass = "u-full-width " + settings.CssClass; 1052 1053 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1054 1055 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1056 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1057 { 1058 <div class="u-full-width"> 1059 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1060 @if (settings.Link != null) { 1061 <div class="u-pull--right"> 1062 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1063 @Render(settings.Link) 1064 </div> 1065 } 1066 </div> 1067 1068 } 1069 1070 @if (!string.IsNullOrEmpty(settings.HelpText)) 1071 { 1072 <small class="form__help-text">@settings.HelpText</small> 1073 } 1074 1075 <div class="form__field-combi file-input u-no-margin dw-mod"> 1076 <input @ComponentMethods.AddAttributes(resultAttributes) class="file-input__real-input" data-no-files-text="@settings.NoFilesChosenText" data-many-files-text="@Translate("files")" /> 1077 <label for="@settings.Id" class="file-input__btn btn--secondary btn dw-mod">@settings.ChooseFileText</label> 1078 <label for="@settings.Id" class="@settings.CssClass file-input__fake-input js-fake-input dw-mod">@settings.NoFilesChosenText</label> 1079 @if (settings.UploadButton != null) 1080 { 1081 settings.UploadButton.CssClass += " btn--condensed u-no-margin"; 1082 @Render(settings.UploadButton) 1083 } 1084 </div> 1085 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1086 </div> 1087 } 1088 @using System.Reflection 1089 @using Dynamicweb.Rapido.Blocks.Components.General 1090 @using Dynamicweb.Rapido.Blocks.Components 1091 @using Dynamicweb.Core 1092 @using System.Linq 1093 1094 @* Component *@ 1095 1096 @helper RenderDateTimeField(DateTimeField settings) 1097 { 1098 if (string.IsNullOrEmpty(settings.Id)) 1099 { 1100 settings.Id = Guid.NewGuid().ToString("N"); 1101 } 1102 1103 var textField = new TextField { 1104 Name = settings.Name, 1105 Id = settings.Id, 1106 Label = settings.Label, 1107 HelpText = settings.HelpText, 1108 Value = settings.Value, 1109 Disabled = settings.Disabled, 1110 Required = settings.Required, 1111 ErrorMessage = settings.ErrorMessage, 1112 CssClass = settings.CssClass, 1113 WrapperCssClass = settings.WrapperCssClass, 1114 OnChange = settings.OnChange, 1115 OnClick = settings.OnClick, 1116 Link = settings.Link, 1117 ExtraAttributes = settings.ExtraAttributes, 1118 // 1119 Placeholder = settings.Placeholder 1120 }; 1121 1122 @Render(textField) 1123 1124 List<string> jsAttributes = new List<string>(); 1125 1126 jsAttributes.Add("mode: '" + Enum.GetName(typeof(DateTimeFieldMode), settings.Mode).ToLower() + "'"); 1127 1128 if (!string.IsNullOrEmpty(settings.DateFormat)) 1129 { 1130 jsAttributes.Add("dateFormat: '" + settings.DateFormat + "'"); 1131 } 1132 if (!string.IsNullOrEmpty(settings.MinDate)) 1133 { 1134 jsAttributes.Add("minDate: '" + settings.MinDate + "'"); 1135 } 1136 if (!string.IsNullOrEmpty(settings.MaxDate)) 1137 { 1138 jsAttributes.Add("maxDate: '" + settings.MaxDate + "'"); 1139 } 1140 if (settings.IsInline) 1141 { 1142 jsAttributes.Add("inline: " + Converter.ToString(settings.IsInline).ToLower()); 1143 } 1144 if (settings.EnableTime) 1145 { 1146 jsAttributes.Add("enableTime: " + Converter.ToString(settings.EnableTime).ToLower()); 1147 } 1148 if (settings.EnableWeekNumbers) 1149 { 1150 jsAttributes.Add("weekNumbers: " + Converter.ToString(settings.EnableWeekNumbers).ToLower()); 1151 } 1152 1153 jsAttributes.AddRange(settings.GetFlatPickrOptions().Select(x => x.Key + ": " + x.Value)); 1154 1155 <script> 1156 document.addEventListener("DOMContentLoaded", function () { 1157 flatpickr("#@textField.Id", { 1158 @string.Join(",", jsAttributes) 1159 }); 1160 }); 1161 </script> 1162 } 1163 @using System.Reflection 1164 @using Dynamicweb.Rapido.Blocks.Components.General 1165 @using Dynamicweb.Rapido.Blocks.Components 1166 1167 @* Component *@ 1168 1169 @helper RenderTextField(TextField settings) 1170 { 1171 var attributes = new Dictionary<string, string>(); 1172 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1173 { 1174 settings.Id = Guid.NewGuid().ToString("N"); 1175 } 1176 1177 /*base settings*/ 1178 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1179 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1180 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1181 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1182 if (settings.Required) { attributes.Add("required", "true"); } 1183 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1184 /*end*/ 1185 1186 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1187 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1188 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1189 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1190 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1191 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1192 attributes.Add("type", Enum.GetName(typeof(TextFieldType), settings.Type).ToLower()); 1193 if (settings.Type == TextFieldType.Password) { attributes.Add("autocomplete", "off"); }; 1194 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1195 1196 settings.CssClass = "u-full-width " + settings.CssClass; 1197 1198 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1199 1200 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1201 1202 string noMargin = "u-no-margin"; 1203 if (!settings.ReadOnly) { 1204 noMargin = ""; 1205 } 1206 1207 <div class="form__field-group u-full-width @noMargin @settings.WrapperCssClass dw-mod"> 1208 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1209 { 1210 <div class="u-full-width"> 1211 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1212 @if (settings.Link != null) { 1213 settings.Link.ButtonLayout = ButtonLayout.LinkClean; 1214 1215 <div class="u-pull--right"> 1216 @Render(settings.Link) 1217 </div> 1218 } 1219 </div> 1220 1221 } 1222 1223 @if (!string.IsNullOrEmpty(settings.HelpText)) 1224 { 1225 <small class="form__help-text">@settings.HelpText</small> 1226 } 1227 1228 @if (settings.ActionButton != null) 1229 { 1230 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1231 <div class="form__field-combi u-no-margin dw-mod"> 1232 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1233 @Render(settings.ActionButton) 1234 </div> 1235 } 1236 else 1237 { 1238 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1239 } 1240 1241 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1242 </div> 1243 } 1244 @using System.Reflection 1245 @using Dynamicweb.Rapido.Blocks.Components.General 1246 @using Dynamicweb.Rapido.Blocks.Components 1247 1248 @* Component *@ 1249 1250 @helper RenderNumberField(NumberField settings) 1251 { 1252 var attributes = new Dictionary<string, string>(); 1253 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1254 { 1255 settings.Id = Guid.NewGuid().ToString("N"); 1256 } 1257 1258 /*base settings*/ 1259 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1260 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1261 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1262 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1263 if (settings.Required) { attributes.Add("required", "true"); } 1264 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1265 /*end*/ 1266 1267 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1268 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1269 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1270 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1271 if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); } 1272 if (settings.Min != null) { attributes.Add("min", settings.Min.ToString()); } 1273 if (settings.Step != 0) { attributes.Add("step", settings.Step.ToString()); } 1274 if (settings.Value != null && !string.IsNullOrEmpty(settings.Value.ToString())) { attributes.Add("value", settings.Value.ToString()); } 1275 attributes.Add("type", "number"); 1276 1277 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1278 1279 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1280 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1281 { 1282 <div class="u-full-width"> 1283 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1284 @if (settings.Link != null) { 1285 <div class="u-pull--right"> 1286 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1287 @Render(settings.Link) 1288 </div> 1289 } 1290 </div> 1291 1292 } 1293 1294 @if (!string.IsNullOrEmpty(settings.HelpText)) 1295 { 1296 <small class="form__help-text">@settings.HelpText</small> 1297 } 1298 1299 @if (settings.ActionButton != null) 1300 { 1301 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1302 <div class="form__field-combi u-no-margin dw-mod"> 1303 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1304 @Render(settings.ActionButton) 1305 </div> 1306 } 1307 else 1308 { 1309 <div class="form__field-combi u-no-margin dw-mod"> 1310 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1311 </div> 1312 } 1313 1314 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1315 </div> 1316 } 1317 @using System.Reflection 1318 @using Dynamicweb.Rapido.Blocks.Components.General 1319 @using Dynamicweb.Rapido.Blocks.Components 1320 1321 1322 @* Component *@ 1323 1324 @helper RenderTextareaField(TextareaField settings) 1325 { 1326 Dictionary<string, string> attributes = new Dictionary<string, string>(); 1327 string id = settings.Id; 1328 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(id)) 1329 { 1330 id = Guid.NewGuid().ToString("N"); 1331 } 1332 1333 if (!string.IsNullOrEmpty(id)) { attributes.Add("id", id); } 1334 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1335 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1336 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1337 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1338 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1339 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1340 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1341 if (settings.Required) { attributes.Add("required", "true"); } 1342 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1343 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1344 if (settings.Rows != 0) { attributes.Add("rows", settings.Rows.ToString()); } 1345 attributes.Add("name", settings.Name); 1346 1347 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1348 1349 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1350 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1351 { 1352 <div class="u-full-width"> 1353 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1354 @if (settings.Link != null) { 1355 <div class="u-pull--right"> 1356 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1357 @Render(settings.Link) 1358 </div> 1359 } 1360 </div> 1361 } 1362 1363 @if (!string.IsNullOrEmpty(settings.HelpText)) 1364 { 1365 <small class="form__help-text">@settings.HelpText</small> 1366 } 1367 1368 <textarea class="u-full-width @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Value</textarea> 1369 1370 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1371 </div> 1372 } 1373 @using System.Reflection 1374 @using Dynamicweb.Rapido.Blocks.Components.General 1375 @using Dynamicweb.Rapido.Blocks.Components 1376 1377 1378 @* Component *@ 1379 1380 @helper RenderHiddenField(HiddenField settings) { 1381 var attributes = new Dictionary<string, string>(); 1382 attributes.Add("type", "hidden"); 1383 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1384 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1385 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1386 1387 <input @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)/> 1388 } 1389 @using System.Reflection 1390 @using Dynamicweb.Rapido.Blocks.Components.General 1391 @using Dynamicweb.Rapido.Blocks.Components 1392 1393 @* Component *@ 1394 1395 @helper RenderCheckboxField(CheckboxField settings) 1396 { 1397 var attributes = new Dictionary<string, string>(); 1398 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1399 { 1400 settings.Id = Guid.NewGuid().ToString("N"); 1401 } 1402 1403 /*base settings*/ 1404 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1405 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1406 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1407 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1408 if (settings.Required) { attributes.Add("required", "true"); } 1409 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1410 /*end*/ 1411 1412 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1413 1414 attributes.Add("type", "checkbox"); 1415 if (settings.Checked) { attributes.Add("checked", "true"); } 1416 settings.CssClass = "form__control " + settings.CssClass; 1417 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1418 1419 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1420 1421 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1422 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1423 @if (!string.IsNullOrEmpty(settings.Label)) 1424 { 1425 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1426 } 1427 1428 @if (settings.Link != null) { 1429 <span> 1430 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1431 @Render(settings.Link) 1432 </span> 1433 } 1434 1435 @if (!string.IsNullOrEmpty(settings.HelpText)) 1436 { 1437 <small class="form__help-text checkbox-help dw-mod">@settings.HelpText</small> 1438 } 1439 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1440 </div> 1441 } 1442 @using System.Reflection 1443 @using Dynamicweb.Rapido.Blocks.Components.General 1444 @using Dynamicweb.Rapido.Blocks.Components 1445 1446 1447 @* Component *@ 1448 1449 @helper RenderCheckboxListField(CheckboxListField settings) 1450 { 1451 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1452 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1453 { 1454 <div class="u-full-width"> 1455 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1456 @if (settings.Link != null) { 1457 <div class="u-pull--right"> 1458 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1459 @Render(settings.Link) 1460 </div> 1461 } 1462 </div> 1463 1464 } 1465 1466 <div class="u-pull--left"> 1467 @if (!string.IsNullOrEmpty(settings.HelpText)) 1468 { 1469 <small class="form__help-text">@settings.HelpText</small> 1470 } 1471 1472 @foreach (var item in settings.Options) 1473 { 1474 if (settings.Required) 1475 { 1476 item.Required = true; 1477 } 1478 if (settings.Disabled) 1479 { 1480 item.Disabled = true; 1481 } 1482 if (!string.IsNullOrEmpty(settings.Name)) 1483 { 1484 item.Name = settings.Name; 1485 } 1486 if (!string.IsNullOrEmpty(settings.CssClass)) 1487 { 1488 item.CssClass += settings.CssClass; 1489 } 1490 1491 /* value is not supported */ 1492 1493 if (!string.IsNullOrEmpty(settings.OnClick)) 1494 { 1495 item.OnClick += settings.OnClick; 1496 } 1497 if (!string.IsNullOrEmpty(settings.OnChange)) 1498 { 1499 item.OnChange += settings.OnChange; 1500 } 1501 @Render(item) 1502 } 1503 1504 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1505 </div> 1506 1507 </div> 1508 } 1509 @using Dynamicweb.Rapido.Blocks.Components.General 1510 1511 @* Component *@ 1512 1513 @helper RenderSearch(Search settings) 1514 { 1515 var searchValue = HttpContext.Current.Request.QueryString.Get(settings.SearchParameter) ?? ""; 1516 var groupValue = HttpContext.Current.Request.QueryString.Get(settings.GroupsParameter) ?? ""; 1517 1518 if (string.IsNullOrEmpty(settings.Id)) 1519 { 1520 settings.Id = Guid.NewGuid().ToString("N"); 1521 } 1522 1523 var resultAttributes = new Dictionary<string, string>(); 1524 1525 if (settings.PageSize != 0) 1526 { 1527 resultAttributes.Add("data-page-size", settings.PageSize.ToString()); 1528 } 1529 if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1530 { 1531 resultAttributes.Add("data-groups-feed-url", settings.GroupItemsFeedUrl); 1532 if (!string.IsNullOrEmpty(groupValue)) 1533 { 1534 resultAttributes.Add("data-selected-group", groupValue); 1535 } 1536 if (!string.IsNullOrEmpty(settings.GroupsParameter)) 1537 { 1538 resultAttributes.Add("data-groups-parameter", settings.GroupsParameter); 1539 } 1540 } 1541 resultAttributes.Add("data-force-init", "true"); 1542 if (settings.GoToFirstSearchResultOnEnter) 1543 { 1544 resultAttributes.Add("data-go-to-first-search-result-on-enter", settings.GoToFirstSearchResultOnEnter.ToString().ToLower()); 1545 } 1546 if (!string.IsNullOrEmpty(settings.SearchParameter)) 1547 { 1548 resultAttributes.Add("data-search-parameter", settings.SearchParameter); 1549 } 1550 resultAttributes.Add("data-search-feed-url", settings.SearchData.SearchFeedUrl); 1551 resultAttributes.Add("data-results-template-id", settings.SearchData.ResultsTemplateId); 1552 1553 if (settings.SecondSearchData != null) 1554 { 1555 resultAttributes.Add("data-second-search-feed-url", settings.SecondSearchData.SearchFeedUrl); 1556 resultAttributes.Add("data-second-results-template-id", settings.SecondSearchData.ResultsTemplateId); 1557 } 1558 if (!string.IsNullOrEmpty(settings.ResultsPageUrl)) 1559 { 1560 resultAttributes.Add("data-results-page-url", settings.ResultsPageUrl); 1561 } 1562 1563 resultAttributes = resultAttributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1564 1565 string searchFieldCss = (settings.SearchButton == null) ? "search--with-icon" : ""; 1566 1567 <div class="search @settings.CssClass @searchFieldCss js-search-data-source dw-mod" id="@settings.Id" @ComponentMethods.AddAttributes(resultAttributes)> 1568 @if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1569 { 1570 <button type="button" class="search__groups-btn dw-mod js-search-groups-btn">@Translate("All")</button> 1571 <ul class="dropdown dropdown--absolute-position dw-mod search__groups-results js-search-groups-list"></ul> 1572 } 1573 1574 <input type="text" class="search__field dw-mod js-search-field" placeholder="@settings.Placeholder" value="@searchValue"> 1575 1576 <div class="dropdown dropdown--absolute-position search__results dw-mod js-search-results @(settings.SecondSearchData != null ? "search__results--combined" : "")"> 1577 @if (settings.SecondSearchData != null) 1578 { 1579 <div class="search__column search__column--products dw-mod"> 1580 <div class="search__column-header dw-mod">@Translate("Products")</div> 1581 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1582 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1583 { 1584 @Render(new Link { 1585 Title = Translate("View all"), 1586 CssClass = "js-view-all-button u-margin", 1587 Href = settings.SearchData.ResultsPageUrl 1588 }); 1589 } 1590 </div> 1591 <div class="search__column search__column--pages dw-mod"> 1592 <div class="search__column-header">@Translate("Pages")</div> 1593 <ul class="search__results-list dw-mod js-search-results-second-list" id="@(settings.Id)_SecondResultsList"></ul> 1594 @if (!string.IsNullOrEmpty(settings.SecondSearchData.ResultsPageUrl)) 1595 { 1596 @Render(new Link 1597 { 1598 Title = Translate("View all"), 1599 CssClass = "js-view-all-button u-margin", 1600 Href = settings.SecondSearchData.ResultsPageUrl 1601 }); 1602 } 1603 </div> 1604 } 1605 else 1606 { 1607 <div class="search__column search__column--only dw-mod"> 1608 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1609 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1610 { 1611 @Render(new Link { 1612 Title = Translate("View all"), 1613 CssClass = "js-view-all-button u-margin", 1614 Href = settings.SearchData.ResultsPageUrl 1615 }); 1616 } 1617 </div> 1618 } 1619 </div> 1620 1621 @if (settings.SearchButton != null) 1622 { 1623 settings.SearchButton.CssClass += " search__btn js-search-btn"; 1624 if (settings.RenderDefaultSearchIcon) 1625 { 1626 settings.SearchButton.Icon = new Icon { Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue }; 1627 } 1628 @Render(settings.SearchButton); 1629 } 1630 </div> 1631 } 1632 @using System.Reflection 1633 @using Dynamicweb.Rapido.Blocks.Components.General 1634 @using Dynamicweb.Rapido.Blocks.Components 1635 1636 1637 @* Component *@ 1638 1639 @helper RenderSelectField(SelectField settings) 1640 { 1641 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1642 { 1643 settings.Id = Guid.NewGuid().ToString("N"); 1644 } 1645 1646 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1647 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1648 { 1649 <div class="u-full-width"> 1650 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1651 @if (settings.Link != null) { 1652 <div class="u-pull--right"> 1653 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1654 @Render(settings.Link) 1655 </div> 1656 } 1657 </div> 1658 } 1659 1660 @if (!string.IsNullOrEmpty(settings.HelpText)) 1661 { 1662 <small class="form__help-text">@settings.HelpText</small> 1663 } 1664 1665 @if (settings.ActionButton != null) 1666 { 1667 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1668 <div class="form__field-combi u-no-margin dw-mod"> 1669 @RenderSelectBase(settings) 1670 @Render(settings.ActionButton) 1671 </div> 1672 } 1673 else 1674 { 1675 @RenderSelectBase(settings) 1676 } 1677 1678 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1679 </div> 1680 } 1681 1682 @helper RenderSelectBase(SelectField settings) 1683 { 1684 var attributes = new Dictionary<string, string>(); 1685 1686 /*base settings*/ 1687 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1688 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1689 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1690 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1691 if (settings.Required) { attributes.Add("required", "true"); } 1692 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1693 /*end*/ 1694 1695 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1696 1697 <select @ComponentMethods.AddAttributes(resultAttributes) class="u-full-width @settings.CssClass dw-mod"> 1698 @if (settings.Default != null) 1699 { 1700 @Render(settings.Default) 1701 } 1702 1703 @foreach (var item in settings.Options) 1704 { 1705 if (settings.Value != null) { 1706 item.Checked = item.Value == settings.Value; 1707 } 1708 @Render(item) 1709 } 1710 </select> 1711 } 1712 @using System.Reflection 1713 @using Dynamicweb.Rapido.Blocks.Components.General 1714 @using Dynamicweb.Rapido.Blocks.Components 1715 1716 @* Component *@ 1717 1718 @helper RenderRadioButtonField(RadioButtonField settings) 1719 { 1720 var attributes = new Dictionary<string, string>(); 1721 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1722 { 1723 settings.Id = Guid.NewGuid().ToString("N"); 1724 } 1725 1726 /*base settings*/ 1727 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1728 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1729 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1730 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1731 if (settings.Required) { attributes.Add("required", "true"); } 1732 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1733 /*end*/ 1734 1735 attributes.Add("type", "radio"); 1736 if (settings.Checked) { attributes.Add("checked", "true"); } 1737 settings.CssClass = "form__control " + settings.CssClass; 1738 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1739 1740 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1741 1742 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1743 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1744 @if (!string.IsNullOrEmpty(settings.Label)) 1745 { 1746 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1747 } 1748 @if (!string.IsNullOrEmpty(settings.HelpText)) 1749 { 1750 <small class="form__help-text">@settings.HelpText</small> 1751 } 1752 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1753 </div> 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 RenderRadioButtonListField(RadioButtonListField settings) 1763 { 1764 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1765 1766 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1767 @if (!string.IsNullOrEmpty(settings.Label)) 1768 { 1769 <label>@settings.Label</label> 1770 } 1771 @if (!string.IsNullOrEmpty(settings.HelpText)) 1772 { 1773 <small class="form__help-text">@settings.HelpText</small> 1774 } 1775 1776 @foreach (var item in settings.Options) 1777 { 1778 if (settings.Required) 1779 { 1780 item.Required = true; 1781 } 1782 if (settings.Disabled) 1783 { 1784 item.Disabled = true; 1785 } 1786 if (!string.IsNullOrEmpty(settings.Name)) 1787 { 1788 item.Name = settings.Name; 1789 } 1790 if (settings.Value != null && settings.Value == item.Value) 1791 { 1792 item.Checked = true; 1793 } 1794 if (!string.IsNullOrEmpty(settings.OnClick)) 1795 { 1796 item.OnClick += settings.OnClick; 1797 } 1798 if (!string.IsNullOrEmpty(settings.OnChange)) 1799 { 1800 item.OnChange += settings.OnChange; 1801 } 1802 if (!string.IsNullOrEmpty(settings.CssClass)) 1803 { 1804 item.CssClass += settings.CssClass; 1805 } 1806 @Render(item) 1807 } 1808 1809 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1810 </div> 1811 } 1812 @using System.Reflection 1813 @using Dynamicweb.Rapido.Blocks.Components.General 1814 @using Dynamicweb.Rapido.Blocks.Components 1815 1816 1817 @* Component *@ 1818 1819 @helper RenderNotificationMessage(NotificationMessage settings) 1820 { 1821 if (!string.IsNullOrEmpty(settings.Message)) 1822 { 1823 var attributes = new Dictionary<string, string>(); 1824 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1825 1826 string messageTypeClass = Enum.GetName(typeof(NotificationMessageType), settings.MessageType).ToLower(); 1827 string messageLayoutClass = Enum.GetName(typeof(NotificationMessageLayout), settings.MessageLayout).ToLower(); 1828 string minHeightClass = settings.Icon != null ? "u-min-h70px" : ""; 1829 1830 <div class="notification-message-@messageTypeClass notification-message-@messageLayoutClass @messageLayoutClass @minHeightClass @settings.CssClass u-full-width dw-mod" @ComponentMethods.AddAttributes(attributes)> 1831 @if (settings.Icon != null) { 1832 settings.Icon.Label = !string.IsNullOrEmpty(settings.Icon.Label) ? settings.Message + settings.Icon.Label : settings.Message; 1833 @Render(settings.Icon) 1834 } else { 1835 @settings.Message 1836 } 1837 </div> 1838 } 1839 } 1840 @using Dynamicweb.Rapido.Blocks.Components.General 1841 1842 1843 @* Component *@ 1844 1845 @helper RenderHandlebarsRoot(HandlebarsRoot settings) { 1846 string preRender = !String.IsNullOrEmpty(settings.PreRenderScriptTemplate) ? "data-pre-render-template=\"" + settings.PreRenderScriptTemplate + "\"" : ""; 1847 1848 <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> 1849 @if (settings.SubBlocks != null) { 1850 @RenderBlockList(settings.SubBlocks) 1851 } 1852 </div> 1853 } 1854 @using System.Reflection 1855 @using Dynamicweb.Rapido.Blocks.Components.General 1856 @using Dynamicweb.Rapido.Blocks.Components 1857 @using System.Text.RegularExpressions 1858 1859 1860 @* Component *@ 1861 1862 @helper RenderSticker(Sticker settings) { 1863 if (!String.IsNullOrEmpty(settings.Title)) { 1864 string size = settings.Size.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Size.ToString().ToLower() : ""; 1865 string style = settings.Style.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Style.ToString().ToLower() : ""; 1866 1867 Dictionary<String, String> optionalAttributes = new Dictionary<string, string>(); 1868 if (!String.IsNullOrEmpty(settings.Color) || !String.IsNullOrEmpty(settings.BackgroundColor)) { 1869 string styleTag = !String.IsNullOrEmpty(settings.Color) ? "color: " + settings.Color + "; " : ""; 1870 styleTag += !String.IsNullOrEmpty(settings.BackgroundColor) ? "background-color: " + settings.BackgroundColor + "; " : ""; 1871 optionalAttributes.Add("style", styleTag); 1872 } 1873 1874 <div class="stickers-container__tag @size @style @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Title</div> 1875 } 1876 } 1877 1878 @using System.Reflection 1879 @using Dynamicweb.Rapido.Blocks.Components.General 1880 @using Dynamicweb.Rapido.Blocks.Components 1881 1882 1883 @* Component *@ 1884 1885 @helper RenderStickersCollection(StickersCollection settings) 1886 { 1887 if (settings.Stickers.Count > 0) 1888 { 1889 string position = "stickers-container--" + Regex.Replace(settings.Position.ToString(), "([a-z])([A-Z])", "$1-$2").ToLower(); 1890 1891 <div class="stickers-container @position @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1892 @foreach (Sticker sticker in settings.Stickers) 1893 { 1894 @Render(sticker) 1895 } 1896 </div> 1897 } 1898 } 1899 1900 @using Dynamicweb.Rapido.Blocks.Components.General 1901 1902 1903 @* Component *@ 1904 1905 @helper RenderForm(Form settings) { 1906 if (settings != null) 1907 { 1908 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 1909 if (!string.IsNullOrEmpty(settings.Action)) { optionalAttributes.Add("action", settings.Action); }; 1910 if (!string.IsNullOrEmpty(settings.Name)) { optionalAttributes.Add("name", settings.Name); }; 1911 if (!string.IsNullOrEmpty(settings.OnSubmit)) { optionalAttributes.Add("onsubmit", settings.OnSubmit); }; 1912 var enctypes = new Dictionary<string, string> 1913 { 1914 { "multipart", "multipart/form-data" }, 1915 { "text", "text/plain" }, 1916 { "application", "application/x-www-form-urlencoded" } 1917 }; 1918 if (settings.Enctype != FormEnctype.none) { optionalAttributes.Add("enctype", enctypes[Enum.GetName(typeof(FormEnctype), settings.Enctype).ToLower()]); }; 1919 optionalAttributes.Add("method", settings.Method.ToString()); 1920 1921 if (!string.IsNullOrEmpty(settings.FormStartMarkup)) 1922 { 1923 @settings.FormStartMarkup 1924 } 1925 else 1926 { 1927 @:<form class="@settings.CssClass u-no-margin dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1928 } 1929 1930 foreach (var field in settings.GetFields()) 1931 { 1932 @Render(field) 1933 } 1934 1935 @:</form> 1936 } 1937 } 1938 @using System.Reflection 1939 @using Dynamicweb.Rapido.Blocks.Components.General 1940 @using Dynamicweb.Rapido.Blocks.Components 1941 1942 1943 @* Component *@ 1944 1945 @helper RenderText(Text settings) 1946 { 1947 @settings.Content 1948 } 1949 @using System.Reflection 1950 @using Dynamicweb.Rapido.Blocks.Components.General 1951 @using Dynamicweb.Rapido.Blocks.Components 1952 1953 1954 @* Component *@ 1955 1956 @helper RenderContentModule(ContentModule settings) { 1957 if (!string.IsNullOrEmpty(settings.Content)) 1958 { 1959 @settings.Content 1960 } 1961 } 1962 @using System.Reflection 1963 @using Dynamicweb.Rapido.Blocks.Components.General 1964 @using Dynamicweb.Rapido.Blocks.Components 1965 1966 1967 @* Component *@ 1968 1969 @helper RenderModal(Modal settings) { 1970 if (settings != null) 1971 { 1972 string modalId = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 1973 1974 string onchange = !string.IsNullOrEmpty(settings.OnClose) ? "onchange=\"if(!this.checked){" + settings.OnClose + "}\"" : ""; 1975 1976 <input type="checkbox" id="@(modalId)ModalTrigger" class="modal-trigger" @onchange /> 1977 1978 <div class="modal-container"> 1979 @if (!settings.DisableDarkOverlay) 1980 { 1981 <label for="@(modalId)ModalTrigger" id="@(modalId)ModalOverlay" class="modal-overlay"></label> 1982 } 1983 <div class="modal modal--@settings.Width.ToString().ToLower() modal-height--@settings.Height.ToString().ToLower()" id="@(modalId)Modal"> 1984 @if (settings.Heading != null) 1985 { 1986 if (!string.IsNullOrEmpty(settings.Heading.Title)) 1987 { 1988 <div class="modal__header"> 1989 @Render(settings.Heading) 1990 </div> 1991 } 1992 } 1993 <div class="modal__body @(settings.Width.ToString().ToLower() == "full" ? "modal__body--full" : "")"> 1994 @if (!string.IsNullOrEmpty(settings.BodyText)) 1995 { 1996 @settings.BodyText 1997 } 1998 @if (settings.BodyTemplate != null) 1999 { 2000 @settings.BodyTemplate 2001 } 2002 @{ 2003 var actions = settings.GetActions(); 2004 } 2005 </div> 2006 @if (actions.Length > 0) 2007 { 2008 <div class="modal__footer"> 2009 @foreach (var action in actions) 2010 { 2011 if (Pageview.Device.ToString() != "Mobile") { 2012 action.CssClass += " u-no-margin"; 2013 } else { 2014 action.CssClass += " u-full-width u-margin-bottom"; 2015 } 2016 2017 @Render(action) 2018 } 2019 </div> 2020 } 2021 <label class="modal__close-btn" for="@(modalId)ModalTrigger"></label> 2022 </div> 2023 </div> 2024 } 2025 } 2026 @using Dynamicweb.Rapido.Blocks.Components.General 2027 2028 @* Component *@ 2029 2030 @helper RenderMediaListItem(MediaListItem settings) 2031 { 2032 <div class="media-list-item @settings.CssClass dw-mod" @(!string.IsNullOrEmpty(settings.Id) ? "id=\"" + settings.Id + "\"" : "")> 2033 @if (!string.IsNullOrEmpty(settings.Label)) 2034 { 2035 if (!string.IsNullOrEmpty(settings.Link)) 2036 { 2037 @Render(new Link 2038 { 2039 Href = settings.Link, 2040 CssClass = "media-list-item__sticker dw-mod", 2041 ButtonLayout = ButtonLayout.None, 2042 Title = settings.Label, 2043 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 2044 }) 2045 } 2046 else if (!string.IsNullOrEmpty(settings.OnClick)) 2047 { 2048 <span class="media-list-item__sticker dw-mod" onclick="@(settings.OnClick)"> 2049 <span class="u-uppercase">@settings.Label</span> 2050 </span> 2051 } 2052 else 2053 { 2054 <span class="media-list-item__sticker media-list-item__sticker--no-link dw-mod"> 2055 <span class="u-uppercase">@settings.Label</span> 2056 </span> 2057 } 2058 } 2059 <div class="media-list-item__wrap"> 2060 <div class="media-list-item__info dw-mod"> 2061 <div class="media-list-item__header dw-mod"> 2062 @if (!string.IsNullOrEmpty(settings.Title)) 2063 { 2064 if (!string.IsNullOrEmpty(settings.Link)) 2065 { 2066 @Render(new Link 2067 { 2068 Href = settings.Link, 2069 CssClass = "media-list-item__name dw-mod", 2070 ButtonLayout = ButtonLayout.None, 2071 Title = settings.Title, 2072 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 2073 }) 2074 } 2075 else if (!string.IsNullOrEmpty(settings.OnClick)) 2076 { 2077 <span class="media-list-item__name dw-mod" onclick="@(settings.OnClick)">@settings.Title</span> 2078 } 2079 else 2080 { 2081 <span class="media-list-item__name media-list-item__name--no-link dw-mod">@settings.Title</span> 2082 } 2083 } 2084 2085 @if (!string.IsNullOrEmpty(settings.Status)) 2086 { 2087 <div class="media-list-item__state dw-mod">@settings.Status</div> 2088 } 2089 </div> 2090 @{ 2091 settings.InfoTable.CssClass += " media-list-item__parameters-table"; 2092 } 2093 2094 @Render(settings.InfoTable) 2095 </div> 2096 <div class="media-list-item__actions dw-mod"> 2097 <div class="media-list-item__actions-list dw-mod"> 2098 @{ 2099 var actions = settings.GetActions(); 2100 2101 foreach (ButtonBase action in actions) 2102 { 2103 action.ButtonLayout = ButtonLayout.None; 2104 action.CssClass += " media-list-item__action link"; 2105 2106 @Render(action) 2107 } 2108 } 2109 </div> 2110 2111 @if (settings.SelectButton != null && !string.IsNullOrEmpty(settings.SelectButton.Title)) 2112 { 2113 settings.SelectButton.CssClass += " u-no-margin"; 2114 2115 <div class="media-list-item__action-button"> 2116 @Render(settings.SelectButton) 2117 </div> 2118 } 2119 </div> 2120 </div> 2121 </div> 2122 } 2123 @using Dynamicweb.Rapido.Blocks.Components.General 2124 @using Dynamicweb.Rapido.Blocks.Components 2125 2126 @helper RenderTable(Table settings) 2127 { 2128 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2129 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2130 2131 var enumToClasses = new Dictionary<TableDesign, string> 2132 { 2133 { TableDesign.Clean, "table--clean" }, 2134 { TableDesign.Bordered, "table--bordered" }, 2135 { TableDesign.Striped, "table--striped" }, 2136 { TableDesign.Hover, "table--hover" }, 2137 { TableDesign.Compact, "table--compact" }, 2138 { TableDesign.Condensed, "table--condensed" }, 2139 { TableDesign.NoTopBorder, "table--no-top-border" } 2140 }; 2141 string tableDesignClass = ""; 2142 if (settings.Design != TableDesign.None) 2143 { 2144 tableDesignClass = enumToClasses[settings.Design]; 2145 } 2146 2147 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableDesign.None) { attributes.Add("class", "table " + tableDesignClass + " " + settings.CssClass + " dw-mod"); } 2148 2149 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2150 2151 <table @ComponentMethods.AddAttributes(resultAttributes)> 2152 @if (settings.Header != null) 2153 { 2154 <thead> 2155 @Render(settings.Header) 2156 </thead> 2157 } 2158 <tbody> 2159 @foreach (var row in settings.Rows) 2160 { 2161 @Render(row) 2162 } 2163 </tbody> 2164 @if (settings.Footer != null) 2165 { 2166 <tfoot> 2167 @Render(settings.Footer) 2168 </tfoot> 2169 } 2170 </table> 2171 } 2172 @using Dynamicweb.Rapido.Blocks.Components.General 2173 @using Dynamicweb.Rapido.Blocks.Components 2174 2175 @helper RenderTableRow(TableRow settings) 2176 { 2177 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2178 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2179 2180 var enumToClasses = new Dictionary<TableRowDesign, string> 2181 { 2182 { TableRowDesign.NoBorder, "table__row--no-border" }, 2183 { TableRowDesign.Border, "table__row--border" }, 2184 { TableRowDesign.TopBorder, "table__row--top-line" }, 2185 { TableRowDesign.BottomBorder, "table__row--bottom-line" }, 2186 { TableRowDesign.Solid, "table__row--solid" } 2187 }; 2188 2189 string tableRowDesignClass = ""; 2190 if (settings.Design != TableRowDesign.None) 2191 { 2192 tableRowDesignClass = enumToClasses[settings.Design]; 2193 } 2194 2195 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableRowDesign.None) { attributes.Add("class", "table__row " + tableRowDesignClass + " " + settings.CssClass + " dw-mod"); } 2196 2197 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2198 2199 <tr @ComponentMethods.AddAttributes(resultAttributes)> 2200 @foreach (var cell in settings.Cells) 2201 { 2202 if (settings.IsHeaderRow) 2203 { 2204 cell.IsHeader = true; 2205 } 2206 @Render(cell) 2207 } 2208 </tr> 2209 } 2210 @using Dynamicweb.Rapido.Blocks.Components.General 2211 @using Dynamicweb.Rapido.Blocks.Components 2212 @using Dynamicweb.Core 2213 2214 @helper RenderTableCell(TableCell settings) 2215 { 2216 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2217 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2218 if (settings.Colspan != 0) { attributes.Add("colspan", Converter.ToString(settings.Colspan)); } 2219 if (settings.Rowspan != 0) { attributes.Add("rowspan", Converter.ToString(settings.Rowspan)); } 2220 if (!string.IsNullOrEmpty(settings.CssClass)) { attributes.Add("class", settings.CssClass + " dw-mod"); } 2221 2222 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2223 2224 string tagName = settings.IsHeader ? "th" : "td"; 2225 2226 @("<" + tagName + " " + ComponentMethods.AddAttributes(resultAttributes) + ">") 2227 @settings.Content 2228 @("</" + tagName + ">"); 2229 } 2230 @using System.Linq 2231 @using Dynamicweb.Rapido.Blocks.Components.General 2232 2233 @* Component *@ 2234 2235 @helper RenderPagination(Dynamicweb.Rapido.Blocks.Components.General.Pagination settings) 2236 { 2237 var pageNumberQueryStringName = Dynamicweb.Rapido.Services.Pagination.GetPageNumberQueryStringName(settings); // Get the proper 'page number' query string parameter 2238 var queryParameters = Dynamicweb.Rapido.Services.Url.GetQueryParameters(pageNumberQueryStringName); // Get the NameValueCollection from the querystring 2239 2240 if (settings.NumberOfPages > 1) 2241 { 2242 string url = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority) + "/Default.aspx"; 2243 string ariaLabel = !string.IsNullOrWhiteSpace(settings.AriaLabel) ? settings.AriaLabel : Translate("Page navigation"); 2244 Dictionary<string, int> startAndEndPageNumber = Dynamicweb.Rapido.Services.Pagination.GetStartAndEndPageNumber(settings); 2245 2246 <div class="pager u-margin-top dw-mod @settings.CssClass" aria-label="@ariaLabel"> 2247 @if (settings.ShowPagingInfo) 2248 { 2249 <div class="pager__info dw-mod"> 2250 @Translate("Page") @settings.CurrentPageNumber @Translate("of") @settings.NumberOfPages 2251 </div> 2252 } 2253 <ul class="pager__list dw-mod"> 2254 @if (!string.IsNullOrWhiteSpace(settings.FirstPageUrl) && settings.ShowFirstAndLastControls) 2255 { 2256 @Render(new PaginationItem { Link = settings.FirstPageUrl, Icon = settings.FirstIcon }) 2257 } 2258 @if (!string.IsNullOrWhiteSpace(settings.PreviousPageUrl) && settings.ShowNextAndPrevControls) 2259 { 2260 @Render(new PaginationItem { Link = settings.PreviousPageUrl, Icon = settings.PrevIcon }) 2261 } 2262 @if (settings.GetPages().Any()) 2263 { 2264 foreach (var page in settings.GetPages()) 2265 { 2266 @Render(page) 2267 } 2268 } 2269 else 2270 { 2271 for (var page = startAndEndPageNumber["StartPage"]; page <= startAndEndPageNumber["EndPage"]; page++) 2272 { 2273 queryParameters = Dynamicweb.Rapido.Services.Url.UpdateQueryStringParameter(queryParameters, pageNumberQueryStringName, page.ToString()); 2274 @Render(new PaginationItem { Label = page.ToString(), Link = Dynamicweb.Rapido.Services.Url.BuildUri(url, queryParameters).PathAndQuery, IsActive = (settings.CurrentPageNumber == page) }); 2275 } 2276 } 2277 @if (!string.IsNullOrWhiteSpace(settings.NextPageUrl) && settings.ShowNextAndPrevControls) 2278 { 2279 @Render(new PaginationItem { Link = settings.NextPageUrl, Icon = settings.NextIcon }) 2280 } 2281 @if (!string.IsNullOrWhiteSpace(settings.LastPageUrl) && settings.ShowFirstAndLastControls) 2282 { 2283 @Render(new PaginationItem { Link = settings.LastPageUrl, Icon = settings.LastIcon }) 2284 } 2285 </ul> 2286 </div> 2287 } 2288 } 2289 2290 @helper RenderPaginationItem(PaginationItem settings) 2291 { 2292 if (settings.Icon == null) 2293 { 2294 settings.Icon = new Icon(); 2295 } 2296 2297 settings.Icon.Label = settings.Label; 2298 <li class="pager__btn dw-mod"> 2299 @if (settings.IsActive) 2300 { 2301 <span class="pager__num pager__num--current dw-mod"> 2302 @Render(settings.Icon) 2303 </span> 2304 } 2305 else 2306 { 2307 <a href="@settings.Link" class="pager__num dw-mod"> 2308 @Render(settings.Icon) 2309 </a> 2310 } 2311 </li> 2312 } 2313 2314 2315 @using Dynamicweb.Rapido.Blocks.Components.General 2316 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 2317 2318 2319 2320 2321 2322 @functions { 2323 public string GenerateRgba(string color, string opacity) 2324 { 2325 color = color.Replace("#", ""); 2326 if (color.Length == 6) 2327 { 2328 return "rgba(" + Convert.ToInt32(color.Substring(0, 2), 16) + ", " + Convert.ToInt32(color.Substring(2, 2), 16) + ", " + Convert.ToInt32(color.Substring(4, 2), 16) + ", " + opacity + ");"; 2329 } 2330 else 2331 { 2332 return Convert.ToInt16(color).ToString(); 2333 } 2334 } 2335 } 2336 2337 @{ 2338 string link = !string.IsNullOrEmpty(Model.Item.GetString("Link")) ? Model.Item.GetString("Link") : ""; 2339 string linkTarget = link.Contains("http") || link.Contains(".pdf") ? "_blank" : "_self"; 2340 } 2341 2342 @if (!string.IsNullOrEmpty(link)) 2343 { 2344 @*<a href="@link" target="@linkTarget" class="u-overlay">*@ 2345 <div class="paragraph-image-link-wrapper"> 2346 <a href="@link" target="@linkTarget"> 2347 @RenderTheContent() 2348 </a> 2349 </div> 2350 } 2351 else 2352 { 2353 @RenderTheContent() 2354 } 2355 2356 2357 @helper RenderTheContent() 2358 { 2359 string innerPadding = Model.Item.GetList("Padding") != null ? " padding-size-" + Model.Item.GetList("Padding").SelectedValue.ToLower() : ""; 2360 innerPadding += Model.Item.GetList("PaddingPosition") != null ? " padding-position-" + Model.Item.GetList("PaddingPosition").SelectedValue.ToLower() : ""; 2361 2362 if (!string.IsNullOrEmpty(Model.Item.GetString("Image"))) 2363 { 2364 int width = Model.Item.GetString("ImageWidth") != null ? Model.Item.GetInt32("ImageWidth") : 100; 2365 string styleSetting = Model.Item.GetString("ImageStyle") != null ? Model.Item.GetList("ImageStyle").SelectedValue : ""; 2366 ImageStyle style = ImageStyle.None; 2367 style = styleSetting == "ball" ? style = ImageStyle.Ball : style; 2368 style = styleSetting == "triangle" ? style = ImageStyle.Triangle : style; 2369 var file = Model.Item.GetFile("Image"); 2370 2371 Image image = new Image 2372 { 2373 Path = file, 2374 Style = style, 2375 CssClass = "background-image__cover", 2376 ImageDefault = new ImageSettings 2377 { 2378 Crop = 5, 2379 Width = width 2380 } 2381 }; 2382 2383 if (styleSetting == "square") 2384 { 2385 image.ImageDefault.Crop = 0; 2386 image.ImageDefault.Height = image.ImageDefault.Width; 2387 } 2388 2389 string imageAltText = ""; 2390 if (!string.IsNullOrWhiteSpace(Model.Item.GetString("ImageAltText"))) 2391 { 2392 imageAltText = Model.Item.GetString("ImageAltText"); 2393 } 2394 2395 string imageTitleText = ""; 2396 if (!string.IsNullOrWhiteSpace(Model.Item.GetString("ImageTitleText"))) 2397 { 2398 imageTitleText = Model.Item.GetString("ImageTitleText"); 2399 } 2400 2401 <div class="paragraph-image"> 2402 @RenderWithAltAndTitle(image, imageAltText, imageTitleText) 2403 </div> 2404 } 2405 2406 <div class="u-full-width u-padding-top dw-mod"> 2407 @if (!string.IsNullOrEmpty(Model.Item.GetString("Title")) || !string.IsNullOrEmpty(Model.Item.GetString("Text"))) 2408 { 2409 <div class="u-margin-bottom--lg"> 2410 @if (!Model.Item.GetBoolean("HideTitle")) 2411 { 2412 @Render(new Heading { Title = Model.Item.GetString("Title"), Level = 2, CssClass = "u-no-margin" }) 2413 } 2414 @Render(new Text { Content = Model.Item.GetString("Text") }) 2415 </div> 2416 } 2417 </div> 2418 2419 if (!string.IsNullOrEmpty(Model.Item.GetItem("ButtonOne").GetString("Title"))) 2420 { 2421 <div class="buttons-collection u-block dw-mod"> 2422 @ParagraphButton(Model.Item.GetItem("ButtonOne")) 2423 </div> 2424 } 2425 } 2426 2427 2428 @helper ParagraphButton(ItemViewModel item) 2429 { 2430 if (item != null) 2431 { 2432 if (!string.IsNullOrEmpty(item.GetString("Title"))) 2433 { 2434 Button button = new Button 2435 { 2436 Title = item.GetString("Title"), 2437 Href = item.GetString("Link"), 2438 ButtonLayout = (ButtonLayout)System.Enum.Parse(typeof(ButtonLayout), char.ToUpper(item.GetList("Layout").SelectedValue[0]) + item.GetList("Layout").SelectedValue.Substring(1)) 2439 }; 2440 2441 if (!string.IsNullOrEmpty(item.GetString("Icon"))) 2442 { 2443 button.Icon = new Icon 2444 { 2445 CssClass = item.GetString("Icon") 2446 }; 2447 } 2448 2449 @Render(button) 2450 } 2451 } 2452 } 2453 2454 2455 2456 2457 2458
Error executing template "Designs/Rapido/ContentPage/Paragraph/StandardParagraphThree.cshtml" Microsoft.CSharp.RuntimeBinder.RuntimeBinderException: Cannot perform runtime binding on a null reference at CallSite.Target(Closure , CallSite , Object ) at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<>c__DisplayClass19_0.<RenderTheImage>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 924 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<>c__DisplayClass18_0.<RenderWithAltAndTitle>b__0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 860 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.<RenderTheContent>b__48_0(TextWriter __razor_helper_writer) in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 2402 at CompiledRazorTemplates.Dynamic.RazorEngine_8301d84882b547c1bc2df93198830e06.Execute() in D:\dynamicweb.net\Solutions\Buchs\HammelFurniture.cloud.dynamicweb-cms.com\Files\Templates\Designs\Rapido\ContentPage\Paragraph\StandardParagraphThree.cshtml:line 2347 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 Dynamicweb.Frontend 3 @using Dynamicweb.Rapido.Blocks.Components 4 @using Dynamicweb.Rapido.Blocks.Components.General 5 6 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel> 7 @using Dynamicweb.Frontend 8 9 @* Include the components *@ 10 @using System.Text.RegularExpressions 11 @using System.Collections.Generic 12 @using System.Reflection 13 @using System.Web 14 @using System.Web.UI.HtmlControls 15 @using Dynamicweb.Rapido.Blocks.Components 16 @using Dynamicweb.Rapido.Blocks.Components.Articles 17 @using Dynamicweb.Rapido.Blocks.Components.Documentation 18 @using Dynamicweb.Rapido.Blocks 19 20 21 @*--- START: Base block renderers ---*@ 22 23 @helper RenderBlockList(List<Block> blocks) 24 { 25 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 26 blocks = blocks.OrderBy(item => item.SortId).ToList(); 27 28 foreach (Block item in blocks) 29 { 30 if (debug) { 31 <!-- Block START: @item.Id --> 32 } 33 34 if (item.Design == null) 35 { 36 @RenderBlock(item) 37 } 38 else if (item.Design.RenderType == RenderType.None) { 39 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 40 41 <div class="@cssClass dw-mod"> 42 @RenderBlock(item) 43 </div> 44 } 45 else if (item.Design.RenderType != RenderType.Hide) 46 { 47 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 48 49 if (!item.SkipRenderBlocksList) { 50 if (item.Design.RenderType == RenderType.Row) 51 { 52 <div class="grid grid--align-content-start @cssClass dw-mod" id="Block__@item.Id"> 53 @RenderBlock(item) 54 </div> 55 } 56 57 if (item.Design.RenderType == RenderType.Column) 58 { 59 string hidePadding = item.Design.HidePadding ? "u-no-padding" : ""; 60 string size = item.Design.Size ?? "12"; 61 size = Regex.IsMatch(size, @"\d") ? "md-" + item.Design.Size : item.Design.Size; 62 63 <div class="grid__col-lg-@item.Design.Size grid__col-md-@item.Design.Size grid__col-sm-12 grid__col-xs-12 @hidePadding @cssClass dw-mod" id="Block__@item.Id"> 64 @RenderBlock(item) 65 </div> 66 } 67 68 if (item.Design.RenderType == RenderType.Table) 69 { 70 <table class="table @cssClass dw-mod" id="Block__@item.Id"> 71 @RenderBlock(item) 72 </table> 73 } 74 75 if (item.Design.RenderType == RenderType.TableRow) 76 { 77 <tr class="@cssClass dw-mod" id="Block__@item.Id"> 78 @RenderBlock(item) 79 </tr> 80 } 81 82 if (item.Design.RenderType == RenderType.TableColumn) 83 { 84 <td class="@cssClass dw-mod" id="Block__@item.Id"> 85 @RenderBlock(item) 86 </td> 87 } 88 89 if (item.Design.RenderType == RenderType.CardHeader) 90 { 91 <div class="card-header @cssClass dw-mod"> 92 @RenderBlock(item) 93 </div> 94 } 95 96 if (item.Design.RenderType == RenderType.CardBody) 97 { 98 <div class="card @cssClass dw-mod"> 99 @RenderBlock(item) 100 </div> 101 } 102 103 if (item.Design.RenderType == RenderType.CardFooter) 104 { 105 <div class="card-footer @cssClass dw-mod"> 106 @RenderBlock(item) 107 </div> 108 } 109 } 110 else 111 { 112 @RenderBlock(item) 113 } 114 } 115 116 if (debug) { 117 <!-- Block END: @item.Id --> 118 } 119 } 120 } 121 122 @helper RenderBlock(Block item) 123 { 124 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 125 126 if (item.Template != null) 127 { 128 @BlocksPage.RenderTemplate(item.Template) 129 } 130 131 if (item.Component != null) 132 { 133 string customSufix = "Custom"; 134 string methodName = item.Component.HelperName; 135 136 ComponentBase[] methodParameters = new ComponentBase[1]; 137 methodParameters[0] = item.Component; 138 Type methodType = this.GetType(); 139 140 MethodInfo customMethod = methodType.GetMethod(methodName + customSufix); 141 MethodInfo generalMethod = methodType.GetMethod(methodName); 142 143 try { 144 if (debug) { 145 <!-- Component: @methodName.Replace("Render", "") --> 146 } 147 @customMethod.Invoke(this, methodParameters).ToString(); 148 } catch { 149 try { 150 @generalMethod.Invoke(this, methodParameters).ToString(); 151 } catch(Exception ex) { 152 throw new Exception(item.Component.GetType().Name + " method '" + methodName +"' could not be invoked", ex); 153 } 154 } 155 } 156 157 if (item.BlocksList.Count > 0 && !item.SkipRenderBlocksList) 158 { 159 @RenderBlockList(item.BlocksList) 160 } 161 } 162 163 @*--- END: Base block renderers ---*@ 164 165 @using Dynamicweb.Rapido.Blocks.Components 166 @using Dynamicweb.Rapido.Blocks.Components.General 167 @using Dynamicweb.Rapido.Blocks 168 @using System.IO 169 170 @* Required *@ 171 @using Dynamicweb.Rapido.Blocks.Components 172 @using Dynamicweb.Rapido.Blocks.Components.General 173 @using Dynamicweb.Rapido.Blocks 174 175 176 @helper Render(ComponentBase component) 177 { 178 if (component != null) 179 { 180 @component.Render(this) 181 } 182 } 183 184 @* Components *@ 185 @using System.Reflection 186 @using Dynamicweb.Rapido.Blocks.Components.General 187 188 189 @* Component *@ 190 191 @helper RenderIcon(Icon settings) 192 { 193 if (settings != null) 194 { 195 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 196 197 if (settings.Name != null) 198 { 199 if (string.IsNullOrEmpty(settings.Label)) 200 { 201 <i class="@settings.Prefix @settings.Name @settings.CssClass" @color></i> 202 } 203 else 204 { 205 if (settings.LabelPosition == IconLabelPosition.Before) 206 { 207 <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> 208 } 209 else 210 { 211 <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> 212 } 213 } 214 } 215 else if (!string.IsNullOrEmpty(settings.Label)) 216 { 217 @settings.Label 218 } 219 } 220 } 221 @using System.Reflection 222 @using Dynamicweb.Rapido.Blocks.Components.General 223 @using Dynamicweb.Rapido.Blocks.Components 224 @using Dynamicweb.Core 225 226 @* Component *@ 227 228 @helper RenderButton(Button settings) 229 { 230 if (settings != null && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 231 { 232 Dictionary<string, string> attributes = new Dictionary<string, string>(); 233 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 234 if (settings.Disabled) { 235 attributes.Add("disabled", "true"); 236 classList.Add("disabled"); 237 } 238 239 if (!string.IsNullOrEmpty(settings.ConfirmText) || !string.IsNullOrEmpty(settings.ConfirmTitle)) 240 { 241 settings.Id = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 242 @RenderConfirmDialog(settings); 243 settings.OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = true"; 244 } 245 246 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 247 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 248 if (!string.IsNullOrEmpty(settings.AltText)) 249 { 250 attributes.Add("title", settings.AltText); 251 } 252 else if (!string.IsNullOrEmpty(settings.Title)) 253 { 254 string cleanTitle = Regex.Replace(settings.Title, "<.*?>", String.Empty); 255 cleanTitle = cleanTitle.Replace(" ", " "); 256 attributes.Add("title", cleanTitle); 257 } 258 259 var onClickEvents = new List<string>(); 260 if (!string.IsNullOrEmpty(settings.OnClick)) 261 { 262 onClickEvents.Add(settings.OnClick); 263 } 264 if (!string.IsNullOrEmpty(settings.Href)) 265 { 266 onClickEvents.Add("location.href='" + settings.Href + "'"); 267 } 268 if (onClickEvents.Count > 0) 269 { 270 attributes.Add("onClick", string.Join(";", onClickEvents)); 271 } 272 273 if (settings.ButtonLayout != ButtonLayout.None) 274 { 275 classList.Add("btn"); 276 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 277 if (btnLayout == "linkclean") 278 { 279 btnLayout = "link-clean"; //fix 280 } 281 classList.Add("btn--" + btnLayout); 282 } 283 284 if (settings.Icon == null) 285 { 286 settings.Icon = new Icon(); 287 } 288 289 settings.Icon.CssClass += Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower() != "linkclean" ? " u-flex--align-center" : ""; 290 settings.Icon.Label = settings.Title; 291 292 attributes.Add("type", Enum.GetName(typeof(ButtonType), settings.ButtonType).ToLower()); 293 294 <button class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</button> 295 } 296 } 297 298 @helper RenderConfirmDialog(Button settings) 299 { 300 Modal confirmDialog = new Modal { 301 Id = settings.Id, 302 Width = ModalWidth.Sm, 303 Heading = new Heading 304 { 305 Level = 2, 306 Title = settings.ConfirmTitle 307 }, 308 BodyText = settings.ConfirmText 309 }; 310 311 confirmDialog.AddAction(new Button { Title = Translate("Cancel"), ButtonLayout = ButtonLayout.Secondary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false"}); 312 confirmDialog.AddAction(new Button { Title = Translate("OK"), ButtonLayout = ButtonLayout.Primary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false;" + settings.OnClick }); 313 314 @Render(confirmDialog) 315 } 316 @using Dynamicweb.Rapido.Blocks.Components.General 317 @using Dynamicweb.Rapido.Blocks.Components 318 @using Dynamicweb.Core 319 320 @helper RenderDashboard(Dashboard settings) 321 { 322 var widgets = settings.GetWidgets(); 323 324 if (!string.IsNullOrEmpty(settings.WidgetsBaseBackgroundColor)) 325 { 326 //set bg color for them 327 328 System.Drawing.Color color = System.Drawing.ColorTranslator.FromHtml(settings.WidgetsBaseBackgroundColor); 329 int r = Convert.ToInt16(color.R); 330 int g = Convert.ToInt16(color.G); 331 int b = Convert.ToInt16(color.B); 332 333 var count = widgets.Length; 334 var max = Math.Max(r, Math.Max(g, b)); 335 double step = 255.0 / (max * count); 336 var i = 0; 337 foreach (var widget in widgets) 338 { 339 i++; 340 341 var shade = "rgb(" + Converter.ToString(r * step * i).Replace(",", ".") + ", " + Converter.ToString(g * step * i).Replace(",", ".") + ", " + Converter.ToString(b * step * i).Replace(",", ".") + ")"; 342 widget.BackgroundColor = shade; 343 } 344 } 345 346 <div class="dashboard @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 347 @foreach (var widget in widgets) 348 { 349 <div class="dashboard__widget"> 350 @Render(widget) 351 </div> 352 } 353 </div> 354 } 355 @using Dynamicweb.Rapido.Blocks.Components.General 356 @using Dynamicweb.Rapido.Blocks.Components 357 358 @helper RenderDashboardWidgetLink(DashboardWidgetLink settings) 359 { 360 if (!string.IsNullOrEmpty(settings.Link)) 361 { 362 var backgroundStyles = ""; 363 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 364 { 365 backgroundStyles = "style=\"background-color:" + settings.BackgroundColor + "\""; 366 } 367 368 <a href="@settings.Link" class="widget widget--link @settings.CssClass dw-mod" @backgroundStyles title="@settings.Title" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 369 <div class="u-center-middle u-color-light"> 370 @if (settings.Icon != null) 371 { 372 settings.Icon.CssClass += "widget__icon"; 373 @Render(settings.Icon) 374 } 375 <div class="widget__title">@settings.Title</div> 376 </div> 377 </a> 378 } 379 } 380 @using Dynamicweb.Rapido.Blocks.Components.General 381 @using Dynamicweb.Rapido.Blocks.Components 382 383 @helper RenderDashboardWidgetCounter(DashboardWidgetCounter settings) 384 { 385 var backgroundStyles = ""; 386 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 387 { 388 backgroundStyles = "style='background-color:" + settings.BackgroundColor + "'"; 389 } 390 391 <div class="widget @settings.CssClass dw-mod" @backgroundStyles @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 392 <div class="u-center-middle u-color-light"> 393 @if (settings.Icon != null) 394 { 395 settings.Icon.CssClass += "widget__icon"; 396 @Render(settings.Icon) 397 } 398 <div class="widget__counter">@settings.Count</div> 399 <div class="widget__title">@settings.Title</div> 400 </div> 401 </div> 402 } 403 @using System.Reflection 404 @using Dynamicweb.Rapido.Blocks.Components.General 405 @using Dynamicweb.Rapido.Blocks.Components 406 @using Dynamicweb.Core 407 408 @* Component *@ 409 410 @helper RenderLink(Link settings) 411 { 412 if (settings != null && !string.IsNullOrEmpty(settings.Href) && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 413 { 414 Dictionary<string, string> attributes = new Dictionary<string, string>(); 415 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 416 if (settings.Disabled) 417 { 418 attributes.Add("disabled", "true"); 419 classList.Add("disabled"); 420 } 421 422 if (!string.IsNullOrEmpty(settings.AltText)) 423 { 424 attributes.Add("title", settings.AltText); 425 } 426 else if (!string.IsNullOrEmpty(settings.Title)) 427 { 428 attributes.Add("title", settings.Title); 429 } 430 431 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 432 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 433 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onClick", settings.OnClick); } 434 attributes.Add("href", settings.Href); 435 436 if (settings.ButtonLayout != ButtonLayout.None) 437 { 438 classList.Add("btn"); 439 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 440 if (btnLayout == "linkclean") 441 { 442 btnLayout = "link-clean"; //fix 443 } 444 classList.Add("btn--" + btnLayout); 445 } 446 447 if (settings.Icon == null) 448 { 449 settings.Icon = new Icon(); 450 } 451 settings.Icon.Label = settings.Title; 452 453 if (settings.Target == LinkTargetType.Blank && settings.Rel == LinkRelType.None) 454 { 455 settings.Rel = LinkRelType.Noopener; 456 } 457 if (settings.Target != LinkTargetType.None) 458 { 459 attributes.Add("target", "_" + Enum.GetName(typeof(LinkTargetType), settings.Target).ToLower()); 460 } 461 if (settings.Download) 462 { 463 attributes.Add("download", "true"); 464 } 465 if (settings.Rel != LinkRelType.None) 466 { 467 attributes.Add("rel", Enum.GetName(typeof(LinkRelType), settings.Rel).ToLower()); 468 } 469 470 <a class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</a> 471 } 472 } 473 @using System.Reflection 474 @using Dynamicweb.Rapido.Blocks.Components 475 @using Dynamicweb.Rapido.Blocks.Components.General 476 @using Dynamicweb.Rapido.Blocks 477 478 479 @* Component *@ 480 481 @helper RenderRating(Rating settings) 482 { 483 if (settings.Score > 0) 484 { 485 int rating = settings.Score; 486 string iconType = "fa-star"; 487 488 switch (settings.Type.ToString()) { 489 case "Stars": 490 iconType = "fa-star"; 491 break; 492 case "Hearts": 493 iconType = "fa-heart"; 494 break; 495 case "Lemons": 496 iconType = "fa-lemon"; 497 break; 498 case "Bombs": 499 iconType = "fa-bomb"; 500 break; 501 } 502 503 <div class="u-ta-right"> 504 @for (int i = 0; i < settings.OutOf; i++) 505 { 506 <i class="@(rating > i ? "fas" : "far") @iconType"></i> 507 } 508 </div> 509 } 510 } 511 @using System.Reflection 512 @using Dynamicweb.Rapido.Blocks.Components.General 513 @using Dynamicweb.Rapido.Blocks.Components 514 515 516 @* Component *@ 517 518 @helper RenderSelectFieldOption(SelectFieldOption settings) 519 { 520 Dictionary<string, string> attributes = new Dictionary<string, string>(); 521 if (settings.Checked) { attributes.Add("selected", "true"); } 522 if (settings.Disabled) { attributes.Add("disabled", "true"); } 523 if (settings.Value != null) { attributes.Add("value", settings.Value); } 524 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 525 526 <option @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Label</option> 527 } 528 @using System.Reflection 529 @using Dynamicweb.Rapido.Blocks.Components.General 530 @using Dynamicweb.Rapido.Blocks.Components 531 532 533 @* Component *@ 534 535 @helper RenderNavigation(Navigation settings) { 536 @RenderNavigation(new 537 { 538 id = settings.Id, 539 cssclass = settings.CssClass, 540 startLevel = settings.StartLevel, 541 endlevel = settings.EndLevel, 542 expandmode = settings.Expandmode, 543 sitemapmode = settings.SitemapMode, 544 template = settings.Template 545 }) 546 } 547 @using Dynamicweb.Rapido.Blocks.Components.General 548 @using Dynamicweb.Rapido.Blocks.Components 549 550 551 @* Component *@ 552 553 @helper RenderBreadcrumbNavigation(BreadcrumbNavigation settings) { 554 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 555 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 556 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 557 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 558 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 559 settings.SitemapMode = false; 560 561 @RenderNavigation(settings) 562 } 563 @using Dynamicweb.Rapido.Blocks.Components.General 564 @using Dynamicweb.Rapido.Blocks.Components 565 566 567 @* Component *@ 568 569 @helper RenderLeftNavigation(LeftNavigation settings) { 570 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 571 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 572 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 573 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 574 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 575 576 <div class="grid__cell"> 577 @RenderNavigation(settings) 578 </div> 579 } 580 @using System.Reflection 581 @using Dynamicweb.Rapido.Blocks.Components.General 582 @using Dynamicweb.Core 583 584 @* Component *@ 585 586 @helper RenderHeading(Heading settings) 587 { 588 if (settings != null && !string.IsNullOrEmpty(settings.Title)) 589 { 590 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 591 string tagName = settings.Level != 0 ? "h" + settings.Level.ToString() : "div"; 592 593 @("<" + tagName + " class=\"" + settings.CssClass + " dw-mod\" " + color + ">") 594 if (!string.IsNullOrEmpty(settings.Link)) 595 { 596 @Render(new Link { Href = settings.Link, Icon = settings.Icon, Title = settings.Title, ButtonLayout = ButtonLayout.None }) 597 } 598 else 599 { 600 if (settings.Icon == null) 601 { 602 settings.Icon = new Icon(); 603 } 604 settings.Icon.Label = settings.Title; 605 @Render(settings.Icon) 606 } 607 @("</" + tagName + ">"); 608 } 609 } 610 @using Dynamicweb.Rapido.Blocks.Components 611 @using Dynamicweb.Rapido.Blocks.Components.General 612 @using Dynamicweb.Rapido.Blocks 613 614 615 @* Component *@ 616 617 @helper RenderImage(Image settings) 618 { 619 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 620 { 621 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 622 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 623 624 if (settings.Caption != null) 625 { 626 @:<div> 627 } 628 629 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 630 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 631 632 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 633 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 634 @if (settings.Link != null) 635 { 636 <a href="@settings.Link"> 637 @RenderTheImage(settings) 638 </a> 639 } 640 else 641 { 642 @RenderTheImage(settings) 643 } 644 </div> 645 </div> 646 647 if (settings.Caption != null) 648 { 649 <span class="image-caption dw-mod">@settings.Caption</span> 650 @:</div> 651 } 652 } 653 else 654 { 655 if (settings.Caption != null) 656 { 657 @:<div> 658 } 659 if (!string.IsNullOrEmpty(settings.Link)) 660 { 661 <a href="@settings.Link"> 662 @RenderTheImage(settings) 663 </a> 664 } 665 else 666 { 667 @RenderTheImage(settings) 668 } 669 670 if (settings.Caption != null) 671 { 672 <span class="image-caption dw-mod">@settings.Caption</span> 673 @:</div> 674 } 675 } 676 } 677 678 @helper RenderTheImage(Image settings) 679 { 680 if (settings != null) 681 { 682 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 683 string placeholderImage = "/Files/Images/placeholder.gif"; 684 string imageEngine = "/Admin/Public/GetImage.ashx?"; 685 686 string imageStyle = ""; 687 688 switch (settings.Style) 689 { 690 case ImageStyle.Ball: 691 imageStyle = "grid__cell-img--ball"; 692 break; 693 694 case ImageStyle.Triangle: 695 imageStyle = "grid__cell-img--triangle"; 696 break; 697 } 698 699 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 700 { 701 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 702 703 if (settings.ImageDefault != null) 704 { 705 settings.ImageDefault.Height = settings.ImageDefault.Width; 706 } 707 if (settings.ImageMedium != null) 708 { 709 settings.ImageMedium.Height = settings.ImageMedium.Width; 710 } 711 if (settings.ImageSmall != null) 712 { 713 settings.ImageSmall.Height = settings.ImageSmall.Width; 714 } 715 } 716 717 string defaultImage = imageEngine; 718 string imageSmall = ""; 719 string imageMedium = ""; 720 721 if (settings.DisableImageEngine) 722 { 723 defaultImage = settings.Path; 724 } 725 else 726 { 727 if (settings.ImageDefault != null) 728 { 729 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 730 731 if (settings.Path.GetType() != typeof(string)) 732 { 733 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 734 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 735 } 736 else 737 { 738 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 739 } 740 741 defaultImage += "&AlternativeImage=" + alternativeImage; 742 } 743 744 if (settings.ImageSmall != null) 745 { 746 imageSmall = "data-src-small=\"" + imageEngine; 747 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 748 749 if (settings.Path.GetType() != typeof(string)) 750 { 751 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 752 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 753 } 754 else 755 { 756 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 757 } 758 759 imageSmall += "&alternativeImage=" + alternativeImage; 760 761 imageSmall += "\""; 762 } 763 764 if (settings.ImageMedium != null) 765 { 766 imageMedium = "data-src-medium=\"" + imageEngine; 767 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 768 769 if (settings.Path.GetType() != typeof(string)) 770 { 771 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 772 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 773 } 774 else 775 { 776 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 777 } 778 779 imageMedium += "&alternativeImage=" + alternativeImage; 780 781 imageMedium += "\""; 782 } 783 } 784 785 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 786 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 787 if (!string.IsNullOrEmpty(settings.Title)) 788 { 789 optionalAttributes.Add("alt", settings.Title); 790 optionalAttributes.Add("title", settings.Title); 791 } 792 793 if (settings.DisableLazyLoad) 794 { 795 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) /> 796 } 797 else 798 { 799 <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) /> 800 } 801 } 802 } 803 @using Dynamicweb.Rapido.Blocks.Components 804 @using Dynamicweb.Rapido.Blocks.Components.General 805 @using Dynamicweb.Rapido.Blocks 806 807 808 @* Component *@ 809 810 @helper RenderWithAltAndTitle(Image settings, string alText = "", string titleText = "") 811 { 812 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 813 { 814 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 815 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 816 817 if (settings.Caption != null) 818 { 819 @:<div> 820 } 821 822 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 823 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 824 825 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 826 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 827 @if (settings.Link != null) 828 { 829 <a href="@settings.Link"> 830 @RenderTheImage(settings, alText, titleText) 831 </a> 832 } 833 else 834 { 835 @RenderTheImage(settings, alText, titleText) 836 } 837 </div> 838 </div> 839 840 if (settings.Caption != null) 841 { 842 <span class="image-caption dw-mod">@settings.Caption</span> 843 @:</div> 844 } 845 } 846 else 847 { 848 if (settings.Caption != null) 849 { 850 @:<div> 851 } 852 if (!string.IsNullOrEmpty(settings.Link)) 853 { 854 <a href="@settings.Link"> 855 @RenderTheImage(settings, alText, titleText) 856 </a> 857 } 858 else 859 { 860 @RenderTheImage(settings, alText, titleText) 861 } 862 863 if (settings.Caption != null) 864 { 865 <span class="image-caption dw-mod">@settings.Caption</span> 866 @:</div> 867 } 868 } 869 } 870 871 @helper RenderTheImage(Image settings, string alText = "", string titleText = "") 872 { 873 if (settings != null) 874 { 875 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 876 string placeholderImage = "/Files/Images/placeholder.gif"; 877 string imageEngine = "/Admin/Public/GetImage.ashx?"; 878 879 string imageStyle = ""; 880 881 switch (settings.Style) 882 { 883 case ImageStyle.Ball: 884 imageStyle = "grid__cell-img--ball"; 885 break; 886 887 case ImageStyle.Triangle: 888 imageStyle = "grid__cell-img--triangle"; 889 break; 890 } 891 892 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 893 { 894 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 895 896 if (settings.ImageDefault != null) 897 { 898 settings.ImageDefault.Height = settings.ImageDefault.Width; 899 } 900 if (settings.ImageMedium != null) 901 { 902 settings.ImageMedium.Height = settings.ImageMedium.Width; 903 } 904 if (settings.ImageSmall != null) 905 { 906 settings.ImageSmall.Height = settings.ImageSmall.Width; 907 } 908 } 909 910 string defaultImage = imageEngine; 911 string imageSmall = ""; 912 string imageMedium = ""; 913 914 if (settings.DisableImageEngine) 915 { 916 defaultImage = settings.Path; 917 } 918 else 919 { 920 if (settings.ImageDefault != null) 921 { 922 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 923 924 if (settings.Path.GetType() != typeof(string)) 925 { 926 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 927 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 928 } 929 else 930 { 931 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 932 } 933 934 defaultImage += "&AlternativeImage=" + alternativeImage; 935 } 936 937 if (settings.ImageSmall != null) 938 { 939 imageSmall = "data-src-small=\"" + imageEngine; 940 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 941 942 if (settings.Path.GetType() != typeof(string)) 943 { 944 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 945 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 946 } 947 else 948 { 949 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 950 } 951 952 imageSmall += "&alternativeImage=" + alternativeImage; 953 954 imageSmall += "\""; 955 } 956 957 if (settings.ImageMedium != null) 958 { 959 imageMedium = "data-src-medium=\"" + imageEngine; 960 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 961 962 if (settings.Path.GetType() != typeof(string)) 963 { 964 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 965 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 966 } 967 else 968 { 969 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 970 971 972 } 973 974 imageMedium += "&alternativeImage=" + alternativeImage; 975 976 imageMedium += "\""; 977 } 978 } 979 980 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 981 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 982 if (!string.IsNullOrEmpty(settings.Title)) 983 { 984 optionalAttributes.Add("alt", settings.Title); 985 optionalAttributes.Add("title", settings.Title); 986 } 987 988 989 990 string imgAlt = ""; 991 string imgTitle = ""; 992 993 if (!string.IsNullOrWhiteSpace(alText)) 994 { 995 imgAlt = "alt=" + '"' + alText + '"'; 996 } 997 998 if (!string.IsNullOrWhiteSpace(titleText)) 999 { 1000 imgTitle = "title=" + '"' + titleText + '"'; 1001 1002 } 1003 1004 1005 if (settings.DisableLazyLoad) 1006 { 1007 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) @imgAlt @imgTitle /> 1008 } 1009 else 1010 { 1011 <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) @imgAlt @imgTitle /> 1012 } 1013 } 1014 } 1015 @using System.Reflection 1016 @using Dynamicweb.Rapido.Blocks.Components.General 1017 @using Dynamicweb.Rapido.Blocks.Components 1018 1019 @* Component *@ 1020 1021 @helper RenderFileField(FileField settings) 1022 { 1023 var attributes = new Dictionary<string, string>(); 1024 if (string.IsNullOrEmpty(settings.Id)) 1025 { 1026 settings.Id = Guid.NewGuid().ToString("N"); 1027 } 1028 1029 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1030 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1031 if (settings.Required) { attributes.Add("required", "true"); } 1032 if (settings.Multiple) { attributes.Add("multiple", "true"); } 1033 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1034 if (string.IsNullOrEmpty(settings.ChooseFileText)) 1035 { 1036 settings.ChooseFileText = Translate("Choose file"); 1037 } 1038 if (string.IsNullOrEmpty(settings.NoFilesChosenText)) 1039 { 1040 settings.NoFilesChosenText = Translate("No files chosen..."); 1041 } 1042 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1043 1044 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1045 1046 string setValueToFakeInput = "FileUpload.setValueToFakeInput(this)"; 1047 attributes.Add("onchange", setValueToFakeInput + (!string.IsNullOrEmpty(settings.OnChange) ? settings.OnChange : "")); 1048 1049 attributes.Add("type", "file"); 1050 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1051 settings.CssClass = "u-full-width " + settings.CssClass; 1052 1053 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1054 1055 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1056 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1057 { 1058 <div class="u-full-width"> 1059 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1060 @if (settings.Link != null) { 1061 <div class="u-pull--right"> 1062 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1063 @Render(settings.Link) 1064 </div> 1065 } 1066 </div> 1067 1068 } 1069 1070 @if (!string.IsNullOrEmpty(settings.HelpText)) 1071 { 1072 <small class="form__help-text">@settings.HelpText</small> 1073 } 1074 1075 <div class="form__field-combi file-input u-no-margin dw-mod"> 1076 <input @ComponentMethods.AddAttributes(resultAttributes) class="file-input__real-input" data-no-files-text="@settings.NoFilesChosenText" data-many-files-text="@Translate("files")" /> 1077 <label for="@settings.Id" class="file-input__btn btn--secondary btn dw-mod">@settings.ChooseFileText</label> 1078 <label for="@settings.Id" class="@settings.CssClass file-input__fake-input js-fake-input dw-mod">@settings.NoFilesChosenText</label> 1079 @if (settings.UploadButton != null) 1080 { 1081 settings.UploadButton.CssClass += " btn--condensed u-no-margin"; 1082 @Render(settings.UploadButton) 1083 } 1084 </div> 1085 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1086 </div> 1087 } 1088 @using System.Reflection 1089 @using Dynamicweb.Rapido.Blocks.Components.General 1090 @using Dynamicweb.Rapido.Blocks.Components 1091 @using Dynamicweb.Core 1092 @using System.Linq 1093 1094 @* Component *@ 1095 1096 @helper RenderDateTimeField(DateTimeField settings) 1097 { 1098 if (string.IsNullOrEmpty(settings.Id)) 1099 { 1100 settings.Id = Guid.NewGuid().ToString("N"); 1101 } 1102 1103 var textField = new TextField { 1104 Name = settings.Name, 1105 Id = settings.Id, 1106 Label = settings.Label, 1107 HelpText = settings.HelpText, 1108 Value = settings.Value, 1109 Disabled = settings.Disabled, 1110 Required = settings.Required, 1111 ErrorMessage = settings.ErrorMessage, 1112 CssClass = settings.CssClass, 1113 WrapperCssClass = settings.WrapperCssClass, 1114 OnChange = settings.OnChange, 1115 OnClick = settings.OnClick, 1116 Link = settings.Link, 1117 ExtraAttributes = settings.ExtraAttributes, 1118 // 1119 Placeholder = settings.Placeholder 1120 }; 1121 1122 @Render(textField) 1123 1124 List<string> jsAttributes = new List<string>(); 1125 1126 jsAttributes.Add("mode: '" + Enum.GetName(typeof(DateTimeFieldMode), settings.Mode).ToLower() + "'"); 1127 1128 if (!string.IsNullOrEmpty(settings.DateFormat)) 1129 { 1130 jsAttributes.Add("dateFormat: '" + settings.DateFormat + "'"); 1131 } 1132 if (!string.IsNullOrEmpty(settings.MinDate)) 1133 { 1134 jsAttributes.Add("minDate: '" + settings.MinDate + "'"); 1135 } 1136 if (!string.IsNullOrEmpty(settings.MaxDate)) 1137 { 1138 jsAttributes.Add("maxDate: '" + settings.MaxDate + "'"); 1139 } 1140 if (settings.IsInline) 1141 { 1142 jsAttributes.Add("inline: " + Converter.ToString(settings.IsInline).ToLower()); 1143 } 1144 if (settings.EnableTime) 1145 { 1146 jsAttributes.Add("enableTime: " + Converter.ToString(settings.EnableTime).ToLower()); 1147 } 1148 if (settings.EnableWeekNumbers) 1149 { 1150 jsAttributes.Add("weekNumbers: " + Converter.ToString(settings.EnableWeekNumbers).ToLower()); 1151 } 1152 1153 jsAttributes.AddRange(settings.GetFlatPickrOptions().Select(x => x.Key + ": " + x.Value)); 1154 1155 <script> 1156 document.addEventListener("DOMContentLoaded", function () { 1157 flatpickr("#@textField.Id", { 1158 @string.Join(",", jsAttributes) 1159 }); 1160 }); 1161 </script> 1162 } 1163 @using System.Reflection 1164 @using Dynamicweb.Rapido.Blocks.Components.General 1165 @using Dynamicweb.Rapido.Blocks.Components 1166 1167 @* Component *@ 1168 1169 @helper RenderTextField(TextField settings) 1170 { 1171 var attributes = new Dictionary<string, string>(); 1172 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1173 { 1174 settings.Id = Guid.NewGuid().ToString("N"); 1175 } 1176 1177 /*base settings*/ 1178 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1179 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1180 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1181 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1182 if (settings.Required) { attributes.Add("required", "true"); } 1183 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1184 /*end*/ 1185 1186 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1187 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1188 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1189 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1190 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1191 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1192 attributes.Add("type", Enum.GetName(typeof(TextFieldType), settings.Type).ToLower()); 1193 if (settings.Type == TextFieldType.Password) { attributes.Add("autocomplete", "off"); }; 1194 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1195 1196 settings.CssClass = "u-full-width " + settings.CssClass; 1197 1198 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1199 1200 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1201 1202 string noMargin = "u-no-margin"; 1203 if (!settings.ReadOnly) { 1204 noMargin = ""; 1205 } 1206 1207 <div class="form__field-group u-full-width @noMargin @settings.WrapperCssClass dw-mod"> 1208 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1209 { 1210 <div class="u-full-width"> 1211 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1212 @if (settings.Link != null) { 1213 settings.Link.ButtonLayout = ButtonLayout.LinkClean; 1214 1215 <div class="u-pull--right"> 1216 @Render(settings.Link) 1217 </div> 1218 } 1219 </div> 1220 1221 } 1222 1223 @if (!string.IsNullOrEmpty(settings.HelpText)) 1224 { 1225 <small class="form__help-text">@settings.HelpText</small> 1226 } 1227 1228 @if (settings.ActionButton != null) 1229 { 1230 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1231 <div class="form__field-combi u-no-margin dw-mod"> 1232 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1233 @Render(settings.ActionButton) 1234 </div> 1235 } 1236 else 1237 { 1238 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1239 } 1240 1241 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1242 </div> 1243 } 1244 @using System.Reflection 1245 @using Dynamicweb.Rapido.Blocks.Components.General 1246 @using Dynamicweb.Rapido.Blocks.Components 1247 1248 @* Component *@ 1249 1250 @helper RenderNumberField(NumberField settings) 1251 { 1252 var attributes = new Dictionary<string, string>(); 1253 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1254 { 1255 settings.Id = Guid.NewGuid().ToString("N"); 1256 } 1257 1258 /*base settings*/ 1259 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1260 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1261 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1262 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1263 if (settings.Required) { attributes.Add("required", "true"); } 1264 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1265 /*end*/ 1266 1267 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1268 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1269 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1270 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1271 if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); } 1272 if (settings.Min != null) { attributes.Add("min", settings.Min.ToString()); } 1273 if (settings.Step != 0) { attributes.Add("step", settings.Step.ToString()); } 1274 if (settings.Value != null && !string.IsNullOrEmpty(settings.Value.ToString())) { attributes.Add("value", settings.Value.ToString()); } 1275 attributes.Add("type", "number"); 1276 1277 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1278 1279 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1280 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1281 { 1282 <div class="u-full-width"> 1283 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1284 @if (settings.Link != null) { 1285 <div class="u-pull--right"> 1286 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1287 @Render(settings.Link) 1288 </div> 1289 } 1290 </div> 1291 1292 } 1293 1294 @if (!string.IsNullOrEmpty(settings.HelpText)) 1295 { 1296 <small class="form__help-text">@settings.HelpText</small> 1297 } 1298 1299 @if (settings.ActionButton != null) 1300 { 1301 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1302 <div class="form__field-combi u-no-margin dw-mod"> 1303 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1304 @Render(settings.ActionButton) 1305 </div> 1306 } 1307 else 1308 { 1309 <div class="form__field-combi u-no-margin dw-mod"> 1310 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1311 </div> 1312 } 1313 1314 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1315 </div> 1316 } 1317 @using System.Reflection 1318 @using Dynamicweb.Rapido.Blocks.Components.General 1319 @using Dynamicweb.Rapido.Blocks.Components 1320 1321 1322 @* Component *@ 1323 1324 @helper RenderTextareaField(TextareaField settings) 1325 { 1326 Dictionary<string, string> attributes = new Dictionary<string, string>(); 1327 string id = settings.Id; 1328 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(id)) 1329 { 1330 id = Guid.NewGuid().ToString("N"); 1331 } 1332 1333 if (!string.IsNullOrEmpty(id)) { attributes.Add("id", id); } 1334 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1335 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1336 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1337 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1338 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1339 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1340 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1341 if (settings.Required) { attributes.Add("required", "true"); } 1342 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1343 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1344 if (settings.Rows != 0) { attributes.Add("rows", settings.Rows.ToString()); } 1345 attributes.Add("name", settings.Name); 1346 1347 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1348 1349 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1350 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1351 { 1352 <div class="u-full-width"> 1353 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1354 @if (settings.Link != null) { 1355 <div class="u-pull--right"> 1356 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1357 @Render(settings.Link) 1358 </div> 1359 } 1360 </div> 1361 } 1362 1363 @if (!string.IsNullOrEmpty(settings.HelpText)) 1364 { 1365 <small class="form__help-text">@settings.HelpText</small> 1366 } 1367 1368 <textarea class="u-full-width @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Value</textarea> 1369 1370 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1371 </div> 1372 } 1373 @using System.Reflection 1374 @using Dynamicweb.Rapido.Blocks.Components.General 1375 @using Dynamicweb.Rapido.Blocks.Components 1376 1377 1378 @* Component *@ 1379 1380 @helper RenderHiddenField(HiddenField settings) { 1381 var attributes = new Dictionary<string, string>(); 1382 attributes.Add("type", "hidden"); 1383 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1384 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1385 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1386 1387 <input @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)/> 1388 } 1389 @using System.Reflection 1390 @using Dynamicweb.Rapido.Blocks.Components.General 1391 @using Dynamicweb.Rapido.Blocks.Components 1392 1393 @* Component *@ 1394 1395 @helper RenderCheckboxField(CheckboxField settings) 1396 { 1397 var attributes = new Dictionary<string, string>(); 1398 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1399 { 1400 settings.Id = Guid.NewGuid().ToString("N"); 1401 } 1402 1403 /*base settings*/ 1404 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1405 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1406 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1407 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1408 if (settings.Required) { attributes.Add("required", "true"); } 1409 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1410 /*end*/ 1411 1412 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1413 1414 attributes.Add("type", "checkbox"); 1415 if (settings.Checked) { attributes.Add("checked", "true"); } 1416 settings.CssClass = "form__control " + settings.CssClass; 1417 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1418 1419 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1420 1421 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1422 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1423 @if (!string.IsNullOrEmpty(settings.Label)) 1424 { 1425 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1426 } 1427 1428 @if (settings.Link != null) { 1429 <span> 1430 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1431 @Render(settings.Link) 1432 </span> 1433 } 1434 1435 @if (!string.IsNullOrEmpty(settings.HelpText)) 1436 { 1437 <small class="form__help-text checkbox-help dw-mod">@settings.HelpText</small> 1438 } 1439 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1440 </div> 1441 } 1442 @using System.Reflection 1443 @using Dynamicweb.Rapido.Blocks.Components.General 1444 @using Dynamicweb.Rapido.Blocks.Components 1445 1446 1447 @* Component *@ 1448 1449 @helper RenderCheckboxListField(CheckboxListField settings) 1450 { 1451 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1452 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1453 { 1454 <div class="u-full-width"> 1455 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1456 @if (settings.Link != null) { 1457 <div class="u-pull--right"> 1458 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1459 @Render(settings.Link) 1460 </div> 1461 } 1462 </div> 1463 1464 } 1465 1466 <div class="u-pull--left"> 1467 @if (!string.IsNullOrEmpty(settings.HelpText)) 1468 { 1469 <small class="form__help-text">@settings.HelpText</small> 1470 } 1471 1472 @foreach (var item in settings.Options) 1473 { 1474 if (settings.Required) 1475 { 1476 item.Required = true; 1477 } 1478 if (settings.Disabled) 1479 { 1480 item.Disabled = true; 1481 } 1482 if (!string.IsNullOrEmpty(settings.Name)) 1483 { 1484 item.Name = settings.Name; 1485 } 1486 if (!string.IsNullOrEmpty(settings.CssClass)) 1487 { 1488 item.CssClass += settings.CssClass; 1489 } 1490 1491 /* value is not supported */ 1492 1493 if (!string.IsNullOrEmpty(settings.OnClick)) 1494 { 1495 item.OnClick += settings.OnClick; 1496 } 1497 if (!string.IsNullOrEmpty(settings.OnChange)) 1498 { 1499 item.OnChange += settings.OnChange; 1500 } 1501 @Render(item) 1502 } 1503 1504 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1505 </div> 1506 1507 </div> 1508 } 1509 @using Dynamicweb.Rapido.Blocks.Components.General 1510 1511 @* Component *@ 1512 1513 @helper RenderSearch(Search settings) 1514 { 1515 var searchValue = HttpContext.Current.Request.QueryString.Get(settings.SearchParameter) ?? ""; 1516 var groupValue = HttpContext.Current.Request.QueryString.Get(settings.GroupsParameter) ?? ""; 1517 1518 if (string.IsNullOrEmpty(settings.Id)) 1519 { 1520 settings.Id = Guid.NewGuid().ToString("N"); 1521 } 1522 1523 var resultAttributes = new Dictionary<string, string>(); 1524 1525 if (settings.PageSize != 0) 1526 { 1527 resultAttributes.Add("data-page-size", settings.PageSize.ToString()); 1528 } 1529 if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1530 { 1531 resultAttributes.Add("data-groups-feed-url", settings.GroupItemsFeedUrl); 1532 if (!string.IsNullOrEmpty(groupValue)) 1533 { 1534 resultAttributes.Add("data-selected-group", groupValue); 1535 } 1536 if (!string.IsNullOrEmpty(settings.GroupsParameter)) 1537 { 1538 resultAttributes.Add("data-groups-parameter", settings.GroupsParameter); 1539 } 1540 } 1541 resultAttributes.Add("data-force-init", "true"); 1542 if (settings.GoToFirstSearchResultOnEnter) 1543 { 1544 resultAttributes.Add("data-go-to-first-search-result-on-enter", settings.GoToFirstSearchResultOnEnter.ToString().ToLower()); 1545 } 1546 if (!string.IsNullOrEmpty(settings.SearchParameter)) 1547 { 1548 resultAttributes.Add("data-search-parameter", settings.SearchParameter); 1549 } 1550 resultAttributes.Add("data-search-feed-url", settings.SearchData.SearchFeedUrl); 1551 resultAttributes.Add("data-results-template-id", settings.SearchData.ResultsTemplateId); 1552 1553 if (settings.SecondSearchData != null) 1554 { 1555 resultAttributes.Add("data-second-search-feed-url", settings.SecondSearchData.SearchFeedUrl); 1556 resultAttributes.Add("data-second-results-template-id", settings.SecondSearchData.ResultsTemplateId); 1557 } 1558 if (!string.IsNullOrEmpty(settings.ResultsPageUrl)) 1559 { 1560 resultAttributes.Add("data-results-page-url", settings.ResultsPageUrl); 1561 } 1562 1563 resultAttributes = resultAttributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1564 1565 string searchFieldCss = (settings.SearchButton == null) ? "search--with-icon" : ""; 1566 1567 <div class="search @settings.CssClass @searchFieldCss js-search-data-source dw-mod" id="@settings.Id" @ComponentMethods.AddAttributes(resultAttributes)> 1568 @if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1569 { 1570 <button type="button" class="search__groups-btn dw-mod js-search-groups-btn">@Translate("All")</button> 1571 <ul class="dropdown dropdown--absolute-position dw-mod search__groups-results js-search-groups-list"></ul> 1572 } 1573 1574 <input type="text" class="search__field dw-mod js-search-field" placeholder="@settings.Placeholder" value="@searchValue"> 1575 1576 <div class="dropdown dropdown--absolute-position search__results dw-mod js-search-results @(settings.SecondSearchData != null ? "search__results--combined" : "")"> 1577 @if (settings.SecondSearchData != null) 1578 { 1579 <div class="search__column search__column--products dw-mod"> 1580 <div class="search__column-header dw-mod">@Translate("Products")</div> 1581 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1582 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1583 { 1584 @Render(new Link { 1585 Title = Translate("View all"), 1586 CssClass = "js-view-all-button u-margin", 1587 Href = settings.SearchData.ResultsPageUrl 1588 }); 1589 } 1590 </div> 1591 <div class="search__column search__column--pages dw-mod"> 1592 <div class="search__column-header">@Translate("Pages")</div> 1593 <ul class="search__results-list dw-mod js-search-results-second-list" id="@(settings.Id)_SecondResultsList"></ul> 1594 @if (!string.IsNullOrEmpty(settings.SecondSearchData.ResultsPageUrl)) 1595 { 1596 @Render(new Link 1597 { 1598 Title = Translate("View all"), 1599 CssClass = "js-view-all-button u-margin", 1600 Href = settings.SecondSearchData.ResultsPageUrl 1601 }); 1602 } 1603 </div> 1604 } 1605 else 1606 { 1607 <div class="search__column search__column--only dw-mod"> 1608 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1609 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1610 { 1611 @Render(new Link { 1612 Title = Translate("View all"), 1613 CssClass = "js-view-all-button u-margin", 1614 Href = settings.SearchData.ResultsPageUrl 1615 }); 1616 } 1617 </div> 1618 } 1619 </div> 1620 1621 @if (settings.SearchButton != null) 1622 { 1623 settings.SearchButton.CssClass += " search__btn js-search-btn"; 1624 if (settings.RenderDefaultSearchIcon) 1625 { 1626 settings.SearchButton.Icon = new Icon { Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue }; 1627 } 1628 @Render(settings.SearchButton); 1629 } 1630 </div> 1631 } 1632 @using System.Reflection 1633 @using Dynamicweb.Rapido.Blocks.Components.General 1634 @using Dynamicweb.Rapido.Blocks.Components 1635 1636 1637 @* Component *@ 1638 1639 @helper RenderSelectField(SelectField settings) 1640 { 1641 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1642 { 1643 settings.Id = Guid.NewGuid().ToString("N"); 1644 } 1645 1646 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1647 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1648 { 1649 <div class="u-full-width"> 1650 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1651 @if (settings.Link != null) { 1652 <div class="u-pull--right"> 1653 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1654 @Render(settings.Link) 1655 </div> 1656 } 1657 </div> 1658 } 1659 1660 @if (!string.IsNullOrEmpty(settings.HelpText)) 1661 { 1662 <small class="form__help-text">@settings.HelpText</small> 1663 } 1664 1665 @if (settings.ActionButton != null) 1666 { 1667 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1668 <div class="form__field-combi u-no-margin dw-mod"> 1669 @RenderSelectBase(settings) 1670 @Render(settings.ActionButton) 1671 </div> 1672 } 1673 else 1674 { 1675 @RenderSelectBase(settings) 1676 } 1677 1678 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1679 </div> 1680 } 1681 1682 @helper RenderSelectBase(SelectField settings) 1683 { 1684 var attributes = new Dictionary<string, string>(); 1685 1686 /*base settings*/ 1687 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1688 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1689 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1690 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1691 if (settings.Required) { attributes.Add("required", "true"); } 1692 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1693 /*end*/ 1694 1695 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1696 1697 <select @ComponentMethods.AddAttributes(resultAttributes) class="u-full-width @settings.CssClass dw-mod"> 1698 @if (settings.Default != null) 1699 { 1700 @Render(settings.Default) 1701 } 1702 1703 @foreach (var item in settings.Options) 1704 { 1705 if (settings.Value != null) { 1706 item.Checked = item.Value == settings.Value; 1707 } 1708 @Render(item) 1709 } 1710 </select> 1711 } 1712 @using System.Reflection 1713 @using Dynamicweb.Rapido.Blocks.Components.General 1714 @using Dynamicweb.Rapido.Blocks.Components 1715 1716 @* Component *@ 1717 1718 @helper RenderRadioButtonField(RadioButtonField settings) 1719 { 1720 var attributes = new Dictionary<string, string>(); 1721 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1722 { 1723 settings.Id = Guid.NewGuid().ToString("N"); 1724 } 1725 1726 /*base settings*/ 1727 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1728 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1729 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1730 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1731 if (settings.Required) { attributes.Add("required", "true"); } 1732 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1733 /*end*/ 1734 1735 attributes.Add("type", "radio"); 1736 if (settings.Checked) { attributes.Add("checked", "true"); } 1737 settings.CssClass = "form__control " + settings.CssClass; 1738 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1739 1740 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1741 1742 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1743 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1744 @if (!string.IsNullOrEmpty(settings.Label)) 1745 { 1746 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1747 } 1748 @if (!string.IsNullOrEmpty(settings.HelpText)) 1749 { 1750 <small class="form__help-text">@settings.HelpText</small> 1751 } 1752 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1753 </div> 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 RenderRadioButtonListField(RadioButtonListField settings) 1763 { 1764 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1765 1766 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1767 @if (!string.IsNullOrEmpty(settings.Label)) 1768 { 1769 <label>@settings.Label</label> 1770 } 1771 @if (!string.IsNullOrEmpty(settings.HelpText)) 1772 { 1773 <small class="form__help-text">@settings.HelpText</small> 1774 } 1775 1776 @foreach (var item in settings.Options) 1777 { 1778 if (settings.Required) 1779 { 1780 item.Required = true; 1781 } 1782 if (settings.Disabled) 1783 { 1784 item.Disabled = true; 1785 } 1786 if (!string.IsNullOrEmpty(settings.Name)) 1787 { 1788 item.Name = settings.Name; 1789 } 1790 if (settings.Value != null && settings.Value == item.Value) 1791 { 1792 item.Checked = true; 1793 } 1794 if (!string.IsNullOrEmpty(settings.OnClick)) 1795 { 1796 item.OnClick += settings.OnClick; 1797 } 1798 if (!string.IsNullOrEmpty(settings.OnChange)) 1799 { 1800 item.OnChange += settings.OnChange; 1801 } 1802 if (!string.IsNullOrEmpty(settings.CssClass)) 1803 { 1804 item.CssClass += settings.CssClass; 1805 } 1806 @Render(item) 1807 } 1808 1809 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1810 </div> 1811 } 1812 @using System.Reflection 1813 @using Dynamicweb.Rapido.Blocks.Components.General 1814 @using Dynamicweb.Rapido.Blocks.Components 1815 1816 1817 @* Component *@ 1818 1819 @helper RenderNotificationMessage(NotificationMessage settings) 1820 { 1821 if (!string.IsNullOrEmpty(settings.Message)) 1822 { 1823 var attributes = new Dictionary<string, string>(); 1824 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1825 1826 string messageTypeClass = Enum.GetName(typeof(NotificationMessageType), settings.MessageType).ToLower(); 1827 string messageLayoutClass = Enum.GetName(typeof(NotificationMessageLayout), settings.MessageLayout).ToLower(); 1828 string minHeightClass = settings.Icon != null ? "u-min-h70px" : ""; 1829 1830 <div class="notification-message-@messageTypeClass notification-message-@messageLayoutClass @messageLayoutClass @minHeightClass @settings.CssClass u-full-width dw-mod" @ComponentMethods.AddAttributes(attributes)> 1831 @if (settings.Icon != null) { 1832 settings.Icon.Label = !string.IsNullOrEmpty(settings.Icon.Label) ? settings.Message + settings.Icon.Label : settings.Message; 1833 @Render(settings.Icon) 1834 } else { 1835 @settings.Message 1836 } 1837 </div> 1838 } 1839 } 1840 @using Dynamicweb.Rapido.Blocks.Components.General 1841 1842 1843 @* Component *@ 1844 1845 @helper RenderHandlebarsRoot(HandlebarsRoot settings) { 1846 string preRender = !String.IsNullOrEmpty(settings.PreRenderScriptTemplate) ? "data-pre-render-template=\"" + settings.PreRenderScriptTemplate + "\"" : ""; 1847 1848 <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> 1849 @if (settings.SubBlocks != null) { 1850 @RenderBlockList(settings.SubBlocks) 1851 } 1852 </div> 1853 } 1854 @using System.Reflection 1855 @using Dynamicweb.Rapido.Blocks.Components.General 1856 @using Dynamicweb.Rapido.Blocks.Components 1857 @using System.Text.RegularExpressions 1858 1859 1860 @* Component *@ 1861 1862 @helper RenderSticker(Sticker settings) { 1863 if (!String.IsNullOrEmpty(settings.Title)) { 1864 string size = settings.Size.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Size.ToString().ToLower() : ""; 1865 string style = settings.Style.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Style.ToString().ToLower() : ""; 1866 1867 Dictionary<String, String> optionalAttributes = new Dictionary<string, string>(); 1868 if (!String.IsNullOrEmpty(settings.Color) || !String.IsNullOrEmpty(settings.BackgroundColor)) { 1869 string styleTag = !String.IsNullOrEmpty(settings.Color) ? "color: " + settings.Color + "; " : ""; 1870 styleTag += !String.IsNullOrEmpty(settings.BackgroundColor) ? "background-color: " + settings.BackgroundColor + "; " : ""; 1871 optionalAttributes.Add("style", styleTag); 1872 } 1873 1874 <div class="stickers-container__tag @size @style @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Title</div> 1875 } 1876 } 1877 1878 @using System.Reflection 1879 @using Dynamicweb.Rapido.Blocks.Components.General 1880 @using Dynamicweb.Rapido.Blocks.Components 1881 1882 1883 @* Component *@ 1884 1885 @helper RenderStickersCollection(StickersCollection settings) 1886 { 1887 if (settings.Stickers.Count > 0) 1888 { 1889 string position = "stickers-container--" + Regex.Replace(settings.Position.ToString(), "([a-z])([A-Z])", "$1-$2").ToLower(); 1890 1891 <div class="stickers-container @position @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1892 @foreach (Sticker sticker in settings.Stickers) 1893 { 1894 @Render(sticker) 1895 } 1896 </div> 1897 } 1898 } 1899 1900 @using Dynamicweb.Rapido.Blocks.Components.General 1901 1902 1903 @* Component *@ 1904 1905 @helper RenderForm(Form settings) { 1906 if (settings != null) 1907 { 1908 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 1909 if (!string.IsNullOrEmpty(settings.Action)) { optionalAttributes.Add("action", settings.Action); }; 1910 if (!string.IsNullOrEmpty(settings.Name)) { optionalAttributes.Add("name", settings.Name); }; 1911 if (!string.IsNullOrEmpty(settings.OnSubmit)) { optionalAttributes.Add("onsubmit", settings.OnSubmit); }; 1912 var enctypes = new Dictionary<string, string> 1913 { 1914 { "multipart", "multipart/form-data" }, 1915 { "text", "text/plain" }, 1916 { "application", "application/x-www-form-urlencoded" } 1917 }; 1918 if (settings.Enctype != FormEnctype.none) { optionalAttributes.Add("enctype", enctypes[Enum.GetName(typeof(FormEnctype), settings.Enctype).ToLower()]); }; 1919 optionalAttributes.Add("method", settings.Method.ToString()); 1920 1921 if (!string.IsNullOrEmpty(settings.FormStartMarkup)) 1922 { 1923 @settings.FormStartMarkup 1924 } 1925 else 1926 { 1927 @:<form class="@settings.CssClass u-no-margin dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1928 } 1929 1930 foreach (var field in settings.GetFields()) 1931 { 1932 @Render(field) 1933 } 1934 1935 @:</form> 1936 } 1937 } 1938 @using System.Reflection 1939 @using Dynamicweb.Rapido.Blocks.Components.General 1940 @using Dynamicweb.Rapido.Blocks.Components 1941 1942 1943 @* Component *@ 1944 1945 @helper RenderText(Text settings) 1946 { 1947 @settings.Content 1948 } 1949 @using System.Reflection 1950 @using Dynamicweb.Rapido.Blocks.Components.General 1951 @using Dynamicweb.Rapido.Blocks.Components 1952 1953 1954 @* Component *@ 1955 1956 @helper RenderContentModule(ContentModule settings) { 1957 if (!string.IsNullOrEmpty(settings.Content)) 1958 { 1959 @settings.Content 1960 } 1961 } 1962 @using System.Reflection 1963 @using Dynamicweb.Rapido.Blocks.Components.General 1964 @using Dynamicweb.Rapido.Blocks.Components 1965 1966 1967 @* Component *@ 1968 1969 @helper RenderModal(Modal settings) { 1970 if (settings != null) 1971 { 1972 string modalId = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 1973 1974 string onchange = !string.IsNullOrEmpty(settings.OnClose) ? "onchange=\"if(!this.checked){" + settings.OnClose + "}\"" : ""; 1975 1976 <input type="checkbox" id="@(modalId)ModalTrigger" class="modal-trigger" @onchange /> 1977 1978 <div class="modal-container"> 1979 @if (!settings.DisableDarkOverlay) 1980 { 1981 <label for="@(modalId)ModalTrigger" id="@(modalId)ModalOverlay" class="modal-overlay"></label> 1982 } 1983 <div class="modal modal--@settings.Width.ToString().ToLower() modal-height--@settings.Height.ToString().ToLower()" id="@(modalId)Modal"> 1984 @if (settings.Heading != null) 1985 { 1986 if (!string.IsNullOrEmpty(settings.Heading.Title)) 1987 { 1988 <div class="modal__header"> 1989 @Render(settings.Heading) 1990 </div> 1991 } 1992 } 1993 <div class="modal__body @(settings.Width.ToString().ToLower() == "full" ? "modal__body--full" : "")"> 1994 @if (!string.IsNullOrEmpty(settings.BodyText)) 1995 { 1996 @settings.BodyText 1997 } 1998 @if (settings.BodyTemplate != null) 1999 { 2000 @settings.BodyTemplate 2001 } 2002 @{ 2003 var actions = settings.GetActions(); 2004 } 2005 </div> 2006 @if (actions.Length > 0) 2007 { 2008 <div class="modal__footer"> 2009 @foreach (var action in actions) 2010 { 2011 if (Pageview.Device.ToString() != "Mobile") { 2012 action.CssClass += " u-no-margin"; 2013 } else { 2014 action.CssClass += " u-full-width u-margin-bottom"; 2015 } 2016 2017 @Render(action) 2018 } 2019 </div> 2020 } 2021 <label class="modal__close-btn" for="@(modalId)ModalTrigger"></label> 2022 </div> 2023 </div> 2024 } 2025 } 2026 @using Dynamicweb.Rapido.Blocks.Components.General 2027 2028 @* Component *@ 2029 2030 @helper RenderMediaListItem(MediaListItem settings) 2031 { 2032 <div class="media-list-item @settings.CssClass dw-mod" @(!string.IsNullOrEmpty(settings.Id) ? "id=\"" + settings.Id + "\"" : "")> 2033 @if (!string.IsNullOrEmpty(settings.Label)) 2034 { 2035 if (!string.IsNullOrEmpty(settings.Link)) 2036 { 2037 @Render(new Link 2038 { 2039 Href = settings.Link, 2040 CssClass = "media-list-item__sticker dw-mod", 2041 ButtonLayout = ButtonLayout.None, 2042 Title = settings.Label, 2043 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 2044 }) 2045 } 2046 else if (!string.IsNullOrEmpty(settings.OnClick)) 2047 { 2048 <span class="media-list-item__sticker dw-mod" onclick="@(settings.OnClick)"> 2049 <span class="u-uppercase">@settings.Label</span> 2050 </span> 2051 } 2052 else 2053 { 2054 <span class="media-list-item__sticker media-list-item__sticker--no-link dw-mod"> 2055 <span class="u-uppercase">@settings.Label</span> 2056 </span> 2057 } 2058 } 2059 <div class="media-list-item__wrap"> 2060 <div class="media-list-item__info dw-mod"> 2061 <div class="media-list-item__header dw-mod"> 2062 @if (!string.IsNullOrEmpty(settings.Title)) 2063 { 2064 if (!string.IsNullOrEmpty(settings.Link)) 2065 { 2066 @Render(new Link 2067 { 2068 Href = settings.Link, 2069 CssClass = "media-list-item__name dw-mod", 2070 ButtonLayout = ButtonLayout.None, 2071 Title = settings.Title, 2072 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 2073 }) 2074 } 2075 else if (!string.IsNullOrEmpty(settings.OnClick)) 2076 { 2077 <span class="media-list-item__name dw-mod" onclick="@(settings.OnClick)">@settings.Title</span> 2078 } 2079 else 2080 { 2081 <span class="media-list-item__name media-list-item__name--no-link dw-mod">@settings.Title</span> 2082 } 2083 } 2084 2085 @if (!string.IsNullOrEmpty(settings.Status)) 2086 { 2087 <div class="media-list-item__state dw-mod">@settings.Status</div> 2088 } 2089 </div> 2090 @{ 2091 settings.InfoTable.CssClass += " media-list-item__parameters-table"; 2092 } 2093 2094 @Render(settings.InfoTable) 2095 </div> 2096 <div class="media-list-item__actions dw-mod"> 2097 <div class="media-list-item__actions-list dw-mod"> 2098 @{ 2099 var actions = settings.GetActions(); 2100 2101 foreach (ButtonBase action in actions) 2102 { 2103 action.ButtonLayout = ButtonLayout.None; 2104 action.CssClass += " media-list-item__action link"; 2105 2106 @Render(action) 2107 } 2108 } 2109 </div> 2110 2111 @if (settings.SelectButton != null && !string.IsNullOrEmpty(settings.SelectButton.Title)) 2112 { 2113 settings.SelectButton.CssClass += " u-no-margin"; 2114 2115 <div class="media-list-item__action-button"> 2116 @Render(settings.SelectButton) 2117 </div> 2118 } 2119 </div> 2120 </div> 2121 </div> 2122 } 2123 @using Dynamicweb.Rapido.Blocks.Components.General 2124 @using Dynamicweb.Rapido.Blocks.Components 2125 2126 @helper RenderTable(Table settings) 2127 { 2128 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2129 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2130 2131 var enumToClasses = new Dictionary<TableDesign, string> 2132 { 2133 { TableDesign.Clean, "table--clean" }, 2134 { TableDesign.Bordered, "table--bordered" }, 2135 { TableDesign.Striped, "table--striped" }, 2136 { TableDesign.Hover, "table--hover" }, 2137 { TableDesign.Compact, "table--compact" }, 2138 { TableDesign.Condensed, "table--condensed" }, 2139 { TableDesign.NoTopBorder, "table--no-top-border" } 2140 }; 2141 string tableDesignClass = ""; 2142 if (settings.Design != TableDesign.None) 2143 { 2144 tableDesignClass = enumToClasses[settings.Design]; 2145 } 2146 2147 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableDesign.None) { attributes.Add("class", "table " + tableDesignClass + " " + settings.CssClass + " dw-mod"); } 2148 2149 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2150 2151 <table @ComponentMethods.AddAttributes(resultAttributes)> 2152 @if (settings.Header != null) 2153 { 2154 <thead> 2155 @Render(settings.Header) 2156 </thead> 2157 } 2158 <tbody> 2159 @foreach (var row in settings.Rows) 2160 { 2161 @Render(row) 2162 } 2163 </tbody> 2164 @if (settings.Footer != null) 2165 { 2166 <tfoot> 2167 @Render(settings.Footer) 2168 </tfoot> 2169 } 2170 </table> 2171 } 2172 @using Dynamicweb.Rapido.Blocks.Components.General 2173 @using Dynamicweb.Rapido.Blocks.Components 2174 2175 @helper RenderTableRow(TableRow settings) 2176 { 2177 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2178 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2179 2180 var enumToClasses = new Dictionary<TableRowDesign, string> 2181 { 2182 { TableRowDesign.NoBorder, "table__row--no-border" }, 2183 { TableRowDesign.Border, "table__row--border" }, 2184 { TableRowDesign.TopBorder, "table__row--top-line" }, 2185 { TableRowDesign.BottomBorder, "table__row--bottom-line" }, 2186 { TableRowDesign.Solid, "table__row--solid" } 2187 }; 2188 2189 string tableRowDesignClass = ""; 2190 if (settings.Design != TableRowDesign.None) 2191 { 2192 tableRowDesignClass = enumToClasses[settings.Design]; 2193 } 2194 2195 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableRowDesign.None) { attributes.Add("class", "table__row " + tableRowDesignClass + " " + settings.CssClass + " dw-mod"); } 2196 2197 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2198 2199 <tr @ComponentMethods.AddAttributes(resultAttributes)> 2200 @foreach (var cell in settings.Cells) 2201 { 2202 if (settings.IsHeaderRow) 2203 { 2204 cell.IsHeader = true; 2205 } 2206 @Render(cell) 2207 } 2208 </tr> 2209 } 2210 @using Dynamicweb.Rapido.Blocks.Components.General 2211 @using Dynamicweb.Rapido.Blocks.Components 2212 @using Dynamicweb.Core 2213 2214 @helper RenderTableCell(TableCell settings) 2215 { 2216 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2217 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2218 if (settings.Colspan != 0) { attributes.Add("colspan", Converter.ToString(settings.Colspan)); } 2219 if (settings.Rowspan != 0) { attributes.Add("rowspan", Converter.ToString(settings.Rowspan)); } 2220 if (!string.IsNullOrEmpty(settings.CssClass)) { attributes.Add("class", settings.CssClass + " dw-mod"); } 2221 2222 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2223 2224 string tagName = settings.IsHeader ? "th" : "td"; 2225 2226 @("<" + tagName + " " + ComponentMethods.AddAttributes(resultAttributes) + ">") 2227 @settings.Content 2228 @("</" + tagName + ">"); 2229 } 2230 @using System.Linq 2231 @using Dynamicweb.Rapido.Blocks.Components.General 2232 2233 @* Component *@ 2234 2235 @helper RenderPagination(Dynamicweb.Rapido.Blocks.Components.General.Pagination settings) 2236 { 2237 var pageNumberQueryStringName = Dynamicweb.Rapido.Services.Pagination.GetPageNumberQueryStringName(settings); // Get the proper 'page number' query string parameter 2238 var queryParameters = Dynamicweb.Rapido.Services.Url.GetQueryParameters(pageNumberQueryStringName); // Get the NameValueCollection from the querystring 2239 2240 if (settings.NumberOfPages > 1) 2241 { 2242 string url = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority) + "/Default.aspx"; 2243 string ariaLabel = !string.IsNullOrWhiteSpace(settings.AriaLabel) ? settings.AriaLabel : Translate("Page navigation"); 2244 Dictionary<string, int> startAndEndPageNumber = Dynamicweb.Rapido.Services.Pagination.GetStartAndEndPageNumber(settings); 2245 2246 <div class="pager u-margin-top dw-mod @settings.CssClass" aria-label="@ariaLabel"> 2247 @if (settings.ShowPagingInfo) 2248 { 2249 <div class="pager__info dw-mod"> 2250 @Translate("Page") @settings.CurrentPageNumber @Translate("of") @settings.NumberOfPages 2251 </div> 2252 } 2253 <ul class="pager__list dw-mod"> 2254 @if (!string.IsNullOrWhiteSpace(settings.FirstPageUrl) && settings.ShowFirstAndLastControls) 2255 { 2256 @Render(new PaginationItem { Link = settings.FirstPageUrl, Icon = settings.FirstIcon }) 2257 } 2258 @if (!string.IsNullOrWhiteSpace(settings.PreviousPageUrl) && settings.ShowNextAndPrevControls) 2259 { 2260 @Render(new PaginationItem { Link = settings.PreviousPageUrl, Icon = settings.PrevIcon }) 2261 } 2262 @if (settings.GetPages().Any()) 2263 { 2264 foreach (var page in settings.GetPages()) 2265 { 2266 @Render(page) 2267 } 2268 } 2269 else 2270 { 2271 for (var page = startAndEndPageNumber["StartPage"]; page <= startAndEndPageNumber["EndPage"]; page++) 2272 { 2273 queryParameters = Dynamicweb.Rapido.Services.Url.UpdateQueryStringParameter(queryParameters, pageNumberQueryStringName, page.ToString()); 2274 @Render(new PaginationItem { Label = page.ToString(), Link = Dynamicweb.Rapido.Services.Url.BuildUri(url, queryParameters).PathAndQuery, IsActive = (settings.CurrentPageNumber == page) }); 2275 } 2276 } 2277 @if (!string.IsNullOrWhiteSpace(settings.NextPageUrl) && settings.ShowNextAndPrevControls) 2278 { 2279 @Render(new PaginationItem { Link = settings.NextPageUrl, Icon = settings.NextIcon }) 2280 } 2281 @if (!string.IsNullOrWhiteSpace(settings.LastPageUrl) && settings.ShowFirstAndLastControls) 2282 { 2283 @Render(new PaginationItem { Link = settings.LastPageUrl, Icon = settings.LastIcon }) 2284 } 2285 </ul> 2286 </div> 2287 } 2288 } 2289 2290 @helper RenderPaginationItem(PaginationItem settings) 2291 { 2292 if (settings.Icon == null) 2293 { 2294 settings.Icon = new Icon(); 2295 } 2296 2297 settings.Icon.Label = settings.Label; 2298 <li class="pager__btn dw-mod"> 2299 @if (settings.IsActive) 2300 { 2301 <span class="pager__num pager__num--current dw-mod"> 2302 @Render(settings.Icon) 2303 </span> 2304 } 2305 else 2306 { 2307 <a href="@settings.Link" class="pager__num dw-mod"> 2308 @Render(settings.Icon) 2309 </a> 2310 } 2311 </li> 2312 } 2313 2314 2315 @using Dynamicweb.Rapido.Blocks.Components.General 2316 @using Dynamicweb.Rapido.Blocks.Components.Ecommerce 2317 2318 2319 2320 2321 2322 @functions { 2323 public string GenerateRgba(string color, string opacity) 2324 { 2325 color = color.Replace("#", ""); 2326 if (color.Length == 6) 2327 { 2328 return "rgba(" + Convert.ToInt32(color.Substring(0, 2), 16) + ", " + Convert.ToInt32(color.Substring(2, 2), 16) + ", " + Convert.ToInt32(color.Substring(4, 2), 16) + ", " + opacity + ");"; 2329 } 2330 else 2331 { 2332 return Convert.ToInt16(color).ToString(); 2333 } 2334 } 2335 } 2336 2337 @{ 2338 string link = !string.IsNullOrEmpty(Model.Item.GetString("Link")) ? Model.Item.GetString("Link") : ""; 2339 string linkTarget = link.Contains("http") || link.Contains(".pdf") ? "_blank" : "_self"; 2340 } 2341 2342 @if (!string.IsNullOrEmpty(link)) 2343 { 2344 @*<a href="@link" target="@linkTarget" class="u-overlay">*@ 2345 <div class="paragraph-image-link-wrapper"> 2346 <a href="@link" target="@linkTarget"> 2347 @RenderTheContent() 2348 </a> 2349 </div> 2350 } 2351 else 2352 { 2353 @RenderTheContent() 2354 } 2355 2356 2357 @helper RenderTheContent() 2358 { 2359 string innerPadding = Model.Item.GetList("Padding") != null ? " padding-size-" + Model.Item.GetList("Padding").SelectedValue.ToLower() : ""; 2360 innerPadding += Model.Item.GetList("PaddingPosition") != null ? " padding-position-" + Model.Item.GetList("PaddingPosition").SelectedValue.ToLower() : ""; 2361 2362 if (!string.IsNullOrEmpty(Model.Item.GetString("Image"))) 2363 { 2364 int width = Model.Item.GetString("ImageWidth") != null ? Model.Item.GetInt32("ImageWidth") : 100; 2365 string styleSetting = Model.Item.GetString("ImageStyle") != null ? Model.Item.GetList("ImageStyle").SelectedValue : ""; 2366 ImageStyle style = ImageStyle.None; 2367 style = styleSetting == "ball" ? style = ImageStyle.Ball : style; 2368 style = styleSetting == "triangle" ? style = ImageStyle.Triangle : style; 2369 var file = Model.Item.GetFile("Image"); 2370 2371 Image image = new Image 2372 { 2373 Path = file, 2374 Style = style, 2375 CssClass = "background-image__cover", 2376 ImageDefault = new ImageSettings 2377 { 2378 Crop = 5, 2379 Width = width 2380 } 2381 }; 2382 2383 if (styleSetting == "square") 2384 { 2385 image.ImageDefault.Crop = 0; 2386 image.ImageDefault.Height = image.ImageDefault.Width; 2387 } 2388 2389 string imageAltText = ""; 2390 if (!string.IsNullOrWhiteSpace(Model.Item.GetString("ImageAltText"))) 2391 { 2392 imageAltText = Model.Item.GetString("ImageAltText"); 2393 } 2394 2395 string imageTitleText = ""; 2396 if (!string.IsNullOrWhiteSpace(Model.Item.GetString("ImageTitleText"))) 2397 { 2398 imageTitleText = Model.Item.GetString("ImageTitleText"); 2399 } 2400 2401 <div class="paragraph-image"> 2402 @RenderWithAltAndTitle(image, imageAltText, imageTitleText) 2403 </div> 2404 } 2405 2406 <div class="u-full-width u-padding-top dw-mod"> 2407 @if (!string.IsNullOrEmpty(Model.Item.GetString("Title")) || !string.IsNullOrEmpty(Model.Item.GetString("Text"))) 2408 { 2409 <div class="u-margin-bottom--lg"> 2410 @if (!Model.Item.GetBoolean("HideTitle")) 2411 { 2412 @Render(new Heading { Title = Model.Item.GetString("Title"), Level = 2, CssClass = "u-no-margin" }) 2413 } 2414 @Render(new Text { Content = Model.Item.GetString("Text") }) 2415 </div> 2416 } 2417 </div> 2418 2419 if (!string.IsNullOrEmpty(Model.Item.GetItem("ButtonOne").GetString("Title"))) 2420 { 2421 <div class="buttons-collection u-block dw-mod"> 2422 @ParagraphButton(Model.Item.GetItem("ButtonOne")) 2423 </div> 2424 } 2425 } 2426 2427 2428 @helper ParagraphButton(ItemViewModel item) 2429 { 2430 if (item != null) 2431 { 2432 if (!string.IsNullOrEmpty(item.GetString("Title"))) 2433 { 2434 Button button = new Button 2435 { 2436 Title = item.GetString("Title"), 2437 Href = item.GetString("Link"), 2438 ButtonLayout = (ButtonLayout)System.Enum.Parse(typeof(ButtonLayout), char.ToUpper(item.GetList("Layout").SelectedValue[0]) + item.GetList("Layout").SelectedValue.Substring(1)) 2439 }; 2440 2441 if (!string.IsNullOrEmpty(item.GetString("Icon"))) 2442 { 2443 button.Icon = new Icon 2444 { 2445 CssClass = item.GetString("Icon") 2446 }; 2447 } 2448 2449 @Render(button) 2450 } 2451 } 2452 } 2453 2454 2455 2456 2457 2458
Design dit
eget rum
Benyt vores tegneprogram til at designe din egen personlige reol. Programmet fungerer til både IOS, Android samt online.
Bliv inspireret
til din egen
indretning
I vores kataloger kan du se vores produkter i alle detaljer. Her kan du også finde af inspiration til at skabe din egen personlige stil i dit hjem.