Exception in template (Designs/Dwsimple/_parsed/OrderDetail_AX.parsed.cshtml): System.NullReferenceException: Object reference not set to an instance of an object.
   at CompiledRazorTemplates.Dynamic.beeafdbecadbeeb.Execute()
   at RazorEngine.Templating.TemplateBase.RazorEngine.Templating.ITemplate.Run(ExecuteContext context)
   at RazorEngine.Templating.TemplateService.Run(ITemplate template, DynamicViewBag viewBag)
   at RazorEngine.Templating.TemplateService.Parse(String razorTemplate, Object model, DynamicViewBag viewBag, String cacheName)
   at RazorEngine.Razor.Parse[T](String razorTemplate, T model, String cacheName)
   at Dynamicweb.Rendering.Template.RenderRazorTemplate()
@inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> @using System @using System.Web @using System.Globalization @using Dynamicweb.Frontend.Devices @using System.Text.RegularExpressions @using Dynamicweb.Environment.Helpers @using Dynamicweb.Rendering @using System.Text.RegularExpressions @using System.Web @functions{ public class WrapMethods { //Gets the contrasting color public static string getContrastYIQ(string hexcolor) { if (hexcolor != "") { hexcolor = Regex.Replace(hexcolor, "[^0-9a-zA-Z]+", ""); int r = Convert.ToByte(hexcolor.Substring(0, 2), 16); int g = Convert.ToByte(hexcolor.Substring(2, 2), 16); int b = Convert.ToByte(hexcolor.Substring(4, 2), 16); int yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000; if (yiq >= 128) { return "black"; } else { return "white"; } } else { return "black"; } } //Truncate text public static string Truncate (string value, int count, bool strip=true) { if (strip == true){ value = StripHtmlTagByCharArray(value); } if (value.Length > count) { value = value.Substring(0, count - 1) + "..."; } return value; } //Strip text from HTML public static string StripHtmlTagByCharArray(string htmlString) { char[] array = new char[htmlString.Length]; int arrayIndex = 0; bool inside = false; for (int i = 0; i < htmlString.Length; i++) { char let = htmlString[i]; if (let == '<') { inside = true; continue; } if (let == '>') { inside = false; continue; } if (!inside) { array[arrayIndex] = let; arrayIndex++; } } return new string(array, 0, arrayIndex); } //Make the correct count of columns public static string ColumnMaker(int Col, string ScreenSize) { string Columns = ""; switch (Col) { case 1: Columns = "col-"+ScreenSize+"-12"; break; case 2: Columns = "col-"+ScreenSize+"-6"; break; case 3: Columns = "col-"+ScreenSize+"-4"; break; case 4: Columns = "col-"+ScreenSize+"-3"; break; default: Columns = "col-"+ScreenSize+"-3"; break; } return Columns; } private string Custom(string firstoption, string secondoption) { if (firstoption == "custom") { return secondoption; } else { return firstoption; } } } } @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> @helper MiniCart() { <div class="dropdown-cart"> @if (GetInteger("Ecom:Order.OrderLines.TotalProductQuantity") > 0) { <div id="full-cart"> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="row" id="minicart-content"> <span class="cart-items">@Translate("You have", "You have") <span id="mincart-total-items"></span> @Translate("items in your cart", "items in your cart")</span> <table class="table table-cart"> <thead> <tr> <th></th> <th>@Translate("Product", "Product")</th> <th class="text-center">@Translate("Qty", "Qty")</th> <th class="text-right">@Translate("Total", "Total")</th> </tr> </thead> <tbody> @* Orderlines are rendered from the Ajax template *@ </tbody> <tfoot> <tr> <td class="text-center"><i class="fa fa-credit-card"></i></td> <td id="minicart-payment"></td> <td class="text-center"></td> <td class="text-right" id="minicart-paymentfee"></td> </tr> <tr> <td class="text-center"><i class="fa fa-truck"></i></td> <td id="minicart-shipping"></td> <td class="text-center"></td> <td class="text-right" id="minicart-shippingfee"></td> </tr> <tr> <td></td> <td><strong>@Translate("Total", "Total")</strong></td> <td class="text-center" id="minicart-total"></td> <td class="text-right" id="minicart-totalprice"></td> </tr> </tfoot> </table> </div> </div> <div class="col-md-12 col-sm-12 col-xs-12"> <div class="row"> <div class="col-md-8"> <button class="btn btn-xs btn-secondary pull-left" onclick="EmptyCart();">@Translate("Empty cart", "Empty cart")</button> </div> <div class="col-md-4"> @{ var cartid = GetValue("DwAreaCartPageID"); } <a href="Default.aspx?ID=@cartid" class="btn btn-xs btn-primary pull-right">@Translate("Proceed to checkout", "Proceed to checkout")</a> <span class="clearfix"></span> </div> </div> <div class="row">&nbsp;</div> </div> </div> } else { <span class="cart-items" id="empty-cart">@Translate("Your shopping cart is empty", "Your shopping cart is empty")</span> } </div> } <!DOCTYPE html> <html lang="no"> <head> <!-- Global site tag (gtag.js) - Google Analytics --> <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-27549427-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-27549427-1'); </script> <meta charset="utf-8"> <title>@GetValue("Title")</title> @GetValue("MetaTags") @GetValue("CopyRightNotice") <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1"> <meta name="robots" content="index, follow"> @{ string MetaDescription = GetString("Meta.Description"); string MetaKeywords = GetString("Meta.Keywords"); string GoogleTagManagerId = GetString("Item.Area.GoogleTagManagerId"); string favicon = GetString("Item.Area.Favicon"); string currentpageid = GetString("DwPageID"); string firstpageid = GetString("DwAreaFirstActivePageID"); string logoutid = GetString("Item.Area.LogOutId"); string searchplaceholder = Translate("Search products", "Search products"); string newsletterid = GetString("Item.Area.NewsletterSignUpFormParagrahId"); string downloadLink = GetString("Item.Area.DowloadsLink"); string pressLink = GetString("Item.Area.PressLink"); } @* GOOGLE TAG MANAGER *@ <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', '@GoogleTagManagerId'); </script> @* FACEBOOK ADMIN *@ @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.FacebookCommendAdmin"))) { string fbadmin = GetString("Item.Area.FacebookCommendAdmin"); <meta property="fb:admins" content="@fbadmin"> } @* ESSENTIAL STYLES *@ <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.min.css" type="text/css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.20/jquery.fancybox.min.css" media="screen"> <link href="/Files/Templates/Designs/Dwsimple/css/bootstrap-datetimepicker.min.css" rel="stylesheet"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/flag-icon-css/2.5.0/css/flag-icon.min.css" type="text/css"> @* MOBILE MENU STYLES *@ <link href="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/css/jasny-bootstrap.min.css" rel="stylesheet" type="text/css" media="screen"> @* FAVICON *@ <link href="@favicon" rel="icon" type="image/png"> @* VARIABLES *@ @{ var attrValue = ""; var cartid = GetValue("DwAreaCartPageID"); var searchpage = GetString("Item.Area.ShowSearchPage"); //DateTime areaUpdated = (DateTime)Pageview.Area.get_Value("AreaUpdatedDate"); DateTime areaUpdated = DateTime.Now; string cssPath = HttpContext.Current.Server.MapPath("/Files/Templates/Designs/Dwsimple/css/DWGlobalStylesSite" + GetString("DwAreaID") + "_auto.min.css"); DateTime lastWriteTime = System.IO.File.GetLastWriteTime(cssPath); bool writeCss = false; string css = String.Empty; //if (areaUpdated > lastWriteTime) //{ // writeCss = true; //} if (areaUpdated > lastWriteTime.AddMinutes(1)) { writeCss = true; } bool IsNotLoggedIn = !string.IsNullOrWhiteSpace(GetString("DW_extranet_error_uk")) ? false : true; } @* FONT SETTINGS *@ @{ } @functions{ public class FontSettings { public class Logo { public static string FontFamily { get; set; } public static string FontSize { get; set; } public static string FontWeight { get; set; } public static string Color { get; set; } public static string LineHeight { get; set; } public static string Casing { get; set; } public static string LetterSpacing { get; set; } } public class Slogan { public static string FontFamily { get; set; } public static string FontSize { get; set; } public static string FontWeight { get; set; } public static string Color { get; set; } public static string LineHeight { get; set; } public static string Casing { get; set; } public static string LetterSpacing { get; set; } } public class H1 { public static string FontFamily { get; set; } public static string FontSize { get; set; } public static string FontWeight { get; set; } public static string Color { get; set; } public static string LineHeight { get; set; } public static string Casing { get; set; } public static string LetterSpacing { get; set; } } public class H2 { public static string FontFamily { get; set; } public static string FontSize { get; set; } public static string FontWeight { get; set; } public static string Color { get; set; } public static string LineHeight { get; set; } public static string Casing { get; set; } public static string LetterSpacing { get; set; } } public class H3 { public static string FontFamily { get; set; } public static string FontSize { get; set; } public static string FontWeight { get; set; } public static string Color { get; set; } public static string LineHeight { get; set; } public static string Casing { get; set; } public static string LetterSpacing { get; set; } } public class H4 { public static string FontFamily { get; set; } public static string FontSize { get; set; } public static string FontWeight { get; set; } public static string Color { get; set; } public static string LineHeight { get; set; } public static string Casing { get; set; } public static string LetterSpacing { get; set; } } public class Body { public static string FontFamily { get; set; } public static string FontSize { get; set; } public static string FontWeight { get; set; } public static string Color { get; set; } public static string LineHeight { get; set; } public static string Casing { get; set; } public static string LetterSpacing { get; set; } } } private void InitFontSettings() { //LOGO FontSettings.Logo.FontFamily = CustomFont(GetString("Item.Area.LogoFont.Font"), GetString("Item.Area.LogoFont.CustomFont")); FontSettings.Logo.FontSize = GetString("Item.Area.LogoFont.Size") + "px"; FontSettings.Logo.FontWeight = CheckExistence(GetString("Item.Area.LogoFont.Weight"), "normal"); FontSettings.Logo.LineHeight = CheckExistence(GetString("Item.Area.LogoFont.LineHeight"), "1"); FontSettings.Logo.LetterSpacing = GetString("Item.Area.LogoFont.LetterSpacing") + "px"; FontSettings.Logo.Casing = GetString("Item.Area.LogoFont.Casing"); FontSettings.Logo.Color = GetString("Item.Area.LogoFont.Color.Color"); //SLOGAN FontSettings.Slogan.FontFamily = CustomFont(GetString("Item.Area.LogoSloganFont.Font"), GetString("Item.Area.LogoSloganFont.CustomFont")); FontSettings.Slogan.FontSize = GetString("Item.Area.LogoSloganFont.Size") + "px"; FontSettings.Slogan.FontWeight = CheckExistence(GetString("Item.Area.LogoSloganFont.Weight"), "normal"); FontSettings.Slogan.LineHeight = CheckExistence(GetString("Item.Area.LogoSloganFont.LineHeight"), "1"); FontSettings.Slogan.LetterSpacing = GetString("Item.Area.LogoSloganFont.LetterSpacing") + "px"; FontSettings.Slogan.Casing = GetString("Item.Area.LogoSloganFont.Casing"); FontSettings.Slogan.Color = GetString("Item.Area.LogoSloganFont.Color.Color"); //HEADINGS FontSettings.H1.FontFamily = CustomFont(GetString("Item.Area.HeadingsH1.Font"), GetString("Item.Area.HeadingsH1.CustomFont")); FontSettings.H1.FontSize = GetString("Item.Area.HeadingsH1.Size") + "px"; FontSettings.H1.FontWeight = CheckExistence(GetString("Item.Area.HeadingsH1.Weight"), "normal"); FontSettings.H1.LineHeight = CheckExistence(GetString("Item.Area.HeadingsH1.LineHeight"), "1"); FontSettings.H1.LetterSpacing = GetString("Item.Area.HeadingsH1.LetterSpacing") + "px"; FontSettings.H1.Casing = GetString("Item.Area.HeadingsH1.Casing"); FontSettings.H1.Color = GetString("Item.Area.HeadingsH1.Color.Color"); FontSettings.H2.FontFamily = CustomFont(GetString("Item.Area.HeadingsH2.Font"), GetString("Item.Area.HeadingsH2.CustomFont")); FontSettings.H2.FontSize = GetString("Item.Area.HeadingsH2.Size") + "px"; FontSettings.H2.FontWeight = CheckExistence(GetString("Item.Area.HeadingsH2.Weight"), "normal"); FontSettings.H2.LineHeight = CheckExistence(GetString("Item.Area.HeadingsH2.LineHeight"), "1"); FontSettings.H2.LetterSpacing = GetString("Item.Area.HeadingsH2.LetterSpacing") + "px"; FontSettings.H2.Casing = GetString("Item.Area.HeadingsH2.Casing"); FontSettings.H2.Color = GetString("Item.Area.HeadingsH2.Color.Color"); FontSettings.H3.FontFamily = CustomFont(GetString("Item.Area.HeadingsH3.Font"), GetString("Item.Area.HeadingsH3.CustomFont")); FontSettings.H3.FontSize = GetString("Item.Area.HeadingsH3.Size") + "px"; FontSettings.H3.FontWeight = CheckExistence(GetString("Item.Area.HeadingsH3.Weight"), "normal"); FontSettings.H3.LineHeight = CheckExistence(GetString("Item.Area.HeadingsH3.LineHeight"), "1"); FontSettings.H3.LetterSpacing = GetString("Item.Area.HeadingsH3.LetterSpacing") + "px"; FontSettings.H3.Casing = GetString("Item.Area.HeadingsH3.Casing"); FontSettings.H3.Color = GetString("Item.Area.HeadingsH3.Color.Color"); FontSettings.H4.FontFamily = CustomFont(GetString("Item.Area.HeadingsH4.Font"), GetString("Item.Area.HeadingsH4.CustomFont")); FontSettings.H4.FontSize = GetString("Item.Area.HeadingsH4.Size") + "px"; FontSettings.H4.FontWeight = CheckExistence(GetString("Item.Area.HeadingsH4.Weight"), "normal"); FontSettings.H4.LineHeight = CheckExistence(GetString("Item.Area.HeadingsH4.LineHeight"), "1"); FontSettings.H4.LetterSpacing = GetString("Item.Area.HeadingsH4.LetterSpacing") + "px"; FontSettings.H4.Casing = GetString("Item.Area.HeadingsH4.Casing"); FontSettings.H4.Color = GetString("Item.Area.HeadingsH4.Color.Color"); //BODY FontSettings.Body.FontFamily = CustomFont(GetString("Item.Area.BodyFont.Font"), GetString("Item.Area.BodyFont.CustomFont")); FontSettings.Body.FontSize = GetString("Item.Area.BodyFont.Size") + "px"; FontSettings.Body.FontWeight = CheckExistence(GetString("Item.Area.BodyFont.Weight"), "normal"); FontSettings.Body.LineHeight = CheckExistence(GetString("Item.Area.BodyFont.LineHeight"), "1"); FontSettings.Body.LetterSpacing = GetString("Item.Area.BodyFont.LetterSpacing") + "px"; FontSettings.Body.Casing = GetString("Item.Area.BodyFont.Casing"); FontSettings.Body.Color = GetString("Item.Area.BodyFont.Color.Color"); gfonts.Add(FontSettings.Logo.FontFamily, ""); if (!gfonts.ContainsKey(FontSettings.Slogan.FontFamily)) { gfonts.Add(FontSettings.Slogan.FontFamily, ""); } if (!gfonts.ContainsKey(FontSettings.H1.FontFamily)) { gfonts.Add(FontSettings.H1.FontFamily, ""); } if (!gfonts.ContainsKey(FontSettings.H2.FontFamily)) { gfonts.Add(FontSettings.H2.FontFamily, ""); } if (!gfonts.ContainsKey(FontSettings.H3.FontFamily)) { gfonts.Add(FontSettings.H3.FontFamily, ""); } if (!gfonts.ContainsKey(FontSettings.H4.FontFamily)) { gfonts.Add(FontSettings.H4.FontFamily, ""); } if (!gfonts.ContainsKey(FontSettings.Body.FontFamily)) { gfonts.Add(FontSettings.Body.FontFamily, ""); } } private string CustomFont(string firstfont, string secondfont) { if (firstfont == "custom") { return secondfont; } else { return firstfont; } } private string CheckExistence(string stringitem, string defaultvalue) { if (!string.IsNullOrWhiteSpace(stringitem)) { return stringitem; } else { return defaultvalue; } } private System.Collections.Generic.Dictionary<string, object> gfonts = new System.Collections.Generic.Dictionary<string, object> (); } @{ InitFontSettings(); } @helper GoogleFonts() { if (gfonts != null) { foreach (var item in gfonts) { string fontName = item.Key.Replace(" ", "+"); if (fontName.Contains("MetaPro-Norm") || fontName.Contains("MetaPro-Black")) { <link rel="stylesheet" href="/Files/Templates/Designs/Dwsimple/css/font.css" type="text/css"> } else { <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=@item.Key:100,200,300,400,500,600,700,800,900"> } } } } @functions{ public string FontStylesCSS() { string CssString = @" .dw-logotext { font-family: " + FontSettings.Logo.FontFamily + @", sans-serif; font-size: " + FontSettings.Logo.FontSize + @"; font-weight: " + FontSettings.Logo.FontWeight + @"; line-height: " + FontSettings.Logo.LineHeight + @" !important; letter-spacing: " + FontSettings.Logo.LetterSpacing + @"; text-transform: " + FontSettings.Logo.Casing + @"; color: " + FontSettings.Logo.Color + @"; } .dw-slogantext { font-family: " + FontSettings.Slogan.FontFamily + @", sans-serif; font-size: " + FontSettings.Slogan.FontSize + @"; font-weight: " + FontSettings.Slogan.FontWeight + @"; line-height: " + FontSettings.Slogan.LineHeight + @" !important; letter-spacing: " + FontSettings.Slogan.LetterSpacing + @"; text-transform: " + FontSettings.Slogan.Casing + @"; color: " + FontSettings.Slogan.Color + @"; } h1 { font-family: " + FontSettings.H1.FontFamily + @", sans-serif !important; font-size: " + FontSettings.H1.FontSize + @"; color: " + FontSettings.H1.Color + @"; line-height: " + FontSettings.H1.LineHeight + @" !important; text-transform: " + FontSettings.H1.Casing + @"; font-weight: " + FontSettings.H1.FontWeight + @"; letter-spacing: " + FontSettings.H1.LetterSpacing + @" !important; } h3 { font-family: " + FontSettings.H3.FontFamily + @", sans-serif !important; font-size: " + FontSettings.H3.FontSize + @"; color: " + FontSettings.H3.Color + @"; line-height: " + FontSettings.H3.LineHeight + @" !important; text-transform: " + FontSettings.H3.Casing + @"; font-weight: " + FontSettings.H3.FontWeight + @"; letter-spacing: " + FontSettings.H3.LetterSpacing + @" !important; } h4 { font-family: " + FontSettings.H4.FontFamily + @", sans-serif !important; font-size: " + FontSettings.H4.FontSize + @"; color: " + FontSettings.H4.Color + @"; line-height: " + FontSettings.H4.LineHeight + @" !important; text-transform: " + FontSettings.H4.Casing + @"; font-weight: " + FontSettings.H4.FontWeight + @"; letter-spacing: " + FontSettings.H4.LetterSpacing + @" !important; } h2, h5, h6 { margin-top: 0.7em; margin-bottom: 0.7em; font-family: " + FontSettings.H2.FontFamily + @", sans-serif !important; font-size: " + FontSettings.H2.FontSize + @"; color: " + FontSettings.H2.Color + @"; line-height: " + FontSettings.H2.LineHeight + @"; text-transform: " + FontSettings.H2.Casing + @" !important; font-weight: " + FontSettings.H2.FontWeight + @" !important; letter-spacing: " + FontSettings.H2.LetterSpacing + @" !important; } h5, h6 { font-size: 16px !important; } body { font-family: " + FontSettings.Body.FontFamily + @", sans-serif !important; font-size: " + FontSettings.Body.FontSize + @"; color: " + FontSettings.Body.Color + @"; line-height: " + FontSettings.Body.LineHeight + @" !important; text-transform: " + FontSettings.Body.Casing + @"; font-weight: " + FontSettings.Body.FontWeight + @"; letter-spacing: " + FontSettings.Body.LetterSpacing + @" !important; } .navbar-wp .navbar-nav > li > a { font-family: " + FontSettings.Body.FontFamily + @", sans-serif !important; } .section-title { margin-top: 0; margin-bottom: 0.7em; } "; return CssString; } } @GoogleFonts() @* GENERAL/COLOR SETTINGS *@ @functions{ public class ColorSettings { public class Color { public static string Primary { get; set; } public static string Secondary { get; set; } public static string NavbarFont { get; set; } public static string Footer { get; set; } public static string Address { get; set; } public static string FooterFont { get; set; } public static string Sticker { get; set; } public static string Price { get; set; } public static string Cart { get; set; } } } private void InitColorSettings() { ColorSettings.Color.Primary = GetString("Item.Area.ColorsPrimary.Color"); ColorSettings.Color.Secondary = GetString("Item.Area.ColorsSecondary.Color"); ColorSettings.Color.NavbarFont = GetString("Item.Area.NavbarFontColor"); if (string.IsNullOrWhiteSpace(ColorSettings.Color.NavbarFont)) { ColorSettings.Color.NavbarFont = WrapMethods.getContrastYIQ(ColorSettings.Color.Secondary); } ColorSettings.Color.Footer = GetString("Item.Area.ColorsFooterColor.Color"); ColorSettings.Color.Address = GetString("Item.Area.AddressBarBackgroundColor.Color"); ColorSettings.Color.FooterFont = WrapMethods.getContrastYIQ(ColorSettings.Color.Footer); ColorSettings.Color.Price = GetString("Item.Area.EcommercePriceColor.Color"); ColorSettings.Color.Sticker = GetString("Item.Area.EcommerceDiscountStickerColor.Color"); ColorSettings.Color.Cart = GetString("Item.Area.EcommerceCartButtonColor.Color"); } public string GetColorSettings() { string CssString = @" a:hover, a:focus, a:active { color: @Primary; } .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a { color: @NavbarFont; } .navbar-wp .navbar-nav > .active > a, .navbar-wp .navbar-nav > .active > a:hover, .navbar-wp .navbar-nav > .active > a:focus { color: @NavbarFont; } .navbar-wp .navbar-nav > li > a:hover, .navbar-wp .navbar-nav > li > a:focus { border-top: 0px solid @Secondary; color: @NavbarFont; } .navbar-wp .navbar-nav > li > a span:after { background-color: @Primary; } .navbar-wp .megamenu > li:hover > a { color: @Primary !important; } .btn-dw-primary { color: #FFF; background-color: @Primary; border-color: @Primary; } .btn-dw-secondary { color: @NavbarFont; background-color: @Secondary; border-color: @Secondary; } .btn-dw-cart { color: #FFF; background-color: @Cart; border-color: @Cart; } .dw-section-title { border-color: @Secondary; } .dw-minicart-update { color: #FFF !important; background-color: @Primary; transition: all 0.3s ease-in-out 0s; } .pagination > li > a, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active { color: @Primary; } .form-control:hover, .form-control:focus, .form-control:active { border-color: @Primary !important; } .bg-2 { background: @Primary !important; } .blockquote-1:hover { border-color: @Primary !important; } .navbar-wp .navbar-nav > li > a.dropdown-form-toggle, .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:hover, .navbar-wp .navbar-nav > li > a.dropdown-form-toggle:focus { color: @Primary; } .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle, .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:hover, .navbar-wp .navbar-nav > .open > a.dropdown-form-toggle:focus { color: @Primary; } .navbar-wp .navbar-nav > li > a:hover, .navbar-wp .navbar-nav > li > a:focus { border: 0px solid @Primary; } .navbar-wp .navbar-toggle:hover, .navbar-wp .navbar-toggle:focus { background-color: @Primary !important; border-color: @Primary !important; } .navbar-wp .dropdown-menu { border-top: 1px solid @Primary !important; border-bottom: 3px solid @Primary !important; } .navbar-wp .dropdown-menu > li > a:hover { background: @Primary !important; color: #fff; } .navbar-wp .dropdown-menu .active { background: @Primary !important; color: #fff; } .navbar-wp.navbar-contrasted .dropdown-menu > li > a:hover { background: @Primary !important; } .nav > ul > li > a:hover { color: @Primary; } .lw .w-box.w-box-inverse .thmb-img i { color: @Primary !important; } .w-box.w-box-inverse .thmb-img:hover i { background: @Primary !important; } .c-box { border: 1px solid @Primary !important; } .c-box .c-box-header { background: @Primary !important; } .w-section .aside-feature:hover .icon-feature, .w-section .aside-feature:hover h4 { color: @Primary !important; } .layer-slider-wrapper .title.title-base { background: @Primary !important; } .layer-slider-wrapper .subtitle { color: @Primary !important; } .layer-slider-wrapper .list-item { color: @Primary !important; } .box-element.box-element-bordered { border: 1px solid @Primary !important; } .carousel-2 .carousel-indicators .active { background-color: @Primary !important; } .carousel-2 .carousel-nav a { color: @Primary !important; } .carousel-2 .carousel-nav a:hover { background: @Primary !important; } .carousel-3 .carousel-nav a { color: @Primary !important; } .carousel-3 .carousel-nav a:hover { background: @Primary !important; } .like-button .button.liked i { color: @Primary !important; } ul.list-listings li.featured { border-color: @Primary !important; } ul.list-check li i { color: @Primary !important; } ul.dw-categories li a:hover, ul.dw-categories a:focus, ul.dw-categories a:active{ color: @NavbarFont; background-color: @Primary; border-color: @Primary; } ul.categories li a:hover, ul.categories a:focus, ul.categories a:active{ color: @NavbarFont; background-color: @Primary; border-color: @Primary; } .timeline .event:nth-child(2n):before { background-color: @Primary !important; } .timeline .event:nth-child(2n-1):before { background-color: @Primary !important; } #toTopHover { background-color: @Primary !important; } .tags-list li { border: 1px solid @Primary !important; color: @Primary !important; } .tags-list li:hover, a.open-panel { background-color: @Primary !important; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .panel-group .panel-heading a i, .tags-list li a { color: @NavbarFont !important; } .nav-pills > li > a:hover, .nav-pills > li > a:focus { color: @NavbarFont !important; background: none repeat scroll 0% 0% @Secondary !important; } footer { background: @Footer !important; } footer h4 { color: @FooterFont !important; } footer a { color: @FooterFont !important; } footer a:hover, footer a:focus, footer a:active { color: @Secondary !important; } footer p { color: @FooterFont !important; } footer ul > li { color: @FooterFont !important; } footer hr { border-color: @FooterFont } /* Button colors */ .btn-base { color: @NavbarFont !important; background-color: @Secondary !important; border: 1px solid @Secondary !important; } .btn-dw-cart:focus{ background-color: @Secondary; } .btn-base:before { background-color: @Secondary !important; } .btn-base:hover:before, .btn-base:focus:before, .btn-base:active:before { color: @NavbarFont !important; background-color: @Primary !important; border-color: @Primary !important; } .btn-icon:before { transition: none !important; } .btn-base:hover, .btn-base:focus, .btn-base:active, .btn-base.active, .open .dropdown-toggle.btn-base { color: @NavbarFont !important; background-color: @Primary !important; border-color: @Primary !important; } .btn-primary { background-color: @Primary !important; border-color: @Primary !important; } .open .dropdown-toggle.btn-primary { background-color: @Primary !important; border-color: @Primary !important; } /* Dropdown-menu */ .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background: @Primary !important; color: #fff !important; } /* Ecom settings */ .ribbon.base, .ball { background: @Sticker !important; color: #fff; border-right: 5px solid @Sticker !important; } .ribbon.base:before { border-top: 27px solid @Sticker !important; } .ribbon.base:after { border-bottom: 27px solid @Sticker !important; } .price { color: @Price !important; } .discount-sticker { background-color: @Sticker !important; } .bs-callout-primary { border-left-color: @Primary !important; } .ratings .fa-star { color: @Secondary !important; } .feature-label { color: @Secondary !important; } .navbar-wp .megamenu.navbar-nav > li.active > a { border-color: @Primary !important; } .dw-section-title { border-color: @Primary !important; } .boxImageTextModule .box-size .desc-wrapper { border-color: @Primary !important; } .qoute .btn, .qoute .btn-span { border-color: @Primary !important; } .Multy-module .section-top h2.line { border-color: @Primary !important; } .row:nth-child(2n+2) .box { border-color: @Primary !important; } .row:nth-child(2n+2) .box .year:before, .history-module .row .box .box-inner .year:after { background-color: @Primary !important; } .history-module .arrow .fa, .history-module .row .box .box-inner .year { color: @Primary !important; } .history-module .row .box { border-color: @Primary !important; } .thankyouNewsletter { background: @Primary !important; } .slideToggle { background-color: @Primary !important; } .shere-social { border-color: @Primary !important; } .dw-breadcrumb a, .pg-opt .breadcrumb, .pg-opt .goHome { color: @NavbarFont !important; } .panel-default > .panel-heading { color: @NavbarFont !important; } .panel-group { border-bottom: 1px solid @Primary !important; } .list-news .list-body .read-more, .news-detail .post-item p a, .searchContent ul li h3 a { color: @Primary !important; } .searchContent ul li { border-color: @Primary !important; } .searchContent > p { border-bottom: 1px solid @Primary !important; } .nav.nav-pills li.offcanvas-menubtn .mobileMenuFix { color: @Primary !important; } .dealer-shops, .dynamicweb-map .list { background: @Address !important; } .dealer-shops ul li:hover, .dynamicweb-map .list ol li:hover, .dynamicweb-map .list ul li:hover, .dynamicweb-map .list ol li.current, .dynamicweb-map .list ul li.current { background: @Primary !important; color: #fff !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: @Primary !important; } .ui-widget-content { background: @Address !important; } .lang-sug .langMenu li:hover { background: @Primary !important; } .btn-dw-primary.searchFieldShow:focus, .btn-dw-primary.searchFieldShow:active{ background-color: @Primary !important; } .customer-info-section{ border-top: 1px solid @Primary; border-bottom: 1px solid @Primary; } .dealers-customers-user-edit .modal-body input{ border-color: @Primary; } .dealers-customers-user-edit .modal-header{ background-color: @Primary; } #buy-all-modal .modal-header{ background-color: @Primary; } #credit-limit .modal-header{ background-color: @Primary; } .buy-all-modal-btn{ background-color: @Primary; } #buy-all-modal .price{ border-color: @Primary; } #credit-limit .space{ border-color: @Primary; } .dealers-customers-list table tr th { background-color: @Primary; } .dealers-customers-list table tr:nth-of-type(2n+1){ background: @Address; } tr.resultLine:nth-of-type(2n+2){ background: @Address!important; } .QuoteList thead tr, #orderlist thead tr{ background-color: @Primary; } .QuoteList tbody tr.pagging, #orderlist tbody tr.pagging{ background-color: @Footer !important; } .QuoteList tbody tr:nth-of-type(2n+1), #orderlist tbody tr:nth-of-type(2n+1){ background: @Address; } .QuoteDetail .header-tr th{ background-color: @Primary; } .TotalPrice { background-color: @Footer; } .OrderDetailTable tr.headerOrder{ background-color: @Primary; } #invoice .invoice-financials table > tbody > tr:nth-of-type(2n+2){ background: @Address; } .specification .specification-text{ background: @Address; } .navbar-wp .megamenu .dropdown-menu { background-color: @Address; } .list-news{ background-color: @Address; } .modal-header{ background-color: @Address; } .QuoteDetail .SelectFile .fa{ color: @Primary; } .QuoteDetail .AddProductsList .AddProducts input{ border-color: @Primary!important; } .QuoteDetail .EditCustomerInfo{ background-color: @Primary; } .QuoteDetail #editUser .modal-header{ background-color: @Primary !important; } #ProductsModal .modal-header{ background-color: @Primary !important; } .QuoteDetail #editUser .modal-footer{ border-color: @Primary !important; } .QuoteDetail .SelectFile:after{ background-color: @Primary; } .SelectCustomerList select{ border-color: @Primary; } .customer-information-section input, textarea{ border: 1px solid @Primary; } .SelectCustomerList:after{ background-color: @Primary; } .QuoteDetail .SelectFile select{ border-color: @Primary; } .QuoteDetail #editUser textarea{ border-color: @Primary !important; } .QuoteDetail #editUser input{ border-color: @Primary !important; } .QuoteDetail .select-delivery-address{ border-color: @Primary !important; } .modalbtnProducts{ background-color: @Primary; } .productNavigationModal li{ background-color: @Address; } .productNavigation.secondLevel li{ background-color: @Address; } .sectionFiles{ border-color: @Primary!important; } .sectionFiles div.hiddenPrint{ border-color: @Primary!important; } .productNavigationModal li.list-open-active{ background-color: @Primary; } .history-module .row .modal-open { color: @Primary !important; }"; return ParseCSSToString(CssString); } private string ParseCSSToString(string TheString) { TheString = TheString.Replace("@Primary", ColorSettings.Color.Primary); TheString = TheString.Replace("@Secondary", ColorSettings.Color.Secondary); TheString = TheString.Replace("@NavbarFont", ColorSettings.Color.NavbarFont); TheString = TheString.Replace("@FooterFont", ColorSettings.Color.FooterFont); TheString = TheString.Replace("@Footer", ColorSettings.Color.Footer); TheString = TheString.Replace("@Address", ColorSettings.Color.Address); TheString = TheString.Replace("@Sticker", ColorSettings.Color.Sticker); TheString = TheString.Replace("@Price", ColorSettings.Color.Price); TheString = TheString.Replace("@Cart", ColorSettings.Color.Cart); System.Text.StringBuilder sb = new System.Text.StringBuilder(); foreach(var item in TheString.Split(new string[] { Environment.NewLine }, StringSplitOptions.RemoveEmptyEntries)) { sb.AppendLine(item); } return sb.ToString(); } } @{ InitColorSettings(); } @using System.Drawing @using System.Net @functions{ public class GeneralSettings { public class Header { public static string Mode { get; set; } public static string Classes { get; set; } public static bool Show { get; set; } public static string Background { get; set; } public static bool ShowFrontpageImage { get; set; } } public class Logo { public static string Image { get; set; } public static string ContrastImage { get; set; } public static string Text { get; set; } public static string Slogan { get; set; } public static string SecondaryColor { get; set; } } public class Navigation { public static string Position { get; set; } public static bool IsMegamenu { get; set; } public static bool IsAnimateNavigation { get; set; } public static string InvertedPosition { get; set; } public static string StickyMenu { get; set; } public static string SelectionMode { get; set; } public static string SelectionStyle { get; set; } public static int SelectionWeight { get; set; } public static bool Case { get; set; } public static string BreadcrumbMode { get; set; } public static string BreadcrumbAlign { get; set; } public static string LeftmenuMode { get; set; } public static string ButtonDesign { get; set; } } public class Headings { public static string Mode { get; set; } } public class Background { public static string Color { get; set; } public static string Image { get; set; } public static string CustomImage { get; set; } public static bool GradientColor { get; set; } public static string GradientPercentage { get; set; } public static string Style { get; set; } public static string Position { get; set; } } public class Site { public static bool Shadow { get; set; } public static string LayoutMode { get; set; } } public class Images { public static bool RoundCorners { get; set; } } public class Ecommerce { public static string EcomListDesign { get; set; } public static string EcomCardDesign { get; set; } } } private void InitGeneralSettings() { //Header settings GeneralSettings.Header.Mode = GetString("Item.Area.HeaderLayoutMode"); GeneralSettings.Header.Show = GetBoolean("Item.Area.HeaderShow"); GeneralSettings.Header.Background = GetString("Item.Area.NavigationNavbarBackground"); GeneralSettings.Header.ShowFrontpageImage = GetBoolean("Item.Area.HeaderFrontpageImage"); if (GeneralSettings.Header.Mode == "solid"){ GeneralSettings.Header.Classes = ""; } if (GeneralSettings.Header.Mode == "cover" || GeneralSettings.Header.Mode == "mobile"){ GeneralSettings.Header.Classes = "header-alpha header-cover"; } //Logo settings GeneralSettings.Logo.Image = GetString("Item.Area.GeneralLogo"); GeneralSettings.Logo.Text = GetString("Item.Area.GeneralLogoText"); GeneralSettings.Logo.Slogan = GetString("Item.Area.LogoSlogan"); GeneralSettings.Logo.SecondaryColor = GetString("Item.Area.LogoSecondColor.Color"); if (!string.IsNullOrWhiteSpace(GetString("Item.Area.LogoContrastImage"))) { GeneralSettings.Logo.ContrastImage = GetString("Item.Area.LogoContrastImage"); } else { GeneralSettings.Logo.ContrastImage = GetString("Item.Area.GeneralLogo"); } //Navigation settings GeneralSettings.Navigation.Position = GetString("Item.Area.NavigationPosition"); GeneralSettings.Navigation.StickyMenu = "off"; GeneralSettings.Navigation.IsMegamenu = GetBoolean("Item.Area.IsMegamenu"); GeneralSettings.Navigation.IsAnimateNavigation = GetBoolean("Item.Area.IsAnimateNavigation"); if (GetBoolean("Item.Area.NavigationSticky")) { if (GeneralSettings.Header.Show) { if (GeneralSettings.Header.Mode == "cover") { GeneralSettings.Navigation.StickyMenu = "44"; //"data-spy=\"affix\" data-offset-top=\"44\" data-offset-bottom=\"300\""; } else { int offset = ImageHeight()+28; GeneralSettings.Navigation.StickyMenu = offset.ToString(); // "data-spy=\"affix\" data-offset-top=\"" + offset.ToString() + "\" data-offset-bottom=\"300\""; } } else { GeneralSettings.Navigation.StickyMenu = "5"; // "data-spy=\"affix\" data-offset-top=\"5\" data-offset-bottom=\"300\""; } } if (GeneralSettings.Navigation.Position == "left") { GeneralSettings.Navigation.InvertedPosition = "right"; } else { GeneralSettings.Navigation.InvertedPosition = "left"; } GeneralSettings.Navigation.SelectionMode = GetString("Item.Area.NavigationSelectionMode"); GeneralSettings.Navigation.SelectionStyle = ""; GeneralSettings.Navigation.SelectionWeight = GetInteger("Item.Area.SelectionWeight"); if (GeneralSettings.Navigation.SelectionMode == "arrow") { GeneralSettings.Navigation.SelectionStyle = "navbar-arrow"; } GeneralSettings.Navigation.Case = GetBoolean("Item.Area.NavigationUppercase"); GeneralSettings.Navigation.BreadcrumbMode = GetString("Item.Area.NavigationBreadcrumbLayout"); GeneralSettings.Navigation.BreadcrumbAlign = GetString("Item.Area.NavigationBreadcrumbAlign"); GeneralSettings.Navigation.LeftmenuMode = GetString("Item.Area.NavigationLeftNavigationMode"); GeneralSettings.Navigation.ButtonDesign = GetString("Item.Area.NavigationButtonDesign"); //Background settings GeneralSettings.Background.Image = GetString("Item.Area.BackgroundImage.Image.Image"); GeneralSettings.Background.CustomImage = GetString("Item.Area.BackgroundImage.Image.CustomImage"); GeneralSettings.Background.Color = GetString("Item.Area.BackgroundImage.Color.Color"); GeneralSettings.Background.GradientColor = GetBoolean("Item.Area.BackroundGradientColor"); GeneralSettings.Background.GradientPercentage = GetString("Item.Area.GradientPercentage"); if (@GetString("Item.Area.BackgroundFixed") == "True") { GeneralSettings.Background.Position = "fixed"; } else { GeneralSettings.Background.Position = ""; } if (GeneralSettings.Background.Image == "none") { GeneralSettings.Background.Style = ""; } else if (GeneralSettings.Background.Image == "custom") { if (!string.IsNullOrWhiteSpace(GeneralSettings.Background.CustomImage)) { GeneralSettings.Background.Style = "background: url('/Admin/Public/GetImage.ashx?width=1920&amp;Crop=1&amp;Compression=75&amp;image=" + GeneralSettings.Background.CustomImage + "') " + GeneralSettings.Background.Position + " !important; "; } } else { GeneralSettings.Background.Style = "background: url('/Admin/Public/GetImage.ashx?width=1920&amp;Crop=1&amp;Compression=75&amp;image=/Files/Templates/Designs/Dwsimple/images/background/" + GeneralSettings.Background.Image + "') " + GeneralSettings.Background.Position + " !important; "; } //Headings settings GeneralSettings.Headings.Mode = GetString("Item.Area.AdvHeadingsMode"); //Site settings GeneralSettings.Site.Shadow = GetBoolean("Item.Area.BackgroundSiteShadow"); GeneralSettings.Site.LayoutMode = GetString("Item.Area.LayoutMode"); if (GeneralSettings.Site.LayoutMode == "boxed"){ GeneralSettings.Site.LayoutMode = "body-" + GeneralSettings.Site.LayoutMode; GeneralSettings.Header.Classes += " header-boxed"; } //Image settings GeneralSettings.Images.RoundCorners = GetBoolean("Item.Area.LayoutRoundCorners"); //Ecommerce settings GeneralSettings.Ecommerce.EcomListDesign = GetString("Item.Area.EcommerceProductCardDesign"); GeneralSettings.Ecommerce.EcomCardDesign = GetString("Item.Area.EcommerceProductCardDesign"); } public string GetGeneralCSS() { string CssString = ""; int SelectionWeight = GeneralSettings.Navigation.SelectionWeight; //Site settings if (GetString("Item.Area.LogoFont.Color.Color") == "#FFF" || GetString("Item.Area.LogoFont.Color.Color") == "#FFFFFF") { int offset = ImageHeight()+28; CssString += @" .dw-offsetmenu-logo { color: #333 !important; }"; } if (!string.IsNullOrWhiteSpace(GeneralSettings.Background.Color)) { CssString += @" body { background-color: " + GeneralSettings.Background.Color + @"; background-size: cover; overflow-y: scroll; }"; } if (GeneralSettings.Background.GradientColor) { CssString += @" body { background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); background-attachment: fixed; background-color: " + GeneralSettings.Background.Color + @" !important; }"; } if (GeneralSettings.Site.Shadow) { CssString += @" .shad { -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); }"; } //Image settings if (GeneralSettings.Images.RoundCorners) { CssString += @" img { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }"; } //Navbar and header custom settings if (GeneralSettings.Header.Mode == "cover") { CssString += @" .navbar-wp { background-color: none !important; }"; if (!GeneralSettings.Header.Show || GeneralSettings.Header.Mode == "mobile") { CssString += @" .header-cover .navbar-wp { top: 0px !important; }"; } } else { if (GeneralSettings.Header.Show) { CssString += @" .navbar-wp.affix .navbar-nav > li > a { padding: 16px 16px !important; }"; } } if (GeneralSettings.Header.Background == "colorline") { CssString += @" .navbar-wp, .navbar-wp.affix { border-bottom: 4px solid " + ColorSettings.Color.Primary + @" !important; } .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a { background-color: #FFF; color: #333; } .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus { color: " + ColorSettings.Color.NavbarFont + @"; } .affix .dw-logotext, .affix .dw-slogantext, .dw-header-sm-title, .dw-offsetmenu-logo { color: " + GeneralSettings.Logo.SecondaryColor + @" !important; }"; } else if (GeneralSettings.Header.Background == "neutral") { CssString += @" .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a { background-color: #f1f1f1; } .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a { color: #333; } .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus { color: " + ColorSettings.Color.NavbarFont + @"; } .affix .dw-logotext, .affix .dw-slogantext, .dw-header-sm-title, .dw-offsetmenu-logo { color: " + GeneralSettings.Logo.SecondaryColor + @" !important; }"; } else if (GeneralSettings.Header.Background == "transparent") { CssString += @" .navbar-wp, .navbar-wp.affix { background-color: #FFF; opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a { color: #333; } .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus { color: " + ColorSettings.Color.NavbarFont + @"; } .affix .dw-logotext, .affix .dw-slogantext, .dw-header-sm-title, .dw-offsetmenu-logo { color: " + GeneralSettings.Logo.SecondaryColor + @" !important; }"; } else { CssString += @" .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a { background-color: " + ColorSettings.Color.Secondary + @"; } .affix .dw-logotext, .affix .dw-slogantext, .dw-header-sm-title, .dw-offsetmenu-logo { color: " + GeneralSettings.Logo.SecondaryColor + @" !important; }"; } if (GeneralSettings.Navigation.SelectionMode == "background" || GeneralSettings.Navigation.SelectionMode == "arrow"){ CssString += NavbarPosition(false, SelectionWeight); CssString += @" .dw-navbar-button > a { background-color: transparent !important; } .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { background-color: " + ColorSettings.Color.Primary + @" !important; }"; } if (GeneralSettings.Navigation.SelectionMode == "underline"){ CssString += NavbarPosition(true); CssString += ClearBackground(); CssString += @" .dw-navbar-button > a span:after { position: absolute; content: ''; left: 0px; bottom: 0px; height: " + SelectionWeight + @"px; width: 100%; transform: scaleX(0); transition: all 0.3s ease-in-out 0s; } .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { color: " + ColorSettings.Color.Primary + @" !important; } .dw-navbar-button > a:hover span:after, dw-navbar-button > a:active span:after, dw-navbar-button > a:focus span:after, .active > a span:after { color: " + ColorSettings.Color.Primary + @" !important; transform: scaleX(1); transition: all 0.3s ease-in-out 0s; }"; } if (GeneralSettings.Navigation.SelectionMode == "boxed"){ CssString += NavbarPosition(true, SelectionWeight); CssString += @" .dw-navbar-button > a { background-color: transparent !important; } .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { background-color: " + ColorSettings.Color.Primary + @" !important; transition: all 0.3s ease-in-out 0s; }"; } if (GeneralSettings.Navigation.SelectionMode == "border"){ CssString += NavbarPosition(true, 6, SelectionWeight); CssString += ClearBackground(); CssString += @" .dw-navbar-button > a { border: " + SelectionWeight + @"px solid transparent !important; transition: None !important; } .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { border-width: " + SelectionWeight + @"px !important; border-color: " + ColorSettings.Color.Primary + @" !important; transition: all 0.3s ease-in-out 0s; }"; } if (GeneralSettings.Navigation.SelectionMode == "font"){ CssString += NavbarPosition(); CssString += ClearBackground(); SelectionWeight = (SelectionWeight*100); CssString += @" .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { color: " + ColorSettings.Color.Primary + @" !important; font-weight: " + SelectionWeight + @" !important; transition: all 0.3s ease-in-out 0s; }"; } if (GeneralSettings.Navigation.Case){ CssString += @" .dw-navbar-button > a { text-transform: uppercase !important; }"; } else { CssString += @" .dw-navbar-button > a { text-transform: none !important; }"; } //Breadcrumb custom settings if (GeneralSettings.Navigation.BreadcrumbMode == "light") { CssString += @" .pg-opt { border-bottom: 0px; background: none repeat scroll 0% 0% #FFF; } .dw-breadcrumb-title { font-size: 14px !important; padding: 5px 0px 5px 0px !important; } .dw-breadcrumb { padding: 5px 0px 5px 0px !important; }"; } if (GeneralSettings.Navigation.BreadcrumbMode == "normal") { CssString += @" .dw-breadcrumb-title { font-size: 14px !important; padding: 5px 0px 5px 0px !important; } .dw-breadcrumb a, .pg-opt .breadcrumb { padding: 5px !important; }"; } if (GeneralSettings.Navigation.BreadcrumbMode == "large") { CssString += @" .dw-breadcrumb-title { font-size: 22px !important; padding: 15px 0px 15px 0px !important; } .dw-breadcrumb { padding: 15px !important; }"; } if (GeneralSettings.Navigation.BreadcrumbAlign == "right") { CssString += @" .dw-breadcrumb { float: right !important; }"; } else { CssString += @" .dw-breadcrumb { float: left !important; }"; } //Left menu custom settings if (GeneralSettings.Navigation.LeftmenuMode == "light" || GeneralSettings.Navigation.LeftmenuMode == "light-color") { CssString += @" ul.dw-categories, ul.dw-categories > li, ul.dw-categories > li > ul > li { border: 0px solid #EEE; } ul.dw-categories > li > ul { background: none repeat scroll 0% 0% #FFF; } ul.dw-categories li a:hover, ul.dw-categories li a:focus, ul.dw-categories li a:active { background-color: #FFF !important; color: " + ColorSettings.Color.Primary + @" !important; } .list-active, .list-active > a { background-color: #FFF; color: " + ColorSettings.Color.Primary + @" !important; } .list-open-active { background-color: #FFF; color: " + ColorSettings.Color.Primary + @" !important; }"; } if (GeneralSettings.Navigation.LeftmenuMode == "lines") { CssString += @" ul.dw-categories > li { border-bottom: 1px solid #EEE; } ul.dw-categories { border: 0px solid #EEE; } ul.dw-categories > li > ul { background: none repeat scroll 0% 0% #FFF; } ul.dw-categories li a:hover, a:focus, a:active { background-color: #FFF !important; color: " + ColorSettings.Color.Primary + @" !important; } .list-active, .list-active > a { background-color: #FFF; color: " + ColorSettings.Color.Primary + @" !important; } .list-open-active { background-color: #FFF; color: " + ColorSettings.Color.Primary + @" !important; }"; } if (GeneralSettings.Navigation.LeftmenuMode == "boxed") { CssString += @" ul.dw-categories, ul.dw-categories > li, ul.dw-categories > li > ul > li { border: 0px solid #EEE; } .list-active, .list-active > a { background-color: " + ColorSettings.Color.Primary + @" !important; color: #FFF; }"; } if (GeneralSettings.Navigation.LeftmenuMode == "border") { CssString += @" ul.dw-categories > li { border: 1px solid #EEE; } ul.dw-categories > li > ul > li { border-top: 1px solid #EEE; } .list-active, .list-active > a { background-color: " + ColorSettings.Color.Primary + @" !important; color: #FFF; }"; } if (GeneralSettings.Navigation.LeftmenuMode == "light-color") { CssString += @" ul.dw-categories li a:hover, ul.dw-categories a:focus, ul.dw-categories a:active { border-left: 6px solid " + ColorSettings.Color.Primary + @"; } ul.dw-categories .M2 > li > a:hover, ul.dw-categories .M2 > li > a:focus, ul.dw-categories .M2 > li > a:active, ul.dw-categories .M2 > .list-active > a { padding-left: 20px; } ul.dw-categories .M3 > li > a:hover, ul.dw-categories .M3 > li > a:focus, ul.dw-categories .M3 > li > a:active, ul.dw-categories .M3 > .list-active > a { padding-left: 30px; } ul.dw-categories .M4 > li > a:hover, ul.dw-categories .M4 > li > a:focus, ul.dw-categories .M4 > li > a:active, ul.dw-categories .M4 > .list-active > a { padding-left: 40px; } ul.dw-categories .M5 > li > a:hover, ul.dw-categories .M5 > li > a:focus, ul.dw-categories .M5 > li > a:active, ul.dw-categories .M5 > .list-active > a { padding-left: 50px; } ul.dw-categories .M6 > li > a:hover, ul.dw-categories .M6 > li > a:focus, ul.dw-categories .M6 > li > a:active, ul.dw-categories .M6 > .list-active > a { padding-left: 50px; } ul.dw-categories .M7 > li > a:hover, ul.dw-categories .M7 > li > a:focus, ul.dw-categories .M7 > li > a:active, ul.dw-categories .M7 > .list-active > a { padding-left: 50px; } ul.dw-categories .M8 > li > a:hover, ul.dw-categories .M8 > li > a:focus, ul.dw-categories .M8 > li > a:active, ul.dw-categories .M8 > .list-active > a { padding-left: 50px; } ul.dw-categories .list-active > a { border-left: 6px solid " + ColorSettings.Color.Primary + @"; } .btn-dw:hover, .btn-dw:focus, .btn-dw:active { }"; } //Buttons custom designs if (GeneralSettings.Navigation.ButtonDesign == "light-rounded") { CssString += @" .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { border-width: 0px; } .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { background-color: " + ColorSettings.Color.Secondary + @"; color: #FFF; border-width: 0px; } .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { background-color: " + ColorSettings.Color.Primary + @"; color: #FFF; border-width: 0px; } .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; color: #FFF; border-width: 0px; }"; } if (GeneralSettings.Navigation.ButtonDesign == "corners") { CssString += @" .btn-dw-primary, .btn-dw-secondary, btn-dw-cart , .btn-dw-cart { border-radius: 0px !important; border-width: 0px; } .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { background-color: " + ColorSettings.Color.Secondary + @"; color: #FFF; border-width: 0px; } .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { background-color: " + ColorSettings.Color.Primary + @"; color: #FFF; border-width: 0px; } .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; color: #FFF; border-width: 0px; }"; } if (GeneralSettings.Navigation.ButtonDesign == "round") { CssString += @" .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { padding: 5px 15px; border-radius: 200px !important; border-width: 0px !important; } .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { background-color: " + ColorSettings.Color.Secondary + @"; color: #FFF; border-width: 0px !important; } .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { background-color: " + ColorSettings.Color.Primary + @"; color: #FFF; border-width: 0px !important; } .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; color: #FFF; border-width: 0px !important; }"; } if (GeneralSettings.Navigation.ButtonDesign == "border") { CssString += @" .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { background-color: transparent; } .btn-dw-primary { border-width: 4px; padding: 3px 10px; color: " + ColorSettings.Color.Primary + @"; } .btn-dw-secondary { border-width: 2px; color: " + ColorSettings.Color.Secondary + @"; } .btn-dw-cart { border-width: 4px; padding: 3px 10px; color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; } .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { background-color: " + ColorSettings.Color.Primary + @"; border-width: 4px; padding: 3px 10px; border-color: " + ColorSettings.Color.Primary + @"; color: #FFF; } .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { background-color: " + ColorSettings.Color.Primary + @"; border-width: 2px; color: #FFF; border-color: #FFF; } .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; border-width: 4px; padding: 3px 10px; border-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; color: #FFF; }"; } if (GeneralSettings.Navigation.ButtonDesign == "border-sharp" || GeneralSettings.Navigation.ButtonDesign == "border-round") { CssString += @" .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { background-color: transparent; } .btn-dw-primary { border-width: 4px; padding: 3px 15px; color: " + ColorSettings.Color.Primary + @"; } .btn-dw-secondary { border-width: 2px; padding: 5px 15px; color: " + ColorSettings.Color.Secondary + @"; } .btn-dw-cart { border-width: 4px; padding: 3px 15px; color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; } .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { background-color: " + ColorSettings.Color.Primary + @"; border-width: 4px; color: #FFF; padding: 3px 15px; border-color: " + ColorSettings.Color.Primary + @"; } .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { background-color: " + ColorSettings.Color.Primary + @"; border-width: 2px; color: #FFF; padding: 5px 15px; border-color: #FFF; } .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; border-width: 4px; color: #FFF; padding: 3px 15px; border-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; }"; } if (GeneralSettings.Navigation.ButtonDesign == "border-sharp") { CssString += @" .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart, .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active, .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active, .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { border-radius: 0px !important; }"; } if (GeneralSettings.Navigation.ButtonDesign == "border-round") { CssString += @" .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart, .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active, .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active, .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { border-radius: 200px !important; }"; } //Headings custom settings if (GeneralSettings.Headings.Mode == "underline") { CssString += @" .dw-section-title { border-bottom: 2px solid; margin-bottom: 15px; }"; } if (GeneralSettings.Headings.Mode == "boxed" || GeneralSettings.Headings.Mode == "boxed-line") { CssString += @" .dw-section-title span { background-color: " + GetString("Item.Area.HeadingsH1.Color.Color") + @"; display: inline-block; padding: 8px 16px; color: #FFF; }"; if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color"))) { CssString += @" .dw-section-title { background-color: " + ColorSettings.Color.Primary + @"; }"; } } if (GeneralSettings.Headings.Mode == "boxed-line") { CssString += @" .dw-section-title span { margin-bottom: 2px; } .dw-section-title { border-bottom: 2px solid " + GetString("Item.Area.HeadingsH1.Color.Color") + @"; margin-bottom: 10px; }"; if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color"))) { CssString += @" .dw-section-title { border-bottom: 2px solid " + ColorSettings.Color.Primary + @"; }"; } } if (GeneralSettings.Headings.Mode == "outline") { CssString += @" .dw-section-title { color: #FFF; text-shadow: -1px -1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @", 1px -1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @", -1px 1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @", 1px 1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @"; }"; if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color"))) { CssString += @" .dw-section-title { text-shadow: -1px -1px 0 #1A1A1A, 1px -1px 0 #1A1A1A, -1px 1px 0 #1A1A1A, 1px 1px 0 #1A1A1A; }"; } } if (GeneralSettings.Headings.Mode == "backline") { CssString += @" .dw-section-title { font-size: 18px; text-align: center; border-bottom: 2px solid; padding: 0; margin: 8px 0 20px; line-height: 0em !important; } .dw-section-title > span { background-color: #FFF; padding: 0 16px; } .dw-section-title-small { margin: 8px 0 20px; }"; } if (GeneralSettings.Ecommerce.EcomCardDesign == "one") { } if (GeneralSettings.Ecommerce.EcomCardDesign == "two") { CssString += @" .product { border: 1px solid #E5E5E5; }"; } return CssString; } private string ClearBackground() { string CssString = ""; CssString += @" .dw-navbar-button > a { background-color: rgba(0, 0, 0, 0.0) !important; } .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { background-color: rgba(0, 0, 0, 0.0) !important; }"; return CssString; } private string NavbarPosition(bool margin=false, int specialpadding=6, int extramargin=0) { int LogoHeight = 0; string CssString = ""; int Centerpos = 0; if (GeneralSettings.Header.Mode != "solid"){ if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image)) { LogoHeight = ImageHeight(); } else { LogoHeight = GetInteger("Item.Area.LogoFont.Size"); } } else { if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image)) { LogoHeight = 18; } else { LogoHeight = GetInteger("Item.Area.LogoFont.Size")-10; } } if (margin == false) { Centerpos = (LogoHeight/2) + 6; CssString += @" .dw-navbar-button > a, .navbar-wp.affix .navbar-nav > li > a { padding: " + Centerpos + @"px " + (specialpadding+4) + @"px " + Centerpos + @"px " + (specialpadding+4) + @"px !important; margin: " + extramargin + @"px " + extramargin + @"px !important; }"; } else { Centerpos = ((LogoHeight/2)+6)-(specialpadding+extramargin); CssString += @" .dw-navbar-button > a, .navbar-wp.affix .navbar-nav > li > a { padding: " + specialpadding + @"px " + (specialpadding+4) + @"px " + specialpadding + @"px " + (specialpadding+4) + @"px !important; margin: " + Centerpos + @"px 4px 0px 4px !important; }"; } return CssString; } private int ImageHeight () { int LogoHeight = 0; if (!string.IsNullOrWhiteSpace(GetString("Item.Area.GeneralLogo"))) { string imageUrl = "http://" + HttpContext.Current.Request.Url.Authority + GetString("Item.Area.GeneralLogo"); WebRequest request = WebRequest.Create(imageUrl); WebResponse response = request.GetResponse(); Image image = Image.FromStream(response.GetResponseStream()); LogoHeight = image.Height; } else { LogoHeight = 38; } return LogoHeight; } } @{ InitGeneralSettings(); } @if (writeCss) { css += FontStylesCSS() + "/*Colors*/" + Environment.NewLine + GetColorSettings() + Environment.NewLine + "/*General*/" + Environment.NewLine + GetGeneralCSS(); Dynamicweb.Core.Helpers.TextFileHelper.WriteTextFile(css, HttpContext.Current.Server.MapPath("/Files/Templates/Designs/Dwsimple/css/DWGlobalStylesSite" + GetString("DwAreaID") + "_auto.css"), false); Dynamicweb.Core.Helpers.TextFileHelper.WriteTextFile(RemoveWhiteSpaceFromStylesheets(Dynamicweb.Core.Helpers.TextFileHelper.ReadTextFile(HttpContext.Current.Server.MapPath("/Files/Templates/Designs/Dwsimple/css/DWGlobalStyles.css"))), HttpContext.Current.Server.MapPath("/Files/Templates/Designs/Dwsimple/css/DWGlobalStyles.min.css"), false); Dynamicweb.Core.Helpers.TextFileHelper.WriteTextFile(RemoveWhiteSpaceFromStylesheets(css), cssPath, false); } @functions{ public static string RemoveWhiteSpaceFromStylesheets(string body) { body = Regex.Replace(body, @"[a-zA-Z]+#", "#"); body = Regex.Replace(body, @"[\n\r]+\s*", string.Empty); body = Regex.Replace(body, @"\s+", " "); body = Regex.Replace(body, @"\s?([:,;{}])\s?", "$1"); body = body.Replace(";}", "}"); body = Regex.Replace(body, @"([\s:]0)(px|pt|%|em)", "$1"); // Remove comments from CSS body = Regex.Replace(body, @"/\*[\d\D]*?\*/", string.Empty); return body; } } @* TEMPLATE STYLES *@ <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/DWGlobalStyles.min.css" id="dwStylesheet" media="screen"> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/invoice.min.css"> <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/owl.carousel.min.css"> <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/owl.theme.default.min.css"> <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/print.min.css" media="print"> <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/typeahead.min.css"> <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/fjerdingstad.css"> @{ string cssAutoPath = "/Files/Templates/Designs/Dwsimple/css/DWGlobalStylesSite" + GetString("DwAreaID") + "_auto.min.css?t=@areaUpdated.Ticks"; } <link rel="stylesheet" type="text/css" href="@cssAutoPath"> <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/product.min.css"> <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/style.min.css"> <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/styles.min.css"> @* ANALYTICS CODE *@ @GetValue("Item.Area.OtherAnalyticsCode") <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.2/jquery.ui.mouse.min.js"></script> <script src="/Files/Templates/Designs/Dwsimple/js/jquery.ui.touch-punch.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script> @foreach (var lang in GetLoop("WebsiteLanguages")) { bool IsMaster = lang.GetBoolean("IsMaster"); if (IsMaster) { string langCode = lang.GetString("Culture").Substring(3).ToUpper(); <text> <script> var $langCode = "@langCode"; </script> </text> } } @if (GeneralSettings.Navigation.IsMegamenu) { <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/Dwsimple/css/megamenu.min.css"> } @* CONFIGURING DYNAMICALLY STYLES WHICH COMES FROM CUSTOM MODULES *@ <style> @RenderSnippet("StylesHead") </style> @GetValue("Stylesheets") @GetValue("Javascripts") </head> <body style="@GeneralSettings.Background.Style" id="sitecontent"> @* GOOGLE TAG MANAGER (NOSCRIPT) *@ <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=@GoogleTagManagerId" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> @* END GOOGLE TAG MANAGER (NOSCRIPT) *@ @* MODALS *@ @{ var request = HttpContext.Current.Request; } <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="loginLabel" aria-hidden="true"> <div class="modal-dialog mdl-custom"> <div class="modal-content"> <div class="modal-header" id="loginModalDiv"> <h4 class="modal-title" id="myModalLabel">@Translate("Login", "Login")</h4> </div> <form name="form" id="loginform" method="post"> <div class="modal-body"> <input type="hidden" name="ID" value="@Pageview.ID"> <input type="hidden" name="DWExtranetUsernameRemember" value="True"> <input type="hidden" name="DWExtranetPasswordRemember" value="True"> <div class="form-group2"> @{ attrValue = Translate("Enter email", "Enter email"); var username2 = @GetValue("DWExtranetUsername"); } <input type="text" class="form-control" name="username" id="username" placeholder="@attrValue" value="@username2" required=""> </div> <div class="form-group2"> @{ attrValue = Translate("Enter password", "Enter password"); }<input type="password" class="form-control" name="password" id="password" placeholder="@attrValue" required=""> </div> @if (!string.IsNullOrWhiteSpace(GetString("DW_extranet_error_uk")) && !string.IsNullOrWhiteSpace(request["username"])) { <h5 class="text-center" id="loginModalValidationMessage">@GetValue("DW_extranet_error_uk")</h5> } <div class="form-group2"> <button type="submit" class="btn btn-xs btn-base login-btn pull-right">@Translate("Sign in", "Sign in")</button> </div> </div> <div class="row"> <div class="col-md-12 4letter"> <div class="col-md-6 checkbox pull-left"> <label> <input type="checkbox" name="Autologin" checked="checked" value="True"> @Translate("Remember me", "Remember me") </label> </div> <div class="col-md-6"> <a class="pull-left" href='/Default.aspx?ID=@Pageview.Area.Item["SignInPageId"]&LoginAction=Recovery'>@Translate("Forgot your password?", "Forgot your password?")</a> <a class="pull-left" href='/Default.aspx?ID=@Pageview.Area.Item["CreateNewUser"]'>@Translate("Create new user", "Create new user")</a> <p>&nbsp;</p> <br> </div> </div> </div> </form> </div> </div> </div> @* MOBILE MENU *@ @{ var offsetmenuplace = "left"; if (GeneralSettings.Header.Mode == "mobile") { offsetmenuplace = GeneralSettings.Navigation.Position; } } <div id="myNavmenu" class="navmenu navmenu-default navmenu-fixed-@offsetmenuplace offcanvas"> <div class="col-sm-12 col-xs-12 offcanvas-col"> <div class="row offcanvas-row">&nbsp;</div> <div class="offcanvas-row pull-right"> <button type="button" class="btn btn-sm btn-dw-primary close-menu" data-toggle="offcanvas" data-target="#myNavmenu" data-canvas="body"> <img src="/Files/Templates/Designs/Dwsimple/images/icons/close.png" alt="close"> <span> @Translate("Menu", "Menu") </span> </button> </div> <div class="row offcanvas-row hidden"> <div class="col-sm-12 col-xs-12 offcanvas-col"> <a href="/Default.aspx?ID=@firstpageid" class="brand"> @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image)) { <div class="img-responsive dw-offsetmenu-logo pull-left"> @if (GeneralSettings.Logo.ContrastImage != GeneralSettings.Logo.Image) { <img src="@GeneralSettings.Logo.ContrastImage" alt="Logo"> } else { <img class="img-responsive" src="@GeneralSettings.Logo.Image" alt="Logo"> } </div> } @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Text)) { <div class="dw-logotext dw-offsetmenu-logo pull-left">@GeneralSettings.Logo.Text</div> } </a> </div> </div> <div class="row offcanvas-row">&nbsp;</div> </div> <div class="col-sm-12 col-xs-12 offcanvas-col"> @if (GetBoolean("Item.Area.EcomEnabled")) { <div class="row offcanvas-row">&nbsp;</div> <div class="row offcanvas-row"> <div class="col-sm-12 col-xs-12 offcanvas-col"> @if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { <div class="pull-left hidden"> <a href='Default.aspx?ID=@Pageview.Area.Item["SignInPageId"]' class="btn btn-sm btn-default">@Translate("Sign in", "Sign in")</a> <a href='Default.aspx?ID=@Pageview.Area.Item["SignUpPageId"]' class="btn btn-sm btn-default">@Translate("Opret brugerprofil", "Opret brugerprofil")</a> </div> } @if (Dynamicweb.Frontend.PageView.Current().Device == Dynamicweb.Frontend.Devices.DeviceType.Desktop) { if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { <div class="pull-left"> <a href='Default.aspx?ID=@Pageview.Area.Item["OrdersPageId"]' class="btn btn-sm btn-default"> <i class="fa fa-user"></i> <strong>@GetGlobalValue("Global:Extranet.Name")</strong> </a> </div> <div class="pull-left"> <a href="/Admin/Public/ExtranetLogoff.aspx?ID=@Pageview.ID"><button class="btn btn-sm btn-default"><i class="fa fa-sign-out"></i> @Translate("Sign out", "Sign out")</button></a> </div> } } @if (GetLoop("DWExtranetSecondaryUsers").Count > 0 || !string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserID"))) { <p>&nbsp;</p> <form method="post"> <div class="pull-left"> @if (string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserID"))) { <select id="DWExtranetSecondaryUserSelector" name="DWExtranetSecondaryUserSelector" title="Impersonate selected user"> @foreach (var user in GetLoop("DWExtranetSecondaryUsers")) { <option value='@user.GetValue("UserID")'>@user.GetValue("UserName")</option> } </select> <input type="submit" class="btn btn-xs" tabindex="3" value="OK"> } else { string impersonateUser = @GetGlobalValue("Global:Extranet.SecondaryUser.UserName") + " is impersonated by " + @Pageview.User.UserName; <span title="@impersonateUser" class="btn btn-xs impersonation-btn"><i class="fa fa-user-secret"></i> @GetGlobalValue("Global:Extranet.SecondaryUser.UserName")</span> <input type="submit" class="btn btn-xs" name="DwExtranetRemoveSecondaryUser" id="DwExtranetRemoveSecondaryUser" value="Stop impersonation"> } </div> </form> } </div> </div> <div class="row offcanvas-row">&nbsp;</div> } </div> <div class="row offcanvas-row"> <div class="col-sm-12 col-xs-12 offcanvas-col"> @GetValue("DwNavigation(drawernavigation)") </div> </div> @if (!GetBoolean("Item.Area.OnlyOneLanguage")) { <div class="langMobile"> <div class="lang-sug"> <img class="closeLang" src="/Files/Templates/Designs/Dwsimple/images/icons/close-black.png" alt="close"> <p>@Translate("Change language", "Change language"):</p> <ul class="langMenu langMobile" area-labelledby="language"> @foreach (var lang in GetLoop("WebsiteLanguages")) { string isActive = (lang.GetBoolean("IsCurrent") ? "activeArea" : ""); <li id='@lang.GetValue("ID")area' class="@isActive"> @*@if (GetInteger("Ecom:Order.OrderLines.Count") <= 0)*@ @{ string langCode = lang.GetString("Culture").Substring(0, 2).ToLower(); if (lang.GetBoolean("IsCurrent")) { <a data-lang="current" data-code="@langCode" class="activeArea langSelected" href='Default.aspx?ID=@lang.GetValue("FirstActivePageID")'> @lang.GetString("Culture") </a> } else { <a class="langSelected" data-lang="none" data-code="@langCode" href='Default.aspx?ID=@lang.GetValue("FirstActivePageID")'> @lang.GetString("Culture") </a> } } </li> } </ul> </div> </div> } <div> <ul class="top-menu"> @foreach (LoopItem headerLink in GetLoop("Item.Area.HeaderLinks")) { string Link = headerLink.GetString("Item.Area.HeaderLinks.Link"); string LinkText = headerLink.GetString("Item.Area.HeaderLinks.LinkText"); string LinkIcon = headerLink.GetString("Item.Area.HeaderLinks.LinkIcon"); string LinkTarget = headerLink.GetString("Item.Area.HeaderLinks.LinkTarget"); <li> <a href="@Link" title="@LinkText" target="@LinkTarget"> <span class="link-icon" style='background-image: url("@LinkIcon")'></span> <span class="link-txt">@LinkText</span> </a> </li> } @if (!GetBoolean("Item.Area.OnlyOneLanguage")) { <li class="LangLing"> <a href="#"> <span class="link-icon" style='background-image: url("@GetString("Item.Area.LanguageIcon")")'></span> <span class="link-txt">@GetString("Item.Area.LanguageText")</span> </a> </li> } <!-- Ecommerce user menu --> @if (GetBoolean("Item.Area.EcomEnabled")) { if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { <text> <li class="LoginLink"> <a href='Default.aspx?ID=@Pageview.Area.Item["SignInPageId"]'> <span>@Translate("Login", "Login")</span> </a> </li> </text> } if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { <text> <li class="loggedIn"> <a href='Default.aspx?ID=@Pageview.Area.Item["UserProfilePageId"]'> <nobr> <i class="fa fa-user"></i> <strong>@GetGlobalValue("Global:Extranet.Name")</strong> </nobr> </a> </li> @if (GetLoop("DWExtranetSecondaryUsers").Count > 0 || !string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserID"))) { <li> <form method="post"> <span> @if (string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserID"))) { string impersonateTranslation = Translate("Impersonate selected user"); <select id="DWExtranetSecondaryUserSelector" name="DWExtranetSecondaryUserSelector" title="@impersonateTranslation"> @foreach (var user in GetLoop("DWExtranetSecondaryUsers")) { <option value='@user.GetValue("UserID")'>@user.GetValue("UserName")</option> } </select> <input type="submit" class="btn btn-xs" tabindex="3" value="OK"> } else { string impersonateUser = GetGlobalValue("Global:Extranet.SecondaryUser.UserName") + " " + Translate("is impersonated by") + " " + Pageview.User.UserName; string stopImpersonateTranslation = Translate("Stop impersonation"); <span title="@impersonateUser" class="btn btn-xs impersonation-btn"><i class="fa fa-user-secret"></i> @GetGlobalValue("Global:Extranet.SecondaryUser.UserName")</span> <input type="submit" class="btn btn-xs" name="DwExtranetRemoveSecondaryUser" id="DwExtranetRemoveSecondaryUser" value="@stopImpersonateTranslation"> } </span> </form> </li> } <li class="LogOut"> <a href='/Admin/Public/ExtranetLogoff.aspx?ID=@logoutid'>@Translate("Logout", "Logout")</a> </li> </text> } } <!-- Ecommerce Cart --> @if ((Dynamicweb.Frontend.PageView.Current().Device == Dynamicweb.Frontend.Devices.DeviceType.Mobile) || (Dynamicweb.Frontend.PageView.Current().Device == Dynamicweb.Frontend.Devices.DeviceType.Tablet)) { if (GetBoolean("Item.Area.EcomEnabled")) { <li class="dropdown animate-hover" data-animate="animated fadeInUp"> <a href="Default.aspx?ID=@cartid" title="" id="minipagecart" class="dw-minicart"><i class="fa fa-shopping-cart"></i> @GetValue("Ecom:Order.OrderLines.TotalProductQuantity") <span>@GetValue("Ecom:Order.OrderLines.Total.PriceWithoutVAT")</span></a> <ul class="sub-menu"> <li id="minicart"> @MiniCart() </li> </ul> </li> } } </ul> </div> </div> @* HEADER AND CONTENT *@ <div class="body-wrap shad @GeneralSettings.Site.LayoutMode"> @* HEADER *@ <div id="divHeaderWrapper"> <header class="header nav-down @GeneralSettings.Header.Classes"> <div class="headerLeft pull-left"> <!-- TOP HEADER --> @if (GeneralSettings.Header.Show) { <div class="top-header"> <div class="row"> @if (!GetBoolean("Item.Area.OnlyOneLanguage")) { <div class="lang-sug"> <img class="closeLang" src="/Files/Templates/Designs/Dwsimple/images/icons/close-black.png" alt="close"> <div class="container"> <p>@Translate("Change language", "Change language"):</p> <div id="partnercountry"> </div> <ul class="langMenu" area-labelledby="language"> @foreach (var lang in GetLoop("WebsiteLanguages")) { string isActive = (lang.GetBoolean("IsCurrent") ? "activeArea" : ""); <li id='@lang.GetValue("ID")area' class="@isActive"> @*@if (GetInteger("Ecom:Order.OrderLines.Count") <= 0)*@ @{ string langCode = lang.GetString("Culture").Substring(0, 2).ToLower(); if (lang.GetBoolean("IsCurrent")) { <a data-lang="current" data-code="@langCode" class="activeArea langSelected" href='Default.aspx?ID=@lang.GetValue("FirstActivePageID")'> @lang.GetString("Culture") </a> } else { <a class="langSelected" data-lang="none" data-code="@langCode" href='Default.aspx?ID=@lang.GetValue("FirstActivePageID")'> @lang.GetString("Culture") </a> } } </li> } </ul> </div> </div> } </div> <div class="row"> <div class="col-xs-4 col-sm-4 col-md-3 logobox"> @if (GeneralSettings.Header.Mode == "solid") { <a href="/Default.aspx?ID=@firstpageid" class="brand"> @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image)) { <img class="img-responsive dw-logoimage pull-left" src="@GeneralSettings.Logo.Image" alt="Logo"> } @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Text)) { <div class="dw-logotext pull-left">@GeneralSettings.Logo.Text</div> } </a> if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Slogan)) { <div class="dw-slogantext pull-left">@GeneralSettings.Logo.Slogan</div> } } </div> <div class="col-xs-8 col-sm-8 col-md-9 logobox"> <div class="row"> <div class="hidden-xs hidden-sm hidden-md col-lg-12 search-right"> <div class="searchIcon hidden-xs hidden-sm pull-right"> <span class="buttonIconSearch"> <button class="btn btn-dw-primary searchFieldShow" type="submit"> <img src="/Files/Templates/Designs/Dwsimple/images/icons/search-white.png" class="img-center" alt=""> <span> @Translate("Search", "Search") </span> </button> </span> </div> <div class="pull-right navBar"> <nav class="top-header-menu hidden-sm hidden-xs hidden-md"> <ul class="top-menu"> @* @if(GetInteger("DwAreaFirstPageID") == 8398) { <li><a href="Default.aspx?ID=11424"><img alt="" src="/Files/Images/Ikoner/English.png" style="height:25px; width:50px"></a></li> <li><a href="Default.aspx?ID=11837"><img alt="" src="/Files/Images/Ikoner/PolishNew.png" style="height:25px; width:50px"></a></li> } @if(GetInteger("DwAreaFirstPageID") == 11424) { <li><a href="Default.aspx?ID=8398"><img alt="" src="/Files/Images/Ikoner/Norwegian.png" style="height:25px; width:50px"></a></li> <li><a href="Default.aspx?ID=11837"><img alt="" src="/Files/Images/Ikoner/PolishNew.png" style="height:25px; width:50px"></a></li> } @if(GetInteger("DwAreaFirstPageID") == 11586) { <li><a href="Default.aspx?ID=11424"><span class"link-txt"="">@Translate("Norwood.UK","Norwood.UK")<img alt="" src="/Files/Images/Ikoner/English.png" style="height:25px; width:50px"></span></a></li> <li><a href="Default.aspx?ID=11837"><img alt="" src="/Files/Images/Ikoner/English.png" style="height:25px; width:50px"></a></li> <li><a href="Default.aspx?ID=11837">@Translate("English language","English language")</a></li> <li><a href="Default.aspx?ID=8398"><img alt="" src="/Files/Images/Ikoner/Norwegian.png" style="height:25px; width:50px"></a></li> } @if(GetInteger("DwAreaFirstPageID") == 11837) { <li><a href="Default.aspx?ID=11424"><span class"link-txt"="">@Translate("Norwood.UK","Norwood.UK")<img alt="" src="/Files/Images/Ikoner/English.png" style="height:25px; width:50px"></span></a></li> <li><a href="Default.aspx?ID=11586"><img alt="" src="/Files/Images/Ikoner/PolishNew.png" style="height:25px; width:50px"></a></li> <li><a href="Default.aspx?ID=11586">@Translate("Polish language","Polish language")</a></li> <li><a href="Default.aspx?ID=11424"><img alt="" src="/Files/Images/Ikoner/English.png" style="height:25px; width:50px"></a></li> <li><a href="Default.aspx?ID=8398"><img alt="" src="/Files/Images/Ikoner/Norwegian.png" style="height:25px; width:50px"></a></li> } *@ @foreach (LoopItem headerLink in GetLoop("Item.Area.HeaderLinks")) { string Link = headerLink.GetString("Item.Area.HeaderLinks.Link"); string LinkText = headerLink.GetString("Item.Area.HeaderLinks.LinkText"); string LinkIcon = headerLink.GetString("Item.Area.HeaderLinks.LinkIcon"); string LinkTarget = headerLink.GetString("Item.Area.HeaderLinks.LinkTarget"); <li> <a href="@Link" title="@LinkText" target="@LinkTarget"> <span class="link-icon" style='background-image: url("@LinkIcon")'></span> <span class="link-txt">@LinkText</span> </a> </li> } @if (!GetBoolean("Item.Area.OnlyOneLanguage")) { <li class="LangLing"> <a href="#"> <span class="link-icon" style='background-image: url("@GetString("Item.Area.LanguageIcon")")'></span> <span class="link-txt">@GetString("Item.Area.LanguageText")</span> </a> </li> } <!-- Ecommerce user menu --> @if (GetBoolean("Item.Area.EcomEnabled")) { if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { <text> <li class="LoginLink"> <a href="#" data-toggle="modal" data-target="#login"> <span>@Translate("Login", "Login")</span> </a> </li> @*@GetValue("DwNavigation(toolsnavigationNotloggedin)")*@ </text> } if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { <text> <li class="loggedIn"> <a id="dLabel" role="button" href='Default.aspx?ID=@Pageview.Area.Item["UserProfilePageId"]'> <nobr> <i class="fa fa-user"></i>@GetGlobalValue("Global:Extranet.Name") </nobr> </a> @GetValue("DwNavigation(MyProfileMenu)") <span class="TitleWelcome" style="display: none;">@Translate("Welcome", "Welcome") @GetGlobalValue("Global:Extranet.Name")</span> </li><li class="logOut" style="display: none;"> <a href='/Admin/Public/ExtranetLogoff.aspx?ID=@logoutid'> @*<i class="fa fa-sign-out"></i>*@ @Translate("Logout", "Logout") </a> </li> @if (GetLoop("DWExtranetSecondaryUsers").Count > 0 || !string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserID"))) { <li> <form method="post"> <span> @if (string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserID"))) { string impersonateTranslation = Translate("Impersonate selected user"); <select id="DWExtranetSecondaryUserSelector" name="DWExtranetSecondaryUserSelector" title="@impersonateTranslation"> @foreach (var user in GetLoop("DWExtranetSecondaryUsers")) { <option value='@user.GetValue("UserID")'>@user.GetValue("UserName")</option> } </select> <input type="submit" class="btn btn-xs" tabindex="3" value="OK"> } else { string impersonateUser = GetGlobalValue("Global:Extranet.SecondaryUser.UserName") + " " + Translate("is impersonated by") + " " + Pageview.User.UserName; string stopImpersonateTranslation = Translate("Stop impersonation"); <span title="@impersonateUser" class="btn btn-xs impersonation-btn"><i class="fa fa-user-secret"></i> @GetGlobalValue("Global:Extranet.SecondaryUser.UserName")</span> <input type="submit" class="btn btn-xs" name="DwExtranetRemoveSecondaryUser" id="DwExtranetRemoveSecondaryUser" value="@stopImpersonateTranslation"> } </span> </form> </li> } </text> } } <!-- Ecommerce Cart --> @if (GetBoolean("Item.Area.EcomEnabled")) { <li class="dropdown animate-hover hidden" data-animate="animated fadeInUp"> <a href="Default.aspx?ID=@cartid" title="" id="minipagecart" class="dw-minicart"><i class="fa fa-shopping-cart"></i> @GetValue("Ecom:Order.OrderLines.TotalProductQuantity") <span>@GetValue("Ecom:Order.OrderLines.Total.PriceWithoutVAT")</span></a> <ul class="sub-menu"> <li id="minicart"> @MiniCart() </li> </ul> </li> } </ul> </nav> <!-- MAIN NAV --> @{ var sticky = GeneralSettings.Navigation.StickyMenu; var stickyTrigger = "affix"; var navbarpos = GeneralSettings.Navigation.Position; var selectionstyle = GeneralSettings.Navigation.SelectionStyle; if (sticky == "off") { stickyTrigger = ""; } } <div id="navOne" class="navbar navbar-wp @selectionstyle navbar-fixed affix-top" role="navigation" data-spy="@stickyTrigger" data-offset-top="@sticky" data-offset-bottom="300"> @if (GeneralSettings.Header.Mode != "solid" || !GeneralSettings.Header.Show) { <div class="navbar-header pull-@GeneralSettings.Navigation.InvertedPosition"> <div class="hidden-sm hidden-xs"> <a href="/Default.aspx?ID=@firstpageid" class="brand"> @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image)) { if (GeneralSettings.Logo.ContrastImage != GeneralSettings.Logo.Image) { <img class="img-responsive dw-logoimage dw-logoimage-normal pull-left" src="@GeneralSettings.Logo.Image" alt="Logo"> <img class="img-responsive dw-logoimage dw-logoimage-contrast pull-left" src="@GeneralSettings.Logo.ContrastImage" alt="Logo"> } else { <img class="img-responsive dw-logoimage pull-left" src="@GeneralSettings.Logo.Image" alt="Logo"> } } @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Text)) { <div class="dw-logotext pull-left">@GeneralSettings.Logo.Text</div> } </a> @if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Slogan)) { <div class="dw-slogantext pull-left">@GeneralSettings.Logo.Slogan</div> } </div> </div> } @if (GeneralSettings.Header.Mode != "mobile") { <!-- Big screen header --> <div class="navbar-navigation"> <div class="hidden-sm hidden-xs"> <nav class="col-md-10 col-sm-10 col-xs-10 p-0 navbar-collapse collapse navbar-@navbarpos"> @if (GeneralSettings.Navigation.IsMegamenu) { @GetValue("DwNavigation(topnavigationmegamenu)") } else { @GetValue("DwNavigation(topnavigation)") } <!-- Extra navigation when no header is shown --> @if (GetBoolean("Item.Area.EcomEnabled")) { if (!GeneralSettings.Header.Show) { <ul class="nav navbar-nav"> <li>&nbsp;&nbsp;&nbsp;</li> @if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { <li class="dw-navbar-button"><a href="#" data-toggle="modal" data-target="#login" data-hover="dropdown"><i class="fa fa-sign-in"></i><span></span></a></li> <li class="dw-navbar-button"><a href="/not-logged-in/create-user-profile" data-hover="dropdown"><i class="fa fa-user"></i><span></span></a></li> } @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { <li class="dw-navbar-button"> <a href='Default.aspx?ID=@Pageview.Area.Item["OrdersPageId"]' data-hover="dropdown"> <nobr> <strong><i class="fa fa-user"></i></strong> </nobr> <span></span> </a> </li> <li class="dw-navbar-button"> <a href="/Admin/Public/ExtranetLogoff.aspx?ID=@Pageview.Page.ID" data-hover="dropdown"><i class="fa fa-sign-out"></i><span></span></a> </li> } </ul> } if (GeneralSettings.Header.Mode != "solid") { <ul class="nav navbar-nav"> <li class="dropdown dropdown-aux animate-click dw-navbar-button" data-animate-in="animated bounceInUp" data-animate-out="animated fadeOutDown" style="z-index:500;"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown"><i class="fa fa-search"></i><span></span></a> <ul class="dropdown-menu dropdown-menu-user animate-wr"> <li id="dropdownForm"> <div class="dropdown-form"> <form class="form-light p-15" role="form" method="get" action="Default.aspx"> <input type="hidden" name="ID" value='@searchpage'> <div class="input-group remote"> <input type="text" class="form-control typeahead" name="q" placeholder="@searchplaceholder"> <span class="input-group-btn" style="top:-1px !important;"> <button class="btn btn-base" type="submit"><i class="fa fa-search"></i></button> </span> </div> </form> </div> </li> </ul> </li> </ul> } } </nav> </div> @*@if (GetBoolean("Item.Area.EcomEnabled")) { if (GeneralSettings.Header.Mode == "solid" && GeneralSettings.Header.Show) { <div class="hidden-sm hidden-xs"> <div class="col-md-2 col-sm-2 col-xs-2 pull-@GeneralSettings.Navigation.InvertedPosition"> <form method="get" action="Default.aspx"> <input type="hidden" name="ID" value='@Pageview.Area.Item["ProductsPageId"]'> <div id="remote" class="input-group pull-@GeneralSettings.Navigation.InvertedPosition dw-top-search"> <input type="text" class="form-control typeahead" name="Search" tabindex="1" placeholder="@searchplaceholder"> <span class="input-group-btn" style="top:0px !important;"> <button class="btn btn-primary" type="submit"><i class="fa fa-search"></i></button> </span> </div> </form> </div> </div> } }*@ </div> } else { <!-- Using only mobile navigation --> <div class="pull-@GeneralSettings.Navigation.Position"> <ul class="nav navbar-nav"> <li class="dw-navbar-button" data-toggle="offcanvas" data-target="#myNavmenu" data-canvas="body"> <a><i class="fa fa-bars fa-2x"></i><span></span></a> </li> </ul> </div> } </div> </div> </div> </div> <div class="col-xs-12 mobileMenu hidden-lg"> <span class="buttonIconSearch pull-right "> <button class="btn btn-dw-primary searchFieldShow" type="submit"> <img src="/Files/Templates/Designs/Dwsimple/images/icons/search-white.png" class="img-center" alt=""> <span> @Translate("Search", "Search") </span> </button> </span> <!-- Small screen header --> <div class="hidden-lg"> <div class="pull-right hamb"> <button type="button" class="btn btn-sm btn-base" data-toggle="offcanvas" data-target="#myNavmenu" data-canvas="body"> <i class="fa fa-bars"></i> <span> @Translate("Menu", "Menu") </span> </button> </div> <div class="pull-right"> @if(GetInteger("DwAreaFirstPageID") == 8398) { <a href="Default.aspx?ID=11424"><img alt="" src="/Files/Images/Ikoner/English.png" style="height:25px; width:50px"></a> } @if(GetInteger("DwAreaFirstPageID") == 11424) { <a href="Default.aspx?ID=8398"><img alt="" src="/Files/Images/Ikoner/Norwegian.png" style="height:25px; width:50px"></a> } </div> <div class="hidden-xs hidden-sm hidden-md pull-left"> <h2 class="dw-header-sm-title">@GetGlobalValue("Global:Page.Top.Name")</h2> </div> @if (GetBoolean("Item.Area.EcomEnabled")) { @*<div class="pull-right hidden-sm"> <ul class="top-menu"> <li class="hidden-xs"> <a href="Default.aspx?ID=@cartid" title="" class="btn btn-sm btn-base dw-minicart " id="minipagecart-mobile"><i class="fa fa-shopping-cart"></i><strong> @GetValue("Ecom:Order.OrderLines.TotalProductQuantity") <span class="amount">@GetValue("Ecom:Order.OrderLines.Total.PriceWithoutVAT")</span></strong></a> </li> </ul> </div>*@ if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { <div class="hidden-xs hidden-sm pull-right "> <a href='/Admin/Public/ExtranetLogoff.aspx?ID=@Pageview.Page.ID'><button class="btn btn-sm btn-base"><i class="fa fa-sign-out"></i></button></a> &nbsp; </div> <div class="hidden-xs pull-right userNameBox"> <a href='Default.aspx?ID=@Pageview.Area.Item["UserProfilePageId"]' class="btn btn-sm btn-base"> <i class="fa fa-user"></i> <strong>@GetGlobalValue("Global:Extranet.Name")</strong> </a> &nbsp; </div> } if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) { <div class="hidden-xs hidden-sm pull-right"> <a href='Default.aspx?ID=@Pageview.Area.Item["SignInPageId"]' class="btn btn-sm btn-base"><i class="fa fa-sign-in"></i></a> &nbsp; </div> } } </div> <div class="clearfix"></div> </div> </div> <div class="clearfix"></div> </div> </div> } @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.HeaderLayoutImage"))) { if (currentpageid != firstpageid) { var coverimage = GetString("Item.Area.HeaderLayoutImage"); <div class="container-fluid dw-header-image"> <div class="row"> <section class="carousel carousel-1 slice fluid" style="height: 160px !important; background: url('/Admin/Public/Getimage.ashx?width=1920&amp;compression=75&amp;Crop=5&amp;image=@coverimage') no-repeat; background-size: cover !important; background-color: @ColorSettings.Color.Secondary"></section> </div> </div> } else if (GeneralSettings.Header.ShowFrontpageImage) { var coverimage = GetString("Item.Area.HeaderLayoutImage"); <div class="container-fluid dw-header-image"> <div class="row"> <section class="carousel carousel-1 slice fluid" style="height: 160px !important; background: url('/Admin/Public/Getimage.ashx?width=1920&amp;compression=75&amp;Crop=5&amp;image=@coverimage') no-repeat; background-size: cover !important; background-color: @ColorSettings.Color.Secondary"></section> </div> </div> } } else if (GeneralSettings.Header.Mode != "solid") { if (currentpageid != firstpageid) { <div class="container-fluid dw-header-image"> <div class="row"> <section class="carousel carousel-1 slice fluid" style="height: 160px !important; background-color: transparent; background-size: cover !important;"></section> </div> </div> } } </div> <div class="clearfix"></div> @if (GeneralSettings.Header.Mode == "solid" && GeneralSettings.Header.Show) { <div class="searchRight clearfix"> <div class="slideToggle col-md-12 col-sm-12"> <form method="get" action="Default.aspx"> <input type="hidden" name="ID" value='@searchpage'> <div id="remote" class="input-group top-search"> <div class="remoteR"> <input type="hidden" name="qurlencoded" id="qurlencoded" value=''> <input type="text" class="form-control typeahead" name="q" placeholder='@Translate("What are you searching for?")' data-encode=""> <span class="input-group-btn"> <button class="btn btn-primary " type="submit"> <i class="fa fa-angle-double-right"></i> </button> </span> </div> </div> </form> </div> </div> <div class="clearfix"></div> } </header> @{ var current = ""; var currentWhole = ""; } @foreach (var lang in GetLoop("Languages")) { if (lang.GetBoolean("IsCurrent")) { string input = lang.GetString("Culture"); int index = input.IndexOf("-"); if (index > 0) { current = input.Substring(0, index); } currentWhole = lang.GetString("Culture").ToLower(); } } </div> @* MAIN CONTENT *@ @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> @using DW_AX_ConnectorLib; @{ var orderId = HttpContext.Current.Request["o"]; var ddIndex = "&i=" + HttpContext.Current.Request["i"]; string mytilbudpage = Pageview.Area.Item["QuoteList"].ToString(); string currencyValue = GetGlobalValue("Global:eCommerce.CurrencyCode").ToString(); var dealerNameField = Pageview.User.CustomFieldValues.FirstOrDefault(cfv => cfv.CustomField.Name.Equals("DealerName", StringComparison.InvariantCultureIgnoreCase)); var dealerName = string.Empty; if (dealerNameField != null) { dealerName = dealerNameField.Value.ToString(); } var userDefaultDiscount = Pageview.User.CustomFieldValues.FirstOrDefault(cfv => cfv.CustomField.Name.Equals("DefaultDiscount", StringComparison.InvariantCultureIgnoreCase)); var defaultDiscount = string.Empty; if (userDefaultDiscount != null) { defaultDiscount = userDefaultDiscount.Value.ToString(); } string userID = Pageview.User.ExternalID;// Name;// "P-008136"; DW_AX_ConnectorLib.clsDW_AX_ConnectorLib axConnector = new DW_AX_ConnectorLib.clsDW_AX_ConnectorLib(); DW_AX_ConnectorLib.clsQuotationHeader order = axConnector.GetSingleOrderConfirmed(orderId); //connector.GetSingleOrder(orderId); } <style> @@media screen, print { .text-centerImp { text-align: center !important; } table > tbody > tr:nth-of-type(2n+1) { background-color: #fff; } #invoice tr td:last-child { width: initial; text-align: right; } .TotalPrice { margin: 30px 0; padding: 20px 0; font-size: 14px; color: #fff; text-align: right; } table { width: 100%; } table.customer-info { margin-top: 15px; } table.customer-info td { vertical-align: top; } .vcard div { margin: 7px 0; } .invoice-financials { margin-top: 20px; } .invoice-financials table.table-cart td { border-top: 0; } .invoice-financials table.table-cart th { border-bottom: 1px solid #ddd; } .invoice-financials table.table-cart tr.b-top td { border-top: 1px solid #ddd; } .invoice-financials table.table-cart .tl { text-align: left; } .invoice-financials table.table-cart .tr { text-align: right; } #invoice ul.info li { margin-bottom: 5px; list-style: none; } } @@media print { body { font-family: sans-serif; } * { padding: 0; margin: 0; } h3.dw-section-title { font-weight: bold; margin-bottom: 15px; font-size: 16px; } h4 { font-weight: bold; font-size: 16px; margin-top: 15px; margin-bottom: 10px; } ul.info li { margin: 7px 0; list-style: none; } ul.info li b { display: inline-block; width: 180px; } table.customer-info { padding: 0; } table.table-cart { border-collapse: collapse; width: 100%; margin-top: 25px; } table.table-cart th { border-top: 1px solid #ddd; } table.table-cart td, table.table-cart th { padding: 8px; } table.table-cart td a { color: inherit; text-decoration: none; } h3.dw-section-title { margin-top: 20px; } } </style> @functions{ public string ShowWithDecimals(double val) { return String.Format("{0:0.00}", val); } } @if (string.IsNullOrEmpty(order.ErrorMessage) == false) { <!-- Modal Error --> <div class="modal fade" id="modalError" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header btn-primary"><h4 style="color:wheat">Error</h4></div> <div class="modal-body"> <div class="row"> <div class="col-md-12"> <strong>Kan ikke vise ordre.</strong><br> <br> <span id="modalErrorMessage">@order.ErrorMessage</span> </div> </div> </div> <div class="modal-footer"> <a id="" href="Default.aspx?ID=@mytilbudpage" class="hiddenPrint btn btn-sm btn-dw-cart hidden-print">@Translate("Back to list")</a> </div> </div> </div> </div> <script> $(window).on('load', function () { $('#modalError').modal({ backdrop: 'static', keyboard: false }, 'show'); }); </script> } <div class="container"> <br><br> <section class="slice white"> <div id="invoice" class="new hideTab OrderDetailTable"> <div class="title clearfix"> <h3 class=""> <span>Ordre:&nbsp;@orderId</span> <span class="dw-section-title dw-section-title-small pull-right">@Translate("Order date", "Order date"): @order.OrderDate.ToString("dd/MM/yyyy")</span> </h3> </div> <table class="customer-info"> <tr> <td width="50%"> <div>&nbsp;</div> <h4>@Translate("Billing address", "Billing address")</h4> <div>&nbsp;</div> <div class="vcard"> <div>@Translate("Name"): <b>@order.OrderCustomerName</b></div> @if (!string.IsNullOrWhiteSpace(order.OrderCustomerEmail)) { <div>@Translate("E-mail"): <b>@order.OrderCustomerEmail</b></div> } @if (!string.IsNullOrWhiteSpace(order.OrderCustomerPhone)) { <div>@Translate("Phone"): <b>@order.OrderCustomerPhone</b></div> } <div>@Translate("Expires"): <b>@order.OrderExpiryDate.ToShortDateString()</b></div> <div>@Translate("Requisition number", "Rekvisisjon nr."): <b>@order.OrderRequisitionNumber</b></div> <div>@Translate("Kommentar", "Kommentar"): <b>@order.OrderComment</b></div> <div>@Translate("Default discount on new orderlines"): <b>@defaultDiscount</b></div> <div>&nbsp;</div> <div>@Translate("Expected delivery date", "Forventet leveringsdato ca. 4 uker fra bestilling")</div> </div> </td> <td width="50%" style="text-align:left;"> <div>&nbsp;</div> <h4>@Translate("Delivery address", "Delivery Address")</h4> <div>&nbsp;</div> <div class="vcard"> @if (order.OrderEndAddressType == 0) { //Show forhandler address <div>@Translate("Delivery address type"): <b>@Translate("Delivery to Dealer Address")</b></div> <div>@Translate("Dealer name"): <b>@dealerName</b></div> <div>@Translate("Address"): <b>@order.OrderCustomerAddress</b></div> <div>@Translate("Zip"): <b>@order.OrderCustomerZip</b></div> <div>@Translate("City"): <b>@order.OrderCustomerCity</b></div> } else if (order.OrderEndAddressType == 1) { <div>@Translate("Delivery address type"):<b> @Translate("Delivery to Project Address")</b></div> <div>@Translate("Leveringsadresse", "Leveringsadresse"): <b>@order.OrderDeliveryAddress</b></div> <div>@Translate("Poststed", "Poststed"): <b>@order.OrderDeliveryCity</b></div> <div>@Translate("Postnummer", "Postnummer"): <b>@order.OrderDeliveryZip</b></div> <div>@Translate("Leveringsted kontaktperson", "Leveringsted kontaktperson"): <b>@order.OrderDeliveryContactName</b></div> <div>@Translate("Leveringsted telefon", "Leveringsted telefon"): <b>@order.OrderDeliveryContactNumber</b></div> } else { <div>@Translate("Delivery address type"): <b>@Translate("Pickup at Fjerdingstad")</b></div> <div>@Translate("Dealer name"): <b>H-vinduet Fjerdingstad AS</b></div> <div>@Translate("Address"): <b>Loesdalsveien 51</b></div> <div>@Translate("Zip"): <b>3300</b></div> <div>@Translate("City"): <b>Hokksund</b></div> } </div> </td> </tr> </table> <section class="invoice-financials"> <div class="table-responsive"> <table class="table table-cart"> <tr class="headerOrder"> <th class="tl">@Translate("Product number")</th> <th class="tl">@Translate("NOBB Number")</th> <th class="tl">@Translate("Product name")</th> <th class="tr">@Translate("Width")</th> <th class="tr">@Translate("Height")</th> <th class="tr">@Translate("Qty")</th> <th class="tr">@Translate("Recommended sales price")</th> <th class="tr">@Translate("Discount %")</th> <th class="tr">@Translate("Price")</th> @*<th class="tr">@Translate("Total")</th>*@ </tr> @{ var productcatalog = Pageview.Area.Item["ProductsPageId"]; } @if (order.Items != null && order.Items.Length > 0) { foreach (var orderline in order.Items) { <tr class="bodyTable"> <td> @orderline.OrderLineProductNumber @if (orderline.OrderLineType == 1) { <small>@Translate("Discount", "Discount")</small> } </td> <td>@orderline.OrderLineNobbNumber</td> <td>@orderline.OrderLineItemName</td> <td class="tr">@orderline.OrderLineWidth</td> <td class="tr">@orderline.OrderLineHeight</td> <td class="tr">@orderline.OrderLineQuantity</td> <td class="tr">@ShowWithDecimals(orderline.OrderLineRetailPrice)</td> <td class="tr">@orderline.OrderLineDiscount</td> <td class="tr">@ShowWithDecimals(orderline.OrderLineSalesPrice)</td> </tr> } } </table> </div> <div class="row">&nbsp;</div> <div> <div class="TotalPrice col-xs-12 col-sm-12 col-md-12"> <div class="clearfix"> <div class="col-xs-6 col-sm-10 col-md-10 left">@Translate("Gross price including PCB")</div> <div class="col-xs-6 col-sm-2 col-md-2 TotalPriceRight">@ShowWithDecimals(order.OrderSalesPriceWithoutVAT) @currencyValue</div> </div> <div class="clearfix"> <div class="col-xs-6 col-sm-10 col-md-10 left">@Translate("PCB")</div> <div class="col-xs-6 col-sm-2 col-md-2 TotalPriceRight">@ShowWithDecimals(order.PCBmiljoetillaegg) @currencyValue</div> </div> <div class="clearfix"> <div class="col-xs-6 col-sm-10 col-md-10 left">@Translate("Gross VAT")</div> <div class="col-xs-6 col-sm-2 col-md-2 TotalPriceRight">@ShowWithDecimals(order.OrderSalesPriceWithVAT) @currencyValue</div> </div> <div class="clearfix"> <div class="col-xs-6 col-sm-10 col-md-10 left">@Translate("Gross price including VAT")</div> <div class="col-xs-6 col-sm-2 col-md-2 TotalPriceRight">@ShowWithDecimals(order.OrderSalesPriceWithVAT) @currencyValue</div> </div> </div> </div> <div class="row">&nbsp;</div> </section> <a id="backLink" href="Default.aspx?ID=@mytilbudpage@ddIndex" class="hiddenPrint btn btn-sm btn-dw-cart hidden-print">@Translate("Back to list")</a> </div> </section> </div> @* FOOTER *@ @inherits Dynamicweb.Rendering.RazorTemplateBase<Dynamicweb.Rendering.RazorTemplateModel<Dynamicweb.Rendering.Template>> @using System @using System.Web @using System.Globalization @using Dynamicweb.Frontend.Devices @using System.Text.RegularExpressions @using Dynamicweb.Environment.Helpers @using Dynamicweb.Rendering <footer class="footer"> @if (GetBoolean("Item.Area.FooterShowContactInfo")) { <div class="footer-section"> <div class="container"> <div class="row"> <div class="col-xs-12 col-md-4 links"> <div class="col"> <h3>@GetString("Item.Area.HeadingColumnOne")</h3> <ul> @foreach (LoopItem linksfooter in GetLoop("Item.Area.FooterLinks")) { var footertitle = linksfooter.GetString("Item.Area.FooterLinks.Title"); var footerlinks = linksfooter.GetString("Item.Area.FooterLinks.Link.Value"); if (footerlinks != "") { <li> <a href="@footerlinks">@footertitle</a> </li> } } </ul> </div> </div> <div class="col-xs-12 col-md-4 links"> <div class="col"> <h3>@GetString("Item.Area.HeadingColumnTwo")</h3> <ul> @foreach (LoopItem linksfooter in GetLoop("Item.Area.ServicesLinks")) { var footertitle = linksfooter.GetString("Item.Area.ServicesLinks.Title"); var footerlinks = linksfooter.GetString("Item.Area.ServicesLinks.Link.Value"); if (footerlinks != "") { <li> <a href="@footerlinks">@footertitle</a> </li> } } </ul> </div> </div> <div class="col-xs-12 col-md-4 socials"> <div class="col"> @if (GetBoolean("Item.Area.SocialLinksInFooter")) { string sicon = ""; string slink = ""; <h3>@GetString("Item.Area.HeadingColumnThree")</h3> <p> @foreach (LoopItem socialitem in GetLoop("Item.Area.SocialIconsInTheFooter")) { sicon = socialitem.GetString("Item.Area.SocialIconsInTheFooter.Icon"); slink = socialitem.GetString("Item.Area.SocialIconsInTheFooter.Link"); <a href="@slink"><i class="fa @sicon"></i></a> } </p> } </div> @if (GetBoolean("Item.Area.FooterNewsletterSignUp")) { string NavTag = GetGlobalValue("Global:Page.NavigationTag").ToString(); string CurrentPageName = GetGlobalValue("Global:Page.Name").ToString(); if (NavTag != CurrentPageName) { int NewsletterInfoParagraphID = System.Convert.ToInt32(Pageview.Area.Item["NewsletterSignUpFormParagraph"].ToString()); <div class="col"> <p>@Translate("Sign up if you would like to receive occasional treats from us", "Sign up if you would like to receive occasional treats from us").</p> @RenderParagraphContent(NewsletterInfoParagraphID) </div> } } </div> @if (GetBoolean("Item.Area.FooterShowSitemap")) { <div class="col-xs-12 col-md-4"> <div class="col"> @GetValue("DwNavigation(footersitemap)") </div> <div>&nbsp;</div> </div> } </div> </div> </div> } @SnippetStart("StylesHead") footer .footer-badges { background-color: @GetString("Item.Area.BadgeListBackgroundColor.Color"); } footer .footer-menu { background-color: @GetString("Item.Area.AddressBarBackgroundColor.Color"); } @SnippetEnd("StylesHead") @if (GetBoolean("Item.Area.BadgeList") && GetLoop("Item.Area.BadgeList").Count > 0) { string blImage = ""; string blLink = ""; string blTarget = ""; <div class="footer-badges"> <div class="container"> <ul> @foreach (LoopItem badgelistitem in GetLoop("Item.Area.BadgeList")) { blImage = badgelistitem.GetString("Item.Area.BadgeList.Image"); blLink = badgelistitem.GetString("Item.Area.BadgeList.Link"); blTarget = badgelistitem.GetString("Item.Area.BadgeList.Target"); <li> @if (!string.IsNullOrWhiteSpace(blLink)) { <a href="@blLink" target="@blTarget"><img src="@blImage" alt=""></a> } else { <img src="@blImage" alt=""> } </li> } </ul> </div> </div> } <div class="footer-menu"> <div class="container"> @*<div class="footer-logo"> @{ var logofooter = GetString("Item.Area.FooterLogo"); string firstpageidFooter = GetString("DwAreaFirstActivePageID"); } @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.FooterLogo"))) { <a href="/Default.aspx?ID=@firstpageidFooter" class="brand"> <img class="img-responsive" src="@logofooter" alt="Logo footer"> </a> } </div>*@ <div class="footer-links"> @GetValue("Item.Area.FooterAddress") @*@{ string footeremail = GetString("Item.Area.FooterEmail"); string footerphone = GetString("Item.Area.FooterPhone").Replace(" ", ""); } <p> @Translate("Phone", "Phone"): <a href="tel:@footerphone">@footerphone</a> @Translate("Email", "Email"): <a href="mailto:@footeremail" title="Email Us">@GetValue("Item.Area.FooterEmail")</a> </p>*@ </div> </div> </div> </footer> <!--[if IE]> <style> .widget.affix { width:21% !important; } </style> <![endif]--> @* ESSENTIALS *@ <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/3.1.20/jquery.fancybox.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script> @*<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>*@ @* ASSETS *@ <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-hover-dropdown/2.0.10/bootstrap-hover-dropdown.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/spin.js/2.0.1/spin.min.js"></script> @*<script type="text/javascript" src="/Files/Templates/Designs/Dwsimple/js/typeahead.bundle.js"></script>*@ @* SRIPTS FOR INDIVIDUAL PAGES, DEPENDING ON WHAT PLUG-INS ARE USED *@ <script src="//cdnjs.cloudflare.com/ajax/libs/jasny-bootstrap/3.1.3/js/jasny-bootstrap.min.js" type="text/javascript"></script> <script src="//connect.facebook.net/en_US/sdk.js"></script> <script src="/Files/Templates/Designs/Dwsimple/js/typeahead.js"></script> <script src="/Files/Templates/Designs/Dwsimple/js/jquery.socialfeed.js"></script> <script src="/Files/Templates/Designs/Dwsimple/js/codebird.js"></script> <script src="/Files/Templates/Designs/Dwsimple/js/doT.min.js"></script> <script src="/Files/Templates/Designs/Dwsimple/js/moment.min.js"></script> <script src="/Files/Templates/Designs/Dwsimple/js/owl.carousel.min.js"></script> <script src="/Files/Templates/Designs/Dwsimple/js/custom.js"></script> @*<script src="/Files/Templates/Designs/Dwsimple/js/filter.js"></script>*@ <script src="/Files/Templates/Designs/Dwsimple/js/GeneralMethods.js"></script> <script src="/Files/Templates/Designs/Dwsimple/js/cart.js"></script> <script src="/Files/Templates/Designs/Dwsimple/js/bootstrap-datetimepicker.js"></script> <script src="/Files/Templates/Designs/Dwsimple/js/jQueryValidation.js"></script> <script> $("input.typeahead").on("change", function () { var qvalue = $(this).val().replace(/æ/g, "&aelig;").replace(/ø/g, "&oslash;").replace(/å/g, "&aring;").replace(/Æ/g, "&AElig;").replace(/Ø/g, "&Oslash;").replace(/Å/g, "&Aring;"); $('input#qurlencoded').val(qvalue) }) </script> <script type="text/html-template" id="OrderlineAjaxTemplate"> <tr> <td class="text-center"><img src="/Admin/Public/GetImage.ashx?width=50&height=50&crop=5&image=Obj.image&Compression=99" class="img-center" alt=""></td> <td> <a href="Obj.link"> Obj.name Obj.variantname </a> </td> <td class="text-center">Obj.quantity</td> <td class="text-right"> <nobr> Obj.totalprice </nobr> </td> </tr> </script> @* INITIALIZE SCROLLING NAVIGATION *@ @if (GeneralSettings.Navigation.IsAnimateNavigation) { <script type="text/javascript"> // Hide Header on on scroll down var didScroll; var lastScrollTop = 0; var delta = 5; var navbarHeight = $('header').outerHeight(); $(window).scroll(function (event) { didScroll = true; }); setInterval(function () { if (didScroll) { hasScrolled(); didScroll = false; } }, 250); function hasScrolled() { var st = $(this).scrollTop(); var $megamenu = $('#topnavigationmegamenu > li.dropdown.ParentShow .dropdown-menu'), $search = $('.searchRight .slideToggle'), $isSearchOpen = ($search.is('.open') ? true : false); // Make sure they scroll more than delta if (Math.abs(lastScrollTop - st) <= delta) return; // If they scrolled down and are past the navbar, add class .nav-up. // This is necessary so you never see what is "behind" the navbar. if (st > lastScrollTop && st > navbarHeight) { // Scroll Down $('header').removeClass('nav-down').addClass('nav-up'); $megamenu.css('top', '0').fadeOut(); if ($isSearchOpen) $search.fadeOut(); } else { // Scroll Up if (st + $(window).height() < $(document).height()) { $('header').removeClass('nav-up').addClass('nav-down'); $megamenu.fadeIn().css('top', '107px'); if ($isSearchOpen) $search.fadeIn(); } } lastScrollTop = st; } </script> } @* INITIALIZE FANCYBOX *@ <script type="text/javascript"> if ($(".fancybox").length > 0) $(".fancybox") .fancybox({ padding: 0 }); $(document).ready(function () { MiniCartInit(@Pageview.Area.Item["JSONFeedForCart"], @Pageview.Area.Item["ProductsPageId"]); if (typeof ProductModal == 'undefined') { console.log('missing variable'); } else ProductModal.init(@Pageview.Area.Item["JSOPNFeedForModal"]); }); </script> @RenderSnippet("JavaScriptBottom") <script type="text/javascript"> $(document).ready(function () { $('.nav-stacked .offcanvas-menubtn').has('ul').addClass('innerMenuMobile'); $("<i class='fa fa-plus mobileMenuFix' onclick='toggleCheck(this)'></i>").insertAfter(".offcanvas-col>.nav-stacked>.offcanvas-menubtn.innerMenuMobile>a"); //$("<i class='fa fa-sort-desc mobileMenuFix' onclick='toggleCheck(this)'></i>").insertAfter(".offcanvas-col>.nav-stacked>.offcanvas-menubtn>.M1>.offcanvas-menubtn>a"); //$("<i class='fa fa-sort-desc mobileMenuFix' onclick='toggleCheck(this)'></i>").insertAfter(".offcanvas-col>.nav-stacked>.offcanvas-menubtn>.M1>.offcanvas-menubtn>.M2>.offcanvas-menubtn>a"); $(".nav-stacked .0 i").remove(); }); function toggleCheck(elem) { jQuery(elem).parent().children("ul").toggle(); jQuery(elem).toggleClass('fa-plus fa-minus') } function toggleCheckTopNav() { $("#toggleTopNav").children("ul").toggle(); } $('.langMenu li').each(function () { var group = $(this); var value = group.children("a"); var date = new Date(); var minutes = 1440; date.setTime(date.getTime() + (minutes * 60 * 1000)); $(value).on('click', function (e) { $.cookie('remember_lang', $(this).attr("data-code"), { expires: date, path: '/' });; }); }); function setLangAuto(filterlang) { var pathname = window.location.pathname; switch (filterlang) { case "fr": pathname = $(".langSelected[data-code='fr']").attr('href'); if ($(".langSelected[data-code='fr']").hasClass("activeArea") || $.cookie('remember_lang') != null) { break; } else { window.location.href = pathname; } case "de": pathname = $(".langSelected[data-code='de']").attr('href'); if ($(".langSelected[data-code='de']").hasClass("activeArea") || $.cookie('remember_lang') != null) { break; } else { window.location.href = pathname; } case "es": pathname = $(".langSelected[data-code='es']").attr('href'); if ($(".langSelected[data-code='es']").hasClass("activeArea") || $.cookie('remember_lang') != null) { break; } else { window.location.href = pathname; } case "se": pathname = $(".langSelected[data-code='se']").attr('href'); if ($(".langSelected[data-code='se']").hasClass("activeArea") || $.cookie('remember_lang') != null) { break; } else { window.location.href = pathname; } case "da": pathname = $(".langSelected[data-code='da']").attr('href'); if ($(".langSelected[data-code='da']").hasClass("activeArea") || $.cookie('remember_lang') != null) { break; } else { window.location.href = pathname; } default: pathname = $(".langSelected[data-code='en']").attr('href'); if ($(".langSelected[data-code='en']").hasClass("activeArea") || $.cookie('remember_lang') != null) { break; } else { window.location.href = pathname; } } } jQuery(function ($) { if ($.cookie('remember_lang') != "@current" && $.cookie('remember_lang') != null) { var href; $(".langSelected").each(function () { if ($(this).data("code") == $.cookie('remember_lang')) { href = $(this).attr("href"); } }); window.location.href = href; } }); $('[data-toggle="dropdown"]').dropdown(); </script> <script> $('.TitleWelcome').clone().prependTo('#MyProfileMenu'); $('.logOut').clone().appendTo('#MyProfileMenu .M1'); </script> @{ //var productsearch = @Pageview.Area.Item["SearchProductsPage"]; string productpageidsearch = GetString("Item.Area.SearchAllProductsPage"); string showedproducts = GetString("Item.Area.ShowedProducts"); var searchproductitem = Pageview.Area.Item["LinkToSearchProductPageItem"]; string ItemPageIDproducts = searchproductitem.ToString().TrimStart('/'); string seoproductsearch = Dynamicweb.Frontend.SearchEngineFriendlyURLs.GetFriendlyUrl(ItemPageIDproducts); string quotecontext = Pageview.Area.Item["QuoteContext"].ToString(); string cartpage = Pageview.Area.Item["QuoteCart"].ToString(); } <script> var searchproducts = new Bloodhound({ datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'), queryTokenizer: Bloodhound.tokenizers.whitespace, remote: { url: '/Default.aspx?ID=@seoproductsearch&q=%QUERY', wildcard: '%QUERY' }, }); searchproducts.initialize(); $('#text-input').bind('typeahead:render', function () { $('.tt-suggestion').removeClass('tt-selectable'); }); $('#remoteproduct .form-control').typeahead( { hint: true, highlight: false, minLength: 2 }, { limit: 9999, name: 'name', display: 'name', source: searchproducts, templates: { empty: '<div class="search-header clearfix"><h4 class="product-title pull-left">@Translate("Ingen produkter fundet")</h4></div>', //optional suggestion: function (el) { if (typeof typeaheadAlternative !== 'undefined' && typeaheadAlternative) { return '<div class="row row-striped"><div class="form-group"><div class="col-xs-8"><h5>' + el.name + '</h5></div>' + '<div class="col-xs-2"><small>' + el.price + '</small></div>' + '<div class="col-xs-2 pull-right">' + //'<a href="javascript:void(0)" class="btn btn-success btn-sm pull-right" onclick="QuickAddToQuote_AX(\'' + el.number + '\',$(this))"><i class="fa fa-plus-circle fa-lg"></i><i class="fa fa-pulse"></i></a>'+ '<button type="button" class="btnAddProd btn btn-success btn-sm pull-right" onclick="QuickAddToQuote_AX(\'' + el.number + '\',$(this))" ><i class="fa fa-plus-circle fa-lg"></i> <i class="fa fa-pulse"></i></button>' + '</div>' + '</div>' + '</div>'; } else { return '<div class="clearfix">' + '<span class="name-search pull-left">' + el.name + '</span>' + '<span class="price-search pull-left">' + el.price + '</span><button class="btn-dw-cart QuickAdd pull-right" onclick="QuickAddToQuote(\'' + el.number + '\',$(this))"><i class="fa fa-plus"></i> <i class="fa fa-pulse"></i></button></div>'; } } } } ); // Quickly Add to quote function QuickAddToQuote(product, elm) { var url = "@Dynamicweb.Context.Current.Request.RawUrl&CartCmd=Add&ProductID=" + product + "&OrderContext=@quotecontext"; var allButtons = $('div.QuickAdd'); var spinner = elm.find($('i.fa-plus')); spinner.removeClass('fa-plus'); spinner.addClass('fa-spinner fa-pulse'); elm.addClass('reducedOpacity'); elm.attr('disabled', 'disabled'); allButtons.addClass('reducedOpacity'); allButtons.attr('disabled', 'disabled'); document.location.href = url; //$.ajax({ // type: "GET", // url: url, // success: function () { // update(); // } //}); } // Quickly Add to quote function QuickAddToQuote_AX(productID, elm) { window.dispatchEvent(new CustomEvent("addLine_Event", { detail: { ProductID: productID, Qty : 1, Ele : elm } })); } </script> </div> @if (!string.IsNullOrWhiteSpace(GetString("DW_extranet_error_uk"))) { <script> $('#login').modal('show').addClass("in").attr("aria-hidden", "false").css({ "display": "block", "padding-left": "17px" }); </script> } </body> </html>