Error executing template "Designs/Rapido/_parsed/DynamicArticle.parsed.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_f1925c21f9b0412d964d590449cf0184.Execute() in D:\dynamicweb.net\Solutions\Production\Files\Templates\Designs\Rapido\_parsed\DynamicArticle.parsed.cshtml:line 7891
   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.PageViewModel> 2 3 @using System.Web; 4 @using Dynamicweb.Frontend 5 @using Dynamicweb.Frontend.Devices 6 @using Dynamicweb.Extensibility 7 @using Dynamicweb.Content 8 @using Dynamicweb.Security 9 @using Dynamicweb.Core 10 @using System 11 @using System.Web 12 @using System.IO 13 @using Dynamicweb.Rapido.Blocks 14 @using System.Net 15 16 17 @functions { 18 BlocksPage masterPage = BlocksPage.GetBlockPage("Master"); 19 20 //string getFontFamily(params string[] items) 21 //{ 22 // var itemParent = Pageview.AreaSettings; 23 // foreach (var item in items) 24 // { 25 // itemParent = itemParent.GetItem(item); 26 // if (itemParent == null) 27 // { 28 // return null; 29 // } 30 // } 31 32 // var googleFont = itemParent.GetGoogleFont("FontFamily"); 33 // if (googleFont == null) 34 // { 35 // return null; 36 // } 37 // return googleFont.Family.Replace(" ", "+"); 38 //} 39 } 40 41 @{ 42 Block root = new Block 43 { 44 Id = "Root", 45 SortId = 10, 46 BlocksList = new List<Block> 47 { 48 new Block { 49 Id = "Head", 50 SortId = 10, 51 SkipRenderBlocksList = true, 52 Template = RenderMasterHead(), 53 BlocksList = new List<Block> 54 { 55 new Block { 56 Id = "HeadMetadata", 57 SortId = 10, 58 Template = RenderMasterMetadata(), 59 }, 60 new Block { 61 Id = "HeadCss", 62 SortId = 20, 63 Template = RenderMasterCss(), 64 }, 65 new Block { 66 Id = "HeadManifest", 67 SortId = 30, 68 Template = RenderMasterManifest(), 69 } 70 } 71 }, 72 new Block { 73 Id = "Body", 74 SortId = 20, 75 SkipRenderBlocksList = true, 76 Template = RenderMasterBody(), 77 BlocksList = new List<Block> 78 { 79 new Block() 80 { 81 Id = "Master", 82 SortId = 10, 83 BlocksList = new List<Block> { 84 new Block { 85 Id = "MasterTopSnippets", 86 SortId = 10 87 }, 88 new Block { 89 Id = "MasterMain", 90 SortId = 20, 91 Template = RenderMain(), 92 SkipRenderBlocksList = true, 93 BlocksList = new List<Block> { 94 new Block { 95 Id = "MasterHeader", 96 SortId = 10, 97 Template = RenderMasterHeader(), 98 SkipRenderBlocksList = true 99 }, 100 new Block { 101 Id = "MasterPageContent", 102 SortId = 20, 103 Template = RenderPageContent() 104 } 105 } 106 }, 107 new Block { 108 Id = "MasterFooter", 109 SortId = 30 110 }, 111 new Block { 112 Id = "MasterReferences", 113 SortId = 40 114 }, 115 new Block { 116 Id = "MasterBottomSnippets", 117 SortId = 50, 118 BlocksList = new List<Block> { 119 new Block { 120 Id = "iOsTabletFix", 121 SortId = 10, 122 Template = RenderIosTabletFix() 123 } 124 } 125 } 126 } 127 } 128 } 129 } 130 } 131 }; 132 133 masterPage.Add(root); 134 } 135 136 @* Include the required Grid builder (Contains the methods @RenderBlockList and @RenderBlock) *@ 137 @using System.Text.RegularExpressions 138 @using System.Collections.Generic 139 @using System.Reflection 140 @using System.Web 141 @using System.Web.UI.HtmlControls 142 @using Dynamicweb.Rapido.Blocks.Components 143 @using Dynamicweb.Rapido.Blocks.Components.Articles 144 @using Dynamicweb.Rapido.Blocks.Components.Documentation 145 @using Dynamicweb.Rapido.Blocks 146 147 148 @*--- START: Base block renderers ---*@ 149 150 @helper RenderBlockList(List<Block> blocks) 151 { 152 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 153 blocks = blocks.OrderBy(item => item.SortId).ToList(); 154 155 foreach (Block item in blocks) 156 { 157 if (debug) { 158 <!-- Block START: @item.Id --> 159 } 160 161 if (item.Design == null) 162 { 163 @RenderBlock(item) 164 } 165 else if (item.Design.RenderType == RenderType.None) { 166 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 167 168 <div class="@cssClass dw-mod"> 169 @RenderBlock(item) 170 </div> 171 } 172 else if (item.Design.RenderType != RenderType.Hide) 173 { 174 string cssClass = item.Design.CssClass != null ? item.Design.CssClass : ""; 175 176 if (!item.SkipRenderBlocksList) { 177 if (item.Design.RenderType == RenderType.Row) 178 { 179 <div class="grid grid--align-content-start @cssClass dw-mod" id="Block__@item.Id"> 180 @RenderBlock(item) 181 </div> 182 } 183 184 if (item.Design.RenderType == RenderType.Column) 185 { 186 string hidePadding = item.Design.HidePadding ? "u-no-padding" : ""; 187 string size = item.Design.Size ?? "12"; 188 size = Regex.IsMatch(size, @"\d") ? "md-" + item.Design.Size : item.Design.Size; 189 190 <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"> 191 @RenderBlock(item) 192 </div> 193 } 194 195 if (item.Design.RenderType == RenderType.Table) 196 { 197 <table class="table @cssClass dw-mod" id="Block__@item.Id"> 198 @RenderBlock(item) 199 </table> 200 } 201 202 if (item.Design.RenderType == RenderType.TableRow) 203 { 204 <tr class="@cssClass dw-mod" id="Block__@item.Id"> 205 @RenderBlock(item) 206 </tr> 207 } 208 209 if (item.Design.RenderType == RenderType.TableColumn) 210 { 211 <td class="@cssClass dw-mod" id="Block__@item.Id"> 212 @RenderBlock(item) 213 </td> 214 } 215 216 if (item.Design.RenderType == RenderType.CardHeader) 217 { 218 <div class="card-header @cssClass dw-mod"> 219 @RenderBlock(item) 220 </div> 221 } 222 223 if (item.Design.RenderType == RenderType.CardBody) 224 { 225 <div class="card @cssClass dw-mod"> 226 @RenderBlock(item) 227 </div> 228 } 229 230 if (item.Design.RenderType == RenderType.CardFooter) 231 { 232 <div class="card-footer @cssClass dw-mod"> 233 @RenderBlock(item) 234 </div> 235 } 236 } 237 else 238 { 239 @RenderBlock(item) 240 } 241 } 242 243 if (debug) { 244 <!-- Block END: @item.Id --> 245 } 246 } 247 } 248 249 @helper RenderBlock(Block item) 250 { 251 bool debug = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("debug")) ? Convert.ToBoolean(HttpContext.Current.Request.QueryString.Get("debug")) : false; 252 253 if (item.Template != null) 254 { 255 @BlocksPage.RenderTemplate(item.Template) 256 } 257 258 if (item.Component != null) 259 { 260 string customSufix = "Custom"; 261 string methodName = item.Component.HelperName; 262 263 ComponentBase[] methodParameters = new ComponentBase[1]; 264 methodParameters[0] = item.Component; 265 Type methodType = this.GetType(); 266 267 MethodInfo customMethod = methodType.GetMethod(methodName + customSufix); 268 269 try { 270 if (debug) { 271 <!-- Component: @methodName.Replace("Render", "") --> 272 } 273 if(customMethod != null) { 274 @customMethod.Invoke(this, methodParameters).ToString(); 275 } else { 276 MethodInfo generalMethod = methodType.GetMethod(methodName); 277 @generalMethod.Invoke(this, methodParameters).ToString(); 278 } 279 } catch { 280 try { 281 MethodInfo generalMethod = methodType.GetMethod(methodName); 282 @generalMethod.Invoke(this, methodParameters).ToString(); 283 } catch(Exception ex) { 284 throw new Exception(item.Component.GetType().Name + " method '" + methodName +"' could not be invoked", ex); 285 } 286 } 287 } 288 289 if (item.BlocksList.Count > 0 && !item.SkipRenderBlocksList) 290 { 291 @RenderBlockList(item.BlocksList) 292 } 293 } 294 295 @*--- END: Base block renderers ---*@ 296 297 298 @* Include the components *@ 299 @using Dynamicweb.Rapido.Blocks.Components 300 @using Dynamicweb.Rapido.Blocks.Components.General 301 @using Dynamicweb.Rapido.Blocks 302 @using System.IO 303 304 @* Required *@ 305 @using Dynamicweb.Rapido.Blocks.Components 306 @using Dynamicweb.Rapido.Blocks.Components.General 307 @using Dynamicweb.Rapido.Blocks 308 309 310 @helper Render(ComponentBase component) 311 { 312 if (component != null) 313 { 314 @component.Render(this) 315 } 316 } 317 318 @* Components *@ 319 @using System.Reflection 320 @using Dynamicweb.Rapido.Blocks.Components.General 321 322 323 @* Component *@ 324 325 @helper RenderIcon(Icon settings) 326 { 327 if (settings != null) 328 { 329 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 330 331 if (settings.Name != null) 332 { 333 if (string.IsNullOrEmpty(settings.Label)) 334 { 335 <i class="@settings.Prefix @settings.Name @settings.CssClass" @color></i> 336 } 337 else 338 { 339 if (settings.LabelPosition == IconLabelPosition.Before) 340 { 341 <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> 342 } 343 else 344 { 345 <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> 346 } 347 } 348 } 349 else if (!string.IsNullOrEmpty(settings.Label)) 350 { 351 @settings.Label 352 } 353 } 354 } 355 @using System.Reflection 356 @using Dynamicweb.Rapido.Blocks.Components.General 357 @using Dynamicweb.Rapido.Blocks.Components 358 @using Dynamicweb.Core 359 360 @* Component *@ 361 362 @helper RenderButton(Button settings) 363 { 364 if (settings != null && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 365 { 366 Dictionary<string, string> attributes = new Dictionary<string, string>(); 367 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 368 if (settings.Disabled) { 369 attributes.Add("disabled", "true"); 370 classList.Add("disabled"); 371 } 372 373 if (!string.IsNullOrEmpty(settings.ConfirmText) || !string.IsNullOrEmpty(settings.ConfirmTitle)) 374 { 375 settings.Id = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 376 @RenderConfirmDialog(settings); 377 settings.OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = true"; 378 } 379 380 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 381 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 382 if (!string.IsNullOrEmpty(settings.AltText)) 383 { 384 attributes.Add("title", settings.AltText); 385 } 386 else if (!string.IsNullOrEmpty(settings.Title)) 387 { 388 string cleanTitle = Regex.Replace(settings.Title, "<.*?>", String.Empty); 389 cleanTitle = cleanTitle.Replace("&nbsp;", " "); 390 attributes.Add("title", cleanTitle); 391 } 392 393 var onClickEvents = new List<string>(); 394 if (!string.IsNullOrEmpty(settings.OnClick)) 395 { 396 onClickEvents.Add(settings.OnClick); 397 } 398 if (!string.IsNullOrEmpty(settings.Href)) 399 { 400 onClickEvents.Add("location.href='" + settings.Href + "'"); 401 } 402 if (onClickEvents.Count > 0) 403 { 404 attributes.Add("onClick", string.Join(";", onClickEvents)); 405 } 406 407 if (settings.ButtonLayout != ButtonLayout.None) 408 { 409 classList.Add("btn"); 410 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 411 if (btnLayout == "linkclean") 412 { 413 btnLayout = "link-clean"; //fix 414 } 415 classList.Add("btn--" + btnLayout); 416 } 417 418 if (settings.Icon == null) 419 { 420 settings.Icon = new Icon(); 421 } 422 423 settings.Icon.CssClass += Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower() != "linkclean" ? " u-flex--align-center" : ""; 424 settings.Icon.Label = settings.Title; 425 426 attributes.Add("type", Enum.GetName(typeof(ButtonType), settings.ButtonType).ToLower()); 427 428 <button class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</button> 429 } 430 } 431 432 @helper RenderConfirmDialog(Button settings) 433 { 434 Modal confirmDialog = new Modal { 435 Id = settings.Id, 436 Width = ModalWidth.Sm, 437 Heading = new Heading 438 { 439 Level = 2, 440 Title = settings.ConfirmTitle 441 }, 442 BodyText = settings.ConfirmText 443 }; 444 445 confirmDialog.AddAction(new Button { Title = Translate("Cancel"), ButtonLayout = ButtonLayout.Secondary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false"}); 446 confirmDialog.AddAction(new Button { Title = Translate("OK"), ButtonLayout = ButtonLayout.Primary, OnClick = "document.getElementById('" + settings.Id + "ModalTrigger').checked = false;" + settings.OnClick }); 447 448 @Render(confirmDialog) 449 } 450 @using Dynamicweb.Rapido.Blocks.Components.General 451 @using Dynamicweb.Rapido.Blocks.Components 452 @using Dynamicweb.Core 453 454 @helper RenderDashboard(Dashboard settings) 455 { 456 var widgets = settings.GetWidgets(); 457 458 if (!string.IsNullOrEmpty(settings.WidgetsBaseBackgroundColor)) 459 { 460 //set bg color for them 461 462 System.Drawing.Color color = System.Drawing.ColorTranslator.FromHtml(settings.WidgetsBaseBackgroundColor); 463 int r = Convert.ToInt16(color.R); 464 int g = Convert.ToInt16(color.G); 465 int b = Convert.ToInt16(color.B); 466 467 var count = widgets.Length; 468 var max = Math.Max(r, Math.Max(g, b)); 469 double step = 255.0 / (max * count); 470 var i = 0; 471 foreach (var widget in widgets) 472 { 473 i++; 474 475 //var shade = "rgb(" + Converter.ToString(r * step * i).Replace(",", ".") + ", " + Converter.ToString(g * step * i).Replace(",", ".") + ", " + Converter.ToString(b * step * i).Replace(",", ".") + ")"; 476 widget.BackgroundColor = settings.WidgetsBaseBackgroundColor; 477 } 478 } 479 480 <div class="dashboard @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 481 @foreach (var widget in widgets) 482 { 483 <div class="dashboard__widget"> 484 @Render(widget) 485 </div> 486 } 487 </div> 488 } 489 @using Dynamicweb.Rapido.Blocks.Components.General 490 @using Dynamicweb.Rapido.Blocks.Components 491 492 @helper RenderDashboardWidgetLink(DashboardWidgetLink settings) 493 { 494 if (!string.IsNullOrEmpty(settings.Link)) 495 { 496 var backgroundStyles = ""; 497 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 498 { 499 backgroundStyles = "style=\"background-color:" + settings.BackgroundColor + "\""; 500 } 501 502 <a href="@settings.Link" class="widget widget--link @settings.CssClass dw-mod" @backgroundStyles title="@settings.Title" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 503 <div class="u-center-middle u-color-light"> 504 @if (settings.Icon != null) 505 { 506 settings.Icon.CssClass += "widget__icon"; 507 @Render(settings.Icon) 508 } 509 <div class="widget__title">@settings.Title</div> 510 </div> 511 </a> 512 } 513 } 514 @using Dynamicweb.Rapido.Blocks.Components.General 515 @using Dynamicweb.Rapido.Blocks.Components 516 517 @helper RenderDashboardWidgetCounter(DashboardWidgetCounter settings) 518 { 519 var backgroundStyles = ""; 520 if (!string.IsNullOrEmpty(settings.BackgroundColor)) 521 { 522 backgroundStyles = "style='background-color:" + settings.BackgroundColor + "'"; 523 } 524 525 <div class="widget @settings.CssClass dw-mod" @backgroundStyles @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 526 <div class="u-center-middle u-color-light"> 527 @if (settings.Icon != null) 528 { 529 settings.Icon.CssClass += "widget__icon"; 530 @Render(settings.Icon) 531 } 532 <div class="widget__counter">@settings.Count</div> 533 <div class="widget__title">@settings.Title</div> 534 </div> 535 </div> 536 } 537 @using System.Reflection 538 @using Dynamicweb.Rapido.Blocks.Components.General 539 @using Dynamicweb.Rapido.Blocks.Components 540 @using Dynamicweb.Core 541 542 @* Component *@ 543 544 @helper RenderLink(Link settings) 545 { 546 if (settings != null && !string.IsNullOrEmpty(settings.Href) && (!string.IsNullOrEmpty(settings.Title) || settings.Icon != null)) 547 { 548 Dictionary<string, string> attributes = new Dictionary<string, string>(); 549 List<string> classList = settings.CssClass != null ? settings.CssClass.Split(' ').ToList() : new List<string>(); 550 if (settings.Disabled) 551 { 552 attributes.Add("disabled", "true"); 553 classList.Add("disabled"); 554 } 555 556 if (!string.IsNullOrEmpty(settings.AltText)) 557 { 558 attributes.Add("title", settings.AltText); 559 } 560 else if (!string.IsNullOrEmpty(settings.Title)) 561 { 562 attributes.Add("title", settings.Title); 563 } 564 565 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 566 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 567 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onClick", settings.OnClick); } 568 attributes.Add("href", settings.Href); 569 570 if (settings.ButtonLayout != ButtonLayout.None) 571 { 572 classList.Add("btn"); 573 string btnLayout = Enum.GetName(typeof(ButtonLayout), settings.ButtonLayout).ToLower(); 574 if (btnLayout == "linkclean") 575 { 576 btnLayout = "link-clean"; //fix 577 } 578 classList.Add("btn--" + btnLayout); 579 } 580 581 if (settings.Icon == null) 582 { 583 settings.Icon = new Icon(); 584 } 585 settings.Icon.Label = settings.Title; 586 587 if (settings.Target == LinkTargetType.Blank && settings.Rel == LinkRelType.None) 588 { 589 settings.Rel = LinkRelType.Noopener; 590 } 591 if (settings.Target != LinkTargetType.None) 592 { 593 attributes.Add("target", "_" + Enum.GetName(typeof(LinkTargetType), settings.Target).ToLower()); 594 } 595 if (settings.Download) 596 { 597 attributes.Add("download", "true"); 598 } 599 if (settings.Rel != LinkRelType.None) 600 { 601 attributes.Add("rel", Enum.GetName(typeof(LinkRelType), settings.Rel).ToLower()); 602 } 603 604 <a class="@string.Join(" ", classList) dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@Render(settings.Icon)</a> 605 } 606 } 607 @using System.Reflection 608 @using Dynamicweb.Rapido.Blocks.Components 609 @using Dynamicweb.Rapido.Blocks.Components.General 610 @using Dynamicweb.Rapido.Blocks 611 612 613 @* Component *@ 614 615 @helper RenderRating(Rating settings) 616 { 617 if (settings.Score > 0) 618 { 619 int rating = settings.Score; 620 string iconType = "fa-star"; 621 622 switch (settings.Type.ToString()) { 623 case "Stars": 624 iconType = "fa-star"; 625 break; 626 case "Hearts": 627 iconType = "fa-heart"; 628 break; 629 case "Lemons": 630 iconType = "fa-lemon"; 631 break; 632 case "Bombs": 633 iconType = "fa-bomb"; 634 break; 635 } 636 637 <div class="u-ta-right"> 638 @for (int i = 0; i < settings.OutOf; i++) 639 { 640 <i class="@(rating > i ? "fas" : "far") @iconType"></i> 641 } 642 </div> 643 } 644 } 645 @using System.Reflection 646 @using Dynamicweb.Rapido.Blocks.Components.General 647 @using Dynamicweb.Rapido.Blocks.Components 648 649 650 @* Component *@ 651 652 @helper RenderSelectFieldOption(SelectFieldOption settings) 653 { 654 Dictionary<string, string> attributes = new Dictionary<string, string>(); 655 if (settings.Checked) { attributes.Add("selected", "true"); } 656 if (settings.Disabled) { attributes.Add("disabled", "true"); } 657 if (settings.Value != null) { attributes.Add("value", settings.Value); } 658 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 659 660 <option @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Label</option> 661 } 662 @using System.Reflection 663 @using Dynamicweb.Rapido.Blocks.Components.General 664 @using Dynamicweb.Rapido.Blocks.Components 665 666 667 @* Component *@ 668 669 @helper RenderNavigation(Navigation settings) { 670 @RenderNavigation(new 671 { 672 id = settings.Id, 673 cssclass = settings.CssClass, 674 startLevel = settings.StartLevel, 675 endlevel = settings.EndLevel, 676 expandmode = settings.Expandmode, 677 sitemapmode = settings.SitemapMode, 678 template = settings.Template 679 }) 680 } 681 @using Dynamicweb.Rapido.Blocks.Components.General 682 @using Dynamicweb.Rapido.Blocks.Components 683 684 685 @* Component *@ 686 687 @helper RenderBreadcrumbNavigation(BreadcrumbNavigation settings) { 688 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 689 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 690 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 691 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 692 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 693 settings.SitemapMode = false; 694 695 @RenderNavigation(settings) 696 } 697 @using Dynamicweb.Rapido.Blocks.Components.General 698 @using Dynamicweb.Rapido.Blocks.Components 699 700 701 @* Component *@ 702 703 @helper RenderLeftNavigation(LeftNavigation settings) { 704 settings.Id = String.IsNullOrEmpty(settings.Id) ? "breadcrumb" : settings.Id; 705 settings.Template = String.IsNullOrEmpty(settings.Template) ? "Breadcrumb.xslt" : settings.Template; 706 settings.StartLevel = settings.StartLevel == 0 ? 1 : settings.StartLevel; 707 settings.EndLevel = settings.EndLevel == 10 ? 1 : settings.EndLevel; 708 settings.Expandmode = String.IsNullOrEmpty(settings.Expandmode) ? "all" : settings.Expandmode; 709 710 <div class="grid__cell"> 711 @RenderNavigation(settings) 712 </div> 713 } 714 @using System.Reflection 715 @using Dynamicweb.Rapido.Blocks.Components.General 716 @using Dynamicweb.Core 717 718 @* Component *@ 719 720 @helper RenderHeading(Heading settings) 721 { 722 if (settings != null && !string.IsNullOrEmpty(settings.Title)) 723 { 724 string color = settings.Color != null ? "style=\"color: " + settings.Color + "\"" : ""; 725 string tagName = settings.Level != 0 ? "h" + settings.Level.ToString() : "div"; 726 727 @("<" + tagName + " class=\"" + settings.CssClass + " dw-mod\" " + color + ">") 728 if (!string.IsNullOrEmpty(settings.Link)) 729 { 730 @Render(new Link { Href = settings.Link, Icon = settings.Icon, Title = settings.Title, ButtonLayout = ButtonLayout.None }) 731 } 732 else 733 { 734 if (settings.Icon == null) 735 { 736 settings.Icon = new Icon(); 737 } 738 settings.Icon.Label = settings.Title; 739 @Render(settings.Icon) 740 } 741 @("</" + tagName + ">"); 742 } 743 } 744 @using Dynamicweb.Rapido.Blocks.Components 745 @using Dynamicweb.Rapido.Blocks.Components.General 746 @using Dynamicweb.Rapido.Blocks 747 748 749 @* Component *@ 750 751 @helper RenderImage(Image settings) 752 { 753 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 754 { 755 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 756 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 757 758 if (settings.Caption != null) 759 { 760 @:<div> 761 } 762 763 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 764 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 765 766 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 767 <div class="image-filter image-filter--@secondaryFilterClass dw-mod"> 768 @if (settings.Link != null) 769 { 770 <a href="@settings.Link"> 771 @RenderTheImage(settings) 772 </a> 773 } 774 else 775 { 776 @RenderTheImage(settings) 777 } 778 </div> 779 </div> 780 781 if (settings.Caption != null) 782 { 783 <span class="image-caption dw-mod">@settings.Caption</span> 784 @:</div> 785 } 786 } 787 else 788 { 789 if (settings.Caption != null) 790 { 791 @:<div> 792 } 793 if (!string.IsNullOrEmpty(settings.Link)) 794 { 795 <a href="@settings.Link"> 796 @RenderTheImage(settings) 797 </a> 798 } 799 else 800 { 801 @RenderTheImage(settings) 802 } 803 804 if (settings.Caption != null) 805 { 806 <span class="image-caption dw-mod">@settings.Caption</span> 807 @:</div> 808 } 809 } 810 } 811 812 @helper RenderTheImage(Image settings) 813 { 814 if (settings != null) 815 { 816 string alternativeImage = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("AlternativeImage")) ? Pageview.AreaSettings.GetItem("Settings").GetFile("AlternativeImage").PathUrlEncoded : "/Images/missing_image.jpg"; 817 string placeholderImage = "/Files/Images/placeholder.gif"; 818 string imageEngine = "/Admin/Public/GetImage.ashx?"; 819 820 string imageStyle = ""; 821 822 switch (settings.Style) 823 { 824 case ImageStyle.Ball: 825 imageStyle = "grid__cell-img--ball"; 826 break; 827 828 case ImageStyle.Triangle: 829 imageStyle = "grid__cell-img--triangle"; 830 break; 831 } 832 833 if (settings.Style == ImageStyle.Ball || settings.Style == ImageStyle.Circle || settings.Style == ImageStyle.Triangle) 834 { 835 settings.ImageDefault.Crop = settings.ImageDefault.Crop == 5 ? settings.ImageDefault.Crop = 0 : settings.ImageDefault.Crop; 836 837 if (settings.ImageDefault != null) 838 { 839 settings.ImageDefault.Height = settings.ImageDefault.Width; 840 } 841 if (settings.ImageMedium != null) 842 { 843 settings.ImageMedium.Height = settings.ImageMedium.Width; 844 } 845 if (settings.ImageSmall != null) 846 { 847 settings.ImageSmall.Height = settings.ImageSmall.Width; 848 } 849 } 850 851 string defaultImage = imageEngine; 852 string imageSmall = ""; 853 string imageMedium = ""; 854 855 if (settings.DisableImageEngine) 856 { 857 defaultImage = settings.Path; 858 } 859 else 860 { 861 if (settings.ImageDefault != null) 862 { 863 defaultImage += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageDefault); 864 865 if (settings.Path.GetType() != typeof(string)) 866 { 867 defaultImage += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 868 defaultImage += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 869 } 870 else 871 { 872 defaultImage += settings.Path != null ? "Image=" + settings.Path : ""; 873 } 874 875 defaultImage += "&AlternativeImage=" + alternativeImage; 876 } 877 878 if (settings.ImageSmall != null) 879 { 880 imageSmall = "data-src-small=\"" + imageEngine; 881 imageSmall += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageSmall); 882 883 if (settings.Path.GetType() != typeof(string)) 884 { 885 imageSmall += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 886 imageSmall += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 887 } 888 else 889 { 890 imageSmall += settings.Path != null ? "Image=" + settings.Path : ""; 891 } 892 893 imageSmall += "&alternativeImage=" + alternativeImage; 894 895 imageSmall += "\""; 896 } 897 898 if (settings.ImageMedium != null) 899 { 900 imageMedium = "data-src-medium=\"" + imageEngine; 901 imageMedium += Dynamicweb.Rapido.Services.Images.GetImagePathFromSettings(settings.ImageMedium); 902 903 if (settings.Path.GetType() != typeof(string)) 904 { 905 imageMedium += settings.Path != null ? "Image=" + settings.Path.PathUrlEncoded : ""; 906 imageMedium += settings.Path != null ? "&" + settings.Path.GetFocalPointParameters() : ""; 907 } 908 else 909 { 910 imageMedium += settings.Path != null ? "Image=" + settings.Path : ""; 911 } 912 913 imageMedium += "&alternativeImage=" + alternativeImage; 914 915 imageMedium += "\""; 916 } 917 } 918 919 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 920 if (!string.IsNullOrEmpty(settings.OnClick)) { optionalAttributes.Add("onclick", settings.OnClick); } 921 if (!string.IsNullOrEmpty(settings.Title)) 922 { 923 optionalAttributes.Add("alt", settings.Title); 924 optionalAttributes.Add("title", settings.Title); 925 } 926 927 if (settings.DisableLazyLoad) 928 { 929 <img id="@settings.Id" class="@imageStyle @settings.CssClass dw-mod" src="@defaultImage" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes) /> 930 } 931 else 932 { 933 <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) /> 934 } 935 } 936 } 937 @using System.Reflection 938 @using Dynamicweb.Rapido.Blocks.Components.General 939 @using Dynamicweb.Rapido.Blocks.Components 940 941 @* Component *@ 942 943 @helper RenderFileField(FileField settings) 944 { 945 var attributes = new Dictionary<string, string>(); 946 if (string.IsNullOrEmpty(settings.Id)) 947 { 948 settings.Id = Guid.NewGuid().ToString("N"); 949 } 950 951 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 952 if (settings.Disabled) { attributes.Add("disabled", "true"); } 953 if (settings.Required) { attributes.Add("required", "true"); } 954 if (settings.Multiple) { attributes.Add("multiple", "true"); } 955 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 956 if (string.IsNullOrEmpty(settings.ChooseFileText)) 957 { 958 settings.ChooseFileText = Translate("Choose file"); 959 } 960 if (string.IsNullOrEmpty(settings.NoFilesChosenText)) 961 { 962 settings.NoFilesChosenText = Translate("No files chosen..."); 963 } 964 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 965 966 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 967 968 string setValueToFakeInput = "FileUpload.setValueToFakeInput(this)"; 969 attributes.Add("onchange", setValueToFakeInput + (!string.IsNullOrEmpty(settings.OnChange) ? settings.OnChange : "")); 970 971 attributes.Add("type", "file"); 972 if (settings.Value != null) { attributes.Add("value", settings.Value); } 973 settings.CssClass = "u-full-width " + settings.CssClass; 974 975 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 976 977 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 978 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 979 { 980 <div class="u-full-width"> 981 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 982 @if (settings.Link != null) { 983 <div class="u-pull--right"> 984 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 985 @Render(settings.Link) 986 </div> 987 } 988 </div> 989 990 } 991 992 @if (!string.IsNullOrEmpty(settings.HelpText)) 993 { 994 <small class="form__help-text">@settings.HelpText</small> 995 } 996 997 <div class="form__field-combi file-input u-no-margin dw-mod"> 998 <input @ComponentMethods.AddAttributes(resultAttributes) class="file-input__real-input" data-no-files-text="@settings.NoFilesChosenText" data-many-files-text="@Translate("files")" /> 999 <label for="@settings.Id" class="file-input__btn btn--secondary btn dw-mod">@settings.ChooseFileText</label> 1000 <label for="@settings.Id" class="@settings.CssClass file-input__fake-input js-fake-input dw-mod">@settings.NoFilesChosenText</label> 1001 @if (settings.UploadButton != null) 1002 { 1003 settings.UploadButton.CssClass += " btn--condensed u-no-margin"; 1004 @Render(settings.UploadButton) 1005 } 1006 </div> 1007 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1008 </div> 1009 } 1010 @using System.Reflection 1011 @using Dynamicweb.Rapido.Blocks.Components.General 1012 @using Dynamicweb.Rapido.Blocks.Components 1013 @using Dynamicweb.Core 1014 @using System.Linq 1015 1016 @* Component *@ 1017 1018 @helper RenderDateTimeField(DateTimeField settings) 1019 { 1020 if (string.IsNullOrEmpty(settings.Id)) 1021 { 1022 settings.Id = Guid.NewGuid().ToString("N"); 1023 } 1024 1025 var textField = new TextField { 1026 Name = settings.Name, 1027 Id = settings.Id, 1028 Label = settings.Label, 1029 HelpText = settings.HelpText, 1030 Value = settings.Value, 1031 Disabled = settings.Disabled, 1032 Required = settings.Required, 1033 ErrorMessage = settings.ErrorMessage, 1034 CssClass = settings.CssClass, 1035 WrapperCssClass = settings.WrapperCssClass, 1036 OnChange = settings.OnChange, 1037 OnClick = settings.OnClick, 1038 Link = settings.Link, 1039 ExtraAttributes = settings.ExtraAttributes, 1040 // 1041 Placeholder = settings.Placeholder 1042 }; 1043 1044 @Render(textField) 1045 1046 List<string> jsAttributes = new List<string>(); 1047 1048 jsAttributes.Add("mode: '" + Enum.GetName(typeof(DateTimeFieldMode), settings.Mode).ToLower() + "'"); 1049 1050 if (!string.IsNullOrEmpty(settings.DateFormat)) 1051 { 1052 jsAttributes.Add("dateFormat: '" + settings.DateFormat + "'"); 1053 } 1054 if (!string.IsNullOrEmpty(settings.MinDate)) 1055 { 1056 jsAttributes.Add("minDate: '" + settings.MinDate + "'"); 1057 } 1058 if (!string.IsNullOrEmpty(settings.MaxDate)) 1059 { 1060 jsAttributes.Add("maxDate: '" + settings.MaxDate + "'"); 1061 } 1062 if (settings.IsInline) 1063 { 1064 jsAttributes.Add("inline: " + Converter.ToString(settings.IsInline).ToLower()); 1065 } 1066 if (settings.EnableTime) 1067 { 1068 jsAttributes.Add("enableTime: " + Converter.ToString(settings.EnableTime).ToLower()); 1069 } 1070 if (settings.EnableWeekNumbers) 1071 { 1072 jsAttributes.Add("weekNumbers: " + Converter.ToString(settings.EnableWeekNumbers).ToLower()); 1073 } 1074 1075 jsAttributes.AddRange(settings.GetFlatPickrOptions().Select(x => x.Key + ": " + x.Value)); 1076 1077 <script> 1078 document.addEventListener("DOMContentLoaded", function () { 1079 flatpickr("#@textField.Id", { 1080 @string.Join(",", jsAttributes) 1081 }); 1082 }); 1083 </script> 1084 } 1085 @using System.Reflection 1086 @using Dynamicweb.Rapido.Blocks.Components.General 1087 @using Dynamicweb.Rapido.Blocks.Components 1088 1089 @* Component *@ 1090 1091 @helper RenderTextField(TextField settings) 1092 { 1093 var attributes = new Dictionary<string, string>(); 1094 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1095 { 1096 settings.Id = Guid.NewGuid().ToString("N"); 1097 } 1098 1099 /*base settings*/ 1100 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1101 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1102 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1103 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1104 if (settings.Required) { attributes.Add("required", "true"); } 1105 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1106 /*end*/ 1107 1108 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1109 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1110 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1111 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1112 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1113 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1114 attributes.Add("type", Enum.GetName(typeof(TextFieldType), settings.Type).ToLower()); 1115 if (settings.Type == TextFieldType.Password) { attributes.Add("autocomplete", "off"); }; 1116 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1117 1118 settings.CssClass = "u-full-width " + settings.CssClass; 1119 1120 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1121 1122 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1123 1124 string noMargin = "u-no-margin"; 1125 if (!settings.ReadOnly) { 1126 noMargin = ""; 1127 } 1128 1129 <div class="form__field-group u-full-width @noMargin @settings.WrapperCssClass dw-mod"> 1130 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1131 { 1132 <div class="u-full-width"> 1133 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1134 @if (settings.Link != null) { 1135 settings.Link.ButtonLayout = ButtonLayout.LinkClean; 1136 1137 <div class="u-pull--right"> 1138 @Render(settings.Link) 1139 </div> 1140 } 1141 </div> 1142 1143 } 1144 1145 @if (!string.IsNullOrEmpty(settings.HelpText)) 1146 { 1147 <small class="form__help-text">@settings.HelpText</small> 1148 } 1149 1150 @if (settings.ActionButton != null) 1151 { 1152 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1153 <div class="form__field-combi u-no-margin dw-mod"> 1154 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1155 @Render(settings.ActionButton) 1156 </div> 1157 } 1158 else 1159 { 1160 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1161 } 1162 1163 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1164 </div> 1165 } 1166 @using System.Reflection 1167 @using Dynamicweb.Rapido.Blocks.Components.General 1168 @using Dynamicweb.Rapido.Blocks.Components 1169 1170 @* Component *@ 1171 1172 @helper RenderNumberField(NumberField settings) 1173 { 1174 var attributes = new Dictionary<string, string>(); 1175 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1176 { 1177 settings.Id = Guid.NewGuid().ToString("N"); 1178 } 1179 1180 /*base settings*/ 1181 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1182 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1183 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1184 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1185 if (settings.Required) { attributes.Add("required", "true"); } 1186 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1187 /*end*/ 1188 1189 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1190 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1191 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1192 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1193 if (settings.Max != null) { attributes.Add("max", settings.Max.ToString()); } 1194 if (settings.Min != null) { attributes.Add("min", settings.Min.ToString()); } 1195 if (settings.Step != 0) { attributes.Add("step", settings.Step.ToString()); } 1196 if (settings.Value != null && !string.IsNullOrEmpty(settings.Value.ToString())) { attributes.Add("value", settings.Value.ToString()); } 1197 attributes.Add("type", "number"); 1198 1199 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1200 1201 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1202 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1203 { 1204 <div class="u-full-width"> 1205 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1206 @if (settings.Link != null) { 1207 <div class="u-pull--right"> 1208 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1209 @Render(settings.Link) 1210 </div> 1211 } 1212 </div> 1213 1214 } 1215 1216 @if (!string.IsNullOrEmpty(settings.HelpText)) 1217 { 1218 <small class="form__help-text">@settings.HelpText</small> 1219 } 1220 1221 @if (settings.ActionButton != null) 1222 { 1223 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1224 <div class="form__field-combi u-no-margin dw-mod"> 1225 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1226 @Render(settings.ActionButton) 1227 </div> 1228 } 1229 else 1230 { 1231 <div class="form__field-combi u-no-margin dw-mod"> 1232 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1233 </div> 1234 } 1235 1236 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1237 </div> 1238 } 1239 @using System.Reflection 1240 @using Dynamicweb.Rapido.Blocks.Components.General 1241 @using Dynamicweb.Rapido.Blocks.Components 1242 1243 1244 @* Component *@ 1245 1246 @helper RenderTextareaField(TextareaField settings) 1247 { 1248 Dictionary<string, string> attributes = new Dictionary<string, string>(); 1249 string id = settings.Id; 1250 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(id)) 1251 { 1252 id = Guid.NewGuid().ToString("N"); 1253 } 1254 1255 if (!string.IsNullOrEmpty(id)) { attributes.Add("id", id); } 1256 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1257 if (!string.IsNullOrEmpty(settings.OnKeyUp)) { attributes.Add("onkeyup", settings.OnKeyUp); } 1258 if (!string.IsNullOrEmpty(settings.OnInput)) { attributes.Add("oninput", settings.OnInput); } 1259 if (!string.IsNullOrEmpty(settings.OnFocus)) { attributes.Add("onfocus", settings.OnFocus); } 1260 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1261 if (!string.IsNullOrEmpty(settings.Placeholder)) { attributes.Add("placeholder", settings.Placeholder); } 1262 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1263 if (settings.Required) { attributes.Add("required", "true"); } 1264 if (settings.ReadOnly) { attributes.Add("readonly", "true"); } 1265 if (settings.MaxLength != 0) { attributes.Add("maxlength", settings.MaxLength.ToString()); } 1266 if (settings.Rows != 0) { attributes.Add("rows", settings.Rows.ToString()); } 1267 attributes.Add("name", settings.Name); 1268 1269 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1270 1271 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1272 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1273 { 1274 <div class="u-full-width"> 1275 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1276 @if (settings.Link != null) { 1277 <div class="u-pull--right"> 1278 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1279 @Render(settings.Link) 1280 </div> 1281 } 1282 </div> 1283 } 1284 1285 @if (!string.IsNullOrEmpty(settings.HelpText)) 1286 { 1287 <small class="form__help-text">@settings.HelpText</small> 1288 } 1289 1290 <textarea class="u-full-width @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Value</textarea> 1291 1292 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1293 </div> 1294 } 1295 @using System.Reflection 1296 @using Dynamicweb.Rapido.Blocks.Components.General 1297 @using Dynamicweb.Rapido.Blocks.Components 1298 1299 1300 @* Component *@ 1301 1302 @helper RenderHiddenField(HiddenField settings) { 1303 var attributes = new Dictionary<string, string>(); 1304 attributes.Add("type", "hidden"); 1305 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1306 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1307 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1308 1309 <input @ComponentMethods.AddAttributes(attributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)/> 1310 } 1311 @using System.Reflection 1312 @using Dynamicweb.Rapido.Blocks.Components.General 1313 @using Dynamicweb.Rapido.Blocks.Components 1314 1315 @* Component *@ 1316 1317 @helper RenderCheckboxField(CheckboxField settings) 1318 { 1319 var attributes = new Dictionary<string, string>(); 1320 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1321 { 1322 settings.Id = Guid.NewGuid().ToString("N"); 1323 } 1324 1325 /*base settings*/ 1326 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1327 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1328 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1329 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1330 if (settings.Required) { attributes.Add("required", "true"); } 1331 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1332 /*end*/ 1333 1334 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1335 1336 attributes.Add("type", "checkbox"); 1337 if (settings.Checked) { attributes.Add("checked", "true"); } 1338 settings.CssClass = "form__control " + settings.CssClass; 1339 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1340 1341 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1342 1343 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1344 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1345 @if (!string.IsNullOrEmpty(settings.Label)) 1346 { 1347 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1348 } 1349 1350 @if (settings.Link != null) { 1351 <span> 1352 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1353 @Render(settings.Link) 1354 </span> 1355 } 1356 1357 @if (!string.IsNullOrEmpty(settings.HelpText)) 1358 { 1359 <small class="form__help-text checkbox-help dw-mod">@settings.HelpText</small> 1360 } 1361 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1362 </div> 1363 } 1364 @using System.Reflection 1365 @using Dynamicweb.Rapido.Blocks.Components.General 1366 @using Dynamicweb.Rapido.Blocks.Components 1367 1368 1369 @* Component *@ 1370 1371 @helper RenderCheckboxListField(CheckboxListField settings) 1372 { 1373 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1374 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1375 { 1376 <div class="u-full-width"> 1377 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1378 @if (settings.Link != null) { 1379 <div class="u-pull--right"> 1380 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1381 @Render(settings.Link) 1382 </div> 1383 } 1384 </div> 1385 1386 } 1387 1388 <div class="u-pull--left"> 1389 @if (!string.IsNullOrEmpty(settings.HelpText)) 1390 { 1391 <small class="form__help-text">@settings.HelpText</small> 1392 } 1393 1394 @foreach (var item in settings.Options) 1395 { 1396 if (settings.Required) 1397 { 1398 item.Required = true; 1399 } 1400 if (settings.Disabled) 1401 { 1402 item.Disabled = true; 1403 } 1404 if (!string.IsNullOrEmpty(settings.Name)) 1405 { 1406 item.Name = settings.Name; 1407 } 1408 if (!string.IsNullOrEmpty(settings.CssClass)) 1409 { 1410 item.CssClass += settings.CssClass; 1411 } 1412 1413 /* value is not supported */ 1414 1415 if (!string.IsNullOrEmpty(settings.OnClick)) 1416 { 1417 item.OnClick += settings.OnClick; 1418 } 1419 if (!string.IsNullOrEmpty(settings.OnChange)) 1420 { 1421 item.OnChange += settings.OnChange; 1422 } 1423 @Render(item) 1424 } 1425 1426 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1427 </div> 1428 1429 </div> 1430 } 1431 @using Dynamicweb.Rapido.Blocks.Components.General 1432 1433 @* Component *@ 1434 1435 @helper RenderSearch(Search settings) 1436 { 1437 var searchValue = HttpContext.Current.Request.QueryString.Get(settings.SearchParameter) ?? ""; 1438 var groupValue = HttpContext.Current.Request.QueryString.Get(settings.GroupsParameter) ?? ""; 1439 1440 if (string.IsNullOrEmpty(settings.Id)) 1441 { 1442 settings.Id = Guid.NewGuid().ToString("N"); 1443 } 1444 1445 var resultAttributes = new Dictionary<string, string>(); 1446 1447 if (settings.PageSize != 0) 1448 { 1449 resultAttributes.Add("data-page-size", settings.PageSize.ToString()); 1450 } 1451 if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1452 { 1453 resultAttributes.Add("data-groups-feed-url", settings.GroupItemsFeedUrl); 1454 if (!string.IsNullOrEmpty(groupValue)) 1455 { 1456 resultAttributes.Add("data-selected-group", groupValue); 1457 } 1458 if (!string.IsNullOrEmpty(settings.GroupsParameter)) 1459 { 1460 resultAttributes.Add("data-groups-parameter", settings.GroupsParameter); 1461 } 1462 } 1463 resultAttributes.Add("data-force-init", "true"); 1464 if (settings.GoToFirstSearchResultOnEnter) 1465 { 1466 resultAttributes.Add("data-go-to-first-search-result-on-enter", settings.GoToFirstSearchResultOnEnter.ToString().ToLower()); 1467 } 1468 if (!string.IsNullOrEmpty(settings.SearchParameter)) 1469 { 1470 resultAttributes.Add("data-search-parameter", settings.SearchParameter); 1471 } 1472 resultAttributes.Add("data-search-feed-url", settings.SearchData.SearchFeedUrl); 1473 resultAttributes.Add("data-results-template-id", settings.SearchData.ResultsTemplateId); 1474 1475 if (settings.SecondSearchData != null) 1476 { 1477 resultAttributes.Add("data-second-search-feed-url", settings.SecondSearchData.SearchFeedUrl); 1478 resultAttributes.Add("data-second-results-template-id", settings.SecondSearchData.ResultsTemplateId); 1479 } 1480 if (!string.IsNullOrEmpty(settings.ResultsPageUrl)) 1481 { 1482 resultAttributes.Add("data-results-page-url", settings.ResultsPageUrl); 1483 } 1484 1485 resultAttributes = resultAttributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1486 1487 string searchFieldCss = (settings.SearchButton == null) ? "search--with-icon" : ""; 1488 1489 <div class="search @settings.CssClass @searchFieldCss js-search-data-source dw-mod" id="@settings.Id" @ComponentMethods.AddAttributes(resultAttributes)> 1490 @if (!string.IsNullOrEmpty(settings.GroupItemsFeedUrl)) 1491 { 1492 <button type="button" class="search__groups-btn dw-mod js-search-groups-btn">@Translate("All")</button> 1493 <ul class="dropdown dropdown--absolute-position dw-mod search__groups-results js-search-groups-list"></ul> 1494 } 1495 1496 <input type="text" class="search__field dw-mod js-search-field" placeholder="@settings.Placeholder" value="@searchValue"> 1497 1498 <div class="dropdown dropdown--absolute-position search__results dw-mod js-search-results @(settings.SecondSearchData != null ? "search__results--combined" : "")"> 1499 @if (settings.SecondSearchData != null) 1500 { 1501 <div class="search__column search__column--products dw-mod"> 1502 <div class="search__column-header dw-mod">@Translate("Products")</div> 1503 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1504 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1505 { 1506 @Render(new Link { 1507 Title = Translate("View all"), 1508 CssClass = "js-view-all-button u-margin", 1509 Href = settings.SearchData.ResultsPageUrl 1510 }); 1511 } 1512 </div> 1513 <div class="search__column search__column--pages dw-mod"> 1514 <div class="search__column-header">@Translate("Pages")</div> 1515 <ul class="search__results-list dw-mod js-search-results-second-list" id="@(settings.Id)_SecondResultsList"></ul> 1516 @if (!string.IsNullOrEmpty(settings.SecondSearchData.ResultsPageUrl)) 1517 { 1518 @Render(new Link 1519 { 1520 Title = Translate("View all"), 1521 CssClass = "js-view-all-button u-margin", 1522 Href = settings.SecondSearchData.ResultsPageUrl 1523 }); 1524 } 1525 </div> 1526 } 1527 else 1528 { 1529 <div class="search__column search__column--only dw-mod"> 1530 <ul class="search__results-list dw-mod js-search-results-list" id="@(settings.Id)_ResultsList"></ul> 1531 @if (!string.IsNullOrEmpty(settings.SearchData.ResultsPageUrl)) 1532 { 1533 @Render(new Link { 1534 Title = Translate("View all"), 1535 CssClass = "js-view-all-button u-margin", 1536 Href = settings.SearchData.ResultsPageUrl 1537 }); 1538 } 1539 </div> 1540 } 1541 </div> 1542 1543 @if (settings.SearchButton != null) 1544 { 1545 settings.SearchButton.CssClass += " search__btn js-search-btn"; 1546 if (settings.RenderDefaultSearchIcon) 1547 { 1548 settings.SearchButton.Icon = new Icon { Name = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue }; 1549 } 1550 @Render(settings.SearchButton); 1551 } 1552 </div> 1553 } 1554 @using System.Reflection 1555 @using Dynamicweb.Rapido.Blocks.Components.General 1556 @using Dynamicweb.Rapido.Blocks.Components 1557 1558 1559 @* Component *@ 1560 1561 @helper RenderSelectField(SelectField settings) 1562 { 1563 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1564 { 1565 settings.Id = Guid.NewGuid().ToString("N"); 1566 } 1567 1568 <div class="form__field-group u-full-width @settings.WrapperCssClass dw-mod"> 1569 @if (!string.IsNullOrEmpty(settings.Label) || settings.Link != null ) 1570 { 1571 <div class="u-full-width"> 1572 @if (!string.IsNullOrEmpty(settings.Label)) { <label for="@settings.Id" class="u-pull--left">@settings.Label</label> } 1573 @if (settings.Link != null) { 1574 <div class="u-pull--right"> 1575 @{ settings.Link.ButtonLayout = ButtonLayout.LinkClean; } 1576 @Render(settings.Link) 1577 </div> 1578 } 1579 </div> 1580 } 1581 1582 @if (!string.IsNullOrEmpty(settings.HelpText)) 1583 { 1584 <small class="form__help-text">@settings.HelpText</small> 1585 } 1586 1587 @if (settings.ActionButton != null) 1588 { 1589 settings.ActionButton.CssClass += " btn--condensed u-no-margin"; 1590 <div class="form__field-combi u-no-margin dw-mod"> 1591 @RenderSelectBase(settings) 1592 @Render(settings.ActionButton) 1593 </div> 1594 } 1595 else 1596 { 1597 @RenderSelectBase(settings) 1598 } 1599 1600 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1601 </div> 1602 } 1603 1604 @helper RenderSelectBase(SelectField settings) 1605 { 1606 var attributes = new Dictionary<string, string>(); 1607 1608 /*base settings*/ 1609 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1610 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1611 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1612 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1613 if (settings.Required) { attributes.Add("required", "true"); } 1614 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1615 /*end*/ 1616 1617 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1618 1619 <select @ComponentMethods.AddAttributes(resultAttributes) class="u-full-width @settings.CssClass dw-mod"> 1620 @if (settings.Default != null) 1621 { 1622 @Render(settings.Default) 1623 } 1624 1625 @foreach (var item in settings.Options) 1626 { 1627 if (settings.Value != null) { 1628 item.Checked = item.Value == settings.Value; 1629 } 1630 @Render(item) 1631 } 1632 </select> 1633 } 1634 @using System.Reflection 1635 @using Dynamicweb.Rapido.Blocks.Components.General 1636 @using Dynamicweb.Rapido.Blocks.Components 1637 1638 @* Component *@ 1639 1640 @helper RenderRadioButtonField(RadioButtonField settings) 1641 { 1642 var attributes = new Dictionary<string, string>(); 1643 if (!string.IsNullOrEmpty(settings.Label) && string.IsNullOrEmpty(settings.Id)) 1644 { 1645 settings.Id = Guid.NewGuid().ToString("N"); 1646 } 1647 1648 /*base settings*/ 1649 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1650 if (!string.IsNullOrEmpty(settings.OnClick)) { attributes.Add("onclick", settings.OnClick); } 1651 if (!string.IsNullOrEmpty(settings.OnChange)) { attributes.Add("onchange", settings.OnChange); } 1652 if (settings.Disabled) { attributes.Add("disabled", "true"); } 1653 if (settings.Required) { attributes.Add("required", "true"); } 1654 if (!string.IsNullOrEmpty(settings.Name)) { attributes.Add("name", settings.Name); } 1655 /*end*/ 1656 1657 attributes.Add("type", "radio"); 1658 if (settings.Checked) { attributes.Add("checked", "true"); } 1659 settings.CssClass = "form__control " + settings.CssClass; 1660 if (settings.Value != null) { attributes.Add("value", settings.Value); } 1661 1662 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary (d => d.Key, d => d.Last().Value); 1663 1664 <div class="form__field-group @settings.WrapperCssClass dw-mod"> 1665 <input @ComponentMethods.AddAttributes(resultAttributes) class="@settings.CssClass dw-mod" /> 1666 @if (!string.IsNullOrEmpty(settings.Label)) 1667 { 1668 <label for="@settings.Id" class="dw-mod">@settings.Label</label> 1669 } 1670 @if (!string.IsNullOrEmpty(settings.HelpText)) 1671 { 1672 <small class="form__help-text">@settings.HelpText</small> 1673 } 1674 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1675 </div> 1676 } 1677 @using System.Reflection 1678 @using Dynamicweb.Rapido.Blocks.Components.General 1679 @using Dynamicweb.Rapido.Blocks.Components 1680 1681 1682 @* Component *@ 1683 1684 @helper RenderRadioButtonListField(RadioButtonListField settings) 1685 { 1686 if (settings.Required && !String.IsNullOrEmpty(settings.Label)) { settings.Label += " <span class=\"required dw-mod\">*</span>"; } 1687 1688 <div class="form__field-group @settings.WrapperCssClass u-margin-bottom dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1689 @if (!string.IsNullOrEmpty(settings.Label)) 1690 { 1691 <label>@settings.Label</label> 1692 } 1693 @if (!string.IsNullOrEmpty(settings.HelpText)) 1694 { 1695 <small class="form__help-text">@settings.HelpText</small> 1696 } 1697 1698 @foreach (var item in settings.Options) 1699 { 1700 if (settings.Required) 1701 { 1702 item.Required = true; 1703 } 1704 if (settings.Disabled) 1705 { 1706 item.Disabled = true; 1707 } 1708 if (!string.IsNullOrEmpty(settings.Name)) 1709 { 1710 item.Name = settings.Name; 1711 } 1712 if (settings.Value != null && settings.Value == item.Value) 1713 { 1714 item.Checked = true; 1715 } 1716 if (!string.IsNullOrEmpty(settings.OnClick)) 1717 { 1718 item.OnClick += settings.OnClick; 1719 } 1720 if (!string.IsNullOrEmpty(settings.OnChange)) 1721 { 1722 item.OnChange += settings.OnChange; 1723 } 1724 if (!string.IsNullOrEmpty(settings.CssClass)) 1725 { 1726 item.CssClass += settings.CssClass; 1727 } 1728 @Render(item) 1729 } 1730 1731 @Render(new NotificationMessage { Message = settings.ErrorMessage }) 1732 </div> 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 RenderNotificationMessage(NotificationMessage settings) 1742 { 1743 if (!string.IsNullOrEmpty(settings.Message)) 1744 { 1745 var attributes = new Dictionary<string, string>(); 1746 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 1747 1748 string messageTypeClass = Enum.GetName(typeof(NotificationMessageType), settings.MessageType).ToLower(); 1749 string messageLayoutClass = Enum.GetName(typeof(NotificationMessageLayout), settings.MessageLayout).ToLower(); 1750 string minHeightClass = settings.Icon != null ? "u-min-h70px" : ""; 1751 1752 <div class="notification-message-@messageTypeClass notification-message-@messageLayoutClass @messageLayoutClass @minHeightClass @settings.CssClass u-full-width dw-mod" @ComponentMethods.AddAttributes(attributes)> 1753 @if (settings.Icon != null) { 1754 settings.Icon.Label = !string.IsNullOrEmpty(settings.Icon.Label) ? settings.Message + settings.Icon.Label : settings.Message; 1755 @Render(settings.Icon) 1756 } else { 1757 @settings.Message 1758 } 1759 </div> 1760 } 1761 } 1762 @using Dynamicweb.Rapido.Blocks.Components.General 1763 1764 1765 @* Component *@ 1766 1767 @helper RenderHandlebarsRoot(HandlebarsRoot settings) { 1768 string preRender = !String.IsNullOrEmpty(settings.PreRenderScriptTemplate) ? "data-pre-render-template=\"" + settings.PreRenderScriptTemplate + "\"" : ""; 1769 1770 <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> 1771 @if (settings.SubBlocks != null) { 1772 @RenderBlockList(settings.SubBlocks) 1773 } 1774 </div> 1775 } 1776 @using System.Reflection 1777 @using Dynamicweb.Rapido.Blocks.Components.General 1778 @using Dynamicweb.Rapido.Blocks.Components 1779 @using System.Text.RegularExpressions 1780 1781 1782 @* Component *@ 1783 1784 @helper RenderSticker(Sticker settings) { 1785 if (!String.IsNullOrEmpty(settings.Title)) { 1786 string size = settings.Size.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Size.ToString().ToLower() : ""; 1787 string style = settings.Style.ToString() != "None" ? "" + "stickers-container__tag--" + settings.Style.ToString().ToLower() : ""; 1788 1789 Dictionary<String, String> optionalAttributes = new Dictionary<string, string>(); 1790 if (!String.IsNullOrEmpty(settings.Color) || !String.IsNullOrEmpty(settings.BackgroundColor)) { 1791 string styleTag = !String.IsNullOrEmpty(settings.Color) ? "color: " + settings.Color + "; " : ""; 1792 styleTag += !String.IsNullOrEmpty(settings.BackgroundColor) ? "background-color: " + settings.BackgroundColor + "; " : ""; 1793 optionalAttributes.Add("style", styleTag); 1794 } 1795 1796 <div class="stickers-container__tag @size @style @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)>@settings.Title</div> 1797 } 1798 } 1799 1800 @using System.Reflection 1801 @using Dynamicweb.Rapido.Blocks.Components.General 1802 @using Dynamicweb.Rapido.Blocks.Components 1803 1804 1805 @* Component *@ 1806 1807 @helper RenderStickersCollection(StickersCollection settings) 1808 { 1809 if (settings.Stickers.Count > 0) 1810 { 1811 string position = "stickers-container--" + Regex.Replace(settings.Position.ToString(), "([a-z])([A-Z])", "$1-$2").ToLower(); 1812 1813 <div class="stickers-container @position @settings.CssClass dw-mod" @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1814 @foreach (Sticker sticker in settings.Stickers) 1815 { 1816 @Render(sticker) 1817 } 1818 </div> 1819 } 1820 } 1821 1822 @using Dynamicweb.Rapido.Blocks.Components.General 1823 1824 1825 @* Component *@ 1826 1827 @helper RenderForm(Form settings) { 1828 if (settings != null) 1829 { 1830 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 1831 if (!string.IsNullOrEmpty(settings.Action)) { optionalAttributes.Add("action", settings.Action); }; 1832 if (!string.IsNullOrEmpty(settings.Name)) { optionalAttributes.Add("name", settings.Name); }; 1833 if (!string.IsNullOrEmpty(settings.OnSubmit)) { optionalAttributes.Add("onsubmit", settings.OnSubmit); }; 1834 var enctypes = new Dictionary<string, string> 1835 { 1836 { "multipart", "multipart/form-data" }, 1837 { "text", "text/plain" }, 1838 { "application", "application/x-www-form-urlencoded" } 1839 }; 1840 if (settings.Enctype != FormEnctype.none) { optionalAttributes.Add("enctype", enctypes[Enum.GetName(typeof(FormEnctype), settings.Enctype).ToLower()]); }; 1841 optionalAttributes.Add("method", settings.Method.ToString()); 1842 1843 if (!string.IsNullOrEmpty(settings.FormStartMarkup)) 1844 { 1845 @settings.FormStartMarkup 1846 } 1847 else 1848 { 1849 @:<form class="@settings.CssClass u-no-margin dw-mod" @ComponentMethods.AddAttributes(optionalAttributes) @ComponentMethods.AddAttributes(settings.ExtraAttributes)> 1850 } 1851 1852 foreach (var field in settings.GetFields()) 1853 { 1854 @Render(field) 1855 } 1856 1857 @:</form> 1858 } 1859 } 1860 @using System.Reflection 1861 @using Dynamicweb.Rapido.Blocks.Components.General 1862 @using Dynamicweb.Rapido.Blocks.Components 1863 1864 1865 @* Component *@ 1866 1867 @helper RenderText(Text settings) 1868 { 1869 @settings.Content 1870 } 1871 @using System.Reflection 1872 @using Dynamicweb.Rapido.Blocks.Components.General 1873 @using Dynamicweb.Rapido.Blocks.Components 1874 1875 1876 @* Component *@ 1877 1878 @helper RenderContentModule(ContentModule settings) { 1879 if (!string.IsNullOrEmpty(settings.Content)) 1880 { 1881 @settings.Content 1882 } 1883 } 1884 @using System.Reflection 1885 @using Dynamicweb.Rapido.Blocks.Components.General 1886 @using Dynamicweb.Rapido.Blocks.Components 1887 1888 1889 @* Component *@ 1890 1891 @helper RenderModal(Modal settings) { 1892 if (settings != null) 1893 { 1894 string modalId = !string.IsNullOrEmpty(settings.Id) ? settings.Id : Guid.NewGuid().ToString("N"); 1895 1896 string onchange = !string.IsNullOrEmpty(settings.OnClose) ? "onchange=\"if(!this.checked){" + settings.OnClose + "}\"" : ""; 1897 1898 <input type="checkbox" id="@(modalId)ModalTrigger" class="modal-trigger" @onchange /> 1899 1900 <div class="modal-container"> 1901 @if (!settings.DisableDarkOverlay) 1902 { 1903 <label for="@(modalId)ModalTrigger" id="@(modalId)ModalOverlay" class="modal-overlay"></label> 1904 } 1905 <div class="modal modal--@settings.Width.ToString().ToLower() modal-height--@settings.Height.ToString().ToLower()" id="@(modalId)Modal"> 1906 @if (settings.Heading != null) 1907 { 1908 if (!string.IsNullOrEmpty(settings.Heading.Title)) 1909 { 1910 <div class="modal__header"> 1911 @Render(settings.Heading) 1912 </div> 1913 } 1914 } 1915 <div class="modal__body @(settings.Width.ToString().ToLower() == "full" ? "modal__body--full" : "")"> 1916 @if (!string.IsNullOrEmpty(settings.BodyText)) 1917 { 1918 @settings.BodyText 1919 } 1920 @if (settings.BodyTemplate != null) 1921 { 1922 @settings.BodyTemplate 1923 } 1924 @{ 1925 var actions = settings.GetActions(); 1926 } 1927 </div> 1928 @if (actions.Length > 0) 1929 { 1930 <div class="modal__footer"> 1931 @foreach (var action in actions) 1932 { 1933 if (Pageview.Device.ToString() != "Mobile") { 1934 action.CssClass += " u-no-margin"; 1935 } else { 1936 action.CssClass += " u-full-width u-margin-bottom"; 1937 } 1938 1939 @Render(action) 1940 } 1941 </div> 1942 } 1943 <label class="modal__close-btn" for="@(modalId)ModalTrigger"></label> 1944 </div> 1945 </div> 1946 } 1947 } 1948 @using Dynamicweb.Rapido.Blocks.Components.General 1949 1950 @* Component *@ 1951 1952 @helper RenderMediaListItem(MediaListItem settings) 1953 { 1954 <div class="media-list-item @settings.CssClass dw-mod" @(!string.IsNullOrEmpty(settings.Id) ? "id=\"" + settings.Id + "\"" : "")> 1955 @if (!string.IsNullOrEmpty(settings.Label)) 1956 { 1957 if (!string.IsNullOrEmpty(settings.Link)) 1958 { 1959 @Render(new Link 1960 { 1961 Href = settings.Link, 1962 CssClass = "media-list-item__sticker dw-mod", 1963 ButtonLayout = ButtonLayout.None, 1964 Title = settings.Label, 1965 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 1966 }) 1967 } 1968 else if (!string.IsNullOrEmpty(settings.OnClick)) 1969 { 1970 <span class="media-list-item__sticker dw-mod" onclick="@(settings.OnClick)"> 1971 <span class="u-uppercase">@settings.Label</span> 1972 </span> 1973 } 1974 else 1975 { 1976 <span class="media-list-item__sticker media-list-item__sticker--no-link dw-mod"> 1977 <span class="u-uppercase">@settings.Label</span> 1978 </span> 1979 } 1980 } 1981 <div class="media-list-item__wrap"> 1982 <div class="media-list-item__info dw-mod"> 1983 <div class="media-list-item__header dw-mod"> 1984 @if (!string.IsNullOrEmpty(settings.Title)) 1985 { 1986 if (!string.IsNullOrEmpty(settings.Link)) 1987 { 1988 @Render(new Link 1989 { 1990 Href = settings.Link, 1991 CssClass = "media-list-item__name dw-mod", 1992 ButtonLayout = ButtonLayout.None, 1993 Title = settings.Title, 1994 OnClick = !string.IsNullOrEmpty(settings.OnClick) ? settings.OnClick : "" 1995 }) 1996 } 1997 else if (!string.IsNullOrEmpty(settings.OnClick)) 1998 { 1999 <span class="media-list-item__name dw-mod" onclick="@(settings.OnClick)">@settings.Title</span> 2000 } 2001 else 2002 { 2003 <span class="media-list-item__name media-list-item__name--no-link dw-mod">@settings.Title</span> 2004 } 2005 } 2006 2007 @if (!string.IsNullOrEmpty(settings.Status)) 2008 { 2009 <div class="media-list-item__state dw-mod">@settings.Status</div> 2010 } 2011 </div> 2012 @{ 2013 settings.InfoTable.CssClass += " media-list-item__parameters-table"; 2014 } 2015 2016 @Render(settings.InfoTable) 2017 </div> 2018 <div class="media-list-item__actions dw-mod"> 2019 <div class="media-list-item__actions-list dw-mod"> 2020 @{ 2021 var actions = settings.GetActions(); 2022 2023 foreach (ButtonBase action in actions) 2024 { 2025 action.ButtonLayout = ButtonLayout.None; 2026 action.CssClass += " media-list-item__action link"; 2027 2028 @Render(action) 2029 } 2030 } 2031 </div> 2032 2033 @if (settings.SelectButton != null && !string.IsNullOrEmpty(settings.SelectButton.Title)) 2034 { 2035 settings.SelectButton.CssClass += " u-no-margin"; 2036 2037 <div class="media-list-item__action-button"> 2038 @Render(settings.SelectButton) 2039 </div> 2040 } 2041 </div> 2042 </div> 2043 </div> 2044 } 2045 @using Dynamicweb.Rapido.Blocks.Components.General 2046 @using Dynamicweb.Rapido.Blocks.Components 2047 2048 @helper RenderTable(Table settings) 2049 { 2050 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2051 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2052 2053 var enumToClasses = new Dictionary<TableDesign, string> 2054 { 2055 { TableDesign.Clean, "table--clean" }, 2056 { TableDesign.Bordered, "table--bordered" }, 2057 { TableDesign.Striped, "table--striped" }, 2058 { TableDesign.Hover, "table--hover" }, 2059 { TableDesign.Compact, "table--compact" }, 2060 { TableDesign.Condensed, "table--condensed" }, 2061 { TableDesign.NoTopBorder, "table--no-top-border" } 2062 }; 2063 string tableDesignClass = ""; 2064 if (settings.Design != TableDesign.None) 2065 { 2066 tableDesignClass = enumToClasses[settings.Design]; 2067 } 2068 2069 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableDesign.None) { attributes.Add("class", "table " + tableDesignClass + " " + settings.CssClass + " dw-mod"); } 2070 2071 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2072 2073 <table @ComponentMethods.AddAttributes(resultAttributes)> 2074 @if (settings.Header != null) 2075 { 2076 <thead> 2077 @Render(settings.Header) 2078 </thead> 2079 } 2080 <tbody> 2081 @foreach (var row in settings.Rows) 2082 { 2083 @Render(row) 2084 } 2085 </tbody> 2086 @if (settings.Footer != null) 2087 { 2088 <tfoot> 2089 @Render(settings.Footer) 2090 </tfoot> 2091 } 2092 </table> 2093 } 2094 @using Dynamicweb.Rapido.Blocks.Components.General 2095 @using Dynamicweb.Rapido.Blocks.Components 2096 2097 @helper RenderTableRow(TableRow settings) 2098 { 2099 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2100 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2101 2102 var enumToClasses = new Dictionary<TableRowDesign, string> 2103 { 2104 { TableRowDesign.NoBorder, "table__row--no-border" }, 2105 { TableRowDesign.Border, "table__row--border" }, 2106 { TableRowDesign.TopBorder, "table__row--top-line" }, 2107 { TableRowDesign.BottomBorder, "table__row--bottom-line" }, 2108 { TableRowDesign.Solid, "table__row--solid" } 2109 }; 2110 2111 string tableRowDesignClass = ""; 2112 if (settings.Design != TableRowDesign.None) 2113 { 2114 tableRowDesignClass = enumToClasses[settings.Design]; 2115 } 2116 2117 if (!string.IsNullOrEmpty(settings.CssClass) || settings.Design != TableRowDesign.None) { attributes.Add("class", "table__row " + tableRowDesignClass + " " + settings.CssClass + " dw-mod"); } 2118 2119 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2120 2121 <tr @ComponentMethods.AddAttributes(resultAttributes)> 2122 @foreach (var cell in settings.Cells) 2123 { 2124 if (settings.IsHeaderRow) 2125 { 2126 cell.IsHeader = true; 2127 } 2128 @Render(cell) 2129 } 2130 </tr> 2131 } 2132 @using Dynamicweb.Rapido.Blocks.Components.General 2133 @using Dynamicweb.Rapido.Blocks.Components 2134 @using Dynamicweb.Core 2135 2136 @helper RenderTableCell(TableCell settings) 2137 { 2138 Dictionary<string, string> attributes = new Dictionary<string, string>(); 2139 if (!string.IsNullOrEmpty(settings.Id)) { attributes.Add("id", settings.Id); } 2140 if (settings.Colspan != 0) { attributes.Add("colspan", Converter.ToString(settings.Colspan)); } 2141 if (settings.Rowspan != 0) { attributes.Add("rowspan", Converter.ToString(settings.Rowspan)); } 2142 if (!string.IsNullOrEmpty(settings.CssClass)) { attributes.Add("class", settings.CssClass + " dw-mod"); } 2143 2144 var resultAttributes = attributes.Concat(settings.ExtraAttributes).GroupBy(d => d.Key).ToDictionary(d => d.Key, d => d.Last().Value); 2145 2146 string tagName = settings.IsHeader ? "th" : "td"; 2147 2148 @("<" + tagName + " " + ComponentMethods.AddAttributes(resultAttributes) + ">") 2149 @settings.Content 2150 @("</" + tagName + ">"); 2151 } 2152 @using System.Linq 2153 @using Dynamicweb.Rapido.Blocks.Components.General 2154 2155 @* Component *@ 2156 2157 @helper RenderPagination(Dynamicweb.Rapido.Blocks.Components.General.Pagination settings) 2158 { 2159 var pageNumberQueryStringName = Dynamicweb.Rapido.Services.Pagination.GetPageNumberQueryStringName(settings); // Get the proper 'page number' query string parameter 2160 var queryParameters = Dynamicweb.Rapido.Services.Url.GetQueryParameters(pageNumberQueryStringName); // Get the NameValueCollection from the querystring 2161 2162 if (settings.NumberOfPages > 1) 2163 { 2164 string url = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority) + "/Default.aspx"; 2165 string ariaLabel = !string.IsNullOrWhiteSpace(settings.AriaLabel) ? settings.AriaLabel : Translate("Page navigation"); 2166 Dictionary<string, int> startAndEndPageNumber = Dynamicweb.Rapido.Services.Pagination.GetStartAndEndPageNumber(settings); 2167 2168 <div class="pager u-margin-top dw-mod @settings.CssClass" aria-label="@ariaLabel"> 2169 @if (settings.ShowPagingInfo) 2170 { 2171 <div class="pager__info dw-mod"> 2172 @Translate("Page") @settings.CurrentPageNumber @Translate("of") @settings.NumberOfPages 2173 </div> 2174 } 2175 <ul class="pager__list dw-mod"> 2176 @if (!string.IsNullOrWhiteSpace(settings.FirstPageUrl) && settings.ShowFirstAndLastControls) 2177 { 2178 @Render(new PaginationItem { Link = settings.FirstPageUrl, Icon = settings.FirstIcon }) 2179 } 2180 @if (!string.IsNullOrWhiteSpace(settings.PreviousPageUrl) && settings.ShowNextAndPrevControls) 2181 { 2182 @Render(new PaginationItem { Link = settings.PreviousPageUrl, Icon = settings.PrevIcon }) 2183 } 2184 @if (settings.GetPages().Any()) 2185 { 2186 foreach (var page in settings.GetPages()) 2187 { 2188 @Render(page) 2189 } 2190 } 2191 else 2192 { 2193 for (var page = startAndEndPageNumber["StartPage"]; page <= startAndEndPageNumber["EndPage"]; page++) 2194 { 2195 queryParameters = Dynamicweb.Rapido.Services.Url.UpdateQueryStringParameter(queryParameters, pageNumberQueryStringName, page.ToString()); 2196 @Render(new PaginationItem { Label = page.ToString(), Link = Dynamicweb.Rapido.Services.Url.BuildUri(url, queryParameters).PathAndQuery, IsActive = (settings.CurrentPageNumber == page) }); 2197 } 2198 } 2199 @if (!string.IsNullOrWhiteSpace(settings.NextPageUrl) && settings.ShowNextAndPrevControls) 2200 { 2201 @Render(new PaginationItem { Link = settings.NextPageUrl, Icon = settings.NextIcon }) 2202 } 2203 @if (!string.IsNullOrWhiteSpace(settings.LastPageUrl) && settings.ShowFirstAndLastControls) 2204 { 2205 @Render(new PaginationItem { Link = settings.LastPageUrl, Icon = settings.LastIcon }) 2206 } 2207 </ul> 2208 </div> 2209 } 2210 } 2211 2212 @helper RenderPaginationItem(PaginationItem settings) 2213 { 2214 if (settings.Icon == null) 2215 { 2216 settings.Icon = new Icon(); 2217 } 2218 2219 settings.Icon.Label = settings.Label; 2220 <li class="pager__btn dw-mod"> 2221 @if (settings.IsActive) 2222 { 2223 <span class="pager__num pager__num--current dw-mod"> 2224 @Render(settings.Icon) 2225 </span> 2226 } 2227 else 2228 { 2229 <a href="@settings.Link" class="pager__num dw-mod"> 2230 @Render(settings.Icon) 2231 </a> 2232 } 2233 </li> 2234 } 2235 2236 2237 @using Dynamicweb.Rapido.Blocks.Components.General 2238 2239 @using Ppdw.Common; 2240 2241 @functions { 2242 public string PerfionImagePrefix(int width, int height) 2243 { 2244 return string.Format("{0}/Perfion/Image.aspx?size={1}x{2}&format=png&id=", GlobalSettingsHelper.GetValue(PicoGlobalSettingsNames.PerfionWebApiUrl), width, height); 2245 } 2246 } 2247 @using System.Xml.Linq; 2248 @using Ppdw.Common; 2249 @using System.Diagnostics; 2250 @using System.Text; 2251 @using Dynamicweb.Configuration; 2252 2253 @functions { 2254 2255 } 2256 2257 @helper RenderCraneArmIllustrationCollection(IEnumerable<int> perfionIds) 2258 { 2259 if (0 < perfionIds.Count()) 2260 { 2261 2262 2263 //var variantString = Convert.ToBase64String(Encoding.UTF8.GetBytes("[" + string.Join(",", variantJsObjects) + "]")); 2264 <canvas id="illustration-canvas" 2265 data-variants='@string.Join(",", perfionIds)' 2266 style="opacity: 0;width: 50%; height: 50%" 2267 @*data-scaling="@scaling" 2268 width="@(widestBase + widestJointSum + (mostJoints * (5 /* joint gap */ * scaling)) + (40 /* fly-jib indentation */ * scaling) + 10 /* image margin*/)" 2269 height="@(variantJsObjects.Count() * (120 * scaling))"*@ 2270 ></canvas> 2271 2272 <img id="illustration-img" style="width:50%;height:50%;" /> 2273 } 2274 } 2275 @using Ppdw.Common; 2276 2277 @functions { 2278 public string PerfionFilePrefix(Guid id) 2279 { 2280 return string.Format("{0}/Perfion/File.aspx?id={1}", GlobalSettingsHelper.GetValue(PicoGlobalSettingsNames.PerfionWebApiUrl), id); 2281 } 2282 } 2283 @using Dynamicweb.Rapido.Blocks.Components 2284 @using Dynamicweb.Rapido.Blocks.Components.General 2285 @using Dynamicweb.Rapido.Blocks 2286 2287 2288 @* Custom Component 2289 2290 * Added u-reset-position to secondary filter * 2291 *@ 2292 2293 @helper RenderImageCustom(Image settings) 2294 { 2295 if (settings.FilterPrimary != ImageFilter.None || settings.FilterSecondary != ImageFilter.None) 2296 { 2297 Dictionary<string, string> optionalAttributes = new Dictionary<string, string>(); 2298 if (!string.IsNullOrEmpty(settings.FilterColor)) { optionalAttributes.Add("style", "background-color: " + settings.FilterColor); } 2299 2300 if (settings.Caption != null) 2301 { 2302 @:<div> 2303 } 2304 2305 var primaryFilterClass = settings.FilterPrimary.ToString().ToLower(); 2306 var secondaryFilterClass = settings.FilterSecondary.ToString().ToLower(); 2307 2308 <div class="image-filter image-filter--@primaryFilterClass u-position-relative dw-mod" @ComponentMethods.AddAttributes(optionalAttributes)> 2309 <div class="image-filter image-filter--@secondaryFilterClass u-reset-position dw-mod"> 2310 @if (settings.Link != null) 2311 { 2312 <a href="@settings.Link"> 2313 @RenderTheImage(settings) 2314 </a> 2315 } 2316 else 2317 { 2318 @RenderTheImage(settings) 2319 } 2320 </div> 2321 </div> 2322 2323 if (settings.Caption != null) 2324 { 2325 <span class="image-caption dw-mod">@settings.Caption</span> 2326 @:</div> 2327 } 2328 } 2329 else 2330 { 2331 if (settings.Caption != null) 2332 { 2333 @:<div> 2334 } 2335 if (!string.IsNullOrEmpty(settings.Link)) 2336 { 2337 <a href="@settings.Link"> 2338 @RenderTheImage(settings) 2339 </a> 2340 } 2341 else 2342 { 2343 @RenderTheImage(settings) 2344 } 2345 2346 if (settings.Caption != null) 2347 { 2348 <span class="image-caption dw-mod">@settings.Caption</span> 2349 @:</div> 2350 } 2351 } 2352 } 2353 2354 @using Dynamicweb.Frontend 2355 @using System.Reflection 2356 @using Dynamicweb.Content.Items 2357 @using System.Web.UI.HtmlControls 2358 @using Dynamicweb.Rapido.Blocks.Components 2359 @using Dynamicweb.Rapido.Blocks 2360 @using Dynamicweb.Rapido.Blocks.Components.Articles 2361 2362 @* Components for the articles *@ 2363 @using System.Reflection 2364 @using Dynamicweb.Rapido.Blocks.Components.Articles 2365 2366 2367 @* Component for the articles *@ 2368 2369 @helper RenderArticleBanner(dynamic settings) { 2370 string filterClasses = "image-filter image-filter--darken"; 2371 settings.Layout = ArticleHeaderLayout.Banner; 2372 2373 if (settings.Image != null) 2374 { 2375 if (settings.Image.Path != null) 2376 { 2377 <section class="multiple-paragraphs-container u-color-light paragraph-container--full-width"> 2378 <div class="background-image @filterClasses dw-mod"> 2379 <div class="background-image__wrapper @filterClasses dw-mod"> 2380 @{ 2381 settings.Image.CssClass += "background-image__cover dw-mod"; 2382 } 2383 @Render(settings.Image) 2384 </div> 2385 </div> 2386 <div class="center-container dw-mod"> 2387 <div class="grid"> 2388 <div class="grid__col-md-8 grid__col-xs-12 paragraph-container paragraph-container--height-lg"> 2389 <div class="u-left-middle"> 2390 <div> 2391 @if (!String.IsNullOrEmpty(settings.Heading)) 2392 { 2393 <h1 class="article__header article__header--giant dw-mod" style="color: @settings.TextColor">@settings.Heading</h1> 2394 } 2395 @if (!String.IsNullOrEmpty(settings.Subheading)) 2396 { 2397 <div class="article__leadtext dw-mod" style="color: @settings.TextColor">@settings.Subheading</div> 2398 } 2399 @if (!String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date)) 2400 { 2401 <small class="article__post-info u-margin-bottom--lg dw-mod" style="color: @settings.TextColor">@settings.Author @settings.Date</small> 2402 } 2403 @if (!String.IsNullOrEmpty(settings.Link)) { 2404 <div class="grid__cell"> 2405 @Render(new Link { Href = settings.Link, Title = settings.LinkText, ButtonLayout = settings.ButtonLayout }) 2406 </div> 2407 } 2408 </div> 2409 </div> 2410 </div> 2411 @if (settings.ExternalParagraphId != 0) 2412 { 2413 <div class="grid__col-md-4 grid__col-sm-12 grid__col-xs-12 paragraph-container paragraph-container--height-auto dw-mod"> 2414 <div class="u-color-light-gray--bg u-color-dark dw-mod"> 2415 @RenderParagraphContent(settings.ExternalParagraphId) 2416 </div> 2417 </div> 2418 } 2419 2420 </div> 2421 </div> 2422 </section> 2423 if (!String.IsNullOrEmpty(settings.Image.Caption)) { 2424 <div class="image-caption dw-mod">@settings.Image.Caption</div> 2425 } 2426 } 2427 else 2428 { 2429 settings.Layout = ArticleHeaderLayout.Clean; 2430 @RenderArticleCleanHeader(settings); 2431 } 2432 } 2433 else 2434 { 2435 settings.Layout = ArticleHeaderLayout.Clean; 2436 @RenderArticleCleanHeader(settings); 2437 } 2438 } 2439 @using System.Reflection 2440 @using Dynamicweb.Rapido.Blocks.Components 2441 @using Dynamicweb.Rapido.Blocks.Components.General 2442 @using Dynamicweb.Rapido.Blocks.Components.Articles 2443 @using Dynamicweb.Rapido.Blocks 2444 2445 2446 @* Component for the articles *@ 2447 2448 @helper RenderArticleHeader(ArticleHeader settings) { 2449 dynamic[] methodParameters = new dynamic[1]; 2450 methodParameters[0] = settings; 2451 MethodInfo customMethod = this.GetType().GetMethod("RenderArticleHeaderCustom"); 2452 2453 if (customMethod != null) 2454 { 2455 @customMethod.Invoke(this, methodParameters).ToString(); 2456 } else { 2457 switch (settings.Layout) 2458 { 2459 case ArticleHeaderLayout.Clean: 2460 @RenderArticleCleanHeader(settings); 2461 break; 2462 case ArticleHeaderLayout.Split: 2463 @RenderArticleSplitHeader(settings); 2464 break; 2465 case ArticleHeaderLayout.Banner: 2466 @RenderArticleBannerHeader(settings); 2467 break; 2468 case ArticleHeaderLayout.Overlay: 2469 @RenderArticleOverlayHeader(settings); 2470 break; 2471 default: 2472 @RenderArticleCleanHeader(settings); 2473 break; 2474 } 2475 } 2476 } 2477 2478 @helper RenderArticleCleanHeader(ArticleHeader settings) { 2479 dynamic[] methodParameters = new dynamic[1]; 2480 methodParameters[0] = settings; 2481 MethodInfo customMethod = this.GetType().GetMethod("RenderArticleCleanHeaderCustom"); 2482 2483 if (customMethod != null) 2484 { 2485 @customMethod.Invoke(this, methodParameters).ToString(); 2486 } 2487 else 2488 { 2489 string contentColumns = settings.TextLayout != ArticleHeaderTextLayout.Full ? "8" : "12"; 2490 2491 <div class="grid grid--align-content-start grid--justify-start"> 2492 <div class="grid__col-md-@contentColumns grid__col-sm-12 u-padding--lg dw-mod"> 2493 @if (!String.IsNullOrEmpty(settings.Category) || !String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date) || settings.RatingOutOf != 0) 2494 { 2495 <div class="u-border-bottom u-padding-bottom"> 2496 @if (!String.IsNullOrEmpty(settings.Category)) 2497 { 2498 <div class="u-pull--left"> 2499 <div class="article__category dw-mod" style="color: @settings.CategoryColor">@settings.Category</div> 2500 </div> 2501 } 2502 <div class="u-pull--right"> 2503 @if (!String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date)) 2504 { 2505 <small class="article__post-info dw-mod">@settings.Author @settings.Date</small> 2506 } 2507 @if (settings.RatingOutOf != 0) 2508 { 2509 @Render(new Rating { Score = settings.RatingScore, OutOf = settings.RatingOutOf }) 2510 } 2511 </div> 2512 </div> 2513 } 2514 2515 <div class="grid__cell"> 2516 @if (!String.IsNullOrEmpty(settings.Heading)) 2517 { 2518 <h1 class="article__header article__header--giant dw-mod">@settings.Heading</h1> 2519 } 2520 @if (settings.Image != null) 2521 { 2522 if (settings.Image.Path != null) 2523 { 2524 <div class="u-padding-bottom--lg"> 2525 @Render(settings.Image) 2526 </div> 2527 } 2528 } 2529 @if (!String.IsNullOrEmpty(settings.Subheading)) 2530 { 2531 <div class="article__leadtext dw-mod">@settings.Subheading</div> 2532 } 2533 @if (!String.IsNullOrEmpty(settings.Link)) 2534 { 2535 <div class="grid__cell"> 2536 @Render(new Link { Href = settings.Link, Title = settings.LinkText, ButtonLayout = settings.ButtonLayout }) 2537 </div> 2538 } 2539 </div> 2540 </div> 2541 @if (settings.ExternalParagraphId != 0) 2542 { 2543 <div class="grid__col-md-4 grid__col-sm-12 u-padding--lg u-color-light-gray--bg dw-mod"> 2544 @RenderParagraphContent(settings.ExternalParagraphId) 2545 </div> 2546 } 2547 </div> 2548 } 2549 } 2550 2551 @helper RenderArticleSplitHeader(ArticleHeader settings) { 2552 dynamic[] methodParameters = new dynamic[1]; 2553 methodParameters[0] = settings; 2554 MethodInfo customMethod = this.GetType().GetMethod("RenderArticleSplitHeaderCustom"); 2555 2556 if (customMethod != null) 2557 { 2558 @customMethod.Invoke(this, methodParameters).ToString(); 2559 } 2560 else 2561 { 2562 string headerColumnWidth = settings.ExternalParagraphId != 0 ? "4" : "6"; 2563 2564 if (settings.Image != null) 2565 { 2566 if (settings.Image.Path != null) 2567 { 2568 <section class="multiple-paragraphs-container paragraph-container--full-width"> 2569 <div class="grid"> 2570 <div class="grid__col-md-@headerColumnWidth grid__col-sm-12 grid__col-xs-12 paragraph-container paragraph-container--height-xl dw-mod"> 2571 <div class="u-left-middle u-padding--lg"> 2572 <div> 2573 @if (!String.IsNullOrEmpty(settings.Category)) 2574 { 2575 <div class="article__category dw-mod" style="color: @settings.CategoryColor">@settings.Category</div> 2576 } 2577 @if (!String.IsNullOrEmpty(settings.Heading)) 2578 { 2579 <h1 class="article__header article__header--giant dw-mod">@settings.Heading</h1> 2580 } 2581 @if (!String.IsNullOrEmpty(settings.Subheading)) 2582 { 2583 <div class="article__leadtext dw-mod">@settings.Subheading</div> 2584 } 2585 @if (!String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date)) 2586 { 2587 <small class="article__post-info u-pull--left dw-mod">@settings.Author @settings.Date</small> 2588 } 2589 @if (settings.RatingOutOf != 0) 2590 { 2591 <div class="u-pull--right"> 2592 @Render(new Rating { Score = settings.RatingScore, OutOf = settings.RatingOutOf }) 2593 </div> 2594 } 2595 @if (!String.IsNullOrEmpty(settings.Link)) { 2596 <div class="u-full-width u-pull--left u-margin-top"> 2597 @Render(new Link { Href = settings.Link, Title = settings.LinkText, ButtonLayout = settings.ButtonLayout }) 2598 </div> 2599 } 2600 </div> 2601 </div> 2602 </div> 2603 <div class="grid__col-md-@headerColumnWidth grid__col-sm-12 grid__col-xs-12 paragraph-container paragraph-container--height-auto dw-mod" style="background-image:url(/Admin/Public/GetImage.ashx?width=1800&amp;height=1100&amp;crop=0&amp;Compression=85&amp;DoNotUpscale=true&amp;image=@settings.Image.Path); background-position: center center; background-size: cover;"></div> 2604 @if (settings.ExternalParagraphId != 0) 2605 { 2606 <div class="grid__col-md-4 grid__col-sm-12 grid__col-xs-12 paragraph-container paragraph-container--height-auto u-color-light-gray--bg dw-mod"> 2607 @RenderParagraphContent(settings.ExternalParagraphId) 2608 </div> 2609 } 2610 </div> 2611 </section> 2612 } 2613 } 2614 else 2615 { 2616 @RenderArticleCleanHeader(settings); 2617 } 2618 } 2619 } 2620 2621 @helper RenderArticleOverlayHeader(ArticleHeader settings) { 2622 dynamic[] methodParameters = new dynamic[1]; 2623 methodParameters[0] = settings; 2624 MethodInfo customMethod = this.GetType().GetMethod("RenderArticleOverlayHeaderCustom"); 2625 2626 if (customMethod != null) 2627 { 2628 @customMethod.Invoke(this, methodParameters).ToString(); 2629 } 2630 else 2631 { 2632 string contentColumns = settings.TextLayout != ArticleHeaderTextLayout.Full ? "8" : "12"; 2633 string contentAlignment = settings.TextLayout == ArticleHeaderTextLayout.Center ? "grid--justify-center" : ""; 2634 2635 if (settings.Image != null) 2636 { 2637 if (settings.Image.Path != null) 2638 { 2639 if (settings.ExternalParagraphId == 0) 2640 { 2641 <section class="multiple-paragraphs-container u-color-light paragraph-container--full-width"> 2642 <div class="background-image image-filter image-filter--darken dw-mod"> 2643 <div class="background-image__wrapper image-filter image-filter--darken dw-mod"> 2644 @{ 2645 settings.Image.CssClass += "background-image__cover dw-mod"; 2646 } 2647 @Render(settings.Image) 2648 </div> 2649 </div> 2650 <div class="center-container dw-mod"> 2651 <div class="grid @contentAlignment"> 2652 <div class="grid__col-md-@contentColumns grid__col-xs-12 paragraph-container paragraph-container--height-xl dw-mod"> 2653 @if (!string.IsNullOrEmpty(settings.Heading)) 2654 { 2655 <h1 class="article__header article__header--giant u-padding-top--lg dw-mod" style="color: @settings.TextColor">@settings.Heading</h1> 2656 } 2657 @if (!String.IsNullOrEmpty(settings.Subheading)) 2658 { 2659 <div class="article__leadtext dw-mod" style="color: @settings.TextColor">@settings.Subheading</div> 2660 } 2661 <div class="u-margin-top"> 2662 @if (!String.IsNullOrEmpty(settings.Author) || !String.IsNullOrEmpty(settings.Date)) 2663 { 2664 <small class="article__post-info u-pull--left dw-mod" style="color: @settings.TextColor">@settings.Author @settings.Date</small> 2665 } 2666 @if (settings.RatingOutOf != 0) 2667 { 2668 <div class="u-pull--right"> 2669 @Render(new Rating { Score = settings.RatingScore, OutOf = settings.RatingOutOf }) 2670 </div> 2671 } 2672 </div> 2673 @if (!String.IsNullOrEmpty(settings.Link)) 2674 { 2675 <div class="grid__cell"> 2676 @Render(new Link { Href = settings.Link, Title = settings.LinkText, ButtonLayout = settings.ButtonLayout }) 2677 </div> 2678 } 2679 </div> 2680 </div> 2681 </div> 2682 </section> 2683 } 2684 else 2685 { 2686 @RenderArticleBanner(settings); 2687 } 2688 } 2689 } 2690 else 2691 { 2692 @RenderArticleCleanHeader(settings); 2693 } 2694 } 2695 } 2696 2697 @helper RenderArticleBannerHeader(dynamic settings) { 2698 dynamic[] methodParameters = new dynamic[1]; 2699 methodParameters[0] = settings; 2700 MethodInfo customMethod = this.GetType().GetMethod("RenderArticleBannerHeaderCustom"); 2701 2702 if (customMethod != null) 2703 { 2704 @customMethod.Invoke(this, methodParameters).ToString(); 2705 } 2706 else 2707 { 2708 @RenderArticleBanner(settings); 2709 } 2710 } 2711 @using System.Reflection 2712 @using System.Text.RegularExpressions; 2713 @using Dynamicweb.Frontend 2714 @using Dynamicweb.Content.Items 2715 @using Dynamicweb.Rapido.Blocks.Components 2716 @using Dynamicweb.Rapido.Blocks.Components.Articles 2717 @using Dynamicweb.Rapido.Blocks 2718 2719 @* Component for the articles *@ 2720 2721 @helper RenderArticleBodyRow(ArticleBodyRow settings) 2722 { 2723 string position = settings.TopLayout == "overlay" ? "article__overlay-offset" : ""; 2724 string contentAlignment = settings.TextLayout == "center" ? "grid--justify-center" : ""; 2725 2726 <div class="grid grid--align-content-start @contentAlignment @position dw-mod"> 2727 @RenderBlockList(settings.SubBlocks) 2728 </div> 2729 } 2730 @using System.Reflection 2731 @using Dynamicweb.Rapido.Blocks.Components 2732 @using Dynamicweb.Rapido.Blocks.Components.General 2733 @using Dynamicweb.Rapido.Blocks.Components.Articles 2734 @using Dynamicweb.Rapido.Blocks 2735 2736 @* Component for the articles *@ 2737 2738 @helper RenderArticleImage(ArticleImage settings) 2739 { 2740 if (settings.Image != null) 2741 { 2742 if (settings.Image.Path != null) 2743 { 2744 <div class="u-margin-bottom--lg"> 2745 @Render(settings.Image) 2746 </div> 2747 } 2748 } 2749 } 2750 @using System.Reflection 2751 @using Dynamicweb.Rapido.Blocks.Components 2752 @using Dynamicweb.Rapido.Blocks.Components.Articles 2753 2754 2755 @* Component for the articles *@ 2756 2757 @helper RenderArticleSubHeader(ArticleSubHeader settings) 2758 { 2759 if (!String.IsNullOrEmpty(settings.Title)) 2760 { 2761 <h2 class="article__header">@settings.Title</h2> 2762 } 2763 } 2764 @using System.Reflection 2765 @using Dynamicweb.Rapido.Blocks.Components 2766 @using Dynamicweb.Rapido.Blocks.Components.Articles 2767 @using Dynamicweb.Rapido.Blocks 2768 2769 2770 @* Component for the articles *@ 2771 2772 @helper RenderArticleText(ArticleText settings) 2773 { 2774 if (!String.IsNullOrEmpty(settings.Text)) 2775 { 2776 string greatTextClass = settings.EnableLargeText == true ? "article__paragraph--great-text" : ""; 2777 2778 <div class="article__paragraph @greatTextClass dw-mod"> 2779 @settings.Text 2780 </div> 2781 } 2782 } 2783 @using System.Reflection 2784 @using Dynamicweb.Rapido.Blocks.Components 2785 @using Dynamicweb.Rapido.Blocks.Components.Articles 2786 @using Dynamicweb.Rapido.Blocks 2787 2788 2789 @* Component for the articles *@ 2790 2791 @helper RenderArticleQuote(ArticleQuote settings) 2792 { 2793 string text = Regex.Replace(settings.Text, "<.*?>", String.Empty); 2794 2795 <div class="grid u-padding-bottom--lg"> 2796 @if (settings.Image != null) 2797 { 2798 if (settings.Image.Path != null) { 2799 <div class="grid__col-3"> 2800 <div class="grid__cell-img"> 2801 @{ 2802 settings.Image.Title = !String.IsNullOrEmpty(settings.Image.Title) ? settings.Image.Title : settings.Author; 2803 settings.Image.CssClass += " article__image article__image--ball"; 2804 settings.Image.ImageDefault.Width = 200; 2805 settings.Image.ImageDefault.Height = 200; 2806 } 2807 @Render(settings.Image) 2808 </div> 2809 </div> 2810 } 2811 } 2812 <div class="grid__col-auto"> 2813 @if (!String.IsNullOrEmpty(settings.Text)) 2814 { 2815 <div class="article__quote dw-mod"> 2816 <i class="fas fa-quote-right u-margin-bottom--lg"></i> 2817 @settings.Text 2818 <i class="fas fa-quote-right"></i> 2819 </div> 2820 } 2821 @if (!String.IsNullOrEmpty(settings.Author)) 2822 { 2823 <div class="article__quote-author dw-mod"> 2824 - @settings.Author 2825 </div> 2826 } 2827 </div> 2828 </div> 2829 } 2830 @using System.Reflection 2831 @using Dynamicweb.Rapido.Blocks.Components 2832 @using Dynamicweb.Rapido.Blocks.Components.Articles 2833 @using Dynamicweb.Rapido.Blocks 2834 2835 @* Component for the articles *@ 2836 2837 @helper RenderArticleInfoTable(ArticleInfoTable settings) 2838 { 2839 <table class="table table--clean"> 2840 @foreach (var row in settings.Rows) 2841 { 2842 string iconColor = row.IconColor != null ? row.IconColor : "u-brand-color-two"; 2843 2844 <tr> 2845 @if (!String.IsNullOrEmpty(row.Icon)) 2846 { 2847 <td class="u-w32px"><i class="@row.Icon fa-2x @row.IconColor"></i></td> 2848 } 2849 <td class="u-no-margin-on-p-elements"> 2850 <div class="u-bold">@row.Title</div> 2851 @if (!String.IsNullOrEmpty(row.SubTitle)) 2852 { 2853 if (row.Link == null) 2854 { 2855 <div>@row.SubTitle</div> 2856 } 2857 else 2858 { 2859 <a href="@row.Link" class="u-color-inherit">@row.SubTitle</a> 2860 } 2861 } 2862 </td> 2863 </tr> 2864 } 2865 </table> 2866 } 2867 @using System.Reflection 2868 @using Dynamicweb.Rapido.Blocks.Components 2869 @using Dynamicweb.Rapido.Blocks.Components.General 2870 @using Dynamicweb.Rapido.Blocks.Components.Articles 2871 @using Dynamicweb.Rapido.Blocks 2872 2873 @* Component for the articles *@ 2874 2875 @helper RenderArticleGalleryModal(ArticleGalleryModal settings) 2876 { 2877 Modal galleryModal = new Modal 2878 { 2879 Id = "ParagraphGallery", 2880 Width = ModalWidth.Full, 2881 BodyTemplate = RenderArticleGalleryModalContent() 2882 }; 2883 2884 @Render(galleryModal) 2885 } 2886 2887 @helper RenderArticleGalleryModalContent() { 2888 <div class="modal__image-min-size-wrapper"> 2889 @Render(new Image { 2890 Id = "ParagraphGallery", 2891 Path = "#", 2892 CssClass = "modal--full__img", 2893 DisableLazyLoad = true, 2894 DisableImageEngine = true 2895 }) 2896 </div> 2897 2898 <div class="modal__images-counter" id="ParagraphGallery_counter"></div> 2899 2900 @Render(new Button { 2901 Id = "ParagraphGallery_prev", 2902 ButtonType = ButtonType.Button, 2903 ButtonLayout = ButtonLayout.None, 2904 CssClass = "modal__prev-btn", 2905 Icon = new Icon { Prefix = "far", Name = "fa-angle-left", LabelPosition = IconLabelPosition.After }, 2906 OnClick = "Gallery.prevImage('ParagraphGallery')" 2907 }) 2908 2909 @Render(new Button { 2910 Id = "ParagraphGallery_next", 2911 ButtonType = ButtonType.Button, 2912 ButtonLayout = ButtonLayout.None, 2913 CssClass = "modal__next-btn", 2914 Icon = new Icon { Prefix = "far", Name = "fa-angle-right", LabelPosition = IconLabelPosition.After }, 2915 OnClick = "Gallery.nextImage('ParagraphGallery')" 2916 }) 2917 } 2918 @using System.Reflection 2919 @using Dynamicweb.Rapido.Blocks.Components 2920 @using Dynamicweb.Rapido.Blocks.Components.Articles 2921 @using Dynamicweb.Rapido.Blocks 2922 2923 2924 @* Component for the articles *@ 2925 2926 @helper RenderArticleRelated(ArticleRelated settings) 2927 { 2928 string cardClass = Pageview.Device.ToString() != "Tablet" ? "card u-color-light--bg u-full-height" : ""; 2929 string cardFooterClass = Pageview.Device.ToString() != "Tablet" ? "card-footer u-color-light--bg" : ""; 2930 2931 <section class="multiple-paragraphs-container u-color-light-gray--bg paragraph-container--full-width"> 2932 <div class="center-container dw-mod"> 2933 <div class="grid u-padding"> 2934 <div class="grid__col-md-12 grid__col-xs-12"> 2935 <h2 class="article__header u-no-margin u-margin-top">@settings.Title</h2> 2936 </div> 2937 </div> 2938 2939 <div class="js-handlebars-root u-padding" id="@settings.Title.Replace(" ", String.Empty)" data-template="RelatedSimpleTemplate" data-json-feed="/Default.aspx?ID=@settings.FeedPageId&@settings.Query&ExcludeItemID=@settings.CurrentPageId&PageSize=@settings.PageSize"></div> 2940 2941 <script id="RelatedSimpleTemplate" type="text/x-template"> 2942 {{#.}} 2943 <div class="grid u-padding-bottom--lg"> 2944 {{#Cases}} 2945 <div class="grid__col-lg-3 grid__col-sm-6 image-hover--zoom dw-mod"> 2946 <a href="{{link}}" class="u-full-height u-color-light--bg u-flex u-flex--column"> 2947 {{#if image}} 2948 <div class="u-color-light--bg u-no-padding dw-mod"> 2949 <div class="flex-img image-hover__wrapper"> 2950 <img class="b-lazy" src="/Files/Images/placeholder.gif" data-src="/Admin/Public/GetImage.ashx?width=680&height=314&amp;crop=1&amp;DoNotUpscale=True&amp;Compression=75&amp;image={{image}}" alt="{{title}}" /> 2951 </div> 2952 </div> 2953 {{/if}} 2954 2955 <div class="card u-color-light--bg u-full-height dw-mod"> 2956 <h3 class="article-list__item-header u-truncate-text dw-mod">{{title}}</h3> 2957 <p class="article__short-summary dw-mod">{{summary}}</p> 2958 </div> 2959 </a> 2960 </div> 2961 {{/Cases}} 2962 </div> 2963 {{/.}} 2964 </script> 2965 </div> 2966 </section> 2967 } 2968 @using System.Reflection 2969 @using Dynamicweb.Rapido.Blocks.Components 2970 @using Dynamicweb.Rapido.Blocks.Components.Articles 2971 @using Dynamicweb.Rapido.Blocks 2972 2973 2974 @* Component for the articles *@ 2975 2976 @helper RenderArticleMenu(ArticleMenu settings) 2977 { 2978 if (!String.IsNullOrEmpty(settings.Title)) { 2979 <div class="u-margin u-border-bottom"> 2980 <h3 class="u-no-margin">@settings.Title</h3> 2981 </div> 2982 } 2983 2984 <ul class="menu-left u-margin-bottom dw-mod"> 2985 @foreach (var item in settings.Items) 2986 { 2987 @Render(item) 2988 } 2989 </ul> 2990 } 2991 2992 @helper RenderArticleMenuItem(ArticleMenuItem settings) 2993 { 2994 string link = !String.IsNullOrEmpty(settings.Link) ? settings.Link : "#"; 2995 2996 if (!String.IsNullOrEmpty(settings.Title)) { 2997 <li class="menu-left__item dw-mod"> 2998 <a href="@link" onclick="@settings.OnClick" class="menu-left__link dw-mod">@settings.Title</a> 2999 </li> 3000 } 3001 } 3002 @using System.Reflection 3003 @using Dynamicweb.Rapido.Blocks.Components 3004 @using Dynamicweb.Rapido.Blocks.Components.Articles 3005 @using Dynamicweb.Rapido.Blocks 3006 3007 @* Component for the articles *@ 3008 3009 @helper RenderArticleList(ArticleList settings) 3010 { 3011 if (Pageview != null) 3012 { 3013 bool isParagraph = Pageview.CurrentParagraph != null ? true : false; 3014 string[] sortArticlesListBy = new string[2]; 3015 3016 if (isParagraph) { 3017 sortArticlesListBy = Pageview.CurrentParagraph.Item["SortArticlesListBy"] != null && !string.IsNullOrEmpty(Pageview.CurrentParagraph.Item["SortArticlesListBy"].ToString()) ? Pageview.CurrentParagraph.Item["SortArticlesListBy"].ToString().Split('+') : new string[] { "Date", "ASC" }; 3018 } 3019 else { 3020 sortArticlesListBy = Pageview.Item["SortArticlesListBy"] != null && !string.IsNullOrEmpty(Pageview.Item["SortArticlesListBy"].ToString()) ? Pageview.Item["SortArticlesListBy"].ToString().Split('+') : new string[] { "Date", "ASC" }; 3021 } 3022 3023 string sourcePage = settings.SourcePage != null ? settings.SourcePage : Pageview.ID.ToString(); 3024 3025 if (!settings.DisablePagination) { 3026 @RenderItemList(new 3027 { 3028 ItemType = !String.IsNullOrEmpty(settings.ItemType) ? settings.ItemType : "DynamicArticle", 3029 ListSourceType = settings.SourceType, 3030 ListSourcePage = sourcePage, 3031 ItemFieldsList = "*", 3032 Filter = settings.Filter, 3033 ListOrderBy = sortArticlesListBy[0], 3034 ListOrderByDirection = sortArticlesListBy[1], 3035 ListSecondOrderBy = sortArticlesListBy[0] == "Date" ? "InFocusSortId" : "Date", 3036 ListSecondOrderByDirection = "ASC", 3037 IncludeAllChildItems = true, 3038 ListTemplate = settings.Template, 3039 ListPageSize = settings.PageSize.ToString() 3040 }); 3041 } else { 3042 @RenderItemList(new 3043 { 3044 ItemType = !String.IsNullOrEmpty(settings.ItemType) ? settings.ItemType : "DynamicArticle", 3045 ListSourceType = settings.SourceType, 3046 ListSourcePage = sourcePage, 3047 ItemFieldsList = "*", 3048 Filter = settings.Filter, 3049 ListOrderBy = sortArticlesListBy[0], 3050 ListOrderByDirection = sortArticlesListBy[1], 3051 ListSecondOrderBy = sortArticlesListBy[0] == "Date" ? "InFocusSortId" : "Date", 3052 ListSecondOrderByDirection = "ASC", 3053 IncludeAllChildItems = true, 3054 ListTemplate = settings.Template, 3055 ListPageSize = settings.PageSize.ToString(), 3056 ListViewMode = "Partial", 3057 ListShowTo = settings.PageSize + 1 3058 }); 3059 } 3060 } 3061 } 3062 @using System.Reflection 3063 @using Dynamicweb.Rapido.Blocks.Components.Articles 3064 3065 3066 @* Component for the articles *@ 3067 3068 @helper RenderArticleSummary(ArticleSummary settings) 3069 { 3070 if (!String.IsNullOrEmpty(settings.Text)) 3071 { 3072 <div class="article__summary dw-mod">@settings.Text</div> 3073 } 3074 } 3075 @using System.Reflection 3076 @using Dynamicweb.Rapido.Blocks.Components 3077 @using Dynamicweb.Rapido.Blocks.Components.Articles 3078 @using Dynamicweb.Rapido.Blocks 3079 3080 @* Component for the articles *@ 3081 3082 @helper RenderArticleListCategoryFilter(ArticleListCategoryFilter settings) 3083 { 3084 string pageId = Pageview.ID.ToString(); 3085 string selectedFilter = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("sourcePage")) ? HttpContext.Current.Request.QueryString.Get("sourcePage") : Translate("All"); 3086 var query = HttpUtility.ParseQueryString(HttpContext.Current.Request.QueryString.ToString()); 3087 3088 foreach (var option in settings.Categories) 3089 { 3090 selectedFilter = selectedFilter == option.Value ? option.Key : selectedFilter; 3091 } 3092 3093 if (selectedFilter == pageId) 3094 { 3095 selectedFilter = Translate("All"); 3096 } 3097 3098 if (Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet") 3099 { 3100 <div class="u-pull--right u-margin-left"> 3101 <div class="collection u-no-margin"> 3102 <h5>@Translate("Category")</h5> 3103 <input type="checkbox" id="CategorySelector" class="dropdown-trigger" /> 3104 <div class="dropdown u-w180px dw-mod"> 3105 <label class="dropdown__header dropdown__btn dw-mod" for="CategorySelector">@Translate(selectedFilter)</label> 3106 <div class="dropdown__content dw-mod"> 3107 @foreach (var option in settings.Categories) 3108 { 3109 <div class="dropdown__item" onclick="QueryArray.setParametersInCurrentURL({ sourceType: 'Page', sourcePage: '@(option.Key.ToLower() == "all" ? pageId : option.Value)' })">@Translate(option.Key)</div> 3110 } 3111 </div> 3112 <label class="dropdown-trigger-off" for="CategorySelector"></label> 3113 </div> 3114 </div> 3115 </div> 3116 } 3117 else 3118 { 3119 <div class="u-full-width u-margin-bottom"> 3120 <h5 class="u-no-margin">@Translate("Category")</h5> 3121 <input type="checkbox" id="CategorySelector" class="dropdown-trigger" /> 3122 <div class="dropdown u-full-width dw-mod"> 3123 <label class="dropdown__header dropdown__btn dw-mod" for="CategorySelector">@Translate(selectedFilter)</label> 3124 <div class="dropdown__content dw-mod"> 3125 @foreach (var option in settings.Categories) 3126 { 3127 <div class="dropdown__item" onclick="QueryArray.setParametersInCurrentURL({ sourceType: 'Page', sourcePage: '@(option.Key.ToLower() == "all" ? pageId : option.Value)' })">@Translate(option.Key)</div> 3128 } 3129 </div> 3130 <label class="dropdown-trigger-off" for="CategorySelector"></label> 3131 </div> 3132 </div> 3133 } 3134 } 3135 @using System.Reflection 3136 @using Dynamicweb.Rapido.Blocks.Components 3137 @using Dynamicweb.Rapido.Blocks.Components.Articles 3138 @using Dynamicweb.Rapido.Blocks 3139 @using System.Collections.Generic 3140 3141 @* Component for the articles *@ 3142 3143 @helper RenderArticleListFilter(ArticleListFilter settings) 3144 { 3145 string selectedFilter = !String.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get(settings.SystemName)) ? HttpContext.Current.Request.QueryString.Get(settings.SystemName) : Translate("All"); 3146 var query = HttpUtility.ParseQueryString(HttpContext.Current.Request.QueryString.ToString()); 3147 3148 if (settings.Options != null) 3149 { 3150 if (settings.Options is IEnumerable<dynamic>) 3151 { 3152 var options = (IEnumerable<dynamic>) settings.Options; 3153 settings.Options = options.OrderBy(item => item.Name); 3154 } 3155 3156 foreach (var option in settings.Options) 3157 { 3158 selectedFilter = selectedFilter == option.Value ? option.Name : selectedFilter; 3159 } 3160 3161 if (Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet") 3162 { 3163 <div class="u-pull--right u-margin-left"> 3164 <div class="collection u-no-margin"> 3165 <h5>@settings.Label</h5> 3166 <input type="checkbox" id="@(settings.SystemName)Selector" class="dropdown-trigger" /> 3167 <div class="dropdown u-w180px dw-mod"> 3168 <label class="dropdown__header dropdown__btn dw-mod" for="@(settings.SystemName)Selector">@Translate(selectedFilter)</label> 3169 <div class="dropdown__content dw-mod"> 3170 <div class="dropdown__item" onclick="QueryArray.setParameterInCurrentURL('@settings.SystemName', '')">@Translate("All")</div> 3171 @foreach (var option in settings.Options) 3172 { 3173 <div class="dropdown__item" onclick="QueryArray.setParameterInCurrentURL('@settings.SystemName', '@option.Value')">@Translate(option.Name)</div> 3174 } 3175 </div> 3176 <label class="dropdown-trigger-off" for="@(settings.SystemName)Selector"></label> 3177 </div> 3178 </div> 3179 </div> 3180 } 3181 else 3182 { 3183 <div class="u-full-width u-margin-bottom"> 3184 <h5 class="u-no-margin">@settings.Label</h5> 3185 <input type="checkbox" id="@(settings.SystemName)Selector" class="dropdown-trigger" /> 3186 <div class="dropdown u-full-width w-mod"> 3187 <label class="dropdown__header dropdown__btn dw-mod" for="@(settings.SystemName)Selector">@Translate(selectedFilter)</label> 3188 <div class="dropdown__content dw-mod"> 3189 <div class="dropdown__item" onclick="QueryArray.setParameterInCurrentURL('@settings.SystemName', '')">@Translate("All")</div> 3190 @foreach (var option in settings.Options) 3191 { 3192 <div class="dropdown__item" onclick="QueryArray.setParameterInCurrentURL('@settings.SystemName', '@option.Value')">@Translate(option.Name)</div> 3193 } 3194 </div> 3195 <label class="dropdown-trigger-off" for="@(settings.SystemName)Selector"></label> 3196 </div> 3197 </div> 3198 } 3199 } 3200 } 3201 @using System.Reflection 3202 @using Dynamicweb.Rapido.Blocks.Components 3203 @using Dynamicweb.Rapido.Blocks.Components.Articles 3204 @using Dynamicweb.Rapido.Blocks 3205 3206 @* Component for the articles *@ 3207 3208 @helper RenderArticleListSearch(ArticleListSearch settings) 3209 { 3210 string searchParameter = !string.IsNullOrEmpty(settings.SearchParameter) ? settings.SearchParameter : "Title"; 3211 string searchWord = HttpContext.Current.Request.QueryString.Get(searchParameter); 3212 string searchString = !string.IsNullOrEmpty(searchWord) ? searchWord.Trim('*') : ""; 3213 string className = "u-w340px u-pull--right u-margin-left"; 3214 3215 if (Pageview.Device.ToString() == "Mobile" || Pageview.Device.ToString() == "Tablet") 3216 { 3217 className = "u-full-width"; 3218 } 3219 3220 <div class="typeahead u-color-inherit u-margin-bottom dw-mod @className"> 3221 <input type="text" class="typeahead-search-field u-no-margin dw-mod" placeholder="@Translate("Search in list")" value="@searchString" id="ArticleListSearchInput" onchange="QueryArray.setParameterInCurrentURL('@searchParameter', '*' + document.getElementById('ArticleListSearchInput').value + '*')"> 3222 <button type="button" class="btn btn--condensed btn--primary u-no-margin dw-mod"><i class="fas fa-search"></i></button> 3223 </div> 3224 } 3225 @using System.Reflection 3226 @using Dynamicweb.Rapido.Blocks.Components 3227 @using Dynamicweb.Rapido.Blocks.Components.Articles 3228 @using Dynamicweb.Rapido.Blocks 3229 3230 @* Component for the articles *@ 3231 3232 @helper RenderArticleListNoResultsInfo(ArticleListNoResultsInfo settings) 3233 { 3234 <div class="u-margin-top--lg u-bold u-ta-center u-bold">@Translate(settings.Message)</div> 3235 } 3236 @using System.Reflection 3237 @using Dynamicweb.Rapido.Blocks.Components 3238 @using Dynamicweb.Rapido.Blocks.Components.General 3239 @using Dynamicweb.Rapido.Blocks.Components.Articles 3240 @using Dynamicweb.Rapido.Blocks 3241 @using System.Text.RegularExpressions 3242 3243 @* Component for the articles *@ 3244 3245 @helper RenderArticleListItem(ArticleListItem settings) 3246 { 3247 switch (settings.Type) { 3248 case ArticleListItemType.Card: 3249 @RenderArticleListItemCard(settings); 3250 break; 3251 case ArticleListItemType.List: 3252 @RenderArticleListItemList(settings); 3253 break; 3254 case ArticleListItemType.Simple: 3255 @RenderArticleListItemSimple(settings); 3256 break; 3257 default: 3258 @RenderArticleListItemCard(settings); 3259 break; 3260 } 3261 } 3262 3263 @helper RenderArticleListItemCard(ArticleListItem settings) { 3264 <a href="@settings.Link" class="u-full-height u-color-light--bg u-flex u-flex--column"> 3265 <div class="u-color-light--bg u-no-padding dw-mod"> 3266 @if (settings.Logo != null) 3267 { 3268 string backgroundImage = settings.Image != null ? "background-image:url(/Admin/Public/GetImage.ashx?width=992&amp;height=760&amp;crop=0&amp;Compression=75&amp;DoNotUpscale=True&amp;image=" + settings.Image.Path + "); background-size: cover;" : ""; 3269 settings.Logo.ImageDefault.Crop = 5; 3270 settings.Logo.ImageDefault.Width = settings.Logo.ImageDefault.Width == 1920 ? 240 : settings.Logo.ImageDefault.Width; 3271 settings.Logo.ImageDefault.Height = settings.Logo.ImageDefault.Height == 1080 ? 200 : settings.Logo.ImageDefault.Height; 3272 <div class="image-hover__wrapper layered-image layered-image--tinted dw-mod" style="@backgroundImage"> 3273 @if (settings.Stickers != null) 3274 { 3275 if (settings.Stickers.Position != StickersListPosition.Custom && settings.Stickers.Position != StickersListPosition.None) 3276 { 3277 @Render(settings.Stickers); 3278 } 3279 } 3280 @RenderImage(settings.Logo) 3281 </div> 3282 } else if (settings.Image != null) 3283 { 3284 <div class="flex-img image-hover__wrapper u-position-relative dw-mod"> 3285 @if (settings.Stickers != null) 3286 { 3287 if (settings.Stickers.Position != StickersListPosition.Custom && settings.Stickers.Position != StickersListPosition.None) 3288 { 3289 @Render(settings.Stickers); 3290 } 3291 } 3292 @Render(settings.Image) 3293 </div> 3294 } 3295 </div> 3296 3297 @if (!String.IsNullOrEmpty(settings.Title) || !String.IsNullOrEmpty(settings.Summary)) 3298 { 3299 <div class="card u-color-light--bg u-full-height dw-mod"> 3300 @if (settings.Stickers != null) 3301 { 3302 if (settings.Stickers.Position == StickersListPosition.Custom) 3303 { 3304 @Render(settings.Stickers); 3305 } 3306 } 3307 @if (!String.IsNullOrEmpty(settings.Title)) 3308 { 3309 <h3 class="article-list__item-header u-truncate-text dw-mod">@settings.Title</h3> 3310 } 3311 @if (!String.IsNullOrEmpty(settings.SubTitle)) 3312 { 3313 <div class="article-list__item-micro-info u-truncate-text dw-mod">@settings.SubTitle</div> 3314 } 3315 @if (!String.IsNullOrEmpty(settings.Summary)) 3316 { 3317 <p class="article__short-summary dw-mod">@settings.Summary</p> 3318 } 3319 </div> 3320 } 3321 </a> 3322 } 3323 3324 @helper RenderArticleListItemList(ArticleListItem settings) { 3325 <a href="@settings.Link"> 3326 <div class="grid u-color-light--bg u-no-padding dw-mod"> 3327 <div class="grid__col-md-3"> 3328 <div class="u-color-light--bg u-no-padding dw-mod"> 3329 @if (settings.Logo != null) 3330 { 3331 string backgroundImage = settings.Image != null ? "background-image:url(/Admin/Public/GetImage.ashx?width=992&amp;height=760&amp;crop=0&amp;Compression=75&amp;DoNotUpscale=True&amp;image=" + settings.Image.Path + "); background-size: cover;" : ""; 3332 settings.Logo.ImageDefault.Crop = 5; 3333 settings.Logo.ImageDefault.Width = settings.Logo.ImageDefault.Width == 1920 ? 240 : settings.Logo.ImageDefault.Width; 3334 settings.Logo.ImageDefault.Height = settings.Logo.ImageDefault.Height == 1080 ? 200 : settings.Logo.ImageDefault.Height; 3335 <div class="image-hover__wrapper layered-image layered-image--tinted dw-mod" style="@backgroundImage"> 3336 @if (settings.Stickers != null) 3337 { 3338 if (settings.Stickers.Position != StickersListPosition.Custom) 3339 { 3340 @Render(settings.Stickers); 3341 } 3342 } 3343 @RenderImage(settings.Logo) 3344 </div> 3345 } else if (settings.Image != null) 3346 { 3347 <div class="flex-img image-hover__wrapper dw-mod"> 3348 @if (settings.Stickers != null) 3349 { 3350 if (settings.Stickers.Position != StickersListPosition.Custom) 3351 { 3352 @Render(settings.Stickers); 3353 } 3354 } 3355 @Render(settings.Image) 3356 </div> 3357 } 3358 </div> 3359 </div> 3360 3361 @if (!String.IsNullOrEmpty(settings.Title) || !String.IsNullOrEmpty(settings.Summary)) 3362 { 3363 <div class="grid__col-md-9"> 3364 @if (!String.IsNullOrEmpty(settings.Title)) 3365 { 3366 <h3 class="article-list__item-header u-truncate-text dw-mod">@settings.Title</h3> 3367 } 3368 @if (settings.Stickers != null) 3369 { 3370 if (settings.Stickers.Position == StickersListPosition.Custom) 3371 { 3372 @Render(settings.Stickers); 3373 } 3374 } 3375 @if (!String.IsNullOrEmpty(settings.SubTitle)) 3376 { 3377 <div class="article-list__item-micro-info u-truncate-text dw-mod">@settings.SubTitle</div> 3378 } 3379 @if (!String.IsNullOrEmpty(settings.Summary)) 3380 { 3381 <p class="article__short-summary dw-mod">@settings.Summary</p> 3382 } 3383 </div> 3384 } 3385 </div> 3386 </a> 3387 } 3388 3389 @helper RenderArticleListItemSimple(ArticleListItem settings) { 3390 <a href="@settings.Link" class="u-color-inherit"> 3391 <div class="grid u-color-light--bg u-no-padding dw-mod"> 3392 <div class="grid__col-md-12"> 3393 @if (!String.IsNullOrEmpty(settings.Title)) 3394 { 3395 <div class="article-list-item__header u-truncate-text u-no-margin dw-mod">@settings.Title</div> 3396 } 3397 @if (!String.IsNullOrEmpty(settings.SubTitle)) 3398 { 3399 <div class="article-list__item-micro-info u-truncate-text dw-mod">@settings.SubTitle</div> 3400 } 3401 </div> 3402 </div> 3403 </a> 3404 } 3405 @using System.Reflection 3406 @using Dynamicweb.Rapido.Blocks.Components.Articles 3407 3408 3409 @* Component for the articles *@ 3410 3411 @helper RenderArticleAuthorAndDate(ArticleAuthorAndDate settings) 3412 { 3413 <small class="article__subscription"> 3414 @if (!(string.IsNullOrWhiteSpace(settings.Author) && string.IsNullOrWhiteSpace(settings.Date))) 3415 { 3416 <text>@Translate("Written")</text> 3417 } 3418 @if (!string.IsNullOrWhiteSpace(settings.Author)) 3419 { 3420 <text>@Translate("by") @settings.Author</text> 3421 } 3422 @if (!string.IsNullOrWhiteSpace(settings.Date)) 3423 { 3424 <text>@Translate("on") @settings.Date</text> 3425 } 3426 </small> 3427 } 3428 @using System.Reflection 3429 @using Dynamicweb.Rapido.Blocks.Components.Articles 3430 @using Dynamicweb.Rapido.Blocks.Components.General 3431 3432 3433 @* Component for the articles *@ 3434 3435 @helper RenderArticleLink(ArticleLink settings) 3436 { 3437 if (!string.IsNullOrEmpty(settings.Title)) 3438 { 3439 Button link = new Button { 3440 ConfirmText = settings.ConfirmText, 3441 ConfirmTitle = settings.ConfirmTitle, 3442 ButtonType = settings.ButtonType, 3443 Id = settings.Id, 3444 Title = settings.Title, 3445 AltText = settings.AltText, 3446 OnClick = settings.OnClick, 3447 CssClass = settings.CssClass, 3448 Disabled = settings.Disabled, 3449 Icon = settings.Icon, 3450 Name = settings.Name, 3451 Href = settings.Href, 3452 ButtonLayout = settings.ButtonLayout, 3453 ExtraAttributes = settings.ExtraAttributes 3454 }; 3455 <div class="grid__cell"> 3456 @Render(link) 3457 </div> 3458 } 3459 } 3460 @using System.Reflection 3461 @using Dynamicweb.Rapido.Blocks 3462 @using Dynamicweb.Rapido.Blocks.Components.Articles 3463 @using Dynamicweb.Rapido.Blocks.Components.General 3464 3465 3466 @* Component for the articles *@ 3467 3468 @helper RenderArticleCarousel(ArticleCarousel settings) 3469 { 3470 <div class="grid"> 3471 <div class="grid__col-12 u-no-padding u-margin-bottom"> 3472 <div class="carousel" id="carousel_@settings.Id"> 3473 <div class="carousel__container js-carousel-slides dw-mod"> 3474 @RenderBlockList(settings.SubBlocks) 3475 </div> 3476 </div> 3477 </div> 3478 </div> 3479 3480 <script> 3481 document.addEventListener("DOMContentLoaded", function () { 3482 new CarouselModule("#carousel_@settings.Id", { 3483 slideTime: 0, 3484 dots: true 3485 }); 3486 }); 3487 </script> 3488 } 3489 3490 @helper RenderArticleCarouselSlide(ArticleCarouselSlide settings) 3491 { 3492 string imageEngine = "/Admin/Public/GetImage.ashx?"; 3493 3494 string defaultImage = settings.ImageSettings != null ? imageEngine : settings.Image; 3495 if (settings.ImageSettings != null) 3496 { 3497 defaultImage += settings.ImageSettings.Width != 0 ? "Width=" + settings.ImageSettings.Width + "&" : ""; 3498 defaultImage += settings.ImageSettings.Height != 0 ? "Height=" + settings.ImageSettings.Height + "&" : ""; 3499 defaultImage += "Crop=" + settings.ImageSettings.Crop + "&"; 3500 defaultImage += "Compression=" + settings.ImageSettings.Compression + "&"; 3501 defaultImage += "DoNotUpscale=" + settings.ImageSettings.DoNotUpscale.ToString() + "&"; 3502 defaultImage += "FillCanvas=" + settings.ImageSettings.FillCanvas.ToString() + "&"; 3503 } 3504 defaultImage += "&Image=" + settings.Image; 3505 3506 <div class="carousel__slide u-min-h300px u-flex dw-mod" style="background-size:cover; background-image:url('@defaultImage')"> 3507 <a class="article-carousel-item__wrap" href="@settings.Link" title="@settings.Title"> 3508 <h2 class="article-list__item-header u-truncate-text u-color-light dw-mod">@settings.Title</h2> 3509 <div class="article-list__item-info"> 3510 @if (settings.Stickers != null) 3511 { 3512 settings.Stickers.Position = StickersListPosition.Custom; 3513 @Render(settings.Stickers); 3514 } 3515 3516 <small class="u-margin-top--lg u-color-light"> 3517 @if (!(string.IsNullOrWhiteSpace(settings.Author) && string.IsNullOrWhiteSpace(settings.Date))) 3518 { 3519 <text>@Translate("Written")</text> 3520 } 3521 @if (!string.IsNullOrWhiteSpace(settings.Author)) 3522 { 3523 <text>@Translate("by") @settings.Author</text> 3524 } 3525 @if (!string.IsNullOrWhiteSpace(settings.Date)) 3526 { 3527 <text>@Translate("on") @settings.Date</text> 3528 } 3529 </small> 3530 </div> 3531 3532 <h3 class="article__short-summary u-color-light">@settings.Summary</h3> 3533 </a> 3534 @if (settings.UseFilters == true) 3535 { 3536 <div class="background-image image-filter image-filter--darken dw-mod"></div> 3537 } 3538 </div> 3539 } 3540 @using System.Text.RegularExpressions 3541 @using Dynamicweb.Rapido.Blocks.Components 3542 @using Dynamicweb.Rapido.Blocks.Components.General 3543 @using Dynamicweb.Rapido.Blocks.Components.Articles 3544 @using Dynamicweb.Rapido.Blocks 3545 3546 @* Component for the articles *@ 3547 3548 @helper RenderArticleVideo(ArticleVideo settings) 3549 { 3550 if (settings.Url != null) 3551 { 3552 //getting video ID from youtube URL 3553 string videoCode = settings.Url; 3554 Regex regex = new Regex(@".be\/(.[^?]*)"); 3555 Match match = regex.Match(videoCode); 3556 string videoId = ""; 3557 if (match.Success) 3558 { 3559 videoId = match.Groups[1].Value; 3560 } 3561 else 3562 { 3563 regex = new Regex(@"v=([^&]+)"); 3564 match = regex.Match(videoCode); 3565 if (match.Success) 3566 { 3567 videoId = match.Groups[1].Value; 3568 } 3569 } 3570 3571 int autoPlay = settings.AutoPlay == "true" ? 1 : 0; 3572 3573 <div class="video-wrapper"> 3574 <div class="js-youtube-video" data-video="@videoId" id="ytPlayer@(Guid.NewGuid().ToString("N"))" data-auto-play="@autoPlay" data-enable-controls="1"></div> 3575 </div> 3576 } 3577 } 3578 3579 3580 3581 @* Simple helpers *@ 3582 3583 @*Requires the Gallery ItemType that comes with Rapido*@ 3584 @helper RenderArticleItemGallery(IList<ItemViewModel> gallery) { 3585 if (gallery != null && gallery.Count > 0) 3586 { 3587 int count = 1; 3588 3589 foreach (var item in gallery) 3590 { 3591 if (item.GetFile("ImagePath") != null) 3592 { 3593 string image = item.GetFile("ImagePath").PathUrlEncoded; 3594 string imagePrefix = "/Admin/Public/GetImage.ashx?width=1200&amp;height=820&amp;crop=5&amp;Compression=75&amp;DoNotUpscale=1&amp;image="; 3595 int imagesCount = gallery.Count; 3596 3597 if (count == 1) 3598 { 3599 <label class="gallery" for="ParagraphGalleryModalTrigger" onclick="Gallery.openImage(this.querySelector('.js-gallery'))"> 3600 <span class="gallery__main-image"> 3601 <img src="/Files/Images/placeholder.gif" data-src="/Admin/Public/GetImage.ashx?width=992&amp;height=760&amp;crop=0&amp;Compression=75&amp;DoNotUpscale=1&amp;image=@image" class="b-lazy flex-img js-gallery" alt="" data-for="ParagraphGallery" data-image="@imagePrefix@image" /> 3602 </span> 3603 <span class="gallery__image-counter"> 3604 <i class="fas fa-camera fa-2x"></i> <span class="gallery__image-counter__number">@imagesCount</span> 3605 <span class="gallery__image-counter__text">@Translate("See all") <i class="fas fa-angle-right"></i></span> 3606 </span> 3607 </label> 3608 } 3609 else 3610 { 3611 <div class="u-hidden js-gallery" data-for="ParagraphGallery" data-image="@imagePrefix@image"></div> 3612 } 3613 3614 count++; 3615 } 3616 } 3617 3618 @Render(new ArticleGalleryModal()) 3619 } 3620 } 3621 3622 @helper RenderMobileFilters(List<Block> subBlocks) 3623 { 3624 if (subBlocks.Count > 0) 3625 { 3626 <div class="grid__col-12"> 3627 <input type="checkbox" id="CheckFilters" class="js-remember-state u-hidden" data-expand="CheckFilters" /> 3628 <div class="grid u-margin-bottom dw-mod" data-trigger="CheckFilters"> 3629 @RenderBlockList(subBlocks) 3630 </div> 3631 <label for="CheckFilters" class="btn btn--secondary btn--full dw-mod js-expand-hide" data-trigger="CheckFilters">@Translate("Select filters")</label> 3632 <label for="CheckFilters" class="btn btn--secondary btn--full dw-mod expandable--collapsed" data-trigger="CheckFilters">@Translate("Close filters")</label> 3633 </div> 3634 } 3635 } 3636 3637 3638 @* Include the Blocks for the page *@ 3639 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 3640 3641 @using System 3642 @using System.Web 3643 @using System.Collections.Generic 3644 @using Dynamicweb.Rapido.Blocks.Extensibility 3645 @using Dynamicweb.Rapido.Blocks 3646 3647 @functions { 3648 string GoogleTagManagerID = ""; 3649 string GoogleAnalyticsID = ""; 3650 } 3651 3652 @{ 3653 GoogleTagManagerID = Model.Area.Item.GetItem("Settings").GetString("GoogleTagManagerID"); 3654 GoogleAnalyticsID = Model.Area.Item.GetItem("Settings").GetString("GoogleAnalyticsTrackingID"); 3655 3656 BlocksPage topSnippetsBlocksPage = BlocksPage.GetBlockPage("Master"); 3657 3658 if (!string.IsNullOrWhiteSpace(GoogleAnalyticsID)) 3659 { 3660 Block tagManager = new Block() 3661 { 3662 Id = "GoogleAnalytics", 3663 SortId = 0, 3664 Template = RenderGoogleAnalyticsSnippet() 3665 }; 3666 topSnippetsBlocksPage.Add("Head", tagManager); 3667 } 3668 3669 if (!string.IsNullOrWhiteSpace(GoogleTagManagerID)) 3670 { 3671 Block tagManager = new Block() 3672 { 3673 Id = "TagManager", 3674 SortId = 1, 3675 Template = RenderGoogleTagManager() 3676 }; 3677 topSnippetsBlocksPage.Add("Head", tagManager); 3678 3679 Block tagManagerBodySnippet = new Block() 3680 { 3681 Id = "TagManagerBodySnippet", 3682 SortId = 1, 3683 Template = RenderGoogleTagManagerBodySnippet() 3684 }; 3685 topSnippetsBlocksPage.Add(MasterBlockId.MasterTopSnippets, tagManagerBodySnippet); 3686 } 3687 3688 Block cookieBot = new Block() 3689 { 3690 Id = "Cookiebot", 3691 SortId = 2, 3692 Template = RenderCookiebot() 3693 }; 3694 // Disabled manual Cookiebot-script, in order to inject via Google Tag Manager instead 3695 //topSnippetsBlocksPage.Add("Head", cookieBot); 3696 3697 3698 Block facebookPixel = new Block() 3699 { 3700 Id = "FacebookPixel", 3701 SortId = 2, 3702 Template = RenderFacebookPixel() 3703 }; 3704 3705 topSnippetsBlocksPage.Add(MasterBlockId.MasterTopSnippets, facebookPixel); 3706 } 3707 3708 3709 @helper RenderCookiebot() 3710 { 3711 <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="0632c387-a46f-4658-9a7e-1e5ace6538a8" data-blockingmode="auto" type="text/javascript"></script> 3712 } 3713 3714 @helper RenderGoogleAnalyticsSnippet() 3715 { 3716 <!-- Global site tag (gtag.js) - Google Analytics --> 3717 <script async src="https://www.googletagmanager.com/gtag/js?id=@GoogleAnalyticsID"></script> 3718 <script> 3719 window.dataLayer = window.dataLayer || []; 3720 function gtag(){dataLayer.push(arguments);} 3721 gtag('js', new Date()); 3722 3723 gtag('config', '@GoogleAnalyticsID'); 3724 </script> 3725 3726 } 3727 3728 @helper RenderGoogleTagManager() 3729 { 3730 <script data-cookieconsent="ignore"> 3731 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 3732 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 3733 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 3734 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 3735 })(window,document,'script','dataLayer','@GoogleTagManagerID'); 3736 </script> 3737 } 3738 3739 @helper RenderGoogleTagManagerBodySnippet() 3740 { 3741 <!-- Google Tag Manager (noscript) --> 3742 <noscript> 3743 <iframe src="https://www.googletagmanager.com/ns.html?id=@GoogleTagManagerID" 3744 height="0" width="0" style="display:none;visibility:hidden"></iframe> 3745 </noscript> 3746 <!-- End Google Tag Manager (noscript) --> 3747 } 3748 3749 @helper RenderFacebookPixel() 3750 { 3751 string FacebookPixelID = Model.Area.Item.GetItem("Settings").GetString("FacebookPixelID"); 3752 3753 if (!string.IsNullOrWhiteSpace(FacebookPixelID)) 3754 { 3755 <!-- Facebook Pixel Code --> 3756 <script> 3757 window.addEventListener('CookiebotOnAccept', function(e) { 3758 if (Cookiebot.consent.marketing) { 3759 !function(f, b, e, v, n, t, s) { 3760 if (f.fbq) return; 3761 n = f.fbq = function() { n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments) }; 3762 if (!f._fbq) f._fbq = n; 3763 n.push = n; 3764 n.loaded = !0; 3765 n.version = '2.0'; 3766 n.queue = []; 3767 t = b.createElement(e); 3768 t.async = !0; 3769 t.src = v; 3770 s = b.getElementsByTagName(e)[0]; 3771 s.parentNode.insertBefore(t, s) 3772 }(window, 3773 document, 3774 'script', 3775 'https://connect.facebook.net/en_US/fbevents.js'); 3776 fbq('init', '@FacebookPixelID'); 3777 fbq('track', 'PageView'); 3778 } 3779 }) 3780 </script> 3781 <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=@FacebookPixelID&ev=PageView&noscript=1" alt="" /></noscript> 3782 } 3783 } 3784 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 3785 3786 @using System 3787 @using System.Web 3788 @using System.Collections.Generic 3789 @using Dynamicweb.Rapido.Blocks 3790 @using Dynamicweb.Rapido.Blocks.Extensibility 3791 @using Dynamicweb.Security.UserManagement 3792 @using Dynamicweb.Security.UserManagement.ExternalAuthentication 3793 @using Dynamicweb.Rapido.Blocks.Components.General 3794 3795 @{ 3796 BlocksPage loginBlocksPage = BlocksPage.GetBlockPage("Master"); 3797 3798 Block loginModal = new Block() 3799 { 3800 Id = "LoginModal", 3801 SortId = 10, 3802 Component = new Modal 3803 { 3804 Id = "SignIn", 3805 Heading = new Heading 3806 { 3807 Level = 0, 3808 Title = Translate("Sign in") 3809 }, 3810 Width = ModalWidth.Sm, 3811 BodyTemplate = RenderLoginForm() 3812 } 3813 }; 3814 3815 loginBlocksPage.Add(MasterBlockId.MasterTopSnippets, loginModal); 3816 } 3817 3818 @helper RenderLoginForm() 3819 { 3820 int pageId = Model.TopPage.ID; 3821 string userSignedInErrorText = ""; 3822 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage"); 3823 string forgotPasswordPageLink = "/Default.aspx?ID=" + signInProfilePageId + "&LoginAction=Recovery"; 3824 int createAccountPageId = GetPageIdByNavigationTag("CreateAccount"); 3825 bool showModalOnStart = pageId != GetPageIdByNavigationTag("CustomerCenter") && Pageview.Page.ID != GetPageIdByNavigationTag("SignInPage") && Model.LogOnFailed; 3826 bool hideCreateAccountLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideCreateAccount"); 3827 bool hideForgotPasswordLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideForgotPasswordLink"); 3828 3829 ProviderCollection providers = Provider.GetActiveProviders(); 3830 3831 if (Model.LogOnFailed) 3832 { 3833 switch (Model.LogOnFailedReason) 3834 { 3835 case LogOnFailedReason.PasswordLengthInvalid: 3836 userSignedInErrorText = Translate("Password length is invalid"); 3837 break; 3838 case LogOnFailedReason.IncorrectLogin: 3839 userSignedInErrorText = Translate("Invalid email or password"); 3840 break; 3841 case LogOnFailedReason.ExceededFailedLogOnLimit: 3842 userSignedInErrorText = Translate("You have exceeded the limit of allowed login attempts. The user account is temporarily locked"); 3843 break; 3844 case LogOnFailedReason.LoginLocked: 3845 userSignedInErrorText = Translate("The user account is temporarily locked"); 3846 break; 3847 case LogOnFailedReason.PasswordExpired: 3848 userSignedInErrorText = Translate("The password has expired and needs to be renewed"); 3849 break; 3850 default: 3851 userSignedInErrorText = Translate("An unknown error occured"); 3852 break; 3853 } 3854 } 3855 3856 Form form = new Form { Method = FormMethod.Post, Name = "LoginModalForm" }; 3857 3858 TextField passwordField = new TextField { Id = "login-password", Type = TextFieldType.Password, Name = "password", Label = Translate("Password"), Required = true }; 3859 3860 if (!hideForgotPasswordLink) { 3861 passwordField.Link = new Link { Title = Translate("Forgot password?"), Href = "/Default.aspx?id=" + signInProfilePageId + "&LoginAction=Recovery" }; 3862 } 3863 3864 form.Add(new HiddenField { Name = "ID", Value = Converter.ToString(pageId) }); 3865 form.Add(new HiddenField { Name = "DWExtranetUsernameRemember", Value = "True" }); 3866 form.Add(new HiddenField { Name = "DWExtranetPasswordRemember", Value = "True" }); 3867 form.Add(new HiddenField { Name = "LoginAction", Value = "Login" }); 3868 form.Add(new TextField { Id = "LoginUsername", Name = "username", Label = Translate("Email"), CssClass = "u-full-width", Required = true }); 3869 form.Add(passwordField); 3870 form.Add(new NotificationMessage { Message = userSignedInErrorText, MessageType = NotificationMessageType.Error }); 3871 form.Add(new CheckboxField { Id = "LoginRememberMe", Value = "True", Name = "Autologin", Label = Translate("Remember me") }); 3872 form.Add(new Button { ButtonType = ButtonType.Submit, Title = Translate("Sign in"), CssClass = "btn--full", OnClick = "Buttons.LockButton(event)" }); 3873 3874 foreach (Provider LoginProvider in providers) 3875 { 3876 var ProviderName = LoginProvider.Name.ToLower(); 3877 form.Add(new Link { 3878 Href = "/Admin/Public/Social/ExternalLogin.aspx?action=login&providerID=" + LoginProvider.ID, 3879 Icon = new Icon { Prefix = "fab", Name = "fa-" + ProviderName, CssClass = "fa-1_5x", LabelPosition = IconLabelPosition.After }, 3880 ButtonLayout = ButtonLayout.LinkClean, 3881 CssClass = "btn--condensed u-margin-bottom u-margin-right u-inline-block u-color-" + ProviderName, 3882 AltText = ProviderName 3883 }); 3884 } 3885 3886 if (!hideCreateAccountLink) { 3887 form.Add(new Text { Content = "<div class=\"u-border-top u-full-width u-margin-bottom--lg\"></div>" }); 3888 form.Add(new Link 3889 { 3890 Href = "/Default.aspx?id=" + createAccountPageId, 3891 ButtonLayout = ButtonLayout.LinkClean, 3892 Title = Translate("Create account"), 3893 CssClass = "u-full-width u-ta-center" 3894 }); 3895 } 3896 3897 @Render(form) 3898 3899 if (showModalOnStart) 3900 { 3901 <script> 3902 document.getElementById("SignInModalTrigger").checked = true; 3903 </script> 3904 } 3905 } 3906 3907 3908 3909 3910 3911 @if (Pageview.Device.ToString() == "Mobile" || Pageview.Device.ToString() == "Tablet") 3912 { 3913 <text>@inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 3914 3915 @using System 3916 @using System.Web 3917 @using System.Collections.Generic 3918 @using Dynamicweb.Rapido.Blocks.Extensibility 3919 @using Dynamicweb.Rapido.Blocks 3920 @using Dynamicweb.Rapido.Services 3921 3922 3923 @functions { 3924 BlocksPage mobileHeaderBlocksPage = BlocksPage.GetBlockPage("Master"); 3925 } 3926 3927 @{ 3928 var mobileTopLayout = !String.IsNullOrEmpty(Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetString("Design")) ? Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetList("Design").SelectedValue : "nav-left"; 3929 bool mobileHideSearch = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideSearch"); 3930 bool mobileHideCart = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideCart") || !Dynamicweb.Rapido.Services.User.IsBuyingAllowed(); 3931 3932 Block mobileHeader = new Block() 3933 { 3934 Id = "MobileTop", 3935 SortId = 10, 3936 Template = RenderMobileTop(), 3937 SkipRenderBlocksList = true 3938 }; 3939 mobileHeaderBlocksPage.Add(MasterBlockId.MasterHeader, mobileHeader); 3940 3941 Block mobileHeaderNavigation = new Block() 3942 { 3943 Id = "MobileHeaderNavigation", 3944 SortId = 10, 3945 Template = RenderMobileHeaderNavigation(), 3946 SkipRenderBlocksList = true, 3947 BlocksList = new List<Block> { 3948 new Block { 3949 Id = "MobileHeaderNavigationTrigger", 3950 SortId = 10, 3951 Template = RenderMobileHeaderNavigationTrigger() 3952 } 3953 } 3954 }; 3955 mobileHeaderBlocksPage.Add("MobileTop", mobileHeaderNavigation); 3956 3957 Block mobileHeaderLogo = new Block() 3958 { 3959 Id = "MobileHeaderLogo", 3960 SortId = 20, 3961 Template = RenderMobileHeaderLogo(), 3962 SkipRenderBlocksList = true 3963 }; 3964 mobileHeaderBlocksPage.Add("MobileTop", mobileHeaderLogo); 3965 3966 Block mobileHeaderActions = new Block() 3967 { 3968 Id = "MobileHeaderActions", 3969 SortId = 30, 3970 Template = RenderMobileTopActions(), 3971 SkipRenderBlocksList = true 3972 }; 3973 mobileHeaderBlocksPage.Add("MobileTop", mobileHeaderActions); 3974 3975 if (!mobileHideSearch) 3976 { 3977 Block mobileHeaderSearch = new Block 3978 { 3979 Id = "MobileHeaderSearch", 3980 SortId = 10, 3981 Template = RenderMobileTopSearch() 3982 }; 3983 mobileHeaderBlocksPage.Add("MobileHeaderActions", mobileHeaderSearch); 3984 } 3985 3986 Block mobileHeaderMiniCart; 3987 3988 if (!mobileHideCart) 3989 { 3990 mobileHeaderMiniCart = new Block 3991 { 3992 Id = "MobileHeaderMiniCart", 3993 SortId = 20, 3994 Template = RenderMobileTopMiniCart() 3995 }; 3996 3997 Block miniCartCounterScriptTemplate = new Block 3998 { 3999 Id = "MiniCartCounterScriptTemplate", 4000 Template = RenderMobileMiniCartCounterContent() 4001 }; 4002 BlocksPage.GetBlockPage("Master").Add("MasterBottomSnippets", miniCartCounterScriptTemplate); 4003 } 4004 else 4005 { 4006 mobileHeaderMiniCart = new Block 4007 { 4008 Id = "MobileHeaderMiniCart", 4009 SortId = 20 4010 }; 4011 } 4012 4013 if (!mobileHideSearch) 4014 { 4015 Block mobileHeaderSearchBar = new Block() 4016 { 4017 Id = "MobileHeaderSearchBar", 4018 SortId = 30, 4019 Template = RenderMobileTopSearchBar() 4020 }; 4021 mobileHeaderBlocksPage.Add(MasterBlockId.MasterHeader, mobileHeaderSearchBar); 4022 } 4023 4024 switch (mobileTopLayout) 4025 { 4026 case "nav-left": 4027 mobileHeaderNavigation.SortId = 10; 4028 mobileHeaderLogo.SortId = 20; 4029 mobileHeaderActions.SortId = 30; 4030 mobileHeaderBlocksPage.Add("MobileHeaderActions", mobileHeaderMiniCart); 4031 break; 4032 case "nav-right": 4033 mobileHeaderLogo.SortId = 10; 4034 mobileHeaderActions.SortId = 20; 4035 mobileHeaderNavigation.SortId = 30; 4036 mobileHeaderBlocksPage.Add("MobileHeaderActions", mobileHeaderMiniCart); 4037 break; 4038 case "nav-search-left": 4039 mobileHeaderNavigation.SortId = 10; 4040 mobileHeaderLogo.SortId = 20; 4041 mobileHeaderActions.SortId = 30; 4042 mobileHeaderBlocksPage.Add("MobileHeaderNavigation", mobileHeaderMiniCart); 4043 break; 4044 case "search-left": 4045 mobileHeaderActions.SortId = 10; 4046 mobileHeaderLogo.SortId = 20; 4047 mobileHeaderNavigation.SortId = 30; 4048 mobileHeaderMiniCart.SortId = 0; 4049 mobileHeaderBlocksPage.Add("MobileHeaderNavigation", mobileHeaderMiniCart); 4050 break; 4051 } 4052 } 4053 4054 4055 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 4056 4057 @using System 4058 @using System.Web 4059 @using Dynamicweb.Rapido.Blocks.Extensibility 4060 @using Dynamicweb.Rapido.Blocks 4061 4062 @{ 4063 BlocksPage customMobileHeaderBlocksPage = BlocksPage.GetBlockPage("Master"); 4064 } 4065 4066 4067 @helper RenderMobileTop() 4068 { 4069 List<Block> subBlocks = this.mobileHeaderBlocksPage.GetBlockListById("MobileTop").OrderBy(item => item.SortId).ToList(); 4070 4071 <nav class="main-navigation-mobile dw-mod"> 4072 <div class="center-container top-container__center-container dw-mod"> 4073 <div class="grid grid--align-center"> 4074 @RenderBlockList(subBlocks) 4075 </div> 4076 </div> 4077 </nav> 4078 } 4079 4080 @helper RenderMobileHeaderNavigation() 4081 { 4082 List<Block> subBlocks = this.mobileHeaderBlocksPage.GetBlockListById("MobileHeaderNavigation").OrderBy(item => item.SortId).ToList(); 4083 4084 <div class="grid__col-auto-width"> 4085 <ul class="menu dw-mod"> 4086 @RenderBlockList(subBlocks) 4087 </ul> 4088 </div> 4089 } 4090 4091 @helper RenderMobileHeaderNavigationTrigger() 4092 { 4093 <li class="menu__item menu__item--horizontal menu__item--top-level dw-mod"> 4094 <label for="MobileNavTrigger" class="mobile-nav-trigger-button menu__link menu__link--icon menu__link--mobile dw-mod"></label> 4095 </li> 4096 } 4097 4098 @helper RenderMobileHeaderLogo() 4099 { 4100 List<Block> subBlocks = this.mobileHeaderBlocksPage.GetBlockListById("MobileHeaderLogo").OrderBy(item => item.SortId).ToList(); 4101 4102 var mobileTopLayout = !String.IsNullOrEmpty(Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetString("Design")) ? Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetList("Design").SelectedValue : "nav-left"; 4103 string centeredLogo = mobileTopLayout != "nav-right" ? "u-ta-center" : ""; 4104 string firstPageId = Model.Area.FirstActivePage.ID.ToString(); 4105 string businessName = Model.Area.Item.GetItem("Settings").GetString("BusinessName"); 4106 4107 string mobileLogo = "/Files/Images/logo-dynamicweb.png"; 4108 if (Model.Area.Item.GetItem("Layout").GetItem("MobileTop") != null && Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetFile("Logo") != null) 4109 { 4110 mobileLogo = Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetFile("Logo").PathUrlEncoded; 4111 } 4112 4113 if (Path.GetExtension(mobileLogo).ToLower() != ".svg") 4114 { 4115 mobileLogo = "/Admin/Public/GetImage.ashx?height=40&amp;width=100&amp;crop=5&amp;Compression=75&amp;image=" + mobileLogo; 4116 } 4117 else 4118 { 4119 mobileLogo = HttpUtility.UrlDecode(mobileLogo); 4120 } 4121 4122 <div class="grid__col-auto grid__col--bleed"> 4123 <div class="grid__cell @centeredLogo"> 4124 <a href="/Default.aspx?ID=@firstPageId" class="logo logo--mobile u-inline-block dw-mod"> 4125 <img class="grid__cell-img logo__img logo__img--mobile dw-mod" src="@mobileLogo" alt="@businessName" /> 4126 </a> 4127 </div> 4128 4129 @RenderBlockList(subBlocks) 4130 </div> 4131 } 4132 4133 @helper RenderMobileTopActions() 4134 { 4135 List<Block> subBlocks = this.mobileHeaderBlocksPage.GetBlockListById("MobileHeaderActions").OrderBy(item => item.SortId).ToList(); 4136 4137 <div class="grid__col-auto-width"> 4138 <ul class="menu dw-mod"> 4139 @RenderBlockList(subBlocks) 4140 </ul> 4141 </div> 4142 } 4143 4144 @helper RenderMobileTopSearch() 4145 { 4146 <li class="menu__item menu__item--horizontal menu__item--top-level dw-mod"> 4147 <label for="MobileSearchTrigger" class="menu__link menu__link--icon menu__link--mobile dw-mod"> 4148 <i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue fa-1_5x"></i> 4149 </label> 4150 </li> 4151 } 4152 4153 @helper RenderMobileTopMiniCart() 4154 { 4155 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed"); 4156 int cartPageId = GetPageIdByNavigationTag("CartPage"); 4157 double cartProductsCount = Model.Cart.TotalProductsCount; 4158 4159 <li class="menu__item menu__item--horizontal menu__item--top-level dw-mod" id="miniCartWrapper"> 4160 <div class="mini-cart dw-mod"> 4161 <a href="/Default.aspx?ID=@cartPageId&Purge=True" id="miniCartCounterWrap" class="menu__link menu__link--icon menu__link--mobile dw-mod js-mini-cart-button"> 4162 <div class="u-inline u-position-relative"> 4163 <i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon").SelectedValue fa-1_5x"></i> 4164 <div class="mini-cart__counter dw-mod"> 4165 <div class="js-handlebars-root js-mini-cart-counter" id="cartCounter" data-template="MiniCartCounterContent" data-json-feed="/Default.aspx?ID=@miniCartFeedPageId&feedType=Counter" data-init-onload="false" data-preloader="false"> 4166 <div class="js-mini-cart-counter-content" data-count="@cartProductsCount"> 4167 @cartProductsCount 4168 </div> 4169 </div> 4170 </div> 4171 </div> 4172 </a> 4173 </div> 4174 </li> 4175 } 4176 4177 @helper RenderMobileTopSearchBar() 4178 { 4179 string searchFeedId = ""; 4180 string searchSecondFeedId = ""; 4181 int groupsFeedId; 4182 int productsPageId = GetPageIdByNavigationTag("ProductsPage"); 4183 string contentSearchPageLink = GetPageIdByNavigationTag("ContentSearchResults") + "&Areaid=" + Model.Area.ID; 4184 string resultPageLink; 4185 string searchPlaceholder; 4186 string searchType = "product-search"; 4187 string searchTemplate; 4188 string searchContentTemplate = ""; 4189 string searchValue = HttpContext.Current.Request.QueryString.Get("Search") ?? ""; 4190 bool showGroups = true; 4191 4192 if (Model.Area.Item.GetItem("Layout").GetList("TopSearch").SelectedValue == "contentSearch") 4193 { 4194 searchFeedId = GetPageIdByNavigationTag("ContentSearchFeed") + "&Areaid=" + Model.Area.ID + "&pagesOnly=true"; 4195 resultPageLink = contentSearchPageLink; 4196 searchPlaceholder = Translate("Search page"); 4197 groupsFeedId = 0; 4198 searchType = "content-search"; 4199 searchTemplate = "SearchPagesTemplate"; 4200 showGroups = false; 4201 } 4202 else if (Model.Area.Item.GetItem("Layout").GetList("TopSearch").SelectedValue == "combinedSearch") 4203 { 4204 searchFeedId = productsPageId + "&feed=true"; 4205 searchSecondFeedId = GetPageIdByNavigationTag("ContentSearchFeed") + "&Areaid=" + Model.Area.ID + "&pagesOnly=true"; 4206 resultPageLink = Converter.ToString(productsPageId); 4207 searchPlaceholder = Translate("Search products or pages"); 4208 groupsFeedId = GetPageIdByNavigationTag("ProductGroupsFeed"); 4209 searchType = "combined-search"; 4210 searchTemplate = "SearchProductsTemplateWrap"; 4211 searchContentTemplate = "SearchPagesTemplateWrap"; 4212 showGroups = Model.Area.Item.GetItem("Layout").GetBoolean("ShowGroupsSelector"); 4213 } 4214 else 4215 { 4216 resultPageLink = Converter.ToString(productsPageId); 4217 searchFeedId = productsPageId + "&feed=true"; 4218 groupsFeedId = GetPageIdByNavigationTag("ProductGroupsFeed"); 4219 searchPlaceholder = Translate("Search products"); 4220 searchTemplate = "SearchProductsTemplate"; 4221 searchType = "product-search"; 4222 showGroups = Model.Area.Item.GetItem("Layout").GetBoolean("ShowGroupsSelector"); 4223 } 4224 4225 <input type="checkbox" id="MobileSearchTrigger" class="mobile-search-trigger" /> 4226 4227 <div class="main-navigation-mobile typeahead-mobile dw-mod"> 4228 <div class="center-container top-container__center-container dw-mod"> 4229 <div class="grid"> 4230 <div class="grid__col-auto"> 4231 <div class="typeahead-mobile__search-field dw-mod js-typeahead" data-page-size="@(searchType == "combined-search" ? 4 : 8)" id="MobileProductSearch" data-search-feed-id="@searchFeedId" data-search-second-feed-id="@searchSecondFeedId" data-result-page-id="@resultPageLink" data-search-type="@searchType"> 4232 <input type="text" class="js-typeahead-search-field u-w160px u-no-margin" placeholder="@searchPlaceholder" value="@searchValue"> 4233 @if (string.IsNullOrEmpty(searchSecondFeedId)) 4234 { 4235 <ul class="dropdown dropdown--absolute-position u-min-w220px u-full-width js-handlebars-root js-typeahead-search-content dw-mod" id="MobileProductSearchBarContent" data-template="@searchTemplate" data-json-feed="/Default.aspx?ID=@searchFeedId&feedType=productsOnly" data-init-onload="false"></ul> 4236 } 4237 else 4238 { 4239 <div class="dropdown dropdown--absolute-position dropdown--combined grid dropdown--combined-mobile grid"> 4240 <div class="js-handlebars-root js-typeahead-search-content grid__col-sm-7 grid__col--bleed-y" id="MobileProductSearchBarContent" data-template="@searchTemplate" data-json-feed="/Default.aspx?ID=@searchFeedId&feedType=productsOnly" data-init-onload="false"></div> 4241 <div class="js-handlebars-root js-typeahead-additional-search-content grid__col-sm-5 grid__col--bleed-y" id="MobileContentSearchBarContent" data-template="@searchContentTemplate" data-json-feed="/Default.aspx?ID=@searchSecondFeedId" data-init-onload="false"></div> 4242 </div> 4243 } 4244 <button type="button" class="btn btn--condensed btn--primary u-no-margin dw-mod js-typeahead-enter-btn"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue"></i></button> 4245 </div> 4246 </div> 4247 <div class="grid__col-auto-width"> 4248 <ul class="menu dw-mod"> 4249 <li class="menu__item menu__item--horizontal menu__item--top-level dw-mod"> 4250 <label for="MobileSearchTrigger" class="menu__link menu__link--icon menu__link--mobile dw-mod"> 4251 <i class="fas fa-times fa-1_5x"></i> 4252 </label> 4253 </li> 4254 </ul> 4255 </div> 4256 </div> 4257 </div> 4258 </div> 4259 } 4260 4261 @helper RenderMobileMiniCartCounterContent() 4262 { 4263 <script id="MiniCartCounterContent" type="text/x-template"> 4264 {{#.}} 4265 <div class="js-mini-cart-counter-content dw-mod" data-count="{{numberofproducts}}"> 4266 {{numberofproducts}} 4267 </div> 4268 {{/.}} 4269 </script> 4270 } 4271 </text> 4272 <text>@inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 4273 4274 @using System 4275 @using System.Web 4276 @using System.Collections.Generic 4277 @using Dynamicweb.Rapido.Blocks.Extensibility 4278 @using Dynamicweb.Rapido.Blocks 4279 4280 @functions { 4281 BlocksPage mobileNavigationBlocksPage = BlocksPage.GetBlockPage("Master"); 4282 } 4283 4284 @{ 4285 bool mobileNavigationItemsHideSignIn = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideSignIn"); 4286 bool mobileHideCreateAccountLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideCreateAccount"); 4287 bool mobileHideMyProfileLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideProfile"); 4288 bool mobileHideMyOrdersLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideOrders"); 4289 bool mobileHideMySavedCardsLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideSavedCards"); 4290 bool mobileHideMyFavoritesLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideFavorites"); 4291 4292 Block mobileNavigation = new Block() 4293 { 4294 Id = "MobileNavigation", 4295 SortId = 10, 4296 Template = MobileNavigation(), 4297 SkipRenderBlocksList = true 4298 }; 4299 mobileNavigationBlocksPage.Add(MasterBlockId.MasterTopSnippets, mobileNavigation); 4300 4301 if (Model.CurrentUser.ID > 0 && !mobileHideMyProfileLink) 4302 { 4303 Block mobileNavigationSignIn = new Block 4304 { 4305 Id = "MobileNavigationSignIn", 4306 SortId = 10, 4307 Template = RenderMobileNavigationSignIn() 4308 }; 4309 mobileNavigationBlocksPage.Add("MobileNavigation", mobileNavigationSignIn); 4310 } 4311 4312 Block mobileNavigationMenu = new Block 4313 { 4314 Id = "MobileNavigationMenu", 4315 SortId = 20, 4316 Template = RenderMobileNavigationMenu() 4317 }; 4318 mobileNavigationBlocksPage.Add("MobileNavigation", mobileNavigationMenu); 4319 4320 Block mobileNavigationActions = new Block 4321 { 4322 Id = "MobileNavigationActions", 4323 SortId = 30, 4324 Template = RenderMobileNavigationActions(), 4325 SkipRenderBlocksList = true 4326 }; 4327 mobileNavigationBlocksPage.Add("MobileNavigation", mobileNavigationActions); 4328 4329 if (!mobileNavigationItemsHideSignIn) 4330 { 4331 if (Model.CurrentUser.ID <= 0) 4332 { 4333 Block mobileNavigationSignInAction = new Block 4334 { 4335 Id = "MobileNavigationSignInAction", 4336 SortId = 10, 4337 Template = RenderMobileNavigationSignInAction() 4338 }; 4339 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationSignInAction); 4340 4341 if (!mobileHideCreateAccountLink) 4342 { 4343 Block mobileNavigationCreateAccountAction = new Block 4344 { 4345 Id = "MobileNavigationCreateAccountAction", 4346 SortId = 20, 4347 Template = RenderMobileNavigationCreateAccountAction() 4348 }; 4349 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationCreateAccountAction); 4350 } 4351 } 4352 else 4353 { 4354 if (!mobileHideMyOrdersLink) 4355 { 4356 Block mobileNavigationOrdersAction = new Block 4357 { 4358 Id = "MobileNavigationOrdersAction", 4359 SortId = 20, 4360 Template = RenderMobileNavigationOrdersAction() 4361 }; 4362 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationOrdersAction); 4363 } 4364 if (!mobileHideMyFavoritesLink) 4365 { 4366 Block mobileNavigationFavoritesAction = new Block 4367 { 4368 Id = "MobileNavigationFavoritesAction", 4369 SortId = 30, 4370 Template = RenderMobileNavigationFavoritesAction() 4371 }; 4372 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationFavoritesAction); 4373 } 4374 if (!mobileHideMySavedCardsLink) 4375 { 4376 Block mobileNavigationSavedCardsAction = new Block 4377 { 4378 Id = "MobileNavigationFavoritesAction", 4379 SortId = 30, 4380 Template = RenderMobileNavigationSavedCardsAction() 4381 }; 4382 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationSavedCardsAction); 4383 } 4384 4385 Block mobileNavigationSignOutAction = new Block 4386 { 4387 Id = "MobileNavigationSignOutAction", 4388 SortId = 40, 4389 Template = RenderMobileNavigationSignOutAction() 4390 }; 4391 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationSignOutAction); 4392 } 4393 } 4394 4395 if (Model.Languages.Count > 1) 4396 { 4397 Block mobileNavigationLanguagesAction = new Block 4398 { 4399 Id = "MobileNavigationLanguagesAction", 4400 SortId = 50, 4401 Template = RenderMobileNavigationLanguagesAction() 4402 }; 4403 mobileNavigationBlocksPage.Add("MobileNavigationActions", mobileNavigationLanguagesAction); 4404 } 4405 } 4406 4407 4408 @helper MobileNavigation() 4409 { 4410 List<Block> subBlocks = this.mobileNavigationBlocksPage.GetBlockListById("MobileNavigation").OrderBy(item => item.SortId).ToList(); 4411 string mobileTopDesign = Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetList("Design") != null ? Model.Area.Item.GetItem("Layout").GetItem("MobileTop").GetList("Design").SelectedValue : "nav-left"; 4412 string position = mobileTopDesign == "nav-left" || mobileTopDesign == "nav-search-left" ? "left" : "right"; 4413 4414 <!-- Trigger for mobile navigation --> 4415 <input type="checkbox" id="MobileNavTrigger" class="mobile-nav-trigger mobile-nav-trigger--@position" autocomplete="off" /> 4416 4417 <!-- Mobile navigation --> 4418 <nav class="mobile-navigation mobile-navigation--@position dw-mod"> 4419 <div class="mobile-navigation__wrapper" id="mobileNavigationWrapper"> 4420 @RenderBlockList(subBlocks) 4421 </div> 4422 </nav> 4423 4424 <label class="mobile-nav-trigger-off" for="MobileNavTrigger"></label> 4425 } 4426 4427 @helper RenderMobileNavigationSignIn() 4428 { 4429 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage"); 4430 int myProfilePageId = GetPageIdByNavigationTag("CustomerProfile"); 4431 string linkStart = Model.CurrentUser.ID <= 0 ? "/Default.aspx?ID=" + signInProfilePageId + "&RedirectPageId=" : "/Default.aspx?ID="; 4432 string myProfilePageLink = linkStart + myProfilePageId; 4433 string userName = Model.CurrentUser.FirstName; 4434 if (!string.IsNullOrEmpty(userName) && !string.IsNullOrEmpty(Model.CurrentUser.LastName)) 4435 { 4436 userName += " " + Model.CurrentUser.LastName; 4437 } 4438 if (string.IsNullOrEmpty(userName)) 4439 { 4440 userName = Model.CurrentUser.Name; 4441 } 4442 if (string.IsNullOrEmpty(userName)) 4443 { 4444 userName = Model.CurrentUser.UserName; 4445 } 4446 if (string.IsNullOrEmpty(userName)) 4447 { 4448 userName = Model.CurrentUser.Email; 4449 } 4450 4451 <ul class="menu menu-mobile"> 4452 <li class="menu-mobile__item"> 4453 <a href="@myProfilePageLink" class="menu-mobile__link dw-mod"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon").SelectedValue menu-mobile__link-icon"></i> @userName</a> 4454 </li> 4455 </ul> 4456 } 4457 4458 @helper RenderMobileNavigationMenu() 4459 { 4460 bool isSlidesDesign = Model.Area.Item.GetItem("Layout").GetItem("MobileNavigation").GetList("Design").SelectedValue == "Slides"; 4461 string menuTemplate = isSlidesDesign ? "BaseMenuForMobileSlides.xslt" : "BaseMenuForMobileExpandable.xslt"; 4462 string levels = !String.IsNullOrEmpty(Model.Area.Item.GetItem("Layout").GetItem("MobileNavigation").GetString("Levels")) ? Model.Area.Item.GetItem("Layout").GetItem("MobileNavigation").GetString("Levels") : "3"; 4463 bool renderPagesInToolBar = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("RenderPagesInToolBar"); 4464 /* Custom */ 4465 int startLevel = renderPagesInToolBar ? 1 : 0; 4466 4467 @RenderNavigation(new 4468 { 4469 id = "mobilenavigation", 4470 cssclass = "menu menu-mobile dwnavigation", 4471 startLevel = @startLevel, 4472 ecomStartLevel = @startLevel + 1, 4473 endlevel = @levels, 4474 expandmode = "all", 4475 template = @menuTemplate 4476 }) 4477 4478 if (isSlidesDesign) 4479 { 4480 <script> 4481 function goToLevel(level) { 4482 document.getElementById('mobileNavigationWrapper').style.left = -(level * 100) + "%"; 4483 } 4484 4485 document.addEventListener('DOMContentLoaded', function () { 4486 goToLevel(document.getElementById('mobileNavigationWrapper').querySelectorAll('input[type=radio]:checked').length); 4487 }); 4488 </script> 4489 } 4490 4491 if (renderPagesInToolBar) 4492 { 4493 @RenderNavigation(new 4494 { 4495 id = "topToolsMobileNavigation", 4496 cssclass = "menu menu-mobile dwnavigation", 4497 template = "ToolsMenuForMobile.xslt" 4498 }) 4499 } 4500 } 4501 4502 @helper RenderMobileNavigationActions() 4503 { 4504 List<Block> subBlocks = this.mobileNavigationBlocksPage.GetBlockListById("MobileNavigationActions").OrderBy(item => item.SortId).ToList(); ; 4505 4506 <ul class="menu menu-mobile"> 4507 @RenderBlockList(subBlocks) 4508 </ul> 4509 } 4510 4511 @helper RenderMobileNavigationSignInAction() 4512 { 4513 <li class="menu-mobile__item"> 4514 <label for="SignInModalTrigger" onclick="document.getElementById('MobileNavTrigger').checked = false;" class="menu-mobile__link dw-mod menu-mobile__link--highlighted"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon").SelectedValue menu-mobile__link-icon"></i> @Translate("Sign in")</label> 4515 </li> 4516 } 4517 4518 @helper RenderMobileNavigationCreateAccountAction() 4519 { 4520 int createAccountPageId = GetPageIdByNavigationTag("CreateAccount"); 4521 4522 <li class="menu-mobile__item"> 4523 <a class="menu-mobile__link menu-mobile__link--highlighted dw-mod" href="/Default.aspx?ID=@createAccountPageId"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon").SelectedValue menu-mobile__link-icon"></i> @Translate("Create account")</a> 4524 </li> 4525 } 4526 4527 @helper RenderMobileNavigationProfileAction() 4528 { 4529 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage"); 4530 string linkStart = Model.CurrentUser.ID <= 0 ? "/Default.aspx?ID=" + signInProfilePageId + "&RedirectPageId=" : "/Default.aspx?ID="; 4531 int myProfilePageId = GetPageIdByNavigationTag("CustomerProfile"); 4532 string myProfilePageLink = linkStart + myProfilePageId; 4533 4534 <li class="menu-mobile__item"> 4535 <a href="@myProfilePageLink" class="menu-mobile__link menu-mobile__link--highlighted dw-mod"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon").SelectedValue menu-mobile__link-icon"></i> @Translate("My Profile")</a> 4536 </li> 4537 } 4538 4539 @helper RenderMobileNavigationOrdersAction() 4540 { 4541 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage"); 4542 string linkStart = Model.CurrentUser.ID <= 0 ? "/Default.aspx?ID=" + signInProfilePageId + "&RedirectPageId=" : "/Default.aspx?ID="; 4543 int myOrdersPageId = GetPageIdByNavigationTag("CustomerOrders"); 4544 string myOrdersPageLink = linkStart + myOrdersPageId; 4545 string ordersIcon = "fas fa-list"; 4546 4547 <li class="menu-mobile__item"> 4548 <a href="@myOrdersPageLink" class="menu-mobile__link menu-mobile__link--highlighted dw-mod"><i class="@ordersIcon menu-mobile__link-icon"></i> @Translate("My Orders")</a> 4549 </li> 4550 } 4551 4552 @helper RenderMobileNavigationFavoritesAction() 4553 { 4554 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage"); 4555 string linkStart = Model.CurrentUser.ID <= 0 ? "/Default.aspx?ID=" + signInProfilePageId + "&RedirectPageId=" : "/Default.aspx?ID="; 4556 int myFavoritesPageId = GetPageIdByNavigationTag("CustomerFavorites"); 4557 string myFavoritesPageLink = linkStart + myFavoritesPageId; 4558 string favoritesIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon") != null ? "fas fa-" + Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon").SelectedValue : "fa fa-star"; 4559 4560 4561 <li class="menu-mobile__item"> 4562 <a href="@myFavoritesPageLink" class="menu-mobile__link menu-mobile__link--highlighted dw-mod"><i class="@favoritesIcon menu-mobile__link-icon"></i> @Translate("My Favorites")</a> 4563 </li> 4564 } 4565 4566 @helper RenderMobileNavigationSavedCardsAction() 4567 { 4568 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage"); 4569 string linkStart = Model.CurrentUser.ID <= 0 ? "/Default.aspx?ID=" + signInProfilePageId + "&RedirectPageId=" : "/Default.aspx?ID="; 4570 int mySavedCardsPageId = GetPageIdByNavigationTag("SavedCards"); 4571 string mySavedCardsPageLink = linkStart + mySavedCardsPageId; 4572 string savedCardsIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SavedCards") != null ? "fas fa-" + Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SavedCards").SelectedValue : "fas fa-credit-card"; 4573 4574 <li class="menu-mobile__item"> 4575 <a href="@mySavedCardsPageLink" class="menu-mobile__link menu-mobile__link--highlighted dw-mod"><i class="@savedCardsIcon menu-mobile__link-icon"></i> @Translate("My Saved Cards")</a> 4576 </li> 4577 } 4578 4579 @helper RenderMobileNavigationSignOutAction() 4580 { 4581 int pageId = Model.TopPage.ID; 4582 string signOutIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignOutIcon") != null ? "fas fa-" + Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignOutIcon").SelectedValue : "far fa-sign-out-alt"; 4583 4584 <li class="menu-mobile__item"> 4585 <a class="menu-mobile__link menu-mobile__link--highlighted dw-mod" href="/Admin/Public/ExtranetLogoff.aspx?ID=@pageId" onclick="RememberState.SetCookie('useAnotherAddress', false)"><i class="@signOutIcon menu-mobile__link-icon"></i> @Translate("Sign out")</a> 4586 </li> 4587 } 4588 4589 @helper RenderMobileNavigationLanguagesAction() 4590 { 4591 bool isSlidesDesign = Model.Area.Item.GetItem("Layout").GetItem("MobileNavigation").GetList("Design").SelectedValue == "Slides"; 4592 4593 string selectedLanguage = ""; 4594 foreach (var lang in Model.Languages) 4595 { 4596 if (lang.IsCurrent) 4597 { 4598 selectedLanguage = lang.Name; 4599 } 4600 } 4601 4602 <li class="menu-mobile__item dw-mod"> 4603 @if (isSlidesDesign) 4604 { 4605 <input id="MobileMenuCheck_Language" type="radio" class="expand-trigger" name="mobile-menu-level-1" onclick="goToLevel(1);"> 4606 } 4607 else 4608 { 4609 <input id="MobileMenuCheck_Language" type="checkbox" class="expand-trigger"> 4610 } 4611 <div class="menu-mobile__link__wrap"> 4612 <label for="MobileMenuCheck_Language" class="menu-mobile__link menu-mobile__link--highlighted dw-mod"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("LanguageIcon").SelectedValue menu-mobile__link-icon"></i> @selectedLanguage</label> 4613 <label for="MobileMenuCheck_Language" class="menu-mobile__trigger"></label> 4614 </div> 4615 <ul class="menu-mobile menu-mobile__submenu expand-menu"> 4616 @if (isSlidesDesign) 4617 { 4618 <li class="menu-mobile__item dw-mod"> 4619 <div class="menu-mobile__link__wrap"> 4620 <input id="MobileMenuCheck_Language_back" type="radio" class="expand-trigger" name="mobile-menu-level-1" onclick="goToLevel(0);" /> 4621 <label for="MobileMenuCheck_Language_back" class="menu-mobile__trigger menu-mobile__trigger--back"></label> 4622 <label for="MobileMenuCheck_Language_back" class="menu-mobile__link dw-mod ">@Translate("Back")</label> 4623 </div> 4624 </li> 4625 } 4626 @foreach (var lang in Model.Languages) 4627 { 4628 <li class="menu-mobile__item dw-mod"> 4629 <a class="menu-mobile__link menu-mobile__link--highlighted dw-mod menu-mobile__link--level-1" href="/Default.aspx?ID=@lang.Page.ID">@lang.Name</a> 4630 </li> 4631 } 4632 </ul> 4633 </li> 4634 }</text> 4635 } 4636 else 4637 { 4638 <text>@inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 4639 4640 @using System 4641 @using System.Web 4642 @using System.Collections.Generic 4643 @using Dynamicweb.Rapido.Blocks.Extensibility 4644 @using Dynamicweb.Rapido.Blocks 4645 4646 @functions { 4647 BlocksPage headerBlocksPage = BlocksPage.GetBlockPage("Master"); 4648 } 4649 4650 @{ 4651 Block masterTools = new Block() 4652 { 4653 Id = "MasterDesktopTools", 4654 SortId = 10, 4655 Template = RenderDesktopTools(), 4656 SkipRenderBlocksList = true, 4657 BlocksList = new List<Block> 4658 { 4659 new Block { 4660 Id = "MasterDesktopToolsText", 4661 SortId = 10, 4662 Template = RenderDesktopToolsText(), 4663 Design = new Design 4664 { 4665 Size = "auto", 4666 HidePadding = true, 4667 RenderType = RenderType.Column 4668 } 4669 }, 4670 new Block { 4671 Id = "MasterDesktopToolsNavigation", 4672 SortId = 20, 4673 Template = RenderDesktopToolsNavigation(), 4674 Design = new Design 4675 { 4676 Size = "auto-width", 4677 HidePadding = true, 4678 RenderType = RenderType.Column 4679 } 4680 } 4681 } 4682 }; 4683 headerBlocksPage.Add("MasterHeader", masterTools); 4684 4685 Block masterDesktopExtra = new Block() 4686 { 4687 Id = "MasterDesktopExtra", 4688 SortId = 10, 4689 Template = RenderDesktopExtra(), 4690 SkipRenderBlocksList = true 4691 }; 4692 headerBlocksPage.Add("MasterHeader", masterDesktopExtra); 4693 4694 Block masterDesktopNavigation = new Block() 4695 { 4696 Id = "MasterDesktopNavigation", 4697 SortId = 20, 4698 Template = RenderDesktopNavigation(), 4699 SkipRenderBlocksList = true 4700 }; 4701 headerBlocksPage.Add("MasterHeader", masterDesktopNavigation); 4702 } 4703 4704 @* Include the Blocks for the page *@ 4705 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 4706 4707 @using System 4708 @using System.Web 4709 @using Dynamicweb.Rapido.Blocks.Extensibility 4710 @using Dynamicweb.Rapido.Blocks 4711 4712 @{ 4713 Block masterDesktopLogo = new Block 4714 { 4715 Id = "MasterDesktopLogo", 4716 SortId = 10, 4717 Template = RenderDesktopLogo(), 4718 Design = new Design 4719 { 4720 Size = "auto-width", 4721 HidePadding = true, 4722 RenderType = RenderType.Column, 4723 CssClass = "grid--align-self-center" 4724 } 4725 }; 4726 4727 BlocksPage.GetBlockPage("Master").Add("MasterHeader", masterDesktopLogo); 4728 } 4729 4730 4731 @helper RenderDesktopLogo() 4732 { 4733 string firstPageId = Model.Area.FirstActivePage.ID.ToString(); 4734 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal"; 4735 string alignClass = topLayout == "two-lines-centered" || topLayout == "two-lines" ? "grid--align-self-center" : ""; 4736 alignClass = topLayout == "splitted-center" ? "u-middle" : alignClass; 4737 string logo = Model.Area.Item.GetItem("Layout").GetFile("LogoImage") != null ? Model.Area.Item.GetItem("Layout").GetFile("LogoImage").PathUrlEncoded : "/Files/Images/logo-dynamicweb.png"; 4738 if (Path.GetExtension(logo).ToLower() != ".svg") 4739 { 4740 int logoHeight = Model.Area.Item.GetItem("Layout").GetInt32("LogoHeight"); 4741 logoHeight = logoHeight > 0 && Pageview.Device.ToString() != "Mobile" ? logoHeight : 40; 4742 logo = "/Admin/Public/GetImage.ashx?height=" + Converter.ToString(logoHeight) + "&amp;crop=5&amp;Compression=75&amp;image=" + logo; 4743 } 4744 else 4745 { 4746 logo = HttpUtility.UrlDecode(logo); 4747 } 4748 4749 <div class="logo @alignClass dw-mod"> 4750 <a href="/Default.aspx?ID=@firstPageId" class="logo__img dw-mod u-block"> 4751 <img class="grid__cell-img logo__img dw-mod" src="@logo" alt="@Translate("Logo")" /> 4752 </a> 4753 </div> 4754 } 4755 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 4756 4757 @using System 4758 @using System.Web 4759 @using Dynamicweb.Rapido.Blocks.Extensibility 4760 @using Dynamicweb.Rapido.Blocks 4761 4762 @functions { 4763 bool isMegaMenu; 4764 } 4765 4766 @{ 4767 isMegaMenu = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("NavigationMegaMenu") != null ? Converter.ToBoolean(Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("NavigationMegaMenu").SelectedValue) : false; 4768 Block masterDesktopMenu = new Block 4769 { 4770 Id = "MasterDesktopMenu", 4771 SortId = 10, 4772 Template = RenderDesktopMenu(), 4773 Design = new Design 4774 { 4775 Size = "auto", 4776 HidePadding = true, 4777 RenderType = RenderType.Column 4778 } 4779 }; 4780 4781 if (isMegaMenu) 4782 { 4783 masterDesktopMenu.Design.CssClass = "u-reset-position"; 4784 } 4785 4786 BlocksPage.GetBlockPage("Master").Add("MasterHeader", masterDesktopMenu); 4787 } 4788 4789 @helper RenderDesktopMenu() 4790 { 4791 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal"; 4792 string menuAlignment = topLayout == "minimal-right" ? "grid--align-self-end" : ""; 4793 menuAlignment = topLayout == "minimal-center" ? "grid--align-self-center" : topLayout; 4794 string megamenuPromotionImage = Model.Area.Item.GetItem("Layout").GetItem("Header").GetFile("MegamenuPromotionImage") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetFile("MegamenuPromotionImage").PathUrlEncoded : ""; 4795 bool renderPagesInToolBar = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("RenderPagesInToolBar"); 4796 bool showOnlyHeaders = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("ShowOnlyHeaders"); 4797 int startLevel = renderPagesInToolBar ? 1 : 0; 4798 4799 string promotionLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetString("MegamenuPromotionLink"); 4800 4801 <div class="grid__cell u-flex @(isMegaMenu ? "u-reset-position" : "") @menuAlignment"> 4802 @if (!isMegaMenu) 4803 { 4804 @RenderNavigation(new 4805 { 4806 id = "topnavigation", 4807 cssclass = "menu dw-mod dwnavigation u-full-max-width u-flex grid--wrap", 4808 startLevel = startLevel, 4809 ecomStartLevel = startLevel + 1, 4810 endlevel = 5, 4811 expandmode = "all", 4812 template = "BaseMenuWithDropdown.xslt" 4813 }); 4814 } 4815 else 4816 { 4817 @RenderNavigation(new 4818 { 4819 id = "topnavigation", 4820 cssclass = "menu dw-mod dwnavigation u-full-max-width u-flex grid--wrap", 4821 startLevel = startLevel, 4822 ecomStartLevel = startLevel + 1, 4823 endlevel = 5, 4824 promotionImage = megamenuPromotionImage, 4825 promotionLink = promotionLink, 4826 expandmode = "all", 4827 showOnlyHeaders = showOnlyHeaders.ToString().ToLower(), 4828 template = "BaseMegaMenu.xslt" 4829 }); 4830 } 4831 </div> 4832 } 4833 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 4834 4835 @using System 4836 @using System.Web 4837 @using Dynamicweb.Rapido.Blocks.Extensibility 4838 @using Dynamicweb.Rapido.Blocks 4839 4840 @{ 4841 Block masterDesktopActionsMenu = new Block 4842 { 4843 Id = "MasterDesktopActionsMenu", 4844 SortId = 10, 4845 Template = RenderDesktopActionsMenu(), 4846 Design = new Design 4847 { 4848 CssClass = "u-flex" 4849 }, 4850 SkipRenderBlocksList = true 4851 4852 }; 4853 BlocksPage.GetBlockPage("Master").Add("MasterHeader", masterDesktopActionsMenu); 4854 4855 if (!string.IsNullOrWhiteSpace(Model.Area.Item.GetItem("Layout").GetItem("Header").GetString("HeaderButtonLink"))) 4856 { 4857 Block masterDesktopActionsHeaderButton = new Block 4858 { 4859 Id = "MasterDesktopActionsHeaderButton", 4860 SortId = 60, 4861 Template = RenderHeaderButton() 4862 }; 4863 masterDesktopActionsMenu.Add(masterDesktopActionsHeaderButton); 4864 } 4865 } 4866 4867 @helper RenderDesktopActionsMenu() 4868 { 4869 List<Block> subBlocks = this.headerBlocksPage.GetBlockListById("MasterDesktopActionsMenu").OrderBy(item => item.SortId).ToList(); 4870 4871 <ul class="menu u-flex dw-mod"> 4872 @RenderBlockList(subBlocks) 4873 </ul> 4874 } 4875 4876 @helper RenderHeaderButton() 4877 { 4878 string headerButtonText = Model.Area.Item.GetItem("Layout").GetItem("Header").GetString("HeaderButtonText"); 4879 string headerButtonLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetString("HeaderButtonLink"); 4880 string headerButtonType = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("HeaderButtonType") != null ? "btn--" + Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("HeaderButtonType").SelectedName.ToLower() : ""; 4881 4882 <li class="menu__item menu__item--horizontal menu--clean dw-mod"> 4883 <a class="btn @headerButtonType dw-mod u-no-margin u-margin-left" href="@headerButtonLink">@headerButtonText</a> 4884 </li> 4885 } 4886 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 4887 4888 @using System 4889 @using System.Web 4890 @using Dynamicweb.Core; 4891 @using System.Text.RegularExpressions 4892 @using Dynamicweb.Rapido.Blocks.Extensibility 4893 @using Dynamicweb.Rapido.Blocks 4894 4895 @{ 4896 Block masterDesktopActionsMenuLanguageSelector = new Block 4897 { 4898 Id = "MasterDesktopActionsMenuLanguageSelector", 4899 SortId = 40, 4900 Template = RenderLanguageSelector() 4901 }; 4902 4903 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterDesktopActionsMenuLanguageSelector); 4904 } 4905 4906 @helper RenderLanguageSelector() 4907 { 4908 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal"; 4909 string liClasses = topLayout != "normal" ? "menu__item--top-level u-hidden-xxs" : "menu--clean"; 4910 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon"; 4911 string languageViewType = !string.IsNullOrEmpty(Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("LanguageSelector").SelectedValue) ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("LanguageSelector").SelectedValue.ToLower() : ""; 4912 4913 if (Model.Languages.Count > 1) 4914 { 4915 <li class="menu__item menu__item--horizontal @liClasses menu__item--icon is-dropdown is-dropdown--no-icon dw-mod"> 4916 <div class="@menuLinkClass dw-mod" title="@Translate("Language")"> 4917 <i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("LanguageIcon").SelectedValue fa-1_5x"></i> 4918 <span class="headericonlabel languageicontext">@Translate("Languageicontext", "Language")</span> 4919 </div> 4920 <div class="menu menu--dropdown menu--dropdown-right languages-dropdown dw-mod grid__cell"> 4921 @foreach (var lang in Model.Languages) 4922 { 4923 string widthClass = "menu__item--fixed-width"; 4924 string langInfo = "<span class=\"flag-icon flag-icon-" + Dynamicweb.Services.Areas.GetArea(lang.ID).EcomCountryCode.ToLower() + " u-margin-right\"></span>" + lang.Name; 4925 string cultureName = Regex.Replace(Dynamicweb.Services.Areas.GetArea(lang.ID).CultureInfo.NativeName, @" ?\(.*?\)", string.Empty); 4926 cultureName = char.ToUpper(cultureName[0]) + cultureName.Substring(1); 4927 4928 if (languageViewType == "flag-culture") 4929 { 4930 langInfo = "<span class=\"flag-icon flag-icon-" + Dynamicweb.Services.Areas.GetArea(lang.ID).EcomCountryCode.ToLower() + " \"></span> " + cultureName; 4931 } 4932 4933 if (languageViewType == "flag") 4934 { 4935 langInfo = "<span class=\"flag-icon flag-icon-" + Dynamicweb.Services.Areas.GetArea(lang.ID).EcomCountryCode.ToLower() + " \"></span>"; 4936 widthClass = ""; 4937 } 4938 4939 if (languageViewType == "name") 4940 { 4941 langInfo = lang.Name; 4942 } 4943 4944 if (languageViewType == "culture") 4945 { 4946 langInfo = cultureName; 4947 widthClass = ""; 4948 } 4949 4950 <div class="menu__item dw-mod @widthClass"> 4951 <a href="/Default.aspx?AreaID=@Dynamicweb.Services.Pages.GetPage(lang.Page.ID).Area.ID&LanguageID=@Dynamicweb.Services.Pages.GetPage(lang.Page.ID).Area.EcomLanguageId" class="menu-dropdown__link dw-mod">@langInfo</a> 4952 </div> 4953 } 4954 </div> 4955 </li> 4956 } 4957 } 4958 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 4959 4960 @using System 4961 @using System.Web 4962 @using Dynamicweb.Rapido.Blocks.Extensibility 4963 @using Dynamicweb.Rapido.Blocks 4964 4965 @{ 4966 Block masterDesktopActionsMenuSignIn = new Block 4967 { 4968 Id = "MasterDesktopActionsMenuSignIn", 4969 SortId = 20, 4970 Template = RenderSignIn() 4971 }; 4972 4973 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterDesktopActionsMenuSignIn); 4974 } 4975 4976 @helper RenderSignIn() 4977 { 4978 bool navigationItemsHideSignIn = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideSignIn"); 4979 string userInitials = ""; 4980 int pageId = Model.TopPage.ID; 4981 int createAccountPageId = GetPageIdByNavigationTag("CreateAccount"); 4982 int myDashboardPageId = GetPageIdByNavigationTag("CustomerDashboard"); 4983 int myProfilePageId = GetPageIdByNavigationTag("CustomerProfile"); 4984 int myOrdersPageId = GetPageIdByNavigationTag("CustomerOrders"); 4985 int myFavoritesPageId = GetPageIdByNavigationTag("CustomerFavorites"); 4986 int mySavedCardsPageId = GetPageIdByNavigationTag("SavedCards"); 4987 int myOrderDraftsPageId = GetPageIdByNavigationTag("OrderDraft"); 4988 int signInProfilePageId = GetPageIdByNavigationTag("SignInPage"); 4989 bool hideCreateAccountLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideCreateAccount"); 4990 bool hideMyProfileLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideProfile"); 4991 bool hideMyOrdersLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideOrders"); 4992 bool hideMySavedCardsLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideSavedCards"); 4993 bool hideMyOrderDraftsLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideOrderDrafts"); 4994 bool hideMyFavoritesLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideFavorites"); 4995 bool hideForgotPasswordLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("SignInHideForgotPasswordLink"); 4996 4997 string linkStart = "/Default.aspx?ID="; 4998 if (Model.CurrentUser.ID <= 0) 4999 { 5000 linkStart += signInProfilePageId + "&RedirectPageId="; 5001 } 5002 5003 string forgotPasswordPageLink = "/Default.aspx?ID=" + signInProfilePageId + "&LoginAction=Recovery"; 5004 string myProfilePageLink = linkStart + myProfilePageId; 5005 string myOrdersPageLink = linkStart + myOrdersPageId; 5006 string myFavoritesPageLink = linkStart + myFavoritesPageId; 5007 string mySavedCardsPageLink = linkStart + mySavedCardsPageId; 5008 string myOrderDraftsLink = linkStart + myOrderDraftsPageId; 5009 5010 string profileIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon").SelectedValue : "fa fa-user"; 5011 string favoritesIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon") != null ? "fas fa-" + Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon").SelectedValue : "fa fa-star"; 5012 string orderDraftsIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("DraftIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("DraftIcon").SelectedValue : "fa fa-clipboard"; 5013 5014 if (Model.CurrentUser.ID != 0) 5015 { 5016 userInitials = Dynamicweb.Rapido.Services.User.GetInitials(Model.CurrentUser.Name, Model.CurrentUser.FirstName, Model.CurrentUser.LastName, Model.CurrentUser.Email, Model.CurrentUser.UserName); 5017 } 5018 5019 if (!navigationItemsHideSignIn) 5020 { 5021 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal"; 5022 string liClasses = topLayout != "normal" ? "menu__item--top-level u-hidden-xxs" : "menu__item--clean"; 5023 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon"; 5024 5025 <li class="menu__item menu__item--horizontal menu__item menu__item--icon @liClasses is-dropdown is-dropdown--no-icon dw-mod"> 5026 <div class="@menuLinkClass dw-mod"> 5027 @if (Model.CurrentUser.ID <= 0) 5028 { 5029 <i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SignInProfileIcon").SelectedValue fa-1_5x" title="@Translate("Sign in")"></i> 5030 <span class="headericonlabel signinicontext">@Translate("SignInIcontext", "Sign In")</span> 5031 } 5032 else 5033 { 5034 <a href="/default.aspx?ID=@myDashboardPageId" class="u-color-inherit" title="@Translate("Customer center")"><div class="circle-icon-btn">@userInitials.ToUpper()</div></a> 5035 <span class="headericonlabel profileicontext">@Translate("ProfileIcontext", "Profile")</span> 5036 } 5037 </div> 5038 <div class="menu menu--dropdown menu--dropdown-right menu--sign-in grid__cell dw-mod"> 5039 <ul class="list list--clean dw-mod"> 5040 @if (Model.CurrentUser.ID <= 0) 5041 { 5042 <li> 5043 <label for="SignInModalTrigger" class="btn btn--primary btn--full u-no-margin sign-in-modal-trigger-button dw-mod" onclick="setTimeout(function () { document.getElementById('LoginUsername').focus() }, 10)">@Translate("Sign in")</label> 5044 </li> 5045 5046 if (!hideCreateAccountLink) 5047 { 5048 @RenderListItem("/default.aspx?ID=" + createAccountPageId, Translate("Create account")); 5049 } 5050 if (!hideForgotPasswordLink) 5051 { 5052 @RenderListItem(forgotPasswordPageLink, Translate("Forgot your password?")) 5053 } 5054 if (!hideMyProfileLink || !hideMyOrdersLink || !hideMyFavoritesLink || !hideMySavedCardsLink) 5055 { 5056 @RenderSeparator() 5057 } 5058 } 5059 @if (!hideMyProfileLink) 5060 { 5061 @RenderListItem(myProfilePageLink, Translate("My Profile"), profileIcon) 5062 } 5063 @if (!hideMyOrdersLink) 5064 { 5065 @RenderListItem(myOrdersPageLink, Translate("My Orders"), "fas fa-list") 5066 } 5067 @if (!hideMyFavoritesLink) 5068 { 5069 @RenderListItem(myFavoritesPageLink, Translate("My Favorites"), favoritesIcon) 5070 } 5071 @if (!hideMySavedCardsLink) 5072 { 5073 @RenderListItem(mySavedCardsPageLink, Translate("My Saved cards"), "fas fa-credit-card") 5074 } 5075 @if (!hideMyOrderDraftsLink) 5076 { 5077 @RenderListItem(myOrderDraftsLink, Translate("My Order drafts"), orderDraftsIcon) 5078 } 5079 @if (Model.CurrentUser.ID > 0) 5080 { 5081 if (!hideMyProfileLink || !hideMyOrdersLink || !hideMyFavoritesLink || !hideMySavedCardsLink) 5082 { 5083 @RenderSeparator() 5084 } 5085 5086 //Check if impersonation is on 5087 if (Model.CurrentSecondaryUser != null && Model.CurrentSecondaryUser.ID > 0) 5088 { 5089 <li> 5090 <div class="list__link dw-mod" onclick="document.getElementById('StopImpersonationModalTrigger').checked = true;"> 5091 @Translate("Sign out") 5092 </div> 5093 </li> 5094 } else { 5095 @RenderListItem("/Admin/Public/ExtranetLogoff.aspx?ID=" + pageId, Translate("Sign out")) 5096 } 5097 } 5098 </ul> 5099 </div> 5100 </li> 5101 } 5102 } 5103 5104 @helper RenderListItem(string link, string text, string icon = null) { 5105 <li> 5106 <a href="@link" class="list__link dw-mod" onclick="RememberState.SetCookie('useAnotherAddress', false)"> 5107 @if (!string.IsNullOrEmpty(icon)){<i class="@icon u-margin-right"></i>}@text 5108 </a> 5109 </li> 5110 } 5111 5112 @helper RenderSeparator() 5113 { 5114 <li class="list__seperator dw-mod"></li> 5115 } 5116 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 5117 5118 @using System 5119 @using System.Web 5120 @using Dynamicweb.Rapido.Blocks.Extensibility 5121 @using Dynamicweb.Rapido.Blocks 5122 5123 @{ 5124 bool hideMyFavoritesLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideFavorites"); 5125 5126 Block masterDesktopActionsMenuFavorites = new Block 5127 { 5128 Id = "MasterDesktopActionsMenuFavorites", 5129 SortId = 30, 5130 Template = RenderFavorites() 5131 }; 5132 5133 if (!hideMyFavoritesLink && Model.CurrentUser.ID > 0) 5134 { 5135 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterDesktopActionsMenuFavorites); 5136 } 5137 } 5138 5139 @helper RenderFavorites() 5140 { 5141 int myFavoritesPageId = GetPageIdByNavigationTag("CustomerFavorites"); 5142 string myFavoritesPageLink = "/Default.aspx?ID=" + myFavoritesPageId; 5143 5144 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal"; 5145 string liClasses = topLayout != "normal" && topLayout != "splitted-center" ? "menu__item--top-level u-hidden-xxs" : "menu--clean"; 5146 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon"; 5147 5148 <li class="menu__item menu__item--horizontal @liClasses menu__item--icon dw-mod"> 5149 <a href="@myFavoritesPageLink" class="@menuLinkClass dw-mod" title="@Translate("Favorites")"> 5150 <i class="fas fa-@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("FavoriteIcon").SelectedValue fa-1_5x"></i> 5151 </a> 5152 </li> 5153 } 5154 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 5155 5156 @using System 5157 @using System.Web 5158 @using Dynamicweb.Rapido.Blocks.Extensibility 5159 @using Dynamicweb.Rapido.Blocks 5160 @using Dynamicweb.Rapido.Services 5161 5162 @{ 5163 bool hideCart = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideCart"); 5164 string miniCartLayout = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("Layout") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("Layout").SelectedValue : "dropdown"; 5165 5166 if (Dynamicweb.Rapido.Services.User.IsBuyingAllowed() && !hideCart) 5167 { 5168 Block masterDesktopActionsMenuMiniCart = new Block 5169 { 5170 Id = "MasterDesktopActionsMenuMiniCart", 5171 SortId = 60, 5172 Template = RenderMiniCart(miniCartLayout == "dropdown"), 5173 SkipRenderBlocksList = true, 5174 BlocksList = new List<Block>() 5175 }; 5176 5177 Block miniCartCounterScriptTemplate = new Block 5178 { 5179 Id = "MiniCartCounterScriptTemplate", 5180 Template = RenderMiniCartCounterContent() 5181 }; 5182 5183 //dropdown layout is default 5184 RazorEngine.Templating.TemplateWriter layoutTemplate; 5185 RazorEngine.Templating.TemplateWriter miniCartTriggerTemplate; 5186 5187 switch (miniCartLayout) 5188 { 5189 case "dropdown": 5190 layoutTemplate = RenderMiniCartDropdownLayout(); 5191 miniCartTriggerTemplate = RenderMiniCartTriggerLink(); 5192 break; 5193 case "panel": 5194 layoutTemplate = RenderMiniCartPanelLayout(); 5195 miniCartTriggerTemplate = RenderMiniCartTriggerLabel(); 5196 break; 5197 case "modal": 5198 layoutTemplate = RenderMiniCartModalLayout(); 5199 miniCartTriggerTemplate = RenderMiniCartTriggerLabel(); 5200 break; 5201 case "none": 5202 default: 5203 layoutTemplate = RenderMiniCartDropdownLayout(); 5204 miniCartTriggerTemplate = RenderMiniCartTriggerLink(); 5205 break; 5206 } 5207 5208 masterDesktopActionsMenuMiniCart.BlocksList.Add(new Block 5209 { 5210 Id = "MiniCartTrigger", 5211 Template = miniCartTriggerTemplate 5212 }); 5213 5214 if (Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet") 5215 { 5216 masterDesktopActionsMenuMiniCart.BlocksList.Add(new Block 5217 { 5218 Id = "MiniCartLayout", 5219 Template = layoutTemplate 5220 }); 5221 } 5222 5223 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterDesktopActionsMenuMiniCart); 5224 BlocksPage.GetBlockPage("Master").Add("MasterBottomSnippets", miniCartCounterScriptTemplate); 5225 } 5226 5227 if (hideCart && Dynamicweb.Rapido.Services.User.IsBuyingAllowed()) 5228 { 5229 BlocksPage.GetBlockPage("Master").Add("MasterBottomSnippets", new Block { 5230 Id = "CartInitialization" 5231 }); 5232 } 5233 } 5234 5235 @helper RenderMiniCart(bool hasMouseEnterEvent) 5236 { 5237 List<Block> subBlocks = this.masterPage.GetBlockListById("MasterDesktopActionsMenuMiniCart").OrderBy(item => item.SortId).ToList(); 5238 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal"; 5239 string liClasses = topLayout != "normal" ? "menu__item--top-level" : "menu--clean"; 5240 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed"); 5241 string mouseEvent = ""; 5242 string id = "MiniCart"; 5243 if (hasMouseEnterEvent) 5244 { 5245 mouseEvent = "onmouseenter=\"Cart.UpdateMiniCart('miniCartTrigger', 'miniCart', 'cartCounter', '/Default.aspx?ID=" + miniCartFeedPageId + "&feedType=MiniCart')\""; 5246 id = "miniCartTrigger"; 5247 } 5248 <li class="menu__item menu__item--horizontal menu__item--icon @liClasses dw-mod" id="@id" @mouseEvent> 5249 @RenderBlockList(subBlocks) 5250 </li> 5251 } 5252 5253 @helper RenderMiniCartTriggerLabel() 5254 { 5255 int cartPageId = GetPageIdByNavigationTag("CartPage"); 5256 string cartIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon").SelectedValue : "fa fa-cart"; 5257 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal"; 5258 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon"; 5259 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed"); 5260 5261 <div class="@menuLinkClass dw-mod js-mini-cart-button" onclick="Cart.UpdateMiniCart('miniCartTrigger', 'miniCart', 'cartCounter', '/Default.aspx?ID=@miniCartFeedPageId&feedType=MiniCart')" title="@Translate("Cart")"> 5262 <div class="u-inline u-position-relative"> 5263 <i class="@cartIcon fa-1_5x"></i> 5264 @RenderMiniCartCounter() 5265 </div> 5266 </div> 5267 } 5268 5269 @helper RenderMiniCartTriggerLink() 5270 { 5271 int cartPageId = GetPageIdByNavigationTag("CartPage"); 5272 string cartIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon").SelectedValue : "fa fa-cart"; 5273 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal"; 5274 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon"; 5275 5276 <a href="/Default.aspx?ID=@cartPageId&Purge=True" class="@menuLinkClass menu__item--icon dw-mod js-mini-cart-button" title="@Translate("Cart")"> 5277 <span class="u-inline u-position-relative"> 5278 <i class="@cartIcon fa-1_5x"></i> 5279 @RenderMiniCartCounter() 5280 </span> 5281 </a> 5282 } 5283 5284 @helper RenderMiniCartCounter() 5285 { 5286 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed"); 5287 string cartProductsCount = Model.Cart.TotalProductsCount.ToString(); 5288 string counterPosition = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("CounterPosition") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("CounterPosition").SelectedValue : "right"; 5289 bool showPrice = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetBoolean("ShowPrice"); 5290 string cartProductsTotalPrice = showPrice && Model.Cart.TotalPrice != null ? Model.Cart.TotalPrice.Price.Formatted : ""; 5291 cartProductsTotalPrice = counterPosition == "right" ? cartProductsTotalPrice : ""; 5292 5293 if (showPrice && counterPosition == "right") 5294 { 5295 cartProductsCount = Translate("Cart") + " (" + cartProductsCount + ")"; 5296 } 5297 5298 <span class="mini-cart__counter @(counterPosition == "right" ? "mini-cart__counter--inline" : "") dw-mod"> 5299 <span class="js-handlebars-root js-mini-cart-counter" id="cartCounter" data-template="MiniCartCounterContent" data-json-feed="/Default.aspx?ID=@miniCartFeedPageId&feedType=Counter" data-init-onload="false" data-preloader="false"> 5300 <span class="js-mini-cart-counter-content" data-count="@Model.Cart.TotalProductsCount.ToString()"> 5301 @cartProductsCount @cartProductsTotalPrice 5302 </span> 5303 </span> 5304 </span> 5305 } 5306 5307 @helper RenderMiniCartCounterContent() 5308 { 5309 bool showPrice = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetBoolean("ShowPrice"); 5310 string counterPosition = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("CounterPosition") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("CounterPosition").SelectedValue : "right"; 5311 bool showPriceInMiniCartCounter = Pageview.Device.ToString() != "Mobile" && counterPosition == "right" && showPrice; 5312 5313 <script id="MiniCartCounterContent" type="text/x-template"> 5314 {{#.}} 5315 <span class="js-mini-cart-counter-content dw-mod" data-count="{{numberofproducts}}"> 5316 @if (showPriceInMiniCartCounter) 5317 { 5318 @Translate("Cart")<text>({{numberofproducts}}) {{totalprice}}</text> 5319 } 5320 else 5321 { 5322 <text>{{numberofproducts}}</text> 5323 } 5324 </span> 5325 {{/.}} 5326 </script> 5327 } 5328 5329 @helper RenderMiniCartDropdownLayout() 5330 { 5331 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed"); 5332 string cartPageLink = "Default.aspx?ID=" + GetPageIdByNavigationTag("CartPage"); 5333 5334 <div class="mini-cart mini-cart-dropdown js-mini-cart grid__cell dw-mod" id="miniCart" data-cart-id="@miniCartFeedPageId" data-show-type="dropdown" data-cart-page-link="@cartPageLink"> 5335 <div class="mini-cart-dropdown__inner dw-mod"> 5336 <h3 class="u-ta-center dw-mod">@Translate("Shopping cart")</h3> 5337 <div class="mini-cart-dropdown__body u-flex dw-mod"> 5338 <div class="js-handlebars-root u-flex grid--direction-column u-full-width dw-mod" id="miniCartContent" data-template="MiniCartContent" data-json-feed="/Default.aspx?ID=@miniCartFeedPageId&feedType=MiniCart" data-init-onload="false"></div> 5339 </div> 5340 </div> 5341 </div> 5342 } 5343 5344 @helper RenderMiniCartPanelLayout() 5345 { 5346 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed"); 5347 string cartPageLink = "Default.aspx?ID=" + GetPageIdByNavigationTag("CartPage"); 5348 5349 <div class="mini-cart grid__cell dw-mod"> 5350 <input type="checkbox" id="miniCartTrigger" class="panel-trigger" /> 5351 <div class="panel panel--right panel--with-close-btn dw-mod js-mini-cart" id="miniCart" data-cart-id="@miniCartFeedPageId" data-show-type="block" data-cart-page-link="@cartPageLink"> 5352 <label for="miniCartTrigger" class="panel__close-btn" title="@Translate("Close panel")"><i class="fas fa-times"></i></label> 5353 <div class="panel__content u-full-width dw-mod"> 5354 <h3 class="panel__header dw-mod u-margin-bottom u-ta-center">@Translate("Shopping cart")</h3> 5355 <div class="panel__content-body panel__content-body--cart dw-mod"> 5356 <div class="js-handlebars-root u-flex grid--direction-column u-full-height dw-mod" id="miniCartContent" data-template="MiniCartContent" data-json-feed="/Default.aspx?ID=@miniCartFeedPageId&feedType=MiniCart" data-init-onload="false"></div> 5357 </div> 5358 </div> 5359 </div> 5360 </div> 5361 } 5362 5363 @helper RenderMiniCartModalLayout() 5364 { 5365 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed"); 5366 string cartPageLink = "Default.aspx?ID=" + GetPageIdByNavigationTag("CartPage"); 5367 5368 <div class="mini-cart grid__cell dw-mod"> 5369 <input type="checkbox" id="miniCartTrigger" class="modal-trigger" autocomplete="off" /> 5370 <div class="modal-container dw-mod js-mini-cart" id="miniCart" data-cart-id="@miniCartFeedPageId" data-show-type="block" data-cart-page-link="@cartPageLink"> 5371 <label for="miniCartTrigger" class="modal-overlay"></label> 5372 <div class="modal modal--md modal--top-right dw-mod"> 5373 <div class="modal__body u-flex grid--direction-column dw-mod"> 5374 <h3 class="dw-mod u-ta-center">@Translate("Shopping cart")</h3> 5375 <div class="js-handlebars-root u-flex grid--direction-column dw-mod" id="miniCartContent" data-template="MiniCartContent" data-json-feed="/Default.aspx?ID=@miniCartFeedPageId&feedType=MiniCart" data-init-onload="false"></div> 5376 </div> 5377 <label class="modal__close-btn modal__close-btn--clean dw-mod" for="miniCartTrigger" title="@Translate("Close modal")"></label> 5378 </div> 5379 </div> 5380 </div> 5381 } 5382 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 5383 5384 @using System 5385 @using System.Web 5386 @using Dynamicweb.Rapido.Blocks.Extensibility 5387 @using Dynamicweb.Rapido.Blocks 5388 5389 @{ 5390 bool showOrderDraftLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("ShowOrderDraftIcon"); 5391 5392 Block masterDesktopActionsMenuOrderDraft = new Block 5393 { 5394 Id = "MasterDesktopActionsMenuOrderDraft", 5395 SortId = 40, 5396 Template = RenderOrderDraft() 5397 }; 5398 5399 if (showOrderDraftLink && Model.CurrentUser.ID > 0) 5400 { 5401 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterDesktopActionsMenuOrderDraft); 5402 } 5403 } 5404 5405 @helper RenderOrderDraft() 5406 { 5407 int OrderDraftPageId = GetPageIdByNavigationTag("OrderDraft"); 5408 string OrderDraftPageLink = "/Default.aspx?ID=" + OrderDraftPageId; 5409 string draftIcon = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("DraftIcon") != null ? Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("DraftIcon").SelectedValue : "fa fa-clipboard"; 5410 5411 5412 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal"; 5413 string liClasses = topLayout != "normal" ? "menu__item--top-level u-hidden-xxs" : "menu--clean"; 5414 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon"; 5415 5416 <li class="menu__item menu__item--horizontal @liClasses menu__item--icon dw-mod"> 5417 <a href="@OrderDraftPageLink" class="@menuLinkClass dw-mod" title="@Translate("My order drafts")"> 5418 <span class="u-inline u-position-relative"> 5419 <i class="@draftIcon fa-1_5x"></i> 5420 </span> 5421 </a> 5422 </li> 5423 } 5424 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 5425 5426 @using System 5427 @using System.Web 5428 @using Dynamicweb.Rapido.Blocks.Extensibility 5429 @using Dynamicweb.Rapido.Blocks 5430 5431 @{ 5432 bool showDownloadCartLink = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("ShowDownloadCart"); 5433 5434 Block masterDesktopActionsMenuDownloadCart = new Block 5435 { 5436 Id = "MasterDesktopActionsMenuDownloadCart", 5437 SortId = 50, 5438 Template = RenderDownloadCart() 5439 }; 5440 5441 if (showDownloadCartLink && Model.CurrentUser.ID > 0) 5442 { 5443 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterDesktopActionsMenuDownloadCart); 5444 } 5445 } 5446 5447 @helper RenderDownloadCart() 5448 { 5449 int downloadCartPageId = GetPageIdByNavigationTag("DownloadCart"); 5450 string downloadCartPageLink = "/Default.aspx?ID=" + downloadCartPageId; 5451 5452 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal"; 5453 string liClasses = topLayout != "normal" ? "menu__item--top-level u-hidden-xxs" : "menu--clean"; 5454 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon"; 5455 string counterPosition = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("CounterPosition") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("CounterPosition").SelectedValue : "right"; 5456 5457 <li class="menu__item menu__item--horizontal @liClasses menu__item--icon dw-mod"> 5458 <a href="@downloadCartPageLink" class="@menuLinkClass dw-mod" title="@Translate("Download cart")"> 5459 <span class="u-inline u-position-relative"> 5460 <i class="fas fa-cart-arrow-down fa-1_5x"></i> 5461 <span class="mini-cart__counter u-hidden @(counterPosition == "right" ? "mini-cart__counter--inline" : "") dw-mod js-download-cart-counter"></span> 5462 </span> 5463 </a> 5464 </li> 5465 } 5466 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 5467 5468 @using System 5469 @using System.Web 5470 @using Dynamicweb.Rapido.Blocks.Extensibility 5471 @using Dynamicweb.Rapido.Blocks 5472 5473 @functions { 5474 public class SearchConfiguration 5475 { 5476 public string searchFeedId { get; set; } 5477 public string searchSecondFeedId { get; set; } 5478 public int groupsFeedId { get; set; } 5479 public string resultPageLink { get; set; } 5480 public string searchPlaceholder { get; set; } 5481 public string searchType { get; set; } 5482 public string searchTemplate { get; set; } 5483 public string searchContentTemplate { get; set; } 5484 public string searchValue { get; set; } 5485 public bool showGroups { get; set; } 5486 5487 public SearchConfiguration() 5488 { 5489 searchFeedId = ""; 5490 searchSecondFeedId = ""; 5491 searchType = "product-search"; 5492 searchContentTemplate = ""; 5493 showGroups = true; 5494 } 5495 } 5496 } 5497 @{ 5498 Block masterSearchBar = new Block 5499 { 5500 Id = "MasterSearchBar", 5501 SortId = 40, 5502 Template = RenderSearch("bar"), 5503 Design = new Design 5504 { 5505 Size = "auto", 5506 HidePadding = true, 5507 RenderType = RenderType.Column 5508 } 5509 }; 5510 5511 Block masterSearchAction = new Block 5512 { 5513 Id = "MasterDesktopActionsMenuSearch", 5514 SortId = 10, 5515 Template = RenderSearch() 5516 }; 5517 5518 BlocksPage.GetBlockPage("Master").Add("MasterHeader", masterSearchBar); 5519 BlocksPage.GetBlockPage("Master").Add("MasterDesktopActionsMenu", masterSearchAction); 5520 } 5521 5522 @helper RenderSearch(string type = "mini-search") 5523 { 5524 string productsPageId = Converter.ToString(GetPageIdByNavigationTag("ProductsPage")); 5525 string contentSearchPageLink = GetPageIdByNavigationTag("ContentSearchResults") + "&Areaid=" + Model.Area.ID; 5526 string searchType = Model.Area.Item.GetItem("Layout").GetList("TopSearch") != null ? Model.Area.Item.GetItem("Layout").GetList("TopSearch").SelectedValue : "productSearch"; 5527 5528 SearchConfiguration searchConfiguration = null; 5529 5530 switch (searchType) { 5531 case "contentSearch": 5532 searchConfiguration = new SearchConfiguration() { 5533 searchFeedId = GetPageIdByNavigationTag("ContentSearchFeed") + "&Areaid=" + Model.Area.ID + "&pagesOnly=true", 5534 resultPageLink = contentSearchPageLink, 5535 searchPlaceholder = Translate("Search page"), 5536 groupsFeedId = 0, 5537 searchType = "content-search", 5538 searchTemplate = "SearchPagesTemplate", 5539 showGroups = false 5540 }; 5541 break; 5542 case "combinedSearch": 5543 searchConfiguration = new SearchConfiguration() { 5544 searchFeedId = productsPageId + "&feed=true", 5545 searchSecondFeedId = GetPageIdByNavigationTag("ContentSearchFeed") + "&Areaid=" + Model.Area.ID + "&pagesOnly=true", 5546 resultPageLink = Converter.ToString(productsPageId), 5547 searchPlaceholder = Translate("Search products or pages"), 5548 groupsFeedId = GetPageIdByNavigationTag("ProductGroupsFeed"), 5549 searchType = "combined-search", 5550 searchTemplate = "SearchProductsTemplateWrap", 5551 searchContentTemplate = "SearchPagesTemplateWrap", 5552 showGroups = Model.Area.Item.GetItem("Layout").GetBoolean("ShowGroupsSelector") 5553 }; 5554 break; 5555 default: //productSearch 5556 searchConfiguration = new SearchConfiguration() { 5557 resultPageLink = Converter.ToString(productsPageId), 5558 searchFeedId = productsPageId + "&feed=true", 5559 groupsFeedId = GetPageIdByNavigationTag("ProductGroupsFeed"), 5560 searchPlaceholder = Translate("Search products"), 5561 searchTemplate = "SearchProductsTemplate", 5562 searchType = "product-search", 5563 showGroups = Model.Area.Item.GetItem("Layout").GetBoolean("ShowGroupsSelector") 5564 }; 5565 break; 5566 } 5567 searchConfiguration.searchValue = HttpContext.Current.Request.QueryString.Get("Search") ?? ""; 5568 5569 if (type == "mini-search") { 5570 @RenderMiniSearch(searchConfiguration) 5571 } else { 5572 @RenderSearchBar(searchConfiguration) 5573 } 5574 } 5575 5576 @helper RenderSearchBar(SearchConfiguration options) 5577 { 5578 <div class="typeahead typeahead--centered u-color-inherit js-typeahead dw-mod" id="ProductSearchBar" 5579 data-page-size="7" 5580 data-search-feed-id="@options.searchFeedId" 5581 data-search-second-feed-id="@options.searchSecondFeedId" 5582 data-result-page-id="@options.resultPageLink" 5583 data-groups-page-id="@options.groupsFeedId" 5584 data-search-type="@options.searchType"> 5585 @if (options.showGroups) 5586 { 5587 <button type="button" class="btn btn--condensed u-color-light-gray--bg typeahead-group-btn dw-mod js-typeahead-groups-btn" data-group-id="all">@Translate("All")</button> 5588 <ul class="dropdown dropdown--absolute-position u-min-w220px js-handlebars-root js-typeahead-groups-content dw-mod" id="ProductSearchBarGroupsContent" data-template="SearchGroupsTemplate" data-json-feed="/Default.aspx?ID=@options.groupsFeedId&feedType=productGroups" data-init-onload="false" data-preloader="minimal"></ul> 5589 } 5590 <div class="typeahead-search-field"> 5591 <input type="text" class="u-no-margin u-full-width u-full-height js-typeahead-search-field" placeholder="@options.searchPlaceholder" value="@options.searchValue"> 5592 @if (string.IsNullOrEmpty(options.searchSecondFeedId)) 5593 { 5594 <ul class="dropdown dropdown--absolute-position u-min-w220px u-full-width js-handlebars-root js-typeahead-search-content dw-mod" id="ProductSearchBarContent" data-template="@options.searchTemplate" data-json-feed="/Default.aspx?ID=@options.searchFeedId&feedType=productsOnly" data-init-onload="false"></ul> 5595 } 5596 else 5597 { 5598 <div class="dropdown dropdown--absolute-position dropdown--combined grid"> 5599 <div class="js-typeahead-search-content grid__col-sm-7 grid__col--bleed-y" id="ProductSearchBarContent" data-template="@options.searchTemplate" data-init-onload="false"></div> 5600 <div class="js-typeahead-additional-search-content grid__col-sm-5 grid__col--bleed-y" id="ContentSearchBarContent" data-template="@options.searchContentTemplate" data-init-onload="false"></div> 5601 </div> 5602 } 5603 </div> 5604 <button type="button" class="btn btn--condensed btn--primary u-no-margin dw-mod js-typeahead-enter-btn" title="@Translate("Search")"><i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue"></i></button> 5605 </div> 5606 } 5607 5608 @helper RenderMiniSearch(SearchConfiguration options) 5609 { 5610 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal"; 5611 string menuLinkClass = topLayout != "normal" && topLayout != "splitted-center" ? "menu__link menu__link--icon" : "header-menu__link header-menu__link--icon"; 5612 5613 <li class="menu__item menu__item--horizontal menu__item--top-level menu__item--icon u-hidden-xxs is-dropdown is-dropdown--no-icon dw-mod" id="miniSearchIcon"> 5614 <div class="@menuLinkClass dw-mod" title="@Translate("Search")"> 5615 <i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("SearchIcon").SelectedValue fa-1_5x"></i> 5616 <span class="headericonlabel searchtext">@Translate("Searchicontext", "Search")</span> 5617 </div> 5618 <div class="menu menu--dropdown menu--dropdown-right u-no-padding u-w380px grid__cell dw-mod"> 5619 <div class="typeahead js-typeahead" id="ProductSearchBar" 5620 data-page-size="7" 5621 data-search-feed-id="@options.searchFeedId" 5622 data-search-second-feed-id="@options.searchSecondFeedId" 5623 data-result-page-id="@options.resultPageLink" 5624 data-search-type="@options.searchType"> 5625 <div class="typeahead-search-field"> 5626 <input type="text" class="u-no-margin u-full-width js-typeahead-search-field" id="headerSearch" placeholder="@options.searchPlaceholder" value="@options.searchValue"> 5627 @if (string.IsNullOrEmpty(options.searchSecondFeedId)) 5628 { 5629 <ul class="dropdown dropdown--absolute-position u-min-w220px u-full-width js-handlebars-root js-typeahead-search-content dw-mod" id="ProductSearchBarContent" data-template="@options.searchTemplate" data-json-feed="/Default.aspx?ID=@options.searchFeedId&feedType=productsOnly" data-init-onload="false"></ul> 5630 } 5631 else 5632 { 5633 <div class="dropdown dropdown--absolute-position dropdown--combined grid dropdown--right-aligned"> 5634 <div class="js-handlebars-root js-typeahead-search-content grid__col-sm-7 grid__col--bleed-y" id="ProductSearchBarContent" data-template="@options.searchTemplate" data-json-feed="/Default.aspx?ID=@options.searchFeedId&feedType=productsOnly" data-init-onload="false"></div> 5635 <div class="js-handlebars-root js-typeahead-additional-search-content grid__col-sm-5 grid__col--bleed-y" id="ContentSearchBarContent" data-template="@options.searchContentTemplate" data-json-feed="/Default.aspx?ID=@options.searchSecondFeedId" data-init-onload="false"></div> 5636 </div> 5637 } 5638 </div> 5639 </div> 5640 </div> 5641 </li> 5642 } 5643 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 5644 5645 @using System 5646 @using System.Web 5647 @using Dynamicweb.Rapido.Blocks.Extensibility 5648 @using Dynamicweb.Rapido.Blocks 5649 5650 @{ 5651 string headerConfigurationTopLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal"; 5652 bool headerConfigurationHideSearch = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideSearch"); 5653 5654 BlocksPage headerConfigurationPage = BlocksPage.GetBlockPage("Master"); 5655 5656 Block configDesktopLogo = headerConfigurationPage.GetBlockById("MasterDesktopLogo"); 5657 headerConfigurationPage.RemoveBlock(configDesktopLogo); 5658 5659 Block configDesktopMenu = headerConfigurationPage.GetBlockById("MasterDesktopMenu"); 5660 headerConfigurationPage.RemoveBlock(configDesktopMenu); 5661 5662 Block configSearchBar = headerConfigurationPage.GetBlockById("MasterSearchBar"); 5663 headerConfigurationPage.RemoveBlock(configSearchBar); 5664 5665 Block configSearchAction = headerConfigurationPage.GetBlockById("MasterDesktopActionsMenuSearch"); 5666 headerConfigurationPage.RemoveBlock(configSearchAction); 5667 5668 Block configDesktopActionsMenu = headerConfigurationPage.GetBlockById("MasterDesktopActionsMenu"); 5669 headerConfigurationPage.RemoveBlock(configDesktopActionsMenu); 5670 5671 Block configDesktopExtra = headerConfigurationPage.GetBlockById("MasterDesktopExtra"); 5672 5673 switch (headerConfigurationTopLayout) 5674 { 5675 case "condensed": //2 5676 configDesktopLogo.Design.Size = "auto-width"; 5677 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopLogo); 5678 5679 configDesktopMenu.SortId = 20; 5680 configDesktopMenu.Design.Size = "auto"; 5681 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu); 5682 5683 configDesktopActionsMenu.SortId = 30; 5684 configDesktopActionsMenu.Design.Size = "auto-width"; 5685 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu); 5686 5687 if (!headerConfigurationHideSearch) 5688 { 5689 configSearchBar.SortId = 40; 5690 configSearchBar.Design.Size = "12"; 5691 configDesktopExtra.SortId = 50; 5692 headerConfigurationPage.Add("MasterDesktopExtra", configSearchBar); 5693 } 5694 break; 5695 case "splitted": //3 5696 configDesktopLogo.Design.Size = "auto"; 5697 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopLogo); 5698 5699 if (!headerConfigurationHideSearch) 5700 { 5701 configSearchBar.SortId = 20; 5702 configSearchBar.Design.Size = "auto"; 5703 headerConfigurationPage.Add("MasterDesktopExtra", configSearchBar); 5704 } 5705 5706 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu); 5707 5708 configDesktopActionsMenu.SortId = 20; 5709 configDesktopActionsMenu.Design.Size = "auto-width"; 5710 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu); 5711 break; 5712 case "splitted-center": //4 5713 configDesktopLogo.Design.Size = "auto"; 5714 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopLogo); 5715 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu); 5716 5717 configDesktopActionsMenu.SortId = 30; 5718 configDesktopActionsMenu.Design.Size = "auto-width"; 5719 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopActionsMenu); 5720 5721 if (!headerConfigurationHideSearch) 5722 { 5723 headerConfigurationPage.Add("MasterDesktopActionsMenu", configSearchAction); 5724 } 5725 break; 5726 case "minimal": //5 5727 configDesktopLogo.Design.Size = "auto-width"; 5728 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopLogo); 5729 5730 configDesktopMenu.Design.Size = "auto"; 5731 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu); 5732 5733 configDesktopActionsMenu.SortId = 20; 5734 configDesktopActionsMenu.Design.Size = "auto-width"; 5735 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu); 5736 5737 if (!headerConfigurationHideSearch) 5738 { 5739 headerConfigurationPage.Add("MasterDesktopActionsMenu", configSearchAction); 5740 } 5741 break; 5742 case "minimal-center": //6 5743 configDesktopLogo.Design.Size = "auto-width"; 5744 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopLogo); 5745 5746 configDesktopMenu.Design.Size = "auto"; 5747 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu); 5748 5749 configDesktopActionsMenu.SortId = 20; 5750 configDesktopActionsMenu.Design.Size = "auto-width"; 5751 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu); 5752 5753 if (!headerConfigurationHideSearch) 5754 { 5755 headerConfigurationPage.Add("MasterDesktopActionsMenu", configSearchAction); 5756 } 5757 break; 5758 case "minimal-right": //7 5759 configDesktopLogo.Design.Size = "auto-width"; 5760 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopLogo); 5761 5762 configDesktopMenu.Design.Size = "auto"; 5763 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu); 5764 5765 configDesktopActionsMenu.SortId = 20; 5766 configDesktopActionsMenu.Design.Size = "auto-width"; 5767 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu); 5768 5769 if (!headerConfigurationHideSearch) 5770 { 5771 headerConfigurationPage.Add("MasterDesktopActionsMenu", configSearchAction); 5772 } 5773 break; 5774 case "two-lines": //8 5775 configDesktopLogo.Design.Size = "auto"; 5776 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopLogo); 5777 5778 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu); 5779 5780 configDesktopActionsMenu.SortId = 20; 5781 configDesktopActionsMenu.Design.Size = "auto-width"; 5782 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu); 5783 5784 if (!headerConfigurationHideSearch) 5785 { 5786 headerConfigurationPage.Add("MasterDesktopActionsMenu", configSearchAction); 5787 } 5788 break; 5789 case "two-lines-centered": //9 5790 configDesktopLogo.Design.Size = "auto"; 5791 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopLogo); 5792 5793 configDesktopMenu.Design.Size = "auto-width"; 5794 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu); 5795 5796 configDesktopActionsMenu.SortId = 20; 5797 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopActionsMenu); 5798 5799 if (!headerConfigurationHideSearch) 5800 { 5801 headerConfigurationPage.Add("MasterDesktopActionsMenu", configSearchAction); 5802 } 5803 break; 5804 case "normal": //1 5805 default: 5806 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopLogo); 5807 5808 if (!headerConfigurationHideSearch) 5809 { 5810 configSearchBar.SortId = 20; 5811 headerConfigurationPage.Add("MasterDesktopExtra", configSearchBar); 5812 } 5813 5814 configDesktopActionsMenu.SortId = 30; 5815 headerConfigurationPage.Add("MasterDesktopExtra", configDesktopActionsMenu); 5816 5817 configDesktopActionsMenu.Design.Size = "auto-width"; 5818 headerConfigurationPage.Add("MasterDesktopNavigation", configDesktopMenu); 5819 break; 5820 } 5821 } 5822 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 5823 5824 @using System 5825 @using System.Web 5826 @using Dynamicweb.Rapido.Blocks.Extensibility 5827 @using Dynamicweb.Rapido.Blocks 5828 5829 @{ 5830 5831 } 5832 5833 5834 @helper RenderDesktopTools() 5835 { 5836 List<Block> subBlocks = headerBlocksPage.GetBlockListById("MasterDesktopTools").OrderBy(item => item.SortId).ToList(); 5837 5838 <div class="tools-navigation dw-mod"> 5839 <div class="center-container grid top-container__center-container dw-mod"> 5840 @RenderBlockList(subBlocks) 5841 </div> 5842 </div> 5843 } 5844 5845 @helper RenderDesktopToolsText() 5846 { 5847 string toolsText = Model.Area.Item.GetItem("Layout").GetItem("Header").GetString("ToolsText"); 5848 if (!string.IsNullOrEmpty(toolsText)) 5849 { 5850 <div class="u-margin-top u-margin-bottom">@toolsText</div> 5851 } 5852 } 5853 5854 @helper RenderDesktopToolsNavigation() 5855 { 5856 bool renderPagesInToolBar = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("RenderPagesInToolBar"); 5857 5858 if (renderPagesInToolBar) 5859 { 5860 @RenderNavigation(new 5861 { 5862 id = "topToolsNavigation", 5863 cssclass = "menu menu-tools dw-mod dwnavigation", 5864 template = "TopMenu.xslt" 5865 }) 5866 } 5867 } 5868 5869 @helper RenderDesktopNavigation() 5870 { 5871 List<Block> subBlocks = headerBlocksPage.GetBlockListById("MasterDesktopNavigation").OrderBy(item => item.SortId).ToList(); 5872 string topLayout = Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout") != null ? Model.Area.Item.GetItem("Layout").GetItem("Header").GetList("TopLayout").SelectedValue : "normal"; 5873 string alignClass = topLayout == "two-lines-centered" ? "grid--justify-center" : ""; 5874 <nav class="main-navigation dw-mod"> 5875 <div class="center-container top-container__center-container grid @alignClass dw-mod"> 5876 @RenderBlockList(subBlocks) 5877 </div> 5878 </nav> 5879 } 5880 5881 @helper RenderDesktopExtra() 5882 { 5883 List<Block> subBlocks = headerBlocksPage.GetBlockListById("MasterDesktopExtra").OrderBy(item => item.SortId).ToList(); 5884 5885 if (subBlocks.Count > 0) 5886 { 5887 <div class="header header-top dw-mod"> 5888 <div class="center-container top-container__center-container grid--justify-space-between grid grid--align-center dw-mod"> 5889 @RenderBlockList(subBlocks) 5890 </div> 5891 </div> 5892 } 5893 }</text> 5894 } 5895 5896 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 5897 5898 @using System 5899 @using System.Web 5900 @using Dynamicweb.Rapido.Blocks.Extensibility 5901 @using Dynamicweb.Rapido.Blocks 5902 @using Dynamicweb.Rapido.Blocks.Components.General 5903 @using Dynamicweb.Frontend 5904 5905 @functions { 5906 int impersonationPageId; 5907 string impersonationLayout; 5908 int impersonationFeed; 5909 Block impersonationBar; 5910 5911 string getUserNameFromParams(string firstName, string middleName, string lastName, string name, string email, string userName) 5912 { 5913 string username = ""; 5914 5915 if (!string.IsNullOrEmpty(firstName) && !string.IsNullOrEmpty(lastName)) 5916 { 5917 username = firstName + " " + (!string.IsNullOrEmpty(middleName) ? middleName + " " : "") + lastName; 5918 } 5919 else if (!string.IsNullOrEmpty(name)) 5920 { 5921 username = name; 5922 } 5923 else if (!string.IsNullOrEmpty(email)) 5924 { 5925 username = email; 5926 } 5927 else 5928 { 5929 username = userName; 5930 } 5931 return username; 5932 } 5933 5934 string getUserName(UserViewModel user) 5935 { 5936 return getUserNameFromParams(user.FirstName, user.MiddleName, user.LastName, user.Name, user.Email, user.UserName); 5937 } 5938 5939 string getUserName(Dynamicweb.Security.UserManagement.User user) 5940 { 5941 return getUserNameFromParams(user.FirstName, user.MiddleName, user.LastName, user.Name, user.Email, user.UserName); 5942 } 5943 } 5944 5945 @{ 5946 impersonationPageId = GetPageIdByNavigationTag("Impersonation"); 5947 impersonationLayout = Model.Area.Item.GetItem("Ecommerce").GetList("ImpersonationLayout") != null ? Model.Area.Item.GetItem("Ecommerce").GetList("ImpersonationLayout").SelectedValue : "bar"; 5948 impersonationFeed = GetPageIdByNavigationTag("UsersFeed"); 5949 5950 if (Model.CurrentUser.ID > 0 && Model.SecondaryUsers.Count > 0) 5951 { 5952 impersonationBar = new Block 5953 { 5954 Id = "ImpersonationBar", 5955 SortId = 50, 5956 Template = RenderImpersonation(), 5957 SkipRenderBlocksList = true, 5958 Design = new Design 5959 { 5960 Size = "auto-width", 5961 HidePadding = true, 5962 RenderType = RenderType.Column 5963 } 5964 }; 5965 5966 if (impersonationLayout == "top-bar") { 5967 impersonationBar.SortId = 9; 5968 } 5969 5970 Block impersonationContent = new Block 5971 { 5972 Id = "ImpersonationContent", 5973 SortId = 20 5974 }; 5975 5976 if (Model.CurrentSecondaryUser != null && Model.CurrentSecondaryUser.ID > 0) 5977 { 5978 //Render stop impersonation view 5979 impersonationContent.Template = RenderStopImpersonationView(); 5980 5981 5982 Modal stopImpersonation = new Modal 5983 { 5984 Id = "StopImpersonation", 5985 Heading = new Heading { 5986 Level = 2, 5987 Title = Translate("Sign out"), 5988 Icon = new Icon { 5989 Name = "fa-sign-out", 5990 Prefix = "fas", 5991 LabelPosition = IconLabelPosition.After 5992 } 5993 }, 5994 Width = ModalWidth.Sm, 5995 BodyTemplate = RenderStopImpersonationForm() 5996 }; 5997 5998 Block stopImpersonationBlock = new Block 5999 { 6000 Id = "StopImpersonationBlock", 6001 SortId = 10, 6002 Component = stopImpersonation 6003 }; 6004 impersonationBar.BlocksList.Add(stopImpersonationBlock); 6005 } 6006 else 6007 { 6008 //Render main view 6009 switch (impersonationLayout) 6010 { 6011 case "right-lower-box": 6012 impersonationContent.BlocksList.Add( 6013 new Block { 6014 Id = "RightLowerBoxHeader", 6015 SortId = 10, 6016 Component = new Heading { 6017 Level = 5, 6018 Title = Translate("View the list of users you can sign in as"), 6019 CssClass = "impersonation-text" 6020 } 6021 } 6022 ); 6023 impersonationContent.BlocksList.Add( 6024 new Block { 6025 Id = "RightLowerBoxContent", 6026 SortId = 20, 6027 Template = RenderImpersonationControls() 6028 } 6029 ); 6030 break; 6031 case "right-lower-bar": 6032 impersonationContent.BlocksList.Add( 6033 new Block { 6034 Id = "RightLowerBarContent", 6035 SortId = 10, 6036 Template = RenderImpersonationControls() 6037 } 6038 ); 6039 break; 6040 case "bar": 6041 default: 6042 impersonationContent.BlocksList.Add( 6043 new Block { 6044 Id = "ViewListLink", 6045 SortId = 20, 6046 Template = RenderViewListLink() 6047 } 6048 ); 6049 impersonationContent.BlocksList.Add( 6050 new Block { 6051 Id = "BarTypeaheadSearch", 6052 SortId = 30, 6053 Template = RenderTypeaheadSearch() 6054 } 6055 ); 6056 break; 6057 } 6058 } 6059 impersonationBar.BlocksList.Add(impersonationContent); 6060 6061 impersonationBar.BlocksList.Add( 6062 new Block 6063 { 6064 Id = "ImpersonationSearchTemplates", 6065 SortId = 30, 6066 Template = RenderSearchResultTemplate() 6067 } 6068 ); 6069 if (impersonationLayout != "bar" && impersonationLayout != "top-bar") 6070 { 6071 impersonationBar.BlocksList.Add( 6072 new Block 6073 { 6074 Id = "ImpersonationSearchScripts", 6075 SortId = 40, 6076 Template = RenderSearchScripts() 6077 } 6078 ); 6079 } 6080 BlocksPage.GetBlockPage("Master").Add("MasterHeader", impersonationBar); 6081 } 6082 } 6083 6084 @helper RenderImpersonation() 6085 { 6086 List<Block> subBlocks = impersonationBar.BlocksList.OrderBy(item => item.SortId).ToList(); 6087 <input type="checkbox" class="impersonation-trigger js-remember-state" id="ImpersonationMinimizeTrigger" /> 6088 <div class="impersonation impersonation--@(impersonationLayout)-layout dw-mod" id="Impersonation"> 6089 @if (impersonationLayout == "right-lower-box") 6090 { 6091 @RenderRightLowerBoxHeader() 6092 } 6093 <div class="center-container top-container__center-container impersonation__container @(impersonationLayout != "bar" && impersonationLayout != "top-bar" ? "impersonation__container--box" : "") dw-mod"> 6094 @*Impersonation*@ 6095 @RenderBlockList(subBlocks) 6096 </div> 6097 </div> 6098 } 6099 6100 @helper RenderRightLowerBoxHeader() 6101 { 6102 <div class="impersonation__header dw-mod"> 6103 <div class="impersonation__title">@Translate("Impersonation")</div> 6104 <label for="ImpersonationMinimizeTrigger" class="btn btn--impersonation impersonation__minimize-btn dw-mod" onclick="this.blur();"> 6105 @Render(new Icon 6106 { 6107 Prefix = "fas", 6108 Name = "fa-window-minimize" 6109 }) 6110 </label> 6111 </div> 6112 } 6113 6114 @helper RenderStopImpersonationView() 6115 { 6116 string secondaryUserName = getUserName(Model.CurrentSecondaryUser); 6117 string userName = getUserName(Pageview.User); 6118 string impersonationText = "<span class=\"impersonation-light-text dw-mod\">" + Translate("Logged in as") + "</span> <b>" + secondaryUserName + "</b> <span class=\"impersonation-light-text dw-mod\">" + Translate("by") + "</span> <b>" + userName + "</b> "; 6119 impersonationText = Dynamicweb.Security.UserManagement.User.ImpersonationMode == Dynamicweb.Security.UserManagement.UserImpersonation.Full ? "<span class=\"impersonation-light-text dw-mod\">" + Translate("Logged in as") + "</span> <b>" + userName + "</b> <span class=\"impersonation-light-text dw-mod\">" + Translate("by") + "</span> <b>" + secondaryUserName + "</b> " : impersonationText; 6120 6121 if (impersonationLayout == "right-lower-box") 6122 { 6123 <div class="u-margin-bottom--lg u-ta-center"> 6124 @impersonationText 6125 </div> 6126 <div class="u-margin-bottom--lg u-ta-center"> 6127 @RenderSwitchAccountButton() 6128 </div> 6129 @RenderStopImpersonationButton() 6130 } 6131 else 6132 { 6133 <div class="grid grid--align-center impersonation__stop-wrap"> 6134 <div class="impersonation-bar-item dw-mod"> 6135 @impersonationText 6136 </div> 6137 <div class="impersonation-bar-item dw-mod"> 6138 @RenderSwitchAccountButton() 6139 </div> 6140 <div class="impersonation-bar-item dw-mod"> 6141 @RenderStopImpersonationButton() 6142 </div> 6143 </div> 6144 } 6145 } 6146 6147 @helper RenderSwitchAccountButton() { 6148 @Render(new Button 6149 { 6150 Href = "/Default.aspx?ID=" + impersonationPageId, 6151 ButtonType = ButtonType.Button, 6152 ButtonLayout = ButtonLayout.Clean, 6153 Title = Translate("Switch account"), 6154 Icon = new Icon { 6155 Name = "fa-users", 6156 Prefix = "fal", 6157 LabelPosition = IconLabelPosition.After 6158 }, 6159 CssClass = "u-no-margin u-color-inherit" 6160 }) 6161 } 6162 6163 @helper RenderStopImpersonationForm() 6164 { 6165 string secondaryUserName = getUserName(Model.CurrentSecondaryUser); 6166 string userName = getUserName(Pageview.User); 6167 int pageId = Model.TopPage.ID; 6168 6169 <form method="post" class="u-no-margin"> 6170 @Render(new Button 6171 { 6172 ButtonType = ButtonType.Submit, 6173 ButtonLayout = ButtonLayout.Secondary, 6174 Title = Translate("Sign out as") + " " + userName, 6175 Href = "/Default.aspx?ID=" + impersonationPageId, 6176 CssClass = "btn--full", 6177 Name = "DwExtranetRemoveSecondaryUser" 6178 }) 6179 6180 @Render(new Button 6181 { 6182 ButtonType = ButtonType.Submit, 6183 ButtonLayout = ButtonLayout.Secondary, 6184 Title = Translate("Sign out as") + " " + secondaryUserName, 6185 Href = "/Admin/Public/ExtranetLogoff.aspx?ID=" + pageId, 6186 CssClass = "btn--full", 6187 Name = "DwExtranetRemoveSecondaryUser" 6188 }) 6189 </form> 6190 } 6191 6192 @helper RenderStopImpersonationButton() { 6193 @Render(new Button 6194 { 6195 ButtonType = ButtonType.Button, 6196 ButtonLayout = ButtonLayout.Clean, 6197 Title = Translate("Sign out"), 6198 Icon = new Icon { 6199 Name = "fa-sign-out", 6200 Prefix = "fal", 6201 LabelPosition = IconLabelPosition.After 6202 }, 6203 OnClick = "document.getElementById('StopImpersonationModalTrigger').checked = true", 6204 CssClass = "u-no-margin" 6205 }) 6206 } 6207 6208 @helper RenderImpersonationControls() 6209 { 6210 <div class="impersonation__controls"> 6211 @RenderViewListLink() 6212 @RenderSearchBox() 6213 </div> 6214 @RenderResultsList() 6215 } 6216 6217 @helper RenderViewListLink() 6218 { 6219 string title = impersonationLayout == "right-lower-box" ? Translate("View the list") : Translate("View the list of users you can sign in as"); 6220 string buttonClasses = impersonationLayout == "right-lower-box" ? "impersonation__button btn btn--impersonation" : "impersonation__link impersonation__link"; 6221 6222 @Render(new Link { 6223 ButtonLayout = ButtonLayout.None, 6224 Title = title, 6225 Href = "/Default.aspx?ID=" + impersonationPageId, 6226 CssClass = buttonClasses 6227 }) 6228 } 6229 6230 @helper RenderSearchBox() 6231 { 6232 <div class="impersonation__search-wrap"> 6233 <input placeholder="@Translate("Search users")" type="text" class="impersonation__search-field dw-mod" onkeyup="searchKeyUpHandler(event)" id="ImpersonationBoxSearchField"> 6234 <div id="ImpersonationBoxSearchFind" class="impersonation__search-icon dw-mod" onclick="updateResults(document.getElementById('ImpersonationBoxSearchField').value)"> 6235 <i class="fal fa-search"></i> 6236 </div> 6237 <div id="ImpersonationBoxSearchClear" class="impersonation__search-icon u-hidden dw-mod" onclick="clearResults();"> 6238 <i class="fal fa-times"></i> 6239 </div> 6240 </div> 6241 } 6242 6243 @helper RenderTypeaheadSearch() 6244 { 6245 <div class="typeahead u-ta-right impersonation__typeahead js-typeahead dw-mod" id="ImpersonationSearchBar" 6246 data-page-size="5" 6247 data-search-feed-id="@impersonationFeed" 6248 data-result-page-id="@impersonationPageId" 6249 data-search-type="user-search" 6250 data-search-parameter-name="q"> 6251 6252 <div class="typeahead-search-field"> 6253 <input type="text" class="u-no-margin u-full-width js-typeahead-search-field" placeholder="@Translate("Search users")"> 6254 <ul class="dropdown dropdown--absolute-position u-min-w220px u-full-width js-handlebars-root js-typeahead-search-content dw-mod" id="ImpersonationSearchBarContent" data-template="ImpersonationSearchResult" data-json-feed="/Default.aspx?ID=@impersonationFeed" data-init-onload="false"></ul> 6255 </div> 6256 </div> 6257 } 6258 6259 @helper RenderResultsList() 6260 { 6261 <ul id="ImpersonationBoxSearchResults" class="impersonation__search-results js-handlebars-root dw-mod" data-template="ImpersonationSearchResult" data-json-feed="/Default.aspx?ID=@impersonationFeed" data-init-onload="false" data-preloader="minimal"></ul> 6262 } 6263 6264 @helper RenderSearchResultTemplate() 6265 { 6266 <script id="ImpersonationSearchResult" type="text/x-template"> 6267 {{#.}} 6268 {{#Users}} 6269 <li class="impersonation__search-results-item impersonation-user"> 6270 <form method="post" class="impersonation-user__form" name="account{{id}}"> 6271 <input type="hidden" id="DWExtranetSecondaryUserSelector" name="DWExtranetSecondaryUserSelector" value="{{id}}"> 6272 <div class="impersonation-user__info"> 6273 <div class="impersonation-user__name">{{userName}}</div> 6274 <div class="impersonation-user__number">{{customerNumber}}</div> 6275 </div> 6276 @Render(new Button 6277 { 6278 ButtonType = ButtonType.Submit, 6279 ButtonLayout = ButtonLayout.Secondary, 6280 Title = Translate("Sign in as"), 6281 CssClass = "impersonation-user__sign-in-btn" + (impersonationLayout != "bar" ? " btn--impersonation" : "") 6282 }) 6283 </form> 6284 </li> 6285 {{/Users}} 6286 {{#unless Users}} 6287 <li class="impersonation__search-results-item impersonation__search-results-item--not-found"> 6288 @Translate("Your search gave 0 results") 6289 </li> 6290 {{/unless}} 6291 {{/.}} 6292 </script> 6293 } 6294 6295 @helper RenderSearchScripts() 6296 { 6297 <script> 6298 let inputDelayTimer; 6299 function searchKeyUpHandler(e) { 6300 clearTimeout(inputDelayTimer); 6301 let value = e.target.value; 6302 if (value != "") { 6303 inputDelayTimer = setTimeout(function () { 6304 updateResults(value); 6305 }, 500); 6306 } else { 6307 clearResults(); 6308 } 6309 }; 6310 6311 function updateResults(value) { 6312 if (value == "") { 6313 return null; 6314 } 6315 HandlebarsBolt.UpdateContent("ImpersonationBoxSearchResults", "/Default.aspx?ID=@impersonationFeed&q=" + value); 6316 document.getElementById("ImpersonationBoxSearchFind").classList.add("u-hidden"); 6317 document.getElementById("ImpersonationBoxSearchClear").classList.remove("u-hidden"); 6318 } 6319 6320 function clearResults() { 6321 document.getElementById("ImpersonationBoxSearchField").value = ""; 6322 HandlebarsBolt.CleanContainer("ImpersonationBoxSearchResults"); 6323 document.getElementById("ImpersonationBoxSearchFind").classList.remove("u-hidden"); 6324 document.getElementById("ImpersonationBoxSearchClear").classList.add("u-hidden"); 6325 } 6326 </script> 6327 } 6328 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 6329 6330 @using System 6331 @using System.Web 6332 @using System.Collections.Generic 6333 @using Dynamicweb.Rapido.Blocks.Extensibility 6334 @using Dynamicweb.Rapido.Blocks 6335 6336 @{ 6337 BlocksPage miniCartBlocksPage = BlocksPage.GetBlockPage("Master"); 6338 string orderlinesView = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("OrderlinesView") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("OrderlinesView").SelectedValue : "table"; 6339 6340 Block orderLines = new Block 6341 { 6342 Id = "MiniCartOrderLines", 6343 SkipRenderBlocksList = true, 6344 BlocksList = new List<Block> 6345 { 6346 new Block { 6347 Id = "MiniCartOrderLinesList", 6348 SortId = 20, 6349 Template = RenderMiniCartOrderLinesList() 6350 } 6351 } 6352 }; 6353 6354 Block orderlinesScriptTemplates = new Block 6355 { 6356 Id = "OrderlinesScriptTemplates" 6357 }; 6358 6359 if (orderlinesView == "table") 6360 { 6361 orderLines.Template = RenderMiniCartOrderLinesTable(); 6362 orderLines.BlocksList.Add( 6363 new Block 6364 { 6365 Id = "MiniCartOrderlinesTableHeader", 6366 SortId = 10, 6367 Template = RenderMiniCartOrderLinesHeader() 6368 } 6369 ); 6370 6371 orderlinesScriptTemplates.Template = RenderMiniCartScriptsTableTemplates(); 6372 } 6373 else 6374 { 6375 orderLines.Template = RenderMiniCartOrderLinesBlocks(); 6376 orderlinesScriptTemplates.Template = RenderMiniCartScriptsListTemplates(); 6377 } 6378 6379 miniCartBlocksPage.Add("MasterBottomSnippets", orderlinesScriptTemplates); 6380 6381 Block miniCartScriptTemplates = new Block() 6382 { 6383 Id = "MasterMiniCartTemplates", 6384 SortId = 1, 6385 Template = RenderMiniCartScriptTemplates(), 6386 SkipRenderBlocksList = true, 6387 BlocksList = new List<Block> 6388 { 6389 orderLines, 6390 new Block { 6391 Id = "MiniCartFooter", 6392 Template = RenderMiniCartFooter(), 6393 SortId = 50, 6394 SkipRenderBlocksList = true, 6395 BlocksList = new List<Block> 6396 { 6397 new Block { 6398 Id = "MiniCartSubTotal", 6399 Template = RenderMiniCartSubTotal(), 6400 SortId = 30 6401 }, 6402 new Block { 6403 Id = "MiniCartFees", 6404 Template = RenderMiniCartFees(), 6405 SortId = 40 6406 }, 6407 new Block { 6408 Id = "MiniCartPoints", 6409 Template = RenderMiniCartPoints(), 6410 SortId = 50 6411 }, 6412 new Block { 6413 Id = "MiniCartTotal", 6414 Template = RenderMiniCartTotal(), 6415 SortId = 60 6416 }, 6417 new Block { 6418 Id = "MiniCartDisclaimer", 6419 Template = RenderMiniCartDisclaimer(), 6420 SortId = 70 6421 }, 6422 new Block { 6423 Id = "MiniCartActions", 6424 Template = RenderMiniCartActions(), 6425 SortId = 80 6426 } 6427 } 6428 } 6429 } 6430 }; 6431 6432 miniCartBlocksPage.Add("MasterBottomSnippets", miniCartScriptTemplates); 6433 } 6434 6435 @helper RenderMiniCartScriptsTableTemplates() 6436 { 6437 <script id="MiniCartOrderline" type="text/x-template"> 6438 {{#unless isEmpty}} 6439 <tr> 6440 <td class="u-w60px"><a href="{{link}}" class="{{hideimage}}"><img class="b-lazy" src="/Files/Images/placeholder.gif" data-src="/Admin/Public/GetImage.ashx?width=50&height=50&crop=5&Compression=75&image={{image}}" alt="{{name}}" title="{{name}}"></a></td> 6441 <td class="u-va-middle"> 6442 <a href="{{link}}" class="mini-cart-orderline__name" title="{{name}}">{{name}}</a> 6443 {{#if variantname}} 6444 <a href="{{link}}" class="mini-cart-orderline__name mini-cart-orderline__name--sm">{{variantname}}</a> 6445 {{/if}} 6446 {{#if unitname}} 6447 <div class="mini-cart-orderline__name mini-cart-orderline__name--sm">{{unitname}}</div> 6448 {{/if}} 6449 </td> 6450 <td class="u-ta-right u-va-middle">{{quantity}}</td> 6451 <td class="u-ta-right u-va-middle"> 6452 {{#if pointsTotal}} 6453 <span class="u-color--loyalty-points">{{pointsTotal}}</span> @Translate("points") 6454 {{else}} 6455 {{totalprice}} 6456 {{/if}} 6457 </td> 6458 </tr> 6459 {{/unless}} 6460 </script> 6461 6462 <script id="MiniCartOrderlineDiscount" type="text/x-template"> 6463 {{#unless isEmpty}} 6464 <tr class="table__row--no-border"> 6465 <td class="u-w60px">&nbsp;</td> 6466 <td><div class="mini-cart-orderline__name dw-mod">{{name}}</div></td> 6467 <td class="u-ta-right">&nbsp;</td> 6468 <td class="u-ta-right">{{totalprice}}</td> 6469 </tr> 6470 {{/unless}} 6471 </script> 6472 } 6473 6474 @helper RenderMiniCartScriptsListTemplates() 6475 { 6476 int cartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed"); 6477 6478 <script id="MiniCartOrderline" type="text/x-template"> 6479 {{#unless isEmpty}} 6480 <div class="mini-cart-orderline grid dw-mod"> 6481 <div class="grid__col-4"> 6482 <a href="{{link}}" class="{{hideimage}}"> 6483 <img class="b-lazy" src="/Files/Images/placeholder.gif" data-src="/Admin/Public/GetImage.ashx?width=100&height=100&crop=5&Compression=75&image={{image}}" alt="{{name}}" title="{{name}}"> 6484 </a> 6485 </div> 6486 <div class="grid__col-8"> 6487 <a href="{{link}}" class="mini-cart-orderline__name mini-cart-orderline__name--truncate mini-cart-orderline__name--md u-padding-right--lg" title="{{name}}">{{name}}</a> 6488 {{#if variantname}} 6489 <div class="mini-cart-orderline__name mini-cart-orderline__name--sm dw-mod">@Translate("Variant"): {{variantname}}</div> 6490 {{/if}} 6491 {{#if unitname}} 6492 <div class="mini-cart-orderline__name mini-cart-orderline__name--sm dw-mod">@Translate("Unit"): {{unitname}}</div> 6493 {{/if}} 6494 <div class="mini-cart-orderline__name mini-cart-orderline__name--sm dw-mod">@Translate("Qty"): {{quantity}}</div> 6495 6496 <div class="grid__cell-footer"> 6497 <div class="grid__cell"> 6498 <div class="u-pull--left mini-cart-orderline__price dw-mod"> 6499 {{#if pointsTotal}} 6500 <span class="u-color--loyalty-points">{{pointsTotal}}</span> @Translate("points") 6501 {{else}} 6502 {{totalprice}} 6503 {{/if}} 6504 </div> 6505 <button type="button" 6506 title="@Translate("Remove orderline")" 6507 class="btn btn--clean btn--condensed u-pull--right mini-cart-orderline__remove-btn dw-mod" 6508 onclick="{{#if googleImpression}}googleImpressionRemoveFromCart({{googleImpression}});{{/if}}Cart.UpdateCart('miniCartContent', '/Default.aspx?ID=@cartFeedPageId', 'CartCmd=DelOrderLine&key={{orderLineId}}&redirect=false', true);">@Translate("Remove")</button> 6509 </div> 6510 </div> 6511 </div> 6512 </div> 6513 {{/unless}} 6514 </script> 6515 6516 <script id="MiniCartOrderlineDiscount" type="text/x-template"> 6517 {{#unless isEmpty}} 6518 <div class="mini-cart-orderline mini-cart-orderline--discount grid dw-mod"> 6519 <div class="grid__col-4"> 6520 <div class="mini-cart-orderline__name mini-cart-orderline__name dw-mod">{{name}}</div> 6521 </div> 6522 <div class="grid__col-8">{{totalprice}}</div> 6523 </div> 6524 {{/unless}} 6525 </script> 6526 } 6527 6528 @helper RenderMiniCartScriptTemplates() 6529 { 6530 List<Block> subBlocks = this.masterPage.GetBlockListById("MasterMiniCartTemplates").OrderBy(item => item.SortId).ToList(); 6531 bool useGoogleTagManager = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("GoogleTagManagerID")); 6532 string cartPageLink = string.Concat("/Default.aspx?ID=", GetPageIdByNavigationTag("CartPage")); 6533 bool miniCartUseGoogleTagManager = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("GoogleTagManagerID")); 6534 6535 <script id="MiniCartContent" type="text/x-template"> 6536 {{#.}} 6537 {{#unless isEmpty}} 6538 @if (miniCartUseGoogleTagManager) 6539 { 6540 <text>{{{googleEnchantImpressionEmptyCart OrderLines}}}</text> 6541 } 6542 @RenderBlockList(subBlocks) 6543 {{/unless}} 6544 {{/.}} 6545 </script> 6546 } 6547 6548 @helper RenderMiniCartOrderLinesTable() 6549 { 6550 List<Block> subBlocks = this.masterPage.GetBlockListById("MiniCartOrderLines").OrderBy(item => item.SortId).ToList(); 6551 6552 <div class="u-overflow-auto"> 6553 <table class="table mini-cart-table dw-mod"> 6554 @RenderBlockList(subBlocks) 6555 </table> 6556 </div> 6557 } 6558 6559 @helper RenderMiniCartOrderLinesBlocks() 6560 { 6561 List<Block> subBlocks = this.masterPage.GetBlockListById("MiniCartOrderLines").OrderBy(item => item.SortId).ToList(); 6562 6563 <div class="u-overflow-auto"> 6564 @RenderBlockList(subBlocks) 6565 </div> 6566 } 6567 6568 @helper RenderMiniCartOrderLinesHeader() 6569 { 6570 <thead> 6571 <tr> 6572 <td>&nbsp;</td> 6573 <td>@Translate("Product")</td> 6574 <td class="u-ta-right">@Translate("Qty")</td> 6575 <td class="u-ta-right" width="120">@Translate("Price")</td> 6576 </tr> 6577 </thead> 6578 } 6579 6580 @helper RenderMiniCartOrderLinesList() 6581 { 6582 <text> 6583 {{#OrderLines}} 6584 {{#ifCond template "===" "CartOrderline"}} 6585 {{>MiniCartOrderline}} 6586 {{/ifCond}} 6587 {{#ifCond template "===" "CartOrderlineMobile"}} 6588 {{>MiniCartOrderline}} 6589 {{/ifCond}} 6590 {{#ifCond template "===" "CartOrderlineDiscount"}} 6591 {{>MiniCartOrderlineDiscount}} 6592 {{/ifCond}} 6593 {{/OrderLines}} 6594 </text> 6595 } 6596 6597 @helper RenderMiniCartFees() 6598 { 6599 bool pointShop = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly"); 6600 if (!pointShop) 6601 { 6602 <text> 6603 {{#unless hidePaymentfee}} 6604 <div class="grid"> 6605 <div class="grid__col-6 grid__col--bleed-y"> 6606 {{paymentmethod}} 6607 </div> 6608 <div class="grid__col-6 grid__col--bleed-y grid--align-end">{{paymentfee}}</div> 6609 </div> 6610 {{/unless}} 6611 </text> 6612 } 6613 <text> 6614 {{#unless hideShippingfee}} 6615 <div class="grid"> 6616 <div class="grid__col-6 grid__col--bleed-y"> 6617 {{shippingmethod}} 6618 </div> 6619 <div class="grid__col-6 grid__col--bleed-y grid--align-end">{{shippingfee}}</div> 6620 </div> 6621 {{/unless}} 6622 </text> 6623 <text> 6624 {{#if hasTaxSettings}} 6625 <div class="grid"> 6626 <div class="grid__col-6 grid__col--bleed-y">@Translate("Sales Tax")</div> 6627 <div class="grid__col-6 grid__col--bleed-y grid--align-end">{{totaltaxes}}</div> 6628 </div> 6629 {{/if}} 6630 </text> 6631 } 6632 6633 @helper RenderMiniCartFooter() 6634 { 6635 List<Block> subBlocks = this.masterPage.GetBlockListById("MiniCartFooter").OrderBy(item => item.SortId).ToList(); 6636 6637 <div class="mini-cart__footer u-border-top u-padding-top dw-mod"> 6638 @RenderBlockList(subBlocks) 6639 </div> 6640 } 6641 6642 @helper RenderMiniCartActions() 6643 { 6644 int cartPageId = GetPageIdByNavigationTag("CartPage"); 6645 6646 <button type="button" title="@Translate("Empty cart")" class="btn btn--secondary u-full-width dw-mod u-no-margin u-margin-bottom" onclick="googleEnchantImpressionEmptyCart(); Cart.EmptyCart(event);">@Translate("Empty cart")</button> 6647 <a href="/Default.aspx?ID=@cartPageId" title="@Translate("Go to cart")" class="btn btn--primary u-full-width u-no-margin dw-mod">@Translate("Go to cart")</a> 6648 } 6649 6650 @helper RenderMiniCartPoints() 6651 { 6652 <text> 6653 {{#if earnings}} 6654 <div class="grid"> 6655 <div class="grid__col-6 grid__col--bleed-y">@Translate("Earnings")</div> 6656 <div class="grid__col-6 grid__col--bleed-y grid--align-end"> 6657 <div> 6658 <span class="u-color--loyalty-points">{{earnings}}</span> @Translate("points") 6659 </div> 6660 </div> 6661 </div> 6662 {{/if}} 6663 </text> 6664 } 6665 6666 @helper RenderMiniCartSubTotal() 6667 { 6668 bool hasTaxSettings = Dynamicweb.Rapido.Services.Countries.HasTaxSettings(Model.Cart.ID); 6669 bool pointShop = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly"); 6670 if (!pointShop) 6671 { 6672 <text> 6673 {{#unless hideSubTotal}} 6674 <div class="grid dw-mod u-bold"> 6675 <div class="grid__col-6 grid__col--bleed-y">@Translate("Subtotal")</div> 6676 <div class="grid__col-6 grid__col--bleed-y grid--align-end"> 6677 @if (hasTaxSettings) 6678 { 6679 <text>{{subtotalpricewithouttaxes}}</text> 6680 } 6681 else 6682 { 6683 <text>{{subtotalprice}}</text> 6684 } 6685 </div> 6686 </div> 6687 {{/unless}} 6688 </text> 6689 } 6690 } 6691 6692 @helper RenderMiniCartTotal() 6693 { 6694 bool pointShop = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly"); 6695 6696 <div class="mini-cart-totals grid u-border-top u-margin-top dw-mod"> 6697 <div class="grid__col-6">@Translate("Total")</div> 6698 <div class="grid__col-6 grid--align-end"> 6699 <div> 6700 @if (pointShop) 6701 { 6702 <span class="u-color--loyalty-points">{{pointsUsedInCart}}</span> @Translate("points") 6703 } 6704 else 6705 { 6706 <text>{{totalprice}}</text> 6707 } 6708 </div> 6709 </div> 6710 </div> 6711 } 6712 6713 @helper RenderMiniCartDisclaimer() 6714 { 6715 <text> 6716 {{#if showCheckoutDisclaimer}} 6717 <div class="grid u-margin-bottom u-ta-right"> 6718 <small class="grid__col-12">{{checkoutDisclaimer}}</small> 6719 </div> 6720 {{/if}} 6721 </text> 6722 } 6723 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 6724 6725 @using Dynamicweb.Rapido.Blocks.Extensibility 6726 @using Dynamicweb.Rapido.Blocks 6727 @using Dynamicweb.Rapido.Blocks.Components.General 6728 @using Dynamicweb.Rapido.Blocks.Components 6729 @using Dynamicweb.Rapido.Services 6730 6731 @{ 6732 string addToCartNotificationType = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("AddToCartNotificationType") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("AddToCartNotificationType").SelectedValue : ""; 6733 string addToCartNotificationMiniCartLayout = Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("Layout") != null ? Model.Area.Item.GetItem("Ecommerce").GetItem("MiniCart").GetList("Layout").SelectedValue : "dropdown"; 6734 bool addToCartHideCartIcon = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideCart"); 6735 6736 if (Dynamicweb.Rapido.Services.User.IsBuyingAllowed() && !string.IsNullOrEmpty(addToCartNotificationType)) 6737 { 6738 if (addToCartNotificationType == "modal") 6739 { 6740 Block addToCartNotificationModal = new Block 6741 { 6742 Id = "AddToCartNotificationModal", 6743 Template = RenderAddToCartNotificationModal() 6744 }; 6745 6746 Block addToCartNotificationScript = new Block 6747 { 6748 Id = "AddToCartNotificationScript", 6749 Template = RenderAddToCartNotificationModalScript() 6750 }; 6751 BlocksPage.GetBlockPage("Master").Add("MasterTopSnippets", addToCartNotificationModal); 6752 BlocksPage.GetBlockPage("Master").Add("MasterBottomSnippets", addToCartNotificationScript); 6753 } 6754 else if (addToCartNotificationType == "toggle" && addToCartNotificationMiniCartLayout != "none" && !addToCartHideCartIcon && Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet") 6755 { 6756 Block addToCartNotificationScript = new Block 6757 { 6758 Id = "AddToCartNotificationScript", 6759 Template = RenderAddToCartNotificationToggleScript() 6760 }; 6761 BlocksPage.GetBlockPage("Master").Add("MasterBottomSnippets", addToCartNotificationScript); 6762 } 6763 } 6764 } 6765 6766 @helper RenderAddToCartNotificationModal() 6767 { 6768 <div id="LastAddedProductModal" data-template="LastAddedProductTemplate"></div> 6769 } 6770 6771 @helper RenderAddToCartNotificationModalScript() 6772 { 6773 int cartPageId = GetPageIdByNavigationTag("CartPage"); 6774 6775 <script id="LastAddedProductTemplate" type="text/x-template"> 6776 @{ 6777 6778 Modal lastAddedProduct = new Modal 6779 { 6780 Id = "LastAddedProduct", 6781 Heading = new Heading 6782 { 6783 Level = 2, 6784 Title = Translate("Product is added to the cart") 6785 }, 6786 Width = ModalWidth.Md, 6787 BodyTemplate = RenderModalContent() 6788 }; 6789 6790 lastAddedProduct.AddActions( 6791 new Button 6792 { 6793 ButtonType = ButtonType.Button, 6794 ButtonLayout = ButtonLayout.Secondary, 6795 Title = Translate("Continue shopping"), 6796 CssClass = "u-pull--left u-no-margin btn--sm", 6797 OnClick = "document.getElementById('LastAddedProductModalTrigger').checked = false" 6798 }, 6799 new Link 6800 { 6801 Href = "/Default.aspx?ID=" + cartPageId, 6802 ButtonLayout = ButtonLayout.Secondary, 6803 CssClass = "u-pull--right u-no-margin btn--sm", 6804 Title = Translate("Proceed to checkout"), 6805 OnClick = "document.getElementById('LastAddedProductModalTrigger').checked = false" 6806 } 6807 ); 6808 6809 @Render(lastAddedProduct) 6810 } 6811 </script> 6812 <script> 6813 document.addEventListener('addToCart', function (event) { 6814 Cart.ShowLastAddedProductModal(event.detail); 6815 }); 6816 </script> 6817 } 6818 6819 @helper RenderModalContent() 6820 { 6821 <div class="grid"> 6822 <div class="grid__col-2"> 6823 @Render(new Image { Path = "{{ productInfo.image }}", Link = "{{ productInfo.link }}", Title = "{{ productInfo.name }}", DisableImageEngine = true }) 6824 </div> 6825 <div class="u-padding grid--align-self-center"> 6826 <span>{{quantity}}</span> x 6827 </div> 6828 <div class="grid__col-auto grid--align-self-center"> 6829 <div>{{productInfo.name}}</div> 6830 {{#if productInfo.variantName}} 6831 <small class="u-margin-bottom-5px">{{productInfo.variantName}}</small> 6832 {{/if}} 6833 {{#if productInfo.unitName}} 6834 <small class="u-margin-bottom-5px">{{productInfo.unitName}}</small> 6835 {{/if}} 6836 </div> 6837 </div> 6838 } 6839 6840 @helper RenderAddToCartNotificationToggleScript() 6841 { 6842 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed"); 6843 6844 <script> 6845 document.addEventListener('addToCart', function () { 6846 Cart.ToggleMiniCart('miniCartTrigger', 'miniCart', 'cartCounter', '@miniCartFeedPageId'); 6847 }); 6848 </script> 6849 } 6850 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 6851 6852 @using System 6853 @using System.Web 6854 @using System.Collections.Generic 6855 @using Dynamicweb.Rapido.Blocks.Extensibility 6856 @using Dynamicweb.Rapido.Blocks 6857 @using Dynamicweb.Rapido.Blocks.Components.General 6858 6859 @functions { 6860 BlocksPage footerBlocksPage = BlocksPage.GetBlockPage("Master"); 6861 } 6862 6863 @{ 6864 string footerColumnOneContent = Model.Area.Item.GetItem("Layout").GetItem("FooterColumnOne").GetString("Content"); 6865 string footerColumnTwoContent = Model.Area.Item.GetItem("Layout").GetItem("FooterColumnTwo").GetString("Content"); 6866 string footerColumnThreeContent = Model.Area.Item.GetItem("Layout").GetItem("FooterColumnThree").GetString("Content"); 6867 string footerColumnOneHeader = Model.Area.Item.GetItem("Layout").GetItem("FooterColumnOne").GetString("Header"); 6868 string footerColumnTwoHeader = Model.Area.Item.GetItem("Layout").GetItem("FooterColumnTwo").GetString("Header"); 6869 string footerColumnThreeHeader = Model.Area.Item.GetItem("Layout").GetItem("FooterColumnThree").GetString("Header"); 6870 6871 Block masterFooterContent = new Block() 6872 { 6873 Id = "MasterFooterContent", 6874 SortId = 10, 6875 Template = RenderFooter(), 6876 SkipRenderBlocksList = true 6877 }; 6878 footerBlocksPage.Add(MasterBlockId.MasterFooter, masterFooterContent); 6879 6880 if (!string.IsNullOrEmpty(footerColumnOneContent) || !string.IsNullOrEmpty(footerColumnOneHeader)) 6881 { 6882 Block masterFooterColumnOne = new Block 6883 { 6884 Id = "MasterFooterColumnOne", 6885 SortId = 10, 6886 Template = RenderFooterColumn(footerColumnOneHeader, footerColumnOneContent), 6887 Design = new Design 6888 { 6889 Size = "auto", 6890 RenderType = RenderType.Column 6891 } 6892 }; 6893 footerBlocksPage.Add("MasterFooterContent", masterFooterColumnOne); 6894 } 6895 6896 if (!string.IsNullOrEmpty(footerColumnTwoContent) || !string.IsNullOrEmpty(footerColumnTwoHeader)) 6897 { 6898 Block masterFooterColumnTwo = new Block 6899 { 6900 Id = "MasterFooterColumnTwo", 6901 SortId = 20, 6902 Template = RenderFooterColumn(footerColumnTwoHeader, footerColumnTwoContent), 6903 Design = new Design 6904 { 6905 Size = "auto", 6906 RenderType = RenderType.Column 6907 } 6908 }; 6909 footerBlocksPage.Add("MasterFooterContent", masterFooterColumnTwo); 6910 } 6911 6912 if (!string.IsNullOrEmpty(footerColumnThreeContent) || !string.IsNullOrEmpty(footerColumnThreeHeader)) 6913 { 6914 Block masterFooterColumnThree = new Block 6915 { 6916 Id = "MasterFooterColumnThree", 6917 SortId = 30, 6918 Template = RenderFooterColumn(footerColumnThreeHeader, footerColumnThreeContent), 6919 Design = new Design 6920 { 6921 Size = "auto", 6922 RenderType = RenderType.Column 6923 } 6924 }; 6925 footerBlocksPage.Add("MasterFooterContent", masterFooterColumnThree); 6926 } 6927 6928 if (Model.Area.Item.GetItem("Layout").GetBoolean("FooterNewsletterSignUp")) 6929 { 6930 Block masterFooterNewsletterSignUp = new Block 6931 { 6932 Id = "MasterFooterNewsletterSignUp", 6933 SortId = 40, 6934 Template = RenderFooterNewsletterSignUp(), 6935 Design = new Design 6936 { 6937 Size = "auto", 6938 RenderType = RenderType.Column 6939 } 6940 }; 6941 footerBlocksPage.Add("MasterFooterContent", masterFooterNewsletterSignUp); 6942 } 6943 6944 if (Model.Area.Item.GetItem("Layout").GetItems("FooterSocialLinks") != null && Model.Area.Item.GetItem("Layout").GetItems("FooterSocialLinks").Count > 0) 6945 { 6946 Block masterFooterSocialLinks = new Block 6947 { 6948 Id = "MasterFooterSocialLinks", 6949 SortId = 50, 6950 Template = RenderFooterSocialLinks(), 6951 Design = new Design 6952 { 6953 Size = "auto", 6954 RenderType = RenderType.Column 6955 } 6956 }; 6957 footerBlocksPage.Add("MasterFooterContent", masterFooterSocialLinks); 6958 } 6959 6960 if (Model.Area.Item.GetItem("Layout").GetItems("FooterPayments") != null && Model.Area.Item.GetItem("Layout").GetItems("FooterPayments").Count > 0) 6961 { 6962 Block masterFooterPayments = new Block 6963 { 6964 Id = "MasterFooterPayments", 6965 SortId = 60, 6966 Template = RenderFooterPayments(), 6967 Design = new Design 6968 { 6969 Size = "12", 6970 RenderType = RenderType.Column 6971 } 6972 }; 6973 footerBlocksPage.Add("MasterFooterContent", masterFooterPayments); 6974 } 6975 6976 Block masterFooterCopyright = new Block 6977 { 6978 Id = "MasterFooterCopyright", 6979 SortId = 70, 6980 Template = RenderFooterCopyright(), 6981 Design = new Design 6982 { 6983 Size = "12", 6984 RenderType = RenderType.Column 6985 } 6986 }; 6987 footerBlocksPage.Add("MasterFooterContent", masterFooterCopyright); 6988 } 6989 6990 @helper RenderFooter() 6991 { 6992 List<Block> subBlocks = this.footerBlocksPage.GetBlockListById("MasterFooterContent").OrderBy(item => item.SortId).ToList(); 6993 6994 <footer class="footer no-print dw-mod"> 6995 <div class="center-container top-container__center-container dw-mod"> 6996 <div class="grid grid--external-bleed-x"> 6997 @RenderBlockList(subBlocks) 6998 </div> 6999 </div> 7000 </footer> 7001 } 7002 7003 @helper RenderFooterColumn(string header, string content) 7004 { 7005 <h3 class="footer__heading dw-mod">@header</h3> 7006 <div class="footer__content dw-mod"> 7007 @content 7008 </div> 7009 } 7010 7011 @helper RenderFooterNewsletterSignUp() 7012 { 7013 string newsletterSignUpPageId = GetPageIdByNavigationTag("NewsletterSignUp").ToString(); 7014 Form form = new Form { Action = "/Default.aspx", Method = FormMethod.Get, Enctype = FormEnctype.multipart }; 7015 7016 form.Add(new HiddenField { Name = "ID", Value = newsletterSignUpPageId }); 7017 form.Add(new Text { Content = "<p>" + Translate("Sign up if you would like to receive occasional treats from us") + "</p>" }); 7018 form.Add(new TextField { 7019 Id = "NewsletterEmail", Name = "NewsletterEmail", Placeholder = Translate("Your email address"), 7020 Type = TextFieldType.Email, 7021 ActionButton = new Button { 7022 ButtonType = ButtonType.Submit, Id="Submitter", Title = Translate("Go"), OnClick = "Buttons.LockButton(event)", CssClass = "btn--condensed" 7023 } 7024 }); 7025 7026 <h3 class="footer__heading dw-mod">@Translate("Mailing list")</h3> 7027 <div class="footer__content dw-mod"> 7028 @Render(form) 7029 </div> 7030 } 7031 7032 @helper RenderFooterSocialLinks() 7033 { 7034 <h3 class="footer__heading dw-mod">@Translate("Social links")</h3> 7035 <div class="footer__content dw-mod"> 7036 <div class="collection dw-mod"> 7037 @foreach (var socialitem in Model.Area.Item.GetItem("Layout").GetItems("FooterSocialLinks")) 7038 { 7039 var socialIcon = socialitem.GetValue("Icon") as Dynamicweb.Frontend.ListViewModel; 7040 string socialIconClass = socialIcon.SelectedValue; 7041 string socialIconTitle = socialIcon.SelectedName; 7042 string socialLink = socialitem.GetString("Link"); 7043 7044 <a href="@socialLink" target="_blank" title="@socialIconTitle" class="u-margin-bottom-5px" rel="noopener"><i class="@socialIconClass fa-2x"></i></a> 7045 } 7046 </div> 7047 </div> 7048 } 7049 7050 @helper RenderFooterPayments() 7051 { 7052 <div class="footer__content dw-mod"> 7053 <div class="collection dw-mod"> 7054 @foreach (var payment in Model.Area.Item.GetItem("Layout").GetItems("FooterPayments")) 7055 { 7056 var paymentItem = payment.GetValue("CardTypeOrVerifiedPayment") as Dynamicweb.Frontend.ListViewModel; 7057 string paymentImage = null; 7058 string paymentTitle = paymentItem.SelectedName; 7059 ListOptionViewModel selected = paymentItem.SelectedOptions.FirstOrDefault(); 7060 if (selected != null) 7061 { 7062 paymentImage = selected.Icon; 7063 } 7064 7065 <div class="footer__card-type"> 7066 <img class="b-lazy" src="/Files/Images/placeholder.gif" data-src="/Admin/Public/GetImage.ashx?width=60&Compression=75&image=@paymentImage" alt="@paymentTitle" title="@paymentTitle" /> 7067 </div> 7068 } 7069 </div> 7070 </div> 7071 } 7072 7073 @helper RenderFooterCopyright() 7074 { 7075 <div class="grid__col-12 footer__copyright dw-mod"> 7076 <p>@Model.Area.Item.GetItem("Layout").GetString("FooterCopyrightText")</p> 7077 </div> 7078 } 7079 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 7080 7081 @using System 7082 @using System.Web 7083 @using System.Collections.Generic 7084 @using Dynamicweb.Rapido.Blocks.Extensibility 7085 @using Dynamicweb.Rapido.Blocks 7086 7087 @{ 7088 BlocksPage searchBlocksPage = BlocksPage.GetBlockPage("Master"); 7089 bool navigationItemsHideSearch = Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("HideSearch"); 7090 bool isFavoriteList = !string.IsNullOrEmpty(HttpContext.Current.Request.QueryString.Get("ListID")); 7091 7092 if (!navigationItemsHideSearch || isFavoriteList) 7093 { 7094 Block masterSearchScriptTemplates = new Block() 7095 { 7096 Id = "MasterSearchScriptTemplates", 7097 SortId = 1, 7098 Template = RenderSearchScriptTemplates() 7099 }; 7100 7101 searchBlocksPage.Add(MasterBlockId.MasterBottomSnippets, masterSearchScriptTemplates); 7102 } 7103 } 7104 7105 @helper RenderSearchScriptTemplates() 7106 { 7107 int productsPageId = GetPageIdByNavigationTag("ProductsPage"); 7108 string contentSearchPageLink = GetPageIdByNavigationTag("ContentSearchResults") + "&Areaid=" + Model.Area.ID; 7109 bool useFacebookPixel = !string.IsNullOrWhiteSpace(Pageview.AreaSettings.GetItem("Settings").GetString("FacebookPixelID")); 7110 bool onlyPreview = Model.Area.Item.GetItem("Ecommerce").GetBoolean("OnlyPreviewForAnonymous") && Model.CurrentUser.ID == 0; 7111 bool useGoogleTagManager = !string.IsNullOrEmpty(Model.Area.Item.GetItem("Settings").GetString("GoogleTagManagerID")); 7112 bool showPrice = !Pageview.AreaSettings.GetItem("Layout").GetBoolean("HidePriceInSearchResults"); 7113 bool showAddToCartButton = !Pageview.AreaSettings.GetItem("Layout").GetBoolean("HideAddToCartButton"); 7114 bool showViewButton = !Pageview.AreaSettings.GetItem("Layout").GetBoolean("HideViewButton"); 7115 bool showAddToDownloadButton = Pageview.AreaSettings.GetItem("Layout").GetBoolean("ShowAddToDownloadButton"); 7116 bool pointShopOnly = Pageview.AreaSettings.GetItem("Ecommerce").GetBoolean("PointShopOnly"); 7117 7118 <script id="SearchGroupsTemplate" type="text/x-template"> 7119 {{#.}} 7120 <li class="dropdown__item dw-mod" onclick="Search.UpdateGroupSelection(this)" data-group-id="{{id}}">{{name}}</li> 7121 {{/.}} 7122 </script> 7123 7124 <script id="SearchProductsTemplate" type="text/x-template"> 7125 {{#each .}} 7126 {{#Product}} 7127 {{#ifCond template "!==" "SearchMore"}} 7128 <li class="dropdown__item dropdown__item--seperator dw-mod"> 7129 @if (useFacebookPixel) 7130 { 7131 <text>{{{facebookPixelSearch name number priceDouble currency searchParameter}}}</text> 7132 } 7133 @if (useGoogleTagManager) 7134 { 7135 <text>{{{googleEnchantImpression 'Search results' currency googleImpression}}}</text> 7136 } 7137 <div> 7138 <a href="{{link}}" class="js-typeahead-link u-color-inherit u-pull--left" onclick="{{googleImpressionClick}}" title="{{name}}"> 7139 <div class="u-margin-right u-pull--left {{noimage}} u-hidden-xs u-hidden-xxs"><img src="{{PerfionImageSrc imageGuid 50 50}}" alt="{{name}}"></div> 7140 7141 <div class="u-pull--left"> 7142 <div class="u-bold u-max-w220px u-truncate-text js-typeahead-name">{{name}}</div> 7143 @if (showPrice && !onlyPreview) 7144 { 7145 if (pointShopOnly) 7146 { 7147 <text> 7148 {{#if havePointPrice}} 7149 <div> 7150 <span class="u-color--loyalty-points">{{points}}</span> @Translate("points") 7151 </div> 7152 {{else}} 7153 <small class="help-text u-no-margin">@Translate("Not available")</small> 7154 {{/if}} 7155 {{#unless canBePurchasedWithPoints}} 7156 {{#if havePointPrice}} 7157 <small class="help-text u-no-margin">@Translate("Not enough points to buy this")</small> 7158 {{/if}} 7159 {{/unless}} 7160 </text> 7161 } 7162 else 7163 { 7164 <div>{{price}}</div> 7165 } 7166 } 7167 </div> 7168 </a> 7169 <div class="u-margin-left u-pull--right"> 7170 @if (showAddToCartButton && !onlyPreview) { 7171 if (pointShopOnly) 7172 { 7173 <button type="button" class="btn btn--primary btn--condensed btn--full u-no-margin dw-mod {{hideBuyOptions}} js-ignore-click-outside {{#unless canBePurchasedWithPoints}}js-stay-disabled{{/unless}}" name="CartCmd" value="addWithPoints" 7174 onclick="Cart.AddToCart(event, {id: '{{productId}}',quantity: 1,buyForPoints: true,productInfo: {{productInfo}}}); {{facebookPixelAction}}" 7175 {{disabledBuyButton}}> 7176 <i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon").SelectedValue js-ignore-click-outside"></i> 7177 </button> 7178 } else { 7179 <button type="button" class="btn btn--primary btn--condensed btn--full u-no-margin dw-mod {{hideBuyOptions}} js-ignore-click-outside" 7180 onclick="Cart.AddToCart(event, {id: '{{productId}}', quantity: 1,productInfo: {{productInfo}}}); {{facebookPixelAction}}"> 7181 <i class="@Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetList("CartIcon").SelectedValue js-ignore-click-outside"></i> 7182 </button> 7183 } 7184 <a href="{{link}}" onclick="{{googleImpressionClick}}" class="btn btn--secondary btn--condensed btn--full u-no-margin dw-mod {{hideViewMore}} js-ignore-click-outside" title="@Translate("View")">@Translate("View")</a> 7185 } 7186 else if (showViewButton) 7187 { 7188 <a href="{{link}}" onclick="{{googleImpressionClick}}" class="btn btn--secondary btn--condensed btn--full u-no-margin dw-mod js-ignore-click-outside" title="@Translate("View")">@Translate("View")</a> 7189 } 7190 @if (showAddToDownloadButton) 7191 { 7192 <button type="button" class="btn btn--primary u-no-margin btn--condensed dw-mod js-add-to-downloads" title="@Translate("Add")" data-product-id="{{productId}}"> 7193 <i class="fas fa-plus js-button-icon"></i> 7194 </button> 7195 } 7196 </div> 7197 </div> 7198 </li> 7199 {{/ifCond}} 7200 {{#ifCond template "===" "SearchMore"}} 7201 {{>SearchMoreProducts}} 7202 {{/ifCond}} 7203 {{/Product}} 7204 {{else}} 7205 <li class="dropdown__item dropdown__item--seperator dw-mod"> 7206 @Translate("Your search gave 0 results") 7207 </li> 7208 {{/each}} 7209 </script> 7210 7211 <script id="SearchMoreProducts" type="text/x-template"> 7212 <li class="dropdown__item dropdown__item--not-selectable {{stickToBottom}} dw-mod"> 7213 <a href="/Default.aspx?ID=@productsPageId&Search={{searchParameter}}&GroupID={{groupId}}" class="btn btn--primary btn--full u-no-margin dw-mod js-typeahead-link"> 7214 @Translate("View all") 7215 </a> 7216 </li> 7217 </script> 7218 7219 <script id="SearchMorePages" type="text/x-template"> 7220 <li class="dropdown__item dropdown__item--not-selectable {{stickToBottom}} dw-mod"> 7221 <a href="/Default.aspx?ID=@contentSearchPageLink&Search={{searchParameter}}" class="btn btn--primary btn--full u-no-margin dw-mod js-typeahead-link"> 7222 @Translate("View all") 7223 </a> 7224 </li> 7225 </script> 7226 7227 <script id="SearchPagesTemplate" type="text/x-template"> 7228 {{#each .}} 7229 {{#ifCond template "!==" "SearchMore"}} 7230 <li class="dropdown__item dropdown__item--seperator dw-mod"> 7231 <div> 7232 <a href="/Default.aspx?ID={{id}}" class="js-typeahead-link u-pull--left u-color-inherit"> 7233 <div class="u-margin-right u-pull--left"><i class="fa {{icon}} u-w20px u-ta-center"></i></div> 7234 <div class="u-pull--left"> 7235 <div class="u-bold u-truncate-text u-max-w220px js-typeahead-name">{{name}}</div> 7236 </div> 7237 </a> 7238 </div> 7239 </li> 7240 {{/ifCond}} 7241 {{#ifCond template "===" "SearchMore"}} 7242 {{>SearchMorePages}} 7243 {{/ifCond}} 7244 {{else}} 7245 <li class="dropdown__item dropdown__item--seperator dropdown__item--not-selectable dw-mod"> 7246 @Translate("Your search gave 0 results") 7247 </li> 7248 {{/each}} 7249 </script> 7250 7251 <script id="SearchPagesTemplateWrap" type="text/x-template"> 7252 <div class="dropdown__column-header">@Translate("Pages")</div> 7253 <ul class="dropdown__list u-min-w220px u-full-width u-margin-bottom dw-mod"> 7254 {{>SearchPagesTemplate}} 7255 </ul> 7256 </script> 7257 7258 <script id="SearchProductsTemplateWrap" type="text/x-template"> 7259 <div class="dropdown__column-header">@Translate("Products")</div> 7260 <ul class="dropdown__list u-min-w220px u-full-width u-margin-bottom dw-mod"> 7261 {{>SearchProductsTemplate}} 7262 </ul> 7263 </script> 7264 } 7265 7266 7267 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 7268 7269 @using System 7270 @using System.Web 7271 @using System.Collections.Generic 7272 @using Dynamicweb.Rapido.Blocks.Extensibility 7273 @using Dynamicweb.Rapido.Blocks 7274 @using Dynamicweb.Ecommerce.Common 7275 7276 @{ 7277 BlocksPage referencesBlocksPage = BlocksPage.GetBlockPage("Master"); 7278 7279 Block masterScriptReferences = new Block() 7280 { 7281 Id = "MasterScriptReferences", 7282 SortId = 1, 7283 Template = RenderMasterScriptReferences() 7284 }; 7285 referencesBlocksPage.Add(MasterBlockId.MasterReferences, masterScriptReferences); 7286 } 7287 7288 @helper RenderMasterScriptReferences() { 7289 7290 @* Custom: only load script if on newsletter page *@ 7291 if (Pageview.ID == GetPageIdByNavigationTag("NewsletterSignUp")) 7292 { 7293 @* JQuery for mailchimp script *@ 7294 <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script> 7295 <script type='text/javascript'> 7296 (function ($) { 7297 window.fnames = new Array(); 7298 window.ftypes = new Array(); 7299 fnames[0] = 'EMAIL'; 7300 ftypes[0] = 'email'; 7301 fnames[1] = 'FNAME'; 7302 ftypes[1] = 'text'; 7303 fnames[2] = 'LNAME'; 7304 ftypes[2] = 'text'; 7305 fnames[3] = 'MMERGE3'; 7306 ftypes[3] = 'text'; 7307 fnames[4] = 'MMERGE4'; 7308 ftypes[4] = 'text'; 7309 fnames[5] = 'MMERGE5'; 7310 ftypes[5] = 'text'; 7311 fnames[6] = 'MMERGE6'; 7312 ftypes[6] = 'text'; 7313 fnames[7] = 'MMERGE7'; 7314 ftypes[7] = 'text'; 7315 } 7316 (jQuery)); 7317 var $mcj = jQuery.noConflict(true); 7318 </script> 7319 } 7320 7321 <script src="/Files/Templates/Designs/Rapido/js/handlebars-v4.0.12.min.js" data-cookieconsent="ignore"></script> 7322 <script src="/Files/Templates/Designs/Rapido/js/master.min.js?v1.0" data-cookieconsent="ignore"></script> 7323 7324 if (Model.Area.Item.GetItem("Custom").GetBoolean("UseCustomJavascript")) 7325 { 7326 <script src="/Files/Templates/Designs/Rapido/js/custom.min.js?v1.2" data-cookieconsent="ignore"></script> 7327 PushPromise("/Files/Templates/Designs/Rapido/js/custom.min.js?v1.2"); 7328 } 7329 7330 PushPromise("/Files/Templates/Designs/Rapido/js/handlebars-v4.0.12.min.js?v1.0"); 7331 PushPromise("/Files/Templates/Designs/Rapido/js/master.min.js?v1.0"); 7332 } 7333 @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> 7334 7335 @using System 7336 @using System.Web 7337 @using System.Collections.Generic 7338 @using Dynamicweb.Rapido.Blocks.Extensibility 7339 @using Dynamicweb.Rapido.Blocks 7340 7341 @{ 7342 BlocksPage bottomSnippetsBlocksPage = BlocksPage.GetBlockPage("Master"); 7343 7344 Block primaryBottomSnippets = new Block() 7345 { 7346 Id = "MasterJavascriptInitializers", 7347 SortId = 100, 7348 Template = RenderPrimaryBottomSnippets() 7349 }; 7350 bottomSnippetsBlocksPage.Add(MasterBlockId.MasterReferences, primaryBottomSnippets); 7351 7352 if (Dynamicweb.Rapido.Services.User.IsBuyingAllowed()) 7353 { 7354 Block miniCartPageId = new Block 7355 { 7356 Id = "MiniCartPageId", 7357 Template = RenderMiniCartPageId() 7358 }; 7359 bottomSnippetsBlocksPage.Add(MasterBlockId.MasterReferences, miniCartPageId); 7360 } 7361 } 7362 7363 @helper RenderPrimaryBottomSnippets() 7364 { 7365 bool isWireframeMode = Model.Area.Item.GetItem("Settings").GetBoolean("WireframeMode"); 7366 bool useGoogleTagManager = !string.IsNullOrEmpty(Pageview.AreaSettings.GetItem("Settings").GetString("GoogleTagManagerID")); 7367 7368 if (isWireframeMode) 7369 { 7370 <script> 7371 Wireframe.Init(true); 7372 </script> 7373 } 7374 7375 7376 if (useGoogleTagManager) 7377 { 7378 <script> 7379 document.addEventListener('addToCart', function(event) { 7380 var googleImpression = JSON.parse(event.detail.productInfo.googleImpression); 7381 if (typeof googleImpression == "string") { 7382 googleImpression = JSON.parse(event.detail.productInfo.googleImpression); 7383 } 7384 dataLayer.push({ 7385 'event': 'addToCart', 7386 'ecommerce': { 7387 'currencyCode': googleImpression.currency, 7388 'add': { 7389 'products': [{ 7390 'name': googleImpression.name, 7391 'id': googleImpression.id, 7392 'price': googleImpression.price, 7393 'brand': googleImpression.brand, 7394 'category': googleImpression.category, 7395 'variant': googleImpression.variant, 7396 'quantity': event.detail.quantity 7397 }] 7398 } 7399 } 7400 }); 7401 }); 7402 </script> 7403 } 7404 7405 //if digitalwarehouse 7406 if (Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("ShowDownloadCart")) 7407 { 7408 string cartContextId = Converter.ToString(HttpContext.Current.Application["DownloadCartContext"]); 7409 7410 if (string.IsNullOrEmpty(cartContextId)) 7411 { 7412 var moduleProps = Dynamicweb.Modules.Properties.GetParagraphModuleSettings(GetPageIdByNavigationTag("DownloadCart"), "eCom_CartV2"); 7413 var cartSettings = new Dynamicweb.Ecommerce.Cart.ModuleSettings(moduleProps); 7414 cartContextId = cartSettings.OrderContextID; 7415 HttpContext.Current.Application["DownloadCartContext"] = cartContextId; 7416 } 7417 7418 <script> 7419 let downloadCart = new DownloadCart({ 7420 cartPageId: @GetPageIdByNavigationTag("MiniCartFeed"), 7421 contextId: "@cartContextId", 7422 addButtonText: "@Translate("Add")", 7423 removeButtonText: "@Translate("Remove")" 7424 }); 7425 </script> 7426 } 7427 7428 @* Custom *@ 7429 <script data-cookieconsent="ignore"> 7430 let GlobalSettings = { 7431 PerfionApiUrl: '@GlobalSettingsHelper.GetValue(PicoGlobalSettingsNames.PerfionWebApiUrl)' 7432 } 7433 </script> 7434 7435 <!--$$Javascripts--> 7436 } 7437 7438 @helper RenderMiniCartPageId() 7439 { 7440 int miniCartFeedPageId = GetPageIdByNavigationTag("MiniCartFeed"); 7441 <script> 7442 window.cartId = "@miniCartFeedPageId"; 7443 </script> 7444 } 7445 7446 7447 @functions { 7448 public class ManifestIcon 7449 { 7450 public string src { get; set; } 7451 public string type { get; set; } 7452 public string sizes { get; set; } 7453 } 7454 7455 public class Manifest 7456 { 7457 public string name { get; set; } 7458 public string short_name { get; set; } 7459 public string start_url { get; set; } 7460 public string display { get; set; } 7461 public string background_color { get; set; } 7462 public string theme_color { get; set; } 7463 public List<ManifestIcon> icons { get; set; } 7464 } 7465 } 7466 7467 <!DOCTYPE html> 7468 7469 <html lang="@Pageview.Area.CultureInfo.TwoLetterISOLanguageName"> 7470 7471 7472 7473 @* The @RenderBlockList base helper is included in Components/GridBuilder.cshtml *@ 7474 @RenderBlockList(masterPage.BlocksRoot.BlocksList) 7475 7476 7477 7478 @helper RenderMasterHead() 7479 { 7480 List<Block> subBlocks = this.masterPage.GetBlockListById("Head").OrderBy(item => item.SortId).ToList(); 7481 7482 <head> 7483 <!-- Rapido version 3.4.3 --> 7484 7485 @RenderBlockList(subBlocks) 7486 </head> 7487 7488 } 7489 7490 @helper RenderMasterMetadata() 7491 { 7492 var swatches = new Dynamicweb.Content.Items.ColorSwatchService(); 7493 var brandColors = swatches.GetColorSwatch(1); 7494 string brandColorOne = brandColors.Palette["BrandColor1"]; 7495 7496 if (!String.IsNullOrEmpty(Model.Area.Item.GetItem("Settings").GetString("AppName")) && Model.Area.Item.GetItem("Settings").GetFile("AppIcon") != null) 7497 { 7498 Manifest manifest = new Manifest 7499 { 7500 name = Model.Area.Item.GetItem("Settings").GetString("AppName"), 7501 short_name = !String.IsNullOrEmpty(Model.Area.Item.GetItem("Settings").GetString("AppShortName")) ? Model.Area.Item.GetItem("Settings").GetString("AppShortName") : Model.Area.Item.GetItem("Settings").GetString("AppName"), 7502 start_url = "/", 7503 display = "standalone", 7504 background_color = Model.Area.Item.GetItem("Settings").GetString("AppBackgroundColor"), 7505 theme_color = Model.Area.Item.GetItem("Settings").GetString("AppThemeColor") 7506 }; 7507 7508 manifest.icons = new List<ManifestIcon> { 7509 new ManifestIcon { 7510 src = "/Admin/Public/GetImage.ashx?width=192&height=192&crop=5&image=" + Model.Area.Item.GetItem("Settings").GetFile("AppIcon").PathUrlEncoded, 7511 sizes = "192x192", 7512 type = "image/png" 7513 }, 7514 new ManifestIcon { 7515 src = "/Admin/Public/GetImage.ashx?width=512&height=512&crop=5&image=" + Model.Area.Item.GetItem("Settings").GetFile("AppIcon").PathUrlEncoded, 7516 sizes = "512x512", 7517 type = "image/png" 7518 }, 7519 new ManifestIcon { 7520 src = "/Admin/Public/GetImage.ashx?width=1024&height=1024&crop=5&image=" + Model.Area.Item.GetItem("Settings").GetFile("AppIcon").PathUrlEncoded, 7521 sizes = "1024x1024", 7522 type = "image/png" 7523 } 7524 }; 7525 7526 string manifestFilePath = HttpContext.Current.Request.MapPath("/Files/Templates/Designs/Rapido/manifest.json"); 7527 string manifestJSON = Newtonsoft.Json.JsonConvert.SerializeObject(manifest); 7528 string currentManifest = File.ReadAllText(manifestFilePath); 7529 7530 if (manifestJSON != currentManifest) 7531 { 7532 File.WriteAllText(manifestFilePath, manifestJSON); 7533 } 7534 } 7535 7536 <meta charset="utf-8" /> 7537 <title>@Model.Title</title> 7538 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7539 <meta name="robots" content="index, follow"> 7540 <meta name="theme-color" content="@brandColorOne" /> 7541 7542 if (!Model.MetaTags.Contains("og:image")) 7543 { 7544 Pageview.Meta.AddTag("og:image", string.Format("{0}://{1}{2}", Dynamicweb.Context.Current.Request.Url.Scheme, HttpContext.Current.Request.Url.Host, Model.PropertyItem.GetFile("OpenGraphImage"))); 7545 } 7546 7547 if (!Model.MetaTags.Contains("og:description")) 7548 { 7549 Pageview.Meta.AddTag("og:description", Model.Description); 7550 } 7551 7552 Pageview.Meta.AddTag("og:title", Model.Title); 7553 Pageview.Meta.AddTag("og:site_name", Model.Name); 7554 Pageview.Meta.AddTag("og:url", HttpContext.Current.Request.Url.ToString()); 7555 Pageview.Meta.AddTag("og:type", "Website"); 7556 7557 if (!string.IsNullOrEmpty(Model.Area.Item.GetItem("Settings").GetString("FacebookAppID"))) 7558 { 7559 Pageview.Meta.AddTag("fb:app_id", Model.Area.Item.GetItem("Settings").GetString("FacebookAppID")); 7560 } 7561 7562 @Model.MetaTags 7563 } 7564 7565 @helper RenderMasterCss() 7566 { 7567 @* 7568 var fonts = new string[] { 7569 getFontFamily("Layout", "HeaderFont"), 7570 getFontFamily("Layout", "SubheaderFont"), 7571 getFontFamily("Layout", "TertiaryHeaderFont"), 7572 getFontFamily("Layout", "BodyText"), 7573 getFontFamily("Layout", "Header", "ToolsFont"), 7574 getFontFamily("Layout", "Header", "NavigationFont"), 7575 getFontFamily("Layout", "MobileNavigation", "Font"), 7576 getFontFamily("ProductList", "Facets", "HeaderFont"), 7577 getFontFamily("ProductPage", "PriceFontDesign"), 7578 getFontFamily("Ecommerce", "SaleSticker", "Font"), 7579 getFontFamily("Ecommerce", "NewSticker", "Font"), 7580 getFontFamily("Ecommerce", "CustomSticker", "Font") 7581 }; 7582 *@ 7583 7584 string autoCssLink = "/Files/Templates/Designs/Rapido/css/rapido/rapido_" + Model.Area.ID.ToString() + ".min.css?ticks=" + Model.Area.UpdatedDate.Ticks; 7585 string favicon = Model.Area.Item.GetItem("Layout").GetFile("LogoFavicon") != null ? Model.Area.Item.GetItem("Layout").GetFile("LogoFavicon").Path : "/Files/Images/favicon.png"; 7586 bool useFontAwesomePro = Pageview.AreaSettings.GetItem("Layout").GetItem("Icons").GetBoolean("UseFontAwesomePro"); 7587 string fontAwesomeCssLink = "/Files/Templates/Designs/Rapido/css/fonts/FontAwesomeFree/css/fontawesome-all.min.css"; 7588 if (useFontAwesomePro) 7589 { 7590 fontAwesomeCssLink = "/Files/Templates/Designs/Rapido/css/fonts/FontAwesomePro/css/fontawesome-all.min.css"; 7591 } 7592 7593 //Favicon 7594 <link href="@favicon" rel="icon" type="image/png"> 7595 7596 //Base (Default, wireframe) styles 7597 <link rel="stylesheet" href="/Files/Templates/Designs/Rapido/css/base/base.min.css" type="text/css"> 7598 7599 //Rapido Css from Website Settings 7600 <link rel="stylesheet" id="rapidoCss" href="@autoCssLink" type="text/css"> 7601 7602 //Ignite Css (Custom site specific styles) 7603 <link rel="stylesheet" id="igniteCss" type="text/css" href="/Files/Templates/Designs/Rapido/css/ignite/ignite.min.css"> 7604 7605 //Font awesome 7606 <link rel="stylesheet" href="@fontAwesomeCssLink" type="text/css"> 7607 7608 //Flag icon 7609 <link rel="stylesheet" href="/Files/Templates/Designs/Rapido/css/fonts/flag-icon.min.css" type="text/css"> 7610 7611 //Google fonts 7612 // Google fonts are now loaded from local repository 7613 @* 7614 var family = string.Join("%7C", fonts.Where(x => !string.IsNullOrEmpty(x)).Distinct().Select(x => string.Format("{0}:100,200,300,400,500,600,700,800,900", x))); 7615 7616 <link href="https://fonts.googleapis.com/css?family=@family&display=swap" rel="stylesheet">*@ 7617 7618 PushPromise(favicon); 7619 PushPromise(fontAwesomeCssLink); 7620 PushPromise("/Files/Templates/Designs/Rapido/css/base/base.min.css"); 7621 PushPromise(autoCssLink); 7622 PushPromise("/Files/Templates/Designs/Rapido/css/ignite/ignite.min.css"); 7623 PushPromise("/Files/Images/placeholder.gif"); 7624 PushPromise("/Files/Templates/Designs/Rapido/css/fonts/flag-icon.min.css"); 7625 } 7626 7627 @helper RenderMasterManifest() 7628 { 7629 if (!String.IsNullOrEmpty(Model.Area.Item.GetItem("Settings").GetString("AppName"))) 7630 { 7631 <link rel="manifest" href="/Files/Templates/Designs/Rapido/manifest.json"> 7632 PushPromise("/Files/Templates/Designs/Rapido/manifest.json"); 7633 } 7634 } 7635 7636 @helper RenderMasterBody() 7637 { 7638 List<Block> subBlocks = this.masterPage.GetBlockListById("Body").OrderBy(item => item.SortId).ToList(); 7639 string designLayout = Model.PropertyItem.GetItem("CustomSettings") != null ? Model.PropertyItem.GetItem("CustomSettings").GetString("DesignLayout") != null ? Model.PropertyItem.GetItem("CustomSettings").GetList("DesignLayout").SelectedValue : "" : ""; 7640 if (!String.IsNullOrEmpty(designLayout)) 7641 { 7642 designLayout = "class=\"" + designLayout + "\""; 7643 } 7644 else 7645 { 7646 designLayout = "id=\"sitecontent\""; 7647 } 7648 7649 <body @designLayout> 7650 @RenderBlockList(subBlocks) 7651 </body> 7652 7653 } 7654 7655 @helper RenderMasterHeader() 7656 { 7657 List<Block> subBlocks = this.masterPage.GetBlockListById("MasterHeader").OrderBy(item => item.SortId).ToList(); 7658 bool isNavigationStickyMenu = Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet" && Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("StickyTop"); 7659 string stickyTop = isNavigationStickyMenu ? "top-container--sticky" : ""; 7660 7661 <header class="top-container @stickyTop dw-mod" id="Top"> 7662 @RenderBlockList(subBlocks) 7663 </header> 7664 } 7665 7666 @helper RenderMain() 7667 { 7668 List<Block> subBlocks = this.masterPage.GetBlockListById("MasterMain").OrderBy(item => item.SortId).ToList(); 7669 7670 <main class="site dw-mod"> 7671 @RenderBlockList(subBlocks) 7672 </main> 7673 } 7674 7675 @helper RenderPageContent() 7676 { 7677 bool isNavigationStickyMenu = Pageview.Device.ToString() != "Mobile" && Pageview.Device.ToString() != "Tablet" && Model.Area.Item.GetItem("Layout").GetItem("Header").GetBoolean("StickyTop"); 7678 string pagePos = isNavigationStickyMenu ? "js-page-pos" : ""; 7679 7680 <div id="Page" class="page @pagePos"> 7681 <section class="center-container content-container dw-mod" id="content"> 7682 7683 @RenderSnippet("Content") 7684 </section> 7685 </div> 7686 } 7687 7688 @* Hack to support nested helpers *@ 7689 @SnippetStart("Content") 7690 @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.PageViewModel> 7691 7692 7693 @using Dynamicweb.Extensibility 7694 @using Dynamicweb.Core 7695 @using Dynamicweb.Rapido.Blocks.Components 7696 @using Dynamicweb.Rapido.Blocks.Components.Articles 7697 @using Dynamicweb.Rapido.Blocks.Components.General 7698 @using Dynamicweb.Rapido.Blocks 7699 @using Dynamicweb.Content.Items 7700 7701 @functions { 7702 BlocksPage articlePage = BlocksPage.GetBlockPage("DynamicArticle"); 7703 7704 public string GetParentSettingsItem(string systemName) { 7705 string item = null; 7706 7707 Dynamicweb.Content.Page current = Dynamicweb.Services.Pages.GetPage(Model.ID); 7708 while (current != null && current.Parent != current) { 7709 var temp = current.Item != null ? current.Item[systemName] : ""; 7710 7711 if (temp != null) { 7712 item = temp.ToString(); 7713 7714 if (!String.IsNullOrEmpty(item) && !String.Equals("default", item, StringComparison.OrdinalIgnoreCase)) { 7715 break; 7716 } 7717 } 7718 7719 current = current.Parent; 7720 } 7721 7722 return item; 7723 } 7724 7725 public string GetArticleCategory(int pageId) 7726 { 7727 string categoryName = null; 7728 7729 //Secure that the article is not in the root folder = Actual has a category 7730 if (Dynamicweb.Services.Pages.GetPage(pageId).Parent != null) { 7731 if (Dynamicweb.Services.Pages.GetPage(pageId).Parent.Parent != null) { 7732 if (!String.IsNullOrEmpty(Dynamicweb.Services.Pages.GetPage(pageId).Parent.Parent.ItemType)) 7733 { 7734 categoryName = Dynamicweb.Services.Pages.GetPage(pageId).Parent.GetDisplayName(); 7735 } 7736 } 7737 } 7738 7739 return categoryName; 7740 } 7741 7742 public string GetArticleCategoryColor(int pageId) 7743 { 7744 string categoryColor = ""; 7745 7746 //Secure that the article is not in the root folder = Actual has a category 7747 if (Dynamicweb.Services.Pages.GetPage(pageId).Parent != null) { 7748 if (Dynamicweb.Services.Pages.GetPage(pageId).Parent.Parent != null) { 7749 if (!String.IsNullOrEmpty(Dynamicweb.Services.Pages.GetPage(pageId).Parent.Parent.ItemType)) 7750 { 7751 if (Dynamicweb.Services.Pages.GetPage(pageId).Parent.Item["CategoryColor"] != null) 7752 { 7753 var service = new ColorSwatchService(); 7754 categoryColor = Dynamicweb.Services.Pages.GetPage(pageId).Parent.Item["CategoryColor"].ToString(); 7755 7756 if (!categoryColor.Contains("#")) { 7757 categoryColor = service.GetHexColor(Converter.ToInt32(Model.Area.ID), categoryColor); 7758 } 7759 } 7760 } 7761 } 7762 } 7763 7764 return categoryColor; 7765 } 7766 } 7767 7768 @{ 7769 string listPageId = Converter.ToString(GetPageIdByNavigationTag("DynamicListFeed")); 7770 string parentPageId = Dynamicweb.Services.Pages.GetPage(Model.ID).Parent.ID.ToString(); 7771 string topLayout = Model.Item.GetList("TopLayout") != null ? Model.Item.GetList("TopLayout").SelectedValue : "default"; 7772 topLayout = topLayout == "default" && GetParentSettingsItem("ArticleTopLayout") != null ? GetParentSettingsItem("ArticleTopLayout").ToString().ToLower() : topLayout; 7773 string textLayout = Model.Item.GetList("TextLayout") != null ? Model.Item.GetList("TextLayout").SelectedValue : "default"; 7774 textLayout = textLayout == "default" && GetParentSettingsItem("ArticleTextLayout") != null ? GetParentSettingsItem("ArticleTextLayout").ToString().ToLower() : textLayout; 7775 string imageLayout = Model.Item.GetList("ImageLayout") != null ? Model.Item.GetList("ImageLayout").SelectedValue : "default"; 7776 imageLayout = imageLayout == "default" && GetParentSettingsItem("ArticleImageLayout") != null ? GetParentSettingsItem("ArticleImageLayout").ToString().ToLower() : imageLayout; 7777 7778 string imageColumns = imageLayout == "straight" && textLayout != "full" ? "8" : "12"; 7779 string contentColumns = textLayout != "full" ? "8" : "12"; 7780 7781 int externalParagraphId = Model.Item.GetItem("CTAParagraphLink") != null ? Model.Item.GetItem("CTAParagraphLink").ParagraphID : 0; 7782 7783 ArticleHeaderLayout headerLayout; 7784 7785 switch (topLayout) 7786 { 7787 case "default": 7788 headerLayout = ArticleHeaderLayout.Clean; 7789 break; 7790 case "split": 7791 headerLayout = ArticleHeaderLayout.Split; 7792 break; 7793 case "banner": 7794 headerLayout = ArticleHeaderLayout.Banner; 7795 break; 7796 case "overlay": 7797 headerLayout = ArticleHeaderLayout.Overlay; 7798 break; 7799 default: 7800 headerLayout = ArticleHeaderLayout.Clean; 7801 break; 7802 } 7803 7804 7805 Block articleContainer = new Block 7806 { 7807 Id = "ArticleContainer", 7808 SortId = 10, 7809 Design = new Design 7810 { 7811 RenderType = RenderType.Row 7812 }, 7813 BlocksList = new List<Block> { 7814 new Block { 7815 Id = "ArticleBody", 7816 SortId = 30, 7817 Design = new Design { 7818 RenderType = RenderType.Column, 7819 Size = "12", 7820 HidePadding = true 7821 } 7822 } 7823 } 7824 }; 7825 articlePage.Add(articleContainer); 7826 7827 ButtonLayout topBannerButtonLayout = ButtonLayout.Primary; 7828 7829 switch (Model.Item.GetString("ButtonDesign")) { 7830 case "primary": 7831 topBannerButtonLayout = ButtonLayout.Primary; 7832 break; 7833 case "secondary": 7834 topBannerButtonLayout = ButtonLayout.Secondary; 7835 break; 7836 case "teritary": 7837 topBannerButtonLayout = ButtonLayout.Tertiary; 7838 break; 7839 case "link": 7840 topBannerButtonLayout = ButtonLayout.Link; 7841 break; 7842 } 7843 7844 ArticleHeader topBanner = new ArticleHeader 7845 { 7846 Layout = headerLayout, 7847 Image = new Image { Path = Model.Item.GetFile("Image"), ImageDefault = new ImageSettings { Width = 1920, Height = 640 } }, 7848 Heading = Model.Item.GetString("Title"), 7849 Subheading = Model.Item.GetString("Summary"), 7850 TextColor = "#fff", 7851 Author = Model.Item.GetString("Author"), 7852 Date = Model.Item.GetString("Date"), 7853 Category = GetArticleCategory(Model.ID), 7854 CategoryColor = GetArticleCategoryColor(Model.ID), 7855 Link = Model.Item.GetString("Link"), 7856 LinkText = Model.Item.GetString("LinkText"), 7857 ButtonLayout = topBannerButtonLayout, 7858 RatingScore = Model.Item.GetString("Rating") != null ? Converter.ToInt32(Model.Item.GetList("Rating").SelectedValue) : 0, 7859 RatingOutOf = Model.Item.GetString("Rating") != null ? Model.Item.GetList("Rating").Options.Count : 0, 7860 ExternalParagraphId = externalParagraphId 7861 }; 7862 7863 Block articleTop = new Block 7864 { 7865 Id = "ArticleHead", 7866 SortId = 20, 7867 Component = topBanner, 7868 Design = new Design 7869 { 7870 RenderType = RenderType.Column, 7871 Size = "12", 7872 HidePadding = true, 7873 CssClass = "article-head" 7874 } 7875 }; 7876 articlePage.Add("ArticleContainer", articleTop); 7877 7878 7879 Block articleBodyRow = new Block 7880 { 7881 Id = "ArticleBodyRow", 7882 SortId = 10, 7883 SkipRenderBlocksList = true 7884 }; 7885 articlePage.Add("ArticleBody", articleBodyRow); 7886 7887 7888 if (Model.Item.GetString("Paragraphs") != null) 7889 { 7890 int count = 0; 7891 foreach (var paragraph in Model.Item.GetItems("Paragraphs")) 7892 { 7893 if (!paragraph.GetBoolean("RenderAsQuote")) 7894 { 7895 string enableDropCap = Model.Item.GetString("EnableDropCap") != null ? Model.Item.GetList("EnableDropCap").SelectedValue.ToLower() : "default"; 7896 enableDropCap = enableDropCap == "default" && GetParentSettingsItem("EnableDropCap") != null ? GetParentSettingsItem("EnableDropCap").ToString().ToLower() : enableDropCap; 7897 string text = paragraph.GetString("Text") != null ? paragraph.GetString("Text") : ""; 7898 7899 if (!String.IsNullOrEmpty(text) && enableDropCap == "true" && count == 0 && paragraph.GetString("Text").Substring(0, 3) == "<p>") 7900 { 7901 string firstLetter = paragraph.GetString("Text").Substring(3, 1); 7902 text = paragraph.GetString("Text").Remove(3, 1); 7903 text = text.Insert(3, "<span class=\"article__drop-cap\">" + firstLetter + "</span>"); 7904 } 7905 7906 if (paragraph.GetFile("Image") != null) 7907 { 7908 string imageTitle = !string.IsNullOrEmpty(paragraph.GetString("Heading")) ? paragraph.GetString("Heading") : ""; 7909 7910 Block articleParagraphImage = new Block 7911 { 7912 Id = "ArticleParagraph" + count + "Image", 7913 SortId = (count * 10), 7914 Design = new Design 7915 { 7916 RenderType = RenderType.Column, 7917 Size = imageColumns, 7918 CssClass = "u-color-light--bg u-padding--lg" 7919 } 7920 }; 7921 7922 if (imageLayout == "banner") 7923 { 7924 ArticleBanner banner = new ArticleBanner 7925 { 7926 Image = new Image { Path = paragraph.GetFile("Image"), ImageDefault = new ImageSettings { Height = 650, Width = 1300 }, Caption = paragraph.GetString("ImageCaption") }, 7927 Heading = imageTitle, 7928 UseFilters = false 7929 }; 7930 articleParagraphImage.Component = banner; 7931 } 7932 else 7933 { 7934 ArticleImage image = new ArticleImage 7935 { 7936 Image = new Image 7937 { 7938 Path = paragraph.GetFile("Image"), 7939 Title = imageTitle, 7940 ImageDefault = new ImageSettings { Height = 650, Width = 1300 }, 7941 Caption = paragraph.GetString("ImageCaption") 7942 } 7943 }; 7944 articleParagraphImage.Component = image; 7945 } 7946 7947 articlePage.Add("ArticleBodyRow", articleParagraphImage); 7948 } 7949 7950 if (!String.IsNullOrEmpty(paragraph.GetString("VideoURL"))) 7951 { 7952 Block articleParagraphVideo = new Block 7953 { 7954 Id = "ArticleParagraph" + count + "Video", 7955 SortId = (count * 10) + 1, 7956 Component = new ArticleVideo { Url = paragraph.GetString("VideoURL"), AutoPlay = "false" }, 7957 Design = new Design 7958 { 7959 RenderType = RenderType.Column, 7960 Size = imageColumns, 7961 CssClass = "u-color-light--bg u-padding--lg" 7962 } 7963 }; 7964 articlePage.Add("ArticleBodyRow", articleParagraphVideo); 7965 } 7966 7967 if (!String.IsNullOrEmpty(paragraph.GetString("Heading"))) 7968 { 7969 Block articleParagraphHeader = new Block 7970 { 7971 Id = "ArticleParagraph" + count + "Heading", 7972 SortId = (count * 10) + 2, 7973 Component = new ArticleSubHeader { Title = paragraph.GetString("Heading") }, 7974 Design = new Design 7975 { 7976 RenderType = RenderType.Column, 7977 Size = contentColumns, 7978 CssClass = "u-color-light--bg u-padding--lg" 7979 } 7980 }; 7981 articlePage.Add("ArticleBodyRow", articleParagraphHeader); 7982 } 7983 7984 if (!String.IsNullOrEmpty(text)) 7985 { 7986 Block articleParagraphText = new Block 7987 { 7988 Id = "ArticleParagraph" + count + "Text", 7989 SortId = (count * 10) + 3, 7990 Component = new ArticleText { Text = text }, 7991 Design = new Design 7992 { 7993 RenderType = RenderType.Column, 7994 Size = contentColumns, 7995 CssClass = "u-color-light--bg u-padding--lg" 7996 } 7997 }; 7998 7999 articlePage.Add("ArticleBodyRow", articleParagraphText); 8000 } 8001 } 8002 else 8003 { 8004 if (!String.IsNullOrEmpty(paragraph.GetString("Text"))) 8005 { 8006 string quoteText = paragraph.GetString("Text") != null ? paragraph.GetString("Text") : ""; 8007 string quoteAuthor = paragraph.GetString("Heading") != null ? paragraph.GetString("Heading") : ""; 8008 8009 Block articleParagraphQuote = new Block 8010 { 8011 Id = "ArticleParagraph" + count + "Quote", 8012 SortId = (count * 10) + 3, 8013 Component = new ArticleQuote { Image = new Image { Path = paragraph.GetFile("Image") }, Text = quoteText, Author = quoteAuthor }, 8014 Design = new Design 8015 { 8016 RenderType = RenderType.Column, 8017 Size = contentColumns, 8018 CssClass = "u-color-light--bg u-padding--lg" 8019 } 8020 }; 8021 articlePage.Add("ArticleBodyRow", articleParagraphQuote); 8022 } 8023 } 8024 8025 count++; 8026 } 8027 } 8028 8029 articleBodyRow.Component = new ArticleBodyRow { SubBlocks = articleBodyRow.BlocksList, TopLayout = topLayout, TextLayout = textLayout }; 8030 8031 8032 //Related 8033 string showRelatedArtices = Model.Item.GetString("ShowRelatedArticles") != null ? Model.Item.GetList("ShowRelatedArticles").SelectedValue.ToLower() : "default"; 8034 showRelatedArtices = showRelatedArtices == "default" && GetParentSettingsItem("ShowRelatedArticles") != null ? GetParentSettingsItem("ShowRelatedArticles").ToString().ToLower() : showRelatedArtices; 8035 8036 if (showRelatedArtices == "true") 8037 { 8038 Block articleRelated = new Block 8039 { 8040 Id = "ArticleRelated", 8041 SortId = 30, 8042 Component = new ArticleRelated { Title = Translate("Related articles"), FeedPageId = listPageId, Query = "sourceType=Page&sourcePage=" + parentPageId, PageSize = 4, CurrentPageId = Model.ID.ToString() }, 8043 Design = new Design 8044 { 8045 RenderType = RenderType.Column, 8046 Size = "12" 8047 } 8048 }; 8049 articlePage.Add("ArticleContainer", articleRelated); 8050 } 8051 } 8052 8053 8054 @using System 8055 @using System.Web 8056 @using System.Collections.Generic 8057 @using Dynamicweb.Rapido.Blocks 8058 8059 @{ 8060 BlocksPage dynamicArticleCustomBlocksPage = BlocksPage.GetBlockPage("DynamicArticle"); 8061 8062 } 8063 8064 8065 @* The @RenderBlockList base helper is included in Components/GridBuilder.cshtml *@ 8066 @RenderBlockList(articlePage.BlocksRoot.BlocksList) 8067 @SnippetEnd("Content") 8068 8069 @helper RenderIosTabletFix() 8070 { 8071 if (Pageview.Device != Dynamicweb.Frontend.Devices.DeviceType.Tablet && Pageview.Platform != Dynamicweb.Frontend.Devices.PlatformType.Ios) 8072 { 8073 <script> 8074 let isIpadIOS = (/iPad/.test(navigator.platform) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)) && !window.MSStream; 8075 if (isIpadIOS) { 8076 var separator = (window.location.href.indexOf("?") === -1) ? "?" : "&"; 8077 window.location.href = window.location.href + separator + "DeviceType=Tablet&PlatformType=Ios"; 8078 } 8079 </script> 8080 } 8081 } 8082 8083 </html> 8084 8085