Error executing template "Designs/ambu/Paragraph/Accordion.cshtml"System.NullReferenceException: Object reference not set to an instance of an object.at CompiledRazorTemplates.Dynamic.RazorEngine_e6307f565ac2415598fef8b20127df39.Execute() in E:\dynamicweb.net\SolutionsCustom\Co3\staging.ambu-com.espresso4.dk\files\Templates\Designs\ambu\Paragraph\Accordion.cshtml:line 167at 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     @using Dynamicweb.Content.Items  2     @using Co3.Espresso.Base.Models  3     @using Co3.Espresso.Base.Extensions  4     @using Co3.Espresso.Website.Models.FrontEnd  5     @using Co3.Espresso.Website.Models.FrontEnd.Elements  6     @using Co3.Espresso.Website.Models.FrontEnd.Paragraphs  7     @inherits Co3.Espresso.Website.TemplateBases.Paragraphs.ImageTextTopBottom  8     @{  9       bool HideOnDesktop = Espresso.Item.HideOnDesktop == "True"; 10       bool HideOnPhone = Espresso.Item.HideOnPhone == "True"; 11       if ( HideOnDesktop ) 12       { 13         Espresso.Container.ClassList.Add( "d-lg-none" ); 14       } 15       if ( HideOnPhone ) 16       { 17         Espresso.Container.ClassList.Add( "d-none" ); 18         if ( !HideOnDesktop ) 19         { 20           Espresso.Container.ClassList.Add( "d-lg-block" ); 21         } 22       } 23 24       Espresso.Wrapper.ClassList.Clear(); 25       ClassList AccordionItemClassList = new ClassList(); 26       ClassList AccordionItemBorderStyleClassList = new ClassList(); 27       ClassList AccordionItemToggleClassList = new ClassList(); 28       ClassList AccordionItemToggleTextClassList = new ClassList(); 29       ClassList AccordionItemToggleIconClassList = new ClassList(); 30       ClassList AccordionItemContentClassList = new ClassList(); 31       AccordionItemClassList.AddClasses("p-accordion-item"); 32       if( Espresso.Page.Item.GetValue<bool>("ContentAnimate") == true ) { 33         AccordionItemClassList.AddClasses("js-e-scroll-reveal"); 34       } 35       Espresso.Container.ClassList.RemoveClasses("p-imagetext"); 36       Espresso.Container.ClassList.AddClasses("p-accordion"); 37 38       string AccordionBorderStyle = string.Empty; 39       if( Espresso.Item.Border == "top-bottom" ) { 40         if( Espresso.Item.Margin != "none" && string.IsNullOrEmpty( Espresso.Item.Margin ) == false ) { 41           AccordionBorderStyle = "horizontal-spaced"; 42         } 43         else{ 44           AccordionBorderStyle = "horizontal-condensed"; 45         }  } 46       else if( Espresso.Item.Border == "top-bottom-left-right" ) { 47         if( Espresso.Item.Margin != "none" && string.IsNullOrEmpty( Espresso.Item.Margin ) == false ) { 48           AccordionBorderStyle = "around-spaced"; 49         } 50         else{ 51           AccordionBorderStyle = "around-condensed"; 52         } 53       } 54       else{ 55         if( Espresso.Item.Margin != "none" && string.IsNullOrEmpty( Espresso.Item.Margin ) == false ) { 56           AccordionBorderStyle = "none-spaced"; 57         } 58         else{ 59           AccordionBorderStyle = "none-condensed"; 60         } 61       } 62       if( Espresso.Item.TextColor != "" && Espresso.Item.TextColor != "auto" ) { 63         Espresso.Wrapper.ClassList.AddClasses( "e-text-" + Espresso.Item.TextColor ); 64       } 65       if( AccordionBorderStyle == "horizontal-spaced" ) { 66         AccordionItemClassList.AddClasses("border border-right-0 border-left-0"); 67       } 68       else if( AccordionBorderStyle == "horizontal-condensed" ) { 69         AccordionItemClassList.AddClasses("border border-right-0 border-left-0"); 70       } 71       else if( AccordionBorderStyle == "around-spaced" ) { 72         AccordionItemClassList.AddClasses("border rounded"); 73       } 74       else if( AccordionBorderStyle == "around-condensed" ) { 75         AccordionItemClassList.AddClasses("border"); 76       } 77       if( Espresso.Item.BackgroundColor != "" && Espresso.Item.BackgroundColor != "none" ) { 78         AccordionItemToggleClassList.AddClasses( "p-accordion-bg-brand-" + Espresso.Item.BackgroundColor ); 79       } 80       if( Espresso.Item.IconColor != "" && Espresso.Item.IconColor != "auto" ) { 81         AccordionItemToggleIconClassList.AddClasses( "text-" + Espresso.Item.IconColor ); 82       } 83       if( Espresso.Item.ToggleTextColor != "" && Espresso.Item.ToggleTextColor != "auto" ) { 84         AccordionItemToggleTextClassList.AddClasses( "text-" + Espresso.Item.ToggleTextColor ); 85       } 86 87       if( Espresso.Item.PaddingHorizontal == "sm" ) { 88         AccordionItemToggleClassList.AddClasses("p-x-1"); 89         AccordionItemContentClassList.AddClasses("p-x-1"); 90       } 91       else if( Espresso.Item.PaddingHorizontal == "md" ) { 92         AccordionItemToggleClassList.AddClasses("p-x-2"); 93         AccordionItemContentClassList.AddClasses("p-x-2"); 94       } 95       else if( Espresso.Item.PaddingHorizontal == "lg" ) { 96         AccordionItemToggleClassList.AddClasses("p-x-3"); 97         AccordionItemContentClassList.AddClasses("p-x-3"); 98       } 99       else {100         AccordionItemToggleClassList.AddClasses("p-x-0");101         AccordionItemContentClassList.AddClasses("p-x-0");102       }103104       if( Espresso.Item.PaddingVertical == "sm" ) {105         AccordionItemToggleClassList.AddClasses("p-y-1");106         AccordionItemContentClassList.AddClasses("p-b-1");107       }108       else if( Espresso.Item.PaddingVertical == "md" ) {109         AccordionItemToggleClassList.AddClasses("p-y-2");110         AccordionItemContentClassList.AddClasses("p-b-2");111       }112       else if( Espresso.Item.PaddingVertical == "lg" ) {113         AccordionItemToggleClassList.AddClasses("p-y-3");114         AccordionItemContentClassList.AddClasses("p-b-3");115       }116117       if( Espresso.Item.Margin == "xs" ) {118         AccordionItemClassList.AddClasses("xs-bottom-margin");119       }120       else if( Espresso.Item.Margin == "sm" ) {121         AccordionItemClassList.AddClasses("m-b-1");122       }123       else if( Espresso.Item.Margin == "md" ) {124         AccordionItemClassList.AddClasses("m-b-2");125       }126       else if( Espresso.Item.Margin == "lg" ) {127         AccordionItemClassList.AddClasses("m-b-3");128       }129       else {130         AccordionItemClassList.AddClasses("m-b-0");131       }132133       AccordionItemToggleClassList.AddClasses("d-flex align-items-center m-b-0 collapsed");134       AccordionItemToggleTextClassList.AddClasses("line-height-sm");135       AccordionItemToggleClassList.AddClasses( "size-" + Espresso.Item.ToggleTextStyle );136       if( Espresso.Item.IconPosition == "right" ) {137         AccordionItemToggleClassList.AddClasses("justify-content-between");138         AccordionItemToggleIconClassList.AddClasses("m-l-1 order-last");139       }140       else {141         AccordionItemToggleIconClassList.AddClasses("m-r-1 order-first");142         AccordionItemToggleTextClassList.AddClasses("order-last");143       }144145       bool isHighFetchPriority = GetBoolean("Item.HighFetchPriority");146       string fetchPriorityString = isHighFetchPriority ? "fetchpriority=\"high\"" : "fetchpriority=\"low\"";147148       string imgClasses = "";149       if ( isHighFetchPriority == false )150       {151         imgClasses += "js-e-content-defer e-content-defer-placeholder";152       }153     }154155     <div class="@Espresso.Container.ClassList" id="@Espresso.Id">156157         @if ( string.IsNullOrEmpty( Espresso.Text.Raw ) == false )158         {159           <div class="p-accordion-lead">160             @Espresso.Text.Raw161           </div>162         }163164         <div class="p-accordion-container @Espresso.Wrapper.ClassList">165166           @{ int AccordionItemLoopCounter = 1; }167           @foreach( dynamic AccordionItem in Espresso.Item.AccordionItems ) {168             EspressoImage AccordionItemImage = new EspressoImage( AccordionItem.Item );169             AccordionItemImage.Width = 640;170             AccordionItemBorderStyleClassList.Clear();171172             if( AccordionBorderStyle == "horizontal-spaced" ) {173               AccordionItemBorderStyleClassList.AddClasses("");174             }175             else if( AccordionBorderStyle == "horizontal-condensed" ) {176               if( AccordionItemLoopCounter != Espresso.Item.AccordionItems.Count ) {177                 AccordionItemBorderStyleClassList.AddClasses("border-bottom-0");178               }179             }180             else if( AccordionBorderStyle == "around-spaced" ) {181               AccordionItemClassList.AddClasses("border rounded");182             }183             else if( AccordionBorderStyle == "around-condensed" ) {184               if( AccordionItemLoopCounter != Espresso.Item.AccordionItems.Count ) {185                 AccordionItemBorderStyleClassList.AddClasses("border-bottom-0");186               }187               if( AccordionItemLoopCounter == 1 ) {188                 AccordionItemBorderStyleClassList.AddClasses("rounded-top");189               }190               else if( AccordionItemLoopCounter == Espresso.Item.AccordionItems.Count ) {191                 AccordionItemBorderStyleClassList.AddClasses("rounded-bottom");192               }193             }194             else if( AccordionBorderStyle == "none-spaced" ) {195               AccordionItemClassList.AddClasses("rounded");196             }197             else if( AccordionBorderStyle == "none-condensed" ) {198               if( AccordionItemLoopCounter == 1 ) {199                 AccordionItemBorderStyleClassList.AddClasses("rounded-top");200               }201               else if( AccordionItemLoopCounter == Espresso.Item.AccordionItems.Count ) {202                 AccordionItemBorderStyleClassList.AddClasses("rounded-bottom");203               }204             }205             string initSrc = isHighFetchPriority ? AccordionItemImage.URL : "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8LwkAAh0BGumlBj4AAAAASUVORK5CYII=";206207             <div class="@AccordionItemClassList @AccordionItemBorderStyleClassList">208209               <div class="p-accordion-toggle">210                 <p data-toggle="collapse" data-target="#e-accordion-@Espresso.Id-@AccordionItem.Item.Id" class="@AccordionItemToggleClassList">211                   <span class="p-accordion-toggle-text m-b-0 @AccordionItemToggleTextClassList">212                      @AccordionItem.Heading213                   </span>214                   <span class="p-accordion-toggle-icon @AccordionItemToggleIconClassList">215                     <i class="material-icons add-icon">add</i>216                     <i class="material-icons remove-icon">close</i>217                   </span>218                 </p>219               </div>220221               <div id="e-accordion-@Espresso.Id-@AccordionItem.Item.Id" class="collapse">222                 <div class="@AccordionItemContentClassList p-accordion-content">223                   @if( @AccordionItemImage.URL != "" ) {224                   <div class="row no-gutters">225                     <div class="col-xs-12">226                       <p class="p-img-container d-flex justify-content-@AccordionItem.ImageAlignmentHorizontal">227                         <img src="@initSrc" data-src="@AccordionItemImage.URL" class="p-img m-t-2 @imgClasses" alt="@AccordionItem.Heading" @fetchPriorityString>228                       </p>229                     </div>230                   </div>231                   }232                   <div class="p-txt-container p-t-1">233                     @AccordionItem.Text234                   </div>235236                 </div>237               </div>238239             </div>240             AccordionItemLoopCounter++;241           }242243         </div>244245     </div>246