Error executing template "Designs/Swift/Paragraph/Swift_ProductSpecification.cshtml"
System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.RazorEngine_1915370b24494abf928b628efbbc267f.Execute() in D:\dynamicweb.net\Solutions\Flex Media\danzafe.cloud.dynamicweb-cms.com\files\Templates\Designs\Swift\Paragraph\Swift_ProductSpecification.cshtml:line 28
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()


  1     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
  2     @using Dynamicweb.Ecommerce.ProductCatalog
  3     
  4     @{
  5     	ProductViewModel product = null;
  6     	if (Dynamicweb.Context.Current.Items.Contains("ProductDetails"))
  7     	{
  8     		product = (ProductViewModel)Dynamicweb.Context.Current.Items["ProductDetails"];
  9     	}
 10     	else if (Pageview.Page.Item["DummyProduct"] != null && Pageview.IsVisualEditorMode)
 11     	{
 12     		var pageViewModel = Dynamicweb.Frontend.ContentViewModelFactory.CreatePageInfoViewModel(Pageview.Page);
 13     		ProductListViewModel productList = pageViewModel.Item.GetValue("DummyProduct") != null ? pageViewModel.Item.GetValue("DummyProduct") as ProductListViewModel : new ProductListViewModel();
 14     
 15     		if (productList?.Products is object)
 16     		{
 17     			product = productList.Products[0];
 18     		}
 19     	}
 20     }
 21     
 22     @if (product is object) {
 23     	IEnumerable<string> selectedDisplayGroupIds = Model.Item.GetRawValueString("DisplayGroups").Split(',').ToList();
 24     	List<CategoryFieldViewModel> displayGroups = new List<CategoryFieldViewModel>();
 25     
 26     	foreach (var selection in selectedDisplayGroupIds)
 27     	{
 28     		foreach (CategoryFieldViewModel group in product.FieldDisplayGroups.Values)
 29     		{
 30     			if (selection == group.Id)
 31     			{
 32     				int fieldsWithNoValueOrZero = 0;
 33     
 34     				foreach (var field in group.Fields)
 35     				{
 36     					if (string.IsNullOrEmpty(field.Value.Value.ToString()))
 37     					{
 38     						fieldsWithNoValueOrZero++;
 39     					}
 40     				}
 41     
 42     				if (fieldsWithNoValueOrZero != group.Fields.Count)
 43     				{
 44     					displayGroups.Add(group);
 45     				}
 46     			}
 47     		}
 48     	}
 49     
 50     	bool showProductFields = Model.Item.GetBoolean("ProductFields");
 51     
 52     	bool hideTitle = Model.Item.GetBoolean("HideTitle");
 53     
 54     	string theme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("Theme")) ? " theme " + Model.Item.GetRawValueString("Theme").Replace(" ", "").Trim().ToLower() : "";
 55     
 56     	string titleFontSize = Model.Item.GetRawValueString("TitleFontSize", "display-4");
 57     
 58     	string contentPadding = Model.Item.GetRawValueString("ContentPadding", "");
 59     	contentPadding = contentPadding == "none" ? string.Empty : contentPadding;
 60     	contentPadding = contentPadding == "small" ? " p-2 p-md-3" : contentPadding;
 61     	contentPadding = contentPadding == "large" ? " p-4 p-md-5" : contentPadding;
 62     
 63     	string layout = Model.Item.GetRawValueString("Layout", "list");
 64     	string size = Model.Item.GetRawValueString("Size", "full");
 65     	string gaps = size == "full" ? " gap-4" : " gap-2";
 66     
 67     
 68     	if (Pageview.IsVisualEditorMode && displayGroups.Count() == 0)
 69     	{
 70     		product.ProductFields.Clear();
 71     		product.ProductFields.Add(Translate("Width"), new FieldValueViewModel { Name = Translate("Width"), Value = "99cm" });
 72     		product.ProductFields.Add(Translate("Height"), new FieldValueViewModel { Name = Translate("Height"), Value = "195cm" });
 73     		showProductFields = true;
 74     	}
 75     
 76     	if (layout == "commas")
 77     	{
 78     		gaps = size == "full" ? " gap-4" : " gap-2";
 79     
 80     	}
 81     
 82     	<div class="h-100@(gaps)@(theme)@(contentPadding) item_@Model.Item.SystemName.ToLower()"> 
 83     		<div class="grid">
 84     			@if ((product.ProductFields != null && Model.Item.GetBoolean("ProductFields")) || (product.ProductCategories != null && Model.Item.GetBoolean("CategoryFields")) || (displayGroups.Count != 0)) {
 85     				if (!hideTitle)
 86     				{
 87     					<h2 class="g-col-12 @titleFontSize">@Translate(Model.Item.GetString("Title"))</h2>
 88     				}
 89     			}
 90     
 91     			@if (displayGroups.Count != 0)
 92     			{
 93     				if (layout != "accordion")
 94     				{
 95     					foreach (var group in displayGroups)
 96     					{
 97     						bool hideHeader = Model.Item.GetBoolean("HideGroupHeaders");
 98     
 99     						if (!hideHeader) { 
100     							<h4 class="g-col-12 h4 mb-0">@group.Name</h4>
101     						}
102     
103     						{ @RenderFieldsFromList(group.Fields, layout) }
104     
105     				}
106     			}
107     			else
108     			{
109     				<div class="g-col-12">
110     					<div class="accordion accordion-flush w-100" id="Specifications_@Model.ID">
111     						@foreach (var group in displayGroups)
112     						{
113     							<div class="accordion-item">
114     								<h2 class="accordion-header" id="SpecificationHeading_@group.Id">
115     									<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#SpecificationItem_@group.Id" aria-expanded="false" aria-controls="SpecificationItem_@group.Id">
116     										@group.Name
117     									</button>
118     								</h2>
119     								<div id="SpecificationItem_@group.Id" class="accordion-collapse collapse" aria-labelledby="SpecificationHeading_@group.Id" data-bs-parent="#Specifications_@Model.ID">
120     									<div class="accordion-body">
121     										@{ @RenderFieldsFromList(group.Fields, "list") }
122     									</div>
123     								</div>
124     							</div>
125     						}
126     					</div>
127     				</div>
128     			}
129     		}
130     
131     			@if (product.ProductFields != null && showProductFields)
132     			{
133     				if (product.ProductFields.Count > 0)
134     				{
135     					if (layout != "accordion")
136     					{
137     						{@RenderFieldsFromList(product.ProductFields, layout) }
138     				}
139     				else
140     				{
141     					<div class="g-col-12">
142     						<div class="accordion accordion-flush w-100" id="Specifications_@Model.ID">
143     							<div class="accordion-item">
144     								<h2 class="accordion-header" id="SpecificationHeading_@Model.ID">
145     									<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#SpecificationItem_@Model.ID" aria-expanded="false" aria-controls="SpecificationItem_@Model.ID">
146     										@Translate("Specifications")
147     									</button>
148     								</h2>
149     								<div id="SpecificationItem_@Model.ID" class="accordion-collapse" aria-labelledby="SpecificationHeading_@Model.ID" data-bs-parent="#Specifications_@Model.ID">
150     									<div class="accordion-body">
151     										@{ @RenderFieldsFromList(product.ProductFields, "List") }
152     									</div>
153     								</div>
154     							</div>
155     						</div>
156     					</div>
157     				}
158     			}
159     		}
160     
161     			@if (product.ProductCategories != null && Model.Item.GetBoolean("CategoryFields"))
162     			{
163     				if (product.ProductCategories.Count > 0)
164     				{
165     					if (layout != "accordion")
166     					{
167     						foreach (var group in product.ProductCategories)
168     						{
169     							CategoryFieldViewModel category = group.Value;
170     							bool hideHeader = Model.Item.GetBoolean("HideGroupHeaders");
171     
172     							if (!hideHeader) { 
173     								<h4 class="g-col-12 h4 mb-0">@group.Value.Name</h4>
174     							}
175     
176     							{ @RenderFieldsFromList(category.Fields, layout) }
177     					}
178     				}
179     				else
180     				{
181     					<div class="g-col-12">
182     						<div class="accordion accordion-flush w-100" id="Specifications_@Model.ID">
183     							@foreach (var group in product.ProductCategories)
184     							{
185     								CategoryFieldViewModel category = group.Value;
186     
187     									<div class="accordion-item">
188     										<h2 class="accordion-header" id="SpecificationHeading_@group.Value.Id">
189     											<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#SpecificationItem_@group.Value.Id" aria-expanded="false" aria-controls="SpecificationItem_@group.Value.Id">
190     												@group.Value.Name
191     											</button>
192     										</h2>
193     										<div id="SpecificationItem_@group.Value.Id" class="accordion-collapse" aria-labelledby="SpecificationHeading_@group.Value.Id" data-bs-parent="#Specifications_@Model.ID">
194     											<div class="accordion-body">
195     												@{ @RenderFieldsFromList(category.Fields, "list") }
196     											</div>
197     										</div>
198     									</div>
199     								}
200     							</div>
201     						</div>
202     					}
203     				}
204     			}
205     			
206     				@if (Model.Item.GetBoolean("ShowManufacturerProductPage")){
207     					
208     					string facturerProductPage = "";
209     
210     					foreach (var field in product.ProductFields) {
211     						
212     											
213     						if (field.Value.SystemName == "ManufacturerProductLink"){
214     							facturerProductPage = field.Value?.Value != null ? field.Value.Value.ToString() : "";;
215     						}
216     					}
217     
218     					if (!string.IsNullOrWhiteSpace(facturerProductPage)){
219     						<div class="g-col-12">
220     						<dl class="grid gap-1">
221     								
222     							<dd class="g-col-12 mb-0 text-break">
223     							<a class="btn btn-secondary" href="@(facturerProductPage)"  target="_blank" rel="noopener" title="Link til producent">@Translate("Link til producent")</a>
224     							</dd>
225     						</dl>
226     					</div>
227     					}
228     			}
229     		</div>
230     	</div>
231     }
232     else if (Pageview.IsVisualEditorMode)
233     {
234     	<div class="alert alert-warning m-0">@Translate("No products available")</div>
235     }
236     
237     @helper RenderFieldsFromList(Dictionary<string, FieldValueViewModel> fields, string layout)
238     {
239     	string size = Model.Item.GetRawValueString("Size", "full");
240     	string gaps = size != "full" ? " gap-1" : string.Empty;
241     	bool hideFieldLabels = Model.Item.GetBoolean("HideFieldLabels");
242     	bool hideFieldsWithZeroValue = Model.Item.GetBoolean("HideFieldsWithZeroValue");
243     
244     	if (layout == "columns") {
245     		<div class="g-col-12">
246     			<div class="grid@(gaps)">
247     				@foreach (var field in fields)
248     				{
249     					{@RenderField(field.Value, layout)}
250     				}
251     			</div>
252     		</div>
253     	}
254     	if (layout == "list") {
255     		<div class="g-col-12">
256     			<dl class="grid@(gaps)">
257     				@foreach (var field in fields)
258     				{
259     					{@RenderField(field.Value, layout)}
260     				}
261     			</dl>
262     		</div>
263     	}
264     	if (layout == "table")
265     	{
266     		string tableSize = size == "full" ? "" : " table-sm";
267     		<div class="g-col-12">
268     			<table class="table table-striped@(tableSize)">
269     				@foreach (var field in fields)
270     				{
271     					{@RenderField(field.Value, layout)}
272     				}
273     			</table>
274     		</div>
275     	}
276     	if (layout == "bullets")
277     	{
278     		string listSize = size == "full" ? "" : "m-0 p-0 lh-1 fs-7 opacity-75";
279     		string listStyle = size == "full" ? "" : "style=\"list-style-position: inside\"";
280     		<div class="g-col-12">
281     			<ul class="@listSize" @listStyle>
282     				@foreach (var field in fields)
283     				{
284     					{@RenderField(field.Value, layout)}
285     				}
286     			</ul>
287     		</div>
288     	}
289     	if (layout == "commas")
290     	{
291     		List<string> featuresList = new List<string>();
292     
293     		foreach (var field in fields)
294     		{
295     			string firstListItemValue = string.Empty; //Hack to support field type providers with a single value
296     
297     			if (field.Value?.Value != null)
298     			{
299     				if (field.Value.Value.GetType() == typeof(System.Collections.Generic.List<FieldOptionValueViewModel>))
300     				{
301     					System.Collections.Generic.List<FieldOptionValueViewModel> values = field.Value.Value as System.Collections.Generic.List<FieldOptionValueViewModel>;
302     
303     					//Hack to support field type providers with a single value
304     					if (values.FirstOrDefault() != null)
305     					{
306     						firstListItemValue = values.FirstOrDefault().Value;
307     					}
308     				}
309     			}
310     
311     			if (!hideFieldsWithZeroValue || (firstListItemValue != "0" && firstListItemValue != "0.0" && field.Value.Value.ToString() != "0" && field.Value.Value.ToString() != "0.0"))
312     			{
313     				if (field.Value.Value is object && !string.IsNullOrEmpty(field.Value.Value.ToString()))
314     				{
315     					if (field.Value.Value.GetType() == typeof(System.Collections.Generic.List<FieldOptionValueViewModel>))
316     					{
317     						List<string> options = new List<string>();
318     						foreach (FieldOptionValueViewModel option in field.Value.Value as System.Collections.Generic.List<FieldOptionValueViewModel>)
319     						{
320     							if (!string.IsNullOrWhiteSpace(option.Value))
321     							{
322     								if (option.Value.ToString().Contains("#") && (Translate(field.Value.Name) == Translate("Color") || Translate(field.Value.Name) == Translate("Colour")))
323     								{
324     									string colorSpan = "<span class=\"colorbox-sm\" style=\"background-color: " + option.Value + "\"></span>";
325     									options.Add(colorSpan);
326     								}
327     								else if (!string.IsNullOrEmpty(option.Value))
328     								{
329     									options.Add(option.Name);
330     								}
331     							}
332     						}
333     						string optionsString = (string.Join(", ", options.Select(x => x.ToString()).ToArray()));
334     						if ((Translate(field.Value.Name) == Translate("Color") || Translate(field.Value.Name) == Translate("Colour")))
335     						{
336     							optionsString = (string.Join(" ", options.Select(x => x.ToString()).ToArray()));
337     						}
338     
339     						if (!string.IsNullOrEmpty(optionsString))
340     						{
341     							if (!hideFieldLabels)
342     							{
343     								featuresList.Add(field.Value.Name + ": " + optionsString);
344     							}
345     							else
346     							{
347     								featuresList.Add(optionsString);
348     							}
349     						}
350     					}
351     					else
352     					{
353     						if (!string.IsNullOrWhiteSpace(field.Value.Value.ToString()))
354     						{
355     							if (field.Value.Value.ToString().Contains("#") && (Translate(field.Value.Name) == Translate("Color") || Translate(field.Value.Name) == Translate("Colour")))
356     							{
357     								string colorSpan = "<span class=\"colorbox-sm\" style=\"background-color: " + field.Value.Value + "\"></span>";
358     
359     								if (!hideFieldLabels)
360     								{
361     									featuresList.Add(field.Value.Name + ": " + colorSpan);
362     								}
363     								else
364     								{
365     									featuresList.Add(colorSpan);
366     								}
367     							}
368     							else
369     							{
370     								if (!hideFieldLabels)
371     								{
372     									featuresList.Add(field.Value.Name + ": " + field.Value.Value.ToString());
373     								}
374     								else
375     								{
376     									featuresList.Add(field.Value.Value.ToString());
377     								}
378     							}
379     						}
380     					}
381     				}
382     			}
383     		}
384     
385     		string featuresString = (string.Join(", ", featuresList.Select(x => x.ToString()).ToArray()));
386     
387     		<div class="g-col-12 opacity-75 fs-7">@featuresString</div>
388     	}
389     }
390     
391     @helper RenderField(FieldValueViewModel field, string layout)
392     {
393     	string size = Model.Item.GetRawValueString("Size", "full");
394     	string fieldValue = field?.Value != null ? field.Value.ToString() : "";
395     	bool hideFieldLabels = Model.Item.GetBoolean("HideFieldLabels");
396     	bool noValues = false;
397     	string firstListItemValue = string.Empty; //Hack to support field type providers with a single value
398     	bool hideFieldsWithZeroValue = Model.Item.GetBoolean("HideFieldsWithZeroValue");
399     
400     	if (!string.IsNullOrEmpty(fieldValue))
401     	{
402     		if (field.Value.GetType() == typeof(System.Collections.Generic.List<FieldOptionValueViewModel>))
403     		{
404     			System.Collections.Generic.List<FieldOptionValueViewModel> values = field.Value as System.Collections.Generic.List<FieldOptionValueViewModel>;
405     			noValues = values.Count > 0 ? false : true;
406     
407     			//Hack to support field type providers with a single value
408     			if (values.FirstOrDefault() != null)
409     			{
410     				firstListItemValue = values.FirstOrDefault().Value;
411     			}
412     		}
413     	}
414     
415     	if (!string.IsNullOrEmpty(fieldValue) && noValues == false)
416     	{
417     		if (!hideFieldsWithZeroValue || (firstListItemValue != "0" && firstListItemValue != "0.0" && field.Value.ToString() != "0" && field.Value.ToString() != "0.0"))
418     		{
419     			if (layout == "columns")
420     			{
421     
422     				<div class="grid g-col-6 g-col-lg-4 gap-1">
423     					@if (!hideFieldLabels)
424     					{
425     						<dt class="g-col-12 g-col-lg-4" t=a>@Translate(field.Name)</dt>
426     					}
427     					<dd class="g-col-12 g-col-lg-8 mb-0 text-break">
428     						@{ @RenderFieldValue(field) }
429     					</dd>
430     				</div>
431     			}
432     			if (layout == "list")
433     			{
434     				if (!hideFieldLabels)
435     				{
436     					<dt class="g-col-4" t=b>@Translate(field.Name)</dt>
437     				}
438     				<dd class="g-col-8 mb-0 text-break">
439     					@{ @RenderFieldValue(field) }
440     				</dd>
441     			}
442     			if (layout == "table")
443     			{
444     				<tr>
445     					@if (!hideFieldLabels)
446     					{
447     						<th class="w-25 w-lg-50" scope="row">@Translate(field.Name)</th>
448     					}
449     					<td class="text-break">
450     						@{ @RenderFieldValue(field) }
451     					</td>
452     				</tr>
453     			}
454     			if (layout == "bullets")
455     			{
456     				<li>
457     					@if (!hideFieldLabels)
458     					{
459     						<strong>@Translate(field.Name)</strong>
460     					}
461     					<span>
462     						@{ @RenderFieldValue(field) }
463     					</span>
464     				</li>
465     			}
466     		}
467     	}
468     }
469     
470     @helper RenderFieldValue(FieldValueViewModel field)
471     {
472     	string fieldValue = field?.Value != null ? field.Value.ToString() : "";
473     
474     	bool isLink = field?.Type == "Link";
475     	bool isColor = false;
476     	bool isBrandName = field?.SystemName == "Brand_name";
477     
478     	fieldValue = fieldValue == "False" ? Translate("No") : fieldValue;
479     	fieldValue = fieldValue == "True" ? Translate("Yes") : fieldValue;
480     
481     
482     	if (field.Value.GetType() == typeof(System.Collections.Generic.List<Dynamicweb.Ecommerce.ProductCatalog.FieldOptionValueViewModel>))
483     	{
484     		int valueCount = 0;
485     		System.Collections.Generic.List<FieldOptionValueViewModel> values = field.Value as System.Collections.Generic.List<FieldOptionValueViewModel>;
486     		int totalValues = values.Count;
487     
488     		foreach (FieldOptionValueViewModel option in values)
489     		{
490     			if (!string.IsNullOrEmpty(option.Value))
491     			{
492     				if (option.Value.Substring(0, 1) == "#")
493     				{
494     					isColor = true;
495     				}
496     			}
497     
498     			if (!isColor)
499     			{
500     				@option.Name
501     			}
502     			else
503     			{
504     				<span class="colorbox-sm" style="background-color: @option.Value" title="@option.Name"></span>
505     			}
506     
507     			if (valueCount != totalValues && valueCount < (totalValues - 1))
508     			{
509     				if (isColor)
510     				{
511     					<text> </text>
512     				}
513     				else
514     				{
515     					<text>, </text>
516     				}
517     			}
518     			valueCount++;
519     		}
520     	}
521     	else
522     	{
523     		if (fieldValue.Substring(0, 1) == "#")
524     		{
525     			isColor = true;
526     		}
527     
528     		if (!isColor)
529     		{
530     			if (isLink)
531     			{
532     				string linktTitle = !fieldValue.Contains("aspx") ? fieldValue : Translate("Go to link");
533     				string target = Pageview.AreaSettings.GetBoolean("OpenLinksInNewTab") && fieldValue.Contains("http") ? "target=\"_blank\"" : string.Empty;
534     				string rel = Pageview.AreaSettings.GetBoolean("OpenLinksInNewTab") && fieldValue.Contains("http") ? "rel=\"noopener\"" : string.Empty;
535     
536     				<a href="@field.Value" title="@field.Name" @target @rel>@linktTitle</a>
537     			}
538     			else if (isBrandName)
539     			{
540     				<span itemprop="brand" itemtype="https://schema.org/Brand" itemscope>
541     					<span itemprop="name">@fieldValue</span>
542     				</span>
543     			}
544     			else
545     			{
546     				@fieldValue
547     			}
548     
549     		}
550     		else
551     		{
552     			<span class="colorbox-sm" style="background-color: @fieldValue" title="@fieldValue"></span>
553     		}
554     	}
555     }
556     

Error executing template "Designs/Swift/Paragraph/Swift_ProductDetailsMediaTable.cshtml"
System.ArgumentNullException: Value cannot be null.
Parameter name: source
   at System.Linq.Enumerable.Where[TSource](IEnumerable`1 source, Func`2 predicate)
   at CompiledRazorTemplates.Dynamic.RazorEngine_457d921174194192b3cdcf0c568215d1.Execute() in D:\dynamicweb.net\Solutions\Flex Media\danzafe.cloud.dynamicweb-cms.com\files\Templates\Designs\Swift\Paragraph\Swift_ProductDetailsMediaTable.cshtml:line 71
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()


  1     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
  2     @using Dynamicweb.Ecommerce.ProductCatalog
  3     @using Dynamicweb.Frontend
  4     @using System.IO
  5     
  6     @functions {
  7     	public ProductViewModel product { get; set; } = new ProductViewModel();
  8     	public string[] supportedImageFormats { get; set; }
  9     	public string[] supportedVideoFormats { get; set; }
 10     	public string[] supportedDocumentFormats { get; set; }
 11     	public string[] allSupportedFormats { get; set; }
 12     
 13     	public class RatioSettings
 14     	{
 15     		public string Ratio { get; set; }
 16     		public string CssClass { get; set; }
 17     		public string CssVariable { get; set; }
 18     		public string Fill { get; set; }
 19     	}
 20     
 21     	public RatioSettings GetRatioSettings()
 22     	{
 23     		var ratioSettings = new RatioSettings();
 24     
 25     		string ratio = Model.Item.GetRawValueString("ImageAspectRatio", "");
 26     		ratio = ratio != "0" ? ratio : "";
 27     		string cssClass = ratio != "" && ratio != "fill" ? " ratio" : "";
 28     		string cssVariable = ratio != "" && ratio != "fill" ? "--bs-aspect-ratio: " + ratio : "";
 29     
 30     		ratioSettings.Ratio = ratio;
 31     		ratioSettings.CssClass = cssClass;
 32     		ratioSettings.CssVariable = cssVariable;
 33     		ratioSettings.Fill = ratio == "fill" ? " h-100" : "";
 34     
 35     		return ratioSettings;
 36     	}
 37     }
 38     
 39     @{
 40     	@* Get the product data *@
 41     	ProductViewModel product = null;
 42     	if (Dynamicweb.Context.Current.Items.Contains("ProductDetails"))
 43     	{
 44     		product = (ProductViewModel)Dynamicweb.Context.Current.Items["ProductDetails"];
 45     	}
 46     	else if (Pageview.Page.Item["DummyProduct"] != null && Pageview.IsVisualEditorMode)
 47     	{
 48     		var pageViewModel = Dynamicweb.Frontend.ContentViewModelFactory.CreatePageInfoViewModel(Pageview.Page);
 49     		ProductListViewModel productList = pageViewModel.Item.GetValue("DummyProduct") != null ? pageViewModel.Item.GetValue("DummyProduct") as ProductListViewModel : new ProductListViewModel();
 50     
 51     		if (productList?.Products is object)
 52     		{
 53     			product = productList.Products[0];
 54     		}
 55     	}
 56     }
 57     
 58     @if (product is object) {
 59     	@* Supported formats *@
 60     	supportedImageFormats = new string[] { ".jpg", ".jpeg", ".webp", ".png", ".gif", ".bmp", ".tiff" };
 61     	supportedVideoFormats = new string[] { "youtu.be", "youtube", "vimeo", ".mp4", ".webm" };
 62     	supportedDocumentFormats = new string[] { ".pdf", ".docx", ".xlsx", ".ppt", "pptx" };
 63     	allSupportedFormats = supportedImageFormats.Concat(supportedVideoFormats).Concat(supportedDocumentFormats).ToArray();
 64     
 65     	@* Collect the assets *@
 66     	var selectedAssetCategories = Model.Item.GetRawValueString("ImageAssets").Split(',').ToList();
 67     	bool includeImagePatternImages = Model.Item.GetBoolean("ImagePatternImages"); 
 68     	
 69     	@* Needed image data collection to support both DefaultImage, ImagePatterns and Image Assets *@
 70     	string defaultImage = product.DefaultImage != null ? product.DefaultImage.Value : "";
 71     	IEnumerable<MediaViewModel> assetsImages = product.AssetCategories.Where(x => selectedAssetCategories.Contains(x.SystemName)).SelectMany(x => x.Assets);
 72     	assetsImages = assetsImages.OrderByDescending(x => x.Value.Equals(defaultImage));
 73     	IEnumerable<MediaViewModel> assetsList = new MediaViewModel[]{};
 74     
 75     	assetsList = assetsList.Union(assetsImages);
 76     	assetsList = includeImagePatternImages ? assetsList.Union(product.ImagePatternImages) : assetsList;
 77     	assetsList = includeImagePatternImages && assetsList.Count() == 0 ? assetsList.Append(product.DefaultImage) : assetsList;
 78     
 79     	bool defaultImageFallback = Model.Item.GetBoolean("DefaultImageFallback"); 
 80     	bool showOnlyPrimaryImage = Model.Item.GetBoolean("ShowOnlyPrimaryImage");
 81     
 82     	int totalAssets = 0;
 83     	if (showOnlyPrimaryImage == false) {
 84     		foreach (MediaViewModel asset in assetsList) {
 85     			var assetValue = asset.Value; 
 86     			foreach (string format in allSupportedFormats) {
 87     				if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0) {
 88     					totalAssets++;
 89     				}
 90     			}
 91     		}
 92     	}
 93     
 94     	if((totalAssets == 0 && product.DefaultImage != null && selectedAssetCategories.Count() == 0) || (showOnlyPrimaryImage == true && product.DefaultImage != null))
 95     	{
 96     		assetsList = new List<MediaViewModel>(){ product.DefaultImage };
 97     		totalAssets = 1;
 98     	}
 99     
100     	int videoNumber = 0;
101     
102     	@* Layout settings *@
103     	string spacing = Model.Item.GetRawValueString("Spacing", "p-0");
104     	spacing = spacing == "none" ? "p-0" : spacing;
105     	spacing = spacing == "small" ? "p-3" : spacing;
106     	spacing = spacing == "large" ? "p-5" : spacing;
107     
108     	string theme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("Theme")) ? " theme " + Model.Item.GetRawValueString("Theme").Replace(" ", "").Trim().ToLower() : "";
109     
110     	bool hideThumbnails = Model.Item.GetBoolean("HideThumbnails");
111     
112     	string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
113     	int modalVideoNumber = 0;
114     
115     	@* Get assets from selected categories or get all assets *@
116     	
117     	if (totalAssets != 0 && assetsList.Any())
118     	{
119     		<div class="@spacing@(theme) item_@Model.Item.SystemName.ToLower()">
120     			@if (!string.IsNullOrEmpty(Model.Item.GetString("Title")) && !Model.Item.GetBoolean("HideTitle"))
121     			{
122     				string titleFontSize = Model.Item.GetRawValueString("TitleFontSize", "h3");
123     
124     				<h3 class="@titleFontSize mb-3">
125     					@Model.Item.GetString("Title")
126     				</h3>
127     			}
128     
129     			<div class="table-responsive">
130     				<table class="table table-hover align-middle mb-0" style="table-layout: fixed;">
131     					<thead>
132     						<tr>
133     							@if (!hideThumbnails)
134     							{
135     								<th style="width:60px">&nbsp;</th>
136     							}
137     							<th>@Translate("Name")</th>
138     							<th class="text-end d-none d-lg-table-cell">@Translate("Download")</th>
139     							<th class="text-end" style="width:100px">@Translate("File type")</th>
140     						</tr>
141     					</thead>
142     					<tbody class="border-top-0">
143     						@foreach (MediaViewModel asset in assetsList)
144     						{
145     							var assetValue = asset.Value;
146     							string assetName = !string.IsNullOrEmpty(asset.DisplayName) ? asset.DisplayName :  asset.Value.Substring( asset.Value.LastIndexOf('/') + 1);
147     
148     							bool isVideo = false;
149     							foreach (string format in supportedVideoFormats)
150     							{ //Videos
151     								if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
152     								{
153     									isVideo = true;
154     								}
155     							}
156     
157     							if (!isVideo)
158     							{
159     								string filePath = Dynamicweb.Context.Current.Server.MapPath(assetValue);
160     								long fileSize = 0;
161     
162     								if (File.Exists(filePath)) {
163     									fileSize = new System.IO.FileInfo(filePath) != null ? new System.IO.FileInfo(filePath).Length / 1024 : 0;
164     
165     									foreach (string format in allSupportedFormats)
166     									{
167     										if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
168     										{
169     											<tr>
170     												@if (!hideThumbnails)
171     												{
172     													@RenderAsset(asset)
173     												}
174     												<td>
175     													<a href="@assetValue" class="text-decoration-none text-break" download="@assetName" title="@assetName">
176     														@assetName
177     													</a>
178     												</td>
179     												<td class="text-end d-none d-lg-table-cell">
180     													<a href="@assetValue" class="text-decoration-none" download="@assetName" title="@assetName">
181     														@fileSize KB <div class="icon-2" style="z-index: 1">@ReadFile(iconPath + "download.svg")</div>
182     													</a>
183     												</td>
184     												<td class="text-end">@format</td>
185     											</tr>
186     										}
187     									}
188     		                        } 
189     							}
190     							else
191     							{
192     								string videoType = asset.Value.IndexOf("youtu.be", StringComparison.OrdinalIgnoreCase) >= 0 || asset.Value.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) >= 0 ? "Youtube" : "";
193     								videoType = asset.Value.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "Vimeo" : videoType;
194     
195     								<tr data-bs-toggle="modal" data-bs-target="#modal_@(Model.ID)_@videoNumber" style="cursor: pointer">
196     									@if (!hideThumbnails)
197     									{
198     										@RenderAsset(asset)
199     									}
200     									<td>
201     										@assetName
202     									</td>
203     									<td class="d-none d-lg-table-cell">&nbsp;</td>
204     									<td align="right">@videoType</td>
205     								</tr>
206     
207     								videoNumber++;
208     							}
209     						}
210     					</tbody>
211     				</table>
212     			</div>
213     
214     			@foreach (MediaViewModel asset in assetsList)
215     			{
216     				var assetName = asset.Value.ToLower();
217     
218     				foreach (string format in supportedVideoFormats)
219     				{ //Videos
220     					if (assetName.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
221     					{
222     						<div class="modal fade js-video-modal" id="modal_@(Model.ID)_@modalVideoNumber" tabindex="-1" aria-labelledby="productDetailsTableModalTitle_@(Model.ID)_@modalVideoNumber" aria-hidden="true">
223     							<div class="modal-dialog modal-dialog-centered modal-xl">
224     								<div class="modal-content">
225     									<div class="modal-header visually-hidden">
226     										<h5 class="modal-title" id="productDetailsTableModalTitle_@(Model.ID)_@modalVideoNumber">@product.Title</h5>
227     										<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
228     									</div>
229     									<div class="modal-body p-2 p-lg-3 h-100">
230     										@{ @RenderVideoPlayer(asset) }
231     									</div>
232     								</div>
233     							</div>
234     						</div>
235     
236     						modalVideoNumber++;
237     					}
238     				}
239     			}
240     		</div>
241     	}
242     	else if (Pageview.IsVisualEditorMode)
243     	{
244     		<div class="h-100 @theme">
245     			<div class="alert alert-dark m-0">
246     				@Translate("No assets are available")
247     			</div>
248     		</div>
249     	}
250     }
251     
252     @helper RenderAsset(MediaViewModel asset)
253     {
254     	string theme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("ImageTheme")) ? " theme " + Model.Item.GetRawValueString("ImageTheme").Replace(" ", "").Trim().ToLower() : "";
255     	string assetValue = asset.Value;
256     
257     	<td class="@(theme) px-0">
258     		@foreach (string format in supportedImageFormats)
259     		{ //Images
260     			if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
261     			{
262     				@RenderImage(asset)
263     			}
264     		}
265     		@foreach (string format in supportedVideoFormats)
266     		{ //Videos
267     			if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
268     			{
269     				@RenderVideoScreendump(asset)
270     			}
271     		}
272     		@foreach (string format in supportedDocumentFormats)
273     		{ //Documents
274     			if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
275     			{
276     				@RenderDocument(asset)
277     			}
278     		}
279     	</td>
280     }
281     
282     @helper RenderImage(MediaViewModel asset)
283     {
284     	string productName = product.Name;
285     	productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
286     	string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
287     	string imageLinkPath = imagePath;
288     	imagePath = $"/Admin/Public/GetImage.ashx?image={imagePath}&width=60&format=webp";
289     
290     	string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
291     
292     	RatioSettings ratioSettings = GetRatioSettings();
293     
294     	<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" download>
295     		<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
296     			<img loading="lazy" src="@imagePath" class="mw-100 mh-100" alt="@productName" @assetTitle itemprop="image">
297     		</div>
298     	</a>
299     }
300     
301     @helper RenderVideoScreendump(MediaViewModel asset)
302     {
303     	string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
304     
305     	string videoScreendumpPath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : "";
306     	string videoId = videoScreendumpPath.Substring(videoScreendumpPath.LastIndexOf('/') + 1);
307     	videoScreendumpPath = videoScreendumpPath.IndexOf("youtu.be", StringComparison.OrdinalIgnoreCase) >= 0 || videoScreendumpPath.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) >= 0 ? "https://img.youtube.com/vi/" + videoId + "/mqdefault.jpg" : videoScreendumpPath;
308     
309     	string vimeoJsClass = videoScreendumpPath.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "js-vimeo-video-thumbnail" : "";
310     	videoScreendumpPath = videoScreendumpPath.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "" : videoScreendumpPath;
311     
312     	string productName = product.Name;
313     	productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
314     	string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
315     
316     	RatioSettings ratioSettings = GetRatioSettings();
317     
318     	<div class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)">
319     		<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
320     			<div class="icon-2 position-absolute" style="z-index: 1">@ReadFile(iconPath + "play-circle.svg")</div>
321     			@if (videoScreendumpPath.IndexOf(".mp4", StringComparison.OrdinalIgnoreCase) < 0) { 				
322     				<img src="@videoScreendumpPath" loading="lazy" decoding="async" alt="@productName" @assetTitle class="@vimeoJsClass mw-100 mh-100" data-video-id="@videoId" style="object-fit: cover;">
323     			} else { 
324     				string videoType = Path.GetExtension(asset.Value).ToLower();
325     
326     				<video preload="auto" class="h-100 w-100" style="object-fit: contain;">
327     					<source src="@asset.Value" type="video/@videoType.Replace(".", "")">
328     				</video>
329     			}
330     		</div>
331     	</div>
332     }
333     
334     @helper RenderDocument(MediaViewModel asset)
335     {
336     	string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
337     	string productName = product.Name;
338     	productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
339     	string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
340     	string imageLinkPath = imagePath;
341     	imagePath = $"/Admin/Public/GetImage.ashx?image={imagePath}&width=60&format=webp";
342     	string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
343     
344     	RatioSettings ratioSettings = GetRatioSettings();
345     
346     	<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" download alt="@productName">
347     		@if (asset.Value.IndexOf(".pdf", StringComparison.OrdinalIgnoreCase) >= 0) { 
348     			<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
349     				<img loading="lazy" src="@imagePath" class="mw-100 mh-100" alt="@productName" @assetTitle />
350     			</div>
351     		} else { 
352     			<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
353     				<div class="icon-3 position-absolute" style="z-index: 1">@ReadFile(iconPath + "file-text.svg")</div>
354     			</div>
355     		}
356     	</a>
357     }
358     
359     @helper RenderVideoPlayer(MediaViewModel asset)
360     {
361     	string assetName = !string.IsNullOrEmpty(asset.DisplayName) ? asset.DisplayName : asset.Name;
362     	string assetValue = asset.Value;
363     	string videoId = asset.Value.Substring(asset.Value.LastIndexOf('/') + 1);
364     	string type = assetValue.IndexOf("youtu.be", StringComparison.OrdinalIgnoreCase) >= 0 || assetValue.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) >= 0 ? "youtube" : "";
365     	type = assetValue.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "vimeo" : type;
366     	type = assetValue.IndexOf(".mp4", StringComparison.OrdinalIgnoreCase) >= 0 || assetValue.IndexOf(".webm", StringComparison.OrdinalIgnoreCase) >= 0 ? "selfhosted" : type;
367     
368     	<div class="h-100" itemscope itemtype="https://schema.org/VideoObject">
369     		<span class="visually-hidden" itemprop="name">@assetName</span>
370     		<span class="visually-hidden" itemprop="contentUrl">@asset.Value</span>
371     		<span class="visually-hidden" itemprop="thumbnailUrl">@asset.Value</span>
372     		@if (type != "selfhosted")
373     		{
374     			<div id="player_@(Pageview.CurrentParagraph.ID)_@(videoId)"
375     				 class="plyr__video-embed"
376     				 data-plyr-provider="@(type)"
377     				 data-plyr-embed-id="@videoId"
378     				 style="--plyr-color-main: var(--swift-foreground-color); height: 100%">
379     			</div>
380     
381     			<script type="module" src="/Files/Templates/Designs/Swift/Assets/js/plyr.js"></script>
382     			<script type="module">
383     				var player = new Plyr('#player_@(Pageview.CurrentParagraph.ID)_@(videoId)', {
384     					type: 'video',
385     					youtube: {
386     						noCookie: true,
387     						showinfo: 0
388     					},
389     					fullscreen: {
390     						enabled: true,
391     						iosNative: true,
392     					}
393     				});
394     
395     				document.querySelectorAll('.js-video-modal').forEach(function (modal) {
396     					modal.addEventListener('hidden.bs.modal', function (event) {
397     						player.media.pause();
398     					})
399     				});
400     			</script>
401     		}
402     		else
403     		{
404     			string videoType = Path.GetExtension(assetValue).ToLower();
405     
406     			<video preload="auto" class="h-100 w-100" style="object-fit: cover;" controls>
407     				<source src="@assetValue" type="video/@videoType.Replace(".", "")">
408     			</video>
409     		}
410     	</div>
411     }
412     

Error executing template "Designs/Swift/Paragraph/Swift_ProductDetailsMediaTable.cshtml"
System.ArgumentNullException: Value cannot be null.
Parameter name: source
   at System.Linq.Enumerable.Where[TSource](IEnumerable`1 source, Func`2 predicate)
   at CompiledRazorTemplates.Dynamic.RazorEngine_457d921174194192b3cdcf0c568215d1.Execute() in D:\dynamicweb.net\Solutions\Flex Media\danzafe.cloud.dynamicweb-cms.com\files\Templates\Designs\Swift\Paragraph\Swift_ProductDetailsMediaTable.cshtml:line 71
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()


  1     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
  2     @using Dynamicweb.Ecommerce.ProductCatalog
  3     @using Dynamicweb.Frontend
  4     @using System.IO
  5     
  6     @functions {
  7     	public ProductViewModel product { get; set; } = new ProductViewModel();
  8     	public string[] supportedImageFormats { get; set; }
  9     	public string[] supportedVideoFormats { get; set; }
 10     	public string[] supportedDocumentFormats { get; set; }
 11     	public string[] allSupportedFormats { get; set; }
 12     
 13     	public class RatioSettings
 14     	{
 15     		public string Ratio { get; set; }
 16     		public string CssClass { get; set; }
 17     		public string CssVariable { get; set; }
 18     		public string Fill { get; set; }
 19     	}
 20     
 21     	public RatioSettings GetRatioSettings()
 22     	{
 23     		var ratioSettings = new RatioSettings();
 24     
 25     		string ratio = Model.Item.GetRawValueString("ImageAspectRatio", "");
 26     		ratio = ratio != "0" ? ratio : "";
 27     		string cssClass = ratio != "" && ratio != "fill" ? " ratio" : "";
 28     		string cssVariable = ratio != "" && ratio != "fill" ? "--bs-aspect-ratio: " + ratio : "";
 29     
 30     		ratioSettings.Ratio = ratio;
 31     		ratioSettings.CssClass = cssClass;
 32     		ratioSettings.CssVariable = cssVariable;
 33     		ratioSettings.Fill = ratio == "fill" ? " h-100" : "";
 34     
 35     		return ratioSettings;
 36     	}
 37     }
 38     
 39     @{
 40     	@* Get the product data *@
 41     	ProductViewModel product = null;
 42     	if (Dynamicweb.Context.Current.Items.Contains("ProductDetails"))
 43     	{
 44     		product = (ProductViewModel)Dynamicweb.Context.Current.Items["ProductDetails"];
 45     	}
 46     	else if (Pageview.Page.Item["DummyProduct"] != null && Pageview.IsVisualEditorMode)
 47     	{
 48     		var pageViewModel = Dynamicweb.Frontend.ContentViewModelFactory.CreatePageInfoViewModel(Pageview.Page);
 49     		ProductListViewModel productList = pageViewModel.Item.GetValue("DummyProduct") != null ? pageViewModel.Item.GetValue("DummyProduct") as ProductListViewModel : new ProductListViewModel();
 50     
 51     		if (productList?.Products is object)
 52     		{
 53     			product = productList.Products[0];
 54     		}
 55     	}
 56     }
 57     
 58     @if (product is object) {
 59     	@* Supported formats *@
 60     	supportedImageFormats = new string[] { ".jpg", ".jpeg", ".webp", ".png", ".gif", ".bmp", ".tiff" };
 61     	supportedVideoFormats = new string[] { "youtu.be", "youtube", "vimeo", ".mp4", ".webm" };
 62     	supportedDocumentFormats = new string[] { ".pdf", ".docx", ".xlsx", ".ppt", "pptx" };
 63     	allSupportedFormats = supportedImageFormats.Concat(supportedVideoFormats).Concat(supportedDocumentFormats).ToArray();
 64     
 65     	@* Collect the assets *@
 66     	var selectedAssetCategories = Model.Item.GetRawValueString("ImageAssets").Split(',').ToList();
 67     	bool includeImagePatternImages = Model.Item.GetBoolean("ImagePatternImages"); 
 68     	
 69     	@* Needed image data collection to support both DefaultImage, ImagePatterns and Image Assets *@
 70     	string defaultImage = product.DefaultImage != null ? product.DefaultImage.Value : "";
 71     	IEnumerable<MediaViewModel> assetsImages = product.AssetCategories.Where(x => selectedAssetCategories.Contains(x.SystemName)).SelectMany(x => x.Assets);
 72     	assetsImages = assetsImages.OrderByDescending(x => x.Value.Equals(defaultImage));
 73     	IEnumerable<MediaViewModel> assetsList = new MediaViewModel[]{};
 74     
 75     	assetsList = assetsList.Union(assetsImages);
 76     	assetsList = includeImagePatternImages ? assetsList.Union(product.ImagePatternImages) : assetsList;
 77     	assetsList = includeImagePatternImages && assetsList.Count() == 0 ? assetsList.Append(product.DefaultImage) : assetsList;
 78     
 79     	bool defaultImageFallback = Model.Item.GetBoolean("DefaultImageFallback"); 
 80     	bool showOnlyPrimaryImage = Model.Item.GetBoolean("ShowOnlyPrimaryImage");
 81     
 82     	int totalAssets = 0;
 83     	if (showOnlyPrimaryImage == false) {
 84     		foreach (MediaViewModel asset in assetsList) {
 85     			var assetValue = asset.Value; 
 86     			foreach (string format in allSupportedFormats) {
 87     				if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0) {
 88     					totalAssets++;
 89     				}
 90     			}
 91     		}
 92     	}
 93     
 94     	if((totalAssets == 0 && product.DefaultImage != null && selectedAssetCategories.Count() == 0) || (showOnlyPrimaryImage == true && product.DefaultImage != null))
 95     	{
 96     		assetsList = new List<MediaViewModel>(){ product.DefaultImage };
 97     		totalAssets = 1;
 98     	}
 99     
100     	int videoNumber = 0;
101     
102     	@* Layout settings *@
103     	string spacing = Model.Item.GetRawValueString("Spacing", "p-0");
104     	spacing = spacing == "none" ? "p-0" : spacing;
105     	spacing = spacing == "small" ? "p-3" : spacing;
106     	spacing = spacing == "large" ? "p-5" : spacing;
107     
108     	string theme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("Theme")) ? " theme " + Model.Item.GetRawValueString("Theme").Replace(" ", "").Trim().ToLower() : "";
109     
110     	bool hideThumbnails = Model.Item.GetBoolean("HideThumbnails");
111     
112     	string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
113     	int modalVideoNumber = 0;
114     
115     	@* Get assets from selected categories or get all assets *@
116     	
117     	if (totalAssets != 0 && assetsList.Any())
118     	{
119     		<div class="@spacing@(theme) item_@Model.Item.SystemName.ToLower()">
120     			@if (!string.IsNullOrEmpty(Model.Item.GetString("Title")) && !Model.Item.GetBoolean("HideTitle"))
121     			{
122     				string titleFontSize = Model.Item.GetRawValueString("TitleFontSize", "h3");
123     
124     				<h3 class="@titleFontSize mb-3">
125     					@Model.Item.GetString("Title")
126     				</h3>
127     			}
128     
129     			<div class="table-responsive">
130     				<table class="table table-hover align-middle mb-0" style="table-layout: fixed;">
131     					<thead>
132     						<tr>
133     							@if (!hideThumbnails)
134     							{
135     								<th style="width:60px">&nbsp;</th>
136     							}
137     							<th>@Translate("Name")</th>
138     							<th class="text-end d-none d-lg-table-cell">@Translate("Download")</th>
139     							<th class="text-end" style="width:100px">@Translate("File type")</th>
140     						</tr>
141     					</thead>
142     					<tbody class="border-top-0">
143     						@foreach (MediaViewModel asset in assetsList)
144     						{
145     							var assetValue = asset.Value;
146     							string assetName = !string.IsNullOrEmpty(asset.DisplayName) ? asset.DisplayName :  asset.Value.Substring( asset.Value.LastIndexOf('/') + 1);
147     
148     							bool isVideo = false;
149     							foreach (string format in supportedVideoFormats)
150     							{ //Videos
151     								if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
152     								{
153     									isVideo = true;
154     								}
155     							}
156     
157     							if (!isVideo)
158     							{
159     								string filePath = Dynamicweb.Context.Current.Server.MapPath(assetValue);
160     								long fileSize = 0;
161     
162     								if (File.Exists(filePath)) {
163     									fileSize = new System.IO.FileInfo(filePath) != null ? new System.IO.FileInfo(filePath).Length / 1024 : 0;
164     
165     									foreach (string format in allSupportedFormats)
166     									{
167     										if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
168     										{
169     											<tr>
170     												@if (!hideThumbnails)
171     												{
172     													@RenderAsset(asset)
173     												}
174     												<td>
175     													<a href="@assetValue" class="text-decoration-none text-break" download="@assetName" title="@assetName">
176     														@assetName
177     													</a>
178     												</td>
179     												<td class="text-end d-none d-lg-table-cell">
180     													<a href="@assetValue" class="text-decoration-none" download="@assetName" title="@assetName">
181     														@fileSize KB <div class="icon-2" style="z-index: 1">@ReadFile(iconPath + "download.svg")</div>
182     													</a>
183     												</td>
184     												<td class="text-end">@format</td>
185     											</tr>
186     										}
187     									}
188     		                        } 
189     							}
190     							else
191     							{
192     								string videoType = asset.Value.IndexOf("youtu.be", StringComparison.OrdinalIgnoreCase) >= 0 || asset.Value.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) >= 0 ? "Youtube" : "";
193     								videoType = asset.Value.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "Vimeo" : videoType;
194     
195     								<tr data-bs-toggle="modal" data-bs-target="#modal_@(Model.ID)_@videoNumber" style="cursor: pointer">
196     									@if (!hideThumbnails)
197     									{
198     										@RenderAsset(asset)
199     									}
200     									<td>
201     										@assetName
202     									</td>
203     									<td class="d-none d-lg-table-cell">&nbsp;</td>
204     									<td align="right">@videoType</td>
205     								</tr>
206     
207     								videoNumber++;
208     							}
209     						}
210     					</tbody>
211     				</table>
212     			</div>
213     
214     			@foreach (MediaViewModel asset in assetsList)
215     			{
216     				var assetName = asset.Value.ToLower();
217     
218     				foreach (string format in supportedVideoFormats)
219     				{ //Videos
220     					if (assetName.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
221     					{
222     						<div class="modal fade js-video-modal" id="modal_@(Model.ID)_@modalVideoNumber" tabindex="-1" aria-labelledby="productDetailsTableModalTitle_@(Model.ID)_@modalVideoNumber" aria-hidden="true">
223     							<div class="modal-dialog modal-dialog-centered modal-xl">
224     								<div class="modal-content">
225     									<div class="modal-header visually-hidden">
226     										<h5 class="modal-title" id="productDetailsTableModalTitle_@(Model.ID)_@modalVideoNumber">@product.Title</h5>
227     										<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
228     									</div>
229     									<div class="modal-body p-2 p-lg-3 h-100">
230     										@{ @RenderVideoPlayer(asset) }
231     									</div>
232     								</div>
233     							</div>
234     						</div>
235     
236     						modalVideoNumber++;
237     					}
238     				}
239     			}
240     		</div>
241     	}
242     	else if (Pageview.IsVisualEditorMode)
243     	{
244     		<div class="h-100 @theme">
245     			<div class="alert alert-dark m-0">
246     				@Translate("No assets are available")
247     			</div>
248     		</div>
249     	}
250     }
251     
252     @helper RenderAsset(MediaViewModel asset)
253     {
254     	string theme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("ImageTheme")) ? " theme " + Model.Item.GetRawValueString("ImageTheme").Replace(" ", "").Trim().ToLower() : "";
255     	string assetValue = asset.Value;
256     
257     	<td class="@(theme) px-0">
258     		@foreach (string format in supportedImageFormats)
259     		{ //Images
260     			if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
261     			{
262     				@RenderImage(asset)
263     			}
264     		}
265     		@foreach (string format in supportedVideoFormats)
266     		{ //Videos
267     			if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
268     			{
269     				@RenderVideoScreendump(asset)
270     			}
271     		}
272     		@foreach (string format in supportedDocumentFormats)
273     		{ //Documents
274     			if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
275     			{
276     				@RenderDocument(asset)
277     			}
278     		}
279     	</td>
280     }
281     
282     @helper RenderImage(MediaViewModel asset)
283     {
284     	string productName = product.Name;
285     	productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
286     	string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
287     	string imageLinkPath = imagePath;
288     	imagePath = $"/Admin/Public/GetImage.ashx?image={imagePath}&width=60&format=webp";
289     
290     	string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
291     
292     	RatioSettings ratioSettings = GetRatioSettings();
293     
294     	<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" download>
295     		<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
296     			<img loading="lazy" src="@imagePath" class="mw-100 mh-100" alt="@productName" @assetTitle itemprop="image">
297     		</div>
298     	</a>
299     }
300     
301     @helper RenderVideoScreendump(MediaViewModel asset)
302     {
303     	string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
304     
305     	string videoScreendumpPath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : "";
306     	string videoId = videoScreendumpPath.Substring(videoScreendumpPath.LastIndexOf('/') + 1);
307     	videoScreendumpPath = videoScreendumpPath.IndexOf("youtu.be", StringComparison.OrdinalIgnoreCase) >= 0 || videoScreendumpPath.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) >= 0 ? "https://img.youtube.com/vi/" + videoId + "/mqdefault.jpg" : videoScreendumpPath;
308     
309     	string vimeoJsClass = videoScreendumpPath.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "js-vimeo-video-thumbnail" : "";
310     	videoScreendumpPath = videoScreendumpPath.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "" : videoScreendumpPath;
311     
312     	string productName = product.Name;
313     	productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
314     	string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
315     
316     	RatioSettings ratioSettings = GetRatioSettings();
317     
318     	<div class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)">
319     		<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
320     			<div class="icon-2 position-absolute" style="z-index: 1">@ReadFile(iconPath + "play-circle.svg")</div>
321     			@if (videoScreendumpPath.IndexOf(".mp4", StringComparison.OrdinalIgnoreCase) < 0) { 				
322     				<img src="@videoScreendumpPath" loading="lazy" decoding="async" alt="@productName" @assetTitle class="@vimeoJsClass mw-100 mh-100" data-video-id="@videoId" style="object-fit: cover;">
323     			} else { 
324     				string videoType = Path.GetExtension(asset.Value).ToLower();
325     
326     				<video preload="auto" class="h-100 w-100" style="object-fit: contain;">
327     					<source src="@asset.Value" type="video/@videoType.Replace(".", "")">
328     				</video>
329     			}
330     		</div>
331     	</div>
332     }
333     
334     @helper RenderDocument(MediaViewModel asset)
335     {
336     	string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
337     	string productName = product.Name;
338     	productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
339     	string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
340     	string imageLinkPath = imagePath;
341     	imagePath = $"/Admin/Public/GetImage.ashx?image={imagePath}&width=60&format=webp";
342     	string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
343     
344     	RatioSettings ratioSettings = GetRatioSettings();
345     
346     	<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" download alt="@productName">
347     		@if (asset.Value.IndexOf(".pdf", StringComparison.OrdinalIgnoreCase) >= 0) { 
348     			<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
349     				<img loading="lazy" src="@imagePath" class="mw-100 mh-100" alt="@productName" @assetTitle />
350     			</div>
351     		} else { 
352     			<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
353     				<div class="icon-3 position-absolute" style="z-index: 1">@ReadFile(iconPath + "file-text.svg")</div>
354     			</div>
355     		}
356     	</a>
357     }
358     
359     @helper RenderVideoPlayer(MediaViewModel asset)
360     {
361     	string assetName = !string.IsNullOrEmpty(asset.DisplayName) ? asset.DisplayName : asset.Name;
362     	string assetValue = asset.Value;
363     	string videoId = asset.Value.Substring(asset.Value.LastIndexOf('/') + 1);
364     	string type = assetValue.IndexOf("youtu.be", StringComparison.OrdinalIgnoreCase) >= 0 || assetValue.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) >= 0 ? "youtube" : "";
365     	type = assetValue.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "vimeo" : type;
366     	type = assetValue.IndexOf(".mp4", StringComparison.OrdinalIgnoreCase) >= 0 || assetValue.IndexOf(".webm", StringComparison.OrdinalIgnoreCase) >= 0 ? "selfhosted" : type;
367     
368     	<div class="h-100" itemscope itemtype="https://schema.org/VideoObject">
369     		<span class="visually-hidden" itemprop="name">@assetName</span>
370     		<span class="visually-hidden" itemprop="contentUrl">@asset.Value</span>
371     		<span class="visually-hidden" itemprop="thumbnailUrl">@asset.Value</span>
372     		@if (type != "selfhosted")
373     		{
374     			<div id="player_@(Pageview.CurrentParagraph.ID)_@(videoId)"
375     				 class="plyr__video-embed"
376     				 data-plyr-provider="@(type)"
377     				 data-plyr-embed-id="@videoId"
378     				 style="--plyr-color-main: var(--swift-foreground-color); height: 100%">
379     			</div>
380     
381     			<script type="module" src="/Files/Templates/Designs/Swift/Assets/js/plyr.js"></script>
382     			<script type="module">
383     				var player = new Plyr('#player_@(Pageview.CurrentParagraph.ID)_@(videoId)', {
384     					type: 'video',
385     					youtube: {
386     						noCookie: true,
387     						showinfo: 0
388     					},
389     					fullscreen: {
390     						enabled: true,
391     						iosNative: true,
392     					}
393     				});
394     
395     				document.querySelectorAll('.js-video-modal').forEach(function (modal) {
396     					modal.addEventListener('hidden.bs.modal', function (event) {
397     						player.media.pause();
398     					})
399     				});
400     			</script>
401     		}
402     		else
403     		{
404     			string videoType = Path.GetExtension(assetValue).ToLower();
405     
406     			<video preload="auto" class="h-100 w-100" style="object-fit: cover;" controls>
407     				<source src="@assetValue" type="video/@videoType.Replace(".", "")">
408     			</video>
409     		}
410     	</div>
411     }
412     

Error executing template "Designs/Swift/Paragraph/Swift_ProductDetailsMediaTable.cshtml"
System.ArgumentNullException: Value cannot be null.
Parameter name: source
   at System.Linq.Enumerable.Where[TSource](IEnumerable`1 source, Func`2 predicate)
   at CompiledRazorTemplates.Dynamic.RazorEngine_457d921174194192b3cdcf0c568215d1.Execute() in D:\dynamicweb.net\Solutions\Flex Media\danzafe.cloud.dynamicweb-cms.com\files\Templates\Designs\Swift\Paragraph\Swift_ProductDetailsMediaTable.cshtml:line 71
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineService.RunCompile(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass16_0.<RunCompile>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template)
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()


  1     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
  2     @using Dynamicweb.Ecommerce.ProductCatalog
  3     @using Dynamicweb.Frontend
  4     @using System.IO
  5     
  6     @functions {
  7     	public ProductViewModel product { get; set; } = new ProductViewModel();
  8     	public string[] supportedImageFormats { get; set; }
  9     	public string[] supportedVideoFormats { get; set; }
 10     	public string[] supportedDocumentFormats { get; set; }
 11     	public string[] allSupportedFormats { get; set; }
 12     
 13     	public class RatioSettings
 14     	{
 15     		public string Ratio { get; set; }
 16     		public string CssClass { get; set; }
 17     		public string CssVariable { get; set; }
 18     		public string Fill { get; set; }
 19     	}
 20     
 21     	public RatioSettings GetRatioSettings()
 22     	{
 23     		var ratioSettings = new RatioSettings();
 24     
 25     		string ratio = Model.Item.GetRawValueString("ImageAspectRatio", "");
 26     		ratio = ratio != "0" ? ratio : "";
 27     		string cssClass = ratio != "" && ratio != "fill" ? " ratio" : "";
 28     		string cssVariable = ratio != "" && ratio != "fill" ? "--bs-aspect-ratio: " + ratio : "";
 29     
 30     		ratioSettings.Ratio = ratio;
 31     		ratioSettings.CssClass = cssClass;
 32     		ratioSettings.CssVariable = cssVariable;
 33     		ratioSettings.Fill = ratio == "fill" ? " h-100" : "";
 34     
 35     		return ratioSettings;
 36     	}
 37     }
 38     
 39     @{
 40     	@* Get the product data *@
 41     	ProductViewModel product = null;
 42     	if (Dynamicweb.Context.Current.Items.Contains("ProductDetails"))
 43     	{
 44     		product = (ProductViewModel)Dynamicweb.Context.Current.Items["ProductDetails"];
 45     	}
 46     	else if (Pageview.Page.Item["DummyProduct"] != null && Pageview.IsVisualEditorMode)
 47     	{
 48     		var pageViewModel = Dynamicweb.Frontend.ContentViewModelFactory.CreatePageInfoViewModel(Pageview.Page);
 49     		ProductListViewModel productList = pageViewModel.Item.GetValue("DummyProduct") != null ? pageViewModel.Item.GetValue("DummyProduct") as ProductListViewModel : new ProductListViewModel();
 50     
 51     		if (productList?.Products is object)
 52     		{
 53     			product = productList.Products[0];
 54     		}
 55     	}
 56     }
 57     
 58     @if (product is object) {
 59     	@* Supported formats *@
 60     	supportedImageFormats = new string[] { ".jpg", ".jpeg", ".webp", ".png", ".gif", ".bmp", ".tiff" };
 61     	supportedVideoFormats = new string[] { "youtu.be", "youtube", "vimeo", ".mp4", ".webm" };
 62     	supportedDocumentFormats = new string[] { ".pdf", ".docx", ".xlsx", ".ppt", "pptx" };
 63     	allSupportedFormats = supportedImageFormats.Concat(supportedVideoFormats).Concat(supportedDocumentFormats).ToArray();
 64     
 65     	@* Collect the assets *@
 66     	var selectedAssetCategories = Model.Item.GetRawValueString("ImageAssets").Split(',').ToList();
 67     	bool includeImagePatternImages = Model.Item.GetBoolean("ImagePatternImages"); 
 68     	
 69     	@* Needed image data collection to support both DefaultImage, ImagePatterns and Image Assets *@
 70     	string defaultImage = product.DefaultImage != null ? product.DefaultImage.Value : "";
 71     	IEnumerable<MediaViewModel> assetsImages = product.AssetCategories.Where(x => selectedAssetCategories.Contains(x.SystemName)).SelectMany(x => x.Assets);
 72     	assetsImages = assetsImages.OrderByDescending(x => x.Value.Equals(defaultImage));
 73     	IEnumerable<MediaViewModel> assetsList = new MediaViewModel[]{};
 74     
 75     	assetsList = assetsList.Union(assetsImages);
 76     	assetsList = includeImagePatternImages ? assetsList.Union(product.ImagePatternImages) : assetsList;
 77     	assetsList = includeImagePatternImages && assetsList.Count() == 0 ? assetsList.Append(product.DefaultImage) : assetsList;
 78     
 79     	bool defaultImageFallback = Model.Item.GetBoolean("DefaultImageFallback"); 
 80     	bool showOnlyPrimaryImage = Model.Item.GetBoolean("ShowOnlyPrimaryImage");
 81     
 82     	int totalAssets = 0;
 83     	if (showOnlyPrimaryImage == false) {
 84     		foreach (MediaViewModel asset in assetsList) {
 85     			var assetValue = asset.Value; 
 86     			foreach (string format in allSupportedFormats) {
 87     				if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0) {
 88     					totalAssets++;
 89     				}
 90     			}
 91     		}
 92     	}
 93     
 94     	if((totalAssets == 0 && product.DefaultImage != null && selectedAssetCategories.Count() == 0) || (showOnlyPrimaryImage == true && product.DefaultImage != null))
 95     	{
 96     		assetsList = new List<MediaViewModel>(){ product.DefaultImage };
 97     		totalAssets = 1;
 98     	}
 99     
100     	int videoNumber = 0;
101     
102     	@* Layout settings *@
103     	string spacing = Model.Item.GetRawValueString("Spacing", "p-0");
104     	spacing = spacing == "none" ? "p-0" : spacing;
105     	spacing = spacing == "small" ? "p-3" : spacing;
106     	spacing = spacing == "large" ? "p-5" : spacing;
107     
108     	string theme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("Theme")) ? " theme " + Model.Item.GetRawValueString("Theme").Replace(" ", "").Trim().ToLower() : "";
109     
110     	bool hideThumbnails = Model.Item.GetBoolean("HideThumbnails");
111     
112     	string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
113     	int modalVideoNumber = 0;
114     
115     	@* Get assets from selected categories or get all assets *@
116     	
117     	if (totalAssets != 0 && assetsList.Any())
118     	{
119     		<div class="@spacing@(theme) item_@Model.Item.SystemName.ToLower()">
120     			@if (!string.IsNullOrEmpty(Model.Item.GetString("Title")) && !Model.Item.GetBoolean("HideTitle"))
121     			{
122     				string titleFontSize = Model.Item.GetRawValueString("TitleFontSize", "h3");
123     
124     				<h3 class="@titleFontSize mb-3">
125     					@Model.Item.GetString("Title")
126     				</h3>
127     			}
128     
129     			<div class="table-responsive">
130     				<table class="table table-hover align-middle mb-0" style="table-layout: fixed;">
131     					<thead>
132     						<tr>
133     							@if (!hideThumbnails)
134     							{
135     								<th style="width:60px">&nbsp;</th>
136     							}
137     							<th>@Translate("Name")</th>
138     							<th class="text-end d-none d-lg-table-cell">@Translate("Download")</th>
139     							<th class="text-end" style="width:100px">@Translate("File type")</th>
140     						</tr>
141     					</thead>
142     					<tbody class="border-top-0">
143     						@foreach (MediaViewModel asset in assetsList)
144     						{
145     							var assetValue = asset.Value;
146     							string assetName = !string.IsNullOrEmpty(asset.DisplayName) ? asset.DisplayName :  asset.Value.Substring( asset.Value.LastIndexOf('/') + 1);
147     
148     							bool isVideo = false;
149     							foreach (string format in supportedVideoFormats)
150     							{ //Videos
151     								if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
152     								{
153     									isVideo = true;
154     								}
155     							}
156     
157     							if (!isVideo)
158     							{
159     								string filePath = Dynamicweb.Context.Current.Server.MapPath(assetValue);
160     								long fileSize = 0;
161     
162     								if (File.Exists(filePath)) {
163     									fileSize = new System.IO.FileInfo(filePath) != null ? new System.IO.FileInfo(filePath).Length / 1024 : 0;
164     
165     									foreach (string format in allSupportedFormats)
166     									{
167     										if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
168     										{
169     											<tr>
170     												@if (!hideThumbnails)
171     												{
172     													@RenderAsset(asset)
173     												}
174     												<td>
175     													<a href="@assetValue" class="text-decoration-none text-break" download="@assetName" title="@assetName">
176     														@assetName
177     													</a>
178     												</td>
179     												<td class="text-end d-none d-lg-table-cell">
180     													<a href="@assetValue" class="text-decoration-none" download="@assetName" title="@assetName">
181     														@fileSize KB <div class="icon-2" style="z-index: 1">@ReadFile(iconPath + "download.svg")</div>
182     													</a>
183     												</td>
184     												<td class="text-end">@format</td>
185     											</tr>
186     										}
187     									}
188     		                        } 
189     							}
190     							else
191     							{
192     								string videoType = asset.Value.IndexOf("youtu.be", StringComparison.OrdinalIgnoreCase) >= 0 || asset.Value.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) >= 0 ? "Youtube" : "";
193     								videoType = asset.Value.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "Vimeo" : videoType;
194     
195     								<tr data-bs-toggle="modal" data-bs-target="#modal_@(Model.ID)_@videoNumber" style="cursor: pointer">
196     									@if (!hideThumbnails)
197     									{
198     										@RenderAsset(asset)
199     									}
200     									<td>
201     										@assetName
202     									</td>
203     									<td class="d-none d-lg-table-cell">&nbsp;</td>
204     									<td align="right">@videoType</td>
205     								</tr>
206     
207     								videoNumber++;
208     							}
209     						}
210     					</tbody>
211     				</table>
212     			</div>
213     
214     			@foreach (MediaViewModel asset in assetsList)
215     			{
216     				var assetName = asset.Value.ToLower();
217     
218     				foreach (string format in supportedVideoFormats)
219     				{ //Videos
220     					if (assetName.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
221     					{
222     						<div class="modal fade js-video-modal" id="modal_@(Model.ID)_@modalVideoNumber" tabindex="-1" aria-labelledby="productDetailsTableModalTitle_@(Model.ID)_@modalVideoNumber" aria-hidden="true">
223     							<div class="modal-dialog modal-dialog-centered modal-xl">
224     								<div class="modal-content">
225     									<div class="modal-header visually-hidden">
226     										<h5 class="modal-title" id="productDetailsTableModalTitle_@(Model.ID)_@modalVideoNumber">@product.Title</h5>
227     										<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
228     									</div>
229     									<div class="modal-body p-2 p-lg-3 h-100">
230     										@{ @RenderVideoPlayer(asset) }
231     									</div>
232     								</div>
233     							</div>
234     						</div>
235     
236     						modalVideoNumber++;
237     					}
238     				}
239     			}
240     		</div>
241     	}
242     	else if (Pageview.IsVisualEditorMode)
243     	{
244     		<div class="h-100 @theme">
245     			<div class="alert alert-dark m-0">
246     				@Translate("No assets are available")
247     			</div>
248     		</div>
249     	}
250     }
251     
252     @helper RenderAsset(MediaViewModel asset)
253     {
254     	string theme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("ImageTheme")) ? " theme " + Model.Item.GetRawValueString("ImageTheme").Replace(" ", "").Trim().ToLower() : "";
255     	string assetValue = asset.Value;
256     
257     	<td class="@(theme) px-0">
258     		@foreach (string format in supportedImageFormats)
259     		{ //Images
260     			if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
261     			{
262     				@RenderImage(asset)
263     			}
264     		}
265     		@foreach (string format in supportedVideoFormats)
266     		{ //Videos
267     			if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
268     			{
269     				@RenderVideoScreendump(asset)
270     			}
271     		}
272     		@foreach (string format in supportedDocumentFormats)
273     		{ //Documents
274     			if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
275     			{
276     				@RenderDocument(asset)
277     			}
278     		}
279     	</td>
280     }
281     
282     @helper RenderImage(MediaViewModel asset)
283     {
284     	string productName = product.Name;
285     	productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
286     	string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
287     	string imageLinkPath = imagePath;
288     	imagePath = $"/Admin/Public/GetImage.ashx?image={imagePath}&width=60&format=webp";
289     
290     	string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
291     
292     	RatioSettings ratioSettings = GetRatioSettings();
293     
294     	<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" download>
295     		<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
296     			<img loading="lazy" src="@imagePath" class="mw-100 mh-100" alt="@productName" @assetTitle itemprop="image">
297     		</div>
298     	</a>
299     }
300     
301     @helper RenderVideoScreendump(MediaViewModel asset)
302     {
303     	string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
304     
305     	string videoScreendumpPath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : "";
306     	string videoId = videoScreendumpPath.Substring(videoScreendumpPath.LastIndexOf('/') + 1);
307     	videoScreendumpPath = videoScreendumpPath.IndexOf("youtu.be", StringComparison.OrdinalIgnoreCase) >= 0 || videoScreendumpPath.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) >= 0 ? "https://img.youtube.com/vi/" + videoId + "/mqdefault.jpg" : videoScreendumpPath;
308     
309     	string vimeoJsClass = videoScreendumpPath.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "js-vimeo-video-thumbnail" : "";
310     	videoScreendumpPath = videoScreendumpPath.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "" : videoScreendumpPath;
311     
312     	string productName = product.Name;
313     	productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
314     	string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
315     
316     	RatioSettings ratioSettings = GetRatioSettings();
317     
318     	<div class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)">
319     		<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
320     			<div class="icon-2 position-absolute" style="z-index: 1">@ReadFile(iconPath + "play-circle.svg")</div>
321     			@if (videoScreendumpPath.IndexOf(".mp4", StringComparison.OrdinalIgnoreCase) < 0) { 				
322     				<img src="@videoScreendumpPath" loading="lazy" decoding="async" alt="@productName" @assetTitle class="@vimeoJsClass mw-100 mh-100" data-video-id="@videoId" style="object-fit: cover;">
323     			} else { 
324     				string videoType = Path.GetExtension(asset.Value).ToLower();
325     
326     				<video preload="auto" class="h-100 w-100" style="object-fit: contain;">
327     					<source src="@asset.Value" type="video/@videoType.Replace(".", "")">
328     				</video>
329     			}
330     		</div>
331     	</div>
332     }
333     
334     @helper RenderDocument(MediaViewModel asset)
335     {
336     	string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
337     	string productName = product.Name;
338     	productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
339     	string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
340     	string imageLinkPath = imagePath;
341     	imagePath = $"/Admin/Public/GetImage.ashx?image={imagePath}&width=60&format=webp";
342     	string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
343     
344     	RatioSettings ratioSettings = GetRatioSettings();
345     
346     	<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" download alt="@productName">
347     		@if (asset.Value.IndexOf(".pdf", StringComparison.OrdinalIgnoreCase) >= 0) { 
348     			<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
349     				<img loading="lazy" src="@imagePath" class="mw-100 mh-100" alt="@productName" @assetTitle />
350     			</div>
351     		} else { 
352     			<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
353     				<div class="icon-3 position-absolute" style="z-index: 1">@ReadFile(iconPath + "file-text.svg")</div>
354     			</div>
355     		}
356     	</a>
357     }
358     
359     @helper RenderVideoPlayer(MediaViewModel asset)
360     {
361     	string assetName = !string.IsNullOrEmpty(asset.DisplayName) ? asset.DisplayName : asset.Name;
362     	string assetValue = asset.Value;
363     	string videoId = asset.Value.Substring(asset.Value.LastIndexOf('/') + 1);
364     	string type = assetValue.IndexOf("youtu.be", StringComparison.OrdinalIgnoreCase) >= 0 || assetValue.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) >= 0 ? "youtube" : "";
365     	type = assetValue.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "vimeo" : type;
366     	type = assetValue.IndexOf(".mp4", StringComparison.OrdinalIgnoreCase) >= 0 || assetValue.IndexOf(".webm", StringComparison.OrdinalIgnoreCase) >= 0 ? "selfhosted" : type;
367     
368     	<div class="h-100" itemscope itemtype="https://schema.org/VideoObject">
369     		<span class="visually-hidden" itemprop="name">@assetName</span>
370     		<span class="visually-hidden" itemprop="contentUrl">@asset.Value</span>
371     		<span class="visually-hidden" itemprop="thumbnailUrl">@asset.Value</span>
372     		@if (type != "selfhosted")
373     		{
374     			<div id="player_@(Pageview.CurrentParagraph.ID)_@(videoId)"
375     				 class="plyr__video-embed"
376     				 data-plyr-provider="@(type)"
377     				 data-plyr-embed-id="@videoId"
378     				 style="--plyr-color-main: var(--swift-foreground-color); height: 100%">
379     			</div>
380     
381     			<script type="module" src="/Files/Templates/Designs/Swift/Assets/js/plyr.js"></script>
382     			<script type="module">
383     				var player = new Plyr('#player_@(Pageview.CurrentParagraph.ID)_@(videoId)', {
384     					type: 'video',
385     					youtube: {
386     						noCookie: true,
387     						showinfo: 0
388     					},
389     					fullscreen: {
390     						enabled: true,
391     						iosNative: true,
392     					}
393     				});
394     
395     				document.querySelectorAll('.js-video-modal').forEach(function (modal) {
396     					modal.addEventListener('hidden.bs.modal', function (event) {
397     						player.media.pause();
398     					})
399     				});
400     			</script>
401     		}
402     		else
403     		{
404     			string videoType = Path.GetExtension(assetValue).ToLower();
405     
406     			<video preload="auto" class="h-100 w-100" style="object-fit: cover;" controls>
407     				<source src="@assetValue" type="video/@videoType.Replace(".", "")">
408     			</video>
409     		}
410     	</div>
411     }
412