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