E-totem WS20

20003

9.991,67 kr.

If you want baptism by air, here’s your ride. Not only does this bike clear big jumps with ease, its tough, chromoly frame feels nearly weightless when you’re off the ground! Add on 100mm of front suspension to cushion the drops and 3-piece cranks for that sweet barspin

80 På lager

Varen er ikke på lager i nogen butikker

Levering

Levering inden 7 hverdage

Garanti

3 års garanti

Kontakt

Ring mellem 8:00-15:00

Heavy-duty chromoly frame provides extra strength for jumps at the park
RST Space Jump offers 100mm of plush suspension for those hard hits
Heat treated, tubular chromoly 3-piece cranks guarantee a stiff and durable ride
Conical washers let you covert this single speed ride to an 8/9 speed bike
Hayes MX4 mechanical disc brakes deliver low maintenance, all-weather stopping power
Kenda K-Rad and Kenda Kiniption tires are designed for aggressive street jumping
Sun Ditch Witch rims with Mongoose rear disc hubs are built to withstand those tough landings on the pavement

Be comfortable with our equipments

Specifications

Mærke navn	E-totem
Batterieffekt (Wh)	450
Batteri model	PowerPack 400 Frame
Batteri type	Lithium-Ion
Kontrolpanel	LCD panel
Motor mærke	Bosch
Motor model	Active Line
Motoreffekt (Watt)	250
Motor type	Center
Rækkevidde	62
Bremsetype	Mechanical disc
Bremser	Shimano M445 hydrualiskbreaks
Forgaffel	Synapse SAVE PLUS BallisTec Carbon
Stel	Synapse BallisTec Carbon
Gearmodel	Shimano 105
Køn	Boys
Dæk	Schwalbe Spicer (700x35c) m
Hjul	Syncros X-20
Hjulstørrelse	26"
Weight	0,005 kg

Error executing template "/Designs/Swift/Paragraph/Swift_ProductDetailsMediaTable.cshtml"
System.ArgumentNullException: Value cannot be null. (Parameter 'source')
   at System.Linq.ThrowHelper.ThrowArgumentNullException(ExceptionArgument argument)
   at System.Linq.Enumerable.Contains[TSource](IEnumerable`1 source, TSource value, IEqualityComparer`1 comparer)
   at CompiledRazorTemplates.Dynamic.RazorEngine_57336dd21a174ed1875669c8bbb69017.<>c__DisplayClass0_0.<ExecuteAsync>b__0(AssetCategoryViewModel x)
   at System.Linq.Enumerable.WhereListIterator`1.MoveNext()
   at System.Linq.Enumerable.SelectManySingleSelectorIterator`2.ToArray()
   at System.Linq.Buffer`1..ctor(IEnumerable`1 source)
   at System.Linq.OrderedEnumerable`1.GetEnumerator()+MoveNext()
   at System.Linq.Enumerable.UnionIterator`1.MoveNext()
   at CompiledRazorTemplates.Dynamic.RazorEngine_57336dd21a174ed1875669c8bbb69017.ExecuteAsync()
   at RazorEngine.Templating.TemplateBase.Run(ExecuteContext context, TextWriter reader)
   at RazorEngine.Templating.RazorEngineCore.RunTemplate(ICompiledTemplate template, TextWriter writer, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.DynamicWrapperService.Run(ITemplateKey key, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, TextWriter writer, Type modelType, Object model, DynamicViewBag viewBag)
   at RazorEngine.Templating.RazorEngineServiceExtensions.<>c__DisplayClass23_0.<Run>b__0(TextWriter writer)
   at RazorEngine.Templating.RazorEngineServiceExtensions.WithWriter(Action`1 withWriter)
   at RazorEngine.Templating.RazorEngineServiceExtensions.Run(IRazorEngineService service, String name, Type modelType, Object model, DynamicViewBag viewBag)
   at Dynamicweb.Rendering.RazorTemplateRenderingProvider.Render(Template template) in /_/src/Application/Providers/Dynamicweb.Rendering.Providers.NetCore/Razor/RazorTemplateRenderingProvider.cs:line 68
   at Dynamicweb.Rendering.TemplateRenderingService.Render(Template template) in E:\A10\_w\2\s\src\Core\Dynamicweb.Core\Rendering\TemplateRenderingService.cs:line 21
   at Dynamicweb.Rendering.Template.RenderRazorTemplate() in E:\A10\_w\2\s\src\Core\Dynamicweb.Core\Rendering\Template.cs:line 805


  1     @inherits Dynamicweb.Rendering.ViewModelTemplate<Dynamicweb.Frontend.ParagraphViewModel>
@using Dynamicweb.Ecommerce.ProductCatalog
@using System.Text.RegularExpressions; 
@using System.IO
@functions {
	public ProductViewModel product { get; set; } = new ProductViewModel();
	public string[] supportedImageFormats { get; set; }
	public string[] supportedVideoFormats { get; set; }
	public string[] supportedDocumentFormats { get; set; }
	public string[] allSupportedFormats { get; set; }
	public class RatioSettings
	{
		public string Ratio { get; set; }
		public string CssClass { get; set; }
		public string CssVariable { get; set; }
		public string Fill { get; set; }
	}
	public RatioSettings GetRatioSettings()
	{
		var ratioSettings = new RatioSettings();
		string ratio = Model.Item.GetRawValueString("ImageAspectRatio", "");
		ratio = ratio != "0" ? ratio : "";
		string cssClass = ratio != "" && ratio != "fill" ? " ratio" : "";
		string cssVariable = ratio != "" && ratio != "fill" ? "--bs-aspect-ratio: " + ratio : "";
		ratioSettings.Ratio = ratio;
		ratioSettings.CssClass = cssClass;
		ratioSettings.CssVariable = cssVariable;
		ratioSettings.Fill = ratio == "fill" ? " h-100" : "";
		return ratioSettings;
	}
	public Dictionary<string, object> GetVideoParams(MediaViewModel asset, string size)
	{
		string assetName = !string.IsNullOrEmpty(asset.DisplayName) ? asset.DisplayName : asset.Name;
		string type = GetVideoType(asset.Value);
		bool openInModal = Model.Item.GetString("OpenVideoInModal") == "true" ? true : false;
		bool autoPlay = Model.Item.GetBoolean("VideoAutoPlay");
		var videoParams = new Dictionary<string, object>();
		videoParams.Add("AssetName", asset.Name);
		videoParams.Add("AssetVideoType", type);
		videoParams.Add("AssetDisplayName", asset.DisplayName);
		videoParams.Add("OpenVideoInModal", openInModal);
		videoParams.Add("VideoAutoPlay", autoPlay);
		videoParams.Add("Size", size);
		videoParams.Add("Id", Model.ID);
		return videoParams;
	}
	public string GetVideoType(string assetValue)
	{
		string type = assetValue.IndexOf("youtu.be", StringComparison.OrdinalIgnoreCase) >= 0 || assetValue.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) >= 0 ? "youtube" : string.Empty;
		type = assetValue.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "vimeo" : type;
		type = string.IsNullOrEmpty(type) ? "selfhosted" : type;
		return type;
	}
	public string GetYoutubeScreenDump(string assetValue)
	{
		var regex = new Regex(@"(?:youtube\.com\/.*[\?&]v=|youtu\.be\/)([\w-]+)");
		Match match = regex.Match(assetValue);
		string videoId = match.Success ? match.Groups[1].Value : string.Empty;
		string youtubeThumbnail = $"https://img.youtube.com/vi/{videoId}/mqdefault.jpg";
		return youtubeThumbnail;
	}
}
@{
	@* Get the product data *@
	ProductViewModel product = null;
	if (Dynamicweb.Context.Current.Items.Contains("ProductDetails"))
	{
		product = (ProductViewModel)Dynamicweb.Context.Current.Items["ProductDetails"];
	}
	else if (Pageview.Page.Item["DummyProduct"] != null && Pageview.IsVisualEditorMode)
	{
		var pageViewModel = Dynamicweb.Frontend.ContentViewModelFactory.CreatePageInfoViewModel(Pageview.Page);
		ProductListViewModel productList = pageViewModel.Item.GetValue("DummyProduct") != null ? pageViewModel.Item.GetValue("DummyProduct") as ProductListViewModel : new ProductListViewModel();
		if (productList?.Products is object)
		{
			product = productList.Products[0];
		}
	}
}
@if (product is object)
{
	@* Supported formats *@
	supportedImageFormats = new string[] { ".jpg", ".jpeg", ".webp", ".png", ".gif", ".bmp", ".tiff" };
	supportedVideoFormats = new string[] { "youtu.be", "youtube", "vimeo", ".mp4", ".webm" };
	supportedDocumentFormats = new string[] { ".pdf", ".docx", ".xlsx", ".ppt", ".pptx", ".igs", ".ipt", ".sat", ".stp", ".dwg", ".dxf", ".dwf" };
	allSupportedFormats = supportedImageFormats.Concat(supportedVideoFormats).Concat(supportedDocumentFormats).ToArray();
	@* Collect the assets *@
	var selectedAssetCategories = Model.Item.GetList("ImageAssets")?.GetRawValue().OfType<string>();
	bool includeImagePatternImages = Model.Item.GetBoolean("ImagePatternImages");
	@* Needed image data collection to support both DefaultImage, ImagePatterns and Image Assets *@
	string defaultImage = product.DefaultImage != null ? product.DefaultImage.Value : "";
	IEnumerable<MediaViewModel> assetsImages = product.AssetCategories.Where(x => selectedAssetCategories.Contains(x.SystemName)).SelectMany(x => x.Assets);
	assetsImages = assetsImages.OrderByDescending(x => x.Value.Equals(defaultImage));
	IEnumerable<MediaViewModel> assetsList = new MediaViewModel[] { };
	assetsList = assetsList.Union(assetsImages);
	assetsList = includeImagePatternImages ? assetsList.Union(product.ImagePatternImages) : assetsList;
	assetsList = includeImagePatternImages && assetsList.Count() == 0 ? assetsList.Append(product.DefaultImage) : assetsList;
	bool defaultImageFallback = Model.Item.GetBoolean("DefaultImageFallback");
	bool showOnlyPrimaryImage = Model.Item.GetBoolean("ShowOnlyPrimaryImage");
	int totalAssets = 0;
	if (showOnlyPrimaryImage == false) {
		foreach (MediaViewModel asset in assetsList) {
			var assetValue = asset.Value;
			foreach (string format in allSupportedFormats) {
				if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0) {
					totalAssets++;
				}
			}
		}
	}
	if ((totalAssets == 0 && product.DefaultImage != null && selectedAssetCategories.Count() == 0) || (showOnlyPrimaryImage == true && product.DefaultImage != null))
	{
		assetsList = new List<MediaViewModel>(){ product.DefaultImage };
		totalAssets = 1;
	}
	int videoNumber = 0;
	@* Layout settings *@
	string spacing = Model.Item.GetRawValueString("Spacing", "p-0");
	spacing = spacing == "none" ? "p-0" : spacing;
	spacing = spacing == "small" ? "p-3" : spacing;
	spacing = spacing == "large" ? "p-5" : spacing;
	string theme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("Theme")) ? " theme " + Model.Item.GetRawValueString("Theme").Replace(" ", "").Trim().ToLower() : "";
	bool hideThumbnails = Model.Item.GetBoolean("HideThumbnails");
	string iconPath = "/Files/Templates/Designs/Swift/Assets/icons/";
	int modalVideoNumber = 0;
	@* Get assets from selected categories or get all assets *@
	if (totalAssets != 0 && assetsList.Any())
	{
		<div class="@spacing@(theme) item_@Model.Item.SystemName.ToLower()">
			@if (!string.IsNullOrEmpty(Model.Item.GetString("Title")) && !Model.Item.GetBoolean("HideTitle"))
			{
				string titleFontSize = Model.Item.GetRawValueString("TitleFontSize", "h3");
				<h3 class="@titleFontSize mb-3">
					@Model.Item.GetString("Title")
				</h3>
			}
			<div class="table-responsive">
				<table class="table table-hover align-middle mb-0" style="table-layout: fixed;">
					<thead>
						<tr>
							@if (!hideThumbnails)
							{
								<th style="width:60px">&nbsp;</th>
							}
							<th>@Translate("Name")</th>
							<th class="text-end d-none d-lg-table-cell">@Translate("Download")</th>
							<th class="text-end" style="width:100px">@Translate("File type")</th>
						</tr>
					</thead>
					<tbody class="border-top-0">
						@foreach (MediaViewModel asset in assetsList)
						{
							var assetValue = asset.Value;
							string assetName = !string.IsNullOrEmpty(asset.DisplayName) ? asset.DisplayName : asset.Value.Substring(asset.Value.LastIndexOf('/') + 1);
							bool isVideo = false;
							foreach (string format in supportedVideoFormats)
							{ //Videos
								if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
								{
									isVideo = true;
								}
							}
							if (!isVideo)
							{
								if (assetValue.StartsWith("/Files/", StringComparison.OrdinalIgnoreCase))
								{
									string filePath = Dynamicweb.Context.Current.Server.MapPath(assetValue);
									long fileSize = 0;
									if (File.Exists(filePath))
									{
										fileSize = new System.IO.FileInfo(filePath) != null ? new System.IO.FileInfo(filePath).Length / 1024 : 0;
										foreach (string format in allSupportedFormats)
										{
											if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
											{
												<tr>
													@if (!hideThumbnails)
													{
														//From @RenderAsset
														string imageTheme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("ImageTheme")) ? " theme " + Model.Item.GetRawValueString("ImageTheme").Replace(" ", "").Trim().ToLower() : "";
														<td class="@(imageTheme) px-0">
															@foreach (string imageFormat in supportedImageFormats)
															{ //Images
																if (assetValue.IndexOf(imageFormat, StringComparison.OrdinalIgnoreCase) >= 0)
																{
																	string productName = product.Name;
																	productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
																	string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
																	string imageLinkPath = imagePath;
																	imagePath = $"/Admin/Public/GetImage.ashx?image={imagePath}&width=60&format=webp";
																	imagePath = !imageLinkPath.StartsWith("/Files/", StringComparison.OrdinalIgnoreCase) ? asset.Value : imagePath;
																	string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
																	RatioSettings ratioSettings = GetRatioSettings();
																	<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" download>
																		<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
																			<img loading="lazy" src="@imagePath" class="mw-100 mh-100" alt="@productName" @assetTitle itemprop="image">
																		</div>
																	</a>
																}
															}
															@foreach (string videoFormat in supportedVideoFormats)
															{ //Videos
																if (assetValue.IndexOf(videoFormat, StringComparison.OrdinalIgnoreCase) >= 0)
																{
																	string productName = product.Name;
																	productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
																	string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
																	RatioSettings ratioSettings = GetRatioSettings();
																	string type = GetVideoType(asset.Value);
																	string videoScreendumpPath = type == "youtube" ? GetYoutubeScreenDump(asset.Value) : string.Empty;
																	videoScreendumpPath = type == "selfhosted" ? System.Uri.EscapeUriString(asset.Value) : videoScreendumpPath;
																	string videoJsClass = type == "vimeo" ? "js-vimeo-video-thumbnail" : string.Empty;
																	<div class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)">
																		<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
																			<div class="icon-2 position-absolute" style="z-index: 1">@ReadFile(iconPath + "play-circle.svg")</div>
																			@if (type != "selfhosted")
																			{
																				<img src="@videoScreendumpPath" loading="lazy" decoding="async" alt="@productName" @assetTitle class="@videoJsClass mw-100 mh-100" data-asset-value="@asset.Value" style="object-fit: cover;">
																			}
																			else
																			{
																				string videoType = Path.GetExtension(asset.Value).ToLower();
																				<video preload="auto" class="h-100 w-100" style="object-fit: contain;">
																					<source src="@(videoScreendumpPath)#t=0.001" type="video/@videoType.Replace(".", "")">
																				</video>
																			}
																		</div>
																	</div>
																}
															}
															@foreach (string documentFormat in supportedDocumentFormats)
															{ //Documents
																if (assetValue.IndexOf(documentFormat, StringComparison.OrdinalIgnoreCase) >= 0)
																{
																	string productName = product.Name;
																	productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
																	string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
																	string imageLinkPath = imagePath;
																	imagePath = $"/Admin/Public/GetImage.ashx?image={imagePath}&width=60&format=webp";
																	string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
																	RatioSettings ratioSettings = GetRatioSettings();
																	<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" download alt="@productName">
																		@if (asset.Value.IndexOf(".pdf", StringComparison.OrdinalIgnoreCase) >= 0)
																		{
																			<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
																				<img loading="lazy" src="@imagePath" class="mw-100 mh-100" alt="@productName" @assetTitle />
																			</div>
																		}
																		else
																		{
																			<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
																				<div class="icon-3 position-absolute" style="z-index: 1">@ReadFile(iconPath + "file-text.svg")</div>
																			</div>
																		}
																	</a>
																}
															}
														</td>
													}
													<td>
														<a href="@assetValue" class="text-decoration-none text-break" download="@assetName" title="@assetName">
															@assetName
														</a>
													</td>
													<td class="text-end d-none d-lg-table-cell">
														<a href="@assetValue" class="text-decoration-none" download="@assetName" title="@assetName">
															@fileSize KB <div class="icon-2" style="z-index: 1">@ReadFile(iconPath + "download.svg")</div>
														</a>
													</td>
													<td class="text-end">@format</td>
												</tr>
											}
										}
									}
								}
								else
								{
									<tr>
										@if (!hideThumbnails)
										{
											//From @RenderAsset
											string imageTheme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("ImageTheme")) ? " theme " + Model.Item.GetRawValueString("ImageTheme").Replace(" ", "").Trim().ToLower() : "";
											<td class="@(imageTheme) px-0">
												@foreach (string format in supportedImageFormats)
												{ //Images
													if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
													{
														string productName = product.Name;
														productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
														string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
														string imageLinkPath = imagePath;
														imagePath = $"/Admin/Public/GetImage.ashx?image={imagePath}&width=60&format=webp";
														imagePath = !imageLinkPath.StartsWith("/Files/", StringComparison.OrdinalIgnoreCase) ? asset.Value : imagePath;
														string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
														RatioSettings ratioSettings = GetRatioSettings();
														<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" download>
															<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
																<img loading="lazy" src="@imagePath" class="mw-100 mh-100" alt="@productName" @assetTitle itemprop="image">
															</div>
														</a>
													}
												}
												@foreach (string format in supportedVideoFormats)
												{ //Videos
													if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
													{
														string type = GetVideoType(asset.Value);
														string videoScreendumpPath = type == "youtube" ? GetYoutubeScreenDump(asset.Value) : string.Empty;
														videoScreendumpPath = type == "selfhosted" ? System.Uri.EscapeUriString(asset.Value) : videoScreendumpPath;
														string videoJsClass = type == "vimeo" ? "js-vimeo-video-thumbnail" : string.Empty;
														string productName = product.Name;
														productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
														string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
														RatioSettings ratioSettings = GetRatioSettings();
														<div class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)">
															<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
																<div class="icon-2 position-absolute" style="z-index: 1">@ReadFile(iconPath + "play-circle.svg")</div>
																@if (type != "selfhosted")
																{
																	<img src="@videoScreendumpPath" loading="lazy" decoding="async" alt="@productName" @assetTitle class="@videoJsClass mw-100 mh-100" data-asset-value="@asset.Value" style="object-fit: cover;">
																}
																else
																{
																	string videoType = Path.GetExtension(asset.Value).ToLower();
																	<video preload="auto" class="h-100 w-100" style="object-fit: contain;">
																		<source src="@(videoScreendumpPath)#t=0.001" type="video/@videoType.Replace(".", "")">
																	</video>
																}
															</div>
														</div>
													}
												}
												@foreach (string format in supportedDocumentFormats)
												{ //Documents
													if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
													{
														string productName = product.Name;
														productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
														string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
														string imageLinkPath = imagePath;
														imagePath = $"/Admin/Public/GetImage.ashx?image={imagePath}&width=60&format=webp";
														string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
														RatioSettings ratioSettings = GetRatioSettings();
														<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" download alt="@productName">
															@if (asset.Value.IndexOf(".pdf", StringComparison.OrdinalIgnoreCase) >= 0)
															{
																<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
																	<img loading="lazy" src="@imagePath" class="mw-100 mh-100" alt="@productName" @assetTitle />
																</div>
															}
															else
															{
																<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
																	<div class="icon-3 position-absolute" style="z-index: 1">@ReadFile(iconPath + "file-text.svg")</div>
																</div>
															}
														</a>
													}
												}
											</td>
										}
										<td>
											<a href="@assetValue" class="text-decoration-none text-break" download="@assetName" title="@assetName">
												@assetName
											</a>
										</td>
										<td>&nbsp;</td>
										<td>&nbsp;</td>
									</tr>
								}
							}
							else
							{
								string videoType = asset.Value.IndexOf("youtu.be", StringComparison.OrdinalIgnoreCase) >= 0 || asset.Value.IndexOf("youtube", StringComparison.OrdinalIgnoreCase) >= 0 ? "Youtube" : "";
								videoType = asset.Value.IndexOf("vimeo", StringComparison.OrdinalIgnoreCase) >= 0 ? "Vimeo" : videoType;
								<tr data-bs-toggle="modal" data-bs-target="#modal_@(Model.ID)_@videoNumber" style="cursor: pointer">
									@if (!hideThumbnails)
									{
										//From @RenderAsset
										string imageTheme = !string.IsNullOrWhiteSpace(Model.Item.GetRawValueString("ImageTheme")) ? " theme " + Model.Item.GetRawValueString("ImageTheme").Replace(" ", "").Trim().ToLower() : "";
										<td class="@(imageTheme) px-0">
											@foreach (string format in supportedImageFormats)
											{ //Images
												if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
												{
													string productName = product.Name;
													productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
													string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
													string imageLinkPath = imagePath;
													imagePath = $"/Admin/Public/GetImage.ashx?image={imagePath}&width=60&format=webp";
													imagePath = !imageLinkPath.StartsWith("/Files/", StringComparison.OrdinalIgnoreCase) ? asset.Value : imagePath;
													string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
													RatioSettings ratioSettings = GetRatioSettings();
													<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" download>
														<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
															<img loading="lazy" src="@imagePath" class="mw-100 mh-100" alt="@productName" @assetTitle itemprop="image">
														</div>
													</a>
												}
											}
											@foreach (string format in supportedVideoFormats)
											{ //Videos
												if (assetValue.IndexOf(format, StringComparison.OrdinalIgnoreCase) >= 0)
												{
													string type = GetVideoType(asset.Value);
													string videoScreendumpPath = type == "youtube" ? GetYoutubeScreenDump(asset.Value) : string.Empty;
													videoScreendumpPath = type == "selfhosted" ? System.Uri.EscapeUriString(asset.Value) : videoScreendumpPath;
													string videoJsClass = type == "vimeo" ? "js-vimeo-video-thumbnail" : string.Empty;
													string productName = product.Name;
													productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
													string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
													RatioSettings ratioSettings = GetRatioSettings();
													<div class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)">
														<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
															<div class="icon-2 position-absolute" style="z-index: 1">@ReadFile(iconPath + "play-circle.svg")</div>
															@if (type != "selfhosted")
															{
																<img src="@videoScreendumpPath" loading="lazy" decoding="async" alt="@productName" @assetTitle class="@videoJsClass mw-100 mh-100" data-asset-value="@asset.Value" style="object-fit: cover;">
															}
															else
															{
																string fileExtension = Path.GetExtension(asset.Value).ToLower();
																<video preload="auto" class="h-100 w-100" style="object-fit: contain;">
																	<source src="@(videoScreendumpPath)#t=0.001" type="video/@fileExtension.Replace(".", "")">
																</video>
															}
														</div>
													</div>
												}
											}
											@foreach (string documentFormat in supportedDocumentFormats)
											{ //Documents
												if (assetValue.IndexOf(documentFormat, StringComparison.OrdinalIgnoreCase) >= 0)
												{
													string productName = product.Name;
													productName += !string.IsNullOrEmpty(asset.Keywords) ? " " + asset.Keywords : "";
													string imagePath = !string.IsNullOrEmpty(asset.Value) ? asset.Value : product.DefaultImage.Value;
													string imageLinkPath = imagePath;
													imagePath = $"/Admin/Public/GetImage.ashx?image={imagePath}&width=60&format=webp";
													string assetTitle = !string.IsNullOrEmpty(asset.DisplayName) ? "title=\"" + asset.DisplayName + "\"" : "";
													RatioSettings ratioSettings = GetRatioSettings();
													<a href="@imageLinkPath" class="d-block @(ratioSettings.CssClass)@(ratioSettings.Fill)" style="@(ratioSettings.CssVariable)" download alt="@productName">
														@if (asset.Value.IndexOf(".pdf", StringComparison.OrdinalIgnoreCase) >= 0)
														{
															<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
																<img loading="lazy" src="@imagePath" class="mw-100 mh-100" alt="@productName" @assetTitle />
															</div>
														}
														else
														{
															<div class="d-flex align-items-center justify-content-center overflow-hidden h-100">
																<div class="icon-3 position-absolute" style="z-index: 1">@ReadFile(iconPath + "file-text.svg")</div>
															</div>
														}
													</a>
												}
											}
										</td>
									}
									<td>
										@assetName
									</td>
									<td class="d-none d-lg-table-cell">&nbsp;</td>
									<td align="right">@videoType</td>
								</tr>
								videoNumber++;
							}
						}
					</tbody>
				</table>
			</div>
			@foreach (MediaViewModel asset in assetsList)
			{
				var assetName = asset.Value.ToLower();
				foreach (string videoFormat in supportedVideoFormats)
				{ //Videos
					if (assetName.IndexOf(videoFormat, StringComparison.OrdinalIgnoreCase) >= 0)
					{
						<div class="modal fade js-video-modal" id="modal_@(Model.ID)_@modalVideoNumber" tabindex="-1" aria-labelledby="productDetailsTableModalTitle_@(Model.ID)_@modalVideoNumber" aria-hidden="true">
							<div class="modal-dialog modal-dialog-centered modal-xl">
								<div class="modal-content">
									<div class="modal-header visually-hidden">
										<h5 class="modal-title" id="productDetailsTableModalTitle_@(Model.ID)_@modalVideoNumber">@product.Title</h5>
										<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
									</div>
									<div class="modal-body p-2 p-lg-3 h-100">
										@{ 
											var videoParams = GetVideoParams(asset, "modal");
											@RenderPartial("Components/VideoPlayer.cshtml", new Dynamicweb.Frontend.FileViewModel { Path = asset.Value }, videoParams)
										}
									</div>
								</div>
							</div>
						</div>
						modalVideoNumber++;
					}
				}
			}
		</div>
	}
	else if (Pageview.IsVisualEditorMode)
	{
		<div class="h-100 @theme">
			<div class="alert alert-dark m-0">
				@Translate("No assets are available")
			</div>
		</div>
	}
}