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