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