1 @using System 2 @using System.Web 3 @using Dynamicweb.Security.UserManagement.Common.CustomFields; 4 @using Dynamicweb.Security.UserManagement 5 6 @using System.Text.RegularExpressions 7 @using System.Web 8 9 10 @functions{ 11 public class WrapMethods 12 { 13 14 15 //Gets the contrasting color 16 public static string getContrastYIQ(string hexcolor) 17 { 18 if (hexcolor != "") 19 { 20 hexcolor = Regex.Replace(hexcolor, "[^0-9a-zA-Z]+", ""); 21 22 int r = Convert.ToByte(hexcolor.Substring(0, 2), 16); 23 int g = Convert.ToByte(hexcolor.Substring(2, 2), 16); 24 int b = Convert.ToByte(hexcolor.Substring(4, 2), 16); 25 int yiq = ((r * 299) + (g * 587) + (b * 114)) / 1000; 26 27 if (yiq >= 128) 28 { 29 return "black"; 30 } 31 else 32 { 33 return "white"; 34 } 35 } 36 else 37 { 38 return "black"; 39 } 40 } 41 42 43 //Truncate text 44 public static string Truncate (string value, int count, bool strip=true) 45 { 46 if (strip == true){ 47 value = StripHtmlTagByCharArray(value); 48 } 49 50 if (value.Length > count) 51 { 52 value = value.Substring(0, count - 1) + "..."; 53 } 54 55 return value; 56 } 57 58 59 //Strip text from HTML 60 public static string StripHtmlTagByCharArray(string htmlString) 61 { 62 char[] array = new char[htmlString.Length]; 63 int arrayIndex = 0; 64 bool inside = false; 65 66 for (int i = 0; i < htmlString.Length; i++) 67 { 68 char let = htmlString[i]; 69 if (let == '<') 70 { 71 inside = true; 72 continue; 73 } 74 if (let == '>') 75 { 76 inside = false; 77 continue; 78 } 79 if (!inside) 80 { 81 array[arrayIndex] = let; 82 arrayIndex++; 83 } 84 } 85 return new string(array, 0, arrayIndex); 86 } 87 88 //Make the correct count of columns 89 public static string ColumnMaker(int Col, string ScreenSize) 90 { 91 string Columns = ""; 92 93 switch (Col) 94 { 95 case 1: 96 Columns = "col-"+ScreenSize+"-12"; 97 break; 98 99 case 2: 100 Columns = "col-"+ScreenSize+"-6"; 101 break; 102 103 case 3: 104 Columns = "col-"+ScreenSize+"-4"; 105 break; 106 107 case 4: 108 Columns = "col-"+ScreenSize+"-3"; 109 break; 110 111 default: 112 Columns = "col-"+ScreenSize+"-3"; 113 break; 114 } 115 116 return Columns; 117 } 118 119 120 private string Custom(string firstoption, string secondoption) 121 { 122 if (firstoption == "custom") 123 { 124 return secondoption; 125 } 126 else 127 { 128 return firstoption; 129 } 130 } 131 } 132 } 133 @helper MiniCart() 134 { 135 var list = new List<String>(); 136 foreach (var orderline1 in GetLoop("OrderLines")){ 137 var repackString = ""; 138 if(orderline1.GetString("Ecom:Order:OrderLine.ProductName").Contains("Repack Service")){ 139 foreach (LoopItem orderLineField in orderline1.GetLoop("Order.OrderLineFields")){ 140 repackString = orderLineField.GetString("Ecom:Order:OrderLine.OrderLineField.Value")+"|"; 141 } 142 repackString += orderline1.GetValue("Ecom:Order:OrderLine.Quantity") + "|" + orderline1.GetString("Ecom:Order:OrderLine.Price.PriceFormatted"); 143 list.Add(repackString); 144 145 } 146 } 147 double delCharges = 0; 148 var subtotal = ""; 149 double presubtotal = 0; 150 delCharges = GetDouble("Ecom:Order.ShippingFee.PriceWithVAT"); 151 presubtotal = GetDouble("Ecom:Order.PriceWithoutDiscounts.PriceWithVAT") - delCharges; 152 subtotal = GetString("Ecom:Order.Currency.Symbol") + string.Format("{0:#0.00}", @presubtotal); 153 <div class="dropdown-cart FixedHeightContainer"> 154 155 @if (GetInteger("Ecom:Order.OrderLines.TotalProductQuantity") > 0) 156 { 157 158 159 160 <div class="cart-content scrollminicart"> 161 @{string imgpath="/Files/Images/Ecom/Products/";} 162 @foreach (var orderline in GetLoop("OrderLines")) 163 { 164 165 var isVoucher = false; 166 if(orderline.GetString("Ecom:Order:OrderLine.Type") == "1") 167 { 168 isVoucher = true; 169 } 170 var pid = orderline.GetString("Ecom:Order:OrderLine.ProductID"); 171 var pNo=orderline.GetString("Ecom:Order:OrderLine.ProductNumber"); 172 var image = orderline.GetString("Ecom:Product.ImageSmall.Default.Clean"); 173 string imgpathjpg=imgpath+pid+".jpg"; 174 string imgpathpng=imgpath+pid+".png"; 175 var absolutePathsjpg = System.Web.HttpContext.Current.Server.MapPath("~/"+ imgpathjpg); 176 var absolutePathpng = System.Web.HttpContext.Current.Server.MapPath("~/"+ imgpathpng); 177 if(System.IO.File.Exists(absolutePathsjpg)){ 178 image=imgpathjpg; 179 } 180 else if(System.IO.File.Exists(absolutePathpng)){ 181 image=imgpathpng; 182 } 183 184 var repackTrue= false; 185 var repackID = ""; 186 var repackQuantity = ""; 187 var repackPrice =""; 188 for (int j=0; j<@list.Count;j++){ 189 190 string[] stringlist = list[j].Split('|'); 191 if(stringlist[0]==pid){ 192 repackTrue = true; 193 repackQuantity = stringlist[1]; 194 repackPrice = stringlist[2]; 195 } 196 } 197 if(orderline.GetString("Ecom:Order:OrderLine.ProductName")!="$3 Repack Service" && orderline.GetString("Ecom:Order:OrderLine.ProductName")!="$4 Repack Service"){ 198 199 if(orderline.GetString("Ecom:Order:OrderLine.Type")!="3") 200 { 201 202 <div class="cart-row"> 203 @if(!orderline.GetString("Ecom:Order:OrderLine.ProductName").Contains("Repack Service")) 204 { 205 <div class="cart-img"> 206 @if(!isVoucher) 207 { 208 <img src="/Admin/Public/GetImage.ashx?width=50&image=@image&Compression=99" class="img-center" alt=""> 209 } 210 else 211 { 212 <p> </p> 213 } 214 </div> 215 }else{ 216 <div class="cart-img"> 217 <p> </p> 218 </div> 219 } 220 <div class="cart-details"> 221 <p class="bold"> 222 <a href="@orderline.GetValue(" ecom:order:orderline.productlink")"=""> 223 <p style="margin: 0px;">@orderline.GetString("Ecom:Product:Field.ProductBrand")</p> 224 <p style="margin: 0px;">@orderline.GetString("Ecom:Order:OrderLine.ProductName")</p> 225 </a> 226 <br>@orderline.GetString("Ecom:Order:OrderLine.ProductVariantText")</p> 227 228 @if(!isVoucher) 229 { 230 <table> 231 <tr style="font-size:12px;"> 232 <td>@Translate("Item No","Item No") </td> 233 <td>: @pNo </td> 234 </tr> 235 @if(!string.IsNullOrWhiteSpace(orderline.GetString("Ecom:Product:Field.Flavour"))) 236 { 237 <tr style="font-size:12px;"> 238 <td>@Translate("Flavour","Flavour") </td> 239 <td>: @orderline.GetString("Ecom:Product:Field.Flavour")</td> 240 </tr> 241 } 242 <tr style="font-size:12px;"> 243 <td>@Translate("Quantity","Quantity") </td> 244 <td>: @orderline.GetValue("Ecom:Order:OrderLine.Quantity")</td> 245 </tr> 246 </table> 247 } 248 </div> 249 250 251 @if(orderline.GetString("Ecom:Order:OrderLine.Price.PriceFormatted") != orderline.GetString("Ecom:Order:OrderLine.TotalPriceWithProductDiscounts")) 252 { 253 <span style="text-decoration:line-through;"> 254 @GetString("Ecom:Order.Currency.Symbol")@orderline.GetString("Ecom:Order:OrderLine.Price.Price") 255 256 </span> 257 <br> 258 @orderline.GetValue("Ecom:Order:OrderLine.TotalPriceWithProductDiscounts") 259 260 } 261 else if(orderline.GetString("Ecom:Order:OrderLine.Type") == "1") 262 { 263 264 <span>(@GetString("Ecom:Order.Currency.Symbol")@orderline.GetString("Ecom:Order:OrderLine.Price.PriceWithVAT").Replace("-",""))</span> 265 266 } 267 else 268 { 269 @GetString("Ecom:Order.Currency.Symbol")@orderline.GetString("Ecom:Order:OrderLine.Price.PriceWithVAT") 270 } 271 272 </div> 273 274 } 275 else if(orderline.GetString("Ecom:Order:OrderLine.Type")=="3" && String.IsNullOrWhiteSpace(orderline.GetString("Ecom:Order:OrderLine.ParentLineID"))) 276 { 277 <div class="cart-row"> 278 <div class="cart-img"> 279 <p> </p> 280 </div> 281 <div class="cart-details"> 282 <p class="bold"><a href="@orderline.GetValue(" ecom:order:orderline.productlink")"=""> 283 <span id="name@(pid)">@orderline.GetValue("Ecom:Order:OrderLine.ProductName")</span></a> 284 <br>@orderline.GetString("Ecom:Order:OrderLine.ProductVariantText")</p> 285 </div> 286 @GetString("Ecom:Order.Currency.Symbol")@orderline.GetString("Ecom:Order:OrderLine.Price.PriceWithVAT") 287 </div> 288 } 289 if(repackTrue) 290 { 291 <div class="cart-row"> 292 <div class="cart-img"> </div> 293 <div class="cart-details"> 294 <table style="font-size: 12px !important;"> 295 <tbody> 296 <tr class="bold">Repack</tr> 297 <tr><td>Quantity: </td><td>@repackQuantity</td></tr> 298 299 </tbody> 300 </table> 301 </div> 302 <b> @repackPrice </b> 303 </div> 304 } 305 } 306 } 307 </div> 308 <hr class="grey"> 309 <div class="cart-bottom"> 310 @{ var saveDeliveryFee = 499.00 - GetDouble("Ecom:Order.PriceWithoutTaxes.PriceWithVAT") + GetDouble("Ecom:Order.ShippingFee.PriceWithVAT.Value"); } 311 @if(saveDeliveryFee > 0) 312 { 313 <div class="cart-highlight">@Translate("Spend") @GetString("Ecom:Order.Currency.Symbol")@string.Format("{0:0.00}",saveDeliveryFee) @Translate("more to save on delivery")</div> 314 } 315 <div class="cart-total"> 316 <table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-size:14px;"> 317 <tr> 318 <td class="title">@Translate("Subtotal","Subtotal")</td> 319 <td>:</td> 320 <td class="price">@subtotal</td> 321 </tr> 322  334 <tr> 335 <td class="title">@Translate("Discount","Discount")</td> 336 <td>:</td> 337 <td class="price">(@GetString("Ecom:Order.Currency.Symbol")@GetString("Ecom:Order.TotalDiscount.PriceWithVAT").Replace("-",""))</td> 338 </tr> 339 340 <tr> 341 <td class="title">@Translate("Total","Total")</td> 342 <td>:</td> 343 <td class="price">@GetString("Ecom:Order.Currency.Symbol")@GetString("Ecom:Order.PriceWithoutFees.PriceWithVAT")</td> 344 </tr> 345 </table> 346 347 </div> 348 </div> 349 <br> 350 <div class="cart-button"> 351 @{ var cartid = GetValue("DwAreaCartPageID"); 352 var tempcartid = GetGlobalValue("Global:Area.LongLang") + "/shopping-cart"; 353 } 354 355 <a class="btn-continue" id="btn-continue" onclick='$(".cart-info-box").slideToggle();' href="javascript:void(0)">@Translate("Continue Shopping") »</a> 356 357 <div class="btn-addto-cart"> 358 <a href="@tempcartid"><i class="fa fa-shopping-cart"></i> @Translate("View Cart & Checkout")</a> 359 </div> 360 </div> 361 362 } 363 else 364 { 365 <span class="cart-items">@Translate("Your shopping cart is empty.", "Your shopping cart is empty.")</span> 366 } 367 </div> 368 <text> 369 </text> 370 } 371 <style> 372 .FixedHeightContainer 373 { 374 height: auto; 375 } 376 .scrollminicart 377 { 378 height:224px; 379 overflow:auto; 380 } 381 </style> 382 383 @{ 384 try { 385 if (HttpContext.Current.Request.Cookies["_dyid"] != null) { 386 string testlabel = HttpContext.Current.Request.Cookies["_dyid"].Value; 387 HttpCookie myCookie = new HttpCookie("_dyid_server"); 388 myCookie.Value = testlabel; 389 myCookie.Domain = "petloverscentre.co.th"; 390 myCookie.Expires = DateTime.Now.AddYears(1); 391 myCookie.HttpOnly = false; 392 myCookie.Secure = true; 393 HttpContext.Current.Response.Cookies.Add(myCookie); 394 395 } 396 } catch { } 397 398 string charset = GetString("CharSet"); 399 int otherLangPageId = GetInteger("Item.Page.OtherLangPageId.Value"); 400 401 string CustomerCareHyperLink = @GetString("Item.Area.CustomerCare_HyperLink"); 402 } 403 404 <!DOCTYPE html> 405 <html lang="en"> 406 <head> 407  408 <script> 409 (function (w, d, s, l, i) { 410 w[l] = w[l] || []; w[l].push({ 411 'gtm.start': 412 new Date().getTime(), event: 'gtm.js' 413 }); var f = d.getElementsByTagName(s)[0], 414 j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 415 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); 416 })(window, document, 'script', 'dataLayer', 'GTM-W354W5N'); 417 </script> 418  419 <meta charset="@charset"> 420 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"> 421 <meta name="format-detection" content="telephone=no"> 422 @{ 423 string MetaDescription = GetString("Meta.Description"); 424 string MetaKeywords = GetString("Meta.Keywords"); 425 string MetaTitle = GetString("Meta.Title"); 426 string favicon = GetString("Item.Area.Favicon"); 427 string sitepath = "https://plc-dev.dynamicwebapac.com/Files/Templates/Designs/PLC/"; 428 string globalurl = "/Default.aspx?ID=" + GetString("DwAreaFirstPageID"); 429 //15 January 2017 start 430 sitepath = System.Web.HttpContext.Current.Request.Url.Scheme + "://" + System.Web.HttpContext.Current.Request.Url.Host + "/Files/Templates/Designs/PLC/"; 431 //15 January 2017 end 432 //string countrySelection = new System.Net.WebClient().DownloadString("http://" + System.Web.HttpContext.Current.Request.Url.Host + "/utilities/country-selector"); 433 string countrySelection = new System.Net.WebClient().DownloadString("http://" + System.Web.HttpContext.Current.Request.Url.Host + "/Default.aspx?ID=" + GetPageIdByNavigationTag("CountrySelector").ToString()); 434 string sysMaintenanceNoti = GetString("Item.Area.System_Notification_Text"); 435 string fridayMaintenanceNoti = GetString("Item.Area.Day_Notification_Bar_Text"); 436 string maintenanceTimeNoti = GetString("Item.Area.Maintenance_Time_Notification_Bar_Text"); 437 string productQty = "0"; 438 if (GetString("Ecom:Order.OrderLines.TotalProductQuantity") != "") 439 { 440 productQty = GetString("Ecom:Order.OrderLines.TotalProductQuantity"); 441 } 442 443 TimeSpan maintenanceTimeNotiStartTime = new TimeSpan(GetInteger("Item.Area.Maintenance_Time_Notification_Start_Time_Hour"), GetInteger("Item.Area.Maintenance_Time_Notification_Start_Time_Minute"), 0); 444 TimeSpan maintenanceTimeNotiEndTime = new TimeSpan(GetInteger("Item.Area.Maintenance_Time_Notification_End_Time_Hour"), GetInteger("Item.Area.Maintenance_Time_Notification_End_Time_Minute"), 0); 445 TimeSpan startTime = new TimeSpan(GetInteger("Item.Area.System_Notification_Start_Time_Hour"), GetInteger("Item.Area.System_Notification_Start_Time_Minutes"), 0); 446 TimeSpan endTime = new TimeSpan(GetInteger("Item.Area.System_Notification_End_Time_Hour"), GetInteger("Item.Area.System_Notification_End_Time_Minutes"), 0); 447 TimeSpan serverTime = DateTime.Now.TimeOfDay; 448 TimeSpan friStartTime = new TimeSpan(GetInteger("Item.Area.Day_Notification_Starting_Time_Hour"), GetInteger("Item.Area.Day_Notification_Starting_Time_Minutes"), 0); 449 TimeSpan friEndTime = new TimeSpan(GetInteger("Item.Area.Day_Notification_End_Time_Hour"), GetInteger("Item.Area.Day_Notification_End_Time_Minutes"), 0); 450 string checkDay = DateTime.Now.ToString("dddd").ToUpper(); 451 string templateFolder = System.Web.HttpContext.Current.Request.Url.Scheme + "://" + System.Web.HttpContext.Current.Request.Url.Host + "/Files/Templates/Designs/PLC/"; 452 453 string goToRegistration = string.Empty; 454 if (GetGlobalValue("Global:Area.Lang").ToUpper() == "EN") 455 { 456 goToRegistration = "/en-us/register"; 457 } 458 else 459 { 460 goToRegistration = "/th-th/register"; 461 } 462 } 463 464 465 466 <title>@GetValue("Title")</title> 467 @GetValue("MetaTags") 468 @GetValue("CopyRightNotice") 469 470 <link rel="shortcut icon" href="@favicon"> 471 <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/Files/Templates/Designs/PLC/assets/images/ico/apple-touch-icon-144-precomposed.png"> 472 <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/Files/Templates/Designs/PLC/assets/images/ico/apple-touch-icon-114-precomposed.png"> 473 <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/Files/Templates/Designs/PLC/assets/images/ico/apple-touch-icon-72-precomposed.png"> 474 <link rel="apple-touch-icon-precomposed" href="/Files/Templates/Designs/PLC/assets/images/ico/apple-touch-icon-57-precomposed.png"> 475 476 <link rel="stylesheet" href="/Files/Templates/Designs/PLC/assets/css/bootstrap.min.css" type="text/css"> 477 <link href="/Files/Templates/Designs/PLC/assets/css/simplegrid.css?v=2.5" rel="stylesheet" type="text/css"> 478 <link href="/Files/Templates/Designs/PLC/assets/css/style_v2.2.css?v=2.5.3" rel="stylesheet" type="text/css"> 479 480 <link href="/Files/Templates/Designs/PLC/assets/css/dropdown.css" rel="stylesheet" type="text/css"> 481 <link href="/Files/Templates/Designs/PLC/assets/css/jetmenu.css?v=2.2.8" rel="stylesheet"> 482 <link rel="stylesheet" href="/Files/Templates/Designs/PLC/assets/css/tipso.css"> 483 <link href="/Files/Templates/Designs/PLC/assets/css/allinone_bannerRotator.css" rel="stylesheet" type="text/css"> 484 <link href="/Files/Templates/Designs/PLC/assets/css/jquery.bxslider.css" rel="stylesheet" type="text/css"> 485 <link href="/Files/Templates/Designs/PLC/assets/css/jquery.mCustomScrollbar.css" type="text/css" rel="stylesheet"> 486 <link href="/Files/Templates/Designs/PLC/assets/css/responsive_v1.css?v=2.9.4" rel="stylesheet" type="text/css" rel="stylesheet"> 487 <link href="/Files/Templates/Designs/PLC/assets/css/hover_effect.css" rel="stylesheet" type="text/css" rel="stylesheet"> 488 <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/PLC/shop_locator/src/style/css/pluginStyle.css"> 489 <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/PLC/assets/css/accordion.css"> 490 <link rel="stylesheet" type="text/css" href="/Files/Templates/Designs/PLC/fancybox/jquery.fancybox.css?v=2.1.5" media="screen"> 491 <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css" rel="stylesheet"> 492 <link rel="stylesheet" href="/Files/Templates/Designs/PLC/assets/css/jquery-ui.css"> 493 <link rel="stylesheet" href="/Files/Templates/Designs/Dwsimple/css/bootstrap-chosen.css"> 494 495 <script type="text/javascript" src="/Files/Templates/Designs/PLC/js/modernizr.custom.79639.js"></script> 496 <script src="/Files/Templates/Designs/PLC/js/jquery.min.js"></script> 497 <script src="/Files/Templates/Designs/PLC/js/jquery.blockUI.js"></script> 498 <script src="/Files/Templates/Designs/PLC/js/jquery.cookie.js"></script> 499 <script src="/Files/Templates/Designs/PLC/js/html5shiv.js" type="text/javascript"></script> 500 501 <script> 502 function getCookie(cname) { 503 var name = cname + "="; 504 var ca = document.cookie.split(';'); 505 for (var i = 0; i < ca.length; i++) { 506 var c = ca[i]; 507 while (c.charAt(0) == ' ') { 508 c = c.substring(1); 509 } 510 if (c.indexOf(name) == 0) { 511 return c.substring(name.length, c.length); 512 } 513 } 514 return ""; 515 } 516 517 $(document).ready(function () { 518 if (navigator.userAgent.match(/pixel/i)) { 519 $("#noprint").addClass("pixel-noprint"); 520 } 521 if (navigator.userAgent.match(/pixel 4 xl/i)) { 522 $("#mainpg").addClass("pixel-top"); 523 $("#noprint").addClass("pixel-noprint"); 524 } 525 $(".cart-info-box").hide(); 526 $(function () { 527 $('.top-cart-info').click(function (e) { 528 e.stopImmediatePropagation(); 529 $('.cart-info-box').slideToggle(); 530 }); 531 }); 532 $('.btnLogout').click(function () { 533 $.removeCookie('Dynamicweb:Ecom:Cart', null, { path: '/' }); 534 //console.log($.cookie('Dynamicweb:Ecom:Cart')); 535 }); 536 $('#showhidebtn').click(function () { 537 $("#impersonDiv").slideToggle(); 538 }); 539 }); 540 541 var googleRecaptcha = '@GetString("Item.Area.Google_Recaptcha")'; 542 543 $('a').on('click touchend', function (e) { 544 var el = $(this); 545 var link = el.attr('href'); 546 window.location = link; 547 }); 548 </script> 549 <script> 550 /* Chosen v1.1.0 | (c) 2011-2013 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */ 551 !function () { var a, AbstractChosen, Chosen, SelectParser, b, c = {}.hasOwnProperty, d = function (a, b) { function d() { this.constructor = a } for (var e in b) c.call(b, e) && (a[e] = b[e]); return d.prototype = b.prototype, a.prototype = new d, a.__super__ = b.prototype, a }; SelectParser = function () { function SelectParser() { this.options_index = 0, this.parsed = [] } return SelectParser.prototype.add_node = function (a) { return "OPTGROUP" === a.nodeName.toUpperCase() ? this.add_group(a) : this.add_option(a) }, SelectParser.prototype.add_group = function (a) { var b, c, d, e, f, g; for (b = this.parsed.length, this.parsed.push({ array_index: b, group: !0, label: this.escapeExpression(a.label), children: 0, disabled: a.disabled }), f = a.childNodes, g = [], d = 0, e = f.length; e > d; d++)c = f[d], g.push(this.add_option(c, b, a.disabled)); return g }, SelectParser.prototype.add_option = function (a, b, c) { return "OPTION" === a.nodeName.toUpperCase() ? ("" !== a.text ? (null != b && (this.parsed[b].children += 1), this.parsed.push({ array_index: this.parsed.length, options_index: this.options_index, value: a.value, text: a.text, html: a.innerHTML, selected: a.selected, disabled: c === !0 ? c : a.disabled, group_array_index: b, classes: a.className, style: a.style.cssText })) : this.parsed.push({ array_index: this.parsed.length, options_index: this.options_index, empty: !0 }), this.options_index += 1) : void 0 }, SelectParser.prototype.escapeExpression = function (a) { var b, c; return null == a || a === !1 ? "" : /[\&\<\>\"\'\`]/.test(a) ? (b = { "<": "<", ">": ">", '"': """, "'": "'", "`": "`" }, c = /&(?!\w+;)|[\<\>\"\'\`]/g, a.replace(c, function (a) { return b[a] || "&" })) : a }, SelectParser }(), SelectParser.select_to_array = function (a) { var b, c, d, e, f; for (c = new SelectParser, f = a.childNodes, d = 0, e = f.length; e > d; d++)b = f[d], c.add_node(b); return c.parsed }, AbstractChosen = function () { function AbstractChosen(a, b) { this.form_field = a, this.options = null != b ? b : {}, AbstractChosen.browser_is_supported() && (this.is_multiple = this.form_field.multiple, this.set_default_text(), this.set_default_values(), this.setup(), this.set_up_html(), this.register_observers()) } return AbstractChosen.prototype.set_default_values = function () { var a = this; return this.click_test_action = function (b) { return a.test_active_click(b) }, this.activate_action = function (b) { return a.activate_field(b) }, this.active_field = !1, this.mouse_on_container = !1, this.results_showing = !1, this.result_highlighted = null, this.allow_single_deselect = null != this.options.allow_single_deselect && null != this.form_field.options[0] && "" === this.form_field.options[0].text ? this.options.allow_single_deselect : !1, this.disable_search_threshold = this.options.disable_search_threshold || 0, this.disable_search = this.options.disable_search || !1, this.enable_split_word_search = null != this.options.enable_split_word_search ? this.options.enable_split_word_search : !0, this.group_search = null != this.options.group_search ? this.options.group_search : !0, this.search_contains = this.options.search_contains || !1, this.single_backstroke_delete = null != this.options.single_backstroke_delete ? this.options.single_backstroke_delete : !0, this.max_selected_options = this.options.max_selected_options || 1 / 0, this.inherit_select_classes = this.options.inherit_select_classes || !1, this.display_selected_options = null != this.options.display_selected_options ? this.options.display_selected_options : !0, this.display_disabled_options = null != this.options.display_disabled_options ? this.options.display_disabled_options : !0 }, AbstractChosen.prototype.set_default_text = function () { return this.default_text = this.form_field.getAttribute("data-placeholder") ? this.form_field.getAttribute("data-placeholder") : this.is_multiple ? this.options.placeholder_text_multiple || this.options.placeholder_text || AbstractChosen.default_multiple_text : this.options.placeholder_text_single || this.options.placeholder_text || AbstractChosen.default_single_text, this.results_none_found = this.form_field.getAttribute("data-no_results_text") || this.options.no_results_text || AbstractChosen.default_no_result_text }, AbstractChosen.prototype.mouse_enter = function () { return this.mouse_on_container = !0 }, AbstractChosen.prototype.mouse_leave = function () { return this.mouse_on_container = !1 }, AbstractChosen.prototype.input_focus = function () { var a = this; if (this.is_multiple) { if (!this.active_field) return setTimeout(function () { return a.container_mousedown() }, 50) } else if (!this.active_field) return this.activate_field() }, AbstractChosen.prototype.input_blur = function () { var a = this; return this.mouse_on_container ? void 0 : (this.active_field = !1, setTimeout(function () { return a.blur_test() }, 100)) }, AbstractChosen.prototype.results_option_build = function (a) { var b, c, d, e, f; for (b = "", f = this.results_data, d = 0, e = f.length; e > d; d++)c = f[d], b += c.group ? this.result_add_group(c) : this.result_add_option(c), (null != a ? a.first : void 0) && (c.selected && this.is_multiple ? this.choice_build(c) : c.selected && !this.is_multiple && this.single_set_selected_text(c.text)); return b }, AbstractChosen.prototype.result_add_option = function (a) { var b, c; return a.search_match ? this.include_option_in_results(a) ? (b = [], a.disabled || a.selected && this.is_multiple || b.push("active-result"), !a.disabled || a.selected && this.is_multiple || b.push("disabled-result"), a.selected && b.push("result-selected"), null != a.group_array_index && b.push("group-option"), "" !== a.classes && b.push(a.classes), c = document.createElement("li"), c.className = b.join(" "), c.style.cssText = a.style, c.setAttribute("data-option-array-index", a.array_index), c.innerHTML = a.search_text, this.outerHTML(c)) : "" : "" }, AbstractChosen.prototype.result_add_group = function (a) { var b; return a.search_match || a.group_match ? a.active_options > 0 ? (b = document.createElement("li"), b.className = "group-result", b.innerHTML = a.search_text, this.outerHTML(b)) : "" : "" }, AbstractChosen.prototype.results_update_field = function () { return this.set_default_text(), this.is_multiple || this.results_reset_cleanup(), this.result_clear_highlight(), this.results_build(), this.results_showing ? this.winnow_results() : void 0 }, AbstractChosen.prototype.reset_single_select_options = function () { var a, b, c, d, e; for (d = this.results_data, e = [], b = 0, c = d.length; c > b; b++)a = d[b], a.selected ? e.push(a.selected = !1) : e.push(void 0); return e }, AbstractChosen.prototype.results_toggle = function () { return this.results_showing ? this.results_hide() : this.results_show() }, AbstractChosen.prototype.results_search = function () { return this.results_showing ? this.winnow_results() : this.results_show() }, AbstractChosen.prototype.winnow_results = function () { var a, b, c, d, e, f, g, h, i, j, k, l, m; for (this.no_results_clear(), e = 0, g = this.get_search_text(), a = g.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), d = this.search_contains ? "" : "^", c = new RegExp(d + a, "i"), j = new RegExp(a, "i"), m = this.results_data, k = 0, l = m.length; l > k; k++)b = m[k], b.search_match = !1, f = null, this.include_option_in_results(b) && (b.group && (b.group_match = !1, b.active_options = 0), null != b.group_array_index && this.results_data[b.group_array_index] && (f = this.results_data[b.group_array_index], 0 === f.active_options && f.search_match && (e += 1), f.active_options += 1), (!b.group || this.group_search) && (b.search_text = b.group ? b.label : b.html, b.search_match = this.search_string_match(b.search_text, c), b.search_match && !b.group && (e += 1), b.search_match ? (g.length && (h = b.search_text.search(j), i = b.search_text.substr(0, h + g.length) + "</em>" + b.search_text.substr(h + g.length), b.search_text = i.substr(0, h) + "<em>" + i.substr(h)), null != f && (f.group_match = !0)) : null != b.group_array_index && this.results_data[b.group_array_index].search_match && (b.search_match = !0))); return this.result_clear_highlight(), 1 > e && g.length ? (this.update_results_content(""), this.no_results(g)) : (this.update_results_content(this.results_option_build()), this.winnow_results_set_highlight()) }, AbstractChosen.prototype.search_string_match = function (a, b) { var c, d, e, f; if (b.test(a)) return !0; if (this.enable_split_word_search && (a.indexOf(" ") >= 0 || 0 === a.indexOf("[")) && (d = a.replace(/\[|\]/g, "").split(" "), d.length)) for (e = 0, f = d.length; f > e; e++)if (c = d[e], b.test(c)) return !0 }, AbstractChosen.prototype.choices_count = function () { var a, b, c, d; if (null != this.selected_option_count) return this.selected_option_count; for (this.selected_option_count = 0, d = this.form_field.options, b = 0, c = d.length; c > b; b++)a = d[b], a.selected && (this.selected_option_count += 1); return this.selected_option_count }, AbstractChosen.prototype.choices_click = function (a) { return a.preventDefault(), this.results_showing || this.is_disabled ? void 0 : this.results_show() }, AbstractChosen.prototype.keyup_checker = function (a) { var b, c; switch (b = null != (c = a.which) ? c : a.keyCode, this.search_field_scale(), b) { case 8: if (this.is_multiple && this.backstroke_length < 1 && this.choices_count() > 0) return this.keydown_backstroke(); if (!this.pending_backstroke) return this.result_clear_highlight(), this.results_search(); break; case 13: if (a.preventDefault(), this.results_showing) return this.result_select(a); break; case 27: return this.results_showing && this.results_hide(), !0; case 9: case 38: case 40: case 16: case 91: case 17: break; default: return this.results_search() } }, AbstractChosen.prototype.clipboard_event_checker = function () { var a = this; return setTimeout(function () { return a.results_search() }, 50) }, AbstractChosen.prototype.container_width = function () { return null != this.options.width ? this.options.width : "" + this.form_field.offsetWidth + "px" }, AbstractChosen.prototype.include_option_in_results = function (a) { return this.is_multiple && !this.display_selected_options && a.selected ? !1 : !this.display_disabled_options && a.disabled ? !1 : a.empty ? !1 : !0 }, AbstractChosen.prototype.search_results_touchstart = function (a) { return this.touch_started = !0, this.search_results_mouseover(a) }, AbstractChosen.prototype.search_results_touchmove = function (a) { return this.touch_started = !1, this.search_results_mouseout(a) }, AbstractChosen.prototype.search_results_touchend = function (a) { return this.touch_started ? this.search_results_mouseup(a) : void 0 }, AbstractChosen.prototype.outerHTML = function (a) { var b; return a.outerHTML ? a.outerHTML : (b = document.createElement("div"), b.appendChild(a), b.innerHTML) }, AbstractChosen.browser_is_supported = function () { return "Microsoft Internet Explorer" === window.navigator.appName ? document.documentMode >= 8 : /iP(od|hone)/i.test(window.navigator.userAgent) ? !0 : /Android/i.test(window.navigator.userAgent) && /Mobile/i.test(window.navigator.userAgent) ? !0 : !0 }, AbstractChosen.default_multiple_text = "Select Some Options", AbstractChosen.default_single_text = "Select an Option", AbstractChosen.default_no_result_text = "No results match", AbstractChosen }(), a = jQuery, a.fn.extend({ chosen: function (b) { return AbstractChosen.browser_is_supported() ? this.each(function () { var c, d; c = a(this), d = c.data("chosen"), "destroy" === b && d ? d.destroy() : d || c.data("chosen", new Chosen(this, b)) }) : this } }), Chosen = function (c) { function Chosen() { return b = Chosen.__super__.constructor.apply(this, arguments) } return d(Chosen, c), Chosen.prototype.setup = function () { return this.form_field_jq = a(this.form_field), this.current_selectedIndex = this.form_field.selectedIndex, this.is_rtl = this.form_field_jq.hasClass("chosen-rtl") }, Chosen.prototype.set_up_html = function () { var b, c; return b = ["chosen-container"], b.push("chosen-container-" + (this.is_multiple ? "multi" : "single")), this.inherit_select_classes && this.form_field.className && b.push(this.form_field.className), this.is_rtl && b.push("chosen-rtl"), c = { "class": b.join(" "), style: "width: " + this.container_width() + ";", title: this.form_field.title }, this.form_field.id.length && (c.id = this.form_field.id.replace(/[^\w]/g, "_") + "_chosen"), this.container = a("<div />", c), this.is_multiple ? this.container.html('<ul class="chosen-choices"><li class="search-field"><input type="text" value="' + this.default_text + '" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chosen-drop"><ul class="chosen-results"></ul></div>') : this.container.html('<a class="chosen-single chosen-default" tabindex="-1"><span>' + this.default_text + '</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" /></div><ul class="chosen-results"></ul></div>'), this.form_field_jq.hide().after(this.container), this.dropdown = this.container.find("div.chosen-drop").first(), this.search_field = this.container.find("input").first(), this.search_results = this.container.find("ul.chosen-results").first(), this.search_field_scale(), this.search_no_results = this.container.find("li.no-results").first(), this.is_multiple ? (this.search_choices = this.container.find("ul.chosen-choices").first(), this.search_container = this.container.find("li.search-field").first()) : (this.search_container = this.container.find("div.chosen-search").first(), this.selected_item = this.container.find(".chosen-single").first()), this.results_build(), this.set_tab_index(), this.set_label_behavior(), this.form_field_jq.trigger("chosen:ready", { chosen: this }) }, Chosen.prototype.register_observers = function () { var a = this; return this.container.bind("mousedown.chosen", function (b) { a.container_mousedown(b) }), this.container.bind("mouseup.chosen", function (b) { a.container_mouseup(b) }), this.container.bind("mouseenter.chosen", function (b) { a.mouse_enter(b) }), this.container.bind("mouseleave.chosen", function (b) { a.mouse_leave(b) }), this.search_results.bind("mouseup.chosen", function (b) { a.search_results_mouseup(b) }), this.search_results.bind("mouseover.chosen", function (b) { a.search_results_mouseover(b) }), this.search_results.bind("mouseout.chosen", function (b) { a.search_results_mouseout(b) }), this.search_results.bind("mousewheel.chosen DOMMouseScroll.chosen", function (b) { a.search_results_mousewheel(b) }), this.search_results.bind("touchstart.chosen", function (b) { a.search_results_touchstart(b) }), this.search_results.bind("touchmove.chosen", function (b) { a.search_results_touchmove(b) }), this.search_results.bind("touchend.chosen", function (b) { a.search_results_touchend(b) }), this.form_field_jq.bind("chosen:updated.chosen", function (b) { a.results_update_field(b) }), this.form_field_jq.bind("chosen:activate.chosen", function (b) { a.activate_field(b) }), this.form_field_jq.bind("chosen:open.chosen", function (b) { a.container_mousedown(b) }), this.form_field_jq.bind("chosen:close.chosen", function (b) { a.input_blur(b) }), this.search_field.bind("blur.chosen", function (b) { a.input_blur(b) }), this.search_field.bind("keyup.chosen", function (b) { a.keyup_checker(b) }), this.search_field.bind("keydown.chosen", function (b) { a.keydown_checker(b) }), this.search_field.bind("focus.chosen", function (b) { a.input_focus(b) }), this.search_field.bind("cut.chosen", function (b) { a.clipboard_event_checker(b) }), this.search_field.bind("paste.chosen", function (b) { a.clipboard_event_checker(b) }), this.is_multiple ? this.search_choices.bind("click.chosen", function (b) { a.choices_click(b) }) : this.container.bind("click.chosen", function (a) { a.preventDefault() }) }, Chosen.prototype.destroy = function () { return a(this.container[0].ownerDocument).unbind("click.chosen", this.click_test_action), this.search_field[0].tabIndex && (this.form_field_jq[0].tabIndex = this.search_field[0].tabIndex), this.container.remove(), this.form_field_jq.removeData("chosen"), this.form_field_jq.show() }, Chosen.prototype.search_field_disabled = function () { return this.is_disabled = this.form_field_jq[0].disabled, this.is_disabled ? (this.container.addClass("chosen-disabled"), this.search_field[0].disabled = !0, this.is_multiple || this.selected_item.unbind("focus.chosen", this.activate_action), this.close_field()) : (this.container.removeClass("chosen-disabled"), this.search_field[0].disabled = !1, this.is_multiple ? void 0 : this.selected_item.bind("focus.chosen", this.activate_action)) }, Chosen.prototype.container_mousedown = function (b) { return this.is_disabled || (b && "mousedown" === b.type && !this.results_showing && b.preventDefault(), null != b && a(b.target).hasClass("search-choice-close")) ? void 0 : (this.active_field ? this.is_multiple || !b || a(b.target)[0] !== this.selected_item[0] && !a(b.target).parents("a.chosen-single").length || (b.preventDefault(), this.results_toggle()) : (this.is_multiple && this.search_field.val(""), a(this.container[0].ownerDocument).bind("click.chosen", this.click_test_action), this.results_show()), this.activate_field()) }, Chosen.prototype.container_mouseup = function (a) { return "ABBR" !== a.target.nodeName || this.is_disabled ? void 0 : this.results_reset(a) }, Chosen.prototype.search_results_mousewheel = function (a) { var b; return a.originalEvent && (b = -a.originalEvent.wheelDelta || a.originalEvent.detail), null != b ? (a.preventDefault(), "DOMMouseScroll" === a.type && (b = 40 * b), this.search_results.scrollTop(b + this.search_results.scrollTop())) : void 0 }, Chosen.prototype.blur_test = function () { return !this.active_field && this.container.hasClass("chosen-container-active") ? this.close_field() : void 0 }, Chosen.prototype.close_field = function () { return a(this.container[0].ownerDocument).unbind("click.chosen", this.click_test_action), this.active_field = !1, this.results_hide(), this.container.removeClass("chosen-container-active"), this.clear_backstroke(), this.show_search_field_default(), this.search_field_scale() }, Chosen.prototype.activate_field = function () { return this.container.addClass("chosen-container-active"), this.active_field = !0, this.search_field.val(this.search_field.val()), this.search_field.focus() }, Chosen.prototype.test_active_click = function (b) { var c; return c = a(b.target).closest(".chosen-container"), c.length && this.container[0] === c[0] ? this.active_field = !0 : this.close_field() }, Chosen.prototype.results_build = function () { return this.parsing = !0, this.selected_option_count = null, this.results_data = SelectParser.select_to_array(this.form_field), this.is_multiple ? this.search_choices.find("li.search-choice").remove() : this.is_multiple || (this.single_set_selected_text(), this.disable_search || this.form_field.options.length <= this.disable_search_threshold ? (this.search_field[0].readOnly = !0, this.container.addClass("chosen-container-single-nosearch")) : (this.search_field[0].readOnly = !1, this.container.removeClass("chosen-container-single-nosearch"))), this.update_results_content(this.results_option_build({ first: !0 })), this.search_field_disabled(), this.show_search_field_default(), this.search_field_scale(), this.parsing = !1 }, Chosen.prototype.result_do_highlight = function (a) { var b, c, d, e, f; if (a.length) { if (this.result_clear_highlight(), this.result_highlight = a, this.result_highlight.addClass("highlighted"), d = parseInt(this.search_results.css("maxHeight"), 10), f = this.search_results.scrollTop(), e = d + f, c = this.result_highlight.position().top + this.search_results.scrollTop(), b = c + this.result_highlight.outerHeight(), b >= e) return this.search_results.scrollTop(b - d > 0 ? b - d : 0); if (f > c) return this.search_results.scrollTop(c) } }, Chosen.prototype.result_clear_highlight = function () { return this.result_highlight && this.result_highlight.removeClass("highlighted"), this.result_highlight = null }, Chosen.prototype.results_show = function () { return this.is_multiple && this.max_selected_options <= this.choices_count() ? (this.form_field_jq.trigger("chosen:maxselected", { chosen: this }), !1) : (this.container.addClass("chosen-with-drop"), this.results_showing = !0, this.search_field.focus(), this.search_field.val(this.search_field.val()), this.winnow_results(), this.form_field_jq.trigger("chosen:showing_dropdown", { chosen: this })) }, Chosen.prototype.update_results_content = function (a) { return this.search_results.html(a) }, Chosen.prototype.results_hide = function () { return this.results_showing && (this.result_clear_highlight(), this.container.removeClass("chosen-with-drop"), this.form_field_jq.trigger("chosen:hiding_dropdown", { chosen: this })), this.results_showing = !1 }, Chosen.prototype.set_tab_index = function () { var a; return this.form_field.tabIndex ? (a = this.form_field.tabIndex, this.form_field.tabIndex = -1, this.search_field[0].tabIndex = a) : void 0 }, Chosen.prototype.set_label_behavior = function () { var b = this; return this.form_field_label = this.form_field_jq.parents("label"), !this.form_field_label.length && this.form_field.id.length && (this.form_field_label = a("label[for='" + this.form_field.id + "']")), this.form_field_label.length > 0 ? this.form_field_label.bind("click.chosen", function (a) { return b.is_multiple ? b.container_mousedown(a) : b.activate_field() }) : void 0 }, Chosen.prototype.show_search_field_default = function () { return this.is_multiple && this.choices_count() < 1 && !this.active_field ? (this.search_field.val(this.default_text), this.search_field.addClass("default")) : (this.search_field.val(""), this.search_field.removeClass("default")) }, Chosen.prototype.search_results_mouseup = function (b) { var c; return c = a(b.target).hasClass("active-result") ? a(b.target) : a(b.target).parents(".active-result").first(), c.length ? (this.result_highlight = c, this.result_select(b), this.search_field.focus()) : void 0 }, Chosen.prototype.search_results_mouseover = function (b) { var c; return c = a(b.target).hasClass("active-result") ? a(b.target) : a(b.target).parents(".active-result").first(), c ? this.result_do_highlight(c) : void 0 }, Chosen.prototype.search_results_mouseout = function (b) { return a(b.target).hasClass("active-result") ? this.result_clear_highlight() : void 0 }, Chosen.prototype.choice_build = function (b) { var c, d, e = this; return c = a("<li />", { "class": "search-choice" }).html("<span>" + b.html + "</span>"), b.disabled ? c.addClass("search-choice-disabled") : (d = a("<a />", { "class": "search-choice-close", "data-option-array-index": b.array_index }), d.bind("click.chosen", function (a) { return e.choice_destroy_link_click(a) }), c.append(d)), this.search_container.before(c) }, Chosen.prototype.choice_destroy_link_click = function (b) { return b.preventDefault(), b.stopPropagation(), this.is_disabled ? void 0 : this.choice_destroy(a(b.target)) }, Chosen.prototype.choice_destroy = function (a) { return this.result_deselect(a[0].getAttribute("data-option-array-index")) ? (this.show_search_field_default(), this.is_multiple && this.choices_count() > 0 && this.search_field.val().length < 1 && this.results_hide(), a.parents("li").first().remove(), this.search_field_scale()) : void 0 }, Chosen.prototype.results_reset = function () { return this.reset_single_select_options(), this.form_field.options[0].selected = !0, this.single_set_selected_text(), this.show_search_field_default(), this.results_reset_cleanup(), this.form_field_jq.trigger("change"), this.active_field ? this.results_hide() : void 0 }, Chosen.prototype.results_reset_cleanup = function () { return this.current_selectedIndex = this.form_field.selectedIndex, this.selected_item.find("abbr").remove() }, Chosen.prototype.result_select = function (a) { var b, c; return this.result_highlight ? (b = this.result_highlight, this.result_clear_highlight(), this.is_multiple && this.max_selected_options <= this.choices_count() ? (this.form_field_jq.trigger("chosen:maxselected", { chosen: this }), !1) : (this.is_multiple ? b.removeClass("active-result") : this.reset_single_select_options(), c = this.results_data[b[0].getAttribute("data-option-array-index")], c.selected = !0, this.form_field.options[c.options_index].selected = !0, this.selected_option_count = null, this.is_multiple ? this.choice_build(c) : this.single_set_selected_text(c.text), (a.metaKey || a.ctrlKey) && this.is_multiple || this.results_hide(), this.search_field.val(""), (this.is_multiple || this.form_field.selectedIndex !== this.current_selectedIndex) && this.form_field_jq.trigger("change", { selected: this.form_field.options[c.options_index].value }), this.current_selectedIndex = this.form_field.selectedIndex, this.search_field_scale())) : void 0 }, Chosen.prototype.single_set_selected_text = function (a) { return null == a && (a = this.default_text), a === this.default_text ? this.selected_item.addClass("chosen-default") : (this.single_deselect_control_build(), this.selected_item.removeClass("chosen-default")), this.selected_item.find("span").text(a) }, Chosen.prototype.result_deselect = function (a) { var b; return b = this.results_data[a], this.form_field.options[b.options_index].disabled ? !1 : (b.selected = !1, this.form_field.options[b.options_index].selected = !1, this.selected_option_count = null, this.result_clear_highlight(), this.results_showing && this.winnow_results(), this.form_field_jq.trigger("change", { deselected: this.form_field.options[b.options_index].value }), this.search_field_scale(), !0) }, Chosen.prototype.single_deselect_control_build = function () { return this.allow_single_deselect ? (this.selected_item.find("abbr").length || this.selected_item.find("span").first().after('<abbr class="search-choice-close"></abbr>'), this.selected_item.addClass("chosen-single-with-deselect")) : void 0 }, Chosen.prototype.get_search_text = function () { return this.search_field.val() === this.default_text ? "" : a("<div/>").text(a.trim(this.search_field.val())).html() }, Chosen.prototype.winnow_results_set_highlight = function () { var a, b; return b = this.is_multiple ? [] : this.search_results.find(".result-selected.active-result"), a = b.length ? b.first() : this.search_results.find(".active-result").first(), null != a ? this.result_do_highlight(a) : void 0 }, Chosen.prototype.no_results = function (b) { var c; return c = a('<li class="no-results">' + this.results_none_found + ' "<span></span>"</li>'), c.find("span").first().html(b), this.search_results.append(c), this.form_field_jq.trigger("chosen:no_results", { chosen: this }) }, Chosen.prototype.no_results_clear = function () { return this.search_results.find(".no-results").remove() }, Chosen.prototype.keydown_arrow = function () { var a; return this.results_showing && this.result_highlight ? (a = this.result_highlight.nextAll("li.active-result").first()) ? this.result_do_highlight(a) : void 0 : this.results_show() }, Chosen.prototype.keyup_arrow = function () { var a; return this.results_showing || this.is_multiple ? this.result_highlight ? (a = this.result_highlight.prevAll("li.active-result"), a.length ? this.result_do_highlight(a.first()) : (this.choices_count() > 0 && this.results_hide(), this.result_clear_highlight())) : void 0 : this.results_show() }, Chosen.prototype.keydown_backstroke = function () { var a; return this.pending_backstroke ? (this.choice_destroy(this.pending_backstroke.find("a").first()), this.clear_backstroke()) : (a = this.search_container.siblings("li.search-choice").last(), a.length && !a.hasClass("search-choice-disabled") ? (this.pending_backstroke = a, this.single_backstroke_delete ? this.keydown_backstroke() : this.pending_backstroke.addClass("search-choice-focus")) : void 0) }, Chosen.prototype.clear_backstroke = function () { return this.pending_backstroke && this.pending_backstroke.removeClass("search-choice-focus"), this.pending_backstroke = null }, Chosen.prototype.keydown_checker = function (a) { var b, c; switch (b = null != (c = a.which) ? c : a.keyCode, this.search_field_scale(), 8 !== b && this.pending_backstroke && this.clear_backstroke(), b) { case 8: this.backstroke_length = this.search_field.val().length; break; case 9: this.results_showing && !this.is_multiple && this.result_select(a), this.mouse_on_container = !1; break; case 13: a.preventDefault(); break; case 38: a.preventDefault(), this.keyup_arrow(); break; case 40: a.preventDefault(), this.keydown_arrow() } }, Chosen.prototype.search_field_scale = function () { var b, c, d, e, f, g, h, i, j; if (this.is_multiple) { for (d = 0, h = 0, f = "position:absolute; left: -1000px; top: -1000px; display:none;", g = ["font-size", "font-style", "font-weight", "font-family", "line-height", "text-transform", "letter-spacing"], i = 0, j = g.length; j > i; i++)e = g[i], f += e + ":" + this.search_field.css(e) + ";"; return b = a("<div />", { style: f }), b.text(this.search_field.val()), a("body").append(b), h = b.width() + 25, b.remove(), c = this.container.outerWidth(), h > c - 10 && (h = c - 10), this.search_field.css({ width: h + "px" }) } }, Chosen }(AbstractChosen) }.call(this); 552 </script> 553 <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script> 554 <script type="text/javascript" src="/Files/Templates/Designs/PLC/js/jetmenu.js"></script> 555 <script type="text/javascript" src="/Files/Templates/Designs/PLC/fancybox/jquery.mousewheel-3.0.6.pack.js" defer=""></script> 556 <script type="text/javascript" src="/Files/Templates/Designs/PLC/fancybox/jquery.fancybox.js?v=2.1.5" defer=""></script> 557 <script src="/Files/Templates/Designs/PLC/js/bootstrap.min.js"></script> 558 <script src="/Files/Templates/Designs/PLC/js/jquery.mousewheel.min.js"></script> 559 <script src="/Files/Templates/Designs/PLC/js/jquery.easing.1.3.js"></script> 560 <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> 561 <script src="/Files/Templates/Designs/PLC/js/jquery.mCustomScrollbar.js"></script> 562 <script type="text/javascript" src="/Files/Templates/Designs/PLC/js/paging.js"></script> 563 <script src="/Files/Templates/Designs/PLC/js/price-range.js"></script> 564 <script src="/Files/Templates/Designs/PLC/js/tipso_v2.js"></script> 565 <script type="text/javascript"> 566 $(document).ready(function () { 567 $('.fancybox').fancybox({ 568 afterLoad: function () { 569 this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : ''); 570 } 571 }); 572 }); 573 </script> 574 <script type="text/javascript" src='/Files/Templates/Designs/PLC/js/jquery.elevateZoom-3.0.8.min.js'></script> 575 576  577  578 <script type="text/javascript"> 579 window.$zopim || (function (d, s) { 580 var z = $zopim = function (c) { z._.push(c) }, $ = z.s = 581 d.createElement(s), e = d.getElementsByTagName(s)[0]; z.set = function (o) { 582 z.set. 583 _.push(o) 584 }; z._ = []; z.set._ = []; $.async = !0; $.setAttribute("charset", "utf-8"); 585 $.src = "//v2.zopim.com/?2IGUlip9pCiqtmLFJm7euVrlIr1wF3OM"; z.t = +new Date; $. 586 type = "text/javascript"; e.parentNode.insertBefore($, e) 587 })(document, "script"); 588 $zopim(function () { 589 $zopim.livechat.departments.filter('Pet Care General Enquiries'); 590 }); 591 </script> 592  593  594 <script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=075d12aa-f684-404f-9f22-c4eb0802774f"></script> 595  596 <script> 597 $zopim(function () { 598 $zopim.livechat.badge.hide(); 599 }); 600 </script> 601  602  603 @functions{ 604 public class FontSettings 605 { 606 public class Logo 607 { 608 public static string FontFamily { get; set; } 609 public static string FontSize { get; set; } 610 public static string FontWeight { get; set; } 611 public static string Color { get; set; } 612 public static string LineHeight { get; set; } 613 public static string Casing { get; set; } 614 public static string LetterSpacing { get; set; } 615 } 616 617 public class H1 618 { 619 public static string FontFamily { get; set; } 620 public static string FontSize { get; set; } 621 public static string FontWeight { get; set; } 622 public static string Color { get; set; } 623 public static string LineHeight { get; set; } 624 public static string Casing { get; set; } 625 public static string LetterSpacing { get; set; } 626 } 627 628 public class H2 629 { 630 public static string FontFamily { get; set; } 631 public static string FontSize { get; set; } 632 public static string FontWeight { get; set; } 633 public static string Color { get; set; } 634 public static string LineHeight { get; set; } 635 public static string Casing { get; set; } 636 public static string LetterSpacing { get; set; } 637 } 638 639 public class Body 640 { 641 public static string FontFamily { get; set; } 642 public static string FontSize { get; set; } 643 public static string FontWeight { get; set; } 644 public static string Color { get; set; } 645 public static string LineHeight { get; set; } 646 public static string Casing { get; set; } 647 public static string LetterSpacing { get; set; } 648 } 649 } 650 651 private void InitFontSettings() 652 { 653 //LOGO 654 FontSettings.Logo.FontFamily = CustomFont(GetString("Item.Area.LogoFont.Font"), GetString("Item.Area.LogoFont.CustomFont")); 655 FontSettings.Logo.FontSize = GetString("Item.Area.LogoFont.Size")+"px"; 656 FontSettings.Logo.FontWeight = CheckExistence(GetString("Item.Area.LogoFont.Weight"), "normal"); 657 FontSettings.Logo.LineHeight = CheckExistence(GetString("Item.Area.LogoFont.LineHeight"), "1"); 658 FontSettings.Logo.LetterSpacing = GetString("Item.Area.LogoFont.LetterSpacing") + "px"; 659 FontSettings.Logo.Casing = GetString("Item.Area.LogoFont.Casing"); 660 FontSettings.Logo.Color = GetString("Item.Area.LogoFont.Color.Color"); 661 662 663 //HEADINGS 664 FontSettings.H1.FontFamily = CustomFont(GetString("Item.Area.HeadingsH1.Font"), GetString("Item.Area.HeadingsH1.CustomFont")); 665 FontSettings.H1.FontSize = GetString("Item.Area.HeadingsH1.Size")+"px"; 666 FontSettings.H1.FontWeight = CheckExistence(GetString("Item.Area.HeadingsH1.Weight"), "normal"); 667 FontSettings.H1.LineHeight = CheckExistence(GetString("Item.Area.HeadingsH1.LineHeight"), "1"); 668 FontSettings.H1.LetterSpacing = GetString("Item.Area.HeadingsH1.LetterSpacing") + "px"; 669 FontSettings.H1.Casing = GetString("Item.Area.HeadingsH1.Casing"); 670 FontSettings.H1.Color = GetString("Item.Area.HeadingsH1.Color.Color"); 671 672 FontSettings.H2.FontFamily = CustomFont(GetString("Item.Area.HeadingsH2.Font"), GetString("Item.Area.HeadingsH2.CustomFont")); 673 FontSettings.H2.FontSize = GetString("Item.Area.HeadingsH2.Size")+"px"; 674 FontSettings.H2.FontWeight = CheckExistence(GetString("Item.Area.HeadingsH2.Weight"), "normal"); 675 FontSettings.H2.LineHeight = CheckExistence(GetString("Item.Area.HeadingsH2.LineHeight"), "1"); 676 FontSettings.H2.LetterSpacing = GetString("Item.Area.HeadingsH2.LetterSpacing") + "px"; 677 FontSettings.H2.Casing = GetString("Item.Area.HeadingsH2.Casing"); 678 FontSettings.H2.Color = GetString("Item.Area.HeadingsH2.Color.Color"); 679 680 681 //BODY 682 FontSettings.Body.FontFamily = CustomFont(GetString("Item.Area.BodyFont.Font"), GetString("Item.Area.BodyFont.CustomFont")); 683 FontSettings.Body.FontSize = GetString("Item.Area.BodyFont.Size") + "px"; 684 FontSettings.Body.FontWeight = CheckExistence(GetString("Item.Area.BodyFont.Weight"), "normal"); 685 FontSettings.Body.LineHeight = CheckExistence(GetString("Item.Area.BodyFont.LineHeight"), "1"); 686 FontSettings.Body.LetterSpacing = GetString("Item.Area.BodyFont.LetterSpacing") + "px"; 687 FontSettings.Body.Casing = GetString("Item.Area.BodyFont.Casing"); 688 FontSettings.Body.Color = GetString("Item.Area.BodyFont.Color.Color"); 689 690 691 gfonts.Add(FontSettings.Logo.FontFamily, ""); 692 if (!gfonts.ContainsKey(FontSettings.H1.FontFamily)) 693 { 694 gfonts.Add(FontSettings.H1.FontFamily, ""); 695 } 696 if (!gfonts.ContainsKey(FontSettings.H2.FontFamily)) 697 { 698 gfonts.Add(FontSettings.H2.FontFamily, ""); 699 } 700 if (!gfonts.ContainsKey(FontSettings.Body.FontFamily)) 701 { 702 gfonts.Add(FontSettings.Body.FontFamily, ""); 703 } 704 705 } 706 707 private string CustomFont (string firstfont, string secondfont) 708 { 709 if (firstfont == "custom") 710 { 711 return secondfont; 712 } 713 else 714 { 715 return firstfont; 716 } 717 } 718 719 private string CheckExistence (string stringitem, string defaultvalue) 720 { 721 if (!string.IsNullOrWhiteSpace(stringitem)) { 722 return stringitem; 723 } else { 724 return defaultvalue; 725 } 726 } 727 728 private System.Collections.Generic.Dictionary<string, object> gfonts = new System.Collections.Generic.Dictionary<string, object>(); 729 } 730 731 @{ 732 InitFontSettings(); 733 } 734 735 @helper GoogleFonts() 736 { 737 if (gfonts != null) 738 { 739 foreach (var item in gfonts) 740 { 741 <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=@item.Key:100,200,300,400,500,600,700,800,900"> 742 } 743 } 744 } 745 746 @functions{ 747 public string FontStylesCSS() 748 { 749 string CssString = @" 750 .dw-logotext { 751 font-family: " + FontSettings.Logo.FontFamily + @"; 752 font-size: " + FontSettings.Logo.FontSize + @"; 753 font-weight: " + FontSettings.Logo.FontWeight + @"; 754 line-height: " + FontSettings.Logo.LineHeight + @" !important; 755 letter-spacing: " + FontSettings.Logo.LetterSpacing + @"; 756 text-transform: " + FontSettings.Logo.Casing + @"; 757 color: " + FontSettings.Logo.Color + @"; 758 } 759 760 h1 { 761 font-family: " + FontSettings.H1.FontFamily + @" !important; 762 font-size: " + FontSettings.H1.FontSize + @"; 763 color: " + FontSettings.H1.Color + @"; 764 line-height: " + FontSettings.H1.LineHeight + @" !important; 765 text-transform: " + FontSettings.H1.Casing + @"; 766 font-weight: " + FontSettings.H1.FontWeight + @"; 767 letter-spacing: " + FontSettings.H1.LetterSpacing + @" !important; 768 } 769 770 771 h2, h3, h4, h5, h6 { 772 margin-top: 0.7em; 773 margin-bottom: 0.7em; 774 775 font-family: " + FontSettings.H2.FontFamily + @" !important; 776 font-size: " + FontSettings.H2.FontSize + @"; 777 color: " + FontSettings.H2.Color + @"; 778 line-height: " + FontSettings.H2.LineHeight + @"; 779 text-transform: " + FontSettings.H2.Casing + @" !important; 780 font-weight: " + FontSettings.H2.FontWeight + @" !important; 781 letter-spacing: " + FontSettings.H2.LetterSpacing + @" !important; 782 } 783 784 h4, h5, h6 { 785 font-size: 16px !important; 786 } 787 788 body { 789 font-family: " + FontSettings.Body.FontFamily + @" !important; 790 font-size: " + FontSettings.Body.FontSize + @"; 791 color: " + FontSettings.Body.Color + @"; 792 line-height: " + FontSettings.Body.LineHeight + @" !important; 793 text-transform: " + FontSettings.Body.Casing + @"; 794 font-weight: " + FontSettings.Body.FontWeight + @"; 795 letter-spacing: " + FontSettings.Body.LetterSpacing + @" !important; 796 } 797 798 .navbar-wp .navbar-nav > li > a { 799 font-family: " + FontSettings.Body.FontFamily + @" !important; 800 } 801 802 .section-title { 803 margin-top: 0.7em; 804 margin-bottom: 0.7em; 805 } 806 "; 807 return CssString; 808 } 809 } 810 @*@GoogleFonts()*@  811  812 @functions{ 813 public class ColorSettings 814 { 815 public class Color 816 { 817 public static string Primary { get; set; } 818 public static string Secondary { get; set; } 819 public static string NavbarFont { get; set; } 820 public static string Footer { get; set; } 821 public static string FooterFont { get; set; } 822 823 public static string Sticker { get; set; } 824 public static string Price { get; set; } 825 public static string Cart { get; set; } 826 } 827 } 828 829 private void InitColorSettings() 830 { 831 ColorSettings.Color.Primary = GetString("Item.Area.ColorsPrimary.Color"); 832 ColorSettings.Color.Secondary = GetString("Item.Area.ColorsSecondary.Color"); 833 834 ColorSettings.Color.NavbarFont = GetString("Item.Area.NavbarFontColor"); 835 836 if (string.IsNullOrWhiteSpace(ColorSettings.Color.NavbarFont)) 837 { 838 ColorSettings.Color.NavbarFont = WrapMethods.getContrastYIQ(ColorSettings.Color.Secondary); 839 } 840 841 ColorSettings.Color.Footer = GetString("Item.Area.ColorsFooterColor.Color"); 842 ColorSettings.Color.FooterFont = WrapMethods.getContrastYIQ(ColorSettings.Color.Footer); 843 844 ColorSettings.Color.Price = GetString("Item.Area.EcommercePriceColor.Color"); 845 ColorSettings.Color.Sticker = GetString("Item.Area.EcommerceDiscountStickerColor.Color"); 846 ColorSettings.Color.Cart = GetString("Item.Area.EcommerceCartButtonColor.Color"); 847 } 848 849 public string GetColorSettings() 850 { 851 string CssString = @" 852 a:hover, a:focus, a:active { 853 color: @Primary; 854 } 855 856 .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a { 857 color: @NavbarFont; 858 } 859 860 .navbar-wp .navbar-nav > .active > a, .navbar-wp .navbar-nav > .active > a:hover, .navbar-wp .navbar-nav > .active > a:focus { 861 color: @NavbarFont; 862 } 863 864 .navbar-wp .navbar-nav > li > a:hover, .navbar-wp .navbar-nav > li > a:focus { 865 border-top: 0px solid @Secondary; 866 color: @NavbarFont; 867 } 868 869 .navbar-wp .navbar-nav > li > a span:after { 870 background-color: @Primary; 871 } 872 873 .btn-dw-primary { 874 color: #FFF; 875 background-color: @Primary; 876 border-color: @Primary; 877 } 878 879 .btn-dw-secondary { 880 color: @NavbarFont; 881 background-color: @Secondary; 882 border-color: @Secondary; 883 } 884 885 .btn-dw-cart { 886 color: #FFF; 887 background-color: @Cart; 888 border-color: @Cart; 889 } 890 891 .dw-section-title { 892 border-color: @Secondary; 893 } 894 895 .dw-minicart-update { 896 color: #FFF !important; 897 background-color: @Primary; 898 transition: all 0.3s ease-in-out 0s; 899 } 900 901 .pagination > li > a, .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > a:active { 902 color: @Primary; 903 } 904 905 .form-control:hover, .form-control:focus, .form-control:active { 906 border-color: @Primary !important; 907 } 908 909 .bg-2 { 910 background: @Primary !important; 911 } 912 913 .blockquote-1:hover { 914 border-color: @Primary !important; 915 } 916 917 .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 { 918 color: @Primary; 919 } 920 921 .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 { 922 color: @Primary; 923 } 924 925 .navbar-wp .navbar-nav > li > a:hover, .navbar-wp .navbar-nav > li > a:focus { 926 border: 0px solid @Primary; 927 } 928 929 .navbar-wp .navbar-toggle:hover, .navbar-wp .navbar-toggle:focus { 930 background-color: @Primary !important; 931 border-color: @Primary !important; 932 } 933 934 .navbar-wp .dropdown-menu { 935 border-top: 1px solid @Primary !important; 936 border-bottom: 3px solid @Primary !important; 937 } 938 939 .navbar-wp .dropdown-menu > li > a:hover { 940 background: @Primary !important; 941 color: #fff; 942 } 943 944 .navbar-wp .dropdown-menu .active { 945 background: @Primary !important; 946 color: #fff; 947 } 948 949 .navbar-wp.navbar-contrasted .dropdown-menu > li > a:hover { 950 background: @Primary !important; 951 } 952 953 .nav > ul > li > a:hover { 954 color: @Primary; 955 } 956 957 .lw .w-box.w-box-inverse .thmb-img i { 958 color: @Primary !important; 959 } 960 961 .w-box.w-box-inverse .thmb-img:hover i { 962 background: @Primary !important; 963 } 964 965 .c-box { 966 border: 1px solid @Primary !important; 967 } 968 969 .c-box .c-box-header { 970 background: @Primary !important; 971 } 972 973 .w-section .aside-feature:hover .icon-feature, .w-section .aside-feature:hover h4 { 974 color: @Primary !important; 975 } 976 977 .layer-slider-wrapper .title.title-base { 978 background: @Primary !important; 979 } 980 981 .layer-slider-wrapper .subtitle { 982 color: @Primary !important; 983 } 984 985 .layer-slider-wrapper .list-item { 986 color: @Primary !important; 987 } 988 989 .box-element.box-element-bordered { 990 border: 1px solid @Primary !important; 991 } 992 993 .carousel-2 .carousel-indicators .active { 994 background-color: @Primary !important; 995 } 996 997 .carousel-2 .carousel-nav a { 998 color: @Primary !important; 999 } 1000 1001 .carousel-2 .carousel-nav a:hover { 1002 background: @Primary !important; 1003 } 1004 1005 .carousel-3 .carousel-nav a { 1006 color: @Primary !important; 1007 } 1008 1009 .carousel-3 .carousel-nav a:hover { 1010 background: @Primary !important; 1011 } 1012 1013 .like-button .button.liked i { 1014 color: @Primary !important; 1015 } 1016 1017 ul.list-listings li.featured { 1018 border-color: @Primary !important; 1019 } 1020 1021 ul.list-check li i { 1022 color: @Primary !important; 1023 } 1024 1025 ul.dw-categories li a:hover, ul.dw-categories a:focus, ul.dw-categories a:active{ 1026 color: @NavbarFont; 1027 background-color: @Primary; 1028 border-color: @Primary; 1029 } 1030 1031 ul.categories li a:hover, ul.categories a:focus, ul.categories a:active{ 1032 color: @NavbarFont; 1033 background-color: @Primary; 1034 border-color: @Primary; 1035 } 1036 1037 .timeline .event:nth-child(2n):before { 1038 background-color: @Primary !important; 1039 } 1040 1041 .timeline .event:nth-child(2n-1):before { 1042 background-color: @Primary !important; 1043 } 1044 1045 #toTopHover { 1046 background-color: @Primary !important; 1047 } 1048 1049 .tags-list li { 1050 border: 1px solid @Primary !important; 1051 color: @Primary !important; 1052 } 1053 1054 .tags-list li:hover, 1055 a.open-panel { 1056 background-color: @Primary !important; 1057 } 1058 1059 .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, 1060 .panel-group .panel-heading a i, 1061 .tags-list li a { 1062 color: @NavbarFont !important; 1063 } 1064 1065 .nav-pills > li > a:hover, .nav-pills > li > a:focus { 1066 color: @NavbarFont !important; 1067 background: none repeat scroll 0% 0% @Secondary !important; 1068 } 1069 1070 footer { 1071 background: @Footer !important; 1072 } 1073 1074 footer h4 { 1075 color: @FooterFont !important; 1076 } 1077 1078 footer a { 1079 color: @FooterFont !important; 1080 } 1081 1082 footer a:hover, footer a:focus, footer a:active { 1083 color: @Secondary !important; 1084 } 1085 1086 footer p { 1087 color: @FooterFont !important; 1088 } 1089 1090 footer ul > li { 1091 color: @FooterFont !important; 1092 } 1093 1094 1095 /* Button colors */ 1096 .btn-base { 1097 color: @NavbarFont !important; 1098 background-color: @Secondary !important; 1099 border: 1px solid @Secondary !important; 1100 } 1101 1102 .btn-base:before { 1103 background-color: @Secondary !important; 1104 } 1105 1106 .btn-base:hover:before, .btn-base:focus:before, .btn-base:active:before { 1107 color: @NavbarFont !important; 1108 background-color: @Primary !important; 1109 border-color: @Primary !important; 1110 } 1111 1112 .btn-icon:before { 1113 transition: none !important; 1114 } 1115 1116 .btn-base:hover, .btn-base:focus, .btn-base:active, .btn-base.active, .open .dropdown-toggle.btn-base { 1117 color: @NavbarFont !important; 1118 background-color: @Primary !important; 1119 border-color: @Primary !important; 1120 } 1121 1122 .btn-two { 1123 color: @NavbarFont !important; 1124 border-color: @Secondary !important; 1125 background-color: @Secondary !important; 1126 border: 1px solid @Secondary !important; 1127 } 1128 1129 .btn-two:hover, .btn-two:focus, .btn-two:active, .btn-two.active, .open .dropdown-toggle.btn-two { 1130 color: @NavbarFont !important; 1131 background-color: @Primary !important; 1132 border-color: @Primary !important; 1133 } 1134 1135 .btn-primary { 1136 background-color: @Primary !important; 1137 border-color: @Primary !important; 1138 } 1139 1140 .open .dropdown-toggle.btn-primary { 1141 background-color: @Primary !important; 1142 border-color: @Primary !important; 1143 } 1144 1145 .btn-one:hover, .btn-one:focus, .btn-one:active, .btn-one.active, .open .dropdown-toggle.btn-one { 1146 color: @Primary !important; 1147 } 1148 1149 .btn-four { 1150 border: 2px solid @Primary!important; 1151 color: @Primary !important; 1152 } 1153 1154 .btn-four:hover, .btn-four:focus, .btn-four:active, .btn-four.active, .open .dropdown-toggle.btn-four { 1155 background-color: #fff !important; 1156 } 1157 1158 1159 /* Dropdown-menu */ 1160 .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { 1161 background: @Primary !important; 1162 color: #fff !important; 1163 } 1164 1165 /* Ecom settings */ 1166 .ribbon.base { 1167 background: @Sticker !important; 1168 color: #fff; 1169 border-right: 5px solid @Sticker !important; 1170 } 1171 1172 .ribbon.base:before { 1173 border-top: 27px solid @Sticker !important; 1174 } 1175 1176 .ribbon.base:after { 1177 border-bottom: 27px solid @Sticker !important; 1178 } 1179 1180 .price { 1181 color: @Price !important; 1182 } 1183 1184 .discount-sticker { 1185 background-color: @Sticker !important; 1186 } 1187 1188 .bs-callout-primary { 1189 border-left-color: @Primary !important; 1190 }"; 1191 1192 return ParseCSSToString(CssString); 1193 } 1194 1195 private string ParseCSSToString(string TheString) 1196 { 1197 TheString = TheString.Replace("@Primary", ColorSettings.Color.Primary); 1198 TheString = TheString.Replace("@Secondary", ColorSettings.Color.Secondary); 1199 TheString = TheString.Replace("@NavbarFont", ColorSettings.Color.NavbarFont); 1200 TheString = TheString.Replace("@FooterFont", ColorSettings.Color.FooterFont); 1201 TheString = TheString.Replace("@Footer", ColorSettings.Color.Footer); 1202 1203 TheString = TheString.Replace("@Sticker", ColorSettings.Color.Sticker); 1204 TheString = TheString.Replace("@Price", ColorSettings.Color.Price); 1205 TheString = TheString.Replace("@Cart", ColorSettings.Color.Cart); 1206 1207 1208 System.Text.StringBuilder sb = new System.Text.StringBuilder(); 1209 1210 foreach(var item in TheString.Split(new string[] { Environment.NewLine }, StringSplitOptions.RemoveEmptyEntries)) 1211 { 1212 sb.AppendLine(item); 1213 } 1214 1215 return sb.ToString(); 1216 } 1217 } 1218 1219 @{ 1220 InitColorSettings(); 1221 } 1222 1223 1224 1225 @using System.Drawing 1226 @using System.Net 1227 1228 1229 @functions{ 1230 public class GeneralSettings 1231 { 1232 1233 public class Header 1234 { 1235 public static string Mode { get; set; } 1236 public static string Classes { get; set; } 1237 public static bool Show { get; set; } 1238 public static string Background { get; set; } 1239 } 1240 1241 public class Logo 1242 { 1243 public static string Image { get; set; } 1244 public static string Text { get; set; } 1245 public static string SecondaryColor { get; set; } 1246 } 1247 1248 public class Navigation 1249 { 1250 public static string Position { get; set; } 1251 public static string InvertedPosition { get; set; } 1252 public static string StickyMenu { get; set; } 1253 public static string SelectionMode { get; set; } 1254 public static string SelectionStyle { get; set; } 1255 public static int SelectionWeight { get; set; } 1256 public static bool Case { get; set; } 1257 1258 public static string BreadcrumbMode { get; set; } 1259 public static string BreadcrumbAlign { get; set; } 1260 1261 public static string LeftmenuMode { get; set; } 1262 1263 public static string ButtonDesign { get; set; } 1264 } 1265 1266 public class Headings 1267 { 1268 public static string Mode { get; set; } 1269 } 1270 1271 public class Background 1272 { 1273 public static string Color { get; set; } 1274 public static string Image { get; set; } 1275 public static string CustomImage { get; set; } 1276 public static bool GradientColor { get; set; } 1277 public static string GradientPercentage { get; set; } 1278 public static string Style { get; set; } 1279 public static string Position { get; set; } 1280 } 1281 1282 public class Site 1283 { 1284 public static bool Shadow { get; set; } 1285 public static string LayoutMode { get; set; } 1286 } 1287 1288 public class Images 1289 { 1290 public static bool RoundCorners { get; set; } 1291 } 1292 } 1293 1294 private void InitGeneralSettings() 1295 { 1296 //Header settings 1297 GeneralSettings.Header.Mode = GetString("Item.Area.HeaderLayoutMode"); 1298 GeneralSettings.Header.Show = GetBoolean("Item.Area.HeaderShow"); 1299 GeneralSettings.Header.Background = GetString("Item.Area.NavigationNavbarBackground"); 1300 1301 if (GeneralSettings.Header.Mode == "solid"){ 1302 GeneralSettings.Header.Classes = ""; 1303 } 1304 1305 if (GeneralSettings.Header.Mode == "cover" || GeneralSettings.Header.Mode == "mobile"){ 1306 GeneralSettings.Header.Classes = "header-alpha header-cover"; 1307 } 1308 1309 1310 //Logo settings 1311 GeneralSettings.Logo.Image = GetString("Item.Area.GeneralLogo"); 1312 GeneralSettings.Logo.Text = GetString("Item.Area.GeneralLogoText"); 1313 GeneralSettings.Logo.SecondaryColor = GetString("Item.Area.LogoSecondColor.Color"); 1314 1315 1316 //Navigation settings 1317 GeneralSettings.Navigation.Position = GetString("Item.Area.NavigationPosition"); 1318 GeneralSettings.Navigation.StickyMenu = "off"; 1319 1320 if (GetBoolean("Item.Area.NavigationSticky")) { 1321 if (GeneralSettings.Header.Show) 1322 { 1323 if (GeneralSettings.Header.Mode == "cover") 1324 { 1325 GeneralSettings.Navigation.StickyMenu = "44"; //"data-spy=\"affix\" data-offset-top=\"44\" data-offset-bottom=\"300\""; 1326 } 1327 else 1328 { 1329 int offset = ImageHeight()+28; 1330 1331 GeneralSettings.Navigation.StickyMenu = offset.ToString(); // "data-spy=\"affix\" data-offset-top=\"" + offset.ToString() + "\" data-offset-bottom=\"300\""; 1332 } 1333 } 1334 else 1335 { 1336 GeneralSettings.Navigation.StickyMenu = "5"; // "data-spy=\"affix\" data-offset-top=\"5\" data-offset-bottom=\"300\""; 1337 } 1338 } 1339 1340 if (GeneralSettings.Navigation.Position == "left") { 1341 GeneralSettings.Navigation.InvertedPosition = "right"; 1342 } 1343 else 1344 { 1345 GeneralSettings.Navigation.InvertedPosition = "left"; 1346 } 1347 1348 GeneralSettings.Navigation.SelectionMode = GetString("Item.Area.NavigationSelectionMode"); 1349 GeneralSettings.Navigation.SelectionStyle = ""; 1350 GeneralSettings.Navigation.SelectionWeight = GetInteger("Item.Area.SelectionWeight"); 1351 1352 if (GeneralSettings.Navigation.SelectionMode == "arrow") { 1353 GeneralSettings.Navigation.SelectionStyle = "navbar-arrow"; 1354 } 1355 1356 GeneralSettings.Navigation.Case = GetBoolean("Item.Area.NavigationUppercase"); 1357 1358 GeneralSettings.Navigation.BreadcrumbMode = GetString("Item.Area.NavigationBreadcrumbLayout"); 1359 GeneralSettings.Navigation.BreadcrumbAlign = GetString("Item.Area.NavigationBreadcrumbAlign"); 1360 1361 GeneralSettings.Navigation.LeftmenuMode = GetString("Item.Area.NavigationLeftNavigationMode"); 1362 1363 GeneralSettings.Navigation.ButtonDesign = GetString("Item.Area.NavigationButtonDesign"); 1364 1365 1366 //Background settings 1367 GeneralSettings.Background.Image = GetString("Item.Area.BackgroundImage.Image.Image"); 1368 GeneralSettings.Background.CustomImage = GetString("Item.Area.BackgroundImage.Image.CustomImage"); 1369 GeneralSettings.Background.Color = GetString("Item.Area.BackgroundImage.Color.Color"); 1370 GeneralSettings.Background.GradientColor = GetBoolean("Item.Area.BackroundGradientColor"); 1371 GeneralSettings.Background.GradientPercentage = GetString("Item.Area.GradientPercentage"); 1372 1373 1374 if (@GetString("Item.Area.BackgroundFixed") == "True") 1375 { 1376 GeneralSettings.Background.Position = "fixed"; 1377 } 1378 else 1379 { 1380 GeneralSettings.Background.Position = ""; 1381 } 1382 1383 1384 if (GeneralSettings.Background.Image == "none") 1385 { 1386 GeneralSettings.Background.Style = ""; 1387 } 1388 else if (GeneralSettings.Background.Image == "custom") 1389 { 1390 if (!string.IsNullOrWhiteSpace(GeneralSettings.Background.CustomImage)) 1391 { 1392 GeneralSettings.Background.Style = "background: url('/Admin/Public/GetImage.ashx?width=1920&Crop=1&Compression=75&image=" + GeneralSettings.Background.CustomImage + "') " + GeneralSettings.Background.Position + " !important; "; 1393 } 1394 } 1395 else 1396 { 1397 GeneralSettings.Background.Style = "background: url('/Admin/Public/GetImage.ashx?width=1920&Crop=1&Compression=75&image=/Files/Templates/Designs/Dwsimple/images/background/" + GeneralSettings.Background.Image + "') " + GeneralSettings.Background.Position + " !important; "; 1398 } 1399 1400 1401 //Headings settings 1402 GeneralSettings.Headings.Mode = GetString("Item.Area.AdvHeadingsMode"); 1403 1404 1405 //Site settings 1406 GeneralSettings.Site.Shadow = GetBoolean("Item.Area.BackgroundSiteShadow"); 1407 GeneralSettings.Site.LayoutMode = GetString("Item.Area.LayoutMode"); 1408 1409 if (GeneralSettings.Site.LayoutMode == "boxed"){ 1410 GeneralSettings.Site.LayoutMode = "body-" + GeneralSettings.Site.LayoutMode; 1411 GeneralSettings.Header.Classes += " header-boxed"; 1412 } 1413 1414 1415 //Image settings 1416 GeneralSettings.Images.RoundCorners = GetBoolean("Item.Area.LayoutRoundCorners"); 1417 } 1418 1419 public string GetGeneralCSS() 1420 { 1421 string CssString = ""; 1422 int SelectionWeight = GeneralSettings.Navigation.SelectionWeight; 1423 1424 //Site settings 1425 if (GetString("Item.Area.LogoFont.Color.Color") == "#FFF" || GetString("Item.Area.LogoFont.Color.Color") == "#FFFFFF") 1426 { 1427 int offset = ImageHeight()+28; 1428 1429 CssString += @" 1430 .dw-offsetmenu-logo { 1431 color: #333 !important; 1432 }"; 1433 } 1434 1435 if (!string.IsNullOrWhiteSpace(GeneralSettings.Background.Color)) 1436 { 1437 CssString += @" 1438 body { 1439 background-color: " + GeneralSettings.Background.Color + @"; 1440 background-size: cover; 1441 overflow-y: scroll; 1442 }"; 1443 } 1444 1445 if (GeneralSettings.Background.GradientColor) 1446 { 1447 CssString += @" 1448 body { 1449 background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); 1450 background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); 1451 background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); 1452 background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); 1453 background: linear-gradient(to top, rgba(0, 0, 0, 0." + GeneralSettings.Background.GradientPercentage + @") 0%, rgba(0, 0, 0, 0) 100%); 1454 background-attachment: fixed; 1455 background-color: " + GeneralSettings.Background.Color + @" !important; 1456 }"; 1457 } 1458 1459 if (GeneralSettings.Site.Shadow) 1460 { 1461 CssString += @" 1462 .shad { 1463 -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); 1464 -moz-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); 1465 box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.75); 1466 }"; 1467 } 1468 1469 //Image settings 1470 if (GeneralSettings.Images.RoundCorners) 1471 { 1472 CssString += @" 1473 .content-image { 1474 border-radius: 6px; 1475 -webkit-border-radius: 6px; 1476 -moz-border-radius: 6px; 1477 }"; 1478 } 1479 1480 //Navbar and header custom settings 1481 if (GeneralSettings.Header.Mode == "cover") 1482 { 1483 CssString += @" 1484 .navbar-wp { 1485 background-color: none !important; 1486 }"; 1487 1488 if (!GeneralSettings.Header.Show || GeneralSettings.Header.Mode == "mobile") 1489 { 1490 CssString += @" 1491 .header-cover .navbar-wp { 1492 top: 0px !important; 1493 }"; 1494 } 1495 } 1496 else 1497 { 1498 if (GeneralSettings.Header.Show) 1499 { 1500 CssString += @" 1501 .navbar-wp.affix .navbar-nav > li > a { 1502 padding: 16px 16px !important; 1503 }"; 1504 } 1505 } 1506 1507 if (GeneralSettings.Header.Background == "colorline") 1508 { 1509 CssString += @" 1510 .navbar-wp, .navbar-wp.affix { 1511 border-bottom: 4px solid " + ColorSettings.Color.Primary + @" !important; 1512 } 1513 1514 .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a { 1515 background-color: #FFF; 1516 color: #333; 1517 } 1518 1519 .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus { 1520 color: " + ColorSettings.Color.NavbarFont + @"; 1521 } 1522 1523 .navbar-wp.affix .navbar-header .dw-logotext, .dw-header-sm-title { 1524 color: " + ColorSettings.Color.NavbarFont + @" !important; 1525 }"; 1526 } else if (GeneralSettings.Header.Background == "neutral") 1527 { 1528 CssString += @" 1529 .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a { 1530 background-color: #f1f1f1; 1531 } 1532 1533 .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a { 1534 color: #333; 1535 } 1536 1537 .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus { 1538 color: " + ColorSettings.Color.NavbarFont + @"; 1539 } 1540 1541 .navbar-wp.affix .navbar-header .dw-logotext, .dw-header-sm-title { 1542 color: " + ColorSettings.Color.NavbarFont + @" !important; 1543 }"; 1544 } 1545 else if (GeneralSettings.Header.Background == "transparent") 1546 { 1547 CssString += @" 1548 .navbar-wp, .navbar-wp.affix { 1549 background-color: #FFF; 1550 opacity: 0.9; 1551 filter: alpha(opacity=90); /* For IE8 and earlier */ 1552 } 1553 1554 .navbar-wp.affix, .navbar-wp.affix .navbar-nav > li > a { 1555 color: #333; 1556 } 1557 1558 .navbar-wp.affix .navbar-nav > .active > a, .navbar-wp.affix .navbar-nav > li > a:hover, .navbar-wp.affix .navbar-nav > li > a:focus { 1559 color: " + ColorSettings.Color.NavbarFont + @"; 1560 } 1561 1562 .navbar-wp.affix .navbar-header .dw-logotext, .dw-header-sm-title { 1563 color: " + GeneralSettings.Logo.SecondaryColor + @" !important; 1564 }"; 1565 } 1566 else 1567 { 1568 CssString += @" 1569 .navbar-wp, .navbar-wp.affix, .navbar-wp .navbar-nav > li > a { 1570 background-color: " + ColorSettings.Color.Secondary + @"; 1571 } 1572 1573 .dw-header-sm-title { 1574 color: " + ColorSettings.Color.NavbarFont + @" !important; 1575 }"; 1576 } 1577 1578 if (GeneralSettings.Navigation.SelectionMode == "background" || GeneralSettings.Navigation.SelectionMode == "arrow"){ 1579 CssString += NavbarPosition(false, SelectionWeight); 1580 1581 CssString += @" 1582 .dw-navbar-button > a { 1583 background-color: transparent !important; 1584 } 1585 1586 .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { 1587 background-color: " + ColorSettings.Color.Primary + @" !important; 1588 }"; 1589 } 1590 1591 if (GeneralSettings.Navigation.SelectionMode == "underline"){ 1592 CssString += NavbarPosition(true); 1593 1594 CssString += ClearBackground(); 1595 1596 CssString += @" 1597 .dw-navbar-button > a span:after { 1598 position: absolute; 1599 content: ''; 1600 left: 0px; 1601 bottom: 0px; 1602 height: " + SelectionWeight + @"px; 1603 width: 100%; 1604 transform: scaleX(0); 1605 transition: all 0.3s ease-in-out 0s; 1606 } 1607 .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { 1608 color: " + ColorSettings.Color.Primary + @" !important; 1609 } 1610 1611 .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 { 1612 color: " + ColorSettings.Color.Primary + @" !important; 1613 transform: scaleX(1); 1614 transition: all 0.3s ease-in-out 0s; 1615 }"; 1616 } 1617 1618 if (GeneralSettings.Navigation.SelectionMode == "boxed"){ 1619 CssString += NavbarPosition(true, SelectionWeight); 1620 1621 CssString += @" 1622 .dw-navbar-button > a { 1623 background-color: transparent !important; 1624 } 1625 1626 .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { 1627 background-color: " + ColorSettings.Color.Primary + @" !important; 1628 transition: all 0.3s ease-in-out 0s; 1629 }"; 1630 } 1631 1632 if (GeneralSettings.Navigation.SelectionMode == "border"){ 1633 CssString += NavbarPosition(true, 6, SelectionWeight); 1634 1635 CssString += ClearBackground(); 1636 1637 CssString += @" 1638 .dw-navbar-button > a { 1639 border: " + SelectionWeight + @"px solid transparent !important; transition: None !important; 1640 } 1641 1642 .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { 1643 border-width: " + SelectionWeight + @"px !important; 1644 border-color: " + ColorSettings.Color.Primary + @" !important; 1645 transition: all 0.3s ease-in-out 0s; 1646 }"; 1647 } 1648 1649 if (GeneralSettings.Navigation.SelectionMode == "font"){ 1650 CssString += NavbarPosition(); 1651 1652 CssString += ClearBackground(); 1653 1654 SelectionWeight = (SelectionWeight*100); 1655 1656 CssString += @" 1657 .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { 1658 color: " + ColorSettings.Color.Primary + @" !important; 1659 font-weight: " + SelectionWeight + @" !important; 1660 transition: all 0.3s ease-in-out 0s; 1661 }"; 1662 } 1663 1664 if (GeneralSettings.Navigation.Case){ 1665 CssString += @" 1666 .dw-navbar-button > a { 1667 text-transform: uppercase !important; 1668 }"; 1669 } 1670 else 1671 { 1672 CssString += @" 1673 .dw-navbar-button > a { 1674 text-transform: none !important; 1675 }"; 1676 } 1677 1678 1679 //Breadcrumb custom settings 1680 if (GeneralSettings.Navigation.BreadcrumbMode == "light") 1681 { 1682 CssString += @" 1683 .pg-opt { 1684 border-bottom: 0px; 1685 background: none repeat scroll 0% 0% #FFF; 1686 } 1687 1688 .dw-breadcrumb-title { 1689 font-size: 14px !important; 1690 padding: 5px 0px 5px 0px !important; 1691 } 1692 1693 .dw-breadcrumb { 1694 padding: 5px !important; 1695 }"; 1696 } 1697 1698 if (GeneralSettings.Navigation.BreadcrumbMode == "normal") 1699 { 1700 CssString += @" 1701 .dw-breadcrumb-title { 1702 font-size: 14px !important; 1703 padding: 5px 0px 5px 0px !important; 1704 } 1705 1706 .dw-breadcrumb a, .pg-opt .breadcrumb { 1707 padding: 5px !important; 1708 }"; 1709 } 1710 1711 if (GeneralSettings.Navigation.BreadcrumbMode == "large") 1712 { 1713 CssString += @" 1714 .dw-breadcrumb-title { 1715 font-size: 22px !important; 1716 padding: 15px 0px 15px 0px !important; 1717 } 1718 1719 .dw-breadcrumb { 1720 padding: 15px !important; 1721 }"; 1722 } 1723 1724 1725 if (GeneralSettings.Navigation.BreadcrumbAlign == "right") 1726 { 1727 CssString += @" 1728 .dw-breadcrumb { 1729 float: right !important; 1730 }"; 1731 } 1732 else 1733 { 1734 CssString += @" 1735 .dw-breadcrumb { 1736 float: left !important; 1737 }"; 1738 } 1739 1740 1741 //Left menu custom settings 1742 if (GeneralSettings.Navigation.LeftmenuMode == "light" || GeneralSettings.Navigation.LeftmenuMode == "light-color") 1743 { 1744 CssString += @" 1745 ul.dw-categories > li > ul > li > a { 1746 padding: 5px 35px; 1747 } 1748 1749 ul.dw-categories, ul.dw-categories > li, ul.dw-categories > li > ul > li { 1750 border: 0px solid #EEE; 1751 } 1752 1753 ul.dw-categories > li > ul { 1754 background: none repeat scroll 0% 0% #FFF; 1755 } 1756 1757 ul.dw-categories li a:hover, ul.dw-categories li a:focus, ul.dw-categories li a:active { 1758 background-color: #FFF !important; 1759 color: " + ColorSettings.Color.Primary + @" !important; 1760 } 1761 1762 .list-active, .list-active > a { 1763 background-color: #FFF; 1764 color: " + ColorSettings.Color.Primary + @" !important; 1765 } 1766 1767 .list-open-active { 1768 background-color: #FFF; 1769 color: " + ColorSettings.Color.Primary + @" !important; 1770 }"; 1771 } 1772 1773 if (GeneralSettings.Navigation.LeftmenuMode == "lines") 1774 { 1775 CssString += @" 1776 ul.dw-categories > li { 1777 border-bottom: 1px solid #EEE; 1778 } 1779 1780 ul.dw-categories { 1781 border: 0px solid #EEE; 1782 } 1783 1784 ul.dw-categories > li > ul { 1785 background: none repeat scroll 0% 0% #FFF; 1786 } 1787 1788 ul.dw-categories li a:hover, a:focus, a:active { 1789 background-color: #FFF !important; 1790 color: " + ColorSettings.Color.Primary + @" !important; 1791 } 1792 1793 .list-active, .list-active > a { 1794 background-color: #FFF; 1795 color: " + ColorSettings.Color.Primary + @" !important; 1796 } 1797 1798 .list-open-active { 1799 background-color: #FFF; 1800 color: " + ColorSettings.Color.Primary + @" !important; 1801 }"; 1802 } 1803 1804 if (GeneralSettings.Navigation.LeftmenuMode == "boxed") 1805 { 1806 CssString += @" 1807 ul.dw-categories, ul.dw-categories > li, ul.dw-categories > li > ul > li { 1808 border: 0px solid #EEE; 1809 } 1810 1811 .list-active, .list-active > a { 1812 background-color: " + ColorSettings.Color.Primary + @" !important; 1813 color: #FFF; 1814 }"; 1815 } 1816 1817 if (GeneralSettings.Navigation.LeftmenuMode == "border") 1818 { 1819 CssString += @" 1820 ul.dw-categories > li { 1821 border: 1px solid #EEE; 1822 } 1823 1824 ul.dw-categories > li > ul > li { 1825 border-top: 1px solid #EEE; 1826 } 1827 1828 .list-active, .list-active > a { 1829 background-color: " + ColorSettings.Color.Primary + @" !important; 1830 color: #FFF; 1831 }"; 1832 } 1833 1834 if (GeneralSettings.Navigation.LeftmenuMode == "light-color") 1835 { 1836 CssString += @" 1837 ul.dw-categories li a:hover, ul.dw-categories a:focus, ul.dw-categories a:active { 1838 border-left: 6px solid " + ColorSettings.Color.Primary + @"; 1839 } 1840 1841 ul.dw-categories .list-active > a { 1842 border-left: 6px solid " + ColorSettings.Color.Primary + @"; 1843 } 1844 1845 .btn-dw:hover, .btn-dw:focus, .btn-dw:active { 1846 1847 }"; 1848 } 1849 1850 1851 //Buttons custom designs 1852 if (GeneralSettings.Navigation.ButtonDesign == "light-rounded") 1853 { 1854 CssString += @" 1855 .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { 1856 border-width: 0px; 1857 } 1858 1859 .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { 1860 background-color: " + ColorSettings.Color.Secondary + @"; 1861 color: #FFF; 1862 border-width: 0px; 1863 } 1864 1865 .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { 1866 background-color: " + ColorSettings.Color.Primary + @"; 1867 color: #FFF; 1868 border-width: 0px; 1869 } 1870 1871 .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { 1872 background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1873 color: #FFF; 1874 border-width: 0px; 1875 }"; 1876 } 1877 1878 if (GeneralSettings.Navigation.ButtonDesign == "corners") 1879 { 1880 CssString += @" 1881 .btn-dw-primary, .btn-dw-secondary, btn-dw-cart , .btn-dw-cart { 1882 border-radius: 0px !important; 1883 border-width: 0px; 1884 } 1885 1886 .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { 1887 background-color: " + ColorSettings.Color.Secondary + @"; 1888 color: #FFF; 1889 border-width: 0px; 1890 } 1891 1892 .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { 1893 background-color: " + ColorSettings.Color.Primary + @"; 1894 color: #FFF; 1895 border-width: 0px; 1896 } 1897 1898 .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { 1899 background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1900 color: #FFF; 1901 border-width: 0px; 1902 }"; 1903 } 1904 1905 if (GeneralSettings.Navigation.ButtonDesign == "round") 1906 { 1907 CssString += @" 1908 .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { 1909 padding: 5px 15px; 1910 border-radius: 200px !important; 1911 border-width: 0px !important; 1912 } 1913 1914 .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { 1915 background-color: " + ColorSettings.Color.Secondary + @"; 1916 color: #FFF; 1917 border-width: 0px !important; 1918 } 1919 1920 .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { 1921 background-color: " + ColorSettings.Color.Primary + @"; 1922 color: #FFF; 1923 border-width: 0px !important; 1924 } 1925 1926 .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { 1927 background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1928 color: #FFF; 1929 border-width: 0px !important; 1930 }"; 1931 } 1932 1933 if (GeneralSettings.Navigation.ButtonDesign == "border") 1934 { 1935 CssString += @" 1936 .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { 1937 background-color: transparent; 1938 } 1939 1940 .btn-dw-primary { 1941 border-width: 4px; 1942 padding: 3px 10px; 1943 color: " + ColorSettings.Color.Primary + @"; 1944 } 1945 1946 .btn-dw-secondary { 1947 border-width: 2px; 1948 color: " + ColorSettings.Color.Secondary + @"; 1949 } 1950 1951 .btn-dw-cart { 1952 border-width: 4px; 1953 padding: 3px 10px; 1954 color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1955 } 1956 1957 .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { 1958 background-color: " + ColorSettings.Color.Primary + @"; 1959 border-width: 4px; 1960 padding: 3px 10px; 1961 border-color: " + ColorSettings.Color.Primary + @"; 1962 color: #FFF; 1963 } 1964 1965 .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { 1966 background-color: " + ColorSettings.Color.Primary + @"; 1967 border-width: 2px; 1968 color: #FFF; 1969 border-color: #FFF; 1970 } 1971 1972 .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { 1973 background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1974 border-width: 4px; 1975 padding: 3px 10px; 1976 border-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 1977 color: #FFF; 1978 }"; 1979 } 1980 1981 if (GeneralSettings.Navigation.ButtonDesign == "border-sharp" || GeneralSettings.Navigation.ButtonDesign == "border-round") 1982 { 1983 CssString += @" 1984 .btn-dw-primary, .btn-dw-secondary, .btn-dw-cart { 1985 background-color: transparent; 1986 } 1987 1988 .btn-dw-primary { 1989 border-width: 4px; 1990 padding: 3px 15px; 1991 color: " + ColorSettings.Color.Primary + @"; 1992 } 1993 1994 .btn-dw-secondary { 1995 border-width: 2px; 1996 padding: 5px 15px; 1997 color: " + ColorSettings.Color.Secondary + @"; 1998 } 1999 2000 .btn-dw-cart { 2001 border-width: 4px; 2002 padding: 3px 15px; 2003 color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 2004 } 2005 2006 .btn-dw-primary:hover, .btn-dw-primary:focus, .btn-dw-primary:active { 2007 background-color: " + ColorSettings.Color.Primary + @"; 2008 border-width: 4px; 2009 color: #FFF; 2010 padding: 3px 15px; 2011 border-color: " + ColorSettings.Color.Primary + @"; 2012 } 2013 2014 .btn-dw-secondary:hover, .btn-dw-secondary:focus, .btn-dw-secondary:active { 2015 background-color: " + ColorSettings.Color.Primary + @"; 2016 border-width: 2px; 2017 color: #FFF; 2018 padding: 5px 15px; 2019 border-color: #FFF; 2020 } 2021 2022 .btn-dw-cart:hover, .btn-dw-cart:focus, .btn-dw-cart:active { 2023 background-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 2024 border-width: 4px; 2025 color: #FFF; 2026 padding: 3px 15px; 2027 border-color: " + GetString("Item.Area.EcommerceCartButtonColor.Color") + @"; 2028 }"; 2029 } 2030 2031 if (GeneralSettings.Navigation.ButtonDesign == "border-sharp") 2032 { 2033 CssString += @" 2034 .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 { 2035 border-radius: 0px !important; 2036 }"; 2037 } 2038 2039 if (GeneralSettings.Navigation.ButtonDesign == "border-round") 2040 { 2041 CssString += @" 2042 .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 { 2043 border-radius: 200px !important; 2044 }"; 2045 } 2046 2047 2048 //Headings custom settings 2049 if (GeneralSettings.Headings.Mode == "underline") 2050 { 2051 CssString += @" 2052 .dw-section-title { 2053 border-bottom: 2px solid; 2054 }"; 2055 } 2056 2057 if (GeneralSettings.Headings.Mode == "boxed" || GeneralSettings.Headings.Mode == "boxed-line") 2058 { 2059 CssString += @" 2060 .dw-section-title span { 2061 background-color: " + GetString("Item.Area.HeadingsH1.Color.Color") + @"; 2062 display: inline-block; 2063 padding: 8px 16px; 2064 color: #FFF; 2065 }"; 2066 2067 if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color"))) 2068 { 2069 CssString += @" 2070 .dw-section-title { 2071 background-color: " + ColorSettings.Color.Primary + @"; 2072 }"; 2073 } 2074 } 2075 2076 if (GeneralSettings.Headings.Mode == "boxed-line") 2077 { 2078 CssString += @" 2079 .dw-section-title span { 2080 margin-bottom: 2px; 2081 } 2082 2083 .dw-section-title { 2084 border-bottom: 2px solid " + GetString("Item.Area.HeadingsH1.Color.Color") + @"; 2085 }"; 2086 2087 if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color"))) 2088 { 2089 CssString += @" 2090 .dw-section-title { 2091 border-bottom: 2px solid " + ColorSettings.Color.Primary + @"; 2092 }"; 2093 } 2094 } 2095 2096 if (GeneralSettings.Headings.Mode == "outline") 2097 { 2098 CssString += @" 2099 .dw-section-title { 2100 color: #FFF; 2101 text-shadow: 2102 -1px -1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @", 2103 1px -1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @", 2104 -1px 1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @", 2105 1px 1px 0 " + GetString("Item.Area.HeadingsH1.Color.Color") + @"; 2106 }"; 2107 2108 if (string.IsNullOrWhiteSpace(GetString("Item.Area.HeadingsH1.Color.Color"))) 2109 { 2110 CssString += @" 2111 .dw-section-title { 2112 text-shadow: 2113 -1px -1px 0 #1A1A1A, 2114 1px -1px 0 #1A1A1A, 2115 -1px 1px 0 #1A1A1A, 2116 1px 1px 0 #1A1A1A; 2117 }"; 2118 } 2119 } 2120 2121 return CssString; 2122 } 2123 2124 private string ClearBackground() { 2125 string CssString = ""; 2126 2127 CssString += @" 2128 .dw-navbar-button > a { 2129 background-color: rgba(0, 0, 0, 0.0) !important; 2130 } 2131 2132 .dw-navbar-button > a:hover, dw-navbar-button > a:active, dw-navbar-button > a:focus, .active > a { 2133 background-color: rgba(0, 0, 0, 0.0) !important; 2134 }"; 2135 2136 return CssString; 2137 } 2138 2139 private string NavbarPosition(bool margin=false, int specialpadding=6, int extramargin=0) { 2140 int LogoHeight = 0; 2141 string CssString = ""; 2142 int Centerpos = 0; 2143 2144 if (GeneralSettings.Header.Mode != "solid"){ 2145 if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image)) 2146 { 2147 LogoHeight = ImageHeight(); 2148 } 2149 else 2150 { 2151 LogoHeight = GetInteger("Item.Area.LogoFont.Size"); 2152 } 2153 } 2154 else 2155 { 2156 if (!string.IsNullOrWhiteSpace(GeneralSettings.Logo.Image)) 2157 { 2158 LogoHeight = 18; 2159 } 2160 else 2161 { 2162 LogoHeight = GetInteger("Item.Area.LogoFont.Size")-10; 2163 } 2164 } 2165 2166 if (margin == false) 2167 { 2168 Centerpos = (LogoHeight/2) + 6; 2169 2170 CssString += @" 2171 .dw-navbar-button > a, .navbar-wp.affix .navbar-nav > li > a { 2172 padding: " + Centerpos + @"px " + (specialpadding+4) + @"px " + Centerpos + @"px " + (specialpadding+4) + @"px !important; 2173 margin: " + extramargin + @"px " + extramargin + @"px !important; 2174 }"; 2175 } 2176 else 2177 { 2178 Centerpos = ((LogoHeight/2)+6)-(specialpadding+extramargin); 2179 2180 CssString += @" 2181 .dw-navbar-button > a, .navbar-wp.affix .navbar-nav > li > a { 2182 padding: " + specialpadding + @"px " + (specialpadding+4) + @"px " + specialpadding + @"px " + (specialpadding+4) + @"px !important; 2183 margin: " + Centerpos + @"px 4px 0px 4px !important; 2184 }"; 2185 } 2186 2187 return CssString; 2188 } 2189 2190 private int ImageHeight () 2191 { 2192 int LogoHeight = 0; 2193 2194 if (!string.IsNullOrWhiteSpace(GetString("Item.Area.GeneralLogo"))) 2195 { 2196 string imageUrl = "https://" + HttpContext.Current.Request.Url.Authority + GetString("Item.Area.GeneralLogo"); 2197 2198 WebRequest request = WebRequest.Create(imageUrl); 2199 WebResponse response = request.GetResponse(); 2200 Image image = Image.FromStream(response.GetResponseStream()); 2201 2202 LogoHeight = image.Height; 2203 } 2204 else 2205 { 2206 LogoHeight = 38; 2207 } 2208 2209 return LogoHeight; 2210 } 2211 } 2212 2213 2214 2215 @{ 2216 InitGeneralSettings(); 2217 } 2218 2219 2220  2221 @{ 2222 string attrValue = ""; 2223 string loginpageid = ""; 2224 string FirstPg = GetInteger("DwAreaFirstActivePageID").ToString(); 2225 string SearchPID = GetInteger("DwAreaSearchPageID").ToString(); 2226 var cartid = GetInteger("DwAreaCartPageID").ToString(); 2227 string searchplaceholder = Translate("Search in all categories", "Search in all categories"); 2228 string saleid = "180"; 2229 string storelocation = GetPageIdByNavigationTag("Locations").ToString(); 2230 2231 string myCurrentAbsoluteUriString = System.Web.HttpContext.Current.Request.Url.AbsoluteUri; 2232 Uri myCurrentAbsoluteUri = new Uri(myCurrentAbsoluteUriString); 2233 string myPlcUrl = myCurrentAbsoluteUri.Scheme + "://" + myCurrentAbsoluteUri.Host; 2234 string regPageLink = "/Default.aspx?ID=" + GetPageIdByNavigationTag("Register"); 2235 string forgotPwLink = "/Default.aspx?ID=" + GetPageIdByNavigationTag("Login") + "&LoginAction=Recovery&firsttime=true"; 2236 string impersonationLoginLink = "/Default.aspx?ID=" + GetPageIdByNavigationTag("ImpersonationLogin"); 2237 string orderHistoryLink = "/Default.aspx?ID=" + GetPageIdByNavigationTag("Orders"); 2238 int searchPageId = GetPageIdByNavigationTag("ProductSearchPage"); 2239 } 2240 2241 <script> 2242 var websiteUrl = '@myPlcUrl'; 2243 </script> 2244 2245 @functions{ 2246 public static string RemoveWhiteSpaceFromStylesheets(string body) 2247 { 2248 body = Regex.Replace(body, @"[a-zA-Z]+#", "#"); 2249 body = Regex.Replace(body, @"[\n\r]+\s*", string.Empty); 2250 body = Regex.Replace(body, @"\s+", " "); 2251 body = Regex.Replace(body, @"\s?([:,;{}])\s?", "$1"); 2252 body = body.Replace(";}", "}"); 2253 body = Regex.Replace(body, @"([\s:]0)(px|pt|%|em)", "$1"); 2254 // Remove comments from CSS 2255 body = Regex.Replace(body, @"/\*[\d\D]*?\*/", string.Empty); 2256 return body; 2257 } 2258 } 2259 2260  2261 @{String googleTrackingId = GetString("Item.Area.Google_Analytics_");} 2262 @if (!string.IsNullOrWhiteSpace(googleTrackingId)) 2263 { 2264 <script type="text/javascript"> 2265 (function (i, s, o, g, r, a, m) { 2266 i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { 2267 (i[r].q = i[r].q || []).push(arguments) 2268 }, i[r].l = 1 * new Date(); a = s.createElement(o), 2269 m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) 2270 })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga'); 2271 2272 ga('create', '@googleTrackingId', 'auto'); 2273 ga('set', 'userId', '@GetGlobalValue("Global:Extranet.UserName")'); // Set the user ID using signed-in user_id. 2274 ga('require', 'ecommerce', 'ecommerce.js'); 2275 ga('send', 'pageview'); 2276 </script> 2277 } 2278 <style> 2279 hr { 2280 margin-top: 0px; 2281 margin-bottom: 10px; 2282 } 2283 2284 @@media (min-width: 770px) and (max-width:860px) { 2285 hr { 2286 margin-top: 37px; 2287 margin-bottom: 20px; 2288 } 2289 } 2290 .user-menu-dropdown { 2291 background-color: white; 2292 margin-left: -20px; 2293 position: absolute; 2294 z-index: 9999; 2295 box-shadow: 2px 2px 2px 2px #888888; 2296 width: 180px; 2297 display: none; 2298 } 2299 .user-menu-dropdown > ul { 2300 list-style: none; 2301 text-align: left; 2302 padding: 0px 10px 0px 10px; 2303 margin: 0px; 2304 } 2305 .user-menu-dropdown > ul > li { 2306 border-top: solid 1px #d4d4d4; 2307 padding: 10px 0px 10px 10px; 2308 } 2309 .user-menu-dropdown > ul > li > a { 2310 vertical-align: -webkit-baseline-middle; 2311 } 2312 .user-menu:hover .user-menu-dropdown, .user-menu-dropdown:hover { 2313 display: block; 2314 } 2315 .user-menu-mobile { 2316 background: #333; 2317 border-bottom: #aaa 1px solid; 2318 height: 40px; 2319 } 2320 .user-menu-mobile > div { 2321 width: 100%; 2322 } 2323 .user-menu-mobile > div > div { 2324 width: 50%; 2325 float: left; 2326 text-align: -webkit-center; 2327 padding-top: 9px !important; 2328 } 2329 .user-menu-mobile > div > div > a { 2330 color: #ffc000 !important; 2331 font-size: 15px !important; 2332 } 2333 .user-menu-mobile > div > div > img { 2334 width: 20px; 2335 margin-top: -5px; 2336 } 2337 .user-menu-mobile > div > div > span { 2338 float: right; 2339 color: #ffc000; 2340 } 2341 2342 .contentwrapper2_whennoti { 2343 top: unset; 2344 } 2345 .language-box { 2346 width: 25%; 2347 float: right; 2348 margin-left: 0px; 2349 } 2350 .breadcrumb.style2 ul { 2351 margin: 0px 0px 5px 0px; 2352 } 2353 @@media screen and (max-width: 2500px) and (min-width: 1000px) and (max-height: 3000px) { 2354 .content-wrapper2 { 2355 top: unset !important; 2356 } 2357 } 2358 2359 @@media screen and (max-width: 2500px) and (min-width: 1000px) and (max-height: 3000px) { 2360 .content-wrapper { 2361 top: unset !important; 2362 } 2363 } 2364 @@media screen and (max-width: 800px) and (min-width: 700px) and (max-height: 1050px) { 2365 .user-menu { 2366 /*display:none !important;*/ 2367 padding-top: 10px; 2368 } 2369 } 2370 @@media screen and (max-width: 1050px) and (min-width: 1000px) and (max-height: 800px) { 2371 .user-menu-mobile { 2372 display: none !important; 2373 } 2374 } 2375 @@media screen and (max-width: 1050px) and (min-width: 1000px) and (max-height: 800px) { 2376 .hideLogin { 2377 display: block; 2378 } 2379 } 2380 @@media screen and (max-width: 800px) and (min-width: 750px) and (max-height: 1050px) { 2381 .hideLogin { 2382 display: none; 2383 } 2384 } 2385 2386 @*/******************************added by AKS to fix menu overlapping on content in Ipad view**********************************/*@ 2387 @@media (max-width:768px) { 2388 .language-box { 2389 margin-top: 7px; 2390 } 2391 } 2392 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 2393 .mblMenuStyleFixed { 2394 //position: fixed !important; 2395 //z-index: 10000; 2396 //height: 261px !important; 2397 //box-shadow: 0 2px 1px rgba(0,0,0,0.2) !important; 2398 } 2399 } 2400 @*/*********************************************************************/*@ 2401 .zoomContainer { 2402 z-index: 999; 2403 margin-top: 0px !important; 2404 overflow: hidden; 2405 } 2406 2407 .zoomWindow { 2408 border: #ccc 4px solid; 2409 background: #ccc; 2410 border-style: solid; 2411 width: 100%; 2412 overflow: hidden; 2413 } 2414 .modal-open { 2415 position: inherit !important; 2416 padding-right: 0px !important; 2417 overflow-x: auto !important; 2418 overflow-y: auto !important; 2419 } 2420 .M1.dropdown-menu { 2421 margin-top: 6px !important; 2422 } 2423 2424 a[href^=tel] { 2425 text-decoration: inherit; 2426 color: inherit; 2427 } 2428 2429 .alert-main { 2430 /*position: fixed;*/ 2431 width: 100%; 2432 top: 0; 2433 z-index: 99999; 2434 font-size: 14px; 2435 font-size: 1.4rem; 2436 -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2437 -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2438 box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2439 background-color: #2e2e2e; 2440 color: #909090; 2441 font-weight: 500; 2442 } 2443 2444 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 750px) { 2445 .alert-main { 2446 position: fixed; 2447 width: 100%; 2448 top: 0; 2449 z-index: 99999; 2450 font-size: 14px; 2451 font-size: 1.4rem; 2452 -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2453 -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2454 box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2455 background-color: #2e2e2e; 2456 color: #909090; 2457 font-weight: 500; 2458 height: 95px; 2459 } 2460 } 2461 @@media screen and (max-width: 700px) and (min-width: 650px) and (max-height: 400px) { 2462 .alert-main { 2463 position: fixed; 2464 width: 100%; 2465 top: 0; 2466 z-index: 99999; 2467 font-size: 14px; 2468 font-size: 1.4rem; 2469 -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2470 -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2471 box-shadow: 0 2px 1px rgba(0,0,0,0.2); 2472 background-color: #2e2e2e; 2473 color: #909090; 2474 font-weight: 500; 2475 height: 65px; 2476 } 2477 } 2478 2479 .close-thik { 2480 content: '✖'; /* UTF-8 symbol */ 2481 } 2482 2483 2484 @@media screen and (max-width: 800px) and (min-width: 765px) and (max-height: 1200px) { 2485 .mblMenuStyleFixed { 2486 /*position: fixed !important;*/ 2487 /*z-index: 10000;*/ 2488 height: 220px !important; 2489 /*box-shadow: 0 2px 1px rgba(0,0,0,0.2) !important;*/ 2490 } 2491 } 2492 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 2493 .whenNoti { 2494 top: 84px !important; 2495 } 2496 } 2497 @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { 2498 .whenNoti { 2499 top: 64px !important; 2500 } 2501 2502 #searchMobile { 2503 top: 64px; 2504 } 2505 } 2506 @@media screen and (max-width: 800px) and (min-width: 765px) and (max-height: 1200px) { 2507 .whenNoti { 2508 /*top : 65px !important; AKS */ 2509 top: 0px !important; 2510 } 2511 } 2512 @@media screen and (max-height: 740px) and (max-width: 700px) and (min-width: 400px) { 2513 .content-wrapper.whenNotiMainPg { 2514 margin-top: 90px !important; 2515 } 2516 2517 .Noti_Remove { 2518 margin-top: 80px !important; 2519 } 2520 } 2521 @@media screen and (max-width: 800px) and (min-width: 765px) and (max-height: 1200px) { 2522 .whenNotiMainPg { 2523 margin-top: 0px !important; 2524 } 2525 } 2526 @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { 2527 .whenNotiMainPg { 2528 margin-top: 320px !important; 2529 } 2530 } 2531 .whenNoti { 2532 top: 47px; 2533 } 2534 .whenNotiMainPg { 2535 margin-top: 20px; 2536 } 2537 2538 .product-count { 2539 background: none repeat scroll 0 0 #000; 2540 border-radius: 50%; 2541 color: #fff; 2542 display: inline-block; 2543 font-size: 10px; 2544 height: 20px; 2545 padding-top: 2px; 2546 position: absolute; 2547 right: 17px; 2548 text-align: center; 2549 top: 25px; 2550 width: 20px; 2551 } 2552 .product-count span.cart-no { 2553 position: relative; 2554 top: -11px; 2555 } 2556 2557 .borderLine { 2558 float: right; 2559 font-size: 30px; 2560 color: #d4d4d4; 2561 padding-right: 10px; 2562 } 2563 2564 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 750px) { 2565 .mblProductCount { 2566 top: 16px !important; 2567 } 2568 } 2569 2570 @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { 2571 .mblProductCount { 2572 top: 21px !important; 2573 } 2574 } 2575 2576 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 750px) { 2577 .mblCartNo { 2578 top: -6px !important; 2579 } 2580 } 2581 2582 @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { 2583 .mblCartNo { 2584 top: -11px !important; 2585 } 2586 } 2587 2588 @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { 2589 .mblCartNo { 2590 top: -11px !important; 2591 } 2592 } 2593 2594 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 2595 .mblborderLine { 2596 display: none; 2597 } 2598 } 2599 2600 @@media screen and (max-width: 500px) and (min-width: 400px) and (max-height: 750px) { 2601 .mblborderLine { 2602 display: none; 2603 } 2604 } 2605 @@media screen and (max-width: 700px) and (min-width: 650px) and (max-height: 400px) { 2606 .mblborderLine { 2607 display: none; 2608 } 2609 } 2610 2611 @@media screen and (max-width: 700px) and (min-width: 650px) and (max-height: 400px) { 2612 .mblLandScapeReorder { 2613 float: right !important; 2614 } 2615 } 2616 2617 @@media screen and (max-width: 700px) and (min-width: 650px) and (max-height: 400px) { 2618 .mblLandScapeReorderDiv { 2619 padding-left: 0px !important; 2620 } 2621 } 2622 2623 #myBtn { 2624 display: none; 2625 position: fixed; 2626 bottom: 55px; 2627 right: 9%; 2628 z-index: 99; 2629 font-size: 18px; 2630 border: none; 2631 outline: none; 2632 color: white; 2633 cursor: pointer; 2634 padding: 15px; 2635 border-radius: 4px; 2636 background-image: url(/Files/Templates/Designs/PLC/assets/images/up_arrow_icon.png); 2637 background-size: 35px; 2638 width: 35px; 2639 height: 35px; 2640 } 2641 @@media handheld, only screen and (max-width: 768px) { 2642 .content-wrapper { /*top:10px;*/ 2643 position: relative; 2644 } 2645 } 2646 /***********************loading screen*************************/ 2647 /* Absolute Center Spinner */ 2648 .loading { 2649 position: fixed; 2650 z-index: 999999; 2651 height: 2em; 2652 width: 2em; 2653 overflow: show; 2654 margin: auto; 2655 top: 0; 2656 left: 0; 2657 bottom: 0; 2658 right: 0; 2659 } 2660 2661 /* Transparent Overlay */ 2662 .loading:before { 2663 content: ''; 2664 display: block; 2665 position: fixed; 2666 top: 0; 2667 left: 0; 2668 width: 100%; 2669 height: 100%; 2670 background-color: rgba(0,0,0,0.3); 2671 } 2672 2673 /*----------------------------------------------------*/ 2674 .lds-spinner { 2675 color: official; 2676 display: inline-block; 2677 position: relative; 2678 width: 15px; 2679 height: 15px; 2680 } 2681 .lds-spinner div { 2682 transform-origin: 2px 12px; 2683 animation: lds-spinner 1.2s linear infinite; 2684 } 2685 @if(Pageview.Device.ToString().ToUpper() == "MOBILE") 2686 { 2687 <text> 2688 .jetmenu .dropdown { 2689 display: none; 2690 } 2691 </text> 2692 } 2693 .lds-spinner div:after { 2694 content: " "; 2695 display: block; 2696 position: absolute; 2697 width: 2.5px; 2698 height: 7px; 2699 border-radius: 50%; 2700 background: #fff; 2701 } 2702 .lds-spinner div:nth-child(1) { 2703 transform: rotate(0deg); 2704 animation-delay: -1.1s; 2705 } 2706 .lds-spinner div:nth-child(2) { 2707 transform: rotate(30deg); 2708 animation-delay: -1s; 2709 } 2710 .lds-spinner div:nth-child(3) { 2711 transform: rotate(60deg); 2712 animation-delay: -0.9s; 2713 } 2714 .lds-spinner div:nth-child(4) { 2715 transform: rotate(90deg); 2716 animation-delay: -0.8s; 2717 } 2718 .lds-spinner div:nth-child(5) { 2719 transform: rotate(120deg); 2720 animation-delay: -0.7s; 2721 } 2722 .lds-spinner div:nth-child(6) { 2723 transform: rotate(150deg); 2724 animation-delay: -0.6s; 2725 } 2726 .lds-spinner div:nth-child(7) { 2727 transform: rotate(180deg); 2728 animation-delay: -0.5s; 2729 } 2730 .lds-spinner div:nth-child(8) { 2731 transform: rotate(210deg); 2732 animation-delay: -0.4s; 2733 } 2734 .lds-spinner div:nth-child(9) { 2735 transform: rotate(240deg); 2736 animation-delay: -0.3s; 2737 } 2738 .lds-spinner div:nth-child(10) { 2739 transform: rotate(270deg); 2740 animation-delay: -0.2s; 2741 } 2742 .lds-spinner div:nth-child(11) { 2743 transform: rotate(300deg); 2744 animation-delay: -0.1s; 2745 } 2746 .lds-spinner div:nth-child(12) { 2747 transform: rotate(330deg); 2748 animation-delay: 0s; 2749 } 2750 @@keyframes lds-spinner { 2751 0% { 2752 opacity: 1; 2753 } 2754 2755 100% { 2756 opacity: 0; 2757 } 2758 } 2759 2760 /***********************loading screen end*************************/ 2761 </style> 2762 2763 <script> 2764 //Browser Back control 2765 @*/*************************Added By AKS for VIP card expire alert ..9/24/2019***********************/*@ 2766 2767 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 2768 { 2769 var user = Dynamicweb.Security.UserManagement.User.GetCurrentUser(Dynamicweb.Security.UserManagement.PagePermissionLevels.Frontend); 2770 List<Dynamicweb.Security.UserManagement.Common.CustomFields.CustomFieldValue> custom_fields = user.CustomFieldValues; 2771 DateTime expiryDate = (DateTime)custom_fields.Find(x => x.CustomField.Name == "ExpryDate").Value; 2772 2773 if (DateTime.Now > expiryDate) 2774 { 2775 <text> 2776 var isVIPExpire = getCookie("IsVIPExpire"); 2777 if(isVIPExpire != 'IsShown') 2778 { 2779 document.cookie = "IsVIPExpire=true; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 2780 } 2781 </text> 2782 } 2783 else 2784 { 2785 <text> 2786 document.cookie = "IsVIPExpire=false; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 2787 </text> 2788 } 2789 } 2790 /************************************************************************************************/ 2791 </script> 2792 2793 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 2794 { 2795 string loggedin = ""; 2796 var vbs = System.Web.HttpContext.Current.Request["loggedin"]; 2797 if (vbs != null) 2798 { 2799 loggedin = vbs.ToString(); 2800 } 2801 else 2802 { 2803 loggedin = "0"; 2804 } 2805 2806 string kemail = GetGlobalValue("Global:Extranet.UserName"); 2807 2808 if (loggedin == "1") 2809 { 2810 <script type="text/javascript"> 2811 $(document).ready(function () { 2812 window.DY = window.DY || {}; 2813 DY.API("event", { 2814 name: "Login", 2815 properties: { 2816 dyType: "login-v1", 2817 hashedEmail: DYO.dyhash.sha256('@kemail'), 2818 } 2819 }); 2820 if (window.location.href.indexOf("loggedin") > 0 && window.location.href.indexOf("shopping") > 0) { 2821 window.history.replaceState({}, document.title, "/" + "shopping-cart"); 2822 return; 2823 } 2824 if (window.location.href.indexOf("loggedin") > 0) { 2825 window.history.replaceState({}, document.title, "/" + "home"); 2826 return; 2827 } 2828 }); 2829 </script> 2830 } 2831 } 2832 2833 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker.min.css"> 2834 <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/css/datepicker3.min.css"> 2835 <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.0/js/bootstrap-datepicker.min.js"></script> 2836 <script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0074/5989.js" async="async"></script> 2837 2838  2839 2840 <script type="text/javascript"> 2841 _atrk_opts = { atrk_acct:"/z1pl1awEti2fn", domain:"@System.Web.HttpContext.Current.Request.Url.Host",dynamic: true}; 2842 (function () { var as = document.createElement('script'); as.type = 'text/javascript'; as.async = true; as.src = "https://certify-js.alexametrics.com/atrk.js"; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(as, s); })(); 2843 </script> 2844 <noscript><img src="https://certify.alexametrics.com/atrk.gif?account=/z1pl1awEti2fn" style="display:none" height="1" width="1" alt=""></noscript> 2845  2846 2847 <link rel="preconnect" href="//cdn.dynamicyield.com"> 2848 <link rel="preconnect" href="//st.dynamicyield.com"> 2849 <link rel="preconnect" href="//rcom.dynamicyield.com"> 2850 <link rel="dns-prefetch" href="//cdn.dynamicyield.com"> 2851 <link rel="dns-prefetch" href="//st.dynamicyield.com"> 2852 <link rel="dns-prefetch" href="//rcom.dynamicyield.com"> 2853 @GetValue("Stylesheets") 2854 @GetValue("Javascripts") 2855 </head> 2856 2857 <script> 2858 $(window).bind('scroll', function () { 2859 if ($(window).scrollTop() > 500) { 2860 $('header').addClass('nav-down'); 2861 } 2862 else { 2863 $('header').removeClass('nav-down'); 2864 } 2865 }); 2866 2867 // Hide Header on on scroll down 2868 var didScroll; 2869 var lastScrollTop = 0; 2870 var delta = 5; 2871 var navbarHeight = $('header').outerHeight(); 2872 2873 $(window).scroll(function (event) { 2874 didScroll = true; 2875 }); 2876 2877 setInterval(function () { 2878 if (didScroll) { 2879 hasScrolled(); 2880 didScroll = false; 2881 } 2882 }, 500); 2883 2884 function hasScrolled() { 2885 var st = $(this).scrollTop(); 2886 2887 // Make sure they scroll more than delta 2888 if (Math.abs(lastScrollTop - st) <= delta) 2889 return; 2890 2891 // If they scrolled down and are past the navbar, add class .nav-up. 2892 // This is necessary so you never see what is "behind" the navbar. 2893 if (st > lastScrollTop && st > navbarHeight) { 2894 // Scroll Down 2895 $('header').removeClass('nav-down').addClass('nav-up'); 2896 } else { 2897 // Scroll Up 2898 if (st + $(window).height() < $(document).height()) { 2899 $('header').removeClass('nav-up'); 2900 } 2901 } 2902 2903 lastScrollTop = st; 2904 } 2905 2906 function myFunction() { 2907 var x = document.getElementById("DrodownRspMenu"); 2908 if (x.style.display === "none") { 2909 x.style.display = "block"; 2910 } else { 2911 x.style.display = "none"; 2912 } 2913 } 2914 </script> 2915 <body> 2916  2917 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W354W5N" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 2918  2919 <style> 2920 #SearchLoading { 2921 display: none; 2922 } 2923 .searchBackground { 2924 background-color: unset !important; 2925 border: unset !important; 2926 } 2927 2928 .freezeBackground { 2929 z-index: 1000; 2930 border: none; 2931 margin: 0px; 2932 padding: 0px; 2933 width: 100%; 2934 height: 100%; 2935 top: 0px; 2936 left: 0px; 2937 background-color: rgb(0, 0, 0); 2938 opacity: 0.6; 2939 cursor: wait; 2940 position: fixed; 2941 pointer-events: none; 2942 } 2943 2944 .loadingImg { 2945 position: absolute; 2946 top: 60%; 2947 z-index: 9999; 2948 left: 50%; 2949 } 2950 </style> 2951 2952 2953 <div id="loader" style="display:none" class="loading"> 2954 <div class="lds-spinner"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> 2955 </div> 2956 2957 <div id="hidDiv"></div> 2958 <div class="pop-upnoti-mo-search"> 2959 <div class="alert-main" id="alertmain" style="display:none;"> 2960 <div class="container"> 2961 <div class="pro-contentbox"> 2962 <div class="pro-content"> 2963 <p> 2964 <i class="dot yellow"></i> 2965 <p style="text-align:center;color:white;"> 2966 @if (GetBoolean("Item.Area.Day_Notification_Bar_On_Off")) 2967 { 2968 if (checkDay == GetString("Item.Area.Day_Notification_Day") && serverTime > friStartTime && serverTime < friEndTime) 2969 { 2970 @Translate(fridayMaintenanceNoti) 2971 } 2972 else 2973 { 2974 if (GetBoolean("Item.Area.System_Notification_Bar_On_Off")) 2975 { 2976 if (serverTime > startTime && serverTime < endTime) 2977 { 2978 @Translate(sysMaintenanceNoti) 2979 } 2980 else 2981 { 2982 if (GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) 2983 { 2984 if (GetString("Item.Area.Maintenance_Time_Notification_Day") != "DAILY") 2985 { 2986 if (checkDay == GetString("Item.Area.Maintenance_Time_Notification_Day") && serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 2987 { 2988 @Translate(maintenanceTimeNoti) 2989 } 2990 else 2991 { 2992 if (GetBoolean("Item.Area.Notification_Bar_On_Off")) 2993 { 2994 @Translate(GetString("Item.Area.Notification_Text")) 2995 } 2996 } 2997 } 2998 else 2999 { 3000 if (serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 3001 { 3002 @maintenanceTimeNoti 3003 } 3004 else 3005 { 3006 if (GetBoolean("Item.Area.Notification_Bar_On_Off")) 3007 { 3008 @Translate(GetString("Item.Area.Notification_Text")) 3009 } 3010 } 3011 } 3012 } 3013 else 3014 { 3015 if (GetBoolean("Item.Area.Notification_Bar_On_Off")) 3016 { 3017 @Translate(GetString("Item.Area.Notification_Text")) 3018 } 3019 } 3020 } 3021 } 3022 else 3023 { 3024 if (GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) 3025 { 3026 if (GetString("Item.Area.Maintenance_Time_Notification_Day") != "DAILY") 3027 { 3028 if (checkDay == GetString("Item.Area.Maintenance_Time_Notification_Day") && serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 3029 { 3030 @Translate(maintenanceTimeNoti) 3031 } 3032 else 3033 { 3034 if (GetBoolean("Item.Area.Notification_Bar_On_Off")) 3035 { 3036 @Translate(GetString("Item.Area.Notification_Text")) 3037 } 3038 } 3039 } 3040 else 3041 { 3042 if (serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 3043 { 3044 @Translate(maintenanceTimeNoti) 3045 } 3046 else 3047 { 3048 if (GetBoolean("Item.Area.Notification_Bar_On_Off")) 3049 { 3050 @Translate(GetString("Item.Area.Notification_Text")) 3051 } 3052 } 3053 } 3054 } 3055 else 3056 { 3057 if (GetBoolean("Item.Area.Notification_Bar_On_Off")) 3058 { 3059 @Translate(GetString("Item.Area.Notification_Text")) 3060 } 3061 } 3062 } 3063 } 3064 } 3065 else 3066 { 3067 if (GetBoolean("Item.Area.System_Notification_Bar_On_Off")) 3068 { 3069 if (serverTime > startTime && serverTime < endTime) 3070 { 3071 @Translate(sysMaintenanceNoti) 3072 } 3073 else 3074 { 3075 if (GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) 3076 { 3077 if (GetString("Item.Area.Maintenance_Time_Notification_Day") != "DAILY") 3078 { 3079 if (checkDay == GetString("Item.Area.Maintenance_Time_Notification_Day") && serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 3080 { 3081 @Translate(maintenanceTimeNoti) 3082 } 3083 else 3084 { 3085 if (GetBoolean("Item.Area.Notification_Bar_On_Off")) 3086 { 3087 @Translate(GetString("Item.Area.Notification_Text")) 3088 } 3089 } 3090 } 3091 else 3092 { 3093 if (serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 3094 { 3095 @maintenanceTimeNoti 3096 } 3097 else 3098 { 3099 if (GetBoolean("Item.Area.Notification_Bar_On_Off")) 3100 { 3101 @Translate(GetString("Item.Area.Notification_Text")) 3102 } 3103 } 3104 } 3105 } 3106 else 3107 { 3108 if (GetBoolean("Item.Area.Notification_Bar_On_Off")) 3109 { 3110 @Translate(GetString("Item.Area.Notification_Text")) 3111 } 3112 } 3113 } 3114 } 3115 else 3116 { 3117 if (GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) 3118 { 3119 if (GetString("Item.Area.Maintenance_Time_Notification_Day") != "DAILY") 3120 { 3121 if (checkDay == GetString("Item.Area.Maintenance_Time_Notification_Day") && serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 3122 { 3123 @Translate(maintenanceTimeNoti) 3124 } 3125 else 3126 { 3127 if (GetBoolean("Item.Area.Notification_Bar_On_Off")) 3128 { 3129 @Translate(GetString("Item.Area.Notification_Text")) 3130 } 3131 } 3132 } 3133 else 3134 { 3135 if (serverTime > maintenanceTimeNotiStartTime && serverTime < maintenanceTimeNotiEndTime) 3136 { 3137 @maintenanceTimeNoti 3138 } 3139 else 3140 { 3141 if (GetBoolean("Item.Area.Notification_Bar_On_Off")) 3142 { 3143 @Translate(GetString("Item.Area.Notification_Text")) 3144 } 3145 } 3146 } 3147 } 3148 else 3149 { 3150 if (GetBoolean("Item.Area.Notification_Bar_On_Off")) 3151 { 3152 @Translate(GetString("Item.Area.Notification_Text")) 3153 } 3154 } 3155 } 3156 } 3157 <a href="javascript:void(0);divClose()" class="close" aria-label="Close" style="width: 10px;top: 0px;height: 10px;opacity: 1;"> 3158 <span aria-hidden="true" style="color:#F8F9F9;">×</span> 3159 </a> 3160 </p> 3161 </p> 3162 </div> 3163 </div> 3164 </div> 3165 </div> 3166 3167 <div class="prevent-overlay"></div> 3168 @if (Pageview.Device.ToString().ToUpper() == "MOBILE") 3169 { 3170 <div class="modal fade" id="searchMobile" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 3171 <div class="modal-dialog" style="top: 0px;padding: unset;margin: unset;"> 3172 <div class="modal-content" style=" background-color: #000 !important; border-radius: unset; width: 102%; left: -1px;"> 3173 <div class="modal-body" style="padding: 10px 25px 0px !important;"> 3174 <form method="get" id="searchForm" onsubmit="return tolower('#searchForm');" action="/Default.aspx"> 3175 <input type="hidden" name="ID" value="@searchPageId"> 3176 <table style="width: 100%;"> 3177 <tr> 3178 <td style="width: 70%; position: relative; width: 240px;"> 3179 <input type="search" class="form-control" id="search" name="searchsuggest" tabindex="1" placeholder="@searchplaceholder" style="width: 100%;border:none: background:#fff; display:block; width: 100%; box-sizing: border-box" autocomplete="off"> 3180 <img src="/Files/Images/plc/images/Search_Remove_Icon.svg" onclick="return clearSearchText();" style=" position: absolute; top: 7px; right: 2px; width:21px; background-color: white;"> 3181 <ul class="searchSuggestUl" id="searchSuggest"></ul> 3182 </td> 3183 <td style="width: 20%;"> 3184 <input type="button" style=" border: unset; background-color: #000; color: #fff; padding-left: 20px;" onclick="removeSearchDiv()" alt="submit" name="submit" value="Cancel"> 3185 </td> 3186 </tr> 3187 </table> 3188 <button type="submit" id="submitSearch" class="my-search-icon hidden"> 3189 <i class="fa fa-search"></i> 3190 </button> 3191 </form> 3192 </div> 3193 </div> 3194 </div> 3195 </div> 3196 } 3197 </div> 3198 <div id="menusoverlay"></div> 3199 <div id="fb-root"></div> 3200 <script> 3201 function hideErrorMessage() { 3202 $(".errorMsg").css("display", "none"); 3203 $(".cus-reg-para2").css("padding-bottom", "none"); 3204 $(".cus-modal").css("background-color", "white"); 3205 if ($(window).width() > 1200) { 3206 $(".cus-reg-btn").css("margin-top", "25px"); 3207 $(".cus-modal").css("height", "390px"); 3208 } 3209 if (screen.width > 800 && screen.width < 850 && screen.height > 1000 && screen.height < 1200) { 3210 $(".cus-reg-btn").css("margin-top", "25px"); 3211 $(".cus-modal").css("height", "400px"); 3212 } 3213 if (screen.width > 450 && screen.width < 800 && screen.height > 1000 && screen.height < 1200) { 3214 $(".cus-reg-btn").css("margin-top", "25px"); 3215 $(".cus-modal").css("height", "420px"); 3216 } 3217 } 3218 </script> 3219  3220 <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 3221 <div class="modal-dialog"> 3222 <div class="modal-content cus-modal" style="background-color:white;"> 3223 <div> 3224 <button type="button" class="close cus-close" data-dismiss="modal" aria-hidden="true" onclick="hideErrorMessage()"><img class="cus-close-img" src="/Files/Templates/Designs/PLC/assets/images/cancel-img.png"></button> 3225 </div> 3226 <div class="modal-body cus-mod-body"> 3227 <div style="width:100%"> 3228 <div class="cus-login"> 3229 <p class="login-para1" id="myModalLabel">@Translate("I have an online account", "I have an online account")</p> 3230 <p class="login-para2">@Translate("to place orders online","to place orders online")</p> 3231 @if(System.Web.HttpContext.Current.Request["loggin"] != null) 3232 { 3233 <text> 3234 <script> 3235 $(document).ready(function () { 3236 $('#loginPopup').click(); 3237 }); 3238 </script> 3239 </text> 3240 } 3241 @if (!string.IsNullOrWhiteSpace(GetString("DW_extranet_error_uk"))) 3242 { 3243 var extranetError = GetString("DW_extranet_error_uk").Replace("username", "email address"); 3244 if(extranetError.ToUpper().Contains("Exceeded limit of attempts to login. The account for user".ToUpper())) 3245 { 3246 extranetError = extranetError.Replace("Exceeded limit of attempts to login. The account for user", Translate("Exceeded limit of attempts to login. The account for user")).Replace("is blocked for 10 minutes", Translate("is blocked for 10 minutes")); 3247 } 3248 else 3249 { 3250 extranetError = Translate(extranetError); 3251 } 3252 var username = System.Web.HttpContext.Current.Request["UserName"]; 3253 if (!string.IsNullOrWhiteSpace(GetString("DW_extranet_error_uk")) && GetString("DwPageID") != cartid) 3254 { 3255 <text> 3256 <script> 3257 3258 $(document).ready(function(){ 3259 $('#loginPopup').click(); 3260 }) 3261 </script> 3262 </text> 3263 } 3264 <style> 3265 .errorMsg { 3266 background-color: #ff9898; 3267 border: solid 1px #f21a1a; 3268 border-style: ridge; 3269 border-radius: 4px; 3270 margin-top: 5px; 3271 } 3272 </style> 3273 <script> 3274 $(document).ready(function () { 3275 if (screen.width < 400 && screen.height < 580) { 3276 $(".cus-modal").css("height", "137%"); 3277 } 3278 3279 if (screen.width < 500 && screen.width > 850 && screen.height < 900) { 3280 $(".cus-modal").css("height", "110%"); 3281 } 3282 if (screen.width > 350 && screen.width < 400 && screen.height > 580 && screen.height < 800) { 3283 $(".cus-modal").css("height", "110%"); 3284 } 3285 }); 3286 </script> 3287 3288 <div class="form-group errorMsg @username"> 3289 @if (!string.IsNullOrEmpty(username)) 3290 { 3291 Dynamicweb.Security.UserManagement.User user = Dynamicweb.Security.UserManagement.User.GetUserByUserName(username); 3292 if (user != null && !user.Active) 3293 { 3294 <style> 3295 @@media only screen and (min-width:992px) { 3296 .cus-modal { 3297 height: 455px; 3298 } 3299 3300 .cus-reg-btn { 3301 margin-top: 101px; 3302 } 3303 } 3304 3305 @@media only screen and (device-width: 834px) and (device-height: 1194px) { 3306 .cus-modal { 3307 height: 500px; 3308 } 3309 3310 .cus-reg-btn { 3311 margin-top: 118px; 3312 } 3313 } 3314 3315 @@media only screen and (device-width: 712px) and (device-height: 1138px) { 3316 .cus-modal { 3317 height: 510px; 3318 } 3319 3320 .cus-reg-btn { 3321 margin-top: 118px; 3322 } 3323 3324 .errorMsg { 3325 width: 93% !important; 3326 } 3327 } 3328 </style> 3329 <form method="post" class="" id="ResendActivateEmail" style="margin-bottom:0px; margin-top: 5px;" action='/Default.aspx?id=@GetPageIdByNavigationTag("ResendActivationLink")'> 3330 <input type="hidden" id="validateEmail" name="validateEmail" value="@username"> 3331 <div style="font-size:12px; margin-top: 5px;"> 3332 <span style="padding:10px;">@Translate("Your online account is not activated yet.")</span><br> 3333 <span style="display: inline-block; padding:0px 10px;">@Translate("Please activate your online account via the activation link sent to your email.")</span><br> 3334 <a href=""><input hidden="" id="ResendActivateEmailSubmit" style="padding: 5px 10px; background: unset; width: auto;text-decoration: underline; color: #000;" type="submit" value="Resend activation link"></a> 3335 <a href="javascript:void(0)" onclick='document.getElementById("ResendActivateEmailSubmit").click();'><span style="padding: 5px 10px; background: unset; width: auto;text-decoration: underline; color: #000;">@Translate("Resend activation link")</span></a> 3336 </div> 3337 </form> 3338 } 3339 else 3340 { 3341 <style> 3342 @@media only screen and (min-width:992px) { 3343 .cus-modal { 3344 height: 405px; 3345 } 3346 3347 .cus-reg-btn { 3348 margin-top: 52px; 3349 } 3350 } 3351 3352 @@media only screen and (device-width: 834px) and (device-height: 1194px) { 3353 .cus-modal { 3354 height: 430px; 3355 } 3356 3357 .cus-reg-btn { 3358 margin-top: 53px; 3359 } 3360 } 3361 3362 @@media only screen and (device-width: 712px) and (device-height: 1138px) { 3363 .cus-modal { 3364 height: 450px; 3365 } 3366 3367 .cus-reg-btn { 3368 margin-top: 52px; 3369 } 3370 3371 .errorMsg { 3372 width: 95% !important; 3373 } 3374 } 3375 </style> 3376 <span style="padding:10px;">@extranetError</span> 3377 } 3378 } 3379 </div> 3380 } 3381 <form class="form-horizontal cus-form-padd" role="form" id="loginform" method="post" action='/Default.aspx?ID=@GetPageIdByNavigationTag("Home")'> 3382  3383 <input type="hidden" name="ID" value="@FirstPg"> 3384 <input type="hidden" name="DWExtranetUsernameRemember" value="True"> 3385 <input type="hidden" name="DWExtranetPasswordRemember" value="True"> 3386 @if (string.IsNullOrWhiteSpace(GetString("UserManagement:User.Login.SuccessRedirectToPage"))) 3387 { 3388 <input type="hidden" name="Redirect" value="/Default.aspx?ID=@Pageview.ID"> 3389 } 3390 <div class="cus-form form-group"> 3391 @{ attrValue = Translate("Enter email address", "Enter email address"); 3392 var username2 = @GetValue("DWExtranetUsername"); 3393 } 3394 <label for="username" class="cus-email-label col-sm-3">@Translate("Email address", "Email address")</label> 3395 <div class="form-text-width cus-padding col-sm-7"><input type="email" id="LoginEmail" class="cus-form2 form-control" name="username" id="username" onkeypress="prevent(event)" value="@username2" required=""></div> 3396 </div> 3397 <div class="cus-form1 form-group"> 3398 @{ 3399 attrValue = Translate("Enter password", "Enter password"); 3400 } 3401 <label for="password" class="cus-password col-sm-3">@Translate("Password", "Password")</label> 3402 <div class="form-text-width cus-pass-text col-sm-7"><input type="password" id="LoginPassword" class="cus-form2 form-control" name="password" id="password" onkeypress="prevent(event)" required=""></div> 3403   3404 <a class="cus-forget-pass pull-left" href="@forgotPwLink">@Translate("Forgot password?", "Forgot password?")</a> 3405   3406 </div> 3407 <div class="cus-footer modal-footer"> 3408 <div class="checkbox cus-keepsign" style="padding:10 0 20 0; width: fit-content;"> 3409 <label> 3410 <input type="checkbox" name="Autologin" checked="checked" value="True" class="cus-checkbox"><div class="checkbox-text">@Translate("Keep me logged in", "Keep me logged in")</div> 3411 </label> 3412 </div> 3413 <input class="cus-login-btn" name="btnSubmit" type="submit" value='@Translate("Log In", "Log In")' id="btnSubmit"> 3414 </div> 3415 3416 @if (GetLoop("DWExtranetExternalLoginProviders").Count != 0) 3417 { 3418 <div class=".cus-footer modal-footer"> 3419 <div class="row"> 3420 <div class="col-md-12"> 3421 <div class="pull-left">@Translate("Or sign in using", "Or sign in using"):</div> 3422 <p> 3423 </div> 3424 </div> 3425 <div class="row"> 3426 <div class="col-md-12"> 3427 @foreach (LoopItem LoginProvider in GetLoop("DWExtranetExternalLoginProviders")) 3428 { 3429 var ProviderName = LoginProvider.GetString("ProviderName").ToLower(); 3430 var ProviderID = LoginProvider.GetValue("ProviderID"); 3431 <a href='/Admin/Public/Social/ExternalLogin.aspx?action=login&providerID=@ProviderID' class="btn btn-xs btn-base pull-left"><i class="fa fa-@ProviderName"></i>@LoginProvider.GetString("ProviderName")</a> 3432 } 3433 </div> 3434 </div> 3435 </div> 3436 } 3437 <div class="cus-show"><h2 class="cus-line"><span class="cus-text">@Translate("or")</span></h2></div> 3438 </form> 3439 </div> 3440 <div class="part2"> 3441 <div class="ver-line"><hr width="1" size="500" class="cus-hr"></div> 3442 <div class="or">@Translate("or")</div> 3443 <div class="ver-line"><hr width="1" size="500" class="cus-hr"></div> 3444 </div> 3445 <div class="cus-reg"> 3446 <p class="cus-reg-para1">@Translate("I have a VIP membership but no online account","I have a VIP membership but no online account")</p> 3447 <p class="cus-reg-para2">@Translate("Register for an online account and link your VIP membership","Register for an online account and link your VIP membership")</p> 3448 <a href="@regPageLink"><button class="cus-reg-btn">@Translate("Register","Register")</button></a> 3449 </div> 3450 </div> 3451 </div> 3452 </div> 3453 </div> 3454 </div> 3455 <header class="grid-full mblMenuStyleFixed" id="noprint"> 3456 <div class="top-bar" id="noprint"> 3457 <div class="grid" id="noprint"> 3458 @if(Pageview.Device.ToString().ToUpper() == "MOBILE" || (Pageview.Device.ToString().ToUpper() == "TABLET" && Pageview.Platform.ToString().ToUpper() == "ANDROID")) 3459 { 3460 if(@GetGlobalValue("Global:Area.Lang").ToUpper() == "TH"){ 3461 <div class="col-1-2 tab-1-1 nopadding ipad-tab-1"> 3462 <div class="call-text alignment-call-text-topbar mbl-flex"> 3463 <img style="width:15px;height:15px;" src="@sitepath/assets/images/icons8-phone-26.png" alt="icon" title="chat or call us at"><span class="bold"> @GetString("Item.Area.ChatOr_CallUs_No") <br>@Translate("for Phone Order")</span> 3464 </div> 3465 <div class="customercare-text align-customer-service-toolbar"> 3466 <a href="@CustomerCareHyperLink" class="bold">@Translate("Customer Care")</a> 3467 </div> 3468 <div class="store-link alignment-store-link-topbar" id="noprint"> 3469 <a href="Default.aspx?ID=@storelocation"> 3470 <span class="bold">@Translate("Stores") </span> 3471 </a> 3472 </div> 3473 </div> 3474 } 3475 else{ 3476 <div class="col-1-2 tab-1-1 nopadding ipad-tab-1"> 3477 <div class="eng-call-text alignment-call-text-topbar mbl-flex"> 3478 <img style="width:15px;height:15px;" src="@sitepath/assets/images/icons8-phone-26.png" alt="icon" title="chat or call us at"><span class="bold"> @GetString("Item.Area.ChatOr_CallUs_No") <br>@Translate("for Phone Order")</span> 3479 </div> 3480 <div class="eng-customercare-text align-customer-service-toolbar"> 3481 <a href="@CustomerCareHyperLink" class="bold">@Translate("Customer Care")</a> 3482 </div> 3483 <div class="store-link alignment-store-link-topbar" id="noprint"> 3484 <a href="Default.aspx?ID=@storelocation"> 3485 <span class="bold">@Translate("Stores") </span> 3486 </a> 3487 </div> 3488 </div> 3489 } 3490 } 3491 else{ 3492 if(@GetGlobalValue("Global:Area.Lang").ToUpper() == "EN"){ 3493 3494 <div class="col-1-2 tab-1-1 nopadding ipad-tab-1"> 3495 <div class="call-text"><img style="width:15px;height:15px;" src="@sitepath/assets/images/icons8-phone-26.png" alt="icon" title="chat or call us at"><span class="bold">@GetString("Item.Area.ChatOr_CallUs_No") @Translate("for Phone Order")</span></div> 3496 <div class="customercare-text align-customer-service-toolbar"> 3497 <a href="@CustomerCareHyperLink" class="bold">@Translate("Customer Care")</a> 3498 </div> 3499 <div class="store-link alignment-store-link-topbar" id="noprint"> 3500 <a href="Default.aspx?ID=@storelocation"> 3501 <span class="bold">@Translate("Stores") </span> 3502 </a> 3503 </div> 3504 </div> 3505 } 3506 else{ 3507 <div class="col-1-2 tab-1-1 nopadding ipad-tab-1"> 3508 <div class="call-text" style="width:55%"><img style="width:15px;height:15px;" src="@sitepath/assets/images/icons8-phone-26.png" alt="icon" title="chat or call us at"><span class="bold">@GetString("Item.Area.ChatOr_CallUs_No") @Translate("for Phone Order")</span></div> 3509 <div class="customercare-text align-customer-service-toolbar" style="width:16%;"> 3510 <a href="@CustomerCareHyperLink" class="bold">@Translate("Customer Care")</a> 3511 </div> 3512 <div class="store-link alignment-store-link-topbar" id="noprint"> 3513 <a href="Default.aspx?ID=@storelocation"> 3514 <span class="bold">@Translate("Stores") </span> 3515 </a> 3516 </div> 3517 </div> 3518 } 3519 3520 } 3521 <div class="col-1-2 tab-1-1 nopadding ipad-tab-2" id="noprint"> 3522 <div class="language-box" id="noprint"> 3523 <div id="languageDropdown" class="wrapper-dropdown-3 dd3 alignment-languageDropdown-topbar" tabindex="1"> 3524 @if (GetGlobalValue("Global:Area.Lang").ToUpper() == "EN") 3525 { 3526 <span class="bold"><img src="/Files/Images/plc/images/TH/globalicon.png" alt="flag image" title="" style="width: 27%; padding-right: 4px;"> | English</span> 3527 } 3528 else 3529 { 3530 <span class="bold"><img src="/Files/Images/plc/images/TH/globalicon.png" alt="flag image" title="" style="width: 27%; padding-right: 4px;"> | ภาษาไทย</span> 3531 } 3532 @if(otherLangPageId > 0) 3533 { 3534 if(GetGlobalValue("Global:Area.Lang").ToUpper() == "EN") 3535 { 3536 <ul class="dropdown"> 3537 <li onclick="window.location.href=$(this).find("a").attr("href");"><a href='/Default.aspx?ID=@GetGlobalValue("Global:Page.ID")'>English</a></li> 3538 <li onclick="window.location.href=$(this).find("a").attr("href");"><a href='/Default.aspx?ID=@otherLangPageId'>ภาษาไทย</a></li> 3539 </ul> 3540 } 3541 else 3542 { 3543 <ul class="dropdown"> 3544 <li onclick="window.location.href=$(this).find("a").attr("href");"><a href='/Default.aspx?ID=@otherLangPageId'>English</a></li> 3545 <li onclick="window.location.href=$(this).find("a").attr("href");"><a href='/Default.aspx?ID=@GetGlobalValue("Global:Page.ID")'>ภาษาไทย</a></li> 3546 </ul> 3547 } 3548 } 3549 else 3550 { 3551 <ul class="dropdown"> 3552 <li onclick="window.location.href=$(this).find("a").attr("href");"><a href="/en-us">English</a></li> 3553 <li onclick="window.location.href=$(this).find("a").attr("href");"><a href="/th-th">ภาษาไทย</a></li> 3554 </ul> 3555 } 3556 </div> 3557 </div> 3558 <div class="country-box" id="noprint"> 3559 <div id="countryDropdown" class="wrapper-dropdown-3 dd1 alignment-countryDropdown-topbar" tabindex="1"> 3560  3561 <span class="bold">@Translate("Thailand")</span> 3562 @*---- BEGAN Country Selection Hard Code ----*@ 3563 <ul class="dropdown"> 3564 <li onclick="window.location.href=$(this).find("a").attr("href");"><a href="https://www.petloverscentre.co.th"> @Translate("Thailand")</a></li> 3565 <li onclick="window.location.href=$(this).find("a").attr("href");"><a href="https://www.petloverscentre.com"> @Translate("Singapore")</a></li> 3566 <li onclick="window.location.href=$(this).find("a").attr("href");"><a href="https://www.petloverscentre.com.my"> @Translate("Malaysia")</a></li> 3567 @*<li onclick="window.location.href=$(this).find("a").attr("href");"><a href="http://www.petloverscentre.vn"> @Translate("Vietnam")</a></li>*@ 3568 <li onclick="window.location.href=$(this).find("a").attr("href");"><a href="https://www.petloverscentre.com.ph"> @Translate("Philippines")</a></li> 3569 </ul> 3570 @*---- END Country Selection Hard Code ----*@ 3571 </div> 3572 </div> 3573 <div class="dropdown-box vip-box @Pageview.Device.ToString()" id="noprint"> 3574 <div class="wrapper-dropdown-3 dd2 alignment-vipmembership-topbar" tabindex="1"> 3575 <span class="bold">@Translate("VIP Membership")</span> 3576 <ul class="dropdown"> 3577 @GetValue("DwNavigation(vipcard)") 3578 </ul> 3579 </div> 3580 </div> 3581 </div> 3582 </div> 3583 </div> 3584 <div class="grid" id="noprint"> 3585 <div class="top-info" id="noprint"> 3586 @if (!string.IsNullOrWhiteSpace(GetString("Item.Area.Logo"))) 3587 { 3588 string logo = GetString("Item.Area.Logo"); 3589 string areaName = GetString("DwAreaName"); 3590 3591 <a href="@globalurl"> 3592 <div class="logo"> 3593 <img src="@logo" alt="Logo" title="@areaName"> 3594 </div> 3595 </a> 3596 } 3597 3598 <div class="top-info-right" id="noprint"> 3599 <div class="top-info-content"> 3600 @if(!GetBoolean("Item.Area.Enable")) 3601 { 3602 <div class="top-cart-info" id="noprint"> 3603 <span class="borderLine"> 3604 |<span> 3605 <img src="@sitepath/assets/images/shopping-cart.png"> 3606 <a class="dw-minicart" id="minipagecart-button"> 3607 <i class="fa fa-shopping-cart"></i> 3608 <span class="product-count mblProductCount"> 3609 <span class="cart-no mblCartNo"> @productQty </span> 3610 </span> 3611 </a> 3612 </span> 3613 </span> 3614 </div> 3615 if (Pageview.Device.ToString().ToUpper() == "MOBILE") 3616 { 3617 <div class="mblLandScapeReorderDiv"> 3618 @if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 3619 { 3620 <a href="javascript:void(0)" data-toggle="modal" data-target="#login"><img src="@sitepath/assets/images/Non_Login_Reorder.png" style="width: 65px;float:right;" class="mblLandScapeReorder"></a> 3621 } 3622 else 3623 { 3624 <a href="@orderHistoryLink"><img src="@sitepath/assets/images/Reorder.png" style="width: 65px;float:right;" class="mblLandScapeReorder"></a> 3625 } 3626 <span class="borderLine mblborderLine">|</span> 3627 </div> 3628 } 3629 else if (Pageview.Device.ToString().ToUpper() == "TABLET") 3630 { 3631 <div> 3632 @if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 3633 { 3634 <a href="javascript:void(0)" data-toggle="modal" data-target="#login"><img src="@sitepath/assets/images/Non_Login_Reorder.png" style="width: 70px;float:right;"></a> 3635 } 3636 else 3637 { 3638 <a href="@orderHistoryLink"><img src="@sitepath/assets/images/Reorder.png" style="width: 70px;float:right;"></a> 3639 } 3640 </div> 3641 } 3642 else 3643 { 3644 <div> 3645 @if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 3646 { 3647 <a href="javascript:void(0)" data-toggle="modal" data-target="#login"><img src="@sitepath/assets/images/Non_Login_Reorder.png" style="width: 70px;float:right;"></a> 3648 } 3649 else 3650 { 3651 <a href="@orderHistoryLink"><img src="@sitepath/assets/images/Reorder.png" style="width: 70px;float:right;"></a> 3652 } 3653 <span class="borderLine" style="padding-top: 3.5px;">|<span> 3654 </span></span></div> 3655 } 3656 3657 <div class="cart-info-box" style="display:none;"> 3658 <ul class="sub-menu" style="list-style:none;"> 3659 <li id="smallscreen-minicart"> 3660 @MiniCart() 3661 </li> 3662 </ul> 3663 </div> 3664 3665 <div class="top-sign hideLogin" id="noprint" style="width:auto;"> 3666 @if (!Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 3667 { 3668 if(Pageview.Device.ToString().ToUpper() != "MOBILE") 3669 { 3670 <div class="ShowHideLogIn"> 3671 <a href="#" id="loginPopup" data-toggle="modal" data-target="#login">@Translate("Log In")</a> 3672 <text>|</text> 3673 <br class="showhide-br"> 3674 <a href="@regPageLink">@Translate("Register")</a> 3675 </div> 3676 } 3677 else 3678 { 3679 <br class="showhide-br" style="display:block;"> 3680 <br class="showhide-br" style="display:block;"> 3681 } 3682 } 3683 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 3684 { 3685 <div class="user-menu"> 3686 @if (Pageview.Device.ToString().ToUpper() != "MOBILE") 3687 { 3688 <a href='/Default.aspx?ID=@GetPageIdByNavigationTag("ViewProfile")'><strong>Hi @GetGlobalValue("Global:Extranet.FirstName")</strong></a> 3689 <div class="user-menu-dropdown"> 3690 <ul> 3691 <li style="border: none;"><a href='/Default.aspx?ID=@GetPageIdByNavigationTag("ViewProfile")'>@Translate("View Profile", "View Profile")</a></li> 3692 <li><a href='/Default.aspx?ID=@GetPageIdByNavigationTag("EditUserProfile")'>@Translate("Edit User Profile", "Edit User Profile")</a></li> 3693 <li><a href='/Default.aspx?ID=@GetPageIdByNavigationTag("Orders")'>@Translate("Orders", "Orders")</a></li> 3694 <li><a href='javascript:void(0);SiteLogout()'>@Translate("Logout", "Logout")</a></li> 3695 </ul> 3696 </div> 3697 } 3698 <br class="showhide-br"> 3699 </div> 3700 } 3701 3702 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName")) && GetLoop("DWExtranetSecondaryUsers").Count > 0) 3703 { 3704 <div class="impersonation-panel" style="margin-bottom: -20px;"> 3705 @*Impersonation*@ 3706 @if (!string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserName"))) 3707 { 3708 <input class="btn btn-default" style="width: 100% !important;padding-top: 0px !important;background-color: #ad2c13 !important;font-size: 12px; " type="button" id='showhidebtn' value='@Translate("Impersonated by") @GetGlobalValue("Global:Extranet.SecondaryUser.UserName")'> 3709 } 3710 <div id="impersonDiv" style="margin-bottom: -20px;position: absolute;background-color: white;z-index: 9999;border: 1px solid;display:none;padding: 0.5em 0.5em 0.5em 1em; line-height: 3px;"> 3711 @if (!string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserName"))) 3712 { 3713 3714 string stopImpersonateTranslation = Translate("Stop impersonation", "Stop impersonation"); 3715 <i class="fa fa-user-secret"></i> 3716 <p>@Pageview.User.UserName<text> </text>@Translate("is impersonated by")<text> </text></p><p>@GetGlobalValue("Global:Extranet.SecondaryUser.UserName")</p> 3717 <form method="post"> 3718 <input type="submit" class="btn btn-default" name="DwExtranetRemoveSecondaryUser" value="@stopImpersonateTranslation" style="width: 139px !important;padding-top: 0px !important;background-color: #ad2c13 !important; "> 3719 </form> 3720 } 3721 </div> 3722 <div> 3723 @if (string.IsNullOrWhiteSpace(GetGlobalValue("Global:Extranet.SecondaryUser.UserName"))) 3724 { 3725 <a href="@impersonationLoginLink" title="View the list of users you can impersonate"><i class="fa fa-user-secret"></i>@Translate("View impersonated user list", "View impersonated user list")</a> 3726 } 3727 </div> 3728 </div> 3729 } 3730 </div> 3731 } 3732 <style> 3733 .searchBox_innner { 3734 border-bottom: unset !important; 3735 margin: 2px 5% 8px 5% !important; 3736 } 3737 3738 .top-info-content { 3739 border-bottom: #d8d8d8 1px solid !important; 3740 } 3741 </style> 3742 @if(Pageview.Device.ToString().ToUpper() != "MOBILE") 3743 { 3744 <div class="searchBox" style="width: 47%; margin-left: 20px !important;float:left;border-radius: 25px;"> 3745 <div class="searchBox_innner"> 3746 <style> 3747 .my-search-icon, .my-search-icon:hover, .my-search-icon:focus { 3748 background-image: url(/files/images/plc/images/search-icon.svg); 3749 background-repeat: no-repeat; 3750 background-color: transparent; 3751 background-position: center; 3752 outline: none; 3753 } 3754 </style> 3755 <form method="get" id="searchForm" onsubmit="return tolower('#searchForm');" action="/Default.aspx"> 3756 <input type="hidden" name="ID" value="@searchPageId"> 3757 <table style="width: 100%;"> 3758 <tr> 3759 <td style="width: 10%;"> 3760 <button type="submit" id="submitSearch" class="my-search-icon"> 3761 <i class="fa fa-search"></i> 3762 </button> 3763 </td> 3764 <td style="width: 90%;"> 3765 <input type="text" class="form-control" id="search" name="searchsuggest" tabindex="1" placeholder="@searchplaceholder" style="width: 100%;" autocomplete="off"> 3766 <ul class="searchSuggestUl" id="searchSuggest"></ul> 3767 </td> 3768 </tr> 3769 </table> 3770 </form> 3771 </div> 3772 </div> 3773 } 3774 @if(Pageview.Device.ToString().ToUpper() == "MOBILE") 3775 { 3776  3777 <style> 3778 input[type=search] { 3779 width: 300px; 3780 box-sizing: border-box; 3781 border: 2px solid #ccc; 3782 border-radius: 4px; 3783 font-size: 16px; 3784 background-color: white; 3785 background-image: url(/files/images/plc/images/search-icon.svg); 3786 background-position: 6px 4px; 3787 background-repeat: no-repeat; 3788 padding: 12px 20px 12px 40px; 3789 -webkit-transition: width 0.4s ease-in-out; 3790 transition: width 0.4s ease-in-out; 3791 } 3792 </style> 3793 3794 3795 <script> 3796 function removeSearchDiv() 3797 { 3798 $('#search-mobile-a').click(); 3799 } 3800 3801 function clearSearchText(){ 3802 $('#search').val(''); 3803 return false; 3804 } 3805 </script> 3806 } 3807 </div> 3808 3809 <div style="" id="mainMenu" class="top-navi"> 3810 @{ 3811 var menuSelect = ""; 3812 switch (Pageview.Device.ToString().ToUpper()) 3813 { 3814 case "MOBILE" : 3815 @RenderNavigation(new 3816 { 3817 startlevel = "1", 3818 endlevel = "4", 3819 template = "LiCleanBootstrapDropdown_for_Mobile.xslt", 3820 expandmode = "all" 3821 }); 3822 break; 3823 case "TABLET" : 3824 @RenderNavigation(new 3825 { 3826 startlevel = "1", 3827 endlevel = "4", 3828 template = "LiCleanBootstrapDropdown_for_Tablet.xslt", 3829 expandmode = "all" 3830 }); 3831 <script> 3832 $(document).ready(function(){ 3833 TabletNavigationMenuHandler(); 3834 $( window ).on( "orientationchange", function( event ) { 3835 if('@GetString("DWPageName")' == 'Shopping Cart') { 3836 //prevention order process crush, doesn't reload 3837 } else if('@GetInteger("DWPageID")' == '67') { 3838 //prevention order process crush, doesn't reload 3839 } else { 3840 location.reload(); 3841 } 3842 TabletNavigationMenuHandler(); 3843 }); 3844 3845 //prevention display:none when second time click on burger menu 3846 $('.showhide').click(function(){ 3847 if (window.matchMedia('(max-width: 768px)').matches) { 3848 $('.navigationSafri').find('.dropdown-column').attr('style','display: block'); 3849 $('.M2').find('.dropdown').attr('style','display: block'); 3850 $('.dropdown-column').attr('style','text-indent: -5px !important'); 3851 } else { 3852 //nothing doing for landscape view 3853 } 3854 }); 3855 }); 3856 function TabletNavigationMenuHandler(){ 3857 if (window.matchMedia('(max-width: 768px)').matches) { 3858 $('.showhide').find('.title').attr('style','display: block'); 3859 $('.showhide').find('.icon').attr('style','display: block'); 3860 $('.M1.dropdown-menu').attr('style','margin-top: 0px !important'); 3861 $('.dropdown-column').attr('style','text-indent: -5px !important'); 3862 } else { 3863 $('.showhide').click(); 3864 $('.showhide').find('.title').attr('style','display: none'); 3865 $('.showhide').find('.icon').attr('style','display: none'); 3866 $('.showhide').attr('style','display: none'); 3867 } 3868 } 3869 $('.m-col ul li a').on('click touchend', function(e) { 3870 var el = $(this); 3871 var link = el.attr('href'); 3872 3873 if(link.indexOf('/') != -1 && !window.matchMedia('(max-width: 768px)').matches) { 3874 window.location = link; 3875 } 3876 }); 3877 </script> 3878 break; 3879 default : 3880 @RenderNavigation(new 3881 { 3882 startlevel = "1", 3883 endlevel = "4", 3884 template = "LiCleanBootstrapDropdown.xslt", 3885 expandmode = "all" 3886 }); 3887 break; 3888 } 3889 } 3890 </div> 3891 <div> 3892 @if(Pageview.Device.ToString().ToUpper() == "TABLET"){ 3893 <script> 3894 $(document).ready(function(){ 3895 $(".jetmenu").jetmenu(); 3896 }); 3897 </script> 3898 } 3899 @if(Pageview.Device.ToString().ToUpper() == "MOBILE") 3900 { 3901 <script> 3902 $(document).ready(function(){ 3903 $(".jetmenu").jetmenu(); 3904 }); 3905 </script> 3906 <style> 3907 @@media (max-width: 375px) { 3908 .btn-sale { 3909 position: inherit !important; 3910 top: auto !important; 3911 } 3912 } 3913 @@media (max-width: 480px) { 3914 .btn-sale { 3915 position: inherit !important; 3916 top: auto !important; 3917 } 3918 } 3919 @@media (max-width: 600px) { 3920 .btn-sale { 3921 position: inherit !important; 3922 top: auto !important; 3923 } 3924 } 3925 @@media (max-width: 768px) { 3926 .btn-sale { 3927 position: inherit !important; 3928 top: auto !important; 3929 } 3930 } 3931 @@media screen and (max-width: 700px) and (min-width: 600px) and (max-height: 400px) { 3932 .search-mobile { 3933 padding-top: 20px; 3934 } 3935 3936 .btn-sale-mobile { 3937 padding-top: 20px; 3938 } 3939 } 3940 .search-mobile { 3941 float: right; 3942 } 3943 .search-mobile > a > img { 3944 width: 20px; 3945 } 3946 .btn-sale-mobile { 3947 float: right; 3948 } 3949 .btn-sale-mobile > a > img { 3950 width: 80px; 3951 margin-top: -6px; 3952 } 3953 </style> 3954 <div class="btn-sale-mobile" style="display: none;"> 3955 <a href="Default.aspx?ID=@saleid&productclassic=true"> 3956 <img src="/Files/Templates/Designs/PLC/assets/images/btn_sale.png" alt="button image" title="Sale"> 3957 </a> 3958 </div> 3959 <div class="search-mobile"> 3960 <a href="#" id="search-mobile-a" data-toggle="modal" data-target="#searchMobile"> 3961 <img src="/Files/Templates/Designs/PLC/assets/images/icon_Search.svg" alt="Search" title="Search" style="margin-top: -3px;"> 3962 </a> 3963 </div> 3964 } 3965 </div> 3966 @if(Pageview.Device.ToString().ToUpper() != "MOBILE") 3967 { 3968 <div class="btn-sale" style="display: none;"> 3969 <a href="Default.aspx?ID=@saleid&productclassic=true"> 3970 <img src="/Files/Templates/Designs/PLC/assets/images/btn_sale.png" alt="button image" title="Sale"> 3971 </a> 3972 </div> 3973 } 3974 </div> 3975 </div> 3976 </div> 3977 </header> 3978 @if (Pageview.Device.ToString().ToUpper() == "MOBILE") 3979 { 3980 <div class="clearfix mbl_buttompadding"></div> 3981 } 3982 <div class="content-wrapper grid-full" id="mainpg"> 3983 <div onclick="topFunction()" id="myBtn" title="Go to top"></div> 3984 3985 <style> 3986 @@media handheld, only screen and (max-width: 680px){ 3987 .content-wrapper{top:110px;position:relative;} 3988 } 3989 3990 @@media screen and (max-width: 700px) and (min-width: 350px) and (max-height: 700px) { 3991 .mblRemoveTop { 3992 top : 0px !important; 3993 } 3994 } 3995 @@media (max-width: 768px) { 3996 hr.hr3.hide-on-screen { 3997 display:none; 3998 } 3999 hr.breadcrumbBar { 4000 display:none; 4001 } 4002 } 4003 @@media screen and (max-width: 800px) and (min-width: 700px) and (max-height: 1030px) { 4004 .Noti_Remove{ 4005 margin-top: 40px !important; 4006 } 4007 .whenNotiMainPg { 4008 margin-top: 40px !important; 4009 } 4010 } 4011 </style> 4012 <script> 4013 $(document).ready(function(){ 4014 $('.top').tipso({ 4015 position: 'top', 4016 background: '#000', 4017 useTitle: false, 4018 width: '', 4019 size: 'tiny', 4020 maxWidth: 250 4021 }); 4022 }); 4023 </script> 4024 @GetValue("Title(Full width page)") 4025 @GetValue("Description(Use this page for full width pages with no left navigation.)") 4026 @using System.Globalization 4027 @{ 4028 TextInfo textInfo = new CultureInfo("en-US",false).TextInfo; 4029 string siteurl = GetGlobalValue("Global:Request.Url").ToString(); 4030 var firstgroup =System.Web.HttpContext.Current.Request.Params["firstgroup"]; 4031 var secondgroup = System.Web.HttpContext.Current.Request.Params["secondgroup"]; 4032 var thirdgroup = System.Web.HttpContext.Current.Request.Params["thirdgroup"]; 4033 4034 var threegroups =false; 4035 var twogroups = false; 4036 var onegroup = false; 4037 4038 if (!string.IsNullOrWhiteSpace(firstgroup) && !string.IsNullOrWhiteSpace(secondgroup) && !string.IsNullOrWhiteSpace(thirdgroup)) 4039 { 4040 threegroups = true; 4041 } 4042 else if(!string.IsNullOrWhiteSpace(firstgroup) && !string.IsNullOrWhiteSpace(secondgroup)){ 4043 twogroups = true; 4044 } 4045 else{ 4046 onegroup = true; 4047 } 4048 var pageid = GetString("DwTopPageID"); 4049 } 4050 4051 <div class="content-wrapper grid-full"> 4052  4055 4056 <script> 4057 window.DY = window.DY || {}; 4058 DY.recommendationContext = { type : "OTHER" , data : [ "@GetString("DwPageName_1").Trim()" ]}; 4059 </script> 4060 4061 <div class="grid"> 4062 @if(GetBoolean("Item.Page.LayoutShowBreadcrumb")){ 4063 string greaterThan = "<li>></li>"; 4064 <hr class="hr3 hide-on-screen"> 4065 <div class="breadcrumb col-1-2" id="noprint"> 4066 <ul class="dw-breadcrumb" id="breadcrumb"> 4067 @if(!string.IsNullOrWhiteSpace(firstgroup)){ 4068 <li><a href="default.aspx?ID=@(pageid)&firstgroup=@firstgroup">@textInfo.ToTitleCase(firstgroup.Replace("-a-","&")) </a>@if(threegroups || twogroups){@greaterThan}</li> 4069 } 4070 @if(!string.IsNullOrWhiteSpace(secondgroup)){ 4071 <li><a href="default.aspx?ID=@(pageid)&firstgroup=@firstgroup&secondgroup=@secondgroup">@textInfo.ToTitleCase(secondgroup.Replace("-a-","&")) </a>@if(threegroups){@greaterThan}</li> 4072 } 4073 @if(!string.IsNullOrWhiteSpace(thirdgroup)){ 4074 <li><a href="default.aspx?ID=@(pageid)&firstgroup=@firstgroup&secondgroup=@secondgroup&thirdgroup=@thirdgroup">@textInfo.ToTitleCase(thirdgroup.Replace("-a-","&")) </a></li> 4075 } 4076 </ul> 4077 </div> 4078 4079  4083 4084 <hr class="breadcrumbBar"> 4085 } 4086 else{ 4087 <hr class="hr3 hide-on-screen"> 4088 <div class="col-2-3" id="noprint"> 4089 @*<h1 class="inner-title center">@GetGlobalValue("Global:Page.Top.Name")</h1>*@ 4090 </div> 4091 @*<div class="inner-top-contact col-1-3"> 4092 <span class="bold">Need help?</span><br> 4093 <a href="#">Chat with us live</a> or call us at <span class="bold">1800 738 3663</span> 4094 </div>*@ 4095 4096 <hr class="breadcrumbBar"> 4097 } 4098 @if(!GetBoolean("Item.Page.LayoutHideLeftMenu")) { 4099 <div class="col-md-3 col-sm-3 col-3-12"> 4100 <div class="widget"> 4101 <div class="sidenavi-title col-1-1"> 4102 @GetGlobalValue("Global:Page.Top.Name") 4103 </div> 4104 @GetValue("DwNavigation(leftnavigation)") 4105 </div> 4106 <p> </p> 4107 </div> 4108 } 4109 4110 @{ 4111 var attributeValue = "col-md-9 col-sm-12 col-xs-12"; 4112 4113 if(GetBoolean("Item.Page.LayoutHideLeftMenu")) { 4114 attributeValue = "grid"; 4115 } 4116 } 4117 4118 <div class="@attributeValue"> 4119 <div class="grid" id="maincontent">@GetValue("DwContent(maincontent)")</div> 4120 </div> 4121 4122 <div class="@attributeValue"> 4123 <div class="grid" id="relatedproducts">@GetValue("DwContent(relatedproducts)")</div> 4124 </div> 4125 4126 @*<div align="right" class="col-1-1"> 4127 <a onclick="$('html, body').animate({ scrollTop: 0 }, 'fast');" href="javascript:void(0)" class="btn-arrow"><i class="fa fa-chevron-circle-up"></i> Top</a> 4128 </div>*@ 4129 </div> 4130 </div> 4131 <script src="/Files/Templates/Designs/PLC/js/jquery.bxslider.js"></script> 4132 <script> 4133 $(document).ready(function(){ 4134 $('.bxslider-bestseller').bxSlider({ 4135 minSlides: 1, 4136 maxSlides: 5, 4137 slideWidth: 180, 4138 slideMargin: 25, 4139 auto: false 4140 }); 4141 4142 $('.bxslider-featuredbrand').bxSlider({ 4143 pause: 2500, 4144 minSlides: 3, 4145 maxSlides: 6, 4146 slideWidth: 167, 4147 slideMargin: 0 4148 }); 4149 }); 4150 $(document).ready(function(){ 4151 $(".category-title").click(function(){ 4152 $(".category-box").slideToggle(); 4153 $('.category-title').toggleClass('active'); 4154 },function(){ 4155 $(".category-box").slideToggle(); 4156 $('.category-title').toggleClass('active'); 4157 }) 4158 }); 4159 function showLiveChatBox() 4160 { 4161 $zopim(function() { 4162 $zopim.livechat.window.show(); 4163 }); 4164 } 4165 </script> 4166 </div> 4167 4168 <footer class="grid-full" id="noprint"> 4169 <div class="grid"> 4170 <div class="footer1"> 4171 <div class="col-1-2 tab-col-1-2 mobile-col-1-1"> 4172 <div class="col-1-2 tab-col-1-1 mobile-col-1-1"> 4173 <ul class="footer_list"> 4174 <li class="title">@Translate("Company")</li> 4175 @GetValue("DwNavigation(Brand)") 4176 </ul> 4177 4178 <br> 4179 <ul class="footer_list"> 4180 <li class="title">@Translate("Shopping")</li> 4181 @GetValue("DwNavigation(Shopping)") 4182 </ul> 4183 </div> 4184 <div class="col-1-2 tab-col-1-1 mobile-col-1-1"> 4185 <ul class="footer_list"> 4186 <li class="title">@Translate("Our Services")</li> 4187 @GetValue("DwNavigation(Services)") 4188 </ul> 4189 </div> 4190 </div> 4191 <div class="col-1-2 tab-col-1-2 mobile-col-1-1"> 4192 <div class="col-1-2 tab-col-1-1 mobile-col-1-1"> 4193 <ul class="footer_list"> 4194 <li class="title">@Translate("Members' Lounge")</li> 4195 @GetValue("DwNavigation(Members)") 4196 </ul> 4197 <br> 4198 <ul class="footer_list"> 4199 <li class="title">@Translate("Policies")</li> 4200 @GetValue("DwNavigation(Policies)") 4201 </ul> 4202 </div> 4203 <div class="col-1-2 mobile-col-1-1"> 4204 <ul class="footer_list"> 4205 <li class="title">@Translate("Learning Centre")</li> 4206 @GetValue("DwNavigation(Resources)") 4207 </ul> 4208 <br> 4209 <ul class="footer_list"> 4210 @GetValue("DwNavigation(Locations)") 4211 </ul> 4212 <br> 4213 <ul class="footer_list"> 4214 <li class="title">@Translate("Customer Care")</li> 4215 @GetValue("DwNavigation(Care)") 4216 </ul> 4217 </div> 4218 </div> 4219 </div> 4220 <div class="footer2"> 4221 <div class="col-1-2" style="display:none;"> 4222 <div id="likebox-wrapper"> 4223 </div> 4224 </div> 4225 <div class="col-1-2" style="position:relative;"> 4226 @{ 4227 if(GetBoolean("Item.Area.News_Letter_") && !Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 4228 { 4229 <div class="signup-box"> 4230 <h2>@Translate("Subscribe to our Newsletter!")</h2> 4231 4232 <div class="signupBox"> 4233 <div class="signupBox_innner"> 4234 <form action='/Default.aspx?ID=@GetPageIdByNavigationTag("NewLetterSignup")' method="post"> 4235 <input name="UserManagement_Form_Email" type="text" id="UserManagement_Form_Email" placeholder='@Translate("Enter your email address")'> 4236 <input name="submit" type="image" src="/Files/Templates/Designs/PLC/assets/images/icon_go.png" id="submit"> 4237 </form> 4238 </div> 4239 </div> 4240 </div> 4241 } 4242 } 4243 <div class="question-box"> 4244 <h2>@GetString("Item.Area.Question_Box_Label")</h2> 4245 @GetString("Item.Area.Question_Box_Description") 4246 </div> 4247 4248 <div class="social-box"> 4249 <p class="bold">@Translate("Connect with us")</p> 4250 <ul> 4251 @{ 4252 string FB=GetString("Item.Area.Facebook_Link"); 4253 string Youtube=GetString("Item.Area.YouTube_Link"); 4254 string twitter=GetString("Item.Area.Twitter_Link"); 4255 string instagram=GetString("Item.Area.Instagram_Link"); 4256 string line=GetString("Item.Area.Line_Link"); 4257 } 4258 <li><a href="@FB" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/icon_fb.png" alt="icon" title="Facebook"></a></li> 4259 <li><a href="@Youtube" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/icon_yt.png" alt="icon" title="Youtube"></a></li> 4260 <li><a href="@instagram" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/ig_icon.png" alt="icon" title="Instagram"></a></li> 4261 <li><a href="@line" target="_blank"><img src="/Files/Templates/Designs/PLC/assets/images/line_icon.png" alt="icon" title="Line"></a></li> 4262 </ul> 4263 </div> 4264 </div> 4265 <div class="col-1-2" style="padding:10px 20px 20px 20px;"> 4266 <p>@Translate("This site is best viewed in Chrome v.66, Safari v.11, Microsoft Edge v.42 and above for desktop and mobile. This site is not yet fully compatible with tablet devices.")</p> 4267 </div> 4268 </div> 4269 </div> 4270 <div class="grid-full footer-bottom"> 4271 <div class="grid"> 4272 <p class="footer-bottom1"><a href="javascript:void(0);" style="cursor: default;">@Translate("Asia's") <span style="font-style: italic;">@Translate("preferred")</span> @Translate("Pet Store!")</a></p> 4273 <p class="footer-bottom2">@GetString("Item.Area.Footer")<a href="petlovercentre.com">.</a></p> 4274 4275 </div> 4276 </div> 4277 </footer> 4278 4279 @if (Dynamicweb.Core.Converter.ToBoolean(GetGlobalValue("Global:Extranet.UserName"))) 4280 { 4281 int i=Convert.ToInt32(GetGlobalValue("Global:Extranet.UserID")); 4282 DateTime today=DateTime.Now; 4283 DateTime expDate = new DateTime(); 4284 DateTime dobDate = new DateTime(); 4285 var VIPCard=""; 4286 4287 Dynamicweb.Security.UserManagement.User u = Dynamicweb.Security.UserManagement.User.GetUserByID(i); 4288 4289 foreach (CustomFieldValue val in u.CustomFieldValues) 4290 { 4291 CustomField field = val.CustomField; 4292 string fieldName=field.Name; 4293 if(fieldName=="DOB") 4294 { 4295 dobDate=(DateTime)val.Value; 4296 } 4297 if(fieldName=="ExpryDate") 4298 { 4299 expDate=(DateTime)val.Value; 4300 } 4301 if(fieldName=="VIP Card No") 4302 { 4303 VIPCard=(string)val.Value; 4304 } 4305 } 4306 if( !string.IsNullOrWhiteSpace(VIPCard)) 4307 { 4308 if(expDate.Date.AddYears(-1) < today.Date) 4309 { 4310 <text> 4311 <style> 4312 a:hover{ 4313 border-bottom: unset !Important; 4314 } 4315 </style> 4316 <script type="text/javascript"> 4317 $(document).ready(function () { 4318 var alerted = getCookie("IsVIPExpire"); 4319 console.log(alerted); 4320 if (alerted == 'true') { 4321 expiredVIP(); 4322 document.cookie = "IsVIPExpire=IsShown; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4323 } 4324 }); 4325 4326 function expiredVIP() 4327 { 4328 var mobileDevice2 = '@Pageview.Device.ToString().ToUpper()'; 4329 console.log(mobileDevice2); 4330 if(mobileDevice2 == "MOBILE") 4331 { 4332 var customCSS = '<style>'; 4333 customCSS += '.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-dialog-buttons{ top: 375px !important; width: 100% !important; z-index: 999999 !important; left: unset !important;}'; 4334 customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; 4335 customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; 4336 customCSS += '.ui-widget-content{ border: none; }'; 4337 customCSS += '</style>'; 4338 var messageBody = '<div style="text-align: right;"><a href="javascript:void(0);CloseFunction();"><img src="/Files/Images/plc/images/remove_icon.svg" style="width:15px;"></a></div>'; 4339 messageBody += '<style>.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {display:none !important;} .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {display:none !important;}</style>'; 4340 messageBody += '<div style=" font-size: 18px; text-align: center; color: #ec1d23; font-weight: 700;">@Translate("You VIP membership has expired")</div>'; 4341 messageBody += '<div style=" font-size: 18px; text-align: center; padding-top: 19px;"><span>@Translate("Renew your VIP membership to enjoy exclusive")</span> <span>@Translate("Members' Pricings, Birthday Offers and earn Loyalty")</span> <span>@Translate("Points to redeem for vouchers")!</span></div>'; 4342 messageBody += '<a style="padding: 10px 20px 10px 20px; border-radius: 20px; font-size: 18px;"></div>'; 4343 var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' 4344 }else{ 4345 var customCSS = '<style>'; 4346 customCSS += '.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-dialog-buttons{ top: 375px !important; width: 450px !important; z-index: 999999 !important;}'; 4347 customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; 4348 customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; 4349 customCSS += '.ui-widget-content{ border: none; }'; 4350 customCSS += '</style>'; 4351 var messageBody = '<div style="text-align: right;"><a href="javascript:void(0);CloseFunction();"><img src="/Files/Images/plc/images/remove_icon.svg" style="width:15px;"></a></div>'; 4352 messageBody += '<style>.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {display:none !important;} .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix {display:none !important;}</style>'; 4353 messageBody += '<div style=" font-size: 18px; text-align: center; color: #ec1d23; font-weight: 700;">@Translate("You VIP membership has expired")</div>'; 4354 messageBody += '<div style=" font-size: 18px; text-align: center; padding-top: 19px;"><span>@Translate("Renew your VIP membership to enjoy exclusive")</span><br><span>@Translate("Members' Pricings, Birthday Offers and earn Loyalty")</span><br><span>@Translate("Points to redeem for vouchers")!</span></div>'; 4355 messageBody += '<a style="padding: 10px 20px 10px 20px; border-radius: 20px; font-size: 18px;"></div>'; 4356 var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' 4357 } 4358 document.cookie = "IsVIPExpire=False; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4359 ShowVIPExpiredMessage(htmlMessgarPara); 4360 } 4361 4362 function CloseFunction(){ 4363 $('.ui-dialog-buttonset').find("button").click(); 4364 } 4365 4366 function ClearPopup() 4367 { 4368 CloseFunction(); 4369 window.location.href = "https://vip.petloverscentre.com/en_SG/renew-card"; 4370 } 4371 4372 function ShowVIPExpiredMessage(messgarPara) { 4373 var NewDialog; 4374 NewDialog = $('<div class="popup" title="Message" style="text-align:center; padding-top:2em;">' + messgarPara + '</div>'); 4375 NewDialog.dialog({ 4376 resizable: false, 4377 modal: true, 4378 open: function(event, ui) { 4379 $(".ui-dialog-titlebar-close").hide(); 4380 }, 4381 show: 'clip', 4382 buttons: { 4383 "Ok": function() { 4384 //$(this).dialog("close"); 4385 $(this).dialog('destroy').remove(); 4386 } 4387 } 4388 }); 4389 } 4390 </script> 4391 </text> 4392 } 4393 } 4394 } 4395 4396 4397 <script src="/Files/Templates/Designs/PLC/js/dropdown.js" type="text/javascript"></script> 4398 <script type="text/javascript"> 4399 $(function() { 4400 var dd1 = new DropDown1( $('.dd1') ); 4401 var dd2 = new DropDown2( $('.dd2') ); 4402 var dd3 = new DropDown2( $('.dd3') ); 4403 $(document).click(function() { 4404 $('.wrapper-dropdown-3').removeClass('active'); 4405 }); 4406 4407 }); 4408 4409 function queryStringLinks() { 4410 var mainLinks = document.getElementsByName("main"); 4411 for (var i = 0; i < mainLinks.length; i++) { 4412 if (mainLinks[i].innerHTML == "Brand" || mainLinks[i].innerHTML == "Burb" || mainLinks[i].innerHTML == "applpaws") { } 4413 else if (mainLinks[i].innerHTML == "Home") { mainLinks[i].href = "@globalurl"; } 4414 else if (mainLinks[i].innerHTML != "Fish") { 4415 mainLinks[i].href += "?firstgroup=" + (mainLinks[i].innerHTML.substring(0, mainLinks[i].innerHTML.length - 1).toLowerCase()); 4416 } 4417 else { 4418 mainLinks[i].href += "?firstgroup=" + (mainLinks[i].innerHTML).toLowerCase(); 4419 } 4420 } 4421 var mainmenu = document.getElementsByName("mainmenu"); 4422 for (var i = 0; i < mainmenu.length; i++) { 4423 var firstLinks = mainmenu[i].querySelectorAll('[name=first]'); 4424 var thirdMenu = mainmenu[i].querySelectorAll('[name=Third]'); 4425 var secondLinks = mainmenu[i].querySelectorAll('[name=second]'); 4426 var nothirdLinks = 0; 4427 if (mainmenu[i].getAttribute("id") == "Small Pets") { 4428 mainmenu[i].setAttribute("id", "SmallPets"); 4429 } 4430 var firstLinkHTML = ""; 4431 var mainLinks = document.getElementsByName("main"); 4432 4433 for (var k = 0; k < firstLinks.length; k++) { 4434 if (k == 0) { 4435 if (firstLinks[k].innerHTML != "Fish") { 4436 if (firstLinks[k].innerHTML != "Brand") { 4437 firstLinkHTML = firstLinks[k].innerHTML.substring(0, firstLinks[k].innerHTML.length - 1); 4438 firstLinks[k].href += "?firstgroup=" + (firstLinkHTML).toLowerCase(); 4439 } 4440 else { 4441 firstLinks[k].href += "/" + (firstLinkHTML).toLowerCase(); 4442 } 4443 } 4444 else { 4445 firstLinkHTML = firstLinks[k].innerHTML; 4446 firstLinks[k].href += "?firstgroup=" + (firstLinkHTML).toLowerCase(); 4447 } 4448 } 4449 else { 4450 firstLinks[k].href += "/" + (firstLinkHTML).toLowerCase(); 4451 } 4452 } 4453 4454 for (var j = 0; j < secondLinks.length; j++) { 4455 if (firstLinks[0].href.indexOf("brand") > -1) { 4456 4457 } 4458 else { 4459 secondLinks[j].href = firstLinks[0].href + "&secondgroup=" + (secondLinks[j].innerHTML.replace("&", "-a-")).toLowerCase(); 4460 } 4461 } 4462 4463 for (var j = 0; j < secondLinks.length; j++) { 4464 if (secondLinks[j].parentNode.getElementsByTagName('ul').length == 0) { 4465 nothirdLinks++; 4466 } 4467 if (thirdMenu[j] != null) { 4468 var thirdLinks = thirdMenu[j].querySelectorAll("a"); 4469 for (var l = 0; l < thirdLinks.length; l++) { 4470 4471 thirdLinks[l].href = secondLinks[j + nothirdLinks].href + "&thirdgroup=" + (thirdLinks[l].innerHTML.replace("&", "-a-")).toLowerCase(); 4472 4473 } 4474 } 4475 } 4476 } 4477 } 4478 4479 $(document).ready(function () { 4480 $('#tableData').paging({ limit: 50 }); 4481 }); 4482 4483 $(document).ready(function () { 4484 $(".dropdown").hover( 4485 function () { 4486 $('.dropdown-menu', this).fadeIn("fast"); 4487 }, 4488 function () { 4489 $('.dropdown-menu', this).fadeOut("fast"); 4490 }); 4491 }); 4492 4493 function RefreshImage(valImageId) { 4494 var objImage = document.images[valImageId]; 4495 if (objImage == undefined) { return; } 4496 var now = new Date(); objImage.src = objImage.src.split('?')[0] + '?x=' + now.toUTCString(); 4497 } 4498 4499 $(document).ready(function () { 4500 $("#btnSubmit").click( 4501 function () { 4502 $.getJSON("/inc/captcha.asp?validateCaptchaCode=" + $("#captchacode").val() + "&format=json&jsoncallback=?", function (data) { 4503 if (data.status == "1") { $("#moreinfo-form").submit(); result = true; } 4504 else { 4505 if (data.session == "0") RefreshImage("imgCaptcha"); 4506 alert('@Translate("Enter captcha code correctly please")'); 4507 $("#captchacode").focus(); result = false; 4508 } 4509 }); 4510 }); 4511 }); 4512 4513 @**@ 4514 function tolower(id) { 4515 document.getElementById('search').value = (document.getElementById('search').value).toLowerCase(); 4516 } 4517 @**@ 4518 </script> 4519 4520 <style> 4521 #AddtoItem { 4522 position: fixed; 4523 top: 0%; 4524 width: 260px; 4525 background: #fff; 4526 height: 420px; 4527 -webkit-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75); 4528 -moz-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75); 4529 box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.75); 4530 overflow-y: hidden; 4531 overflow-x: hidden; 4532 margin: 10px; 4533 right: 20px; 4534 font-weight: 700; 4535 } 4536 4537 #AddtoItem .modal-backdrop.in { 4538 opacity: 0; 4539 } 4540 4541 img#show { 4542 border: 1px solid #bbb; 4543 width: 100px; 4544 height: auto; 4545 margin: 0px auto; 4546 display: block; 4547 } 4548 4549 #AddtoItem h4 { 4550 margin: 10px; 4551 } 4552 4553 #AddtoItem hr { 4554 width: 90%; 4555 display: block; 4556 margin: 0px auto; 4557 } 4558 4559 #showbox .op { 4560 color: #c8c8c8; 4561 text-decoration: line-through; 4562 float: left; 4563 } 4564 4565 #showbox .np { 4566 float: right; 4567 } 4568 4569 #showbox .save-price { 4570 width: 100%; 4571 font-size: 12px; 4572 float: left; 4573 margin: 0; 4574 } 4575 .M2 > li > a { 4576 margin-left: 0px !important; 4577 } 4578 </style> 4579 4580 <div class="modal fade" id="AddtoItem"> 4581 <h3 style="text-align: center;">@Translate("Added to Cart")</h3> 4582 <table id="showbox"> 4583 </table> 4584 </div> 4585 4586 <div id="clientLoginForm" style="display:none;padding: 0px 5px;"> 4587 <h3>@Translate("Login to demo site")</h3> 4588 <p><label>@Translate("Password"):</label>  <input type="text" name="clientLoginPassword" id="clientLoginPassword" style="width:90%;"></p> 4589 <input type="button" onclick="checkPassword()" value="Login"><br> <br> 4590 </div> 4591 4592 <div id="addingToCart" style="display:none; background: none;"> 4593 <h3><img src="/Files/Templates/Designs/PLC/fancybox/fancybox_loading.gif"></h3> 4594 </div> 4595 4596 </body> 4597 </html> 4598 <script> 4599 $(".sidenavi-title").click(function () { 4600 $(".sidenavi").slideToggle(); 4601 $('.sidenavi-title').toggleClass('active'); 4602 }, function () { 4603 $(".sidenavi").slideToggle(); 4604 $('.sidenavi-title').toggleClass('active'); 4605 }); 4606 @if(Pageview.Device.ToString().ToUpper() == "MOBILE" || Pageview.Device.ToString().ToUpper() == "TABLET") 4607 { 4608 <text> 4609 $(document).ready(function () { 4610 $(".category-title").click(); 4611 }); 4612 $("#megaIdPetId").on('click touchend', function (e) { 4613 window.location.href = "https://blog.petloverscentre.com/"; 4614 }); 4615 </text> 4616 } 4617 4618 @if(Pageview.Device.ToString().ToUpper() == "MOBILE" || Pageview.Device.ToString().ToUpper() == "TABLET") 4619 { 4620 <text> 4621 $(document).ready(function () { 4622 $(".sidenavi-title").click(); 4623 $(".category-title").addClass('active'); 4624 $("#FacetFilters").hide(); 4625 4626 $(".category-title").click(function () { 4627 if ($("#FacetFilters").css('display') == 'none') { 4628 $(".category-title").attr('style', 'margin-bottom: 0px'); 4629 $(".category-title").removeClass('active'); 4630 $("#FacetFilters").show(); 4631 } else { 4632 $(".category-title").attr('style', 'margin-bottom: 50px'); 4633 $(".category-title").addClass('active'); 4634 $("#FacetFilters").hide(); 4635 } 4636 }); 4637 }); 4638 </text> 4639 } 4640 4641 var baseUrl = "/Default.aspx?ID=@GetPageIdByNavigationTag("SearchSuggest")&q="; 4642 baseUrl = "/Default.aspx?ID=@GetPageIdByNavigationTag("SearchSuggest")&searchsuggest="; 4643 4644 $(document).ready(function () { 4645 $('#search').keyup(function (e) { 4646 if (e.keyCode == 27) { 4647 $('#search').val(''); 4648 } 4649 }); 4650 4651 //start loading icon when enter 4652 $("#search").on('submit', function (e) { 4653 if (e.keyCode == 13) { 4654 setTimeout(function () { $('#submitSearch').click(); }, 3000); 4655 } 4656 }); 4657 //end 4658 4659 $('#search').keyup(function () { 4660 var body = $('body'); 4661 4662 if ($('#search').val().length <= 0) { 4663 body.removeClass('noscroll'); 4664 $('#searchSuggest').html(''); 4665 $('#searchSuggest').hide(); 4666 } 4667 if ($('#search').val().length >= 1) { 4668 var url = baseUrl + $('#search').val().toLowerCase(); 4669 $.ajax({ 4670 url: url, 4671 dataType: "json", 4672 type: 'GET', 4673 success: function (data) { 4674 var productArr = []; 4675 var autoSuggest = '<li class="searchSuggestLi">' + '@Translate("No Product found")' + '</li>' 4676 if (data.length > 0) { 4677 productArr = data; 4678 autoSuggest = ""; 4679 for (var i = 0; i < productArr.length; i++) { 4680 autoSuggest += '<li class="searchSuggestLi" name="' + productArr[i].Name + '" id="' + productArr[i].ID + '"><a href="@HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority)' + '/' + '' + productArr[i].ProductLink + '" style="color: #000 !important;">' + productArr[i].Brand + ": " + productArr[i].Name + '</a></li>'; 4681 } 4682 } 4683 body.addClass('noscroll'); 4684 $('#searchSuggest').html(''); 4685 $('#searchSuggest').append(autoSuggest); 4686 $('#searchSuggest').show(); 4687 }, 4688 error: function (jqXHR, textStatus, errorThrown) { 4689 console.log(textStatus + ': ' + errorThrown); 4690 }, 4691 cache: true 4692 }); 4693 } 4694 }); 4695 }); 4696 4697 function searchSuggestData(selectSuggest) 4698 { 4699 var searchName = $('#search').val().toLowerCase(); 4700 selectSuggest = selectSuggest.replace('&','&'); 4701 $('#search').val(''); 4702 $('#search').val(searchName); 4703 $('#search').focus(); 4704 setTimeout(function(){ $('#submitSearch').click(); }, 500); 4705 } 4706 4707 4708 $(document).click(function () { 4709 @* --------- solve for menu item disappear in second time Begin ----------*@ 4710 @if(Pageview.Device.ToString().ToUpper() == "MOBILE") 4711 { 4712 <text> 4713 $("#mainMenu").find(".M1").find(".dropdown").each(function () { 4714 $(this).css('display', 'block'); 4715 }); 4716 </text> 4717 } 4718 @* --------- solve for menu item disappear in second time End ----------*@ 4719 4720 setTimeout(function () { 4721 $('#searchSuggest').hide(); 4722 }, 500); 4723 }); 4724 4725 $(document).scroll(function(){ 4726 $('#searchSuggest').hide(); 4727 }); 4728 4729 //----------------- UI Block functions Begin --------------------- 4730 $(document).ready(function () { 4731 var UI_Unblock = getCookie("UI_Unblock"); 4732 if (UI_Unblock == "True") { 4733 //$.unblockUI(); 4734 } else { 4735 // This is block for go live. 4736 $.blockUI({ message: $('#clientLoginForm') }); 4737 } 4738 4739 var firstTimeVisiting = getCookie("First_Time_Visiting"); 4740 if (firstTimeVisiting == "False") { 4741 //$.unblockUI(); 4742 } else { 4743 showTitle = true; 4744 showTitleCloseBtn = true; 4745 showButton = false; 4746 okReload = false; 4747 var mobileDevice2 = '@Pageview.Device.ToString().ToUpper()'; 4748 if (mobileDevice2 == "TABLET") { 4749 var customCSS = '<style>'; 4750 customCSS += '.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-dialog-buttons{ top: 80px !important; width: 80% !important; z-index: 999999 !important;}'; 4751 customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; 4752 customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; 4753 customCSS += '.ui-widget-content{ border: none; }'; 4754 customCSS += '.ui-dialog .ui-dialog-content{ overflow: unset; }'; 4755 customCSS += '</style>'; 4756 var messageBody = '<p style="font-weight: bold; font-size:18px;">@Translate("New to our Site?")</p>'; 4757 messageBody += '<p style=" font-size:18px; text-align: center; color:#BB3618;">@Translate("Register an online account and enjoy ฿ 100 with your 1")<sup>@Translate("st")</sup> @Translate("purchase with a min ฿ 1000 spend.")</p>'; 4758 messageBody += '<style>th{ padding-right:0.25em; vertical-align:top;border:1px solid #E2E1E9;border-width:0 1px;} </style>'; 4759 messageBody += '<table rules="cols" style="width:100%;"><tr><th><h3 align="center" style="color:#BB3618;">@Translate("VIP Members")</h3></th><th><h3 align="center" style="color: #BB3618;">@Translate("Non VIP Members")</h3></th></tr><tr><th style="width:50%;"><p style="text-align: left;font-size:12px;margin:20px;width:80%;">@Translate("Your activated VIP membership does not automatically translate to an online account. Please register for an online account and link your VIP membership if you have not, to enjoy VIP privileges when you shop online.")</p></th><th style="width:50%;" ><a href="@goToRegistration" style="background-color: #BB3618; border:none;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer;width: 80%;color:#fff !important;margin:20px;">@Translate("Register an Online Account")</a></center></th></tr>'; 4760 messageBody += '<th style="width:50%"><a href="@goToRegistration" style="color: green; background-color: #BB3618; border: none;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px; margin:4px 25px;cursor: pointer; width: 80%;color:#fff !important;margin-top:20px;">@Translate("Register and Link VIP Membership")</a></th>'; 4761 messageBody += '<th style="width:50%"> <a href="@goToRegistration" style=" background-color: #ffffff; border: solid; border-width: thin; color: red;color: white;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer; width: 80%;margin:20px; ">@Translate("Continue Shopping")</a></th></tr></table>'; 4762 messageBody += '<p><a href="https://customercare.petloverscentre.com/hc/en-us/articles/360000118901-What-do-I-enjoy-with-an-online-account-" target="_blank" style="text-align:center;color:black !important;font-size:11px; margin-top: 20px;"><u>@Translate("Learn more on the benefits of an online account")</u></a></p>'; 4763 var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' 4764 ShowMessageGlobalDialog(htmlMessgarPara, showTitle, showTitleCloseBtn, showButton, okReload); 4765 document.cookie = "First_Time_Visiting=False; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4766 } else { 4767 var mobileDevice1 = '@Pageview.Device.ToString().ToUpper()'; 4768 if (mobileDevice1 == 'MOBILE') { 4769 //$.blockUI({message : $('#clientLoginForm')}); 4770 var customCSS = '<style>'; 4771 customCSS += '.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-dialog-buttons{ top: 80px !important; width: 100% !important; z-index: 999999 !important;}'; 4772 customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; 4773 customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; 4774 customCSS += '.ui-widget-content{ border: none; }'; 4775 customCSS += '.ui-dialog .ui-dialog-content{ overflow: unset; }'; 4776 customCSS += '</style>'; 4777 var messageBody = '<p style="font-weight: bold; font-size:18px;">@Translate("New to our Site?")</p>'; 4778 messageBody += '<p style=" font-size:18px; text-align: center;color:#BB3618;width:90%;margin:15px;">@Translate("Register an online account and enjoy ฿ 100 with your 1")<sup>@Translate("st")</sup> @Translate("purchase with a min ฿ 1000 spend.")</p>'; 4779 messageBody += '<table rules="cols" style="width:100%;"><tr><h3 align="center" style="color: #BB3618;">@Translate("VIP Members")</h3></tr><tr><p style="text-align: left;font-size:12px; margin:30px;with:80%;">@Translate("Your activated VIP membership does not automatically translate to an online account. Please register for an online account and link your VIP membership if you have not, to enjoy VIP privileges when you shop online.")</p></tr>'; 4780 messageBody += '<tr><a href="" style="color: green; background-color: #BB3618; border: none;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px; margin:20px;cursor: pointer; width: 80%;color:#fff !important;">@Translate("Register and Link VIP Membership")</a></tr> <hr style="color:#E2E1E9;">'; 4781 messageBody += '<tr><h3 align="center" style="color: #BB3618;">@Translate("Non VIP Members")</h3></tr>'; 4782 messageBody += '<tr><a href="@goToRegistration" style="background-color: #BB3618; border:none;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px; margin:20px; cursor: pointer; width:80%;color:#fff !important;">@Translate("Register an Online Account")</a></center></tr>'; 4783 messageBody += '<tr><a href="@goToRegistration" style=" background-color: #ffffff; border: solid; border-width: thin; color: red !important;color: white;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer; width: 80%;margin:20px;margin-top:0px; ">@Translate("Continue Shopping")</a></tr></table>'; 4784 messageBody += '<p><a href="https://customercare.petloverscentre.com/hc/en-us/articles/360000118901-What-do-I-enjoy-with-an-online-account-" target="_blank" style="text-align:center;color:black !important;font-size:11px; margin-top: 0px;"><u>@Translate("Learn more on the benefits of an online account")</u></a></p>'; 4785 var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' 4786 ShowMessageGlobalDialog(htmlMessgarPara, showTitle, showTitleCloseBtn, showButton, okReload); 4787 document.cookie = "First_Time_Visiting=False; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4788 } else { 4789 var customCSS = '<style>'; 4790 customCSS += '.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable.ui-dialog-buttons{ top: 80px !important; width: 50% !important; z-index: 999999 !important;}'; 4791 customCSS += '.ui-icon{ margin-top: .3em !important; float: right !important;} .ui-dialog-titlebar-close{ border: none !important; }'; 4792 customCSS += '.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix{ border: none; background: no-repeat; }'; 4793 customCSS += '.ui-widget-content{ border: none; }'; 4794 customCSS += '.ui-dialog .ui-dialog-content{ overflow: unset; }'; 4795 customCSS += '</style>'; 4796 var messageBody = '<p style="font-weight: bold; font-size:18px;">@Translate("New to our Site?")</p>'; 4797 messageBody += '<p style=" font-size:18px; text-align: center; color:#BB3618;">@Translate("Register an online account and enjoy ฿ 100 with your 1")<sup>@Translate("st")</sup> @Translate("purchase with a min ฿ 1000 spend.")</p>'; 4798 messageBody += '<style>th{ padding-right:0.25em; vertical-align:top;border:1px solid #E2E1E9;border-width:0 1px;} </style>'; 4799 messageBody += '<table rules="cols" style="width:100%;"><tr><th><h3 align="center" style="color:#BB3618;">@Translate("VIP Members")</h3></th><th><h3 align="center" style="color: #BB3618;">@Translate("Non VIP Members")</h3></th></tr><tr><th style="width:50%;"><p style="text-align: left;font-size:12px;margin:20px;width:80%;">@Translate("Your activated VIP membership does not automatically translate to an online account. Please register for an online account and link your VIP membership if you have not, to enjoy VIP privileges when you shop online.")</p></th><th style="width:50%;" ><a href="@goToRegistration" style="background-color: #BB3618; border:none;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer;width: 80%;color:#fff !important;margin:20px;">@Translate("Register an Online Account")</a></center></th></tr>'; 4800 messageBody += '<th style="width:50%"><a href="@goToRegistration" style="color: green; background-color: #BB3618; border: none;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px; margin:4px 25px;cursor: pointer; width: 80%;color:#fff !important;margin-top:20px;">@Translate("Register and Link VIP Membership")</a></th>'; 4801 messageBody += '<th style="width:50%"> <a href="@goToRegistration" style=" background-color: #ffffff; border: solid; border-width: thin; color: red;color: white;padding: 13px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 12px;cursor: pointer; width: 80%;margin:20px; ">@Translate("Continue Shopping")</a></th></tr></table>'; 4802 messageBody += '<p><a href="https://customercare.petloverscentre.com/hc/en-us/articles/360000118901-What-do-I-enjoy-with-an-online-account-" target="_blank" style="text-align:center;color:black !important;font-size:11px; margin-top: 20px;"><u>@Translate("Learn more on the benefits of an online account")</u></a></p>'; 4803 var htmlMessgarPara = '<div class="popup" style="text-align: center; margin-top: -15px;padding-left:5px;">' + customCSS + messageBody + '</div>' 4804 ShowMessageGlobalDialog(htmlMessgarPara, showTitle, showTitleCloseBtn, showButton, okReload); 4805 document.cookie = "First_Time_Visiting=False; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 4806 } 4807 } 4808 } 4809 }); 4810 4811 function checkPassword() { 4812 console.log("here password"); 4813 $.blockUI(); 4814 var uiLoginResult = ""; 4815 $.ajax({ 4816 url: '@myPlcUrl' + '/Default.aspx?ID=@GetPageIdByNavigationTag("UILogin")&pwd=' + $('#clientLoginPassword').val(), 4817 type: 'GET', 4818 success: function (data) { 4819 console.log(data); 4820 uiLoginResult = data.result == "True"; 4821 console.log(uiLoginResult); 4822 if (uiLoginResult) { 4823 document.cookie = "UI_Unblock=True; expires=Tue, 31 Dec 2035 12:00:00 UTC"; 4824 $.unblockUI(); 4825 } else { 4826 document.cookie = "UI_Unblock=False; expires=Mon, 31 Dec 2020 12:00:00 UTC"; 4827 $.blockUI({ message: $('#clientLoginForm') }); 4828 } 4829 }, 4830 error: function (jqXHR, textStatus, errorThrown) { 4831 console.log(textStatus + ': ' + errorThrown); 4832 $.blockUI({ message: $('#clientLoginForm') }); 4833 }, 4834 cache: true 4835 }); 4836 } 4837 4838 $("#ResendActivateEmail").submit(function (event) { 4839 $.ajax({ 4840 url: '@myPlcUrl' + '/' + '@GetGlobalValue("Global:Area.LongLang")' + '/utilities/activate-email-sending?Email=' + $('#validateEmail').val(), 4841 type: 'GET', 4842 success: function (data) { }, 4843 cache: true 4844 }); 4845 }); 4846 //----------------- UI Block functions End --------------------- 4847 4848 //----------------- Ajax Add To Cart functions Begin --------------------- 4849 function AjaxAddToCart(parameter, requestProductID) { 4850 $.blockUI({ message: $('#addingToCart'), css: { border: 'none', background: 'none' } }); 4851 $.ajax({ 4852 url: websiteUrl + parameter + $("#quantityInput_" + requestProductID).val(), 4853 type: 'GET', 4854 success: function (data) { 4855 $("#AddtoItem").modal('hide'); 4856 $.unblockUI(); 4857 $('#minipagecart-button').html(''); 4858 $('#minipagecart-button').html($(data).find("#minipagecart-button").html()); 4859 $('#smallscreen-minicart').find('.dropdown-cart').find('.dropdown-cart').html(''); 4860 $('#smallscreen-minicart').find('.dropdown-cart').html($(data).find("#smallscreen-minicart").find('.dropdown-cart').html()); 4861 }, 4862 error: function (jqXHR, textStatus, errorThrown) { 4863 $.unblockUI(); 4864 }, 4865 cache: true 4866 }); 4867 } 4868 4869 //----------------DY Add to cart 4870 function DYAddToCart(id, requestQty, totalPrice, pName, prodNO, Currcode, prodGroupsforFBpixel) { 4871 window.DY = window.DY || {}; 4872 $.ajax({ 4873 url: websiteUrl + "/Default.aspx?ID=3306&ProductID=" + id, 4874 dataType: "json", 4875 type: "GET", 4876 success: function (data) { 4877 var skuNumber = data["productNumber"]; 4878 pName = data["productName"]; 4879 prodNO = data["productNumber"]; 4880 $.ajax({ 4881 url: websiteUrl + "/Default.aspx?ID=6958", 4882 dataType: "json", 4883 type: "GET", 4884 success: function (jsonData) { 4885 DY.API("event", { 4886 name: "Add to Cart", 4887 properties: { 4888 dyType: "add-to-cart-v1", 4889 value: parseFloat(totalPrice), 4890 currency: "MYR", 4891 productId: skuNumber, 4892 quantity: parseFloat(requestQty), 4893 cart: jsonData 4894 } 4895 }); 4896 }, 4897 error: function (jqXHR, textStatus, errorThrown) { 4898 console.log(textStatus + ': ' + errorThrown); 4899 }, 4900 cache: true 4901 }); 4902 }, 4903 error: function (jqXHR, textStatus, errorThrown) { 4904 $.unblockUI(); 4905 console.log(textStatus + ': ' + errorThrown); 4906 }, 4907 cache: true 4908 }); 4909 } 4910 4911 //----------------- Add To Cart PopUp functions Begin --------------------- 4912 function showaddedItem(url, id, pBrand, pName, pPrice, currencySymbol, requestQty, visible) { 4913 $.ajax({ 4914 url: websiteUrl + "/Default.aspx?ID=3306&ProductID=" + id, 4915 dataType: "json", 4916 type: "GET", 4917 success: function(data){ 4918 //console.log(data["isInCartQtyProduct"]); 4919 if(data["isInCartQtyProduct"] == "True") { 4920 requestQty = parseInt(data["inCartQty"]) + parseInt(requestQty); 4921 id = data["productID"]; 4922 pBrand = data["productBrand"]; 4923 pName = data["productName"]; 4924 pPrice = data["unitPriceWithVAT"]; 4925 currencySymbol = data["currencySymbol"]; 4926 } 4927 4928 //var totalPrice = (parseFloat(pPrice) * parseFloat(requestQty)).toFixed(2); 4929 var totalPrice = (parseFloat(pPrice) * parseFloat(requestQty)); 4930 var toAppendData = ""; 4931 toAppendData = '<tr><td colspan="2"><img src="/Admin/Public/Getimage.ashx?width=147&compression=85&Crop=5&image=/Files/Images/Ecom/Products/' + id + '.jpg" id="show" alt="product image"></td></tr>'; 4932 toAppendData += '<tr><td width="250px" style="padding:20px;" colspan="2">'; 4933 toAppendData += '<div class="pid" hidden>' + id + '</div>'; 4934 toAppendData += '<div class="pbrand">' + pBrand + '</div>'; 4935 toAppendData += '<div class="pname">' + pName + '</div>'; 4936 toAppendData += '<div class="qty">@Translate("QTY"): ' + requestQty + '<span class="count"></span></div>'; 4937 toAppendData += '<div class="price">' + currencySymbol + pPrice + '</div>'; 4938 toAppendData += '</td></tr><tr><td colspan="2"><hr /></td></tr><tr>'; 4939 toAppendData += '<td><p style="padding:10px 30px 10px 30px;">@Translate("Cart Total"): ' + currencySymbol + totalPrice + '</p></td>'; 4940 toAppendData += '<td><p class="Itotalprice" style="padding:10px;"></p></td>'; 4941 toAppendData += '</tr>'; 4942 $("#showbox").html(""); 4943 $("#showbox").append(toAppendData); 4944 4945 $("#AddtoItem").modal('show'); 4946 setTimeout(function(){$("#AddtoItem").modal('hide');}, 3000); 4947 }, 4948 error: function(jqXHR, textStatus, errorThrown) { 4949 console.log(textStatus + ': ' + errorThrown); 4950 }, 4951 cache: true 4952 }); 4953 } 4954 4955 function ShowAddedItem_Then_AjaxAddToCart(url, id, pBrand, pName, pPrice, currencySymbol, requestQty, visible, parameter,prodNO) { 4956 $.blockUI({message : $('#addingToCart'), css: { border: 'none', background: 'none'}}); 4957 4958 var DYrequestQty=requestQty; 4959 var Currcode="MYR"; 4960 var totalPrice = (parseFloat(pPrice) * parseFloat(requestQty)); 4961 var toAppendData = ""; 4962 toAppendData = '<tr><td colspan="2"><img src="/Admin/Public/Getimage.ashx?width=147&compression=85&Crop=5&image=/Files/Images/Ecom/Products/' + id + '.jpg" id="show" alt="product image"></td></tr>'; 4963 toAppendData += '<tr><td width="250px" style="padding:20px;" colspan="2">'; 4964 toAppendData += '<div class="pid" hidden>' + id + '</div>'; 4965 toAppendData += '<div class="pbrand">' + pBrand.replace(" myAND ", " & ") + '</div>'; 4966 toAppendData += '<div class="pname">' + pName.replace(" myAND ", " & ") + '</div>'; 4967 toAppendData += '<div class="qty">@Translate("QTY"): ' + requestQty + '<span class="count"></span></div>'; 4968 toAppendData += '<div class="price">' + currencySymbol + pPrice + '</div>'; 4969 toAppendData += '</td></tr><tr><td colspan="2"><hr /></td></tr><tr>'; 4970 toAppendData += '<td><p style="padding:10px 30px 10px 30px;">@Translate("Total"): ' + currencySymbol + totalPrice + '</p></td>'; 4971 toAppendData += '<td><p class="Itotalprice" style="padding:10px;"></p></td>'; 4972 toAppendData += '</tr>'; 4973 $("#showbox").html(""); 4974 $("#showbox").append(toAppendData); 4975 4976 var DYtotalPrice = (parseFloat(pPrice) * parseFloat(DYrequestQty)).toFixed(2); 4977 4978 $("#AddtoItem").modal('show'); 4979 $("body").removeClass("modal-open"); 4980 $("body").removeAttr("style"); 4981 setTimeout(function(){$("#AddtoItem").modal('hide');$.unblockUI();}, 1000); 4982 4983 $.ajax({ 4984 url: websiteUrl + "/Default.aspx?ID=" + @GetPageIdByNavigationTag("LoadMiniCart") + parameter + $("#quantityInput_" + id).val() +"&redirect=false", 4985 type: 'GET', 4986 success: function(data){ 4987 $("#AddtoItem").modal('hide'); 4988 $.unblockUI(); 4989 $('#minipagecart-button').html(''); 4990 $('#minipagecart-button').html($(data).find("#minipagecart-button").html()); 4991 $('#smallscreen-minicart').find('.dropdown-cart').find('.dropdown-cart').html(''); 4992 $('#smallscreen-minicart').find('.dropdown-cart').html($(data).find("#smallscreen-minicart").find('.dropdown-cart').html()); 4993 DYAddToCart(id, DYrequestQty, DYtotalPrice, pName, prodNO, Currcode, "" ); 4994 }, 4995 error: function(jqXHR, textStatus, errorThrown) { 4996 $.unblockUI(); 4997 }, 4998 cache: true 4999 }); 5000 } 5001 //----------------- Ajax Add To Cart functions End --------------------- 5002 //----------------- Add To Cart PopUp functions End --------------------- 5003 5004 //----------------- Show Message Global Dialog Brgin --------------------- 5005 function ShowMessageGlobalDialog(htmlMessgarPara, showTitle, showTitleCloseBtn, showButton, okReload) { 5006 var NewDialog; 5007 NewDialog = $(htmlMessgarPara); 5008 NewDialog.dialog({ 5009 resizable: false, 5010 modal: true, 5011 open: function (event, ui) { 5012 if (showTitle) { 5013 $(".ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix").show(); 5014 if (showTitleCloseBtn) { 5015 $(".ui-dialog-titlebar-close").show(); 5016 } 5017 else { 5018 $(".ui-dialog-titlebar-close").hide(); 5019 } 5020 } 5021 else { 5022 $(".ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix").hide(); 5023 } 5024 if (showButton) { 5025 $('.ui-dialog-buttonset').show(); 5026 } 5027 else { 5028 $('.ui-dialog-buttonset').hide(); 5029 } 5030 }, 5031 show: 'clip', 5032 buttons: { 5033 "Ok": function () { 5034 $(this).dialog("close"); 5035 if (okReload) { 5036 location.reload(); 5037 } 5038 } 5039 } 5040 }); 5041 } 5042 //----------------- Show Message Global Dialog End--------------------- 5043 5044 //----------------- Document . Ready Begin --------------------- 5045 $(document).ready(function () { 5046 $('.blockList>li.dropdown').addClass('fixedBlock'); 5047 }); 5048 //----------------- Document . Ready End --------------------- 5049 5050 5051 //----------------- Notification Bar --------------------- 5052 @if(GetBoolean("Item.Area.Notification_Bar_On_Off") || GetBoolean("Item.Area.System_Notification_Bar_On_Off") || GetBoolean("Item.Area.Day_Notification_Bar_On_Off") || GetBoolean("Item.Area.Maintenance_Time_Notification_Bar_On_Off")) 5053 { 5054 DateTime notiExpDate = DateTime.Now.AddDays(1).Date; 5055 String ExpDateDay = notiExpDate.ToString("dddd").Substring(0, 3); 5056 string ExpDateString = ExpDateDay + ", " + notiExpDate.ToString("dd MMMM yyyy 12:00:00") + " " + "UTC"; 5057 <text> 5058 $(document).ready(function() { 5059 var hasnoti = getCookie("PLCBlackNotiBar"); 5060 if(hasnoti == "show") { 5061 if(history.length == 2) 5062 { 5063 $("#alertmain").show(); 5064 $(".content-wrapper2").addClass("contentwrapper2_whennoti"); 5065 $("header").addClass("whenNoti"); 5066 $("#mainpg").addClass("whenNotiMainPg"); 5067 document.cookie = "PLCBlackNotiBar=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5068 }else{ 5069 $("#alertmain").hide(); 5070 } 5071 } else { 5072 var notibar='@GetString("Item.Area.Notification_Bar_On_Off")'; 5073 var sysnotibar = '@GetString("Item.Area.System_Notification_Bar_On_Off")'; 5074 var daynotibar = '@GetString("Item.Area.Day_Notification_Bar_On_Off")'; 5075 var mainnotibar = '@GetString("Item.Area.Maintenance_Time_Notification_Bar_On_Off")'; 5076 if(notibar == 'True') 5077 { 5078 if(sysnotibar == 'True') 5079 { 5080 if('@serverTime' > '@startTime' && '@serverTime' < '@endTime') 5081 { 5082 $("#alertmain").show(); 5083 $("header").addClass("whenNoti"); 5084 $("#mainpg").addClass("whenNotiMainPg"); 5085 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5086 }else{ 5087 if(mainnotibar == 'True') 5088 { 5089 if('@GetString("Item.Area.Maintenance_Time_Notification_Day")' != "DAILY") 5090 { 5091 if('@checkDay' == '@GetString("Item.Area.Maintenance_Time_Notification_Day")' && '@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 5092 { 5093 $("#alertmain").show(); 5094 $("header").addClass("whenNoti"); 5095 $("#mainpg").addClass("whenNotiMainPg"); 5096 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5097 }else{ 5098 if(daynotibar == 'True') 5099 { 5100 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 5101 { 5102 $("#alertmain").show(); 5103 $("header").addClass("whenNoti"); 5104 $("#mainpg").addClass("whenNotiMainPg"); 5105 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5106 }else{ 5107 if(notibar == 'True') 5108 { 5109 $("#alertmain").show(); 5110 $("header").addClass("whenNoti"); 5111 $("#mainpg").addClass("whenNotiMainPg"); 5112 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5113 } 5114 } 5115 }else{ 5116 if(notibar == 'True') 5117 { 5118 $("#alertmain").show(); 5119 $("header").addClass("whenNoti"); 5120 $("#mainpg").addClass("whenNotiMainPg"); 5121 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5122 } 5123 } 5124 } 5125 }else{ 5126 if('@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 5127 { 5128 $("#alertmain").show(); 5129 $("header").addClass("whenNoti"); 5130 $("#mainpg").addClass("whenNotiMainPg"); 5131 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5132 }else{ 5133 if(notibar == 'True') 5134 { 5135 $("#alertmain").show(); 5136 $("header").addClass("whenNoti"); 5137 $("#mainpg").addClass("whenNotiMainPg"); 5138 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5139 } 5140 } 5141 } 5142 }else{ 5143 if(daynotibar == 'True') 5144 { 5145 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 5146 { 5147 $("#alertmain").show(); 5148 $("header").addClass("whenNoti"); 5149 $("#mainpg").addClass("whenNotiMainPg"); 5150 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5151 }else{ 5152 if(notibar == 'True') 5153 { 5154 $("#alertmain").show(); 5155 $("header").addClass("whenNoti"); 5156 $("#mainpg").addClass("whenNotiMainPg"); 5157 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5158 } 5159 } 5160 }else{ 5161 if(notibar == 'True') 5162 { 5163 $("#alertmain").show(); 5164 $("header").addClass("whenNoti"); 5165 $("#mainpg").addClass("whenNotiMainPg"); 5166 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5167 } 5168 } 5169 } 5170 } 5171 }else{ 5172 if(mainnotibar == 'True') 5173 { 5174 if('@GetString("Item.Area.Maintenance_Time_Notification_Day")' != "DAILY") 5175 { 5176 if('@checkDay' == '@GetString("Item.Area.Maintenance_Time_Notification_Day")' && '@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 5177 { 5178 $("#alertmain").show(); 5179 $("header").addClass("whenNoti"); 5180 $("#mainpg").addClass("whenNotiMainPg"); 5181 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5182 }else{ 5183 if(daynotibar == 'True') 5184 { 5185 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 5186 { 5187 $("#alertmain").show(); 5188 $("header").addClass("whenNoti"); 5189 $("#mainpg").addClass("whenNotiMainPg"); 5190 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5191 }else{ 5192 if(notibar == 'True') 5193 { 5194 $("#alertmain").show(); 5195 $("header").addClass("whenNoti"); 5196 $("#mainpg").addClass("whenNotiMainPg"); 5197 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5198 } 5199 } 5200 }else{ 5201 if(notibar == 'True') 5202 { 5203 $("#alertmain").show(); 5204 $("header").addClass("whenNoti"); 5205 $("#mainpg").addClass("whenNotiMainPg"); 5206 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5207 } 5208 } 5209 } 5210 }else{ 5211 if('@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 5212 { 5213 $("#alertmain").show(); 5214 $("header").addClass("whenNoti"); 5215 $("#mainpg").addClass("whenNotiMainPg"); 5216 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5217 }else{ 5218 if(daynotibar == 'True') 5219 { 5220 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 5221 { 5222 $("#alertmain").show(); 5223 $("header").addClass("whenNoti"); 5224 $("#mainpg").addClass("whenNotiMainPg"); 5225 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5226 }else{ 5227 if(notibar == 'True') 5228 { 5229 $("#alertmain").show(); 5230 $("header").addClass("whenNoti"); 5231 $("#mainpg").addClass("whenNotiMainPg"); 5232 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5233 } 5234 } 5235 }else{ 5236 if(notibar == 'True') 5237 { 5238 $("#alertmain").show(); 5239 $("header").addClass("whenNoti"); 5240 $("#mainpg").addClass("whenNotiMainPg"); 5241 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5242 } 5243 } 5244 } 5245 } 5246 }else{ 5247 if(daynotibar == 'True') 5248 { 5249 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 5250 { 5251 $("#alertmain").show(); 5252 $("header").addClass("whenNoti"); 5253 $("#mainpg").addClass("whenNotiMainPg"); 5254 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5255 }else{ 5256 if(notibar == 'True') 5257 { 5258 $("#alertmain").show(); 5259 $("header").addClass("whenNoti"); 5260 $("#mainpg").addClass("whenNotiMainPg"); 5261 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5262 } 5263 } 5264 }else{ 5265 if(notibar == 'True') 5266 { 5267 $("#alertmain").show(); 5268 $("header").addClass("whenNoti"); 5269 $("#mainpg").addClass("whenNotiMainPg"); 5270 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5271 } 5272 } 5273 } 5274 } 5275 }else{ 5276 if(sysnotibar == 'True') 5277 { 5278 if('@serverTime' > '@startTime' && '@serverTime' < '@endTime') 5279 { 5280 $("#alertmain").show(); 5281 $("header").addClass("whenNoti"); 5282 $("#mainpg").addClass("whenNotiMainPg"); 5283 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5284 }else{ 5285 if(mainnotibar == 'True') 5286 { 5287 if('@GetString("Item.Area.Maintenance_Time_Notification_Day")' != "DAILY") 5288 { console.log("test"); 5289 if('@checkDay' == '@GetString("Item.Area.Maintenance_Time_Notification_Day")' && '@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 5290 { 5291 $("#alertmain").show(); 5292 $("header").addClass("whenNoti"); 5293 $("#mainpg").addClass("whenNotiMainPg"); 5294 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5295 }else{ 5296 if(daynotibar == 'True') 5297 { 5298 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 5299 { 5300 $("#alertmain").show(); 5301 $("header").addClass("whenNoti"); 5302 $("#mainpg").addClass("whenNotiMainPg"); 5303 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5304 }else{ 5305 if(notibar == 'True') 5306 { 5307 $("#alertmain").show(); 5308 $("header").addClass("whenNoti"); 5309 $("#mainpg").addClass("whenNotiMainPg"); 5310 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5311 } 5312 } 5313 }else{ 5314 if(notibar == 'True') 5315 { 5316 $("#alertmain").show(); 5317 $("header").addClass("whenNoti"); 5318 $("#mainpg").addClass("whenNotiMainPg"); 5319 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5320 } 5321 } 5322 } 5323 }else{ 5324 if('@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 5325 { 5326 $("#alertmain").show(); 5327 $("header").addClass("whenNoti"); 5328 $("#mainpg").addClass("whenNotiMainPg"); 5329 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5330 }else{ 5331 if(notibar == 'True') 5332 { 5333 $("#alertmain").show(); 5334 $("header").addClass("whenNoti"); 5335 $("#mainpg").addClass("whenNotiMainPg"); 5336 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5337 } 5338 } 5339 } 5340 }else{ 5341 if(daynotibar == 'True') 5342 { 5343 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 5344 { 5345 $("#alertmain").show(); 5346 $("header").addClass("whenNoti"); 5347 $("#mainpg").addClass("whenNotiMainPg"); 5348 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5349 } 5350 } 5351 } 5352 } 5353 }else{ 5354 if(mainnotibar == 'True') 5355 { 5356 if('@GetString("Item.Area.Maintenance_Time_Notification_Day")' != "DAILY") 5357 { 5358 if('@checkDay' == '@GetString("Item.Area.Maintenance_Time_Notification_Day")' && '@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 5359 { 5360 $("#alertmain").show(); 5361 $("header").addClass("whenNoti"); 5362 $("#mainpg").addClass("whenNotiMainPg"); 5363 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5364 }else{ 5365 if(daynotibar == 'True') 5366 { 5367 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 5368 { 5369 $("#alertmain").show(); 5370 $("header").addClass("whenNoti"); 5371 $("#mainpg").addClass("whenNotiMainPg"); 5372 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5373 }else{ 5374 if(notibar == 'True') 5375 { 5376 $("#alertmain").show(); 5377 $("header").addClass("whenNoti"); 5378 $("#mainpg").addClass("whenNotiMainPg"); 5379 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5380 } 5381 } 5382 }else{ 5383 if(notibar == 'True') 5384 { 5385 $("#alertmain").show(); 5386 $("header").addClass("whenNoti"); 5387 $("#mainpg").addClass("whenNotiMainPg"); 5388 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5389 } 5390 } 5391 } 5392 }else{ 5393 if('@serverTime' > '@maintenanceTimeNotiStartTime' && '@serverTime' < '@maintenanceTimeNotiEndTime') 5394 { 5395 $("#alertmain").show(); 5396 $("header").addClass("whenNoti"); 5397 $("#mainpg").addClass("whenNotiMainPg"); 5398 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5399 }else{ 5400 if(notibar == 'True') 5401 { 5402 $("#alertmain").show(); 5403 $("header").addClass("whenNoti"); 5404 $("#mainpg").addClass("whenNotiMainPg"); 5405 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5406 } 5407 } 5408 } 5409 }else{ 5410 if(daynotibar == 'True') 5411 { 5412 if('@checkDay' == '@GetString("Item.Area.Day_Notification_Day")' && '@serverTime' > '@friStartTime' && '@serverTime' < '@friEndTime') 5413 { 5414 $("#alertmain").show(); 5415 $("header").addClass("whenNoti"); 5416 $("#mainpg").addClass("whenNotiMainPg"); 5417 document.cookie = "notikey=show; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5418 } 5419 } 5420 } 5421 } 5422 } 5423 } 5424 }); 5425 5426 function divClose() { 5427 $("#alertmain").hide(); 5428 $(".content-wrapper2").removeClass("contentwrapper2_whennoti"); 5429 $("header").removeClass("whenNoti"); 5430 $("#mainpg").removeClass("whenNotiMainPg"); 5431 $("#mainpg").addClass("Noti_Remove"); 5432 var now = new Date(); 5433 var time = now.getTime(); 5434 time += 24 * 3600 * 1000; 5435 now.setTime(time); 5436 document.cookie = "PLCBlackNotiBar=show; expires=" + '@ExpDateString' + "; path=/"; 5437 } 5438 </text> 5439 } 5440 //----------------- Notification Bar End --------------------- 5441 5442 function SiteLogout() 5443 { 5444 document.cookie = "IsVIPExpire=true; expires=Sat, 31 Dec 2050 12:00:00 UTC; path=/;"; 5445 window.location.href = '/Admin/Public/ExtranetLogoff.aspx?ID=@GetPageIdByNavigationTag("Home")'; 5446 } 5447 5448 function topFunction() { 5449 $('html, body').animate({ scrollTop: 0 }, 'fast') 5450 } 5451 5452 window.onscroll = function() {scrollFunction()}; 5453 5454 function scrollFunction() { 5455 if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { 5456 document.getElementById("myBtn").style.display = "block"; 5457 } else { 5458 document.getElementById("myBtn").style.display = "none"; 5459 } 5460 } 5461 5462 //----------------- BEGIN Update VIP Info and Assigning Groups per Day ----------------- 5463 $(document).ready(function () { 5464 if ('@GetGlobalValue("Global:Extranet.UserID")' != 0) { 5465 var todayDate = new Date(); 5466 todayDate.setDate(todayDate.getDate() + 1); 5467 todayDate.setHours(0, 0, 0, 0); 5468 var updatedVIPInfo = getCookie("UpdatedVIPInfo"); 5469 5470 if (updatedVIPInfo.length == 0 || updatedVIPInfo != todayDate) { 5471 var url = @GetGlobalValue("Global:Area.LongLang") + '/utilities/update-vip-info-and-assigning-groups-per-day'; 5472 $.ajax({ 5473 url: url, 5474 dataType: "text", 5475 type: 'GET', 5476 success: function (data) { 5477 if (data.includes("true")) { 5478 document.cookie = "UpdatedVIPInfo=" + todayDate + "; expires=" + todayDate; 5479 } 5480 }, 5481 error: function (jqXHR, textStatus, errorThrown) { 5482 console.log(textStatus + ': ' + errorThrown); 5483 }, 5484 cache: true 5485 }); 5486 } 5487 } 5488 }); 5489 //----------------- END Update VIP Info and Assigning Groups per Day ----------------- 5490 5491 //------------------------------------------------loader---------------------- 5492 $('#applyFilters').click(function () { 5493 $('#loader').show(); $('.blockOverlay').remove(); 5494 }); 5495 $('#submitSearch').click(function () { 5496 $('#loader').show(); $('.blockOverlay').remove(); 5497 }); 5498 $('#searchForm').submit(function () { 5499 $('#loader').show(); $('.blockOverlay').remove(); 5500 }); 5501 $('#searchForm1').submit(function () { 5502 $('#loader').show(); $('.blockOverlay').remove(); 5503 }); 5504 //------------------------------------------------Minicart fix---------------------- 5505 $('body').click(function () { 5506 if ($('.cart-info-box').is(':visible')) { 5507 $('.cart-info-box').slideUp(); 5508 } 5509 }); 5510 5511 function BulkPurchaseMsgTrans() { 5512 let NewDialog; 5513 let messageTitle = '@Translate("Message")'; 5514 NewDialog = $('<div class="popup" title="' + messageTitle + '" style="text-align: center;padding-top: 1em;padding-bottom: 1em;">@Translate("You have reached the purchase limit per item for this transaction. Kindly") <a href="//customercare.petloverscentre.co.th/hc/en-us/requests/new?ticket_form_id=5993816612121">@Translate("contact us")</a> @Translate("for bulk purchase. Thank you.")</div>'); 5515 NewDialog.dialog({ 5516 resizable: false, 5517 modal: true, 5518 open: function (event, ui) { 5519 $(".ui-dialog-titlebar-close").hide(); 5520 }, 5521 show: 'clip', 5522 buttons: { 5523 '@Translate("OK")': function () { 5524 $(this).dialog("close"); 5525 } 5526 } 5527 }); 5528 } 5529 </script>