1 2 3<!DOCTYPE html> 4<html lang="en"> 5 6<head> 7 8 <!-- change content AR-1425 --> 9 <meta name="google-site-verification" content="1ruyZ_ICAG0eXgxSZAzm3qC25HUJ17RcIPi6h1c6bC8" /> 10 11 <title>Premier Destination for Architecture, Construction & Design Products | Archify Australia</title> 12 <meta name="description" content="Discover premier architecture, construction & design products at Archify 13 Australia. Elevate your projects with top-quality solutions & connect with leading suppliers." /> 14 <meta name="keywords" content="Architecture material, Interior Product, Building Supplier, Building Material Catalog"> 15 16 <!-- for Facebook --> 17 <meta property="og:title" content="Archify | Material and Product Directory" /> 18 <meta property="og:site_name" content="" /> 19 <meta property="og:description" content="Discover architecture materials and interior products for your project on Archify" /> 20 <meta property="og:image" itemprop="image" content='https://www.archify.com/assets/img/og-image-bluprin.jpg' /> 21 <meta property="og:type" content="website" /> 22 <meta property="og:image:url" content="https://www.archify.com/assets/img/og-image-bluprin.jpg"> 23 <meta property="og:image:type" content="image/jpeg" /> 24 <meta property="og:image:type" content="image/jpg" /> 25 <meta property="og:image:type" content="image/png" /> 26 <meta property="og:image:width" content="500" /> 27 <meta property="og:image:height" content="501" /> 28 <meta property="og:updated_time" content="1496359945" /> 29 30 31 32 33 34 <meta property="og:url" content="https://www.archify.com/au/products" /> 35 36 <meta property="fb:app_id" content="1001626029887223" /> 37 38 <!-- for Twitter --> 39 <meta name="twitter:title" content="Archify | Material and Product Directory" /> 40 <meta name="twitter:card" content="summary_large_image" /> 41 <meta name="twitter:description" content="Discover architecture materials and interior products for your project on Archify" /> 42 <meta name="twitter:image" content="https://www.archify.com/assets/img/og-image-bluprin.jpg" /> 43 44 45 46 <meta charset="utf-8"> 47 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 48 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> 49 50 <!-- generics --> 51 <link rel="shortcut icon" href="https://www.archify.com/assets/img/favicon.ico" /> 52 <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-32.png" sizes="32x32"> 53 <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-57.png" sizes="57x57"> 54 <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-76.png" sizes="76x76"> 55 <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-96.png" sizes="96x96"> 56 <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-128.png" sizes="128x128"> 57 <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-192.png" sizes="192x192"> 58 <link rel="icon" href="https://www.archify.com/assets/img/favicon/favicon-228.png" sizes="228x228"> 59 60 <!-- Android --> 61 <link rel="shortcut icon" sizes="196x196" href="https://www.archify.com/assets/img/favicon/favicon-196.png"> 62 63 <!-- iOS --> 64 <meta name="apple-mobile-web-app-capable" content="yes"> 65 <meta name="apple-mobile-web-app-status-bar-style" content="black"> 66 <meta name="apple-mobile-web-app-title" content="Premier Destination for Architecture, Construction & Design Products | Archify Australia"> 67 <link rel="apple-touch-icon" href="https://www.archify.com/assets/img/favicon/favicon-120.png" sizes="120x120"> 68 <link rel="apple-touch-icon" href="https://www.archify.com/assets/img/favicon/favicon-152.png" sizes="152x152"> 69 <link rel="apple-touch-icon" href="https://www.archify.com/assets/img/favicon/favicon-180.png" sizes="180x180"> 70 71 <!-- Windows 8 IE 10--> 72 <meta name="msapplication-TileColor" content="#2F3BA2"> 73 <meta name="msapplication-TileImage" content="https://www.archify.com/assets/img/favicon/favicon-144.png"> 74 75 <!-- Windows 8.1 + IE11 and above --> 76 <meta name="msapplication-config" content="https://www.archify.com/assets/img/favicon/browserconfig.xml" /> 77 78 <!-- Color the status bar on mobile devices --> 79 <meta name="theme-color" content="#2F3BA2"> 80 81 <!-- facebook domain verification --> 82 <meta name="facebook-domain-verification" content="hjzymzegrdyjs1jpcucw4p7qwwxb04" /> 83 84 <!-- Start Usercentrics CMP AR-1741 --> 85 <!--
85<script src="https://web.cmp.usercentrics.eu/modules/autoblocker.js"></script>
85 --> 86
86<script id="usercentrics-cmp" src="https://web.cmp.usercentrics.eu/ui/loader.js" data-settings-id="dps4KE0QNI1euN" async></script>
86 87 <!-- End Usercentrics CMP AR-1741 --> 88 89 <!-- manifest json --> 90 <!-- <link rel="manifest" href="https://www.archify.com/assets/manifest.json"> --> 91 92 <link rel="alternate" hreflang="x-default" href="https://www.archify.com/au/products"> 93 <link rel="alternate" hreflang="id-ID" href="https://www.archify.com/id/products" /> 94 <link rel="alternate" hreflang="en-sg" href="https://www.archify.com/sg/products" /> 95 <link rel="alternate" hreflang="en-au" href="https://www.archify.com/au/products" /> 96 <link rel="alternate" hreflang="en-hk" href="https://www.archify.com/hk/products" /> 97 <link rel="alternate" hreflang="en-my" href="https://www.archify.com/my/products" /> 98 <link rel="alternate" hreflang="en-ph" href="https://www.archify.com/ph/products" /> 99 <!-- <link rel="alternate" href="https://www.archify.com/th/products" hreflang="en-TH" /> --> 100 <link rel="alternate" hreflang="en-vn" href="https://www.archify.com/vn/products" /> 101 <link rel="alternate" hreflang="en-nz" href="https://www.archify.com/nz/products" /> 102 103 104 <link rel="canonical" href="https://www.archify.com/au/product" /> 105 <!-- JSON-LD markup generated by Google Structured Data Markup Helper. --> 106 107<!--
107<script> 108 window.dataLayer = window.dataLayer || []; 109 110 // --- LOGIKA GTM STANDAR ---
vendor: 498 bytes, lines 110-124
110 111 (function(w, d, s, l, i) { 112 w[l] = w[l] || []; 113 w[l].push({ 114 'gtm.start': new Date().getTime(), 115 event: 'gtm.js' 116 }); 117 var f = d.getElementsByTagName(s)[0], 118 j = d.createElement(s), 119 dl = l != 'dataLayer' ? '&l=' + l : ''; 120 j.async = true; 121 j.src = 122 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 123 f.parentNode.insertBefore(j, f); 124 })(window, document, 'script', 'dataLayer', '
124GTM-NGSGKGP
vendor: 9 bytes, lines 124-126
124'); 125 126
126// --- LOGIKA KUSTOM UNTUK PELACAKAN PENGGUNA --- 127 const userEmail = ''; 128 const userId = ''; 129 130 // Push data berdasarkan status pengguna 131 132 // --- LOGIKA IDENTIFIKASI LALU LINTAS INTERNAL --- 133 const internalDomainsUrl = 'https://hubexo-assets.s3.eu-north-1.amazonaws.com/hubexo-internal-domains.json'; 134 const cacheKey = 'hubexo_internal_domains'; 135 136 function getDomainFromEmail(email) { 137 if (!email) return null; 138 const parts = email.split('@'); 139 return parts.length > 1 ? parts[1].toLowerCase() : null; 140 } 141 142 async function checkAndSetInternalTraffic() { 143 if (typeof gtag === 'undefined') { 144 console.warn("gtag is not defined. The code will wait for it to load."); 145 setTimeout(checkAndSetInternalTraffic, 100); 146 return; 147 } 148 149 const userDomain = getDomainFromEmail(userEmail); 150 if (!userDomain) return; 151 152 let internalDomains = null; 153 const cachedDomains = sessionStorage.getItem(cacheKey); 154 155 if (cachedDomains) { 156 try { 157 internalDomains = JSON.parse(cachedDomains); 158 } catch (e) { 159 console.error("Failed to parse cached domains. Clearing cache."); 160 sessionStorage.removeItem(cacheKey); 161 } 162 } 163 164 if (!internalDomains) { 165 try { 166 const response = await fetch(internalDomainsUrl); 167 if (response.ok) { 168 internalDomains = await response.json(); 169 sessionStorage.setItem(cacheKey, JSON.stringify(internalDomains)); 170 } else { 171 console.error('Failed to retrieve internal domains whitelist. Status:', response.status); 172 } 173 } catch (error) { 174 console.error('Failed to fetch internal domains whitelist:', error); 175 } 176 } 177 178 if (internalDomains && internalDomains.includes(userDomain)) { 179 gtag('set', { 'traffic_type': 'internal' }); 180 console.log('User identified as internal. Setting traffic_type to internal.'); 181 } 182 } 183 184 document.addEventListener('DOMContentLoaded', checkAndSetInternalTraffic); 185 186</script>
186 -->
187<script> 188 window.dataLayer = window.dataLayer || []; 189 190 // --- GTM STANDARD LOGIC ---
vendor: 486 bytes, lines 190-203
190 191 (function(w, d, s, l, i) { 192 w[l] = w[l] || []; 193 w[l].push({ 194 'gtm.start': new Date().getTime(), 195 event: 'gtm.js' 196 }); 197 var f = d.getElementsByTagName(s)[0], 198 j = d.createElement(s), 199 dl = l != 'dataLayer' ? '&l=' + l : ''; 200 j.async = true; 201 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 202 f.parentNode.insertBefore(j, f); 203 })(window, document, 'script', 'dataLayer', '
203GTM-NGSGKGP
vendor: 13 bytes, lines 203-205
203'); 204 205
205// --- USER TRACKING VARIABLES --- 206 const userEmail = ''; 207 const user_id = ''; 208 209 // --- WORK ITEM #002: USER AUTHENTICATION TRACKING --- 210 function handleUserAuthentication() { 211 // 1. EVENT: USER LOGGED IN (Hanya muncul sekali setelah sukses login) 212 213 } 214 215 // --- WORK ITEM #003: INTERNAL TRAFFIC IDENTIFICATION --- 216 const INTERNAL_DOMAINS_CONFIG = { 217 url: 'https://hubexo-assets.s3.eu-north-1.amazonaws.com/hubexo-internal-domains.json', 218 cacheKey: 'hubexo_internal_domains', 219 cacheExpiry: 'hubexo_domains_cache_expiry', 220 cacheDurationMs: 30 * 24 * 60 * 60 * 1000 // 30 days in milliseconds 221 }; 222 223 function getDomainFromEmail(email) { 224 if (!email) return null; 225 const parts = email.split('@'); 226 return parts.length > 1 ? parts[1].toLowerCase() : null; 227 } 228 229 function isCacheValid() { 230 const expiry = sessionStorage.getItem(INTERNAL_DOMAINS_CONFIG.cacheExpiry); 231 if (!expiry) return false; 232 return Date.now() < parseInt(expiry, 10); 233 } 234 235 function setCacheWithExpiry(domains) { 236 const expiry = Date.now() + INTERNAL_DOMAINS_CONFIG.cacheDurationMs; 237 sessionStorage.setItem(INTERNAL_DOMAINS_CONFIG.cacheKey, JSON.stringify(domains)); 238 sessionStorage.setItem(INTERNAL_DOMAINS_CONFIG.cacheExpiry, expiry.toString()); 239 } 240 241 function clearCache() { 242 sessionStorage.removeItem(INTERNAL_DOMAINS_CONFIG.cacheKey); 243 sessionStorage.removeItem(INTERNAL_DOMAINS_CONFIG.cacheExpiry); 244 } 245 246 // Fallback internal domains jika fetch gagal 247 const FALLBACK_INTERNAL_DOMAINS = [ 248 "4cg.no", 249 "agm.co.nz", 250 "annonskraft.se", 251 "archify.com", 252 "ausschreibung.at", 253 "bau-online.at", 254 "bciasia.co.id", 255 "bciasia.com", 256 "bciaustralia.com", 257 "bcicentral.com", 258 "bcicentral.hubexo.com", 259 "bcicentralus.com", 260 "bcimalaysia.com", 261 "bcimediagroup.com", 262 "bcinewzealand.com", 263 "bdb.at", 264 "bidocean.biz", 265 "bidocean.com", 266 "buildcentral.com", 267 "buildinfo.com", 268 "byggfakta.co.uk", 269 "byggfakta.no", 270 "byggfaktagroup.com", 271 "byggefakta.dk", 272 "byggvarlden.se", 273 "citymark.fi", 274 "citymark.no", 275 "citymark.se", 276 "construdata21.com", 277 "constructionmonitor.com", 278 "constructionplusasia.com", 279 "dailypermits.com", 280 "dagensbyggeri.dk", 281 "docunordic.net", 282 "driva-eget.se", 283 "eprocure.com.au", 284 "ezyspec.com", 285 "fairbuilding.org", 286 "familjehemsbanken.se", 287 "fastighetssverige.se", 288 "forecon.fi", 289 "futurarc.com", 290 "glenigan.com", 291 "glenigan.me", 292 "gleniganapi.com", 293 "glenigandirect.com", 294 "gleniganmovers.com", 295 "hubexo.co.uk", 296 "hubexo.com", 297 "husguiden.nu", 298 "info-techno.at", 299 "interactgo.com", 300 "interiorawards.co.nz", 301 "istav.cz", 302 "lokalnytt.se", 303 "marketplanet.eu", 304 "marketplanet.pl", 305 "meritgroup.co.uk", 306 "metroinfo.co.uk", 307 "na.hubexo.com", 308 "napc.me", 309 "napc.pro", 310 "nbsknowledge.com.au", 311 "nbsnordic.dk", 312 "nordicpropertynews.com", 313 "panteragt.com", 314 "panteramail.co", 315 "panteramail.com", 316 "panteratools.com", 317 "plannedgrocery.com", 318 "prodlib.com", 319 "prognosecenteret.dk", 320 "prognosesenteret.no", 321 "prognoscentret.se", 322 "proqualverified.com", 323 "questcdn.com", 324 "questcdn.hubexo.com", 325 "riba-insight.com", 326 "ribac.net", 327 "ribacpd.com", 328 "ribae.com", 329 "ribaenterprises.com", 330 "sclspec.com", 331 "schumanninternational.com", 332 "specpack.com.au", 333 "spica.se", 334 "spex.ca", 335 "ssil.se", 336 "svenskamedia.se", 337 "tenders.co.nz", 338 "tendersearch.com.au", 339 "theNBS.onmicrosoft.com", 340 "thenbs.ca", 341 "thenbs.com", 342 "thenbs.com.au", 343 "thenbs.hubexo.com", 344 "vortal.biz", 345 "vortal.com", 346 "vortal.hubexo.com", 347 "whatson.co.nz" 348 ]; 349 350 async function fetchInternalDomains() { 351 try { 352 const response = await fetch(INTERNAL_DOMAINS_CONFIG.url, { 353 method: 'GET', 354 headers: { 355 'Accept': 'application/json', 356 'Cache-Control': 'no-cache' 357 } 358 }); 359 360 if (!response.ok) { 361 throw new Error(`HTTP ${response.status}: ${response.statusText}`); 362 } 363 364 const domains = await response.json(); 365 366 if (!Array.isArray(domains)) { 367 throw new Error('Invalid domains format: expected array'); 368 } 369 370 setCacheWithExpiry(domains); 371 // console.log(`â Fetched and cached ${domains.length} internal domains from S3`); 372 return domains; 373 374 } catch (error) { 375 console.warn('â ï¸ Failed to fetch internal domains from S3:', error.message); 376 console.log('ð Using fallback internal domains list'); 377 378 // Use fallback domains and cache them 379 setCacheWithExpiry(FALLBACK_INTERNAL_DOMAINS); 380 return FALLBACK_INTERNAL_DOMAINS; 381 } 382 } 383 384 async function getInternalDomains() { 385 // Check cache first 386 if (isCacheValid()) { 387 try { 388 const cachedDomains = sessionStorage.getItem(INTERNAL_DOMAINS_CONFIG.cacheKey); 389 const domains = JSON.parse(cachedDomains); 390 // console.log(`Using cached internal domains (${domains.length} entries)`); 391 return domains; 392 } catch (error) { 393 console.warn('Failed to parse cached domains:', error.message); 394 clearCache(); 395 } 396 } 397 398 // Fetch fresh data 399 return await fetchInternalDomains(); 400 } 401 402 async function checkAndMarkInternalTraffic() { 403 const userDomain = getDomainFromEmail(userEmail); 404 if (!userDomain) { 405 console.log('No user email domain found - skipping internal traffic check'); 406 return; 407 } 408 409 // console.log(`Checking internal traffic for domain: ${userDomain}`); 410 411 // Get internal domains list 412 const internalDomains = await getInternalDomains(); 413 414 if (!internalDomains) { 415 // console.log('Internal domains not available - user traffic will be treated as external'); 416 // Push external traffic type to dataLayer 417 // dataLayer.push({ 418 // 'traffic_type': 'external', 419 // 'event': 'traffic_type_determined' 420 // }); 421 return; 422 } 423 424 // console.log(`Found ${internalDomains.length} internal domains to check against`); 425 426 // Check if user domain is internal 427 if (internalDomains.includes(userDomain)) { 428 // console.log(`â User domain '${userDomain}' identified as INTERNAL`); 429 430 // Push to dataLayer for GTM to handle (no gtag dependency) 431 dataLayer.push({ 432 'traffic_type': 'internal', 433 'user_domain': userDomain, 434 'event': 'traffic_type_determined' 435 }); 436 437 // Optional: Push internal traffic event for additional tracking 438 dataLayer.push({ 439 'event': 'internal_traffic_identified', 440 'user_domain': userDomain 441 }); 442 443 } else { 444 // console.log(`â User domain '${userDomain}
444' not in internal list - traffic remains EXTERNAL`); 445 446 // Push external traffic type to dataLayer 447 // dataLayer.push({ 448 // 'traffic_type': 'external', 449 // 'user_domain': userDomain, 450 // 'event': 'traffic_type_determined' 451 // }); 452 } 453 } 454 455 // --- INITIALIZATION --- 456 function initializeAnalytics() { 457 // console.log('Initializing Hubexo Analytics...'); 458 459 // Handle user authentication tracking 460 handleUserAuthentication(); 461 462 // Handle internal traffic identification (only for logged-in users) 463 464 // console.log('Hubexo Analytics initialization complete'); 465 } 466 467 // Initialize when DOM is ready 468 if (document.readyState === 'loading') { 469 document.addEventListener('DOMContentLoaded', initializeAnalytics); 470 } else { 471 initializeAnalytics(); 472 } 473</script>
473 474 475 476 <!-- Bootstrap --> 477 <link rel="stylesheet" href="https://www.archify.com/assets/bootstrap/css/bootstrap.min.css"> 478 <!-- Font Awesome --> 479 <link rel="stylesheet" href="https://www.archify.com/assets/third-party/font-awesome/css/font-awesome.min.css?ts=20260924" media="print" onload="this.media='all'" /> 480 <!-- Custom style --> 481 <link rel="stylesheet" href="https://www.archify.com/assets/css/fonts.css?ts=20260924"> 482 <link rel="stylesheet" href="https://www.archify.com/assets/css/common.min.css?ts=20260924"> 483 <link rel="stylesheet" href="https://www.archify.com/assets/css/__cardhover.css?ts=20260924"> 484 <link rel="stylesheet" href="https://www.archify.com/assets/css/modal.css?ts=20260924" media="print" onload="this.media='all'"> 485 <link rel="stylesheet" href="https://www.archify.com/assets/third-party/select2/css/select2.min.css" media="print" onload="this.media='all'" /> 486 <!-- usman style notification--> 487 <link rel="stylesheet" href="https://www.archify.com/assets/css/asrstyle.css?ts=20260924"> 488 <link rel="stylesheet" href="https://www.archify.com/assets/css/asrnotification.css?ts=20260924"> 489 <link rel="stylesheet" href="https://www.archify.com/assets/third-party/OwlCarousel2-2.2.1/assets/owl.carousel.min.css" media="print" onload="this.media='all'"> 490 <link rel="stylesheet" href="https://www.archify.com/assets/third-party/OwlCarousel2-2.2.1/assets/owl.theme.default.min.css" media="print" onload="this.media='all'"> 491 <link href="https://www.archify.com/assets/third-party/noty-3.1.0/noty.css" rel="stylesheet" media="print" onload="this.media='all'"> 492 493 <!-- Bygg Facta Analytic --> 494 495
496<script> 497 if(window.location.href.includes("login")) { 498 setTimeout(() => { 499 window.location.reload(); 500 }, 119000); 501 } 502</script>
502 503 504 <style> 505 #noty_layout__topRight { 506 width: 250px; 507 } 508 509 .noty_has_timeout .noty_progressbar { 510 display: none; 511 } 512 513 .noty_theme__mint.noty_type__alert { 514 background-color: red !important; 515 border-bottom: 1px solid red !important; 516 color: #fff !important; 517 font-family: WorkSans-Medium; 518 } 519 520 .noty_theme__mint.noty_type__success { 521 background-color: #719B46; 522 border-bottom: 1px solid #719B46; 523 color: #fff; 524 font-family: WorkSans-Medium; 525 } 526 527 .noty_theme__mint.noty_bar .noty_body { 528 text-align: center; 529 } 530 531 .noty_layout_mixin, 532 #noty_layout__top, 533 #noty_layout__topLeft, 534 #noty_layout__topCenter, 535 #noty_layout__topRight, 536 #noty_layout__bottom, 537 #noty_layout__bottomLeft, 538 #noty_layout__bottomCenter, 539 #noty_layout__bottomRight, 540 #noty_layout__center, 541 #noty_layout__centerLeft, 542 #noty_layout__centerRight { 543 z-index: 9999999999999 !important; 544 } 545 546 </style> 547 548 <!-- css include --> 549 550<!-- animate css --> 551<link rel="stylesheet" href="https://www.archify.com/assets/third-party/animatecss/animate.min.css" /> 552<link rel="stylesheet" href="https://www.archify.com/assets/third-party/simplebar/simplebar.css?v=1.1.1"> 553<link rel="stylesheet" href="https://www.archify.com/assets/third-party/ionrangeslider/ion.rangeSlider.min.css?v=1.1.1"> 554<link rel="stylesheet" href="https://www.archify.com/assets/third-party/jquery-webui/jquery-webui-popover.min.css"> 555 556 557 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 558 <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 559 <!--[if lt IE 9]> 560
560<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
560 561
561<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
561 562 <![endif]--> 563 564 <!-- Google AdSense --> 565 <!--
565<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
565 566
566<script> 567 (adsbygoogle = window.adsbygoogle || []).push({ 568 google_ad_client: "ca-pub-2965023201243535", 569 enable_page_level_ads: true 570 }); 571 </script>
571 --> 572 573 <!-- Css Style Inline --> 574 575<style> 576.body-page p { 577 578} 579.range-slider { 580 position: relative; 581 height: 58px; 582} 583.irs--round .irs-line{ 584 background-color: #e5e5e5; 585 top: 32px; 586} 587.irs--round .irs-bar{ 588 /*background: #ababab;*/ 589 background: #0039ff; 590 top: 32px; 591} 592.irs--round .irs-handle{ 593 /*background-color:#4a4a4a; 594 border:1px solid #4a4a4a;*/ 595 background-color:#0039ff; 596 border:3px solid #fff; 597 width: 16px; 598 height: 16px; 599} 600.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover{ 601 background-color:#ababab; 602 border: 1px solid #ababab; 603} 604.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single{ 605 background-color: #ababab; 606 font-size: 12px; 607} 608.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before{ 609 border-top-color: #ababab; 610} 611.irs--round .irs-min, .irs--round .irs-max{ 612 background-color:transparent; 613 font-family: WorkSans-Medium; 614 font-size: 12px; 615 font-weight: 600; 616 font-stretch: normal; 617 font-style: normal; 618 line-height: 1.67; 619 letter-spacing: -0.09px; 620 color: #ababab; 621} 622.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { 623 display: none; 624} 625.irs--round .irs-min, .irs--round .irs-max { 626 display: none; 627} 628.wrap-spec-toggle.show .ly-spec-value{ 629 display: none; 630} 631.wrap-spec-toggle.show p.spec-value { 632 display: none; 633} 634.wrap-spec-toggle p.slider-label-left { 635 position: absolute; 636 font-family: 'WorkSans-Medium'; 637 font-size: 12px; 638 line-height: 1.67; 639 letter-spacing: -0.09px; 640 color: #ababab; 641 left: 0; 642 width: 50%; 643 text-align: left; 644} 645.wrap-spec-toggle p.slider-label-right { 646 position: absolute; 647 font-family: 'WorkSans-Medium'; 648 font-size: 12px; 649 line-height: 1.67; 650 letter-spacing: -0.09px; 651 color: #ababab; 652 right: 0; 653 width: 50%; 654 text-align: right; 655} 656.extra-controls span { 657 float: left; 658 margin-right: 10px; 659 padding-top: 6px; 660} 661.extra-controls input { 662 float: left; 663 width: calc(50% - 41px); 664} 665.apply-btm { 666 padding: 10px 0 20px; 667} 668.showcia{ 669 display:block; 670} 671.tabsgcc{ 672 margin: 0px; 673 padding: 0px; 674 list-style: none; 675 text-align:center; 676} 677.tabsgcc .menu-ly { 678 background: #f9f9f9; 679 color: #222; 680 display: block; 681 padding: 15px 20px; 682 cursor: pointer; 683 border-bottom: 1px solid #e5e5e5; 684 text-align: left; 685 position:relative; 686} 687.tabsgcc .menu-ly:hover, 688.tabsgcc .menu-ly.current{ 689 background: #fff; 690} 691 692.tab-content-gcc{ 693 display: none; 694 padding: 15px 30px; 695} 696 697.tab-content-gcc.current{ 698 display: inherit; 699} 700.data-ipt { 701 padding-right: 20px; 702 font-size: 16px; 703 font-weight: bold; 704 font-stretch: normal; 705 font-style: normal; 706 line-height: 1.25; 707 letter-spacing: -0.2px; 708 color: #4a4a4a; 709 font-family:WorkSans-SemiBold; 710} 711img.icon-acc { 712 position: absolute; 713 top: 18px; 714 right: 20px; 715} 716.ly-subhead{ 717 font-size: 14px; 718 font-weight: normal; 719 font-stretch: normal; 720 font-style: normal; 721 line-height: 1.43; 722 letter-spacing: -0.1px; 723 color: #ababab; 724} 725.sub-tite { 726 margin-top: -15px; 727 margin-bottom: 20px; 728 font-size: 16px; 729 font-weight: normal; 730 font-stretch: normal; 731 font-style: normal; 732 line-height: 1.25; 733 letter-spacing: -0.2px; 734 color: #ababab; 735} 736#all-filter .content { 737 margin-left: -30px; 738 margin-right: -30px; 739 border-top: 1px solid #e5e5e5; 740} 741.left-frw { 742 float: left; 743 width: 40%; 744 height: 300px; 745 border-right: 1px solid #e5e5e5; 746 background:#f9f9f9; 747 overflow-y: auto; 748} 749.left-frw::-webkit-scrollbar {
750 width: 5px; 751} 752.left-frw::-webkit-scrollbar-track { 753 background: #fff; 754} 755.left-frw::-webkit-scrollbar-thumb { 756 background: #E5E5E5; 757} 758.left-frw::-webkit-scrollbar-thumb:hover { 759 background: #555; 760} 761 762.right-frw::-webkit-scrollbar { 763 width: 5px; 764} 765.right-frw::-webkit-scrollbar-track { 766 background: #fff; 767} 768.right-frw::-webkit-scrollbar-thumb { 769 background: #E5E5E5; 770} 771.right-frw::-webkit-scrollbar-thumb:hover { 772 background: #555; 773} 774 775.right-frw { 776 float: left; 777 width: 60%; 778 height: 300px; 779 text-align:left; 780 overflow-y: auto; 781} 782.footer-frw { 783 padding-top: 20px; 784 border-top: 1px solid #e5e5e5; 785} 786.title-rwj{ 787 font-size: 18px; 788 font-weight: bold; 789 font-stretch: normal; 790 font-style: normal; 791 line-height: 1.22; 792 letter-spacing: -0.23px; 793 color: #4a4a4a; 794 font-family:WorkSans-SemiBold; 795 margin-bottom:15px; 796} 797.subtitle-rwj{ 798 font-size: 12px; 799 font-weight: 600; 800 font-stretch: normal; 801 font-style: normal; 802 line-height: 1.67; 803 letter-spacing: -0.09px; 804 color: #ababab; 805 font-family:WorkSans-Medium; 806 margin-bottom:15px; 807} 808.remove-this-section{ 809 font-family: 'WorkSans-Medium'; 810} 811.fil-1 .main-button:hover { 812 background-color: #4a4a4a; 813} 814.flex-col{ 815 width:100%; 816} 817.col50{ 818 width:50%; 819 float:left; 820} 821.popnopad{ 822 padding-top: 70px; 823} 824 825/* skeleton css */ 826.skeleton-wrapper { 827 position: relative; 828 float: left; 829 width: calc(100% + 30px); 830} 831.skeleton-wrapper .skeleton-item { 832 width: 100%; 833 position: relative; 834 float: left; 835 width: calc(100% / 4 - 30px); 836 margin-right: 30px; 837 margin-bottom: 30px; 838 height: auto; 839 border-radius: 3px; 840 overflow: hidden; 841} 842.skeleton-wrapper .skeleton-item .image-area { 843 position: relative; 844 float: left; 845 width: 100%; 846 height: 0px; 847 padding-bottom: 100%; 848 background: #e5e5e5; 849} 850.skeleton-wrapper .skeleton-item .image-area::after { 851 position: absolute; 852 top: 0; 853 right: 0; 854 bottom: 0; 855 left: 0; 856 transform: translateX(-100%); 857 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); 858 -webkit-animation: shimmer 2s infinite; 859 animation: shimmer 2s infinite; 860 content: ''; 861} 862.skeleton-wrapper .skeleton-item .thumbnail-area { 863 position: relative; 864 float: left; 865 width: calc(100% + 5px); 866 height: auto; 867} 868.skeleton-wrapper .skeleton-item .thumbnail-area .item { 869 position: relative; 870 float: left; 871 width: calc(100% / 3 - 5px); 872 height: 0; 873 padding-bottom: calc(66% / 3 - 5px); 874 background-color: #e5e5e5; 875 border-radius: 3px; 876 overflow: hidden; 877 margin-right: 5px; 878 margin-top: 5px; 879} 880.skeleton-wrapper .skeleton-item .thumbnail-area .item::after { 881 position: absolute; 882 top: 0; 883 right: 0; 884 bottom: 0; 885 left: 0; 886 transform: translateX(-100%); 887 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); 888 -webkit-animation: shimmer 2s infinite; 889 animation: shimmer 2s infinite; 890 content: ''; 891} 892.skeleton-wrapper .skeleton-item .text-area { 893 position: relative; 894 float: left; 895 width: 100%; 896 height: 48px; 897 padding: 0px; 898} 899.skeleton-wrapper .skeleton-item .text-area .title { 900 position: relative; 901 float: none; 902 width: 80%; 903 height: 16px; 904 margin-top: 10px; 905 margin-left: auto; 906 margin-right: auto; 907 background-color: #e5e5e5; 908} 909.skeleton-wrapper .skeleton-item .text-area .title::after { 910 position: absolute; 911 top: 0; 912 right: 0; 913 bottom: 0; 914 left: 0; 915 transform: translateX(-100%); 916 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); 917 -webkit-animation: shimmer 2s infinite; 918 animation: shimmer 2s infinite; 919 content: ''; 920}
921.skeleton-wrapper .skeleton-item .text-area .subtitle { 922 position: relative; 923 float: none; 924 width: 80%; 925 height:16px; 926 margin-top: 10px; 927 margin-left: auto; 928 margin-right: auto; 929 background-color: #e5e5e5; 930} 931.skeleton-wrapper .skeleton-item .text-area .subtitle::after { 932 position: absolute; 933 top: 0; 934 right: 0; 935 bottom: 0; 936 left: 0; 937 transform: translateX(-100%); 938 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); 939 -webkit-animation: shimmer 2s infinite; 940 animation: shimmer 2s infinite; 941 content: ''; 942} 943.skeleton-wrapper .skeleton-item-type-b { 944 width: calc(100% - 20px); 945 height: 192px; 946 border-radius: 0px; 947 overflow: visible; 948 margin-right: 20px; 949 margin-bottom: 20px; 950 position: relative; 951} 952.skeleton-wrapper .skeleton-item-type-b .image-area { 953 width: 300px; 954 border-top-left-radius: 3px; 955 border-bottom-left-radius: 3px; 956 border-top-right-radius: 0px; 957 border-bottom-right-radius: 0px; 958 overflow: hidden; 959 z-index: 2; 960 position: absolute; 961 height: 100%; 962 left: 0; 963 padding-bottom: 0; 964 background-color: #e5e5e5; 965} 966.skeleton-wrapper .skeleton-item-type-b .image-area::after { 967 position: absolute; 968 top: 0; 969 right: 0; 970 bottom: 0; 971 left: 0; 972 transform: translateX(-100%); 973 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); 974 -webkit-animation: shimmer 2s infinite; 975 animation: shimmer 2s infinite; 976 content: ''; 977} 978.skeleton-wrapper .skeleton-item-type-b .text-area { 979 position: absolute; 980 float: left; 981 background: #fff; 982 left: 0px; 983 height: 192px; 984 display: block; 985 border-top-left-radius: 0px; 986 border-bottom-left-radius: 0px; 987 border-top-right-radius: 3px; 988 border-bottom-right-radius: 3px; 989 width: calc(100% - 0px - 0px); 990 padding: 20px; 991 padding-left: 320px; 992 padding-right: 260px; 993} 994.skeleton-wrapper .skeleton-item-type-b .text-area .header { 995 position: relative; 996 background: #e5e5e5; 997 height: 30px; 998 width: 60%; 999 margin-bottom: 10px; 1000} 1001.skeleton-wrapper .skeleton-item-type-b .text-area .header::after { 1002 position: absolute; 1003 top: 0; 1004 right: 0; 1005 bottom: 0; 1006 left: 0; 1007 transform: translateX(-100%); 1008 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); 1009 -webkit-animation: shimmer 2s infinite; 1010 animation: shimmer 2s infinite; 1011 content: ''; 1012} 1013.skeleton-wrapper .skeleton-item-type-b .text-area .description { 1014 position: relative; 1015 background: #e5e5e5; 1016 height: 50px; 1017 width: 100%; 1018 margin-bottom: 10px; 1019} 1020.skeleton-wrapper .skeleton-item-type-b .text-area .description::after { 1021 position: absolute; 1022 top: 0; 1023 right: 0; 1024 bottom: 0; 1025 left: 0; 1026 transform: translateX(-100%); 1027 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); 1028 -webkit-animation: shimmer 2s infinite; 1029 animation: shimmer 2s infinite; 1030 content: ''; 1031} 1032 1033.skeleton-wrapper .skeleton-item-type-b .text-area .caption-header { 1034 position: relative; 1035 background: #e5e5e5; 1036 height: 50px; 1037 width: 60%; 1038} 1039.skeleton-wrapper .skeleton-item-type-b .text-area .caption-header::after { 1040 position: absolute; 1041 top: 0; 1042 right: 0; 1043 bottom: 0; 1044 left: 0; 1045 transform: translateX(-100%); 1046 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); 1047 -webkit-animation: shimmer 2s infinite; 1048 animation: shimmer 2s infinite; 1049 content: ''; 1050} 1051.skeleton-wrapper .skeleton-item-type-b .text-area .caption-detail { 1052 position: absolute; 1053 width: 240px; 1054 height: 100%; 1055 padding: 20px; 1056 right: 0; 1057 top: 0; 1058 display: flex; 1059 align-items: center; 1060 overflow: hidden; 1061} 1062.skeleton-wrapper .skeleton-item-type-b .text-area .caption-detail .vertical-border-left { 1063 position: absolute; 1064 width: 1px; 1065 height: calc(100% - 40px); 1066 top: 20px; 1067 left: 0px; 1068 background-color: #e5e5e5; 1069} 1070.skeleton-wrapper .skeleton-item-type-b .text-area .caption-detail .content-box { 1071 width: 100%; 1072 height: auto; 1073 margin: 0; 1074} 1075.skeleton-wrapper .skeleton-item-type-b .text-area .caption-detail .content-box .list { 1076 width: 100%; 1077 height: 17px; 1078 margin-bottom: 5px; 1079 background-color: #e5e5e5; 1080} 1081.skeleton-wrapper .skeleton-item-type-b .text-area .caption-detail .content-box .list:last-child { 1082 margin-bottom: 0px; 1083} 1084.skeleton-wrapper .skeleton-item-type-b .text-area .caption-detail .content-box .list::after { 1085 position: absolute; 1086 top: 0; 1087 right: 0; 1088 bottom: 0; 1089 left: 0; 1090 transform: translateX(-100%); 1091 background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0)); 1092 -webkit-animation: shimmer 2s infinite; 1093 animation: shimmer 2s infinite; 1094 content: ''; 1095} 1096@keyframes shimmer { 1097 100% { 1098 transform: translateX(100%); 1099 } 1100} 1101.listing-a .skeleton-wrapper .skeleton-item { 1102 display: block; 1103} 1104.listing-a .skeleton-wrapper .skeleton-item-type-b { 1105 display: none; 1106} 1107.listing-b .skeleton-wrapper .skeleton-item { 1108 display: none; 1109} 1110.listing-b .skeleton-wrapper .skeleton-item-type-b { 1111 display: block; 1112} 1113@media (max-width: 768px){ 1114 .skeleton-wrapper .skeleton-item { 1115 width: calc(100% / 2 - 20px); 1116 } 1117 .skeleton-wrapper .skeleton-item:nth-child(5) { 1118 display: none; 1119 } 1120 .skeleton-wrapper .skeleton-item:nth-child(6) { 1121 display: none; 1122 } 1123 .listing-b .skeleton-wrapper .skeleton-item { 1124 display: block; 1125 } 1126 .listing-b .skeleton-wrapper .skeleton-item-type-b { 1127 display: none; 1128 } 1129 1130
1131 .skeleton-wrapper { 1132 position: relative; 1133 float: left; 1134 width: calc(100% + 10px); 1135 } 1136 .skeleton-wrapper .skeleton-item { 1137 width: 100%; 1138 position: relative; 1139 float: left; 1140 width: calc(100% / 2 - 10px); 1141 margin-right: 10px; 1142 margin-bottom: 10px; 1143 height: auto; 1144 border-radius: 3px; 1145 overflow: hidden; 1146 } 1147} 1148button.secondary-button{ 1149 background-color:#fff !important; 1150 border:1px solid #e5e5e5 !important; 1151} 1152button.secondary-button:hover { 1153 background-color: #4A4A4A !important; 1154 color: #fff; 1155} 1156div.secondary-button{ 1157 background-color:#fff !important; 1158 border:1px solid #e5e5e5 !important; 1159 color:#4a4a4a; 1160} 1161div.secondary-button:hover { 1162 background-color: #4A4A4A !important; 1163 color: #fff; 1164} 1165.icon-origin-flags-section{ 1166 display : inline; 1167} 1168</style> 1169 1170 1171
1171<script data-rh="true" type="application/ld+json" async> 1172null 1173</script>
1173 1174 1175
1175<script src="https://www.archify.com/assets/js/jquery-3.7.1.min.js"></script>
1175 1176 <!--
1176<script src="https://www.archify.com/assets/js/jquery-3.1.1.min.js"></script>
1176 --> 1177</head> 1178 1179<body> 1180 <input name="email_dttkudkykekis" id="email_dttkudkykekis" autocomplete="off" style="width: 0px;height: 0px;border: 0px;margin: 0;padding: 0;position: fixed;"> 1181 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 1181-1182
1181 1182 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1182GTM-NGSGKGP
vendor: 91 bytes, lines 1182-1184
1182" 1183 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1184
1184<!-- End Google Tag Manager (noscript) --> 1185 1186 1187 <link itemprop="thumbnailUrl" href='https://www.archify.com/assets/img/og-image-bluprin.jpg' /> 1188 <span itemprop="thumbnail" itemscope itemtype="http://schema.org/ImageObject"> 1189 <link itemprop="url" href="https://www.archify.com/assets/img/og-image-bluprin.jpg"> 1190 </span> 1191 1192 1193 <!-- Loading loader --> 1194 <style> 1195 #pageloader_new { 1196 background: rgba(0, 0, 0, 0.8); 1197 display: none; 1198 height: 100%; 1199 position: fixed; 1200 width: 100%; 1201 z-index: 999999999999; 1202 top: 0; 1203 } 1204 1205 #pageloader_new img { 1206 left: 50%; 1207 margin-left: -32px; 1208 margin-top: -32px; 1209 position: absolute; 1210 top: 50%; 1211 } 1212 1213 #pageloader_new .bluprin-loader-new { 1214 left: 50%; 1215 top: 50%; 1216 -webkit-transform: translate(-50%, -50%); 1217 -ms-transform: translate(-50%, -50%); 1218 transform: translate(-50%, -50%); 1219 /* margin-left: -40px; 1220 margin-top: -16px; */ 1221 position: absolute; 1222 width: 40px; 1223 height: 16px; 1224 background: url('https://www.archify.com/assets/img/bluprin-loading-black.gif') left center; 1225 background-repeat: no-repeat; 1226 /* animation: play .8s steps(10) infinite; */ 1227 } 1228 1229 @keyframes play { 1230 100% { 1231 background-position: -14400px; 1232 } 1233 } 1234 </style> 1235 <div id="pageloader_new"> 1236 <div class="bluprin-loader-new"> 1237 1238 </div> 1239 </div> 1240 1241 <!-- Navbar --> 1242 <div id="bluprin_navbar"> 1243 <style> 1244 .hrefphoto a { 1245 font-size: 14px; 1246 font-weight: 600; 1247 font-stretch: normal; 1248 font-style: normal; 1249 line-height: 1; 1250 letter-spacing: -0.1px; 1251 color: #4a4a4a; 1252 font-family: WorkSans-Medium; 1253 } 1254 1255 .hrefphoto { 1256 text-align: left; 1257 } 1258 1259 .popup-shade-bg-main-menu { 1260 position: fixed; 1261 width: 100%; 1262 height: 100%; 1263 background: rgba(0, 0, 0, 0.7); 1264 z-index: 1111; 1265 display: none; 1266 } 1267 1268 .popup-shade-bg-top-menu { 1269 position: fixed; 1270 width: 100%; 1271 height: 100%; 1272 background: rgba(0, 0, 0, 0.7); 1273 z-index: 3333; 1274 display: none; 1275 } 1276 1277 .popup-shade-bg-mobile-menu { 1278 position: fixed; 1279 width: 100%; 1280 height: 100%; 1281 background: rgba(0, 0, 0, 0.6); 1282 z-index: 9999; 1283 display: none; 1284 } 1285 1286 .popup-shade-bg-mobile-menu.show { 1287 display: block; 1288 } 1289 1290 .popup-shade-bg-mobile-menu .cd-primary-nav-trigger.new { 1291 position: absolute; 1292 right: 0; 1293 top: 0; 1294 height: 100%; 1295 width: 50px; 1296 background-color: transparent; 1297 left: 0; 1298 } 1299 1300 .popup-shade-bg-mobile-menu .cd-primary-nav-trigger.new .cd-menu-icon { 1301 top: 25px; 1302 left: 25px; 1303 } 1304 1305 .popup-shade-bg-mobile-menu .cd-primary-nav-trigger.new .cd-menu-icon.is-clicked::before,
1306 .popup-shade-bg-mobile-menu .cd-primary-nav-trigger.new .cd-menu-icon.is-clicked::after { 1307 background-color: #fff; 1308 } 1309 1310 @media (min-width: 993px) { 1311 .popup-shade-bg-mobile-menu { 1312 display: none !important; 1313 } 1314 } 1315 1316 .linkwithcompany { 1317 display: none; 1318 } 1319 1320 .linkwithoutcompany { 1321 display: block; 1322 } 1323 1324 #myMenuMobileNew .subcategory-box .content ul li.language-list a h5 { 1325 white-space: nowrap; 1326 } 1327 1328 #myAffixHome .header-message-box-wrapper .header-message-box-area .header-area p.link-view-all a { 1329 font-family: 'WorkSans-SemiBold'; 1330 } 1331 1332 .space-header { 1333 height: 80px; 1334 } 1335 1336 .flex-up-asr.add-comparation, 1337 .design-hov-com { 1338 display: block !important; 1339 } 1340 1341 #myAffixHome { 1342 height: 80px; 1343 padding-left: 30px !important; 1344 padding-right: 30px !important; 1345 position: fixed !important; 1346 background-color: #fff; 1347 border: 0px; 1348 } 1349 1350 #myAffixHome img.img-logo { 1351 width: 110px; 1352 } 1353 1354 #catalog-home-page #hero { 1355 margin-top: 80px !important; 1356 } 1357 1358 #catalog-home-page.search-brand #new-sidebar-product-category { 1359 height: calc(100vh - 80px - 1px) !important; 1360 margin-top: 80px !important; 1361 } 1362 1363 #new-sidebar-product-subcategory { 1364 height: calc(100vh - 80px - 1px) !important; 1365 margin-top: 80px !important; 1366 } 1367 1368 #new-sidebar-product-subsubcategory { 1369 height: calc(100vh - 80px - 1px) !important; 1370 margin-top: 80px !important; 1371 } 1372 1373 .body-page { 1374 margin-top: 80px !important; 1375 } 1376 1377 .new-company-page .company-header.dashboard { 1378 margin-top: 80px !important; 1379 } 1380 1381 .archify-list-sidebar-wrapper { 1382 height: calc(100vh - 80px) !important; 1383 margin-top: 80px !important; 1384 } 1385 1386 .archify-list-sidebar-wrapper .archify-list-sidebar-wrapper-box { 1387 height: calc(100% - 0px) !important; 1388 top: 0px !important; 1389 } 1390 1391 .archify-list-main-content-wrapper { 1392 min-height: calc(100vh - 80px); 1393 margin-top: 80px !important; 1394 padding-top: 0px !important; 1395 } 1396 1397 @media (max-width: 992px) { 1398 .space-header { 1399 height: 70px; 1400 } 1401 1402 #myAffixHome { 1403 height: 70px; 1404 padding-left: 20px !important; 1405 padding-right: 20px !important; 1406 border-bottom: 1px solid #e5e5e5 !important; 1407 } 1408 1409 #myAffixHome .cd-header { 1410 height: 70px; 1411 } 1412 1413 #catalog-home-page #hero { 1414 margin-top: 70px !important; 1415 } 1416 1417 .body-page { 1418 margin-top: 70px !important; 1419 } 1420 1421 .new-company-page .company-header.dashboard { 1422 margin-top: 70px !important; 1423 } 1424 1425 .archify-list-main-content-wrapper { 1426 margin-top: 70px !important; 1427 } 1428 } 1429 1430 #myAffixHome { 1431 visibility: visible; 1432 } 1433 1434 #newFooter { 1435 visibility: visible; 1436 } 1437 1438 /* new header style */ 1439 .new-header-wrapper { 1440 width: 100%; 1441 display: flex; 1442 align-items: center; 1443 } 1444 1445 .new-header-wrapper .desktop-wrapper { 1446 width: 100%; 1447 display: flex; 1448 align-items: center; 1449 } 1450 1451 .new-header-wrapper .logo-wrapper { 1452 width: auto; 1453 height: 22px; 1454 border-right: 1px solid #e5e5e5; 1455 padding-right: 24px; 1456 margin-right: 24px; 1457 } 1458 1459 .new-header-wrapper .logo-wrapper a { 1460 display: block; 1461 } 1462 1463 .new-header-wrapper .navigation-wrapper { 1464 width: 100%; 1465 white-space: nowrap; 1466 position: relative; 1467 height: 40px; 1468 display: flex; 1469 align-items: center; 1470 } 1471 1472 .new-header-wrapper .navigation-wrapper .search-wrapper-header { 1473 width: calc(100% + 60px); 1474 position: absolute; 1475 top: 0; 1476 left: -40px; 1477 background-color: #fff; 1478 height: 40px; 1479 display: none; 1480 align-items: center; 1481 z-index: 1; 1482 padding-left: 40px; 1483 padding-right: 20px; 1484 border-right: 1px solid #e5e5e5; 1485 } 1486 1487 .new-header-wrapper .navigation-wrapper .search-wrapper-header.show-search { 1488 display: flex; 1489 } 1490 1491 .new-header-wrapper .navigation-wrapper .search-wrapper-header input { 1492 width: 100%; 1493 font-family: WorkSans-Regular; 1494 font-size: 14px; 1495 font-stretch: normal; 1496 font-style: normal; 1497 line-height: normal; 1498 letter-spacing: -0.1px; 1499 color: #211f21; 1500 border: 0px; 1501 outline: 0; 1502 padding-left: 10px; 1503 padding-right: 10px; 1504 } 1505 1506 .new-header-wrapper .navigation-wrapper .search-wrapper-header input::placeholder { 1507 /* Chrome, Firefox, Opera, Safari 10.1+ */ 1508 color: #ababab; 1509 opacity: 1; 1510 /* Firefox */ 1511 } 1512 1513 .new-header-wrapper .navigation-wrapper .search-wrapper-header input:-ms-input-placeholder { 1514 /* Internet Explorer 10-11 */ 1515 color: #ababab; 1516 } 1517 1518 .new-header-wrapper .navigation-wrapper .search-wrapper-header input::-ms-input-placeholder { 1519 /* Microsoft Edge */ 1520 color: #ababab; 1521 } 1522 1523 .new-header-wrapper .navigation-wrapper .search-wrapper-header button { 1524 width: 65px; 1525 height: 30px; 1526 border-radius: 6px; 1527 background-color: #0039ff; 1528 border: 0px; 1529 font-family: WorkSans-Medium; 1530 font-size: 12px; 1531 font-stretch: normal; 1532 font-style: normal; 1533 line-height: normal; 1534 letter-spacing: -0.24px; 1535 color: #fff; 1536 } 1537 1538 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper { 1539 width: calc(100% + 0px); 1540 position: absolute; 1541 top: 60px; 1542 left: 0px; 1543 background-color: #fff; 1544 min-height: 100px; 1545 height: auto; 1546 max-height: calc(100vh - 100px); 1547 overflow: auto; 1548 display: block; 1549 z-index: 1; 1550 padding-left: 40px; 1551 padding-right: 20px; 1552 border: 1px solid #e5e5e5; 1553 border-top: 0px; 1554 } 1555 1556 .new-header-wrapper .navigation-wrapper ul { 1557 width: auto; 1558 padding: 0; 1559 margin: 0; 1560 list-style: none; 1561 display: flex; 1562 align-items: center; 1563 } 1564 1565 .new-header-wrapper .navigation-wrapper ul li { 1566 width: auto; 1567 display: inline-block; 1568 margin-right: 16px; 1569 } 1570 1571 .new-header-wrapper .navigation-wrapper ul li:last-child { 1572 margin-right: 0px; 1573 } 1574 1575 .new-header-wrapper .navigation-wrapper ul li a { 1576 font-family: WorkSans-Medium; 1577 font-size: 15px; 1578 font-stretch: normal; 1579 font-style: normal; 1580 line-height: normal; 1581 letter-spacing: -0.4px; 1582 color: #211f21; 1583 } 1584 1585 .new-header-wrapper .menu-wrapper { 1586 width: auto; 1587 margin-left: auto; 1588 white-space: nowrap; 1589 } 1590 1591 .new-header-wrapper .menu-wrapper ul { 1592 width: auto; 1593 padding: 0; 1594 margin: 0; 1595 list-style: none; 1596 display: flex; 1597 align-items: center; 1598 } 1599 1600 .new-header-wrapper .menu-wrapper ul li { 1601 width: auto; 1602 display: inline-block; 1603 margin-right: 16px; 1604 position: relative; 1605 } 1606 1607 .new-header-wrapper .menu-wrapper ul li:hover img.basemsgicon { 1608 opacity: 0.8 !important; 1609 } 1610 1611 .new-header-wrapper .menu-wrapper ul li:hover .fa.fa-bell {
1612 opacity: 0.4 !important; 1613 } 1614 1615 .new-header-wrapper .menu-wrapper ul li:hover img.search-header-button { 1616 opacity: 0.4 !important; 1617 } 1618 1619 .new-header-wrapper .menu-wrapper ul li a { 1620 font-family: WorkSans-Medium; 1621 font-size: 13px; 1622 font-stretch: normal; 1623 font-style: normal; 1624 line-height: normal; 1625 letter-spacing: -0.1px; 1626 text-align: center; 1627 color: #bdbdbf; 1628 } 1629 1630 .new-header-wrapper .menu-wrapper ul li:last-child { 1631 margin-right: 0px; 1632 } 1633 1634 .new-header-wrapper .menu-wrapper ul button { 1635 min-width: 65px; 1636 height: 30px; 1637 font-family: WorkSans-Medium; 1638 font-size: 13px; 1639 font-stretch: normal; 1640 font-style: normal; 1641 line-height: normal; 1642 letter-spacing: -0.1px; 1643 text-align: center; 1644 color: #fff; 1645 border-radius: 3px; 1646 background-color: #0039ff; 1647 border: 0px; 1648 } 1649 1650 /* homepage header wrapper */ 1651 .homepage-header-wrapper { 1652 width: 100%; 1653 height: auto; 1654 min-height: 70px; 1655 position: absolute; 1656 top: 79px; 1657 background-color: #fff; 1658 z-index: 9998; 1659 border-bottom: 0px solid #e5e5e5; 1660 display: flex; 1661 align-items: flex-start; 1662 padding-left: 30px; 1663 padding-right: 30px; 1664 display: none; 1665 padding-top: 2px; 1666 } 1667 1668 .homepage-header-wrapper .text-wrapper { 1669 font-family: WorkSans-Regular; 1670 font-size: 14px; 1671 font-weight: normal; 1672 font-stretch: normal; 1673 font-style: normal; 1674 line-height: 0px; 1675 letter-spacing: -0.2px; 1676 color: #211f21; 1677 width: 100%; 1678 position: relative; 1679 left: -7px; 1680 padding-bottom: 20px; 1681 max-width: 1000px; 1682 } 1683 1684 .homepage-header-wrapper .text-wrapper a { 1685 font-family: WorkSans-Regular; 1686 font-size: 14px; 1687 font-weight: normal; 1688 font-stretch: normal; 1689 font-style: normal; 1690 line-height: 14px; 1691 letter-spacing: -0.1px; 1692 color: #211f21; 1693 padding-left: 7px; 1694 padding-right: 7px; 1695 padding-top: 5px; 1696 padding-bottom: 5px; 1697 white-space: nowrap; 1698 text-decoration: none; 1699 display: inline-block; 1700 } 1701 1702 .homepage-header-wrapper .text-wrapper a:hover { 1703 font-family: WorkSans-SemiBold; 1704 color: #fff; 1705 background-color: #0039ff; 1706 border-radius: 500px; 1707 font-size: 14px; 1708 letter-spacing: -0.1px; 1709 } 1710 1711 .homepage-header-wrapper .text-wrapper a.sustain-btn:hover { 1712 background-color: #61a244; 1713 } 1714 1715 /* other menu wrapper */ 1716 .other-menu-wrapper { 1717 width: auto; 1718 height: 35px; 1719 display: flex; 1720 margin-left: auto; 1721 } 1722 1723 .other-menu-wrapper.top { 1724 padding-right: 16px; 1725 margin-right: 16px; 1726 border-right: 1px solid #e5e5e5; 1727 height: 22px; 1728 } 1729 1730 .other-menu-wrapper .other-menu { 1731 width: auto; 1732 height: 35px; 1733 padding-left: 15px; 1734 padding-right: 15px; 1735 background-color: #e8e8e8; 1736 border-radius: 500px; 1737 display: flex; 1738 align-items: center; 1739 position: relative; 1740 font-family: WorkSans-Medium; 1741 font-size: 13px; 1742 font-stretch: normal; 1743 font-style: normal; 1744 line-height: normal; 1745 letter-spacing: -0.1px; 1746 color: #211f21; 1747 cursor: pointer; 1748 margin-left: 10px; 1749 } 1750 1751 .other-menu-wrapper.top .other-menu { 1752 height: 35px; 1753 top: -6px 1754 } 1755 1756 .other-menu-wrapper .other-menu img { 1757 margin-left: 10px; 1758 } 1759 1760 .other-menu-wrapper .other-menu .other-menu-list { 1761 position: absolute; 1762 top: 36px; 1763 right: 0; 1764 width: auto; 1765 height: auto; 1766 background-color: #fff; 1767 cursor: auto; 1768 border-radius: 6px; 1769 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); 1770 border: solid 1px #f1f1f1; 1771 background-color: #fff; 1772 padding: 20px; 1773 padding-top: 10px; 1774 padding-bottom: 10px; 1775 display: none; 1776 } 1777 1778 .other-menu-wrapper .other-menu.open .other-menu-list { 1779 display: block; 1780 } 1781 1782 .other-menu-wrapper .other-menu.open img { 1783 transform: rotate(180deg); 1784 } 1785 1786 .other-menu-wrapper .other-menu.open .other-menu-list ul { 1787 padding: 0; 1788 margin: 0; 1789 display: block; 1790 list-style: none; 1791 } 1792 1793 .other-menu-wrapper .other-menu.open .other-menu-list ul li { 1794 white-space: nowrap; 1795 margin-bottom: 0px; 1796 margin: 0; 1797 display: block; 1798 } 1799 1800 .other-menu-wrapper .other-menu.open .other-menu-list ul li:last-child { 1801 margin-bottom: 0px; 1802 } 1803 1804 .other-menu-wrapper .other-menu.open .other-menu-list ul li a { 1805 font-family: WorkSans-Medium; 1806 font-size: 14px; 1807 /* font-weight: 600; */ 1808 font-stretch: normal; 1809 font-style: normal; 1810 line-height: 2.14; 1811 letter-spacing: -0.1px; 1812 color: #211f21; 1813 display: block; 1814 width: 100%; 1815 } 1816 1817 @media (max-width: 1250px) { 1818 .new-header-wrapper .logo-wrapper { 1819 padding-right: 8px; 1820 margin-right: 8px; 1821 } 1822 1823 .other-menu-wrapper.top { 1824 padding-right: 8px; 1825 margin-right: 8px; 1826 } 1827 1828 .new-header-wrapper .navigation-wrapper ul li { 1829 margin-right: 10px; 1830 } 1831 1832 .new-header-wrapper .navigation-wrapper ul li a { 1833 letter-spacing: -0.8px; 1834 } 1835 1836 .new-header-wrapper .menu-wrapper ul li { 1837 margin-right: 10px; 1838 } 1839 1840 .new-header-wrapper .navigation-wrapper .search-wrapper-header { 1841 width: calc(100% + 40px); 1842 left: -20px; 1843 padding-left: 20px; 1844 } 1845 1846 #myAffixHome img.img-logo { 1847 width: 100px; 1848 } 1849 1850 .other-menu-wrapper .other-menu { 1851 padding-left: 10px; 1852 padding-right: 10px; 1853 } 1854 1855 .other-menu-wrapper .other-menu img { 1856 margin-left: 8px; 1857 } 1858 } 1859 1860 .menu-mobile-left-wrapper { 1861 display: none; 1862 } 1863 1864 .menu-mobile-right-wrapper { 1865 display: none; 1866 } 1867 1868 @media (max-width: 992px) { 1869 .new-header-wrapper .navigation-wrapper { 1870 position: absolute; 1871 width: auto; 1872 } 1873 1874 .new-header-wrapper .navigation-wrapper ul { 1875 display: none; 1876 } 1877 1878 .new-header-wrapper .menu-wrapper { 1879 display: none; 1880 } 1881 1882 .new-header-wrapper .logo-wrapper { 1883 padding: 0; 1884 margin: 0; 1885 border: 0; 1886 margin-left: auto; 1887 margin-right: auto; 1888 } 1889 1890 .menu-mobile-left-wrapper { 1891 display: flex;
1892 width: 20px; 1893 height: 20px; 1894 align-items: center; 1895 } 1896 1897 .menu-mobile-right-wrapper { 1898 display: flex; 1899 width: 20px; 1900 height: 20px; 1901 align-items: center; 1902 } 1903 1904 .new-header-wrapper .navigation-wrapper .search-wrapper-header.show-search { 1905 width: 100%; 1906 height: 70px; 1907 position: fixed; 1908 padding-left: 20px; 1909 padding-right: 20px; 1910 left: 0; 1911 border-right: 0px; 1912 border-bottom: 1px solid #e5e5e5; 1913 } 1914 1915 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper { 1916 top: 70px; 1917 min-height: calc(100vh - 70px); 1918 max-height: calc(100vh - 70px); 1919 height: calc(100vh - 70px); 1920 padding-bottom: 50px; 1921 border-radius: 0; 1922 padding-left: 0; 1923 padding-right: 0; 1924 } 1925 1926 .homepage-header-wrapper { 1927 display: none !important; 1928 } 1929 1930 .new-header-wrapper .navigation-wrapper .other-menu-wrapper.top { 1931 display: none !important; 1932 } 1933 } 1934 1935 .header-user-menu-wrapper { 1936 width: 20px; 1937 height: 20px; 1938 display: flex; 1939 align-items: center; 1940 justify-content: center; 1941 border-radius: 50%; 1942 background-color: #0039ff; 1943 cursor: pointer; 1944 font-family: WorkSans-SemiBold; 1945 font-size: 10px; 1946 font-stretch: normal; 1947 font-style: normal; 1948 line-height: normal; 1949 letter-spacing: -0.14px; 1950 text-align: center; 1951 color: #fff; 1952 position: relative; 1953 overflow: hidden; 1954 } 1955 1956 .header-user-menu-wrapper img { 1957 width: 20px; 1958 height: 20px; 1959 position: absolute; 1960 width: 20px; 1961 height: 20px; 1962 top: 0; 1963 left: 0; 1964 object-fit: cover; 1965 } 1966 1967 /* section search result header */ 1968 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result { 1969 width: 100%; 1970 padding-top: 40px; 1971 padding-bottom: 40px; 1972 background-color: #fff; 1973 padding-left: 0px; 1974 padding-right: 0px; 1975 position: relative; 1976 white-space: normal; 1977 } 1978 1979 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result p.title { 1980 font-family: WorkSans-SemiBold; 1981 font-size: 20px; 1982 font-stretch: normal; 1983 font-style: normal; 1984 line-height: 1; 1985 letter-spacing: -0.29px; 1986 color: #211f21; 1987 margin-bottom: 10px; 1988 } 1989 1990 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .products-search-result-text { 1991 position: relative; 1992 width: calc(100% + 0px); 1993 left: 0px; 1994 margin-bottom: 20px; 1995 line-height: 18px; 1996 } 1997 1998 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .products-search-result-text a { 1999 width: 634px; 2000 height: 20px; 2001 margin: 12px 0 0; 2002 font-family: WorkSans-Regular; 2003 font-size: 14px; 2004 font-stretch: normal; 2005 font-style: normal; 2006 line-height: 22px; 2007 letter-spacing: -0.2px; 2008 color: #211f21; 2009 display: inline; 2010 margin-right: 0px; 2011 margin-left: 0px; 2012 position: relative; 2013 } 2014 2015 /* .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .products-search-result-text a span { 2016 font-family: WorkSans-SemiBold; 2017} */ 2018 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .products-search-result-text p { 2019 margin-right: 10px; 2020 margin-left: 10px; 2021 margin-bottom: 0; 2022 display: inline; 2023 line-height: 0; 2024 } 2025 2026 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header { 2027 /* width: calc(100% - 110px); */ 2028 width: calc(100% - 100px); 2029 height: auto; 2030 overflow: auto; 2031 position: relative; 2032 } 2033 2034 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header.full { 2035 width: calc(100% - 0px); 2036 height: auto; 2037 overflow: auto; 2038 position: relative; 2039 } 2040 2041 /* width */ 2042 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header::-webkit-scrollbar {
2043 width: 10px; 2044 height: 0px; 2045 } 2046 2047 /* Track */ 2048 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header::-webkit-scrollbar-track { 2049 background: #f1f1f1; 2050 } 2051 2052 /* Handle */ 2053 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header::-webkit-scrollbar-thumb { 2054 background: #888; 2055 } 2056 2057 /* Handle on hover */ 2058 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header::-webkit-scrollbar-thumb:hover { 2059 background: #555; 2060 } 2061 2062 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header ul { 2063 width: 100%; 2064 padding: 0; 2065 margin: 0; 2066 list-style: none; 2067 display: block; 2068 } 2069 2070 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header ul li { 2071 width: 100%; 2072 margin-bottom: 10px; 2073 display: block; 2074 } 2075 2076 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header ul li a { 2077 width: 100%; 2078 display: block; 2079 font-family: WorkSans-Regular; 2080 font-size: 14px; 2081 font-stretch: normal; 2082 font-style: normal; 2083 line-height: 1.43; 2084 letter-spacing: -0.2px; 2085 color: #211f21; 2086 } 2087 2088 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header ul li a span { 2089 font-family: WorkSans-SemiBold; 2090 } 2091 2092 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper { 2093 width: fit-content; 2094 height: auto; 2095 display: flex; 2096 padding-bottom: 5px; 2097 } 2098 2099 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper { 2100 width: 100px; 2101 min-width: 100px; 2102 height: auto; 2103 position: relative; 2104 float: left; 2105 margin-left: 10px; 2106 } 2107 2108 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper.projects { 2109 width: 150px; 2110 min-width: 150px; 2111 height: auto; 2112 position: relative; 2113 float: left; 2114 margin-left: 10px; 2115 } 2116 2117 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper.inspiration { 2118 width: 90px; 2119 min-width: 90px; 2120 height: auto; 2121 position: relative; 2122 float: left; 2123 margin-left: 10px; 2124 } 2125 2126 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper p.name { 2127 width: 100%; 2128 font-family: WorkSans-Medium; 2129 font-size: 12px; 2130 font-stretch: normal; 2131 font-style: normal; 2132 line-height: normal; 2133 letter-spacing: -0.17px; 2134 text-align: center; 2135 color: #211f21; 2136 padding-top: 10px; 2137 position: relative; 2138 float: left; 2139 white-space: normal; 2140 margin-bottom: 0px; 2141 } 2142 2143 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper p.title { 2144 font-family: WorkSans-SemiBold; 2145 font-size: 12px; 2146 font-stretch: normal; 2147 font-style: normal; 2148 line-height: normal; 2149 letter-spacing: -0.17px; 2150 color: #211f21; 2151 position: relative; 2152 float: left; 2153 padding-top: 10px; 2154 margin-bottom: 0; 2155 width: 100%; 2156 } 2157 2158 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper p.subtitle { 2159 font-family: WorkSans-Regular; 2160 font-size: 12px; 2161 font-stretch: normal; 2162 font-style: normal; 2163 line-height: normal; 2164 letter-spacing: -0.17px; 2165 color: #211f21; 2166 position: relative; 2167 float: left; 2168 margin-bottom: 0; 2169 width: 100%; 2170 } 2171 2172 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item-wrapper:first-child { 2173 margin-left: 0px; 2174 } 2175 2176 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item { 2177 /* width: 100px; */ 2178 width: auto; 2179 min-width: 100px; 2180 height: auto; 2181 border: solid 1px #e8e8eb; 2182 position: relative; 2183 float: left; 2184 } 2185 2186 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item.projects { 2187 width: 150px; 2188 min-width: 150px; 2189 height: auto; 2190 border: solid 1px #e8e8eb; 2191 position: relative; 2192 float: left; 2193 } 2194 2195 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item.inspiration { 2196 width: 90px; 2197 min-width: 90px; 2198 height: auto; 2199 border: solid 1px #e8e8eb; 2200 position: relative; 2201 float: left; 2202 } 2203 2204 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item.brands { 2205 padding: 10px; 2206 } 2207 2208 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item img { 2209 width: 100px; 2210 height: 100px; 2211 position: relative; 2212 object-fit: cover; 2213 } 2214 2215 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item.brands img { 2216 width: 80px; 2217 height: 80px; 2218 position: relative; 2219 object-fit: contain; 2220 } 2221 2222 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item.projects img { 2223 width: 148px; 2224 height: 148px; 2225 position: relative; 2226 object-fit: cover; 2227 } 2228 2229 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .search-result-wrapper-header .images-inside-wrapper .image-item.inspiration img { 2230 width: 88px; 2231 height: 88px; 2232 position: relative; 2233 object-fit: cover; 2234 } 2235 2236 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .main-wrapper { 2237 position: relative; 2238 width: 100%; 2239 height: auto; 2240 } 2241 2242 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .main-wrapper .image-item.view-more { 2243 border: solid 0px #e8e8eb; 2244 right: 0; 2245 top: 0; 2246 background-color: #fff; 2247 position: absolute; 2248 display: flex; 2249 justify-content: center; 2250 font-family: WorkSans-SemiBold; 2251 font-size: 12px; 2252 font-stretch: normal; 2253 font-style: normal; 2254 line-height: normal; 2255 letter-spacing: -0.17px; 2256 color: #808285; 2257 height: 100%; 2258 padding-top: 47px; 2259 min-width: 100px; 2260 max-width: 100px; 2261 width: 100px; 2262 } 2263 2264 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .main-wrapper .image-item.view-more.projects { 2265 padding-top: 72px; 2266 } 2267 2268 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .main-wrapper .image-item.view-more.inspiration { 2269 padding-top: 40px; 2270 } 2271 2272 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .border-bottom { 2273 position: absolute; 2274 height: 1px; 2275 bottom: 1px; 2276 background-color: #dedbde; 2277 width: calc(100% - 0px); 2278 left: 0px; 2279 } 2280 2281 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result:last-child .border-bottom { 2282 display: none; 2283 } 2284 2285 @media (max-width: 992px) { 2286 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result { 2287 padding-left: 20px; 2288 padding-right: 20px; 2289 } 2290 2291 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result .border-bottom { 2292 width: calc(100% - 0px); 2293 left: 0px; 2294 } 2295 } 2296 2297 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result p.search-result-text { 2298 font-family: WorkSans-SemiBold; 2299 font-size: 20px; 2300 font-weight: bold; 2301 font-stretch: normal; 2302 font-style: normal; 2303 line-height: 1; 2304 letter-spacing: -0.29px; 2305 color: #211f21; 2306 width: 100%; 2307 margin: 0; 2308 } 2309
2310 .popup-shade-bg-top-menu-new-search-box { 2311 position: fixed; 2312 width: 100%; 2313 height: 100%; 2314 background: rgba(0, 0, 0, 0.7); 2315 z-index: 9998; 2316 display: none; 2317 } 2318 2319 .popup-shade-bg-new-main-menu { 2320 position: fixed; 2321 width: 100%; 2322 height: 100%; 2323 background: rgba(0, 0, 0, 0.7); 2324 z-index: 33332; 2325 display: none; 2326 } 2327 2328 /* header menu detail wrapper */ 2329 .header-menu-detail-wrapper { 2330 position: fixed; 2331 width: 300px; 2332 height: auto; 2333 min-height: 100px; 2334 border-radius: 6px; 2335 background: rgba(0, 0, 0, 0.7); 2336 z-index: 33333; 2337 background-color: #fff; 2338 top: 20px; 2339 right: 20px; 2340 display: none; 2341 padding-top: 10px; 2342 } 2343 2344 .header-menu-detail-wrapper.notification { 2345 width: 400px; 2346 } 2347 2348 .header-menu-detail-wrapper .header { 2349 width: 100%; 2350 display: flex; 2351 align-items: center; 2352 padding-left: 20px; 2353 padding-right: 20px; 2354 height: 50px; 2355 } 2356 2357 .header-menu-detail-wrapper .header .image-wrapper { 2358 width: 30px; 2359 min-width: 30px; 2360 margin-right: 10px; 2361 height: 30px; 2362 position: relative; 2363 border-radius: 50%; 2364 overflow: hidden; 2365 } 2366 2367 .header-menu-detail-wrapper .header .image-wrapper img { 2368 width: 30px; 2369 height: 30px; 2370 object-fit: cover; 2371 position: absolute; 2372 } 2373 2374 .header-menu-detail-wrapper .header .text-wrapper { 2375 width: 100%; 2376 } 2377 2378 .header-menu-detail-wrapper .header .text-wrapper p.title { 2379 width: 100%; 2380 margin: 0; 2381 font-family: WorkSans-SemiBold; 2382 font-size: 12px; 2383 font-stretch: normal; 2384 font-style: normal; 2385 line-height: normal; 2386 letter-spacing: -0.17px; 2387 color: #211f21; 2388 display: -webkit-box; 2389 -webkit-line-clamp: 1; 2390 -webkit-box-orient: vertical; 2391 overflow: hidden; 2392 text-overflow: ellipsis; 2393 } 2394 2395 .header-menu-detail-wrapper .header .text-wrapper p.subtitle { 2396 width: 100%; 2397 margin: 0; 2398 font-family: WorkSans-Regular; 2399 font-size: 12px; 2400 font-weight: normal; 2401 font-stretch: normal; 2402 font-style: normal; 2403 line-height: normal; 2404 letter-spacing: -0.17px; 2405 color: #808285; 2406 display: -webkit-box; 2407 -webkit-line-clamp: 1; 2408 -webkit-box-orient: vertical; 2409 overflow: hidden; 2410 text-overflow: ellipsis; 2411 } 2412 2413 .header-menu-detail-wrapper .content { 2414 width: 100%; 2415 height: auto; 2416 max-height: calc(100vh - 100px); 2417 overflow: auto; 2418 padding-left: 20px; 2419 padding-right: 20px; 2420 padding-bottom: 20px; 2421 } 2422 2423 .header-menu-detail-wrapper .content .new-lang { 2424 position: relative; 2425 width: 100%; 2426 float: left; 2427 margin-bottom: 5px; 2428 display: flex; 2429 align-items: flex-start; 2430 } 2431 2432 .header-menu-detail-wrapper .content .new-lang a { 2433 color: #4a4a4a; 2434 text-decoration: none; 2435 } 2436 2437 .center-notif-item { 2438 padding-left: 0px; 2439 padding-right: 0px; 2440 border-bottom: 1px solid #e5e5e5; 2441 align-items: flex-start; 2442 } 2443 2444 .center-notif-item:before { 2445 border: 0px; 2446 } 2447 2448 .content-notif-item .txt1 { 2449 font-size: 14px; 2450 display: block; 2451 display: -webkit-box; 2452 height: auto; 2453 -webkit-line-clamp: 3; 2454 -webkit-box-orient: vertical; 2455 overflow: hidden; 2456 text-overflow: ellipsis; 2457 font-family: WorkSans-Medium; 2458 line-height: 14px; 2459 } 2460 2461 .asrbadge { 2462 color: white; 2463 font-size: 8px; 2464 border: 2px solid #fff; 2465 position: absolute; 2466 top: -8px; 2467 right: -10px; 2468 background-color: #1f609b; 2469 border-radius: 50%; 2470 text-align: center; 2471 width: 18px; 2472 font-family: 'WorkSans-SemiBold'; 2473 height: 18px; 2474 cursor: pointer; 2475 } 2476 2477 .header-message-count-notification { 2478 color: #fff; 2479 font-size: 8px; 2480 border: 2px solid #fff; 2481 position: absolute; 2482 top: -8px; 2483 right: -10px; 2484 background-color: #1f609b; 2485 border-radius: 50%; 2486 width: 18px; 2487 height: 18px; 2488 font-family: WorkSans-SemiBold; 2489 display: flex; 2490 justify-content: center; 2491 align-items: center; 2492 } 2493 2494 ul.dropdown-menu.user-detail-dropdown { 2495 position: relative; 2496 width: 100%; 2497 display: block; 2498 border: 0px; 2499 padding: 0; 2500 } 2501 2502 ul.dropdown-menu.user-detail-dropdown li { 2503 position: relative; 2504 width: calc(100% + 40px); 2505 left: -20px; 2506 padding-left: 20px; 2507 padding-right: 20px; 2508 display: flex; 2509 align-items: center; 2510 font-family: WorkSans-Regular; 2511 font-size: 12px; 2512 font-stretch: normal; 2513 font-style: normal; 2514 line-height: 12px; 2515 letter-spacing: -0.17px; 2516 color: #211f21; 2517 margin-bottom: 5px; 2518 min-height: 25px; 2519 display: flex; 2520 align-items: center; 2521 } 2522 2523 ul.dropdown-menu.user-detail-dropdown li:hover { 2524 background-color: #f9f9f9; 2525 } 2526 2527 ul.dropdown-menu.user-detail-dropdown li:last-child { 2528 margin-bottom: 0px; 2529 } 2530 2531 ul.dropdown-menu.user-detail-dropdown li button { 2532 width: 100%; 2533 } 2534 2535 ul.dropdown-menu.user-detail-dropdown li a { 2536 display: flex; 2537 width: 100%; 2538 align-items: center; 2539 color: #211f21; 2540 text-decoration: none; 2541 min-height: 25px; 2542 } 2543 2544 ul.dropdown-menu.user-detail-dropdown.main { 2545 padding: 0; 2546 border-bottom: 1px solid #e5e5e5; 2547 padding-bottom: 10px; 2548 margin-bottom: 10px; 2549 padding-top: 10px; 2550 } 2551 2552 ul.dropdown-menu.user-detail-dropdown.main li { 2553 font-family: WorkSans-Medium; 2554 font-size: 12px; 2555 font-stretch: normal; 2556 font-style: normal; 2557 line-height: 12px; 2558 letter-spacing: -0.17px; 2559 color: #211f21; 2560 margin-bottom: 5px; 2561 min-height: 25px; 2562 display: flex; 2563 align-items: center; 2564 } 2565 2566 ul.dropdown-menu.user-detail-dropdown.main li:hover { 2567 background-color: #f9f9f9; 2568 } 2569 2570 ul.dropdown-menu.user-detail-dropdown.main li img { 2571 margin-right: 10px; 2572 opacity: 0.2; 2573 } 2574 2575 ul.dropdown-menu.user-detail-dropdown.main li:hover img { 2576 opacity: 0.7; 2577 } 2578 2579 @media (min-width: 993px) { 2580 .header-menu-detail-wrapper.user-menu-mobile { 2581 display: none !important; 2582 } 2583 } 2584 2585 @media (max-width: 992px) { 2586 .new-header-wrapper .navigation-wrapper { 2587 position: absolute; 2588 width: auto; 2589 } 2590 2591 .new-header-wrapper .navigation-wrapper ul { 2592 display: none; 2593 } 2594 2595 .new-header-wrapper .menu-wrapper { 2596 display: none; 2597 } 2598 2599 .new-header-wrapper .logo-wrapper { 2600 padding: 0; 2601 margin: 0; 2602 border: 0; 2603 margin-left: auto; 2604 margin-right: auto; 2605 } 2606 2607 .menu-mobile-left-wrapper { 2608 display: flex;
2609 width: 20px; 2610 height: 20px; 2611 align-items: center; 2612 } 2613 2614 .menu-mobile-right-wrapper { 2615 display: flex; 2616 width: 20px; 2617 height: 20px; 2618 align-items: center; 2619 } 2620 2621 .new-header-wrapper .navigation-wrapper .search-wrapper-header.show-search { 2622 width: 100%; 2623 height: 70px; 2624 position: fixed; 2625 padding-left: 20px; 2626 padding-right: 20px; 2627 left: 0; 2628 border-right: 0px; 2629 } 2630 2631 .new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper { 2632 top: 70px; 2633 min-height: calc(100vh - 70px); 2634 max-height: calc(100vh - 70px); 2635 height: calc(100vh - 70px); 2636 padding-bottom: 50px; 2637 border-radius: 0; 2638 padding-left: 0; 2639 padding-right: 0; 2640 } 2641 2642 .header-menu-detail-wrapper { 2643 top: 0; 2644 left: 0; 2645 right: auto; 2646 width: 100% !important; 2647 border-radius: 0; 2648 height: 100vh; 2649 padding-bottom: 50px; 2650 } 2651 } 2652</style> 2653<style> 2654.top-banner { 2655 position: relative; 2656 top: auto; 2657 left: 0; 2658 width: 100%; 2659 /* height: 100px; */ 2660 z-index: 9999; 2661 /* overflow: hidden; */ 2662 background-color: #fff; 2663 padding:20px 20px 0 20px; 2664} 2665 2666.gif-banner { 2667 display: block; 2668 width: 100%; 2669 /* height: 100px; */ 2670 object-fit: contain; 2671} 2672 2673#myAffixHome { 2674 2675 z-index: 10000; /* pastikan header tetap di atas banner */ 2676} 2677.homepage-header-wrapper{ 2678 top:176px; 2679} 2680@media (min-width:1400px){ 2681 2682.homepage-header-wrapper{ 2683 top:217px; 2684} 2685 2686} 2687@media (max-width: 992px) { 2688 #myAffixHome { 2689 top: auto; 2690 } 2691} 2692.gif-banner{ 2693 width: 100%; 2694 object-fit: contain; 2695} 2696 2697@media (max-width: 768px){ 2698 2699 .top-banner{ 2700 overflow: hidden; 2701 } 2702 2703 .gif-banner{ 2704 width: 100%; 2705 /* height: 30px; */ 2706 object-fit: fill; 2707 } 2708 2709} 2710</style> 2711<div id="top-main-menu" style="display: none;"></div> 2712 2713
2714<script type="text/javascript"> 2715 $(document).ready(function() { 2716 const location = window.location.href; 2717 if (location.includes("revit-webview")) { 2718 $("#myAffixHome").html(`<img onclick="window.history.back()" class="back-icon" src="https://www.archify.com/assets/img/svg/arrow-left-black.svg" />`); 2719 2720 if (location.includes("privacy-policy")) { 2721 $("h1").css("margin-top", "0px"); 2722 } 2723 $("#newFooter").css("visibility", "hidden"); 2724 } 2725 }); 2726</script>
2726 2727 2728 <div class="top-banner" style="display:none"> 2729 <a href="https://source.lattira.com/en/au"><img src="https://www.archify.com/assets/banner/lattira-home.gif" class="gif-banner" alt="Archify Banner"></a> 2730</div> 2731<header id="myAffixHome" class="new-header-wrapper fixed-top scrolled"> 2732 <div class="menu-mobile-left-wrapper"> 2733 <img class="show-menu-mobile-new-header" src="https://www.archify.com/assets/img/svg/burger-menu-svgrepo-com.svg" alt="burger-menu" width="20" height="20" style="cursor: pointer;"> 2734 </div> 2735 <div class="logo-wrapper"> 2736 <a href="https://www.archify.com/au/" style="position: relative; top: -5px;"> 2737 <img class="img-logo" src="https://www.archify.com/assets/img/svg/global-logo-archify.svg?v=1.1.1" alt="Logo" width="110" height="31"> 2738 </a> 2739 </div> 2740 <div class="menu-mobile-right-wrapper"> 2741 <img class="search-header-button" src="https://www.archify.com/assets/img/svg/general-search.svg" width="20" height="20" alt="Search Icon" style="cursor: pointer; opacity: 0.5;"> 2742 </div> 2743 <div class="navigation-wrapper"> 2744 <ul> 2745 <li><a id="navbar-menu-products" href="https://www.archify.com/au/products">Products</a></li><li><a id="navbar-menu-brands" href="https://www.archify.com/au/brands">Brands</a></li><li><a id="navbar-menu-education" href="https://www.archify.com/au/education">Education</a></li><li><a id="navbar-menu-events" href="https://www.archify.com/au/events">Events</a></li><li><a id="navbar-menu-archifynow" href="https://www.archify.com/au/archifynow">Articles</a></li><li><a id="navbar-menu-specconsulting" target="_blank" href="https://sclspec.com/">Spec Consulting</a></li><li><a id="navbar-menu-archifyspec" target="_blank" href="https://archifyspec.com/">ArchifySpec</a></li> <!-- <li> 2746 <a href="#">Products</a> 2747 </li> 2748 <li> 2749 <a href="#">Brands</a> 2750 </li> 2751 <li> 2752 <a href="#">Professionals</a> 2753 </li> --> 2754 </ul> 2755 2756 <div class="other-menu-wrapper top"> 2757 <div id="navbar-menu-explore" class="other-menu" style=""> 2758 Explore 2759 <img class="arrow-down-small" src="https://www.archify.com/assets/img/svg/arrow-down-small.svg" alt="arrow-down-small" width="10" height="10"> 2760 <div class="other-menu-list"> 2761 <ul> 2762 <li><a id="navbar-menu-explore-professionals" href="https://www.archify.com/au/professionals">Professionals</a></li><li><a id="navbar-menu-explore-projects" href="https://www.archify.com/au/projects">Projects</a></li><li><a id="navbar-menu-explore-photos" href="https://www.archify.com/au/photos">Inspiration</a></li> <!-- <li> 2763 <a href="#">Professionals</a> 2764 </li> 2765 <li> 2766 <a href="#">Inspiration</a> 2767 </li> 2768 <li> 2769 <a href="#">Projects</a> 2770 </li> 2771 <li> 2772 <a href="#">Articles</a> 2773 </li> 2774 <li> 2775 <a href="#">Events</a> 2776 </li> --> 2777 </ul> 2778 </div> 2779 </div> 2780 <div id="navbar-menu-solution" class="other-menu"> 2781 Solutions 2782 <img class="arrow-down-small" src="https://www.archify.com/assets/img/svg/arrow-down-small.svg" alt="arrow-down-small" width="10" height="10"> 2783 <div class="other-menu-list"> 2784 <ul> 2785 <li> 2786 <a id="navbar-menu-solution-profesionals" href="https://www.archify.com/au/forpro">For Professionals</a> 2787 </li> 2788 <li> 2789 <a id="navbar-menu-solution-brands" href="https://brands.archify.com/">For Brands</a> 2790 </li> 2791 2792 <!-- <li> 2793 <a href="https://bcicentral.typeform.com/to/PSHuXZjX" target="_blank">Product Sourcing Service</a> 2794 </li> --> 2795 </ul> 2796 </div> 2797 </div> 2798 </div> 2799 <div class="search-wrapper-header"> 2800 <img src="https://www.archify.com/assets/img/svg/general-search.svg" width="20" height="20" alt="Search Icon" style="cursor: pointer; opacity: 1;"> 2801 <input id="newHeaderSearchInput" type="text" name="" value="" placeholder="Search Products, Professional, Projects etc." type="text"> 2802 <button id="newHeaderSearchButton" type="button" name="button">Search</button> 2803 <img id="newHeaderCloseSearchButton" class="new-header-close-search-button" src="https://www.archify.com/assets/img/close.png" width="15" height="15" alt="Close Icon" style="margin-left: 20px; cursor: pointer; opacity: 0.3;"> 2804 <div class="search-result-wrapper" style="display: none;"> 2805 2806 <!-- loading section --> 2807 <div class="section-search-result loading" style="text-align: center;"> 2808 <img src="https://www.archify.com/assets/img/new-archify-loading.gif" alt="loading gif" width="20" height="20"> 2809 </div> 2810 2811 <!-- no result section --> 2812 <div class="section-search-result no-result"> 2813 <p style="font-family: WorkSans-Medium; font-size: 20px; font-stretch: normal; font-style: normal; line-height: 1; letter-spacing: -0.29px; color: #211f21; margin-bottom: 20px;"> 2814 No Result Found 2815 </p> 2816 <p style="font-family: WorkSans-Regular; font-size: 16px; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: -0.23px; color: #211f21; margin-bottom: 0px;margin-top: -10px;"> 2817 2818 <!-- commented because link is broken already confirmed to martin 22/07/2025 --> 2819 <!-- Canât find what youâre looking for? Let Archify source products for you for free!<br /> 2820 <a href="https://bcicentral.typeform.com/to/PSHuXZjX" target="_blank"><button class="btn btn-primary" style="width:120px;margin-top:10px;">Submit Request</button></a> 2821 --> 2822 2823 Make sure all words are spelled correctly.<br />Try more general keywords. 2824 </p> 2825 </div> 2826 2827 <!-- Products Section --> 2828 <div class="section-search-result products"> 2829 <p class="title">Products</p> 2830 <div class="products-search-result-text"> 2831 </div> 2832 <div class="main-wrapper"></div> 2833 <div class="border-bottom"></div> 2834 </div> 2835 2836 <!-- Brands Section --> 2837 <div class="section-search-result brands"> 2838 </div> 2839 2840 <!-- Education Section --> 2841 <div class="section-search-result education"> 2842 </div> 2843 2844 <!-- Professionals Section --> 2845 <div class="section-search-result professionals"> 2846 </div> 2847 2848 <!-- Projects Section --> 2849 <div class="section-search-result projects"> 2850 </div> 2851 2852 <!-- Inspiration Section --> 2853 <div class="section-search-result inspiration"> 2854 </div> 2855 2856 <!-- Articles Section --> 2857 <div class="section-search-result articles"> 2858 </div> 2859 </div> 2860 </div> 2861 </div> 2862 <div class="menu-wrapper"> 2863 2864<ul> 2865 <li class="header-search-icon-area"> 2866 <img id="search-header-btn" class="search-header-button" src="https://www.archify.com/assets/img/svg/general-search.svg" width="15" height="15" alt="Search Icon" style="cursor: pointer; opacity: 0.3;"> 2867 </li> 2868 <li class="header-languages-icon-area"> 2869 <img id="languages-header-btn" class="select-language-button" src="https://www.archify.com/assets/img/svg/flag/flag-au.svg" alt="Archify - au" width="17" height="17" style="cursor: pointer;"> 2870 </li> 2871 <li class="header-login-icon-area"> 2872 <a id="login-header-btn" class="login-button" href="https://www.archify.com/au/login">Login</a> 2873 </li> 2874 <li class="header-signup-icon-area"> 2875 <a id="signup-header-btn" class="login-button" href="https://www.archify.com/au/signup"> 2876 <button class="blue-button" type="button" name="button">Sign Up for Free</button> 2877 </a> 2878 </li> 2879 </ul> 2880 2881 2882 </div> 2883</header> 2884<div class="homepage-header-wrapper"> 2885 <div class="text-wrapper"> 2886 <a id="homepage-header-product-link-accessibility" href="https://www.archify.com/au/products/accessibility">Accessibility</a><a id="homepage-header-product-link-appliance" href="https://www.archify.com/au/products/appliance">Appliances</a><a id="homepage-header-product-link-bathroom" href="https://www.archify.com/au/products/bathroom">Bathroom</a><a id="homepage-header-product-link-building-materials" href="https://www.archify.com/au/products/building-materials">Building Materials</a><a id="homepage-header-product-link-doors-windows" href="https://www.archify.com/au/products/doors-windows">Doors & Windows</a><a id="homepage-header-product-link-flooring" href="https://www.archify.com/au/products/flooring">Flooring</a><a id="homepage-header-product-link-furniture" href="https://www.archify.com/au/products/furniture">Furniture</a><a id="homepage-header-product-link-hvac-cooling" href="https://www.archify.com/au/products/hvac-cooling">HVAC & Cooling</a><a id="homepage-header-product-link-interior-finishes" href="https://www.archify.com/au/products/interior-finishes">Interior & Finishes</a><a id="homepage-header-product-link-kitchens" href="https://www.archify.com/au/products/kitchens">Kitchens</a><a id="homepage-header-product-link-landscape-outdoors" href="https://www.archify.com/au/products/landscape-outdoors">Landscape & Outdoors</a><a id="homepage-header-product-link-lighting2" href="https://www.archify.com/au/products/lighting2">Lighting</a><a id="homepage-header-product-link-machinery" href="https://www.archify.com/au/products/machinery">
2886Machinery</a><a id="homepage-header-product-link-mechanical-electrical-plumbing" href="https://www.archify.com/au/products/mechanical-electrical-plumbing">Mechanical, Electrical & Plumbing</a><a id="homepage-header-product-link-roofing2" href="https://www.archify.com/au/products/roofing2">Roofing</a><a id="homepage-header-product-link-security-fire-and-safety" href="https://www.archify.com/au/products/security-fire-and-safety">Security, Fire And Safety</a><a id="homepage-header-product-link-walls-ceilings" href="https://www.archify.com/au/products/walls-ceilings">Walls & Ceilings</a> <!--sustainibility--> 2887 <!-- Remove sustainable hint https://bcisuite.atlassian.net/jira/software/c/projects/AR/boards/85/backlog?selectedIssue=AR-506 --> 2888 <!-- <a id="homepage-header-product-link-sustainable" href="https://www.archify.com/au/products/all-category?sustainable=all" class="sustain-btn">Sustainable Products</a> --> 2889 2890 <!-- <a href="#"> 2891 Accessibility 2892 </a> 2893 <a href="#">Appliances</a> 2894 <a href="#">Bathroom</a> 2895 <a href="#">Building Materials</a> 2896 <a href="#">Doors & Windows</a> 2897 <a href="#">Flooring</a> 2898 <a href="#">Furniture</a> 2899 <a href="#">HVAC & Cooling</a> 2900 <a href="#">Interior & Finishes</a> 2901 <a href="#">Kitchens</a> 2902 <a href="#">Landscape & Outdoors</a> 2903 <a href="#">Lighting</a> 2904 <a href="#">Machinery</a> 2905 <a href="#">Mechanical, Electrical & Plumbing</a> 2906 <a href="#">Roofing</a> 2907 <a href="#">Security, Fire And Safety</a> 2908 <a href="#">Walls & Ceilings</a> --> 2909 </div> 2910 <div class="other-menu-wrapper"> 2911 <div id="homepage-header-explore" class="other-menu" style=""> 2912 Explore 2913 <img class="arrow-down-small" src="https://www.archify.com/assets/img/svg/arrow-down-small.svg" alt="arrow-down-small" width="10" height="10"> 2914 <div class="other-menu-list"> 2915 <ul> 2916 <li><a id="homepage-header-explore-professionals" href="https://www.archify.com/au/professionals">Professionals</a></li><li><a id="homepage-header-explore-projects" href="https://www.archify.com/au/projects">Projects</a></li><li><a id="homepage-header-explore-photos" href="https://www.archify.com/au/photos">Inspiration</a></li> <!-- <li> 2917 <a href="#">Professionals</a> 2918 </li> 2919 <li> 2920 <a href="#">Inspiration</a> 2921 </li> 2922 <li> 2923 <a href="#">Projects</a> 2924 </li> 2925 <li> 2926 <a href="#">Articles</a> 2927 </li> 2928 <li> 2929 <a href="#">Events</a> 2930 </li> --> 2931 </ul> 2932 </div> 2933 </div> 2934 <div id="homepage-header-solution" class="other-menu"> 2935 Solutions 2936 <img class="arrow-down-small" src="https://www.archify.com/assets/img/svg/arrow-down-small.svg" alt="arrow-down-small" width="10" height="10"> 2937 <div class="other-menu-list"> 2938 <ul> 2939 <li> 2940 <a id="homepage-header-solution-professionals" href="https://www.archify.com/au/forpro">For Professionals</a> 2941 </li> 2942 <li> 2943 2944 <a id="homepage-header-solution-brands" href="https://brands.archify.com/">For Brands</a> 2945 </li> 2946 2947 <!-- <li> 2948 <a href="https://bcicentral.typeform.com/to/PSHuXZjX" target="_blank">Product Sourcing Service</a> 2949 </li> --> 2950 </ul> 2951 </div> 2952 </div> 2953 </div> 2954</div> 2955 2956<!-- option add to my library mobile menu --> 2957<div class="mobile-asr-left" id="asr-option"> 2958 <div class="header-mob"> 2959 <div class="text-nn"> 2960 OPTIONS 2961 </div> 2962 <div class="close-nn"> 2963 <input type="hidden" id="image-id-header-js" value="" /> 2964 <img src="https://www.archify.com/assets/img/close.png" alt="close icon" width="10" height="10"> 2965 </div> 2966 <div class="clear"></div> 2967 </div> 2968 <div class="body-mob"> 2969 2970 </div> 2971 <!-- <div class="footer-mob"> 2972 <div class="asrbtn-black full">APPLY</div> 2973 </div> --> 2974</div> 2975 2976<div class="popup-shade-bg-top-menu"> 2977</div> 2978<div class="popup-shade-bg-top-menu-header-message"> 2979</div> 2980<div class="popup-shade-bg-top-menu-search-box"> 2981</div> 2982<div class="popup-shade-bg-top-menu-new-search-box"> 2983</div>
2984<div class="popup-shade-bg-top-menu-asr hidenow"> 2985</div> 2986<div class="popup-shade-bg-main-menu"> 2987</div> 2988<div class="popup-shade-bg-mobile-menu"> 2989 <a class="cd-primary-nav-trigger new menu-opened" href="#"> 2990 <span class="cd-menu-icon"></span> 2991 </a> 2992</div> 2993<div class="popup-shade-mobile-asr"> 2994</div> 2995<div class="popup-shade-bg-new-main-menu"> 2996</div> 2997 2998<!-- <style> 2999 .items{ 3000 font-weight: bold; 3001 background-color: #ccc; 3002 } 3003</style> --> 3004 3005 3006 3007<div class="header-menu-detail-wrapper user-menu-mobile"> 3008 <div class="header"> 3009 <div class="text-wrapper"> 3010 <p class="title"> 3011 <a href="https://www.archify.com/au/login" style="color: #4a4a4a;">Login</a> | <a href="https://www.archify.com/au/signup" style="color: #4a4a4a;">Sign Up</a> 3012 </p> 3013 </div> 3014 <img class="new-header-close-header-menu-detail-button" src="https://www.archify.com/assets/img/close.png" width="15" height="15" alt="Close Icon" style="cursor: pointer; opacity: 0.8;"> 3015 </div> 3016 <div class="content"> 3017 <ul class="dropdown-menu user-detail-dropdown main" style="display: block;"> 3018 <li class="select-language-button" style="cursor: pointer;"> 3019 <img class="" src="https://www.archify.com/assets/img/svg/flag/flag-au.svg" alt="Archify - au" width="17" height="17" style="opacity: 1; cursor: pointer;"> 3020 <span> 3021 Australia </span> 3022 </li> 3023 </ul> 3024 <ul class="dropdown-menu user-detail-dropdown main" style="display: block; border-top: 0px; border-bottom: 0; padding-top: 0; margin-top: 0px;"> 3025 <li><a href="https://www.archify.com/au/products">Products</a></li><li><a href="https://www.archify.com/au/brands">Brands</a></li><li><a href="https://www.archify.com/au/professionals">Professionals</a></li><li><a href="https://www.archify.com/au/projects">Projects</a></li><li><a href="https://www.archify.com/au/photos">Inspiration</a></li><li><a href="https://www.archify.com/au/education">Education</a></li><li><a href="https://www.archify.com/au/events">Events</a></li><li><a href="https://www.archify.com/au/archifynow">Articles</a></li><li><a href="https://www.archify.com/au/specconsulting">Spec Consulting</a></li><li><a href="https://www.archify.com/au/archifyspec">ArchifySpec</a></li> </ul> 3026 </div> 3027 </div> 3028</div> 3029 3030<div class="header-menu-detail-wrapper notification"> 3031 <div class="header"> 3032 <div class="text-wrapper"> 3033 <p class="title">Notification</p> 3034 </div> 3035 <img class="new-header-close-header-menu-detail-button" src="https://www.archify.com/assets/img/close.png" width="15" height="15" alt="Close Icon" style="cursor: pointer; opacity: 0.8;"> 3036 </div> 3037 <div class="content"> 3038 <div id="list_notif" class=""> 3039 </div> 3040 </div> 3041</div> 3042 3043<div class="header-menu-detail-wrapper language"> 3044 <div class="header"> 3045 <div class="text-wrapper"> 3046 <p class="title">Select Country</p> 3047 </div> 3048 <img class="new-header-close-header-menu-detail-button" src="https://www.archify.com/assets/img/close.png" width="15" height="15" alt="Close Icon" style="cursor: pointer; opacity: 0.8;"> 3049 </div> 3050 <div class="content"> 3051 <div class="new-lang name-wrapper nationality-active"> 3052 <a id="nav-select-languages-link-au" href="https://www.archify.com/au/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;"> 3053 <img src="https://www.archify.com/assets/img/svg/flag/flag-au.svg" alt="au" width="15" height="15" style="margin-right: 10px; border-radius: 0;"> 3054 Australia 3055 </a> 3056 </div> 3057 3058 <div class="new-lang name-wrapper "> 3059 3060 <!-- remove site lang for now release CI4 needs --> 3061 <a id="nav-select-languages-link-hk" href="https://www.archify.com/hk/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;"> 3062 <img src="https://www.archify.com/assets/img/svg/flag/flag-hk.svg" alt="hk" width="15" height="15" style="margin-right: 10px; border-radius: 0;"> 3063 Hong Kong SAR 3064 </a> 3065 <!-- <a id="nav-select-languages-link-hk" href="https://www.archify.com/site/lang/hk" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;"> 3066 <img src="https://www.archify.com/assets/img/svg/flag/flag-hk.svg" alt="hk" width="15" height="15" style="margin-right: 10px; border-radius: 0;"> 3067 Hong Kong SAR 3068 </a> --> 3069 <!-- <div class="wrap-lang-new"> 3070 <div onclick="window.location='https://www.archify.com/site/lang/hk'" class="lang-new-link ">English</div>
3071 <span class="lang-new-sep">|</span> 3072 <div onclick="window.location='https://www.archify.com/site/lang/hk-sc'" class="lang-new-link ">Simplified ç®</div> 3073 <span class="lang-new-sep">|</span> 3074 <div onclick="window.location='https://www.archify.com/site/lang/hk-tc'" class="lang-new-link ">Traditional ç¹</div> 3075 </div> --> 3076 </div> 3077 3078 <div class="new-lang name-wrapper "> 3079 <a id="nav-select-languages-link-id" href="https://www.archify.com/id/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;"> 3080 <img src="https://www.archify.com/assets/img/svg/flag/flag-id.svg" alt="id" width="15" height="15" style="margin-right: 10px; border-radius: 0;"> 3081 Indonesia 3082 </a> 3083 </div> 3084 3085 <div class="new-lang name-wrapper "> 3086 <a id="nav-select-languages-link-my" href="https://www.archify.com/my/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;"> 3087 <img src="https://www.archify.com/assets/img/svg/flag/flag-my.svg" alt="my" width="15" height="15" style="margin-right: 10px; border-radius: 0;"> 3088 Malaysia 3089 </a> 3090 </div> 3091 3092 <div class="new-lang name-wrapper "> 3093 <a id="nav-select-languages-link-nz" href="https://www.archify.com/nz/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;"> 3094 <img src="https://www.archify.com/assets/img/svg/flag/flag-nz.svg" alt="nz" width="15" height="15" style="margin-right: 10px; border-radius: 0;"> 3095 New Zealand 3096 </a> 3097 </div> 3098 3099 <div class="new-lang name-wrapper "> 3100 <a id="nav-select-languages-link-ph" href="https://www.archify.com/ph/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;"> 3101 <img src="https://www.archify.com/assets/img/svg/flag/flag-ph.svg" alt="ph" width="15" height="15" style="margin-right: 10px; border-radius: 0;"> 3102 Philippines 3103 </a> 3104 </div> 3105 3106 <div class="new-lang name-wrapper "> 3107 <a id="nav-select-languages-link-sg" href="https://www.archify.com/sg/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;"> 3108 <img src="https://www.archify.com/assets/img/svg/flag/flag-sg.svg" alt="sg" width="15" height="15" style="margin-right: 10px; border-radius: 0;"> 3109 Singapore 3110 </a> 3111 </div> 3112 3113 <!-- 3114 <div class="new-lang name-wrapper "> 3115 <a href="https://www.archify.com/th/products" class="flag_click" style="cursor:pointer !important; letter-spacing:0px; position: relative; float: left; width: 100%;"> 3116 <img src="https://www.archify.com/assets/img/svg/flag/flag-th.svg" width="15" height="15" style="margin-right: 10px; border-radius: 0;"> 3117 Thailand 3118 </a> 3119 </div> 3120 --> 3121 3122 3123 3124 </div> 3125</div> 3126 3127 3128<div class="header-menu-detail-wrapper user-menu"> 3129 </div> 3130</div> 3131
3132<script> 3133 $(".new-header-close-header-menu-detail-button").click(function() { 3134 $(this).parents(".header-menu-detail-wrapper").fadeOut(); 3135 $(".popup-shade-bg-new-main-menu").fadeOut(); 3136 }); 3137 $(".popup-shade-bg-new-main-menu").click(function() { 3138 $(".header-menu-detail-wrapper").fadeOut(); 3139 $(".popup-shade-bg-new-main-menu").fadeOut(); 3140 }); 3141 $(".new-header-notification-button").click(function() { 3142 $(".header-menu-detail-wrapper.notification").fadeIn(); 3143 $(".popup-shade-bg-new-main-menu").fadeIn(); 3144 }); 3145 $(".header-user-menu-wrapper").click(function() { 3146 $(".header-menu-detail-wrapper.user-menu").fadeIn(); 3147 $(".popup-shade-bg-new-main-menu").fadeIn(); 3148 }); 3149 $(".show-menu-mobile-new-header").click(function() { 3150 $(".header-menu-detail-wrapper.user-menu-mobile").fadeIn(); 3151 $(".popup-shade-bg-new-main-menu").fadeIn(); 3152 }); 3153 $(".select-language-button").click(function() { 3154 $(".header-menu-detail-wrapper.language").fadeIn(); 3155 $(".popup-shade-bg-new-main-menu").fadeIn(); 3156 }); 3157 $(document).ready(function() { 3158 $("#list_notif").on('mouseenter', '.items', function(e) { 3159 e.preventDefault(); 3160 var id = $(this).attr('data'); 3161 var read = $(this).attr('data-read'); 3162 if (read == "null") { 3163 $.ajax({ 3164 method: "GET", 3165 url: "https://www.archify.com/au/gpost/generals/read_notif_hover", 3166 async: true, 3167 data: { 3168 id: id 3169 }, 3170 dataType: 'json', 3171 success: function(data) { 3172 3173 $(".badge-notif-right-" + id).removeClass('asrbluebadge'); 3174 $(".asrbadge-number").text(data); 3175 $(".asrr-count-notif").text(data + " New "); 3176 if (data == 0) { 3177 $(".asrbadge").hide(); 3178 $(".asrbadge-number").hide(); 3179 $(".asrr-count-notif").text(''); 3180 } else { 3181 $(".asrbadge").show(); 3182 $(".asrbadge-number").show(); 3183 } 3184 } 3185 }); 3186 } 3187 3188 }); 3189 }); 3190</script>
3190 3191 3192
3193<script> 3194 function view_detail_notif(_id) { 3195 var id = _id; 3196 var title = $("#title-" + _id).html(); 3197 var subtitle = $("#subtitle-" + _id).html(); 3198 var content = $("#content-" + _id).html(); 3199 var image = $("#image-" + _id).attr('src'); 3200 var button_url = $("#button_url-" + _id).html(); 3201 var button_text = $("#button_text-" + _id).html(); 3202 3203 var html = '<div class="asr-img-popup"><img src="' + image + '"></div>\ 3204 <div class="asr-datainput">'; 3205 if (title != "") 3206 html += '<div class="asr-title">' + title + '</div>'; 3207 3208 if (subtitle != "") 3209 html += '<div class="asr-subtitle">' + subtitle + '</div>'; 3210 3211 if (content != "") 3212 html += '<div class="asr-maintitle">' + content + '</div>'; 3213 3214 if (button_url != "") { 3215 var link = button_url; 3216 if (link.search(/\./) >= 0) { 3217 if (link.search("http") < 0) 3218 link = "https://" + link; 3219 3220 html += '<a class="asr-link" href="' + link + '" target="_blank">\ 3221 <button type="button" class="asr-btn-grey link_notif">' + button_text + '</button>\ 3222 </a>'; 3223 } else { 3224 html += '<a class="asr-link" href="https://www.archify.com/au/' + button_url + '">\ 3225 <button type="button" class="asr-btn-grey link_notif">' + button_text + '</button>\ 3226 </a>'; 3227 } 3228 } 3229 html += '</div>'; 3230 3231 $('#popup-notif-ones-contentx').html(html); 3232 $('body').css('overflowY', 'hidden'); 3233 $("#popup-notif-onex").fadeIn(); 3234 $(".notif-bgblack").fadeOut(); 3235 $(".popup-shade-bg-top-menu-asr").fadeOut(); 3236 $(".popup-shade-bg-new-main-menu").fadeOut(); 3237 $(".header-menu-detail-wrapper.notification").fadeOut(); 3238 3239 var divpopup = $("#popup-notif-ones-contentx").height(); 3240 var docheight = $(window).height(); 3241 3242 if (divpopup > docheight) { 3243 $(".asr-popup-body").addClass('usemargin'); 3244 } else { 3245 $(".asr-popup-body").addClass('usetransform'); 3246 }; 3247 3248 if (title == "" && subtitle == "" && content == "" && button_url == "") 3249 $(".asr-datainput").hide(); 3250 3251 } 3252</script>
3252 3253
3254<script> 3255 $('.link_notif').on('click', function() { 3256 alert("this.href : " + this.href + "\n\n.attr(href) : " + $(this).attr('href')); 3257 }); 3258</script>
3258 3259 3260 3261 3262
3263<script> 3264 $('.personal-mssg').on('click', function() { 3265 switch_inbox(); 3266 }); 3267 3268 $('.company-mssg').on('click', function() { 3269 switch_inbox(); 3270 }); 3271 3272 function switch_inbox() { 3273 $.ajax({ 3274 type: "GET", 3275 dataType: "json", 3276 async: true, 3277 url: "https://www.archify.com/au/gpost/account/show_all_account/inbox", 3278 success: function(data) { 3279 if (data.length > 2) { 3280 var json_data = JSON.parse(data); 3281 $.each(json_data, function(k, v) { 3282 switch_account(v.token); 3283 }); 3284 } 3285 } 3286 }); 3287 } 3288</script>
3288 3289
3290<script> 3291 // hover message icon img 3292 // $('.header-message-icon-area').hover(function(){ // hover in 3293 // $('.basemsgicon').attr("src", "https://www.archify.com/assets/img/svg/message-greyhover.svg"); 3294 // }, function(){ // hover out 3295 // $('.basemsgicon').attr("src", "https://www.archify.com/assets/img/svg/message-grey.svg"); 3296 // }); 3297</script>
3297 3298
3299<script> 3300 function toMyCertificates() { 3301 $.ajax({ 3302 url: "https://www.archify.com/gpost/thinkific/getUrlSSOThinkific", 3303 type: "POST", 3304 data: '?&url_option=account', 3305 dataType: 'JSON', 3306 async: true, 3307 success: function(data) { 3308 if (data.code == '200') { 3309 var urlLogin = data.data.url; 3310 window.open(urlLogin, '_blank'); 3311 } else { 3312 3313 } 3314 } 3315 }); 3316 } 3317</script>
3317 3318 3319 3320<!-- other menu show hide -->
3321<script> 3322 $(".other-menu-wrapper .other-menu").click(function() { 3323 $(this).toggleClass("open"); 3324 }); 3325</script>
3325 3326
3327<script> 3328 var mouse_is_inside_other_menu1 = false; 3329 var mouse_is_inside_other_menu2 = false; 3330 3331 $(document).ready(function() { 3332 $(".other-menu-wrapper .other-menu:first-child").hover(function() { 3333 mouse_is_inside_other_menu1 = true; 3334 }, function() { 3335 mouse_is_inside_other_menu1 = false; 3336 }); 3337 $(".other-menu-wrapper .other-menu:last-child").hover(function() { 3338 mouse_is_inside_other_menu2 = true; 3339 }, function() { 3340 mouse_is_inside_other_menu2 = false; 3341 }); 3342 3343 $("body").click(function(e) { 3344 if (!mouse_is_inside_other_menu1) { 3345 $(".other-menu-wrapper .other-menu:first-child").removeClass("open"); 3346 } 3347 if (!mouse_is_inside_other_menu2) { 3348 $(".other-menu-wrapper .other-menu:last-child").removeClass("open"); 3349 } 3350 }); 3351 }); 3352</script>
3352 3353 3354
3355<script> 3356const banner = document.querySelector('.top-banner'); 3357const header = document.getElementById('myAffixHome'); 3358 3359window.addEventListener('scroll', function () { 3360 3361 const bannerHeight = banner.offsetHeight; 3362 const scroll = window.scrollY; 3363 3364 header.style.top = Math.max(0, bannerHeight - scroll) + 'px'; 3365 3366 // console.log(scroll); 3367 3368}); 3369const img = document.querySelector('.gif-banner'); 3370 3371console.log({ 3372 renderedWidth: img.clientWidth, 3373 renderedHeight: img.clientHeight, 3374 naturalWidth: img.naturalWidth, 3375 naturalHeight: img.naturalHeight 3376}); 3377</script>
3377 </div> 3378 <!-- end header --> 3379 3380 3381 <style> 3382 /* 3383.icon-star-on { 3384 display: none !important; 3385 visibility: hidden !important; 3386} 3387.icon-star-off { 3388 display: none !important; 3389 visibility: hidden !important; 3390} 3391*/ 3392 </style> 3393
3394<script> 3395 function sanitizeInput(input) { 3396 // const escape = document.createElement("textarea"); 3397 // escape.innerText = input; 3398 // return escape.innerHTML; 3399 return $("<textarea/>").text(input).html(); 3400 } 3401 3402 function sanitizeInputHtmlEntities(input) { 3403 // const escape = document.createElement("textarea"); 3404 // escape.html = input; 3405 // return escape.textContent; 3406 return $("<textarea/>").html(input).text(); 3407 } 3408</script>
3408 3409 3410<!-- usercentrics hide btn -->
3411<script> 3412 // function to track url change global 3413 function createUrlTracker(callback) { 3414 let currentUrl = window.location.href; 3415 3416 const observer = new MutationObserver(() => { 3417 if (currentUrl !== window.location.href) { 3418 callback(window.location.href, currentUrl); 3419 currentUrl = window.location.href; 3420 } 3421 }); 3422 3423 observer.observe(document, { 3424 subtree: true, 3425 childList: true 3426 }); 3427 3428 // Also listen for popstate 3429 window.addEventListener('popstate', () => { 3430 if (currentUrl !== window.location.href) { 3431 callback(window.location.href, currentUrl); 3432 currentUrl = window.location.href; 3433 } 3434 }); 3435 3436 return observer; 3437 } 3438 3439 let refreshIntervalId = null; 3440 3441 const checkUsercentrics = () => { 3442 let count = 0; 3443 3444 // clear interval if already set to make not redundant 3445 if(refreshIntervalId){ 3446 clearInterval(refreshIntervalId); 3447 } 3448 3449 // set interval to check if usercentrics is loaded after that hide the button if showed 3450 refreshIntervalId = setInterval(()=>{ 3451 if(document?.querySelector("#usercentrics-cmp-ui")?.shadowRoot?.querySelector("#uc-privacy-button")){ 3452 document.querySelector("#usercentrics-cmp-ui").shadowRoot.querySelector("#uc-privacy-button").style.display = "none"; 3453 } 3454 3455 if(document?.querySelector("#usercentrics-cmp-ui")?.shadowRoot?.querySelector("#uc-privacy-button")?.style?.display == "none"){ 3456 clearInterval(refreshIntervalId); 3457 } 3458 count++; 3459 3460 // if count > 5 minutes clear avoid memory leak 3461 // 5 minutes = 600 * 500ms 3462 if(count > 600){ 3463 clearInterval(refreshIntervalId); 3464 } 3465 }, 500); 3466 } 3467 3468 // tracking url change global 3469 const urlTracker = createUrlTracker((newUrl, oldUrl) => { 3470 checkUsercentrics(); 3471 }); 3472 3473 // check when load the pages 3474 window.onload = () => { 3475 checkUsercentrics(); 3476 } 3477</script>
3477 3478<link href="https://www.archify.com/assets/css/__search_product_v2.css?ts=20260924" rel="stylesheet"> 3479<style> 3480 #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .brand-filter { 3481 top: 18px; 3482 margin-top: 0px; 3483 } 3484</style> 3485 3486
3487<script> 3488 var page = 1; 3489</script>
vendor: 1 bytes, line 3489
3489
3490<script type="text/javascript"> 3491 var product_mylibrary = []; 3492 var getMyLibraryAjax = ""; 3493 $(document).ready(function() { 3494 if (getMyLibraryAjax) { 3495 getMyLibraryAjax.abort(); 3496 } 3497 getMyLibraryAjax = $.get("https://www.archify.com/au/gpost/member/get_mylibrary", function(data) { 3498 product_mylibrary = jQuery.parseJSON(data); 3499 }); 3500 }); 3501</script>
3501 3502<style> 3503 #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box #dropDownSortBy { 3504 margin-left: 0; 3505 margin-right: 5px; 3506 } 3507 3508 #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box #dropDownSortBy .drop-down-list #sortByList span { 3509 padding-left: 10px; 3510 padding-right: 10px; 3511 position: relative; 3512 float: left; 3513 width: 100%; 3514 } 3515 3516 #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box #dropDownSortBy .drop-down-list #sortByList span h5 { 3517 margin-top: 10px; 3518 margin-bottom: 5px; 3519 } 3520 3521 #articleBox a { 3522 color: #4a4a4a; 3523 text-decoration: underline; 3524 font-size: 12px !important; 3525 } 3526 3527 #articleBox p { 3528 font-size: 12px !important; 3529 } 3530 3531 #articleBox { 3532 text-align: left !important; 3533 font-size: 12px !important; 3534 } 3535 3536 #newFooter { 3537 display: none; 3538 } 3539 3540 @media (max-width: 992px) { 3541 #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box #dropDownSortBy { 3542 margin-left: 0; 3543 margin-right: 5px; 3544 width: 170px; 3545 } 3546 } 3547 3548 @media (max-width: 768px) { 3549 #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box #dropDownSortBy { 3550 width: 100%; 3551 margin-bottom: 5px; 3552 z-index: 4; 3553 } 3554 } 3555 3556 /*======= dropdown sort ===================================== */ 3557 .dropDownSortBy-mobile { 3558 display: none; 3559 } 3560 3561 .dropDownSortBy-mobile { 3562 position: relative; 3563 float: left; 3564 width: 30px; 3565 height: 30px; 3566 border: 0; 3567 border-radius: 3px; 3568 background-color: #E5E5E5; 3569 outline: 0; 3570 padding: 5px; 3571 z-index: 2; 3572 } 3573 3574 .dropDownSortBy-mobile p { 3575 font-family: "WorkSans-Medium"; 3576 font-size: 13px; 3577 color: #fff; 3578 margin: 0; 3579 text-align: left; 3580 -webkit-touch-callout: none; 3581 -webkit-user-select: none; 3582 -khtml-user-select: none; 3583 -moz-user-select: none; 3584 -ms-user-select: none; 3585 user-select: none; 3586 } 3587 3588 .dropDownSortBy-mobile img.arrow-down { 3589 position: absolute; 3590 right: 15px; 3591 top: 10px; 3592 transform: rotate(-90deg); 3593 } 3594 3595 .dropDownSortBy-mobile.drop-down-show img.arrow-down { 3596 top: 10px; 3597 transform: rotate(90deg); 3598 } 3599 3600 .dropDownSortBy-mobile .toggle-area { 3601 position: absolute; 3602 width: 100%; 3603 height: 100%; 3604 top: 0; 3605 left: 0; 3606 cursor: pointer; 3607 } 3608 3609 .dropDownSortBy-mobile .drop-down-list { 3610 position: absolute; 3611 float: left; 3612 width: 150px; 3613 right: 0; 3614 height: auto; 3615 background: #fff; 3616 top: 30px; 3617 z-index: 1; 3618 padding: 0; 3619 height: 0 !important; 3620 overflow: hidden; 3621 } 3622 3623 .dropDownSortBy-mobile.drop-down-show .drop-down-list { 3624 height: auto !important; 3625 max-height: 260px !important; 3626 border: 1px solid #e5e5e5; 3627 } 3628 3629 .dropDownSortBy-mobile .drop-down-wrapper { 3630 position: relative; 3631 float: left; 3632 padding: 10px; 3633 padding-bottom: 10px; 3634 width: 100%; 3635 3636 } 3637 3638 .sort-list { 3639 position: relative; 3640 float: left; 3641 width: 100%; 3642 max-height: 200px; 3643 overflow-y: auto; 3644 margin-bottom: 0; 3645 padding: 0; 3646 list-style: none; 3647 padding-top: 2px; 3648 text-align: left; 3649 } 3650 3651 .dropDownSortBy-mobile .sort-list span { 3652 padding-left: 10px; 3653 padding-right: 10px; 3654 position: relative; 3655 float: left; 3656 width: 100%; 3657 } 3658 3659 /*======================================================== */ 3660 #dropdown-brand { 3661 margin-left: 0; 3662 margin-right: 5px; 3663 } 3664 3665 #dropdown-brand { 3666 position: relative; 3667 float: left; 3668 width: 170px; 3669 height: 30px; 3670 border: 0; 3671 border-radius: 3px; 3672 background-color: #4a4a4a; 3673 outline: 0; 3674 padding-top: 6px; 3675 padding-left: 20px; 3676 z-index: 2; 3677 } 3678 3679 #dropdown-brand p { 3680 font-family: "WorkSans-Medium"; 3681 font-size: 13px; 3682 color: #fff; 3683 margin: 0; 3684 text-align: left; 3685 -webkit-touch-callout: none; 3686 -webkit-user-select: none; 3687 -khtml-user-select: none; 3688 -moz-user-select: none; 3689 -ms-user-select: none; 3690 user-select: none; 3691 } 3692 3693 #dropdown-brand img.arrow-down { 3694 position: absolute; 3695 right: 15px; 3696 top: 10px; 3697 transform: rotate(-90deg); 3698 } 3699 3700 #dropdown-brand.drop-down-show img.arrow-down { 3701 top: 10px; 3702 transform: rotate(90deg); 3703 } 3704 3705 #dropdown-brand .toggle-area { 3706 position: absolute; 3707 width: 100%; 3708 height: 100%; 3709 top: 0; 3710 left: 0; 3711 cursor: pointer; 3712 } 3713 3714 #dropdown-brand .drop-down-list { 3715 position: absolute; 3716 float: left; 3717 width: 100%; 3718 left: 0; 3719 height: auto; 3720 background: #fff; 3721 top: 30px; 3722 z-index: 1; 3723 padding: 0; 3724 height: 0 !important; 3725 overflow: hidden; 3726 } 3727 3728 #dropdown-brand.drop-down-show .drop-down-list { 3729 height: auto !important; 3730 max-height: 260px !important; 3731 border: 1px solid #e5e5e5; 3732 } 3733 3734 #dropdown-brand .drop-down-wrapper { 3735 position: relative; 3736 float: left; 3737 padding: 5px; 3738 padding-bottom: 10px; 3739 width: 100%; 3740 } 3741 3742 .sort-list { 3743 position: relative; 3744 float: left; 3745 width: 100%; 3746 max-height: 200px; 3747 overflow-y: auto; 3748 margin-bottom: 0; 3749 padding: 0; 3750 list-style: none; 3751 padding-top: 2px; 3752 text-align: left; 3753 } 3754 3755 #dropdown-brand .sort-list span { 3756 padding-left: 10px; 3757 padding-right: 10px; 3758 position: relative; 3759 float: left; 3760 width: 100%; 3761 } 3762 3763 .sort-list .txt-input { 3764 font-size: 12px; 3765 margin-top: 5px; 3766 font-family: "WorkSans-Medium"; 3767 margin-bottom: 5px; 3768 cursor: pointer; 3769 text-transform: uppercase; 3770 color: #ababab; 3771 } 3772 3773 .sortByList-mobile li.active span { 3774 font-family: WorkSans-SemiBold; 3775 } 3776 3777 @media (max-width: 992px) { 3778 .item-brands .caption-brands { 3779 padding-top: 10px; 3780 background: #fff; 3781 } 3782 } 3783 3784 @media (max-width: 768px) { 3785 .dropDownSortBy-mobile { 3786 display: block; 3787 } 3788 3789 #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box { 3790 display: flex; 3791 } 3792 3793 #toggleCategoryButtonMobile, 3794 #dropDownBrandList, 3795 #sortlatest { 3796 margin-right: 5px !important; 3797 } 3798 3799 #toggleCategoryButtonMobile { 3800 width: auto !important; 3801 padding-left: 10px; 3802 padding-right: 10px; 3803 } 3804 3805 #dropdown-brand { 3806 width: 100%; 3807 margin-bottom: 5px; 3808 z-index: 3; 3809 padding-left: 0px; 3810 display: none; 3811 } 3812 3813 #dropdown-brand p { 3814 text-align: center; 3815 } 3816 3817 #dropDownSortBy { 3818 display: none !important; 3819 } 3820 3821 .item-brands .caption-brands { 3822 padding-top: 10px; 3823 } 3824 3825 .mob-filter { 3826 overflow-x: auto; 3827 white-space: nowrap; 3828 -webkit-overflow-scrolling: touch; 3829 scrollbar-width: none; 3830 -ms-overflow-style: none; 3831 } 3832 3833 .mob-filter::-webkit-scrollbar {
3834 display: none; 3835 /* Hide scrollbar on WebKit-based browsers (Chrome, Safari) */ 3836 } 3837 3838 } 3839 3840 @media (max-width: 420px) { 3841 .item-brands .image-wrapper { 3842 padding-bottom: 170px; 3843 } 3844 3845 .item-brands img.small { 3846 height: 40px; 3847 } 3848 3849 .item-brands .small-image-wrapper { 3850 height: 40px; 3851 } 3852 } 3853 3854 .sort-list li.active .txt-input { 3855 color: #4a4a4a; 3856 } 3857 3858 /* Animation */ 3859 @keyframes fadeInUp { 3860 from { 3861 -webkit-transform: translate3d(0, 40px, 0); 3862 transform: translate3d(0, 40px, 0); 3863 } 3864 3865 to { 3866 -webkit-transform: translate3d(0, 0, 0); 3867 transform: translate3d(0, 0, 0); 3868 opacity: 1; 3869 } 3870 } 3871 3872 @-webkit-keyframes fadeInUp { 3873 from { 3874 -webkit-transform: translate3d(0, 40px, 0); 3875 transform: translate3d(0, 40px, 0); 3876 } 3877 3878 to { 3879 -webkit-transform: translate3d(0, 0, 0); 3880 transform: translate3d(0, 0, 0); 3881 opacity: 1; 3882 } 3883 } 3884 3885 .fadeInUp { 3886 opacity: 0; 3887 animation-name: fadeInUp; 3888 -webkit-animation-name: fadeInUp; 3889 } 3890 3891 .wrap-spec-val { 3892 display: none; 3893 } 3894 3895 /* loading css animation */ 3896 #catalog-home-page.search-brand .main-content.new .right-area .header .top-title h1 { 3897 min-height: 29.04px; 3898 } 3899 3900 .loading-css-animation { 3901 position: relative; 3902 height: 10px; 3903 display: flex; 3904 align-items: center; 3905 float: left; 3906 top: 10px; 3907 margin-right: 10px; 3908 } 3909 3910 .loading-css-animation .obj { 3911 width: 5px; 3912 height: 15px; 3913 background: #e5e5e5; 3914 margin: 0 2px; 3915 border-radius: 15px; 3916 animation: obj-loading-animation .8s infinite; 3917 } 3918 3919 .loading-css-animation .obj:nth-child(2) { 3920 animation-delay: .1s; 3921 height: 10px; 3922 } 3923 3924 .loading-css-animation .obj:nth-child(3) { 3925 animation-delay: .2s; 3926 } 3927 3928 .loading-css-animation .obj:nth-child(4) { 3929 animation-delay: .3s; 3930 height: 10px; 3931 } 3932 3933 .loading-css-animation .obj:nth-child(5) { 3934 animation-delay: .4s; 3935 } 3936 3937 .loading-css-animation .obj:nth-child(6) { 3938 animation-delay: .5s; 3939 height: 10px; 3940 } 3941 3942 .loading-css-animation .obj:nth-child(7) { 3943 animation-delay: .6s; 3944 } 3945 3946 .loading-css-animation .obj:nth-child(8) { 3947 animation-delay: .7s; 3948 height: 10px; 3949 } 3950 3951 @media (max-width: 768px) { 3952 .loading-css-animation { 3953 top: 6px; 3954 } 3955 3956 #catalog-home-page.search-brand .main-content.new .right-area .header .top-title h1 { 3957 min-height: 24.2px; 3958 } 3959 } 3960 3961 @keyframes obj-loading-animation { 3962 0% { 3963 height: 0; 3964 } 3965 3966 50% { 3967 height: 15px; 3968 } 3969 3970 100% { 3971 height: 0; 3972 } 3973 } 3974</style> 3975 3976 3977<style type="text/css"> 3978 #new-sidebar-product-subcategory { 3979 position: fixed; 3980 width: 320px; 3981 height: 100vh; 3982 overflow-y: auto; 3983 background-color: #fff; 3984 padding-bottom: 50px; 3985 border-right: 1px solid #f9f9f9; 3986 padding-top: 0px; 3987 padding-bottom: 30px; 3988 left: -320px; 3989 -webkit-transition: left 200ms ease-in; 3990 -moz-transition: left 200ms ease-in; 3991 -o-transition: left 200ms ease-in; 3992 transition: left 200ms ease-in; 3993 padding: 20px; 3994 padding-bottom: 50px; 3995 border: 0; 3996 padding-top: 10px; 3997 border-right: 1px solid #f9f9f9; 3998 overflow-x: hidden; 3999 } 4000 4001 #new-sidebar-product-subcategory.show { 4002 left: 0px; 4003 } 4004 4005 #new-sidebar-product-subcategory .toggle-spec { 4006 display: none; 4007 } 4008 4009 #new-sidebar-product-subsubcategory { 4010 position: fixed; 4011 width: 320px; 4012 height: 100vh; 4013 overflow-y: auto; 4014 background-color: #fff; 4015 padding-bottom: 50px; 4016 border-right: 1px solid #f9f9f9; 4017 padding-top: 0px; 4018 padding-bottom: 30px; 4019 left: -320px; 4020 -webkit-transition: left 200ms ease-in; 4021 -moz-transition: left 200ms ease-in; 4022 -o-transition: left 200ms ease-in; 4023 transition: left 200ms ease-in; 4024 padding: 20px; 4025 padding-bottom: 50px; 4026 border: 0; 4027 padding-top: 10px; 4028 overflow-x: hidden; 4029 } 4030 4031 #new-sidebar-product-subsubcategory.show { 4032 left: 0px; 4033 } 4034 4035 .wrap-spec-toggle p.spec-value.hide { 4036 display: none; 4037 } 4038 4039 .buttom-tnn { 4040 display: none; 4041 /* position: relative; */ 4042 position: fixed; 4043 bottom: 0px; 4044 left: 50%; 4045 transform: translateX(-50%); 4046 padding: 10px 20px; 4047 /* border: none; */ 4048 border-top: 3px solid #e5e5e5; 4049 border-radius: 5px; 4050 cursor: pointer; 4051 width: 100%; 4052 background-color: #fff; 4053 } 4054 4055 .buttom-tnn .q3 { 4056 font-size: 14px; 4057 font-family: 'WorkSans-Medium'; 4058 font-stretch: normal; 4059 font-style: normal; 4060 line-height: 20px; 4061 letter-spacing: -0.1px; 4062 text-align: center; 4063 color: #4a4a4a; 4064 margin: 13px; 4065 cursor: pointer; 4066 } 4067 4068 .buttom-tnn .q2 { 4069 float: left; 4070 width: 50%; 4071 padding-left: 5px; 4072 } 4073 4074 .buttom-tnn .q1 { 4075 float: left; 4076 width: 50%; 4077 padding-right: 5px; 4078 4079 } 4080 4081 .toggle-spec { 4082 list-style: none; 4083 margin: 0; 4084 padding: 0; 4085 } 4086 4087 .toggle-spec .spec-updown { 4088 padding: 10px 0px; 4089 font-size: 14px; 4090 position: relative; 4091 } 4092 4093 .toggle-spec .body-togg-asr { 4094 display: none; 4095 } 4096 4097 .toggle-spec .arrow-cio { 4098 display: inline; 4099 position: absolute; 4100 right: 0px; 4101 top: 14px; 4102 } 4103 4104 .subcategory-list-wrapper { 4105 position: relative; 4106 } 4107 4108 .head-spec { 4109 cursor: pointer; 4110 display: flex; 4111 margin-bottom: 30px; 4112 margin-top: 20px; 4113 } 4114 4115 .head-spec img {
4116 align-items: center; 4117 } 4118 4119 .head-spec span { 4120 font-family: WorkSans-SemiBold; 4121 font-size: 16px; 4122 font-weight: bold; 4123 font-stretch: normal; 4124 font-style: normal; 4125 line-height: 1.25; 4126 letter-spacing: -0.2px; 4127 color: #4a4a4a; 4128 } 4129 4130 .meas-spec { 4131 padding: 10px 0; 4132 border-bottom: 1px solid #e5e5e5; 4133 border-top: 1px solid #e5e5e5; 4134 margin-bottom: 20px; 4135 } 4136 4137 .meas-spec .meas-left { 4138 float: left; 4139 font-size: 14px; 4140 font-weight: normal; 4141 font-stretch: normal; 4142 font-style: normal; 4143 line-height: 1.43; 4144 letter-spacing: -0.1px; 4145 color: #4a4a4a; 4146 } 4147 4148 .meas-spec .meas-right { 4149 float: right; 4150 font-size: 14px; 4151 font-weight: normal; 4152 font-stretch: normal; 4153 font-style: normal; 4154 line-height: 1.43; 4155 letter-spacing: -0.1px; 4156 color: #ababab; 4157 } 4158 4159 .meas-spec .meas-right .met-2 { 4160 margin: 0 5px; 4161 } 4162 4163 .meas-spec .meas-right .met-1 { 4164 cursor: pointer; 4165 } 4166 4167 .meas-spec .meas-right .met-1.active { 4168 font-weight: bold; 4169 color: #4a4a4a; 4170 cursor: auto; 4171 } 4172 4173 .name-spec { 4174 font-size: 12px; 4175 font-weight: 600; 4176 font-stretch: normal; 4177 font-style: normal; 4178 line-height: 1.67; 4179 letter-spacing: -0.09px; 4180 color: #ababab; 4181 font-family: WorkSans-Medium; 4182 margin-bottom: 0px; 4183 margin-top: 20px; 4184 } 4185 4186 .toggle-spec { 4187 margin-bottom: 30px; 4188 } 4189 4190 .unit-metric, 4191 .unit-imperial { 4192 margin-left: 2px; 4193 } 4194 4195 .wrap-spec-val { 4196 font-family: WorkSans-Regular; 4197 font-size: 14px; 4198 line-height: 1.43; 4199 letter-spacing: -0.1px; 4200 color: #ababab; 4201 margin-bottom: 5px; 4202 } 4203 4204 .wrap-spec-val .spec-value { 4205 display: inline-block; 4206 margin-right: 5px; 4207 } 4208 4209 .wrap-spec-val .info-lab { 4210 display: inline-block; 4211 } 4212 4213 .wrap-spec-toggle { 4214 cursor: pointer; 4215 border-bottom: 1px solid #e5e5e5; 4216 } 4217 4218 .wrap-spec-toggle .spec-updown { 4219 font-family: "WorkSans-Medium"; 4220 font-size: 14px; 4221 line-height: 1.43; 4222 letter-spacing: -0.1px; 4223 color: #4a4a4a; 4224 padding: 15px 0px; 4225 } 4226 4227 .toggle-spec .body-togg-asr .view-more-checkbox-spec { 4228 position: relative; 4229 width: 100%; 4230 font-family: WorkSans-SemiBold; 4231 font-size: 14px; 4232 line-height: 1.79; 4233 letter-spacing: -0.1px; 4234 color: #0039ff; 4235 } 4236 4237 .wrap-spec-toggle .ly-spec-value, 4238 .wrap-spec-toggle p.spec-value { 4239 font-family: WorkSans-Regular; 4240 font-size: 14px; 4241 line-height: 1.43; 4242 letter-spacing: -0.1px; 4243 color: #ababab; 4244 margin-bottom: 5px; 4245 } 4246 4247 ul.list-spec { 4248 margin-top: 0px; 4249 margin-bottom: 15px; 4250 list-style-type: none; 4251 padding-left: 20px; 4252 } 4253 4254 ul.list-spec li { 4255 margin-bottom: 10px; 4256 } 4257 4258 ul.list-spec li a { 4259 font-size: 14px; 4260 font-weight: normal; 4261 font-stretch: normal; 4262 font-style: normal; 4263 line-height: 1.25; 4264 letter-spacing: -0.2px; 4265 color: #4a4a4a; 4266 } 4267 4268 ul.list-spec li a.selected { 4269 font-size: 14px; 4270 font-weight: normal; 4271 font-stretch: normal; 4272 font-style: normal; 4273 line-height: 1.25; 4274 letter-spacing: -0.2px; 4275 color: #4a4a4a; 4276 font-family: WorkSans-SemiBold; 4277 } 4278 4279 .ullevel3 { 4280 margin-top: 10px !important; 4281 padding-left: 0 !important; 4282 } 4283 4284 /* The asr-checkbox */ 4285 .asr-checkbox { 4286 display: block; 4287 position: relative; 4288 padding-left: 25px; 4289 margin-bottom: 12px; 4290 margin-top: 0px; 4291 cursor: pointer; 4292 -webkit-user-select: none; 4293 -moz-user-select: none; 4294 -ms-user-select: none; 4295 user-select: none; 4296 font-size: 12px; 4297 font-weight: 600; 4298 font-stretch: normal; 4299 font-style: normal; 4300 line-height: normal; 4301 letter-spacing: normal; 4302 color: #4a4a4a; 4303 font-family: WorkSans-Medium; 4304 } 4305 4306 /* Hide the browser's default checkbox */ 4307 .asr-checkbox input { 4308 position: absolute; 4309 opacity: 0; 4310 cursor: pointer; 4311 height: 0; 4312 width: 0; 4313 } 4314 4315 .asr-checkbox-mob { 4316 display: block; 4317 position: relative; 4318 padding-left: 25px; 4319 margin-bottom: 12px; 4320 margin-top: 0px; 4321 cursor: pointer; 4322 -webkit-user-select: none; 4323 -moz-user-select: none; 4324 -ms-user-select: none; 4325 user-select: none; 4326 font-size: 12px; 4327 font-stretch: normal; 4328 font-style: normal; 4329 line-height: normal; 4330 letter-spacing: normal; 4331 color: #4a4a4a; 4332 font-family: WorkSans-Regular; 4333 } 4334 4335 /* Hide the browser's default checkbox */ 4336 .asr-checkbox-mob input { 4337 position: absolute; 4338 opacity: 0; 4339 cursor: pointer; 4340 height: 0; 4341 width: 0; 4342 } 4343 4344 /* Create a custom checkbox */ 4345 .asrlabel-checkbox { 4346 position: absolute; 4347 top: 0; 4348 left: 0; 4349 height: 15px; 4350 width: 15px; 4351 border: 1px solid #e5e5e5; 4352 border-radius: 5px; 4353 } 4354 4355 /* On mouse-over, add a grey background color */ 4356 .asr-checkbox:hover input~.asrlabel-checkbox { 4357 background: #f9f9f9; 4358 } 4359 4360 /* Create the asrlabel-checkbox/indicator (hidden when not checked) */ 4361 .asrlabel-checkbox:after { 4362 content: ""; 4363 position: absolute; 4364 display: none; 4365 } 4366 4367 /* Show the asrlabel-checkbox when checked */ 4368 .asr-checkbox input:checked~.asrlabel-checkbox:after { 4369 display: block; 4370 } 4371 4372 /* Style the asrlabel-checkbox/indicator */ 4373 .asr-checkbox .asrlabel-checkbox:after { 4374 left: 4px; 4375 top: 1px; 4376 width: 5px; 4377 height: 8px; 4378 border: solid #4a4a4a; 4379 border-width: 0 2px 2px 0; 4380 -webkit-transform: rotate(45deg); 4381 -ms-transform: rotate(45deg); 4382 transform: rotate(45deg); 4383 } 4384 4385 .asr-checkbox-mob input:checked~.asrlabel-checkbox:after { 4386 display: block; 4387 content: ''; 4388 } 4389 4390 /* Style the asrlabel-checkbox/indicator */ 4391 .asr-checkbox-mob .asrlabel-checkbox:after { 4392 left: 4px; 4393 top: 1px; 4394 width: 5px; 4395 height: 8px; 4396 border: solid #4a4a4a; 4397 border-width: 0 2px 2px 0; 4398 -webkit-transform: rotate(45deg); 4399 -ms-transform: rotate(45deg); 4400 transform: rotate(45deg); 4401 } 4402 4403 .filte-bn { 4404 display: inline-block; 4405 background: #e5e5e5; 4406 padding: 7px; 4407 border-radius: 3px; 4408 } 4409 4410 .category-filter-mobile { 4411 display: none; 4412 position: relative; 4413 float: left; 4414 } 4415 4416 .fil-2 { 4417 display: none; 4418 } 4419 4420 .fil-1 { 4421 background: #4a4a4a; 4422 width: 150px; 4423 display: flex; 4424 align-items: center; 4425 justify-content: center; 4426 border-radius: 3px; 4427 text-decoration: none; 4428 } 4429 4430 .fil-1 button { 4431 display: flex; 4432 align-items: center; 4433 justify-content: center; 4434 text-decoration: none; 4435 width: 100%; 4436 } 4437 4438 .more-filter { 4439 padding: 10px 0px; 4440 text-align: center; 4441 font-family: 'WorkSans-Medium'; 4442 cursor: pointer; 4443 background-color: #4a4a4a; 4444 color: #fff; 4445 margin-top: 10px; 4446 border-radius: 3px; 4447 4448 } 4449 4450 .filter-container, 4451 #remake_filter_l3 { 4452 /* border-top: 3px solid #e5e5e5; 4453 padding-top:20px; */ 4454 } 4455 4456 .filter-container:before, 4457 #remake_filter_l3:before { 4458 content: ''; 4459 height: 1px; 4460 width: 150%; 4461 position: absolute; 4462 left: -20%; 4463 border-top: 3px solid #e5e5e5; 4464 } 4465 4466 .toggle-spec::after { 4467 content: ''; 4468 height: 1px; 4469 width: 150%; 4470 position: absolute; 4471 left: -20%; 4472 border-top: 1px solid #e5e5e5;
4473 margin-top: -1px; 4474 } 4475 4476 #drawing_filter_l1.filter-container { 4477 /* top: -75px; 4478 position: relative; */ 4479 } 4480 4481 .draw-filter { 4482 font-family: "WorkSans-SemiBold"; 4483 font-size: 16px; 4484 line-height: 1.43; 4485 letter-spacing: -0.1px; 4486 color: #4a4a4a; 4487 padding: 15px 0px; 4488 position: relative; 4489 top: 20px; 4490 } 4491 4492 .filter-val-chx { 4493 margin-top: 40px; 4494 margin-bottom: 20px; 4495 } 4496 4497 .filter-val-chx-mob { 4498 margin-top: 20px; 4499 margin-bottom: 20px; 4500 } 4501 4502 @media (max-width: 1200px) { 4503 4504 #new-sidebar-product-subcategory, 4505 #new-sidebar-product-subsubcategory { 4506 width: 250px; 4507 } 4508 } 4509 4510 @media (max-width: 992px) { 4511 4512 #new-sidebar-product-subcategory, 4513 #new-sidebar-product-subsubcategory { 4514 display: none !important; 4515 } 4516 4517 #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box { 4518 display: none; 4519 } 4520 4521 .category-filter-mobile { 4522 display: flex; 4523 gap: 5px; 4524 /* z-index:10; */ 4525 } 4526 4527 .apply-slider { 4528 display: none; 4529 } 4530 } 4531 4532 /* override left box */ 4533 #catalog-home-page.search-brand .main-content.new .right-area .header .filter-area .left-box { 4534 width: auto; 4535 } 4536 4537 /* override product item hover */ 4538 #catalog-home-page.search-brand .main-content.new .right-area .product-item-wrapper .product-item:hover { 4539 top: 0 !important; 4540 } 4541 4542 /* more filter wrapper */ 4543 .more-filter-wrapper { 4544 position: relative; 4545 float: right; 4546 width: auto; 4547 height: 30px; 4548 border-left: 0px solid #e5e5e5; 4549 margin-left: 15px; 4550 padding-left: 15px; 4551 padding-top: 0px; 4552 } 4553 4554 .more-filter-wrapper .squaredThree { 4555 padding-left: 22px; 4556 display: inline-block; 4557 } 4558 4559 .more-filter-wrapper .squaredThree:nth-child(2) { 4560 margin-left: 5px; 4561 } 4562 4563 .more-filter-wrapper .squaredThree:nth-child(3) { 4564 margin-left: 10px; 4565 } 4566 4567 .more-filter-wrapper .squaredThree input { 4568 width: 0; 4569 display: none; 4570 } 4571 4572 .more-filter-wrapper .squaredThree .checkbox-label { 4573 position: absolute; 4574 left: 0px; 4575 margin: 0; 4576 } 4577 4578 .more-filter-wrapper .squaredThree p { 4579 margin: 0; 4580 position: relative; 4581 font-family: WorkSans-Medium; 4582 font-size: 12px; 4583 cursor: pointer; 4584 top: 1px; 4585 } 4586 4587 .more-filter-wrapper .squaredThree label:after { 4588 top: 3px; 4589 left: 2px; 4590 } 4591 4592 .more-filter-wrapper .squaredThree input[type=checkbox]:checked+label:after { 4593 top: 3px; 4594 left: 2px; 4595 } 4596 4597 .left-box .squaredThree { 4598 float: left; 4599 width: 170px; 4600 height: 30px; 4601 border: 0; 4602 border-radius: 3px; 4603 background-color: #61a244; 4604 outline: 0; 4605 padding-top: 6px; 4606 padding-left: 20px; 4607 z-index: 2; 4608 } 4609 4610 .left-box .squaredThree .checkbox-label { 4611 position: absolute; 4612 left: 10px; 4613 top: 6px; 4614 margin: 0; 4615 } 4616 4617 .left-box .squaredThree p { 4618 margin: 0; 4619 position: absolute; 4620 font-family: WorkSans-Medium; 4621 font-size: 13px; 4622 cursor: pointer; 4623 top: 6px; 4624 left: 30px; 4625 color: #fff; 4626 } 4627 4628 .left-box .squaredThree label:after { 4629 top: 3px; 4630 left: 2px; 4631 } 4632 4633 .left-box .squaredThree input[type=checkbox]:checked+label:after { 4634 top: 3px; 4635 left: 2px; 4636 } 4637 4638 .more-filter-wrapper .squaredThree img.info-filter-drawing-files { 4639 margin-right: 5px; 4640 top: -1px; 4641 position: relative; 4642 } 4643 4644 .more-filter-wrapper .squaredThree img.info-logo { 4645 opacity: 0.5; 4646 top: -1px; 4647 position: relative; 4648 } 4649 4650 .more-filter-wrapper .squaredThree img.info-logo:hover { 4651 opacity: 1; 4652 } 4653 4654 .more-filter-wrapper .nbs-checkbox-wrapper { 4655 height: 25px; 4656 padding: 5px; 4657 background: rgb(35, 92, 148); 4658 background: linear-gradient(90deg, rgba(35, 92, 148, 1) 0%, rgba(37, 98, 153, 1) 50%, rgba(51, 123, 173, 1) 100%); 4659 border: 0px; 4660 border-radius: 3px; 4661 display: flex; 4662 align-items: center; 4663 font-size: 12px; 4664 font-family: WorkSans-Medium; 4665 color: #fff; 4666 cursor: pointer; 4667 margin-top: 2px; 4668 width: 136px; 4669 } 4670 4671 .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree input[type=checkbox]:checked+label { 4672 background: #39b1c8; 4673 } 4674 4675 .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree input[type=checkbox]:checked+label:after { 4676 border-color: #fff; 4677 } 4678 .select2-container--default .select2-search--inline .select2-search__field{ 4679 padding-left: 8px; 4680 } 4681 @media (max-width: 768px) { 4682 .more-filter-wrapper { 4683 border-left: 1px solid #fff; 4684 margin-top: 10px; 4685 /* left: -30px; */ 4686 left: 10px; 4687 clear: both; 4688 height: 18px; 4689 float: left; 4690 position: absolute; 4691 } 4692 4693 .more-filter-wrapper.float-right { 4694 border-left: 0px solid #fff; 4695 margin-top: 0px; 4696 left: auto; 4697 clear: both; 4698 position: absolute; 4699 right: 0; 4700 } 4701 } 4702 4703 @media (max-width: 1000px) { 4704 .more-filter-wrapper.float-right { 4705 top: 45px; 4706 width: auto; 4707 } 4708 } 4709 4710 @media (max-width: 768px) { 4711 .more-filter-wrapper { 4712 border-left: 0px solid #fff; 4713 margin-top: 10px; 4714 /* left: -20px; */ 4715 /* left: 15px; */ 4716 /* left:-15px; */ 4717 height: auto; 4718 margin-left: 100px; 4719 padding-left: 0; 4720 /* width: 100%; */ 4721 width: auto; 4722 overflow: auto; 4723 /* z-index:1; */ 4724 } 4725 } 4726 4727 @media (max-width: 712px) { 4728 .more-filter-wrapper.float-right { 4729 top: 45px; 4730 width: 100%; 4731 text-align: center; 4732 position: relative; 4733 top: 0; 4734 margin-top: 10px; 4735 } 4736 4737 .more-filter-wrapper .nbs-checkbox-wrapper { 4738 margin: auto; 4739 } 4740 } 4741 4742 /* sustainable drawing files wrapper */ 4743 .sustainable-drawing-files-wrapper { 4744 position: absolute; 4745 width: 100%; 4746 height: auto; 4747 bottom: 5px; 4748 min-height: 10px; 4749 padding-left: 10px; 4750 padding-right: 10px; 4751 } 4752 4753 .sustainable-drawing-files-wrapper .nbs-box { 4754 position: relative !important; 4755 float: left;
4756 width: 20px !important; 4757 height: 20px !important; 4758 margin-right: 5px; 4759 margin-bottom: 5px; 4760 cursor: pointer; 4761 border-radius: 3px; 4762 overflow: hidden; 4763 display: flex; 4764 align-items: center; 4765 justify-content: center; 4766 background-color: #59396c; 4767 } 4768 4769 .sustainable-drawing-files-wrapper .nbs-box img.nbs { 4770 width: 14px !important; 4771 height: 14px !important; 4772 top: auto !important; 4773 left: auto !important; 4774 margin-left: 1px; 4775 } 4776 4777 .sustainable-drawing-files-wrapper .sustainable-item { 4778 position: relative !important; 4779 float: left; 4780 width: 20px !important; 4781 height: 20px !important; 4782 margin-right: 5px; 4783 margin-bottom: 5px; 4784 cursor: pointer; 4785 } 4786 4787 .sustainable-drawing-files-wrapper .drawing-files-item-wrapper { 4788 cursor: pointer; 4789 position: relative; 4790 float: left; 4791 width: auto; 4792 height: 20px; 4793 display: flex; 4794 align-items: center; 4795 border-radius: 5px; 4796 background-color: rgba(74, 74, 74, 0.5); 4797 padding-left: 5px; 4798 padding-right: 5px; 4799 color: #fff; 4800 font-size: 12px; 4801 margin-bottom: 5px; 4802 font-family: WorkSans-Medium; 4803 } 4804 4805 .sustainable-drawing-files-wrapper .drawing-files-item-wrapper img.drawing-files-logo { 4806 position: relative !important; 4807 float: left; 4808 width: 12px !important; 4809 height: 12px !important; 4810 margin-right: 2px; 4811 } 4812 4813 4814 4815 4816 #catalog-home-page.search-brand .main-content.new .right-area .product-item-wrapper .button-load-more-area .load-more-button { 4817 border-radius: 4px; 4818 } 4819 4820 @media (max-width: 992px) { 4821 #catalog-home-page.search-brand .main-content.new .right-area .header { 4822 padding-left: 40px; 4823 padding-right: 40px; 4824 } 4825 4826 #catalog-home-page.search-brand .main-content.new .right-area { 4827 padding-left: 0px; 4828 padding-right: 0px; 4829 } 4830 4831 #catalog-home-page.search-brand .main-content.new .right-area .product-item-wrapper { 4832 padding-left: 20px; 4833 padding-right: 20px; 4834 margin-top: 20px; 4835 } 4836 4837 #catalog-home-page.search-brand .main-content.new .right-area .product-item-wrapper .button-load-more-area .load-more-button { 4838 left: 0 !important; 4839 width: 100% !important; 4840 margin-top: 10px !important; 4841 } 4842 } 4843 4844 .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree label { 4845 border-radius: 500px; 4846 background-color: transparent; 4847 background: transparent; 4848 border: 2px solid #fff; 4849 } 4850 4851 .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree input[type=checkbox]:checked+label { 4852 background-color: transparent; 4853 } 4854 4855 .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree label:before { 4856 content: ''; 4857 position: absolute; 4858 /* width: 10px; */ 4859 width: 0px; 4860 height: 0px; 4861 background: transparent; 4862 top: 2px; 4863 left: 3px; 4864 border: 5px solid #0039ff; 4865 border-top: none; 4866 border-right: none; 4867 -webkit-transform: rotate(-45deg); 4868 -moz-transform: rotate(-45deg); 4869 -o-transform: rotate(-45deg); 4870 -ms-transform: rotate(-45deg); 4871 transform: rotate(-45deg); 4872 transition: all 100ms cubic-bezier(.4, .0, .23, 1); 4873 } 4874 4875 .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree input[type=checkbox]:checked+label:before { 4876 animation: checkbox-check2 50ms 100ms cubic-bezier(.4, .0, .23, 1) forwards; 4877 } 4878 4879 .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree label:after { 4880 content: ''; 4881 position: absolute; 4882 /* width: 10px; */ 4883 width: 10px; 4884 height: 6px; 4885 background: transparent; 4886 top: 1px; 4887 left: 2px; 4888 border: 3px solid transparent; 4889 border-top: none; 4890 border-right: none; 4891 -webkit-transform: rotate(-45deg); 4892 -moz-transform: rotate(-45deg); 4893 -o-transform: rotate(-45deg); 4894 -ms-transform: rotate(-45deg); 4895 transform: rotate(-45deg); 4896 width: 10px; 4897 height: 6px; 4898 border-width: 3px; 4899 animation: checkbox-check 150ms 250ms cubic-bezier(.4, .0, .23, 1) forwards; 4900 transition: all 250ms cubic-bezier(.4, .0, .23, 1); 4901 } 4902 4903 .more-filter-wrapper .nbs-checkbox-wrapper .squaredThree input[type=checkbox]:checked+label:after { 4904 top: 1px; 4905 left: 2px; 4906 } 4907 4908 @keyframes checkbox-check { 4909 0% { 4910 width: 0; 4911 height: 0; 4912 border-width: 0; 4913 transform: scale(0) rotate(-45deg); 4914 } 4915 4916 33% { 4917 width: 5px; 4918 height: 3px; 4919 border-width: 1.5px; 4920 transform: scale(0.5) rotate(-45deg); 4921 } 4922 4923 100% { 4924 width: 10px; 4925 height: 6px; 4926 border-width: 3px; 4927 transform: scale(1) rotate(-45deg); 4928 } 4929 } 4930 4931 @keyframes checkbox-check2 { 4932 0% { 4933 width: 0; 4934 height: 0; 4935 border-width: 0; 4936 transform: scale(0) rotate(-45deg); 4937 } 4938 4939 33% { 4940 width: 5px; 4941 height: 3px; 4942 border-width: 1.5px; 4943 transform: scale(0.5) rotate(-45deg); 4944 } 4945 4946 100% { 4947 width: 11px; 4948 height: 5px; 4949 border-width: 5px; 4950 transform: scale(1) rotate(-45deg); 4951 } 4952 } 4953 4954 .squaredThree label { 4955 width: 15px; 4956 height: 15px; 4957 border-radius: 3px; 4958 margin-bottom: 0px; 4959 } 4960 4961 .squaredThree input[type=checkbox]:checked+label { 4962 background: #4a4a4a; 4963 } 4964 4965 .squaredThree.blue-checkbox input[type=checkbox]:checked+label { 4966 background: #0039ff; 4967 } 4968 4969 .squaredThree label:after { 4970 width: 10px; 4971 height: 5px; 4972 border-color: #FFF; 4973 top: 3px; 4974 left: 2px; 4975 } 4976 4977 p.title.title-by-countries { 4978 color: #ababab; 4979 font-size: 14px; 4980 font-weight: 700; 4981 padding-top: 26px; 4982 } 4983 4984 #countriesFilterSidebarSection .form-check .squaredThree { 4985 flex: 0 0 33%; 4986 padding-right: 4px; 4987 } 4988 4989 #countriesFilterSidebarSection .form-check .squaredThree .country-checkbox-text { 4990 margin-bottom: 5px; 4991 text-transform: uppercase; 4992 } 4993 4994 #countriesFilterSidebarSection .form-check .squaredThree .country-checkbox-text { 4995 width: 100%; 4996 position: relative; 4997 display: flex; 4998 align-items: center; 4999 cursor: pointer; 5000 overflow-x: hidden; 5001 white-space: nowrap; 5002 text-overflow: ellipsis; 5003 font-size: 10px !important; 5004 font-weight: 700 !important; 5005 height: 100%; 5006 } 5007 5008 #countriesFilterSidebarSection .form-check .squaredThree .country-checkbox-text .flag-icon { 5009 margin-right: 5px; 5010 width: 15px; 5011 height: 15px; 5012 } 5013 5014 #projectKeywordFilterSidebarSection { 5015 padding-top: 15px; 5016 } 5017 5018 .new-company-filter-project-category-menu-mobile p.title.title-by-countries { 5019 padding: 0; 5020 } 5021
5022 .nbs-nordic-icon img { 5023 position: absolute; 5024 max-width: 18px; 5025 max-height: 18px; 5026 margin-left: 10px; 5027 margin-top: 10px; 5028 } 5029 5030 .epd-filter-wrap { 5031 display: flex; 5032 flex-direction: column; 5033 position: relative; 5034 margin-top: 20px; 5035 } 5036 5037 .epd-filter-wrap .epd-filter-slider-wrap { 5038 padding-bottom: 20px; 5039 } 5040 5041 .epd-filter-wrap .epd-filter-slider-wrap:last-child { 5042 border-bottom: none; 5043 } 5044 5045 .epd-filter-wrap .epd-filter-slider-wrap .epd-filter-toggle-head { 5046 display: flex; 5047 justify-content: space-between; 5048 } 5049 5050 hr.line-filter { 5051 height: 1px; 5052 width: calc(100% + 40px); 5053 margin: 0px -20px; 5054 border-top: 3px solid #e5e5e5; 5055 } 5056 5057 .epd-filter-toggle-head .title { 5058 display: flex; 5059 align-items: center; 5060 } 5061 5062 .epd-filter-toggle-head .title span { 5063 line-height: normal; 5064 } 5065 5066 .epd-filter-toggle-head .title .epd-hint-img { 5067 margin-left: 5px; 5068 width: 16px; 5069 height: 16px; 5070 } 5071 5072 .filter-epd-top-wrapper { 5073 display: inline-flex; 5074 position: relative; 5075 background-color: #059e61; 5076 align-items: center; 5077 border-radius: 3px; 5078 padding: 0 10px; 5079 height: 30px; 5080 font-size: 12px; 5081 font-family: WorkSans-SemiBold; 5082 color: #fff; 5083 cursor: pointer; 5084 } 5085 5086 .filter-epd-top-wrapper.epd-white { 5087 background-color: #fff; 5088 border: 1px solid #e5e5e5; 5089 color: #66875a; 5090 } 5091 5092 .filter-epd-top-wrapper img { 5093 width: 20px; 5094 height: 20px; 5095 margin-left: 5px; 5096 } 5097 5098 .filter-epd-top-wrapper .squaredThree { 5099 width: auto; 5100 height: auto; 5101 background-color: transparent; 5102 padding-top: 0px; 5103 padding-left: 0px; 5104 display: flex; 5105 align-items: center; 5106 justify-content: center; 5107 position: relative; 5108 margin-right: 7px; 5109 } 5110 5111 .filter-epd-top-wrapper.epd-white .squaredThree .checkbox-label { 5112 border: 1px solid #e5e5e5; 5113 } 5114 5115 .filter-epd-top-wrapper .squaredThree .checkbox-label { 5116 top: -1px; 5117 left: 0; 5118 border: 1px solid #059e61; 5119 } 5120 5121 .filter-epd-top-wrapper .squaredThree .checkbox-label::after { 5122 top: 3px; 5123 left: 2px; 5124 } 5125 5126 .category-filter-mobile .filter-epd-top-wrapper { 5127 height: 35px; 5128 } 5129 5130 .select2-selection .select2-selection--multiple { 5131 height: 34px !important; 5132 border-radius: 2px !important; 5133 } 5134 5135 .select2-container--default .select2-selection--multiple { 5136 border: 1px solid #e5e5e5 !important; 5137 } 5138 5139 .select2-container .select2-selection--multiple .select2-selection__rendered { 5140 display: block; 5141 padding: 2px 7px 8px !important; 5142 overflow: hidden; 5143 text-overflow: ellipsis; 5144 white-space: nowrap; 5145 } 5146 5147 .webui-popover-ggt-hint-item { 5148 z-index: 10000000000000; 5149 } 5150</style> 5151 5152 5153<div id="catalog-home-page" class="search-brand"> 5154 <div class="" style="position: relative; float: left; width: 100%; height:0; margin: 0;"> 5155 <!-- Images For Seo WIth ALT --> 5156 </div> 5157 <div id="hero" style="border: 0;"> 5158 </div> 5159 <div id="new-sidebar-product-category" class="show" style="margin-top: 120px; height: calc((100vh - 120px) - 1px);"> 5160 <!-- sidebar skeleton--> 5161 <div class="sidebar skeleton"> 5162 <div class="header" style="display:none"> 5163 <div class="text-area"> 5164 <p style="color: #9b9b9b;">PRODUCT CATEGORIES</p> 5165 </div> 5166 <div class="button-area close-category-button desktop" style="display: none;"> 5167 <img src="https://www.archify.com/assets/img/close.png" alt="close icon" width="10" height="10"> 5168 </div> 5169 <div class="button-area close-category-button mobile"> 5170 <img src="https://www.archify.com/assets/img/close.png" alt="close icon" width="10" height="10"> 5171 </div> 5172 </div> 5173 5174 <div class="product-category-item panel-group"> 5175 <div class="panel-heading" role="tab" id="product1"> 5176 <h4 class="panel-title"> 5177 <a class="collapsed"> 5178 <p style="width: 100px; height: 10px; background: #e5e5e5;"></p> 5179 </a> 5180 </h4> 5181 </div> 5182 <div id="collapse1" class="panel-collapse collapse show" role="tabpanel" aria-labelledby="product1"> 5183 <div class="panel-body"> 5184 <ul> 5185 <li><a href="#" style="width: 100px; height: 10px; background: #e5e5e5;"></a></li> 5186 <li><a href="#" style="width: 230px; height: 10px; background: #e5e5e5;"></a></li> 5187 <li><a href="#" style="width: 170px; height: 10px; background: #e5e5e5;"></a></li> 5188 </ul> 5189 </div> 5190 </div> 5191 </div> 5192 5193 <div class="product-category-item panel-group"> 5194 <div class="panel-heading" role="tab" id="product3"> 5195 <h4 class="panel-title"> 5196 <a class="collapsed"> 5197 <p style="width: 100px; height: 10px; background: #e5e5e5;"></p> 5198 </a> 5199 </h4> 5200 </div> 5201 <div id="collapse3" class="panel-collapse collapse show" role="tabpanel" aria-labelledby="product3"> 5202 <div class="panel-body"> 5203 <ul> 5204 <li><a href="#" style="width: 100px; height: 10px; background: #e5e5e5;"></a></li> 5205 <li><a href="#" style="width: 230px; height: 10px; background: #e5e5e5;"></a></li> 5206 <li><a href="#" style="width: 170px; height: 10px; background: #e5e5e5;"></a></li> 5207 </ul> 5208 </div> 5209 </div> 5210 </div> 5211 </div> 5212 <div class="sidebar category-sidebar"> 5213 <div class="header" style="display: none;"> 5214 <div class="text-area"> 5215 <p style="color: #9b9b9b;">PRODUCT CATEGORIES</p> 5216 </div> 5217 <div class="button-area close-category-button desktop" style="display: none;"> 5218 <img src="https://www.archify.com/assets/img/close.png" alt="close icon" width="10" height="10"> 5219 </div> 5220 <div class="button-area close-category-button mobile"> 5221 <img src="https://www.archify.com/assets/img/close.png" alt="close icon" width="10" height="10"> 5222 </div> 5223 </div> 5224 <!-- Countries Filter --> 5225 <div class="category-list-wrapper" id="xxxxxx" style="height: auto;"> 5226 5227 </div> 5228 <!-- Hide if not au user --> 5229 <div id="drawing_filter_l1" class="filter-container">
5230 <span id="drawlevel1" class="draw-filter">Third Party Certification </span> 5231 <div class="row filter-val-chx third-party-chk"> 5232 <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;"> 5233 <label class="asr-checkbox-mob checkbox-epd-ggt-certificate-filter"> 5234 <span>Global GreenTag Certificate</span> 5235 <input type="checkbox" class="checkbox-ggt-epd-certificate" id="checkbox-ggt-epd-certificate" type="checkbox" name="checkbox-select-sustainable" > 5236 <span class="asrlabel-checkbox"></span> 5237 </label> 5238 <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>"> 5239 <img src="https://www.archify.com/assets/img/svg/hint.svg" /> 5240 </span> 5241 </div> 5242 <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;"> 5243 <label class="asr-checkbox-mob checkbox-epd-ggt-filter"> 5244 <span>Global GreenTag EPD</span> 5245 <input type="checkbox" class="checkbox-ggt-epd" id="checkbox-ggt-epd" type="checkbox" name="checkbox-select-sustainable" > 5246 <span class="asrlabel-checkbox"></span> 5247 </label> 5248 <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>"> 5249 <img src="https://www.archify.com/assets/img/svg/hint.svg" /> 5250 </span> 5251 </div> 5252 </div> 5253 </div> 5254 <div id="drawing_filter_l1" class="filter-container"> 5255 <span id="drawlevel1" class="draw-filter">Manufacturer</span> 5256 <div id="brand_check"> 5257 <div class="control_brand"> 5258 <input class="input form-control search_brand" type="text" placeholder="Search" id="search_brand_desk_1" /> 5259 <span class="icon is-small is-left"> 5260 <span class="searchIcon"></span> 5261 </span> 5262 </div> 5263 </div> 5264 <div class="row filter-val-chx brand_chk" id="brand_check_list_1"> 5265 </div> 5266 </div> 5267 <div id="drawing_filter_l1" class="filter-container"> 5268 <span id="drawlevel2" class="draw-filter">BIM Files</span> 5269 <div class="row filter-val-chx bim-filter-wrap"> 5270 5271 </div> 5272 </div> 5273 <div id="drawing_filter_l1" class="filter-container"> 5274 <span id="drawlevel2" class="draw-filter">CAD Files</span> 5275 <div class="row filter-val-chx cad-filter-wrap"> 5276 5277 </div> 5278 </div> 5279 <div id="drawing_filter_l1" class="filter-container"> 5280 <span id="drawlevel2" class="draw-filter">Other Files</span> 5281 <div class="row filter-val-chx other-filter-wrap"> 5282 5283 </div> 5284 </div> 5285 5286 <div id="drawing_filter_l1" class="filter-container container-filter-country-manufacturer"> 5287 <span id="drawlevel1" class="draw-filter">Country Manufacturer</span> 5288 5289 <div class="row filter-val-chx" id="country_mnf"> 5290 <div class="select-manufactured-in-wrapper1 select-drop-down-wrapper multiple-wrapper col-md-12"> 5291 <select class="select-manufactured-in" id="selectManufacturedIn1" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name=""> 5292 <option value="0">-</option> 5293 <option value="2">Albania</option> 5294 <option value="7">Anguilla</option> 5295 <option value="12">Aruba</option> 5296 <option value="13">Australia</option> 5297 <option value="14">Austria</option> 5298 <option value="17">Bahrain</option> 5299 <option value="21">Belgium</option> 5300 <option value="30">British Indian Ocean Territory</option> 5301 <option value="38">Canada</option> 5302 <option value="44">China</option> 5303 <option value="55">Czech Republic</option>
5304 <option value="57">Denmark</option> 5305 <option value="63">Egypt</option> 5306 <option value="72">Finland</option> 5307 <option value="73">France</option> 5308 <option value="78">Germany</option> 5309 <option value="95">India</option> 5310 <option value="96">Indonesia</option> 5311 <option value="99">Ireland</option> 5312 <option value="101">Israel</option> 5313 <option value="102">Italy</option> 5314 <option value="105">Japan</option> 5315 <option value="121">Lithuania</option> 5316 <option value="122">Luxembourg</option> 5317 <option value="127">Malaysia</option> 5318 <option value="135">Mexico</option> 5319 <option value="148">Netherlands</option> 5320 <option value="151">New Zealand</option> 5321 <option value="169">Poland</option> 5322 <option value="199">South Africa</option> 5323 <option value="200">South Korea</option> 5324 <option value="202">Spain</option> 5325 <option value="208">Sweden</option> 5326 <option value="209">Switzerland</option> 5327 <option value="211">Taiwan</option> 5328 <option value="214">Thailand</option> 5329 <option value="220">Turkey</option> 5330 <option value="227">United Arab Emirates</option> 5331 <option value="228">United Kingdom</option> 5332 <option value="229">United States</option> 5333 <option value="235">Vietnam</option> 5334 </select> 5335 </div> 5336 </div> 5337 </div> 5338 5339 <div id="drawing_filter_l1" class="filter-container container-filter-material-origin"> 5340 <span id="drawlevel1" class="draw-filter">Material Origin</span> 5341 5342 <div class="row filter-val-chx" id="country_mnf"> 5343 <div class="select-material-origin-wrapper-l1 select-drop-down-wrapper multiple-wrapper col-md-12"> 5344 <select class="select-material-origin" id="select-material-origin-l1" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name=""> 5345 <option value="2">Albania</option> 5346 <option value="7">Anguilla</option> 5347 <option value="12">Aruba</option> 5348 <option value="13">Australia</option> 5349 <option value="14">Austria</option> 5350 <option value="17">Bahrain</option> 5351 <option value="21">Belgium</option> 5352 <option value="30">British Indian Ocean Territory</option> 5353 <option value="38">Canada</option> 5354 <option value="44">China</option> 5355 <option value="55">Czech Republic</option> 5356 <option value="57">Denmark</option> 5357 <option value="63">Egypt</option> 5358 <option value="72">Finland</option> 5359 <option value="73">France</option> 5360 <option value="78">Germany</option> 5361 <option value="95">India</option> 5362 <option value="96">Indonesia</option> 5363 <option value="99">Ireland</option> 5364 <option value="101">Israel</option> 5365 <option value="102">Italy</option> 5366 <option value="105">Japan</option> 5367 <option value="121">Lithuania</option> 5368 <option value="122">Luxembourg</option> 5369 <option value="127">Malaysia</option> 5370 <option value="135">Mexico</option> 5371 <option value="148">Netherlands</option> 5372 <option value="151">New Zealand</option> 5373 <option value="169">Poland</option> 5374 <option value="199">South Africa</option> 5375 <option value="200">South Korea</option> 5376 <option value="202">Spain</option> 5377 <option value="208">Sweden</option> 5378 <option value="209">Switzerland</option> 5379 <option value="211">Taiwan</option> 5380 <option value="214">Thailand</option> 5381 <option value="220">Turkey</option> 5382 <option value="227">United Arab Emirates</option> 5383 <option value="228">United Kingdom</option> 5384 <option value="229">United States</option> 5385 <option value="235">Vietnam</option> 5386 </select> 5387 </div> 5388 </div> 5389 </div> 5390 5391 <div id="drawing_filter_l1" class="filter-container">
5392 <span id="drawlevel1" class="draw-filter">EPD / Sustainability</span> 5393 <div class="epd-filter-wrap"> 5394 5395 </div> 5396 <hr class="line-filter" /> 5397 </div> 5398 5399 <div class="wrap-more-filter"> 5400 <!-- <button id="" type="button" name="button" class="secondary-button clear-spec-filter-mrr clear-filter-sidebar" style="width:100%;">Clear Filter</button> --> 5401 <div class="more-filter secondary-button clear-spec-filter-mrr1 clear-filter-sidebar" style="width:100%;">Clear Filter</div> 5402 </div> 5403 </div> 5404 </div> 5405 5406 <!-- sidebar level 2--> 5407 <div id="new-sidebar-product-subcategory" class="" style="margin-top: 120px; height: calc((100vh - 120px) - 1px); overflow-x: hidden;"> 5408 <div class="clear"></div> 5409 <div class="subcategory-list-wrapper" style="height: auto;"> 5410 <div class="head-spec close-level-2" style="position: relative; left: -5px;"> 5411 <img src="https://www.archify.com/assets/img/svg/02-icon-01-general-arrow-left.svg"> 5412 <span id="infolevel2"></span> 5413 </div> 5414 <div class="name-spec">Sub Categories</div> 5415 <div id="id-sublevel2"> 5416 5417 </div> 5418 5419 <!-- Hide if not au user --> 5420 <div id="drawing_filter_l2" class="filter-container"> 5421 <span id="drawlevel2" class="draw-filter">Third Party Certification </span> 5422 <div class="row filter-val-chx third-party-chk"> 5423 <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;"> 5424 <label class="asr-checkbox-mob checkbox-epd-ggt-certificate-filter"> 5425 <span>Global GreenTag Certificate</span> 5426 <input type="checkbox" class="checkbox-ggt-epd-certificate" id="checkbox-ggt-epd-certificate" type="checkbox" name="checkbox-select-sustainable" > 5427 <span class="asrlabel-checkbox"></span> 5428 </label> 5429 <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>"> 5430 <img src="https://www.archify.com/assets/img/svg/hint.svg" /> 5431 </span> 5432 </div> 5433 <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;"> 5434 <label class="asr-checkbox-mob checkbox-epd-ggt-filter"> 5435 <span>Global GreenTag EPD</span> 5436 <input type="checkbox" class="checkbox-ggt-epd" id="checkbox-ggt-epd" type="checkbox" name="checkbox-select-sustainable" > 5437 <span class="asrlabel-checkbox"></span> 5438 </label> 5439 <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>"> 5440 <img src="https://www.archify.com/assets/img/svg/hint.svg" /> 5441 </span> 5442 </div> 5443 </div> 5444 </div> 5445 <div id="drawing_filter_l2" class="filter-container"> 5446 <span id="drawlevel2" class="draw-filter">Manufacturer</span> 5447 <div id="brand_check"> 5448 <div class="control_brand"> 5449 <input class="input form-control search_brand" type="text" placeholder="Search" id="search_brand_desk_2" /> 5450 <span class="icon is-small is-left"> 5451 <span class="searchIcon"></span> 5452 </span> 5453 </div> 5454 </div> 5455 <div class="row filter-val-chx brand_chk" id="brand_check_list_2"> 5456 </div> 5457 </div> 5458 <div id="drawing_filter_l2" class="filter-container"> 5459 <span id="drawlevel2" class="draw-filter">BIM Files</span> 5460 <div class="row filter-val-chx bim-filter-wrap"> 5461 5462 </div> 5463 </div> 5464 <div id="drawing_filter_l2" class="filter-container"> 5465 <span id="drawlevel2" class="draw-filter">CAD Files</span> 5466 <div class="row filter-val-chx cad-filter-wrap"> 5467 5468 </div> 5469 </div> 5470 <div id="drawing_filter_l2" class="filter-container">
5471 <span id="drawlevel2" class="draw-filter">Other Files</span> 5472 <div class="row filter-val-chx other-filter-wrap"> 5473 5474 </div> 5475 </div> 5476 5477 5478 <div id="drawing_filter_l2" class="filter-container container-filter-country-manufacturer"> 5479 <span id="drawlevel2" class="draw-filter">Country Manufacturer</span> 5480 5481 <div class="row filter-val-chx" id="country_mnf"> 5482 <div class="select-manufactured-in-wrapper2 select-drop-down-wrapper multiple-wrapper col-md-10"> 5483 <select class="select-manufactured-in" id="selectManufacturedIn2" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name=""> 5484 <option value="0">-</option> 5485 <option value="2">Albania</option> 5486 <option value="7">Anguilla</option> 5487 <option value="12">Aruba</option> 5488 <option value="13">Australia</option> 5489 <option value="14">Austria</option> 5490 <option value="17">Bahrain</option> 5491 <option value="21">Belgium</option> 5492 <option value="30">British Indian Ocean Territory</option> 5493 <option value="38">Canada</option> 5494 <option value="44">China</option> 5495 <option value="55">Czech Republic</option> 5496 <option value="57">Denmark</option> 5497 <option value="63">Egypt</option> 5498 <option value="72">Finland</option> 5499 <option value="73">France</option> 5500 <option value="78">Germany</option> 5501 <option value="95">India</option> 5502 <option value="96">Indonesia</option> 5503 <option value="99">Ireland</option> 5504 <option value="101">Israel</option> 5505 <option value="102">Italy</option> 5506 <option value="105">Japan</option> 5507 <option value="121">Lithuania</option> 5508 <option value="122">Luxembourg</option> 5509 <option value="127">Malaysia</option> 5510 <option value="135">Mexico</option> 5511 <option value="148">Netherlands</option> 5512 <option value="151">New Zealand</option> 5513 <option value="169">Poland</option> 5514 <option value="199">South Africa</option> 5515 <option value="200">South Korea</option> 5516 <option value="202">Spain</option> 5517 <option value="208">Sweden</option> 5518 <option value="209">Switzerland</option> 5519 <option value="211">Taiwan</option> 5520 <option value="214">Thailand</option> 5521 <option value="220">Turkey</option> 5522 <option value="227">United Arab Emirates</option> 5523 <option value="228">United Kingdom</option> 5524 <option value="229">United States</option> 5525 <option value="235">Vietnam</option> 5526 </select> 5527 </div> 5528 </div> 5529 </div> 5530 5531 <div id="drawing_filter_l2" class="filter-container container-filter-material-origin"> 5532 <span id="drawlevel2" class="draw-filter">Material Origin</span> 5533 5534 <div class="row filter-val-chx" id="country_mnf"> 5535 <div class="select-material-origin-wrapper-l2 select-drop-down-wrapper multiple-wrapper col-md-12"> 5536 <select class="select-material-origin" id="select-material-origin-l2" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name=""> 5537 <option value="2">Albania</option> 5538 <option value="7">Anguilla</option> 5539 <option value="12">Aruba</option> 5540 <option value="13">Australia</option> 5541 <option value="14">Austria</option> 5542 <option value="17">Bahrain</option> 5543 <option value="21">Belgium</option> 5544 <option value="30">British Indian Ocean Territory</option> 5545 <option value="38">Canada</option> 5546 <option value="44">China</option> 5547 <option value="55">Czech Republic</option>
5548 <option value="57">Denmark</option> 5549 <option value="63">Egypt</option> 5550 <option value="72">Finland</option> 5551 <option value="73">France</option> 5552 <option value="78">Germany</option> 5553 <option value="95">India</option> 5554 <option value="96">Indonesia</option> 5555 <option value="99">Ireland</option> 5556 <option value="101">Israel</option> 5557 <option value="102">Italy</option> 5558 <option value="105">Japan</option> 5559 <option value="121">Lithuania</option> 5560 <option value="122">Luxembourg</option> 5561 <option value="127">Malaysia</option> 5562 <option value="135">Mexico</option> 5563 <option value="148">Netherlands</option> 5564 <option value="151">New Zealand</option> 5565 <option value="169">Poland</option> 5566 <option value="199">South Africa</option> 5567 <option value="200">South Korea</option> 5568 <option value="202">Spain</option> 5569 <option value="208">Sweden</option> 5570 <option value="209">Switzerland</option> 5571 <option value="211">Taiwan</option> 5572 <option value="214">Thailand</option> 5573 <option value="220">Turkey</option> 5574 <option value="227">United Arab Emirates</option> 5575 <option value="228">United Kingdom</option> 5576 <option value="229">United States</option> 5577 <option value="235">Vietnam</option> 5578 </select> 5579 </div> 5580 </div> 5581 </div> 5582 5583 <div id="drawing_filter_l2" class="filter-container"> 5584 <span id="drawlevel2" class="draw-filter">EPD / Sustainability</span> 5585 <div class="epd-filter-wrap"> 5586 5587 </div> 5588 <hr class="line-filter" /> 5589 </div> 5590 5591 <div class="wrap-more-filter"> 5592 <!-- <button id="" type="button" name="button" class="secondary-button clear-spec-filter-mrr clear-filter-sidebar" style="width:100%;">Clear Filter</button> --> 5593 <div class="more-filter secondary-button clear-spec-filter-mrr2 clear-filter-sidebar" style="width:100%;">Clear Filter</div> 5594 </div> 5595 </div> 5596 <div class="clear"></div> 5597 </div> 5598 5599 <!-- sidebar level 3--> 5600 <div id="new-sidebar-product-subsubcategory" class="" style="margin-top: 120px; height: calc((100vh - 120px) - 1px);"> 5601 <div class="clear"></div> 5602 <!-- Countries Filter --> 5603 <div class="subcategory-list-wrapper" style="height: auto;"> 5604 <div class="head-spec close-level-3" style="position: relative; left: -5px;"> 5605 <img src="https://www.archify.com/assets/img/svg/02-icon-01-general-arrow-left.svg"> 5606 <span id="infolevel3"></span> 5607 <span id="infolevel3slug" style="display:none;">Beds Frames</span> 5608 <span id="infolevel2slug" style="display:none;"></span> 5609 </div> 5610 <div class="name-spec">Solution</div> 5611 <div id="id-sublevel3"> 5612 5613 </div> 5614 5615 <span id="remake_filter_l3"> 5616 5617 </span> 5618 5619 <!-- Hide if not au user --> 5620 <div id="drawing_filter_l3" class="filter-container"> 5621 <span id="drawlevel3" class="draw-filter">Third Party Certification </span> 5622 <div class="row filter-val-chx third-party-chk"> 5623 <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;"> 5624 <label class="asr-checkbox-mob checkbox-epd-ggt-certificate-filter"> 5625 <span>Global GreenTag Certificate</span> 5626 <input type="checkbox" class="checkbox-ggt-epd-certificate" id="checkbox-ggt-epd-certificate" type="checkbox" name="checkbox-select-sustainable" >
5627 <span class="asrlabel-checkbox"></span> 5628 </label> 5629 <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>"> 5630 <img src="https://www.archify.com/assets/img/svg/hint.svg" /> 5631 </span> 5632 </div> 5633 <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;"> 5634 <label class="asr-checkbox-mob checkbox-epd-ggt-filter"> 5635 <span>Global GreenTag EPD</span> 5636 <input type="checkbox" class="checkbox-ggt-epd" id="checkbox-ggt-epd" type="checkbox" name="checkbox-select-sustainable" > 5637 <span class="asrlabel-checkbox"></span> 5638 </label> 5639 <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>"> 5640 <img src="https://www.archify.com/assets/img/svg/hint.svg" /> 5641 </span> 5642 </div> 5643 </div> 5644 </div> 5645 <div id="drawing_filter_l3" class="filter-container"> 5646 <span id="drawlevel3" class="draw-filter">Manufacturer</span> 5647 <div id="brand_check"> 5648 <div class="control_brand"> 5649 <input class="input form-control search_brand" type="text" placeholder="Search" id="search_brand_desk_3" /> 5650 <span class="icon is-small is-left"> 5651 <span class="searchIcon"></span> 5652 </span> 5653 </div> 5654 </div> 5655 <div class="row filter-val-chx brand_chk" id="brand_check_list_3"> 5656 </div> 5657 </div> 5658 <div id="drawing_filter_l3" class="filter-container"> 5659 <span id="drawlevel3" class="draw-filter">BIM Files</span> 5660 <div class="row filter-val-chx bim-filter-wrap"> 5661 5662 </div> 5663 </div> 5664 <div id="drawing_filter_l3" class="filter-container"> 5665 <span id="drawlevel3" class="draw-filter">CAD Files</span> 5666 <div class="row filter-val-chx cad-filter-wrap"> 5667 5668 </div> 5669 </div> 5670 <div id="drawing_filter_l3" class="filter-container"> 5671 <span id="drawlevel3" class="draw-filter">Other Files</span> 5672 <div class="row filter-val-chx other-filter-wrap"> 5673 5674 </div> 5675 </div> 5676 5677 <div id="drawing_filter_l3" class="filter-container container-filter-country-manufacturer"> 5678 <span id="drawlevel3" class="draw-filter">Country Manufacturer</span> 5679 5680 <div class="row filter-val-chx" id="country_mnf"> 5681 <div class="select-manufactured-in-wrapper3 select-drop-down-wrapper multiple-wrapper col-md-12"> 5682 <select class="select-manufactured-in" id="selectManufacturedIn3" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name=""> 5683 <option value="0">-</option> 5684 <option value="2">Albania</option> 5685 <option value="7">Anguilla</option> 5686 <option value="12">Aruba</option> 5687 <option value="13">Australia</option> 5688 <option value="14">Austria</option> 5689 <option value="17">Bahrain</option> 5690 <option value="21">Belgium</option> 5691 <option value="30">British Indian Ocean Territory</option> 5692 <option value="38">Canada</option> 5693 <option value="44">China</option> 5694 <option value="55">Czech Republic</option> 5695 <option value="57">Denmark</option> 5696 <option value="63">Egypt</option> 5697 <option value="72">Finland</option> 5698 <option value="73">France</option> 5699 <option value="78">Germany</option> 5700 <option value="95">India</option> 5701 <option value="96">Indonesia</option> 5702 <option value="99">Ireland</option> 5703 <option value="101">Israel</option> 5704 <option value="102">Italy</option> 5705 <option value="105">Japan</option> 5706 <option value="121">Lithuania</option> 5707 <option value="122">Luxembourg</option> 5708 <option value="127">Malaysia</option> 5709 <option value="135">Mexico</option> 5710 <option value="148">Netherlands</option> 5711 <option value="151">New Zealand</option> 5712 <option value="169">Poland</option> 5713 <option value="199">South Africa</option> 5714 <option value="200">South Korea</option> 5715 <option value="202">Spain</option> 5716 <option value="208">Sweden</option> 5717 <option value="209">Switzerland</option> 5718 <option value="211">Taiwan</option> 5719 <option value="214">Thailand</option> 5720 <option value="220">Turkey</option> 5721 <option value="227">United Arab Emirates</option> 5722 <option value="228">United Kingdom</option> 5723 <option value="229">United States</option> 5724 <option value="235">Vietnam</option> 5725 </select> 5726 </div> 5727 </div> 5728 </div> 5729 5730 <div id="drawing_filter_l3" class="filter-container container-filter-material-origin">
5731 <span id="drawlevel3" class="draw-filter">Material Origin</span> 5732 5733 <div class="row filter-val-chx" id="country_mnf"> 5734 <div class="select-material-origin-wrapper-l3 select-drop-down-wrapper multiple-wrapper col-md-12"> 5735 <select class="select-material-origin" id="select-material-origin-l3" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name=""> 5736 <option value="2">Albania</option> 5737 <option value="7">Anguilla</option> 5738 <option value="12">Aruba</option> 5739 <option value="13">Australia</option> 5740 <option value="14">Austria</option> 5741 <option value="17">Bahrain</option> 5742 <option value="21">Belgium</option> 5743 <option value="30">British Indian Ocean Territory</option> 5744 <option value="38">Canada</option> 5745 <option value="44">China</option> 5746 <option value="55">Czech Republic</option> 5747 <option value="57">Denmark</option> 5748 <option value="63">Egypt</option> 5749 <option value="72">Finland</option> 5750 <option value="73">France</option> 5751 <option value="78">Germany</option> 5752 <option value="95">India</option> 5753 <option value="96">Indonesia</option> 5754 <option value="99">Ireland</option> 5755 <option value="101">Israel</option> 5756 <option value="102">Italy</option> 5757 <option value="105">Japan</option> 5758 <option value="121">Lithuania</option> 5759 <option value="122">Luxembourg</option> 5760 <option value="127">Malaysia</option> 5761 <option value="135">Mexico</option> 5762 <option value="148">Netherlands</option> 5763 <option value="151">New Zealand</option> 5764 <option value="169">Poland</option> 5765 <option value="199">South Africa</option> 5766 <option value="200">South Korea</option> 5767 <option value="202">Spain</option> 5768 <option value="208">Sweden</option> 5769 <option value="209">Switzerland</option> 5770 <option value="211">Taiwan</option> 5771 <option value="214">Thailand</option> 5772 <option value="220">Turkey</option> 5773 <option value="227">United Arab Emirates</option> 5774 <option value="228">United Kingdom</option> 5775 <option value="229">United States</option> 5776 <option value="235">Vietnam</option> 5777 </select> 5778 </div> 5779 </div> 5780 </div> 5781 5782 <div id="drawing_filter_l3" class="filter-container"> 5783 <span id="drawlevel3" class="draw-filter">EPD / Sustainability</span> 5784 <div class="epd-filter-wrap"> 5785 5786 </div> 5787 <hr class="line-filter" /> 5788 </div> 5789 5790 5791 <div class="wrap-more-filter"> 5792 <!-- <button id="" type="button" name="button" class="secondary-button clear-spec-filter-mrr clear-filter-sidebar" style="width:100%;">Clear Filter</button> --> 5793 <div class="more-filter secondary-button clear-spec-filter-mrr clear-filter-sidebar" style="width:100%;">Clear Filter</div> 5794 <div class="more-filter more-filter-call" style="width:100%;">More Filter</div> 5795 </div> 5796 </div> 5797 <div class="clear"></div> 5798 </div> 5799
5800 <div id="bg-menu-mobile-transparent"> 5801 </div> 5802 <div class="main-content new" style="z-index: 1; overflow-y: hidden;"> 5803 <div class="right-area" style="overflow: hidden;"> 5804 5805 <!-- <h4>Product - <span id="head_category">All Categories</span></h4> --> 5806 5807 <div class="header"> 5808 <div class="header-wrapper"> 5809 5810 <!-- breadcrumb here --> 5811 <div class="breadcrumb-nav" style="margin-bottom: 5px; text-align: left;"> 5812 <span itemscope itemtype="http://schema.org/BreadcrumbList"> 5813 <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 5814 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/" href="/"><span itemprop="name">Home</span></a> 5815 <meta itemprop="position" content="1"> 5816 </span> 5817 <span itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"> 5818 / 5819 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products" href="https://www.archify.com/au/products"><span itemprop="name">Products</span></a> 5820 <meta itemprop="position" content="2"> 5821 </span> 5822 </span> 5823 </div> 5824 5825 <!-- Old Breadcrumbs --> 5826 <!-- <div class="breadcrumbs" style="width: 100%; height: auto; margin-bottom: 5px;"> 5827 <p></p> 5828 </div> --> 5829 <div class="top-title" style="display:none;"> 5830 <h2><span class="count" style="font-family: WorkSans-SemiBold;"></span><span style="font-family: WorkSans-SemiBold;"> Products</span><span> in </span><span class="text">All Categories</span></h2> 5831 </div> 5832 <div class="top-title"> 5833 <h1> 5834 <span class="loading-css-animation"> 5835 <span class="obj"></span><span class="obj"></span><span class="obj"></span><span class="obj"></span><span class="obj"></span><span class="obj"></span> <span class="obj"></span><span class="obj"></span> 5836 </span> 5837 <span class="count" style="display: none;">132</span> 5838 <span id="seo_h1" class="text" style="font-family: WorkSans-SemiBold;">Products</span> 5839 <!-- <span id="seo_h1" class="text" style="font-family: WorkSans-SemiBold;"></span> --> 5840 5841 </h1> 5842 </div> 5843 <div class="filter-area mob-filter"> 5844 5845 <div class="category-filter-mobile"> 5846 <a href="#" class="fil-1" val="product-category"> 5847 <button type="button" name="button" class="main-button"><img src="https://www.archify.com/assets/img/svg/icon-general-filter-white.svg"><span style="margin-left:5px; position: relative;">Filters</span></button> 5848 </a> 5849 <a href="#" class="fil-2" val="project-category-speckfilter" class="floating-m"> 5850 <div class="filte-bn"> 5851 <img src="https://www.archify.com/assets/img/svg/02-icon-01-general-filter.svg"> 5852 </div> 5853 </a> 5854 <!-- <div class="filter-epd-top-wrapper checkbox-epd-ggt-certificate-filter" onclick="$(`.checkbox-ggt-epd-certificate`).click()"> 5855 <div class="squaredThree blue-checkbox"> 5856 <input id="checkbox-ggt-epd-certificate" class="checkbox-ggt-epd-certificate" type="checkbox" name="checkbox-select-sustainable" onclick="$('.checkbox-epd-ggt-certificate-filter').click()" > 5857 <label class="checkbox-label" for="checkbox-ggt-epd-certificate"></label> 5858 </div> 5859 Global GreenTag Certificate <img src="https://www.archify.com/assets/img\svg\icon-sustainability-greentag-epd-certificate.svg" /> 5860 </div> 5861 <div class="filter-epd-top-wrapper epd-white checkbox-epd-ggt-filter"> 5862 <div class="squaredThree blue-checkbox"> 5863 <input id="checkbox-ggt-epd" class="checkbox-ggt-epd" type="checkbox" name="checkbox-select-sustainable" onclick="$('.checkbox-epd-ggt-filter').click()" > 5864 <label class="checkbox-label" for="checkbox-ggt-epd"></label> 5865 </div> 5866 Global GreenTag EPD <img src="https://www.archify.com/assets/img\svg\icon-sustainability-greentag-epd.svg" /> 5867 </div> 5868 5869 --> 5870 </div> 5871 <div class="left-box"> 5872 <button id="toggleCategoryButton" class="clicked" type="button" name="button" style="display: none;">Category</button> 5873 <button id="toggleCategoryButtonMobile" class="" t
5873ype="button" name="button">Category</button> 5874 <!-- Drop Down Sort By --> 5875 <div id="dropDownSortBy"> 5876 <p>Sort by <span></span></p> 5877 <img class="arrow-down" src="https://www.archify.com/assets/img/svg/mega-dropdown-arrow.svg" alt="arrow down" width="10" height="10"> 5878 <div class="toggle-area"> 5879 </div> 5880 <div class="drop-down-list"> 5881 <div class="drop-down-wrapper"> 5882 <ul id="sortByList" class=""> 5883 <li class="active" val="default" name="Default"> 5884 <span> 5885 <h5 class="">Relevant</h5> 5886 </span> 5887 </li> 5888 <li val="asc" name="A-Z"> 5889 <span> 5890 <h5 class="">A-Z</h5> 5891 </span> 5892 </li> 5893 <li val="desc" name="Z-A"> 5894 <span> 5895 <h5 class="">Z-A</h5> 5896 </span> 5897 </li> 5898 <li val="latest" name="Latest"> 5899 <span> 5900 <h5 class="">Latest</h5> 5901 </span> 5902 </li> 5903 </ul> 5904 </div> 5905 </div> 5906 </div> 5907 5908 <div id="dropdown-brand"> 5909 <p>View by <span> - products</span></p> 5910 <img class="arrow-down" src="https://www.archify.com/assets/img/svg/mega-dropdown-arrow.svg" alt="arrow down" width="10" height="10"> 5911 <div class="toggle-area"> 5912 </div> 5913 <div class="drop-down-list"> 5914 <div class="drop-down-wrapper"> 5915 <ul class="sort-list" class=""> 5916 <li class="active" name="Products"> 5917 <span> 5918 <div class="txt-input">Products</div> 5919 </span> 5920 </li> 5921 <li class="" name="Brands" onClick="link_to_brand()"> 5922 <!--a href="https://www.archify.com/au/brands"--> 5923 <span> 5924 <div class="txt-input">Brands</div> 5925 </span> 5926 <!--/a--> 5927 </li> 5928 </ul> 5929 </div> 5930 </div> 5931 </div> 5932 5933 <div id="dropDownBrandList" style="display:none;" class="first-click"> 5934 <p>Brand Name</p> 5935 <img class="arrow-down" src="https://www.archify.com/assets/img/svg/mega-dropdown-arrow.svg" alt="arrow down" width="10" height="10"> 5936 <div class="toggle-area"> 5937 </div> 5938 <div class="drop-down-list"> 5939 <div class="drop-down-wrapper"> 5940 <div class="filter-brand-wrapper"> 5941 <input id="filterBrand" class="filter-brand" onkeyup="filterBrandSearch()" type="text" name="" value="" placeholder="Search Brand"> 5942 </div> 5943 <div class="brand-list-wrapper"> 5944 <ul id="brandList" class="brand-list"> 5945 </ul> 5946 </div> 5947 </div> 5948 </div> 5949 </div> 5950 5951 <!-- Drop Down Sort By --> 5952 5953 <div id="sortbrand" class="dropDownSortBy-mobile"> 5954 <p><img src="https://www.archify.com/assets/img/svg/sortbymob2.svg" alt="sort icon"></p> 5955 <div class="toggle-area"> 5956 </div> 5957 <div class="drop-down-list"> 5958 <div class="drop-down-wrapper"> 5959 <ul class="sort-list" class=""> 5960 <li class="active" name="Products"> 5961 <span> 5962 <div class="txt-input">Products</div> 5963 </span> 5964 </li> 5965 <li class="" name="Brands" onClick="link_to_brand()"> 5966 <!--a href="https://www.archify.com/au/brands"-->
5967 <span> 5968 <div class="txt-input">Brands</div> 5969 </span> 5970 <!--/a--> 5971 </li> 5972 </ul> 5973 </div> 5974 </div> 5975 </div> 5976 5977 <!-- Remove sustainable hint https://bcisuite.atlassian.net/jira/software/c/projects/AR/boards/85/backlog?selectedIssue=AR-506 --> 5978 <!-- <div class="squaredThree"> 5979 <input id="checkbox-filter-sustainable" class="checkbox-filter-sustainable" type="checkbox" name="checkbox-select-sustainable" value="1"> 5980 <label class="checkbox-label" for="checkbox-filter-sustainable"></label> 5981 <p onclick="document.getElementById('checkbox-filter-sustainable').click()"> 5982 Sustainable Products 5983 </p> 5984 </div> --> 5985 <!-- <div class="filter-epd-top-wrapper checkbox-epd-ggt-certificate-filter" onclick="$(`.checkbox-ggt-epd-certificate`).click()"> 5986 <div class="squaredThree blue-checkbox"> 5987 <input id="checkbox-ggt-epd-certificate" class="checkbox-ggt-epd-certificate" type="checkbox" name="checkbox-select-sustainable" > 5988 <label class="checkbox-label" for="checkbox-ggt-epd-certificate"></label> 5989 </div> 5990 Global GreenTag Certificate <img src="https://www.archify.com/assets/img\svg\icon-sustainability-greentag-epd-certificate.svg" /> 5991 </div> 5992 <div class="filter-epd-top-wrapper epd-white checkbox-epd-ggt-filter"> 5993 <div class="squaredThree blue-checkbox"> 5994 <input id="checkbox-ggt-epd" class="checkbox-ggt-epd" type="checkbox" name="checkbox-select-sustainable" > 5995 <label class="checkbox-label" for="checkbox-ggt-epd"></label> 5996 </div> 5997 Global GreenTag EPD <img src="https://www.archify.com/assets/img\svg\icon-sustainability-greentag-epd.svg" /> 5998 </div> 5999 --> 6000 </div> 6001 <div class="more-filter-wrapper"> 6002 <!-- https://app.asana.com/0/1201425521169514/1205484352191573 --> 6003 <!-- <div class="squaredThree"> 6004 <input id="checkbox-filter-drawing-files" class="checkbox-filter-drawing-files" type="checkbox" name="checkbox-select-sustainable" value="1"> 6005 <label class="checkbox-label" for="checkbox-filter-drawing-files"></label> 6006 <p onclick="document.getElementById('checkbox-filter-drawing-files').click()"> 6007 Drawing Files 6008 <img class="info-logo info-filter-drawing-files" src="https://www.archify.com/assets/img/svg/02-icon-01-general-info.svg" alt="icon general info" width="15" height="15"> 6009 </p> 6010 </div> --> 6011 6012 <!-- <div class="squaredThree"> 6013 <input id="checkbox-filter-sustainable" class="checkbox-filter-sustainable" type="checkbox" name="checkbox-select-sustainable" value="1"> 6014 <label class="checkbox-label" for="checkbox-filter-sustainable"></label> 6015 <p onclick="document.getElementById('checkbox-filter-sustainable').click()"> 6016 Sustainable Products 6017 <img class="info-logo info-filter-sustainable" src="https://www.archify.com/assets/img/svg/02-icon-01-general-info.svg" alt="icon general info" width="15" height="15"> 6018 </p> 6019 </div> --> 6020 <!-- remove this field requested by martin 10/12/2024 --> 6021 <!-- <div class="squaredThree blue-checkbox"> 6022 <input id="checkbox-filter-enhanced" class="checkbox-filter-enhanced" type="checkbox" name="checkbox-select-sustainable" value="1"> 6023 <label class="checkbox-label" for="checkbox-filter-enhanced"></label> 6024 <p onclick="document.getElementById('checkbox-filter-enhanced').click()"> 6025 Enhanced Spec 6026 <img class="info-logo info-filter-nbs" src="https://www.archify.com/assets/img/svg/02-icon-01-general-info.svg" alt="icon general info" width="15" height="15"> 6027 </p> 6028 </div> --> 6029 6030 <!-- <div style="display: inline-block;margin-left: 10px;"> 6031 <div class="nbs-checkbox-wrapper"> 6032 <div class="squaredThree"> 6033 <input id="checkbox-filter-enhanced" class="checkbox-filter-enhanced" type="checkbox" name="checkbox-select-sustainable" value="1"> 6034 <label class="checkbox-label" for="checkbox-filter-enhanced" style="left: 2px; top: 6px;"></label>
6035 <p onclick="document.getElementById('checkbox-filter-enhanced').click()" style="color: #fff; top: 0px; margin-right: 8px; line-height: 27px;"> 6036 Enhanced Spec 6037 </p> 6038 </div> 6039 <img class="info-filter-nbs" src="https://www.archify.com/assets/img/svg/icon-general-info-white.svg" alt="icon general info" width="12" height="12" style="margin-right: 0px;"> 6040 </div> 6041 </div> --> 6042 6043 </div> 6044 <div class="more-filter-wrapper float-right" style="border: none;display:none;"> 6045 <!-- <div class="nbs-checkbox-wrapper"> 6046 <img onclick="document.getElementById('checkbox-filter-nbs').click()" src="https://www.archify.com/assets/img/svg/icon-nbs-white-small.svg" alt="NBS Logo" width="13" height="14" style="margin-right: 5px;"> 6047 <span class="no-select" onclick="document.getElementById('checkbox-filter-nbs').click()">NBS Enhanced Spec</span> 6048 <img class="info-filter-nbs" src="https://www.archify.com/assets/img/svg/icon-general-info-white.svg" alt="icon general info" width="12" height="12" style="margin-right: 7px;"> 6049 <div class="squaredThree" style="padding-left: 12px;"> 6050 <input id="checkbox-filter-nbs" class="checkbox-filter-nbs" type="checkbox" name="checkbox-select-nbs" value="1"> 6051 <label class="checkbox-label" for="checkbox-filter-nbs" style="top:-7.7px;"></label> 6052 </div> 6053 </div> --> 6054 </div> 6055 <div class="brand-filter"> 6056 <div class="search-tags-wrapper"> 6057 6058 </div> 6059 <div class="brand-tags-wrapper"> 6060 6061 </div> 6062 <div class="countries-tags-wrapper"> 6063 6064 </div> 6065 </div> 6066 <div class="right-box"> 6067 6068 </div> 6069 </div> 6070 </div> 6071 </div> 6072 <div class="product-item-wrapper"> 6073 6074 6075 6076 <div class="brand-container"> 6077 6078 6079 </div> 6080 6081 <div class="button-load-more-area" style="text-align: center;"> 6082 <!-- <img class="loading-img" src="https://www.archify.com/assets/img/bluprin-loading.gif" alt="" style="margin: auto; padding-right: 0px;"> --> 6083 <div class="skeleton-wrapper"> 6084 6085 <!-- skeleton for listing a style --> 6086 <div class="skeleton-item"> 6087 <div class="image-area"> 6088 </div> 6089 <div class="text-area"> 6090 <div class="title"></div> 6091 <div class="subtitle"></div> 6092 </div> 6093 </div> 6094 <div class="skeleton-item"> 6095 <div class="image-area"> 6096 </div> 6097 <div class="text-area"> 6098 <div class="title"></div> 6099 <div class="subtitle"></div> 6100 </div> 6101 </div> 6102 <div class="skeleton-item"> 6103 <div class="image-area"> 6104 </div> 6105 <div class="text-area"> 6106 <div class="title"></div> 6107 <div class="subtitle"></div> 6108 </div> 6109 </div> 6110 <div class="skeleton-item"> 6111 <div class="image-area"> 6112 </div> 6113 <div class="text-area"> 6114 <div class="title"></div> 6115 <div class="subtitle"></div> 6116 </div> 6117 </div> 6118 <div class="skeleton-item"> 6119 <div class="image-area"> 6120 </div> 6121 <div class="text-area"> 6122 <div class="title"></div> 6123 <div class="subtitle"></div> 6124 </div> 6125 </div> 6126 <div class="skeleton-item"> 6127 <div class="image-area"> 6128 </div> 6129 <div class="text-area"> 6130 <div class="title"></div> 6131 <div class="subtitle"></div> 6132 </div> 6133 </div> 6134 <div class="skeleton-item"> 6135 <div class="image-area"> 6136 </div> 6137 <div class="text-area"> 6138 <div class="title"></div> 6139 <div class="subtitle"></div> 6140 </div> 6141 </div> 6142 <div class="skeleton-item"> 6143 <div class="image-area"> 6144 </div> 6145 <div class="text-area"> 6146 <div class="title"></div> 6147 <div class="subtitle"></div> 6148 </div> 6149 </div> 6150 <div class="skeleton-item"> 6151 <div class="image-area"> 6152 </div> 6153 <div class="text-area"> 6154 <div class="title"></div> 6155 <div class="subtitle"></div> 6156 </div> 6157 </div> 6158 <div class="skeleton-item"> 6159 <div class="image-area"> 6160 </div> 6161 <div class="text-area"> 6162 <div class="title"></div> 6163 <div class="subtitle"></div> 6164 </div> 6165 </div> 6166 <div class="skeleton-item"> 6167 <div class="image-area"> 6168 </div> 6169 <div class="text-area"> 6170 <div class="title"></div> 6171 <div class="subtitle"></div> 6172 </div> 6173 </div> 6174 <div class="skeleton-item"> 6175 <div class="image-area"> 6176 </div> 6177 <div class="text-area"> 6178 <div class="title"></div> 6179 <div class="subtitle"></div> 6180 </div> 6181 </div> 6182 <div class="skeleton-item"> 6183 <div class="image-area"> 6184 </div> 6185 <div class="text-area"> 6186 <div class="title"></div> 6187 <div class="subtitle"></div> 6188 </div> 6189 </div> 6190 <div class="skeleton-item"> 6191 <div class="image-area"> 6192 </div> 6193 <div class="text-area"> 6194 <div class="title"></div> 6195 <div class="subtitle"></div> 6196 </div> 6197 </div> 6198 <div class="skeleton-item"> 6199 <div class="image-area"> 6200 </div> 6201 <div class="text-area"> 6202 <div class="title"></div> 6203 <div class="subtitle"></div> 6204 </div> 6205 </div> 6206 <div class="skeleton-item"> 6207 <div class="image-area"> 6208 </div> 6209 <div class="text-area"> 6210 <div class="title"></div> 6211 <div class="subtitle"></div> 6212 </div> 6213 </div> 6214 <div class="skeleton-item"> 6215 <div class="image-area"> 6216 </div> 6217 <div class="text-area"> 6218 <div class="title"></div> 6219 <div class="subtitle"></div> 6220 </div> 6221 </div> 6222 <div class="skeleton-item"> 6223 <div class="image-area"> 6224 </div> 6225 <div class="text-area"> 6226 <div class="title"></div> 6227 <div class="subtitle"></div> 6228 </div> 6229 </div> 6230 <div class="skeleton-item"> 6231 <div class="image-area"> 6232 </div> 6233 <div class="text-area"> 6234 <div class="title"></div> 6235 <div class="subtitle"></div> 6236 </div> 6237 </div> 6238 <div class="skeleton-item"> 6239 <div class="image-area"> 6240 </div> 6241 <div class="text-area"> 6242 <div class="title"></div> 6243 <div class="subtitle"></div> 6244 </div> 6245 </div> 6246 <div class="skeleton-item"> 6247 <div class="image-area"> 6248 </div> 6249 <div class="text-area"> 6250 <div class="title"></div> 6251 <div class="subtitle"></div> 6252 </div> 6253 </div> 6254 <div class="skeleton-item"> 6255 <div class="image-area"> 6256 </div> 6257 <div class="text-area"> 6258 <div class="title"></div> 6259 <div class="subtitle"></div> 6260 </div> 6261 </div> 6262 <div class="skeleton-item"> 6263 <div class="image-area"> 6264 </div> 6265 <div class="text-area"> 6266 <div class="title"></div> 6267 <div class="subtitle"></div> 6268 </div> 6269 </div> 6270 <div class="skeleton-item"> 6271 <div class="image-area"> 6272 </div> 6273 <div class="text-area"> 6274 <div class="title"></div> 6275 <div class="subtitle"></div> 6276 </div> 6277 </div> 6278 <div class="skeleton-item"> 6279 <div class="image-area"> 6280 </div> 6281 <div class="text-area"> 6282 <div class="title"></div> 6283 <div class="subtitle"></div> 6284 </div> 6285 </div> 6286 <div class="skeleton-item"> 6287 <div class="image-area"> 6288 </div> 6289 <div class="text-area"> 6290 <div class="title"></div> 6291 <div class="subtitle"></div> 6292 </div> 6293 </div> 6294 <div class="skeleton-item"> 6295 <div class="image-area"> 6296 </div> 6297 <div class="text-area"> 6298 <div class="title"></div> 6299 <div class="subtitle"></div> 6300 </div> 6301 </div> 6302 <div class="skeleton-item"> 6303 <div class="image-area"> 6304 </div> 6305 <div class="text-area"> 6306 <div class="title"></div> 6307 <div class="subtitle"></div> 6308 </div> 6309 </div> 6310 <div class="skeleton-item"> 6311 <div class="image-area"> 6312 </div> 6313 <div class="text-area"> 6314 <div class="title"></div> 6315 <div class="subtitle"></div> 6316 </div> 6317 </div> 6318 <div class="skeleton-item"> 6319 <div class="image-area"> 6320 </div> 6321 <div class="text-area"> 6322 <div class="title"></div> 6323 <div class="subtitle"></div> 6324 </div> 6325 </div> 6326 <div class="skeleton-item"> 6327 <div class="image-area"> 6328 </div> 6329 <div class="text-area"> 6330 <div class="title"></div> 6331 <div class="subtitle"></div> 6332 </div> 6333 </div> 6334 <div class="skeleton-item"> 6335 <div class="image-area"> 6336 </div> 6337 <div class="text-area"> 6338 <div class="title"></div> 6339 <div class="subtitle"></div> 6340 </div> 6341 </div> 6342 <div class="skeleton-item"> 6343 <div class="image-area"> 6344 </div> 6345 <div class="text-area"> 6346 <div class="title"></div> 6347 <div class="subtitle"></div> 6348 </div> 6349 </div> 6350 <div class="skeleton-item"> 6351 <div class="image-area"> 6352 </div> 6353 <div class="text-area"> 6354 <div class="title"></div> 6355 <div class="subtitle"></div> 6356 </div> 6357 </div> 6358 <div class="skeleton-item"> 6359 <div class="image-area"> 6360 </div> 6361 <div class="text-area"> 6362 <div class="title"></div> 6363 <div class="subtitle"></div> 6364 </div> 6365 </div> 6366 <div class="skeleton-item"> 6367 <div class="image-area"> 6368 </div> 6369 <div class="text-area"> 6370 <div class="title"></div> 6371 <div class="subtitle"></div> 6372 </div> 6373 </div> 6374 <div class="skeleton-item"> 6375 <div class="image-area"> 6376 </div> 6377 <div class="text-area"> 6378 <div class="title"></div> 6379 <div class="subtitle"></div> 6380 </div> 6381 </div> 6382 <div class="skeleton-item"> 6383 <div class="image-area"> 6384 </div> 6385 <div class="text-area"> 6386 <div class="title"></div> 6387 <div class="subtitle"></div> 6388 </div> 6389 </div> 6390 <div class="skeleton-item"> 6391 <div class="image-area"> 6392 </div> 6393 <div class="text-area"> 6394 <div class="title"></div> 6395 <div class="subtitle"></div> 6396 </div> 6397 </div> 6398 <div class="skeleton-item"> 6399 <div class="image-area"> 6400 </div> 6401 <div class="text-area"> 6402 <div class="title"></div> 6403 <div class="subtitle"></div> 6404 </div> 6405 </div> 6406 </div> 6407 <div id="paginationBox" style="position: relative; float: left; width: 100%; display: none;"> 6408 <ul id="pagination" class="pagination"> 6409 </ul> 6410 </nav> 6411 </div> 6412 <button class="load-more-button bluprin-button-yellow" type="button" name="button" style="display: none; padding-top: 5px; margin-bottom: 40px; width: 100px;">Load More</button> 6413 6414 <div class="clearfix"></div> 6415 <div id="articleBox" style="margin-top: 30px;"> 6416 </div> 6417 6418 </div> 6419 6420 </div> 6421 </div> 6422 </div> 6423</div> 6424 6425<div id="backToTopButton" style="opacity: 0;"> 6426 <img src="https://www.archify.com/assets/img/moodboard/small-up-white.svg" alt=""> 6427</div> 6428</div> 6429 6430 6431<style>
6432 .popup-shade-bg-mobile-filter-menu { 6433 position: fixed; 6434 /* width: 100%; 6435 height: 100%; */ 6436 width: 50px; 6437 height: 50px; 6438 /* background: rgba(0, 0, 0, 0.6); */ 6439 z-index: 9999999; 6440 display: none; 6441 top: 0; 6442 /* right:20px; */ 6443 right: 0; 6444 } 6445 6446 .popup-shade-bg-mobile-filter-menu .cd-primary-nav-trigger.new { 6447 position: absolute; 6448 right: 0; 6449 top: 0; 6450 /* height: 100%; */ 6451 height: 50px; 6452 width: 50px; 6453 background-color: transparent; 6454 /* left: 0; */ 6455 } 6456 6457 .popup-shade-bg-mobile-filter-menu .cd-primary-nav-trigger.new .cd-menu-icon { 6458 top: 25px; 6459 /* left: 25px; */ 6460 } 6461 6462 .popup-shade-bg-mobile-filter-menu .cd-primary-nav-trigger.new .cd-menu-icon.is-clicked::before, 6463 .popup-shade-bg-mobile-filter-menu .cd-primary-nav-trigger.new .cd-menu-icon.is-clicked::after { 6464 background-color: #000; 6465 } 6466 6467 .new-company-filter-menu { 6468 position: fixed; 6469 /* width: calc(100% - 50px); */ 6470 left: 100%; 6471 height: 100vh; 6472 background-color: #fff; 6473 z-index: 999999; 6474 display: block; 6475 -webkit-transition: all 200ms ease-in !important; 6476 -moz-transition: all 200ms ease-in !important; 6477 -o-transition: all 200ms ease-in !important; 6478 transition: all 200ms ease-in !important; 6479 border-top-left-radius: 3px; 6480 border-bottom-left-radius: 3px; 6481 top: 0; 6482 /* left: 0; */ 6483 right: auto; 6484 width: 100% !important; 6485 border-radius: 0; 6486 padding-bottom: 50px; 6487 } 6488 6489 .new-company-filter-menu.show { 6490 /* left: 50px; */ 6491 left: 0; 6492 } 6493 6494 .new-company-filter-menu .header { 6495 position: relative; 6496 float: left; 6497 width: 100%; 6498 min-height: 50px; 6499 padding-left: 30px; 6500 padding-right: 30px; 6501 padding-top: 30px; 6502 border-bottom: 0px solid #e5e5e5; 6503 } 6504 6505 .new-company-filter-menu .section { 6506 position: absolute; 6507 width: calc(100% - 0px); 6508 left: 100%; 6509 height: 100vh; 6510 background-color: #fff; 6511 z-index: 999999; 6512 display: block; 6513 -webkit-transition: all 200ms ease-in !important; 6514 -moz-transition: all 200ms ease-in !important; 6515 -o-transition: all 200ms ease-in !important; 6516 transition: all 200ms ease-in !important; 6517 border-top-left-radius: 3px; 6518 border-bottom-left-radius: 3px; 6519 top: 0; 6520 overflow-y: auto; 6521 } 6522 6523 .new-company-filter-menu .section.show { 6524 left: 0px; 6525 } 6526 6527 .new-company-filter-menu .header p { 6528 position: relative; 6529 float: left; 6530 width: 100%; 6531 font-family: WorkSans-SemiBold; 6532 font-size: 20px; 6533 letter-spacing: -0.25px; 6534 line-height: 20px; 6535 margin: 0; 6536 color: #4a4a4a; 6537 } 6538 6539 .new-company-filter-menu .content { 6540 position: relative; 6541 float: left; 6542 width: 100%; 6543 padding: 30px; 6544 height: calc(100vh - 50px); 6545 overflow-y: auto; 6546 -webkit-overflow-scrolling: touch; 6547 } 6548 6549 .new-company-filter-menu .content ul { 6550 position: relative; 6551 float: left; 6552 width: 100%; 6553 padding: 0; 6554 list-style: none; 6555 margin-bottom: 0; 6556 } 6557 6558 .new-company-filter-menu .content ul li { 6559 position: relative; 6560 float: left; 6561 width: 100%; 6562 margin-bottom: 10px; 6563 } 6564 6565 .new-company-filter-menu .content ul li a { 6566 font-family: WorkSans-Medium; 6567 font-size: 14px; 6568 margin: 0; 6569 color: #ababab; 6570 } 6571 6572 .new-company-filter-menu .content ul li a.active { 6573 color: #4a4a4a; 6574 } 6575 6576 .new-company-filter-menu .content.full { 6577 height: calc(100vh - 0px); 6578 } 6579 6580 .new-company-filter-menu .content.full p.title { 6581 position: relative; 6582 float: left; 6583 width: 100%; 6584 font-family: WorkSans-SemiBold; 6585 font-size: 20px; 6586 letter-spacing: -0.25px; 6587 line-height: 20px; 6588 margin: 0; 6589 color: #4a4a4a; 6590 } 6591 6592 .new-company-filter-menu .content.full ul { 6593 position: relative; 6594 float: left; 6595 width: 100%; 6596 padding: 0; 6597 margin-top: 30px; 6598 } 6599 6600 .new-company-filter-menu .content.full ul li { 6601 position: relative; 6602 float: left; 6603 width: 100%; 6604 padding: 0; 6605 margin-bottom: 20px; 6606 font-family: WorkSans-Regular; 6607 font-size: 14px; 6608 letter-spacing: -0.1px; 6609 line-height: 20px; 6610 cursor: pointer; 6611 } 6612 6613 .new-company-filter-menu .content.full ul li.active { 6614 font-family: WorkSans-SemiBold; 6615 } 6616 6617 .new-company-filter-menu .content.full ul li:last-child { 6618 margin-bottom: 0px; 6619 } 6620 6621 .new-company-filter-menu .content.full .divider { 6622 position: relative; 6623 float: left; 6624 width: 100%; 6625 height: 1px; 6626 background-color: #e5e5e5; 6627 margin-top: 30px; 6628 margin-bottom: 30px; 6629 } 6630 6631 .filter-head { 6632 padding: 20px; 6633 font-size: 16px; 6634 font-weight: bold; 6635 font-stretch: normal; 6636 font-style: normal; 6637 line-height: 1.25; 6638 letter-spacing: -0.2px; 6639 color: #ababab; 6640 font-family: WorkSans-SemiBold; 6641 border-bottom: 1px solid #e5e5e5; 6642 } 6643 6644 .filter-content-full { 6645 /* padding: 20px; */ 6646 padding: 20px 12px 20px 20px; 6647 padding-bottom: 100px; 6648 } 6649 6650 .info-back-filter { 6651 margin-bottom: 20px; 6652 } 6653 6654 h5.sidebar_brand { 6655 font-family: 'WorkSans-Regular'; 6656 font-size: 14px; 6657 } 6658 6659 .sidebar_brand.checked { 6660 font-family: WorkSans-SemiBold; 6661 } 6662 6663 #MobilebrandList .squaredThree span { 6664 padding-left: 0; 6665 } 6666 6667 .list-level { 6668 list-style-type: none; 6669 padding-left: 0; 6670 } 6671 6672 .list-level li.active { 6673 font-family: WorkSans-SemiBold; 6674 } 6675 6676 .list-level li { 6677 margin-bottom: 20px; 6678 position: relative; 6679 cursor: pointer; 6680 } 6681 6682 .list-level .imgliv { 6683 position: absolute; 6684 right: 0; 6685 /* top: 6px; */ 6686 } 6687 6688 .info-back-filter { 6689 display: flex; 6690 align-items: center; 6691 } 6692 6693 .info-back-filter .back-class { 6694 margin-right: 10px; 6695 } 6696 6697 .remove-this-section { 6698 cursor: pointer; 6699 } 6700 6701 .divider { 6702 position: relative; 6703 width: 100%; 6704 height: 1px; 6705 background-color: #e5e5e5; 6706 margin-top: 30px; 6707 margin-bottom: 30px; 6708 } 6709 6710 .fontchange { 6711 font-family: WorkSans-Medium; 6712 font-size: 16px; 6713 /* font-weight: bold; */ 6714 font-stretch: normal; 6715 font-style: normal; 6716 line-height: 1.25; 6717 letter-spacing: -0.2px; 6718 color: #4a4a4a; 6719 } 6720 6721 .new-company-filter-menu *::-webkit-scrollbar {
6722 width: 5px; 6723 } 6724 6725 .new-company-filter-menu *::-webkit-scrollbar-track { 6726 background: #f1f1f1; 6727 } 6728 6729 .new-company-filter-menu *::-webkit-scrollbar-thumb { 6730 background: #888; 6731 } 6732 6733 .new-company-filter-menu *::-webkit-scrollbar-thumb:hover { 6734 background: #555; 6735 } 6736 6737 .ullevel1 { 6738 position: relative; 6739 float: left; 6740 width: 100%; 6741 margin-top: 10px; 6742 margin-bottom: 0px; 6743 border-bottom: 1px solid #e5e5e5; 6744 } 6745 6746 .load-more-l3 { 6747 font-family: WorkSans-SemiBold; 6748 font-size: 14px; 6749 color: #4a4a4a; 6750 } 6751 6752 #catalog-home-page.search-brand #new-sidebar-product-category .sidebar .category-list-wrapper { 6753 /* margin-top:-75px; */ 6754 } 6755 6756 #catalog-home-page.search-brand #new-sidebar-product-category .product-category-item:last-child { 6757 margin-bottom: 5px !important; 6758 } 6759 6760 .arrow-mobile { 6761 position: absolute; 6762 right: 15px; 6763 } 6764</style> 6765 6766 6767<!--mobile filter category--> 6768<div class="popup-shade-bg-mobile-filter-menu" style="display: none;"> 6769 <a class="cd-primary-nav-trigger new menu-opened" href="#"> 6770 <span class="cd-menu-icon"></span> 6771 </a> 6772</div> 6773<div class="new-company-filter-project-category-menu-mobile new-company-filter-menu"> 6774 <div class="section main-section"> 6775 <div class="filter-head"> 6776 Filter 6777 </div> 6778 6779 <div class="filter-content-full"> 6780 <!-- Countries Filter --> 6781 <!-- <div class="info-back-filter fontchange submenu-mobile">Product Categories</div> --> 6782 <div class="info-back-filter fontchange submenu-mobile spec-updown">Product Categories 6783 <div class="arrow-cio arrow-mobile"> 6784 <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"> 6785 </div> 6786 </div> 6787 <div class="body-togg-asr ul-mob"> 6788 <ul class="list-level parentmob"> 6789 </ul> 6790 </div> 6791 <div class="divider"></div> 6792 <div id="spec_fil"> 6793 6794 <div class="info-back-filter fontchange submenu-mobile spec-updown">Spec Filters 6795 <div class="arrow-cio arrow-mobile"> 6796 <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"> 6797 </div> 6798 </div> 6799 <div class="body-togg-asr ul-mob"> 6800 <span id="remake_filter_l3_mobile"> 6801 </span> 6802 </div> 6803 6804 <div class="divider"></div> 6805 </div> 6806 <!-- Hide if not au user --> 6807 <div id="third-party-filter"> 6808 <div class="info-back-filter fontchange submenu-mobile spec-updown">Third Party Certification 6809 <div class="arrow-cio arrow-mobile"> 6810 <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"> 6811 </div> 6812 </div> 6813 <div class="body-togg-asr ul-mob"> 6814 <div class="row filter-val-chx third-party-chk"> 6815 <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;"> 6816 <label class="asr-checkbox-mob checkbox-epd-ggt-certificate-filter"> 6817 <span>Global GreenTag Certificate</span> 6818 <input type="checkbox" class="checkbox-ggt-epd-certificate" id="checkbox-ggt-epd-certificate" type="checkbox" name="checkbox-select-sustainable" > 6819 <span class="asrlabel-checkbox"></span> 6820 </label> 6821 <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>"> 6822 <img src="https://www.archify.com/assets/img/svg/hint.svg" /> 6823 </span> 6824 </div> 6825 <div class="col-md-10" style="display: flex; align-items:baseline; gap:4px;"> 6826 <label class="asr-checkbox-mob checkbox-epd-ggt-filter"> 6827 <span>Global GreenTag EPD</span> 6828 <input type="checkbox" class="checkbox-ggt-epd" id="checkbox-ggt-epd" type="checkbox" name="checkbox-select-sustainable" > 6829 <span class="asrlabel-checkbox"></span> 6830 </label> 6831 <span class="ggt-hint" data-content="Learn more about <a href='https://www.archify.com/au/sustainability/about-globalgreentag-for-design-professionals' target='_blank'>Global GreenTag <i class='fa fa-external-link'></i></a>"> 6832 <img src="https://www.archify.com/assets/img/svg/hint.svg" /> 6833 </span> 6834 </div> 6835 </div> 6836 </div> 6837 </div> 6838 <div class="divider"></div> 6839 <div id="manufacturer"> 6840 <div class="info-back-filter fontchange submenu-mobile spec-updown">Manufacturer 6841 <div class="arrow-cio arrow-mobile"> 6842 <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"> 6843 </div> 6844 </div> 6845 <div class="body-togg-asr ul-mob"> 6846 <div id="brand_check_mob"> 6847 <div class="control"> 6848 <input class="input form-control" type="text" class="input form-control" placeholder="Search" id="search_brand_mob" />
6849 <span class="icon is-small is-left"> 6850 <span class="searchIcon"></span> 6851 </span> 6852 </div> 6853 <div class="brand_chk"> 6854 6855 </div> 6856 </div> 6857 </div> 6858 </div> 6859 <div class="divider"></div> 6860 6861 <div id="drawing_filter_l1_mob"> 6862 <div class="info-back-filter fontchange submenu-mobile spec-updown">BIM Files 6863 <div class="arrow-cio arrow-mobile"> 6864 <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"> 6865 </div> 6866 </div> 6867 <div class="body-togg-asr ul-mob"> 6868 <div class="row filter-val-chx-mob bim-filter-wrap mobile"> 6869 6870 </div> 6871 </div> 6872 </div> 6873 <div id="drawing_filter_l1_mob"> 6874 <div class="info-back-filter fontchange submenu-mobile spec-updown">CAD Files 6875 <div class="arrow-cio arrow-mobile"> 6876 <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"> 6877 </div> 6878 </div> 6879 <div class="body-togg-asr ul-mob"> 6880 <div class="row filter-val-chx-mob cad-filter-wrap mobile"> 6881 6882 </div> 6883 </div> 6884 </div> 6885 <div id="drawing_filter_l1_mob"> 6886 <div class="info-back-filter fontchange submenu-mobile spec-updown">Other Files 6887 <div class="arrow-cio arrow-mobile"> 6888 <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"> 6889 </div> 6890 </div> 6891 <div class="body-togg-asr ul-mob"> 6892 <div class="row filter-val-chx-mob other-filter-wrap mobile"> 6893 6894 </div> 6895 </div> 6896 </div> 6897 <div class="divider"></div> 6898 <div id="country-manufacturer" class="container-filter-country-manufacturer"> 6899 <div class="info-back-filter fontchange submenu-mobile spec-updown">Country Manufacturer 6900 <div class="arrow-cio arrow-mobile"> 6901 <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"> 6902 </div> 6903 </div> 6904 <div class="body-togg-asr ul-mob"> 6905 <div class="row filter-val-chx-mob" id="country_mnf"> 6906 <div class="select-manufactured-in-wrapperMob select-drop-down-wrapper multiple-wrapper col-12"> 6907 <select class="select-manufactured-in" id="selectManufacturedInMob" style="width: 100%; border: 1px solid #e5e5e5; border-radius: 0; height: 35px; background: #fff; color: #fff;" data-parent-name="country_manufactured" value="" name=""> 6908 <option value="0">-</option> 6909 <option value="2">Albania</option> 6910 <option value="7">Anguilla</option> 6911 <option value="12">Aruba</option> 6912 <option value="13">Australia</option> 6913 <option value="14">Austria</option> 6914 <option value="17">Bahrain</option> 6915 <option value="21">Belgium</option> 6916 <option value="30">British Indian Ocean Territory</option> 6917 <option value="38">Canada</option> 6918 <option value="44">China</option> 6919 <option value="55">Czech Republic</option> 6920 <option value="57">Denmark</option> 6921 <option value="63">Egypt</option> 6922 <option value="72">Finland</option> 6923 <option value="73">France</option> 6924 <option value="78">Germany</option> 6925 <option value="95">India</option> 6926 <option value="96">Indonesia</option> 6927 <option value="99">Ireland</option> 6928 <option value="101">Israel</option> 6929 <option value="102">Italy</option> 6930 <option value="105">Japan</option> 6931 <option value="121">Lithuania</option> 6932 <option value="122">Luxembourg</option> 6933 <option value="127">Malaysia</option> 6934 <option value="135">Mexico</option> 6935 <option value="148">Netherlands</option> 6936 <option value="151">New Zealand</option> 6937 <option value="169">Poland</option> 6938 <option value="199">South Africa</option> 6939 <option value="200">South Korea</option> 6940 <option value="202">Spain</option> 6941 <option value="208">Sweden</option> 6942 <option value="209">Switzerland</option> 6943 <option value="211">Taiwan</option> 6944 <option value="214">Thailand</option> 6945 <option value="220">Turkey</option> 6946 <option value="227">United Arab Emirates</option> 6947 <option value="228">United Kingdom</option> 6948 <option value="229">United States</option> 6949 <option value="235">Vietnam</option> 6950 </select> 6951 </div> 6952 </div> 6953 </div> 6954 </div> 6955 <div class="buttom-tnn"> 6956 <div class="q1"> 6957 <button type="button" name="button" class="secondary-button clear-spec-filter-mrr" style="background-color: #e5e5e5; color: #4a4a4a; width:100%; min-width: auto;">Clear</button> 6958 </div> 6959 <div class="q2"> 6960 <button type="button" name="button" class="main-button apply-filter-mobile" style="width:100%; min-width: auto;">Go</button> 6961 </div> 6962 <div class="clear"></div> 6963 <div class="q3"> 6964 <div class="more-ftr more-filter-call" style="display:none;"> 6965 More Filter 6966 </div> 6967 </div> 6968 </div> 6969 </div> 6970 </div> 6971 6972 <div id="wrap-secondmob"> 6973 6974 </div> 6975 6976 <div id="child-lastmob"> 6977 6978 </div> 6979 6980 <div class="section view-by"> 6981 <div class="filter-head"> 6982 View By 6983 </div> 6984 <div class="filter-content-full"> 6985 <div class="info-back-filter remove-this-section"> 6986 <img class="back-class" src="https://www.archify.com/assets/img/svg/left-arrow-black-small-bold.svg" alt="arrow black left" width="10" height="10"> 6987 All Categories 6988 </div> 6989 <ul class="list-level"> 6990 <li class="active">
6991 <span>Product</span> 6992 </li> 6993 <li onClick="link_to_brand()"> 6994 <span>Brand</span> 6995 </li> 6996 </ul> 6997 </div> 6998 </div> 6999 7000 <div class="section sort-by"> 7001 <div class="filter-head"> 7002 Sort By 7003 </div> 7004 <div class="filter-content-full"> 7005 <div class="info-back-filter remove-this-section"> 7006 <img class="back-class" src="https://www.archify.com/assets/img/svg/left-arrow-black-small-bold.svg" alt="arrow black left" width="10" height="10"> 7007 All Categories 7008 </div> 7009 7010 <ul class="list-level sortByList-mobile"> 7011 <li class="active" val="default" name="Default"> 7012 <span class="">Relevant</span> 7013 </li> 7014 <li val="asc" name="A-Z"> 7015 <span class="">A-Z</span> 7016 </li> 7017 <li val="desc" name="Z-A"> 7018 <span class="">Z-A</span> 7019 </li> 7020 <li val="latest" name="Latest"> 7021 <span class="">Latest</span> 7022 </li> 7023 </ul> 7024 7025 </div> 7026 </div> 7027 7028 <div class="section find-brand"> 7029 <div class="filter-head"> 7030 Find Brand 7031 </div> 7032 <div class="filter-content-full"> 7033 <div class="info-back-filter remove-this-section"> 7034 <img class="back-class" src="https://www.archify.com/assets/img/svg/left-arrow-black-small-bold.svg" alt="arrow black left" width="10" height="10"> 7035 All Categories 7036 </div> 7037 <ul id="MobilebrandList" class="list-level brand-list"> 7038 </ul> 7039 </div> 7040 </div> 7041 7042 <div class="section project-category-speckfilter"> 7043 <div class="filter-head"> 7044 Filter 7045 </div> 7046 <div class="filter-content-full"> 7047 <div class="meas-spec"> 7048 <div class="meas-left"> 7049 Measurement 7050 </div> 7051 <div class="meas-right"> 7052 <span class="metricdat met-1 active" style="display:none;"> 7053 Metric 7054 </span> 7055 <span class="metricdatdummy met-1 active"> 7056 Metric 7057 </span> 7058 <span class="met-2">|</span> 7059 <span class="imperialdat met-1"> 7060 Imperial 7061 </span> 7062 <span class="imperialdatdummy met-1" style="display:none;"> 7063 Imperial 7064 </span> 7065 </div> 7066 <div class="clear"></div> 7067 </div> 7068 <span id="remake_filter_l3_mobile"> 7069 </span> 7070 <!-- <div class="buttom-tnn"> 7071 <div class="q1"> 7072 <button type="button" name="button" class="secondary-button clear-spec-filter-mrr" style="background-color: #e5e5e5; color: #4a4a4a; width:100%; min-width: auto;">Clear</button> 7073 </div> 7074 <div class="q2"> 7075 <button type="button" name="button" class="main-button apply-filter-mobile" style="width:100%; min-width: auto;">Apply Filter</button> 7076 </div> 7077 <div class="clear"></div> 7078 <div class="q3"> 7079 <div class="more-ftr more-filter-call" style="display:none;"> 7080 More Filter 7081 </div> 7082 </div> 7083 </div> --> 7084 </div> 7085 </div> 7086 7087 7088</div> 7089 7090<!-- Filter Modal by Mobile --> 7091<div class="modal fade modal-fullscreen" id="catalogFilterModal" tabindex="-1" role="dialog" aria-labelledby="catalogFilterModal"> 7092 <div class="modal-dialog"> 7093 <div class="modal-content"> 7094 <div class="modal-header"> 7095 <button type="button" class="reset" onclick="resetCatalogMobileFilter()">reset</button> 7096 <h4 class="modal-title">Filter by</h4> 7097 <button type="button" class="cancel" data-dismiss="modal" aria-label="Close">cancel</button> 7098 </div> 7099 <div class="modal-body"> 7100 <div class="search-by"> 7101 <h5>Find By</h5> 7102 <div value="products" class="select-box products sectionSelectBox selected"> 7103 <h5>Products</h5> 7104 <img src="" alt=""> 7105 <img class="check-image" src="https://www.archify.com/assets/product/img/svg/check.svg" alt="check"> 7106 </div> 7107 <div value="brand" class="select-box brand sectionSelectBox"> 7108 <h5>Brands</h5> 7109 <img class="check-image" src="https://www.archify.com/assets/product/img/svg/check.svg" alt="check"> 7110 </div> 7111 </div> 7112 <div class="filter-by"> 7113 <h5>Filter By</h5> 7114 <div id="filterSelectBox" value="all-category" class="select-box categorySelectBox"> 7115 <h5>All Categories</h5> 7116 <i class="fa fa-angle-right" aria-hidden="true"></i> 7117 </div> 7118 <div id="filterSelectLocationBox" value="all-cities" class="select-box locationSelectBox"> 7119 <h5>All Cities</h5> 7120 <i class="fa fa-angle-right" aria-hidden="true"></i> 7121 </div> 7122 </div> 7123 </div> 7124 <div class="modal-footer"> 7125 <button id="applyFilterMobile" class="bluprin-button-blue" onclick="search_p_mobile()">Apply Filter</button> 7126 </div> 7127 </div> 7128 </div> 7129 <div class="category-container"> 7130 7131 </div> 7132 <div class="subcategory-container"> 7133 7134 </div> 7135</div> 7136 7137 7138 7139 7140<!-- Modal All Filter--> 7141<div id="all-filter" class="popnopad modal fade" tabindex="-2" aria-labelledby="sharebut-popup"> 7142 <div class="modal-dialog" style="max-width:770px;"> 7143 <!-- Modal content--> 7144 <div class="body-share"> 7145 <div class="close-shr" data-dismiss="modal" aria-label="Close"><img src="https://www.archify.com/assets/img/svg/close-bg.svg" alt="close bg icon"></div> 7146 <div class="title-share">
7147 <span>All</span> Filter 7148 </div> 7149 <div class="sub-tite" style="display:none;"> 7150 Furniture / Beds Accessories / Bed Frames 7151 </div> 7152 <div class="content"> 7153 <div class="left-frw"> 7154 <div class="tabsgcc loopgcc"> 7155 7156 </div> 7157 </div> 7158 <div class="right-frw loop-frw"> 7159 7160 </div> 7161 <div class="clear"></div> 7162 <div class="footer-frw"> 7163 <button type="button" name="button" class="main-button set-filter" autocomplete="off">Set Filter</button> 7164 </div> 7165 </div> 7166 </div> 7167 </div> 7168</div> 7169 7170 7171<!-- Modal Add Board--> 7172<div class="modal fade modal-fullscreen" id="add-photo-modal" tabindex="-1" role="dialog" aria-labelledby="reviewProLabel" aria-hidden="true"> 7173 7174 <div class="modal-dialog"> 7175 <div class="modal-content"> 7176 <!-- Modal Header --> 7177 <div class="modal-header"> 7178 <h4 class="modal-title" id="saveProLabel"> 7179 Add image to board 7180 </h4> 7181 <button type="button" class="close" data-dismiss="modal"> 7182 <span aria-hidden="true">×</span> 7183 <span class="sr-only">Close</span> 7184 </button> 7185 </div> 7186 7187 <!-- Modal Body --> 7188 <div class="modal-body"> 7189 <div class="row no-padding"> 7190 <div class="col-md-6">
7191 <div class="img-add-board"> 7192 <img class='img-edit-pro' src=""> 7193 </div> 7194 </div> 7195 <div class="col-md-6"> 7196 <div class="title-add-board-modal"> 7197 <p class="semi-bold">Choose Design Folder</p> 7198 <button type="button" class="close" data-dismiss="modal"> 7199 <span aria-hidden="true">×</span> 7200 <span class="sr-only">Close</span> 7201 </button> 7202 </div> 7203 <div class="content-add-board-modal" style="height: 180px; position: relative; overflow: hidden;overflow-y: auto;"> 7204 <ul id="container_board" style="margin-bottom: 0;"> 7205 7206 </ul> 7207 <div class="loading-wrapper-list-board" style="text-align: center; padding-top: 10px; padding-bottom: 10px;"> 7208 <img src="https://www.archify.com/assets/img/bluprin-loading.gif" alt=""> 7209 </div> 7210 </div> 7211 <div class="content-create-board-modal"> 7212 <span class="create-new-btn"> 7213 <button class="bluprin-button-green" type="button" name="button">Create New Design Folder</button> 7214 </span> 7215 </div> 7216 </div> 7217 </div> 7218 </div> 7219 </div> 7220 </div> 7221</div> 7222 7223 7224<!-- Modal Create Board--> 7225<div class="modal fade modal-fullscreen" id="createBoard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 7226 <div class="modal-dialog"> 7227 <div class="modal-content"> 7228 <!-- Modal Header --> 7229 <div class="modal-header"> 7230 <h4 class="modal-title" id="myModalLabel"> 7231 Create Design Folder 7232 </h4> 7233 <button type="button" class="close" data-dismiss="modal"> 7234 <span aria-hidden="true">×</span> 7235 <span class="sr-only">Close</span> 7236 </button> 7237 </div> 7238 7239 <!-- Modal Body --> 7240 <div class="modal-body"> 7241 <div id="professionals-project-modal"> 7242 <form role="form"> 7243 <div class="my-form-set text-left"> 7244 <label>Name</label> 7245 <input id="board_name" type="text" class="form-control" placeholder="e.g. 'Places called home' or 'Dream house'" name='name'> 7246 </div> 7247 <div class="my-form-set btn-section text-center"> 7248 <button type="button" class="btn-upload green-btn" onclick="create_board();">Create</button> 7249 </div> 7250 </form> 7251 </div> 7252 </div> 7253 </div> 7254 </div> 7255</div> 7256 7257<!-- Login Modal --> 7258<!-- <div class="modal fade" id="loginModal" tabindex="-2" aria-labelledby="loginModal"> 7259 <div class="modal-dialog"> 7260 <div id="acc-user-inbox-wrapper" class="login"> 7261 <div id="login" class="align-middle"> 7262 <div class="cnh-wrapper"> 7263 <form id="formLogin" method="post" action=""> 7264 <div class="row justify-content-md-center"> 7265 <h2 class="page-title" style="margin: auto; margin-top: 30px; margin-bottom: 20px;">Log in to Archify</h2> 7266 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 7267 <span aria-hidden="true">x</span> 7268 <span class="sr-only">Close</span> 7269 </button> 7270 </div> 7271 <div class="form-group"> 7272 <label for="EmailAddress">Email Address</label> 7273 <input type="email" class="form-control" id="EmailAddress" placeholder="" name="email"> 7274 </div> 7275 <div class="form-group"> 7276 <label for="password">Password</label> 7277 <label for="EmailAddress" class="pull-right"> 7278 <span class="green-menu" id="forgotPassword-btn"> 7279 <a href="https://www.archify.com/au/login#forgot">Forgot Password</a> 7280 </span> 7281 </label> 7282 <input type="password" class="form-control" id="password" placeholder="" name="password"> 7283 </div> 7284 <div class="my-form-set text-center"> 7285 <button class="mybtn-green full-widht" type="button" onclick="login_email()">Log in</button> 7286 </div> 7287 <div class="my-form-set text-center"> 7288 <label class="text-center"> 7289 or 7290 </label> 7291 </div> 7292 <div class="my-form-set text-center"> 7293 <a href="#" onclick="FBLogin()"> 7294 <div class="mybtn-blue full-widht">Continue with Facebook</div> 7295 </a> 7296 </div> 7297 <div class="my-form-set text-center"> 7298 <label class="text-center"> 7299 Don't have an account? <span class="green-menu" id="signUp-btn" ><a href="https://www.archify.com/au/signup">Sign up</a></span> 7300 </label> 7301 </div> 7302 </form> 7303 </div> 7304 </div> 7305 </div> 7306 </div> 7307</div> --> 7308 7309<style> 7310 #pageloader { 7311 background: rgba(0, 0, 0, 0.8); 7312 display: none; 7313 height: 100%; 7314 position: fixed; 7315 width: 100%; 7316 z-index: 9999; 7317 top: 0; 7318 } 7319 7320 #pageloader img { 7321 left: 50%; 7322 margin-left: -32px; 7323 margin-top: -32px; 7324 position: absolute; 7325 top: 50%; 7326 } 7327 7328 .bluprin-loader { 7329 left: 50%; 7330 top: 50%; 7331 margin-left: -40px; 7332 margin-top: -16px; 7333 position: absolute; 7334 width: 40px; 7335 height: 16px; 7336 background: url('https://www.archify.com/assets/img/preloader/preloader01.png') left center; 7337 animation: play .8s steps(10) infinite; 7338 } 7339 7340 @keyframes play { 7341 100% { 7342 background-position: -14400px; 7343 } 7344 } 7345</style> 7346<div id="pageloader"> 7347 <div class="bluprin-loader"> 7348 7349 </div> 7350</div> 7351<div class="bottom-com"> 7352 <div class="hide-bottomcom"><i class="fa fa-chevron-down" aria-hidden="true"></i></div> 7353 <div class="container"> 7354 <div class="left-btmcom"> 7355 <div class="wrap-btmcom"> 7356 <div class="txt-btmcom"> 7357 <div id="com1" class="compare-item" style="display:none;"> 7358 <div class="close-compare-item" data-id="0"><img src="https://www.archify.com/assets/img/svg/close-bg.svg" alt="close bg icon"></div> 7359 <div class="center-compare"> 7360 <div class="img-compare"> 7361 <img src="https://www.archify.com/assets/img/greydummy.jpg" alt="grey dummy icon"> 7362 </div> 7363 <div class="txt-compare"> 7364 <div class="q1">Urban Lave Faience</div> 7365 <div class="q2">Philip Lakeman Ceramic</div> 7366 </div> 7367 </div> 7368 </div> 7369 <div class="compare-empty" style="display:block;"> 7370 <div>
7370Choose Another Product</div> 7371 </div> 7372 </div> 7373 <div class="txt-btmcom"> 7374 <div id="com2" class="compare-item" style="display:none;"> 7375 <div class="close-compare-item" data-id="1"><img src="https://www.archify.com/assets/img/svg/close-bg.svg" alt="close bg icon"></div> 7376 <div class="center-compare"> 7377 <div class="img-compare"> 7378 <img src="https://www.archify.com/assets/img/greydummy.jpg" alt="grey dummy icon"> 7379 </div> 7380 <div class="txt-compare"> 7381 <div class="q1">Urban Lave Faience</div> 7382 <div class="q2">Philip Lakeman Ceramic</div> 7383 </div> 7384 </div> 7385 </div> 7386 <div class="compare-empty" style="display:block;"> 7387 <div>Choose Another Product</div> 7388 </div> 7389 </div> 7390 <div class="txt-btmcom"> 7391 <div id="com3" class="compare-item" style="display:none;"> 7392 <div class="close-compare-item" data-id="2"><img src="https://www.archify.com/assets/img/svg/close-bg.svg" alt="close bg icon"></div> 7393 <div class="center-compare"> 7394 <div class="img-compare"> 7395 <img src="https://www.archify.com/assets/img/greydummy.jpg" alt="grey dummy icon"> 7396 </div> 7397 <div class="txt-compare"> 7398 <div class="q1">Urban Lave Faience</div> 7399 <div class="q2">Philip Lakeman Ceramic</div> 7400 </div> 7401 </div> 7402 </div> 7403 <div class="compare-empty" style="display:block;"> 7404 <div>Choose Another Product</div> 7405 </div> 7406 </div> 7407 </div> 7408 </div> 7409 <div class="right-btmcom"> 7410 <div class="wrapt-btm"> 7411 <div class="asrbtn-grey2">Cancel</div> 7412 <div class="asrbtn-black2" onClick="product_comparation()">Compare</div> 7413 </div> 7414 </div> 7415 </div> 7416</div> 7417 7418 7419<style> 7420 #newFooter { 7421 padding-top: 100px; 7422 padding-bottom: 100px; 7423 background-color: #0039ff; 7424 padding-left: 30px; 7425 padding-right: 30px; 7426 } 7427 7428 #newFooter .footer-content-wrapper { 7429 width: 100%; 7430 display: flex; 7431 } 7432 7433 #newFooter .footer-content-wrapper .main-content { 7434 width: 100%; 7435 height: auto; 7436 } 7437 7438 #newFooter .footer-content-wrapper .main-content .country-list { 7439 position: relative; 7440 float: left; 7441 width: 100%; 7442 font-family: WorkSans-Regular; 7443 font-size: 12px; 7444 font-weight: normal; 7445 font-stretch: normal; 7446 font-style: normal; 7447 line-height: normal; 7448 letter-spacing: 0; 7449 color: #fff; 7450 margin-top: 10px; 7451 } 7452 7453 #newFooter .footer-content-wrapper .main-content .country-list a { 7454 color: #fff; 7455 text-decoration: none; 7456 } 7457 7458 #newFooter .footer-content-wrapper .main-content .copyright-wrapper { 7459 font-family: WorkSans-SemiBold; 7460 font-size: 12px; 7461 font-stretch: normal; 7462 font-style: normal; 7463 line-height: normal; 7464 letter-spacing: 0; 7465 color: #fff; 7466 margin-top: 5px; 7467 position: relative; 7468 float: left; 7469 width: 100%; 7470 } 7471 7472 #newFooter .footer-content-wrapper .list-content { 7473 min-width: auto; 7474 height: auto; 7475 border-right: 1px solid rgba(255, 255, 255, 0.2); 7476 padding-left: 20px; 7477 padding-right: 20px; 7478 } 7479 7480 #newFooter .footer-content-wrapper .list-content .title { 7481 font-family: WorkSans-SemiBold; 7482 font-size: 14px; 7483 font-stretch: normal; 7484 font-style: normal; 7485 line-height: normal; 7486 letter-spacing: -0.1px; 7487 color: #fff; 7488 margin-bottom: 5px; 7489 white-space: nowrap; 7490 } 7491 7492 #newFooter .footer-content-wrapper .list-content ul { 7493 position: relative; 7494 width: 100%; 7495 padding: 0; 7496 margin: 0; 7497 list-style: none; 7498 } 7499 7500 #newFooter .footer-content-wrapper .list-content ul li { 7501 font-family: WorkSans-Regular; 7502 font-size: 14px; 7503 font-stretch: normal; 7504 font-style: normal; 7505 line-height: normal; 7506 letter-spacing: -0.18px; 7507 color: #fff; 7508 margin-bottom: 5px; 7509 white-space: nowrap; 7510 } 7511 7512 #newFooter .footer-content-wrapper .list-content ul li:last-child { 7513 margin-bottom: 0px; 7514 } 7515 7516 #newFooter .footer-content-wrapper .list-content ul li a { 7517 font-family: WorkSans-Regular; 7518 font-size: 14px; 7519 font-stretch: normal; 7520 font-style: normal; 7521 line-height: normal; 7522 letter-spacing: -0.1px; 7523 color: #fff; 7524 } 7525 7526 @media (max-width: 992px) { 7527 #newFooter { 7528 padding-top: 100px; 7529 padding-bottom: 100px; 7530 background-color: #0039ff; 7531 padding-left: 0px; 7532 padding-right: 0px; 7533 } 7534 7535 #newFooter .footer-content-wrapper { 7536 flex-wrap: wrap; 7537 } 7538 7539 #newFooter .footer-content-wrapper .main-content { 7540 padding-left: 20px; 7541 padding-right: 20px; 7542 margin-bottom: 30px; 7543 } 7544 7545 #newFooter .footer-content-wrapper .list-content { 7546 width: 50%; 7547 margin-bottom: 30px; 7548 } 7549 7550 #newFooter .footer-content-wrapper .list-content:nth-child(3) { 7551 border-right: 0; 7552 } 7553 7554 #newFooter .footer-content-wrapper .list-content:nth-child(5) { 7555 border-right: 0; 7556 } 7557 7558 #newFooter .footer-content-wrapper .list-content ul li { 7559 white-space: normal; 7560 } 7561 7562 } 7563 7564 .modal-sourcing { 7565 display: none; 7566 position: fixed; 7567 top: 0; 7568 left: 0; 7569 width: 100%; 7570 height: 100%; 7571 background-color: rgba(0, 0, 0, 0.7); 7572 z-index: 999999; 7573 } 7574
7575 .modal-sourcing .modal-fill { 7576 /* background-color: white; 7577 width: 60%; 7578 max-width: 400px;*/ 7579 margin: 160px auto; 7580 /*margin-top: 15%; 7581 padding: 20px; 7582 border-radius: 5px; */ 7583 box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 7584 width: 610px; 7585 height: 420px; 7586 /* margin: 0 0 0 50px; */ 7587 border-radius: 10px; 7588 border: solid 3px #0b38ff; 7589 background-color: #fff; 7590 } 7591 7592 .modal-sourcing-2 { 7593 display: none; 7594 position: fixed; 7595 bottom: 0; 7596 right: 0; 7597 width: 100%; 7598 height: 100%; 7599 background-color: rgba(0, 0, 0, 0.7); 7600 z-index: 999999; 7601 } 7602 7603 .modal-sourcing-2 .modal-fill { 7604 float: right; 7605 position: absolute; 7606 bottom: 0; 7607 right: 30px; 7608 box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); 7609 width: 440px; 7610 height: 167px; 7611 /* margin: 0 0 0 50px; */ 7612 border-radius: 3px; 7613 border: solid 3px #0b38ff; 7614 border-bottom: none; 7615 background-color: #fff; 7616 background-image: url("https://www.archify.com/assets/img/bg-sourcing.png"); 7617 background-size: cover; 7618 } 7619 7620 .blue-bar { 7621 width: 100%; 7622 height: 40px; 7623 padding: 9px 13.5px 11.4px 15px; 7624 background-color: #0b38ff; 7625 } 7626 7627 .blue-bar-2 { 7628 width: 100%; 7629 height: 17px; 7630 padding: 0; 7631 background-color: #0b38ff; 7632 } 7633 7634 .close-modal { 7635 float: right; 7636 cursor: pointer; 7637 height: 15px; 7638 width: 15px; 7639 } 7640 7641 .close-modal-2 { 7642 float: right; 7643 cursor: pointer; 7644 height: 15px; 7645 width: 15px; 7646 } 7647 7648 .modal-contentz { 7649 position: relative; 7650 display: -webkit-box; 7651 display: -webkit-flex; 7652 display: -ms-flexbox; 7653 display: flex; 7654 -webkit-box-orient: vertical; 7655 -webkit-box-direction: normal; 7656 -webkit-flex-direction: column; 7657 -ms-flex-direction: column; 7658 flex-direction: column; 7659 background-color: #fff; 7660 -webkit-background-clip: padding-box; 7661 background-clip: padding-box; 7662 outline: 0; 7663 } 7664 7665 .monitor { 7666 position: absolute; 7667 left: -50px; 7668 } 7669 7670 .modal-text { 7671 text-align: center; 7672 margin-top: 32px; 7673 width: 50%; 7674 right: 30px; 7675 position: absolute; 7676 } 7677 7678 .cant-find { 7679 margin: 25px 0 20px; 7680 font-family: WorkSans-SemiBold; 7681 font-size: 34px; 7682 font-weight: bold; 7683 font-stretch: normal; 7684 font-style: normal; 7685 line-height: 1.03; 7686 letter-spacing: -0.85px; 7687 text-align: center; 7688 color: #000; 7689 } 7690 7691 .let-arch { 7692 font-family: WorkSans-Regular; 7693 font-size: 24px; 7694 font-weight: normal; 7695 font-stretch: normal; 7696 font-style: normal; 7697 line-height: 1.29; 7698 letter-spacing: normal; 7699 text-align: center; 7700 color: #000; 7701 } 7702 7703 .submit-req { 7704 width: 200px; 7705 height: 50px; 7706 padding: 13px 31px 13px 30px; 7707 border-radius: 6px; 7708 background-color: #0b38ff; 7709 font-family: WorkSans-SemiBold; 7710 font-size: 20px; 7711 letter-spacing: -0.3px; 7712 } 7713 7714 .modal-contentz-2 { 7715 position: relative; 7716 display: -webkit-box; 7717 display: -webkit-flex; 7718 display: -ms-flexbox; 7719 display: flex; 7720 -webkit-box-orient: vertical; 7721 -webkit-box-direction: normal; 7722 -webkit-flex-direction: column; 7723 -ms-flex-direction: column; 7724 flex-direction: column; 7725 background-color: #fff; 7726 -webkit-background-clip: padding-box; 7727 background-clip: padding-box; 7728 outline: 0; 7729 } 7730 7731 .monitor-2 { 7732 position: absolute; 7733 left: -28px; 7734 /* top: -15px; */ 7735 } 7736 7737 .monitor-2 img { 7738 /* height:174px; */ 7739 width: 157px; 7740 /* margin: 0 310px 0 0; */ 7741 object-fit: contain; 7742 margin-top: -28px; 7743 } 7744 7745 .modal-text-2 { 7746 /* text-align:center; */ 7747 margin-top: 29px; 7748 right: 17px; 7749 position: absolute; 7750 } 7751 7752 .cant-find-2 { 7753 margin-bottom: 3px; 7754 font-family: WorkSans-SemiBold; 7755 font-size: 18px; 7756 font-weight: bold; 7757 font-stretch: normal; 7758 font-style: normal; 7759 letter-spacing: -0.45px; 7760 text-align: center; 7761 color: #000; 7762 } 7763 7764 .let-arch-2 { 7765 font-family: WorkSans-Regular; 7766 font-size: 14px; 7767 font-weight: normal; 7768 font-stretch: normal; 7769 font-style: normal; 7770 letter-spacing: normal; 7771 text-align: center; 7772 color: #000; 7773 } 7774 7775 .submit-req-2 { 7776 width: 120px; 7777 height: 30px; 7778 padding: 0; 7779 border-radius: 6px; 7780 background-color: #0b38ff; 7781 font-family: WorkSans-SemiBold; 7782 font-size: 12px; 7783 letter-spacing: -0.3px; 7784 } 7785 7786 #newsletter-subsription { 7787 padding: 40px 30px; 7788 background-color: #fff; 7789 border: solid 3px #e5e5e5; 7790 display: flex; 7791 flex-direction: row; 7792 justify-content: space-between; 7793 } 7794 7795 .newsletter-subsription-left { 7796 display: flex; 7797 flex-direction: column; 7798 color: #4a4a4a; 7799 } 7800 7801 .newsletter-subsription-left .text-left-level-1 { 7802 font-family: WorkSans-Regular; 7803 font-size: 14px; 7804 letter-spacing: -0.1px; 7805 margin-bottom: 8px; 7806 line-height: normal; 7807 } 7808 7809 .newsletter-subsription-left .text-left-level-2 { 7810 font-family: WorkSans-SemiBold; 7811 font-size: 32px; 7812 letter-spacing: -1px; 7813 line-height: 1.3; 7814 } 7815 7816 .newsletter-subsription-left .text-left-level-3 { 7817 font-family: WorkSans-Regular; 7818 font-size: 24px; 7819 letter-spacing: -0.8px; 7820 } 7821 7822 .newsletter-subsription-right { 7823 display: flex; 7824 flex-direction: column; 7825 justify-content: center; 7826 } 7827 7828 .newsletter-subsription-form { 7829 display: flex; 7830 flex-direction: row; 7831 align-items: center; 7832 gap: 10px; 7833 } 7834 7835 .newsletter-subsription-form .form-btn { 7836 display: flex; 7837 height: 100%; 7838 align-items: end; 7839 } 7840 7841 .newsletter-subsription-right .form-group { 7842 margin-bottom: 0; 7843 } 7844 7845 .newsletter-subsription-right .form-group label { 7846 font-family: WorkSans-SemiBold; 7847 margin-bottom: 4px; 7848 } 7849 7850 .newsletter-subsription-right .form-group input { 7851 height: 40px; 7852 width: 200px; 7853 } 7854 7855 .newsletter-subsription-submit-btn { 7856 border-radius: 3px; 7857 font-family: WorkSans-Medium; 7858 font-size: 16px; 7859 letter-spacing: -0.2px; 7860 color: #fff; 7861 outline: 0; 7862 border: 0; 7863 padding: 10px 32px; 7864 background-color: #0039ff; 7865 height: 40px; 7866 display: flex; 7867 align-items: center; 7868 } 7869 7870 .error-subscription { 7871 font-size: 12px; 7872 color: red; 7873 font-family: WorkSans-Medium; 7874 position: absolute; 7875 } 7876 7877 .success-subscription { 7878 font-size: 12px; 7879 color: #719b46; 7880 font-family: WorkSans-Medium; 7881 position: absolute; 7882 } 7883</style> 7884<!-- Start Footer Section Here --> 7885<div id="newFooter"> 7886 <div class="footer-content-wrapper"> 7887 <div class="main-content"> 7888 <img src="https://www.archify.com/assets/img/svg/global-logo-archify-white.svg" alt="Archify Logo" width="78" height="22"> 7889 <div class="country-list"> 7890 <a id="footer-country-link-au" href="https://www.archify.com/au">AU</a> - 7891 <a id="footer-country-link-hk" href="https://www.archify.com/hk">HK</a> - 7892 <a id="footer-country-link-id" href="https://www.archify.com/id">ID</a> - 7893 <a id="footer-country-link-my" href="https://www.archify.com/my">MY</a> - 7894 <a id="footer-country-link-nz" href="https://www.archify.com/nz">NZ</a> - 7895 <a id="footer-country-link-ph" href="https://www.archify.com/ph">PH</a> - 7896 <a id="footer-country-link-sg" href="https://www.archify.com/sg">SG</a> 7897 </div> 7898 <div class="copyright-wrapper">
7898Copyright © 2026 Powered by BCI Media Group Pty Ltd</div> 7899 </div> 7900 <div class="list-content"> 7901 <div class="title"> 7902 Browse 7903 </div> 7904 <ul> 7905 <li> 7906 <a id="footer-browse-link-product" href="https://www.archify.com/au/products/"> 7907 Products </a> 7908 </li> 7909 <li> 7910 <a id="footer-browse-link-professional" href="https://www.archify.com/au/professionals"> 7911 Professionals </a> 7912 </li> 7913 <li> 7914 <a id="footer-browse-link-project" href="https://www.archify.com/au/projects"> 7915 Projects </a> 7916 </li> 7917 <li> 7918 <a id="footer-browse-link-inspiration" href="https://www.archify.com/au/photos"> 7919 Inspiration </a> 7920 </li> 7921 <li> 7922 <a id="footer-browse-link-articles" href="https://www.archify.com/archifynow"> 7923 Articles </a> 7924 </li> 7925 </ul> 7926 </div> 7927 <div class="list-content"> 7928 <div class="title"> 7929 About Archify 7930 </div> 7931 <ul> 7932 <li> 7933 <a id="footer-about-link" href="https://www.archify.com/au/about"> 7934 About Us </a> 7935 </li> 7936 <li> 7937 <a id="footer-about-link" href="https://www.archify.com/au/sustainability"> 7938 Sustainability 7939 </a> 7940 </li> 7941 <li> 7942 <a id="footer-about-link-privacy-policy" href="https://www.archify.com/au/privacy-policy"> 7943 Privacy Policy<span style="margin:0px 3px;">/</span> 7944 </a> 7945 <a id="footer-about-link-tou" href="https://www.archify.com/au/terms-of-use"> 7946 ToU 7947 </a> 7948 </li> 7949 <li> 7950 <a id="footer-about-link-contact" href="https://www.archify.com/au/contact"> 7951 Contact Us </a> 7952 </li> 7953 <li> 7954 <a id="footer-about-link-apps" href="https://www.archify.com/au/apps"> 7955 Mobile Apps 7956 </a> 7957 </li> 7958 7959 <li> 7960 <a id="footer-about-link-sitemap" href="https://www.archify.com/au/sitemap"> 7961 Sitemap 7962 </a> 7963 </li> 7964 <li> 7965 <a id="footer-about-link-faqs" href="https://www.archify.com/au/faqs"> 7966 FAQs 7967 </a> 7968 </li> 7969 </ul> 7970 </div> 7971 <div class="list-content"> 7972 <div class="title"> 7973 Professionals 7974 </div> 7975 <ul> 7976 <li> 7977 <a id="footer-professional-link-for-professionals" href="https://www.archify.com/au/forpro"> 7978 For Professionals </a> 7979 </li> 7980 <li> 7981 <a id="footer-professional-link-project-showcase" href="https://www.archify.com/au/forpro"> 7982 Project Showcase </a> 7983 </li> 7984 <li> 7985 <a id="footer-professional-link-specsheet" href="https://www.archify.com/au/forpro"> 7986 Specsheet </a> 7987 </li> 7988 <li> 7989 <a id="footer-professional-link-moodboard" href="https://www.archify.com/au/forpro"> 7990 Moodboard </a> 7991 </li> 7992 <li> 7993 <a id="footer-professional-link-terms-conditions" href="https://www.archify.com/au/prize-draw-terms-conditions"> 7994 Event Terms & Conditions 7995 </a> 7996 </li> 7997 </ul> 7998 </div> 7999 <div class="list-content"> 8000 <div class="title"> 8001 Suppliers 8002 </div> 8003 <ul> 8004 <li> 8005 <a id="footer-supplier-for-supplier" href="https://brands.archify.com" alt="for supplier"> 8006 For Suppliers </a> 8007 </li> 8008 <!-- <li> 8009 <a href="#" id="showModalBtn" alt="sourcing"> 8010 Sourcing 8011 </a> 8012 </li> --> 8013 <!-- <li> 8014 <a href="https://www.archify.com/au/for_supplier"> 8015 Become a Partner </a> 8016 </li> --> 8017 <!-- <li> 8018 <a href="https://www.archify.com/au/for_supplier"> 8019 Product Showcase </a> 8020 </li> 8021 <li> 8022 <a href="https://www.archify.com/au/for_supplier"> 8023 Product Tagging </a> 8024 </li> --> 8025 <!-- <li> 8026 <a href="http://services.archify.com/Extranet/Login.aspx" target="_blank"> 8027 Presentation Portal 8028 </a> 8029 </li> --> 8030 <!-- <li> 8031 <a target="_blank" href="https://www.archify.com/au/presentation_portal"> 8032 Presentation Portal 8033 </a> 8034 </li> --> 8035 <li> 8036 <!-- <a href="https://www.archify.com/au/events-overview"> 8037 Events 8038 </a> --> 8039 <a href="https://brands.archify.com/solution/events/"> 8040 Events 8041 </a> 8042 </li> 8043 </ul> 8044 </div> 8045 </div> 8046</div> 8047<!-- End Footer Section Here --> 8048 8049<div id="modal" class="modal-sourcing"> 8050 <div class="modal-fill"> 8051 <div class="blue-bar">
8052 <span class="logo-a"><img height="15" src="https://www.archify.com/assets/img/svg/logo-white-a.svg"></span> 8053 <span id="closeModalx" class="close-modal"><img height="15" src="https://www.archify.com/assets/img/svg/02-icon-01-general-close-white.svg"></span> 8054 </div> 8055 <div class="modal-contentz"> 8056 <div class="monitor"> 8057 <img height="380" src="https://www.archify.com/assets/img/monitor.png"> 8058 </div> 8059 <div class="modal-text"> 8060 <img height="27" src="https://www.archify.com/assets/img/svg/circle-check.svg"> 8061 <p class="cant-find">Can't find what <br />you're looking for?</p> 8062 <p class="let-arch">Let Archify source <br />products for you for <span style="color:#0b38ff;">free</span></p> 8063 <p class="cant-find"><a href="https://bcicentral.typeform.com/to/PSHuXZjX" target="_blank"><button class="btn btn-primary submit-req">Submit Request</button></a></p> 8064 </div> 8065 </div> 8066 </div> 8067</div> 8068<div id="modal-2" class="modal-sourcing-2"> 8069 <div class="modal-fill"> 8070 <div class="blue-bar-2"> 8071 <!-- <span class="logo-a"><img height="15" src="https://www.archify.com/assets/img/svg/logo-white-a.svg"></span> --> 8072 <span id="closeModal" class="close-modal-2"><img height="15" style="vertical-align:top;" src="https://www.archify.com/assets/img/svg/02-icon-01-general-close-white.svg"></span> 8073 </div> 8074 <div class="modal-contentz-2"> 8075 <div class="monitor-2"> 8076 <img src="https://www.archify.com/assets/img/monitor-2.png"> 8077 </div> 8078 <div class="modal-text-2"> 8079 <!-- <img height="27" src="https://www.archify.com/assets/img/svg/circle-check.svg"> --> 8080 <p class="cant-find-2">Can't find what you're looking for?</p> 8081 <p class="let-arch-2">Let Archify source products for you for <span style="color:#0b38ff;">free</span>!</p> 8082 <p class="cant-find-2"><a href="https://bcicentral.typeform.com/to/PSHuXZjX" target="_blank"><button class="btn btn-primary submit-req-2">Submit Request</button></a></sp> 8083 </div> 8084 </div> 8085 </div> 8086</div> 8087
8088<script src="https://www.archify.com/assets/js/vendor/tether.min.js"></script>
vendor: 1 bytes, line 8088
8088
8089<script src="https://www.archify.com/assets/js/bootstrap/bootstrap.min.js"></script>
vendor: 1 bytes, line 8089
8089
8090<script src="https://www.archify.com/assets/third-party/validator/bootstrapValidator.js"></script>
vendor: 1 bytes, line 8090
8090
8091<script src="https://www.archify.com/assets/third-party/scrollbar/jquery.slimscroll.js"></script>
vendor: 1 bytes, line 8091
8091
8092<script src="https://www.archify.com/assets/third-party/simplebar/simplebar.js" type="text/javascript"></script>
vendor: 1 bytes, line 8092
8092
8093<script src="https://www.archify.com/assets/third-party/noty-3.1.0/noty.js" type="text/javascript"></script>
vendor: 1 bytes, line 8093
8093
8094<script src="https://www.archify.com/assets/third-party/select2/js/select2.full.min.js"></script>
vendor: 66 bytes, lines 8094-8096
8094 8095<script src="https://www.google.com/recaptcha/api.js"></script> 8096
8097<!-- Disable Link -->
8098<script> 8099 addEventListener('click', function(ev) { 8100 if (ev.target.classList.contains('link-disabled')) { 8101 ev.preventDefault(); 8102 loadWithAjax(ev.target.href); 8103 } 8104 }); 8105</script>
8105 8106 8107 8108<!-- Select Initial -->
8109<script> 8110 (function() { 8111 [].slice.call(document.querySelectorAll('select.cs-select')).forEach(function(el) { 8112 new SelectFx(el, { 8113 onChange: function() { 8114 var event = document.createEvent('HTMLEvents'); 8115 event.initEvent('change', true, false); 8116 el.dispatchEvent(event); 8117 } 8118 }); 8119 }); 8120 })(); 8121</script>
8121 8122 8123 8124<!--share script popover-->
8125<script> 8126 $('#shareOnDetail, #shareOnDetailMobile').popover({ 8127 html: true, 8128 content: $('#cont').html() 8129 }); 8130 $("[data-toggle=popover]").popover({ 8131 html: true, 8132 content: function() { 8133 return $('#popover-content').html(); 8134 } 8135 }); 8136 8137 function Facebook() { 8138 alert('share on facebook'); 8139 } 8140 8141 function twitter() { 8142 alert('share on twitter'); 8143 } 8144 8145 function gplus() { 8146 alert('share on G+'); 8147 } 8148</script>
8148 8149 8150<!--login page-->
8151<script> 8152 // $('#formLogin').bootstrapValidator({ 8153 // message: 'This value is not valid', 8154 // feedbackIcons: { 8155 // valid: 'glyphicon glyphicon-ok', 8156 // invalid: 'glyphicon glyphicon-remove', 8157 // validating: 'glyphicon glyphicon-refresh' 8158 // }, 8159 // fields: { 8160 // email: { 8161 // validators: { 8162 // notEmpty: { 8163 // message: 'The email is required and cannot be empty' 8164 // }, 8165 // emailAddress: { 8166 // message: 'The input is not a valid email address' 8167 // } 8168 // } 8169 // }, 8170 // password: { 8171 // validators: { 8172 // notEmpty: { 8173 // message: 'The password is required and cannot be empty' 8174 // } 8175 // } 8176 // } 8177 // } 8178 // }); 8179 // $('#creatNew').bootstrapValidator({ 8180 // message: 'This value is not valid', 8181 // feedbackIcons: { 8182 // valid: 'glyphicon glyphicon-ok', 8183 // invalid: 'glyphicon glyphicon-remove', 8184 // validating: 'glyphicon glyphicon-refresh' 8185 // }, 8186 // fields: { 8187 // newPassword: { 8188 // validators: { 8189 // notEmpty: { 8190 // message: 'The password is required and cannot be empty' 8191 // }, 8192 // identical: { 8193 // field: 'confirmPassword', 8194 // message: 'The password and its confirm are not the same' 8195 // } 8196 // } 8197 // }, 8198 // confirmPassword: { 8199 // validators: { 8200 // 8201 // notEmpty: { 8202 // message: 'The confirm password is required and cannot be empty' 8203 // }, 8204 // 8205 // identical: { 8206 // field: 'newPassword', 8207 // message: 'The password and its confirm are not the same' 8208 // } 8209 // 8210 // } 8211 // } 8212 // } 8213 // }); 8214 $('#forgotPassword-btn').click(function() { 8215 $('#formLogin').fadeOut('slow', function() { 8216 $('#formForgot').fadeIn(); 8217 }); 8218 }); 8219 $('#cancel-forgot').click(function() { 8220 $('#formForgot').fadeOut('slow', function() { 8221 $('#formLogin').fadeIn(); 8222 }); 8223 }); 8224 $('#signUp-btn').click(function() { 8225 $('#formLogin').fadeOut(); 8226 $('#creatNew').fadeIn(); 8227 }); 8228</script>
8228 8229 8230 8231 8232<!--article page-->
8233<script> 8234 // load more and first page tabs 8235 $(document).ready(function() { 8236 // getArticle(0); diactivin saat udah masuk ke DB saja 8237 $("#loadMore").click(function(e) { 8238 e.preventDefault(); 8239 var page = $(this).data('val'); 8240 getArticle(page); 8241 }); 8242 }); 8243 var getArticle = function(page) { 8244 $.ajax({ 8245 url: "test-ajax/load-more-article", 8246 type: 'GET', 8247 data: { 8248 page: page 8249 } 8250 }).done(function(response) { 8251 if ((!response)) { 8252 scroll_promo(); 8253 $("#highlights").append('<div class="col-md-12" style="text-align:center;color:#e25e5e;text-transform:capitalize; font-style: italic;">"Tidak Ada data promo"</div>'); 8254 $(".load-more").html(''); 8255 } else { 8256 $("#highlights").append(response); 8257 } 8258 $("#load_more_promo").html('Load More'); 8259 $('#load_more_promo').data('val', ($('#load_more_promo').data('val') + 1)); 8260 }); 8261 }; 8262 8263 // Add slideDown animation to Bootstrap dropdown when expanding. 8264 $('.dropdown').on('show.bs.dropdown', function() { 8265 $(this).find('.dropdown-menu').first().stop(true, true).slideDown(); 8266 }); 8267 8268 // Add slideUp animation to Bootstrap dropdown when collapsing. 8269 $('.dropdown').on('hide.bs.dropdown', function() { 8270 $(this).find('.dropdown-menu').first().stop(true, true).slideUp(); 8271 }); 8272</script>
8272 8273 8274<!--for profesional page-->
8275<script> 8276 $('#scrollID').slimscroll({ 8277 height: 'auto' 8278 }); 8279</script>
8279 8280 8281<!--modal virtual 360-->
8282<script> 8283 // $("#threeSixty").on('show.bs.modal', function(){ 8284 // $("#threeSixtyEmbed").attr('src', 'http://virtualtour.bluprin.com/bottega-ristorante/'); 8285 // }); 8286</script>
8286 8287 8288<!--review pro-->
8289<script> 8290 // $(document).ready(function () { 8291 // $('#reviewPro').modal('show'); 8292 // $('.kv-fa').rating({ 8293 // theme: 'krajee-fa', 8294 // hoverOnClear: true, 8295 // defaultCaption: '', 8296 // filledStar: '<i class="fa fa-star"></i>', 8297 // emptyStar: '<i class="fa fa-star-o"></i>' 8298 // }); 8299 // }); 8300</script>
8300 8301 8302<!--acc-user-setting-->
8303<script> 8304 $(document).ready(function() { 8305 // var $sticky = $('.sticky'); 8306 // var $stickyrStopper = $('.sticky-stopper'); 8307 // if (!!$sticky.offset()) { // make sure ".sticky" element exists 8308 // var generalSidebarHeight = $sticky.innerHeight(); 8309 // var stickyTop = $sticky.offset().top; 8310 // var stickOffset = 100; 8311 // var stickyStopperPosition = $stickyrStopper.offset().top; 8312 // var stopPoint = stickyStopperPosition - generalSidebarHeight - stickOffset; 8313 // var diff = stopPoint + stickOffset; 8314 // $(window).scroll(function(){ // scroll event 8315 // var windowTop = $(window).scrollTop(); // returns number 8316 // if (stopPoint < windowTop) { 8317 // $sticky.css({ position: 'absolute', top: diff }); 8318 // } else if (stickyTop < windowTop+stickOffset) { 8319 // $sticky.css({ position: 'fixed', top: stickOffset }); 8320 // } else { 8321 // $sticky.css({position: 'absolute', top: 'initial'}); 8322 // } 8323 // }); 8324 // 8325 // } 8326 }); 8327 $(document).ready(function() { 8328 // dimatikan karena photos 8329 // $(document).on("scroll", onScroll); 8330 // //smoothscroll 8331 // $('a[href^="#"]').on('click', function (e) { 8332 // e.preventDefault(); 8333 // $(document).off("scroll"); 8334 // $('a').each(function () { 8335 // $(this).removeClass('side-active'); 8336 // }) 8337 // $(this).addClass('side-active'); 8338 // var target = this.hash, 8339 // menu = target; 8340 // $target = $(target); 8341 // $('html, body').stop().animate({ 8342 // 'scrollTop': $target.offset().top-80 8343 // }, 500, 'swing', function () { 8344 // window.location.hash = target; 8345 // $(document).on("scroll", onScroll); 8346 // }); 8347 // }); 8348 }); 8349 8350 function onScroll(event) { 8351 var scrollPos = $(document).scrollTop(); 8352 //console.log(scrollPos); 8353 $('#menuSide li a').each(function() { 8354 var currLink = $(this); 8355 var refElement = $(currLink.attr("href")); 8356 if (refElement.position().top <= scrollPos && refElement.position().top + refElement.height() > scrollPos) { 8357 $('#menu-center ul li a').removeClass("side-active"); 8358 $('#menuSide li a').removeClass("side-active"); 8359 currLink.addClass("side-active"); 8360 } 8361 }); 8362 } 8363 8364 function readURL(input, id) { 8365 if (input.files && input.files[0]) { 8366 var reader = new FileReader(); 8367 reader.onload = function(e) { 8368 $('#' + id).attr('src', e.target.result); 8369 }; 8370 reader.readAsDataURL(input.files[0]); 8371 } 8372 } 8373</script>
8373 8374 8375 8376<!--acc pro project edit-->
8377<script> 8378 $('#DesignStyle, #PropertyStyle, #city').select2(); 8379 8380 function formatColor(color) { 8381 if (!color.id) { 8382 return color.text; 8383 } 8384 var classColor = 'sprite-color-' + color.element.value.toLowerCase(); 8385 var $color = $('<span><i class="sprite ' + classColor + '"></i>' + color.text + '</span>'); 8386 return $color; 8387 }; 8388 $(".selectpicker").select2({ 8389 templateResult: formatColor 8390 }); 8391</script>
8391 8392 8393<!--acc pro review preview-->
8394<script> 8395 $('#Country, #BusinessCategory, #PreferredProjectScope, #PreferredProjectBudget, #PreferredDesignStyle, #PreferredPropertyStyle').select2(); 8396</script>
8396 8397 8398<!-- Modal Create Board--> 8399<div class="modal fade modal-fullscreen" id="createBoardModalNew" tabindex="-1" role="dialog" 8400 aria-labelledby="myModalLabel" aria-hidden="true"> 8401 <div class="modal-dialog" style="width:100%;"> 8402 <div class="modal-content"> 8403 <!-- Modal Header --> 8404 <div class="modal-header" style="width:100%;"> 8405 <h4 class="modal-title" id="myModalLabel"> 8406 Create Board 8407 </h4> 8408 <button type="button" class="close" 8409 data-dismiss="modal"> 8410 <span aria-hidden="true">×</span> 8411 <span class="sr-only">Close</span> 8412 </button> 8413 </div> 8414 8415 <!-- Modal Body --> 8416 <div class="modal-body" style="width:100%;"> 8417 <div id="professionals-project-modal"> 8418 <form role="form"> 8419 <div class="my-form-set text-left"> 8420 <label>Name</label> 8421 <input type="text" class="form-control" placeholder="e.g. 'Places called home' or 'Dream house'" name='name'> 8422 </div> 8423 <div class="my-form-set btn-section text-center"> 8424 <button type="button" class="btn-upload green-btn">Create</button> 8425 </div> 8426 </form> 8427 </div> 8428 </div> 8429 </div> 8430 </div> 8431</div> 8432 8433 8434<!--acc-pro-analytic-->
8435<script> 8436 $(function() { 8437 $('[data-toggle="tooltip"]').tooltip() 8438 }) 8439 $('#Type').select2({ 8440 minimumResultsForSearch: Infinity, 8441 placeholder: "Type" 8442 }); 8443 $('#ViewBy').select2({ 8444 minimumResultsForSearch: Infinity, 8445 placeholder: "View by" 8446 }); 8447</script>
8447 8448 8449<!-- Javascript For Landscape/Portrait In Photo Details -->
8450<script> 8451 $('#photoDetailsModal').on('shown.bs.modal', function(e) { 8452 var resizeImg = null; 8453 $('.imgContainer').each(function(index, element) { 8454 var imgContainer = $(this); 8455 var imgElement = $(element).children('img'); 8456 //alert(imgElement[0].naturalHeight); 8457 var resizeImg = function() { 8458 var thisImg = $('.photo-detail-right'); 8459 var refH = thisImg.height(); 8460 var refW = thisImg.width(); 8461 var refRatio = refW / refH; 8462 8463 var imgH = imgElement[0].naturalHeight; 8464 var imgW = imgElement[0].naturalWidth; 8465 8466 if ((imgW / imgH) > refRatio) { 8467 8468 imgContainer.addClass("setImgContainerLandscape"); 8469 imgContainer.removeClass("setImgContainer"); 8470 } else { 8471 imgContainer.removeClass("setImgContainerLandscape"); 8472 imgContainer.addClass("setImgContainer"); 8473 } 8474 } 8475 8476 $(document).ready(resizeImg()); 8477 8478 $(window).resize(function() { 8479 resizeImg(); 8480 $("#photoDetailsModal").removeAttr("style"); 8481 }); 8482 }); 8483 8484 }); 8485</script>
8485 8486 8487 8488 8489<!-- Javascript For Call 360 Modal --> 8490<div class="modal fade modal-fullscreen" id="threeSixty" tabindex="-1" role="dialog" 8491 aria-labelledby="threeSixtyLabel" aria-hidden="true"> 8492 <div class="modal-dialog"> 8493 <div class="modal-content"> 8494 <div style="position:absolute; right:0px; top:0px;width:100px; height:100px;"> 8495 <i id='close360' data-dismiss="modal" aria-label="Close" class="my-sprite sprite-close-modal"></i> 8496 </div> 8497 <iframe id="threeSixtyEmbed" frameborder="0"></iframe> 8498 </div> 8499 </div> 8500</div> 8501
8502<script> 8503 function callModal360(link) { 8504 $.get(link, function(data) { 8505 $("#threeSixty").on('show.bs.modal', function() { 8506 $("#threeSixtyEmbed").attr('src', data); 8507 }); 8508 8509 $('#threeSixty').modal('show'); 8510 // window.location.hash = ""#vt"; 8511 parent.location.hash = "vt"; 8512 }); 8513 } 8514 8515 function callModal360_blank(link) { 8516 window.location.href = link + '#vt'; 8517 //window.location.reload(); 8518 } 8519</script>
8519 8520<!-- end Javascript For Call 360 Modal --> 8521
8522<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"d70e42c9687942f6b3bd1c40cbca0ab2","spa":2}' crossorigin="anonymous"></script>
8522 8523</body> 8524 8525</html> 8526 8527
8528<script> 8529 $('span.love').click(function() { 8530 $('#login-modal').modal('show'); 8531 }); 8532 $('span.name-photo').click(function() { 8533 // $('#add-photo-modal').modal('show'); 8534 }); 8535 $('span.create-new-btn').click(function() { 8536 // $('.create-new-board-from-add-photo-modal').toggleClass( "show" ); 8537 // $('#createBoardModalNew').modal('show'); 8538 }); 8539</script>
8539 8540
8541<script> 8542 $("#searchBoxModalPhoto").keypress(function(event) { 8543 if (event.which == 13) { 8544 event.preventDefault(); 8545 var strings = "https://www.archify.com/au/photos"; 8546 8547 var property_type = $('input[name^=filter_property_type]:checked').map(function(idx, elem) { 8548 return $(elem).val(); 8549 }).get(); 8550 if (property_type.length > 0) strings += "/" + property_type.join("--"); 8551 else strings += "/all-properties"; 8552 8553 var room_area = $('input[name^=filter_room_area]:checked').map(function(idx, elem) { 8554 return $(elem).val(); 8555 }).get(); 8556 8557 if (room_area.length > 0) strings += "/" + room_area.join("--"); 8558 else strings += "/all-rooms"; 8559 8560 var design_style = $('input[name^=filter_design_style]:checked').map(function(idx, elem) { 8561 return $(elem).val(); 8562 }).get(); 8563 if (design_style.length > 0) strings += "/" + design_style.join("--"); 8564 else strings += "/all-styles"; 8565 8566 var color = $('input[name^=filter_color]:checked').map(function(idx, elem) { 8567 return $(elem).val(); 8568 }).get(); 8569 if (color.length > 0) strings += "/" + color.join("--"); 8570 else strings += "/all-colors"; 8571 8572 var area_size = $('input[name^=filter_area_size_head]:checked').map(function(idx, elem) { 8573 return $(elem).val(); 8574 }).get(); 8575 if (area_size.length > 0) strings += "/" + area_size.join("--"); 8576 else strings += "/all-areas"; 8577 8578 var location = $('input[name^=filter_location_photo]:checked').map(function(idx, elem) { 8579 return $(elem).val(); 8580 }).get(); 8581 if (location.length > 0) strings += "/" + location.join("--"); 8582 else strings += "/all-cities"; 8583 8584 var search = $('#searchBoxModalPhoto').val(); 8585 search = search.replace("'", '%27'); 8586 strings += "/" + search; 8587 8588 //console.log(strings); 8589 window.location.href = strings; 8590 } 8591 }); 8592 $("#search_photo").click( 8593 function(e) { 8594 var strings = "https://www.archify.com/au/photos"; 8595 8596 var property_type = $('input[name^=filter_property_type]:checked').map(function(idx, elem) { 8597 return $(elem).val(); 8598 }).get(); 8599 if (property_type.length > 0) strings += "/" + property_type.join("--"); 8600 else strings += "/all-properties"; 8601 8602 var room_area = $('input[name^=filter_room_area]:checked').map(function(idx, elem) { 8603 return $(elem).val(); 8604 }).get(); 8605 8606 if (room_area.length > 0) strings += "/" + room_area.join("--"); 8607 else strings += "/all-rooms"; 8608 8609 var design_style = $('input[name^=filter_design_style]:checked').map(function(idx, elem) { 8610 return $(elem).val(); 8611 }).get(); 8612 if (design_style.length > 0) strings += "/" + design_style.join("--"); 8613 else strings += "/all-styles"; 8614 8615 var color = $('input[name^=filter_color]:checked').map(function(idx, elem) { 8616 return $(elem).val(); 8617 }).get(); 8618 if (color.length > 0) strings += "/" + color.join("--"); 8619 else strings += "/all-colors"; 8620 8621 var area_size = $('input[name^=filter_area_size_head]:checked').map(function(idx, elem) { 8622 return $(elem).val(); 8623 }).get(); 8624 if (area_size.length > 0) strings += "/" + area_size.join("--"); 8625 else strings += "/all-areas"; 8626 8627 var location = $('input[name^=filter_location_photo]:checked').map(function(idx, elem) { 8628 return $(elem).val(); 8629 }).get(); 8630 if (location.length > 0) strings += "/" + location.join("--"); 8631 else strings += "/all-cities"; 8632 8633 var search = $('#searchBoxModalPhoto').val(); 8634 search = search.replace("'", '%27'); 8635 strings += "/" + search; 8636 8637 //console.log(strings); 8638 window.location.href = strings; 8639 } 8640 ); 8641 8642 $("#search-box-modal-photo > button").click( 8643 function(e) { 8644 e.preventDefault(); 8645 var strings = "https://www.archify.com/au/photos"; 8646 8647 var property_type = $('input[name^=filter_property_type]:checked').map(function(idx, elem) { 8648 return $(elem).val(); 8649 }).get(); 8650 if (property_type.length > 0) strings += "/" + property_type.join("--"); 8651 else strings += "/all-properties"; 8652 8653 var room_area = $('input[name^=filter_room_area]:checked').map(function(idx, elem) { 8654 return $(elem).val(); 8655 }).get(); 8656 8657 if (room_area.length > 0) strings += "/" + room_area.join("--"); 8658 else strings += "/all-rooms"; 8659 8660 var design_style = $('input[name^=filter_design_style]:checked').map(function(idx, elem) { 8661 return $(elem).val(); 8662 }).get(); 8663 if (design_style.length > 0) strings += "/" + design_style.join("--"); 8664 else strings += "/all-styles"; 8665 8666 var color = $('input[name^=filter_color]:checked').map(function(idx, elem) { 8667 return $(elem).val(); 8668 }).get(); 8669 if (color.length >
8669 0) strings += "/" + color.join("--"); 8670 else strings += "/all-colors"; 8671 8672 var area_size = $('input[name^=filter_area_size]:checked').map(function(idx, elem) { 8673 return $(elem).val(); 8674 }).get(); 8675 if (area_size.length > 0) strings += "/" + area_size.join("--"); 8676 else strings += "/all-areas"; 8677 8678 var location = $('input[name^=filter_location_photo]:checked').map(function(idx, elem) { 8679 return $(elem).val(); 8680 }).get(); 8681 if (location.length > 0) strings += "/" + location.join("--"); 8682 else strings += "/all-cities"; 8683 8684 8685 var search = $('#searchBoxModalPhoto').val(); 8686 search = search.replace("'", '%27'); 8687 strings += "/" + search; 8688 8689 //console.log(strings); 8690 window.location.href = strings; 8691 8692 } 8693 ); 8694 $("#searchBoxModalProfesional").keypress(function(event) { 8695 if (event.which == 13) { 8696 event.preventDefault(); 8697 var strings = "https://www.archify.com/au/professionals"; 8698 8699 var business_category = $('input[name^=filter_pro_business]:checked').map(function(idx, elem) { 8700 return $(elem).val(); 8701 }).get(); 8702 if (business_category.length > 0) strings += "/" + business_category.join("--"); 8703 else strings += "/all-categories"; 8704 8705 var property_type = $('input[name^=filter_pro_property_type]:checked').map(function(idx, elem) { 8706 return $(elem).val(); 8707 }).get(); 8708 if (property_type.length > 0) strings += "/" + property_type.join("--"); 8709 else strings += "/all-properties"; 8710 8711 var design_style = $('input[name^=filter_pro_design_style]:checked').map(function(idx, elem) { 8712 return $(elem).val(); 8713 }).get(); 8714 if (design_style.length > 0) strings += "/" + design_style.join("--"); 8715 else strings += "/all-styles"; 8716 8717 var cities = $('input[name^=filter_pro_cities]:checked').map(function(idx, elem) { 8718 return $(elem).val(); 8719 }).get(); 8720 if (cities.length > 0) strings += "/" + cities.join("--"); 8721 else strings += "/all-cities"; 8722 8723 var design_fees = $('input[name^=filter_pro_design_fee]:checked').map(function(idx, elem) { 8724 return $(elem).val(); 8725 }).get(); 8726 if (design_fees.length > 0) strings += "/" + design_fees.join("--"); 8727 else strings += "/all-fees"; 8728 8729 8730 var search = $('#searchBoxModalProfesional').val(); 8731 search = search.replace("'", '%27'); 8732 strings += "/" + search; 8733 8734 //console.log(strings); 8735 // window.open(strings, '_blank'); 8736 window.location.href = strings; 8737 } 8738 }); 8739 $("#search_professional").click( 8740 function(e) { 8741 var strings = "https://www.archify.com/au/professionals"; 8742 8743 var business_category = $('input[name^=filter_pro_business]:checked').map(function(idx, elem) { 8744 return $(elem).val(); 8745 }).get(); 8746 if (business_category.length > 0) strings += "/" + business_category.join("--"); 8747 else strings += "/all-categories" 8748 8749 var property_type = $('input[name^=filter_pro_property_type]:checked').map(function(idx, elem) { 8750 return $(elem).val(); 8751 }).get(); 8752 if (property_type.length > 0) strings += "/" + property_type.join("--"); 8753 else strings += "/all-properties"; 8754 8755 var design_style = $('input[name^=filter_pro_design_style]:checked').map(function(idx, elem) { 8756 return $(elem).val(); 8757 }).get(); 8758 if (design_style.length > 0) strings += "/" + design_style.join("--"); 8759 else strings += "/all-styles" 8760 8761 var cities = $('input[name^=filter_pro_cities]:checked').map(function(idx, elem) { 8762 return $(elem).val(); 8763 }).get(); 8764 if (cities.length > 0) strings += "/" + cities.join("--"); 8765 else strings += "/all-cities" 8766 8767 var design_fees = $('input[name^=filter_pro_design_fee]:checked').map(function(idx, elem) { 8768 return $(elem).val(); 8769 }).get(); 8770 if (design_fees.length > 0) strings += "/" + design_fees.join("--"); 8771 else strings += "/all-fees"; 8772 8773 var search = $('#searchBoxModalProfesional').val(); 8774 search = search.replace("'", '%27'); 8775 strings += "/" + search; 8776 8777 8778 8779 //console.log(strings); 8780 // window.open(strings, '_blank'); 8781 window.location.href = strings; 8782 } 8783 ); 8784 8785 $("#search-box-modal-Profesional > button").click( 8786 function(e) { 8787 e.preventDefault(); 8788 var strings = "https://www.archify.com/au/professionals"; 8789 8790 var business_category = $('input[name^=filter_pro_business]:checked').map(function(idx, elem) { 8791 return $(elem).val(); 8792 }).get(); 8793 if (business_category.length > 0) strings += "/" + business_category.join("--"); 8794 else strings += "/all-categories" 8795 8796 var property_type = $('input[name^=filter_pro_property_type]:checked').map(function(idx, elem) { 8797 return $(elem).val(); 8798 }).get(); 8799 if (property_type.length > 0) strings += "/" + property_type.join("--"); 8800 else strings += "/all-properties"; 8801 8802 var design_style = $('input[name^=filter_pro_design_style]:checked').map(function(idx, elem) { 8803 return $(elem).val(); 8804 }).get(); 8805 if (design_style.length > 0) strings += "/" + design_style.join("--"); 8806 else strings += "/all-styles" 8807 8808 var cities = $('input[name^=filter_pro_cities]:checked').map(function(idx, elem) { 8809 return $(elem).val(); 8810 }).get(); 8811 if (cities.length > 0) strings += "/" + cities.join("--"); 8812 else strings += "/all-cities" 8813
8814 strings += "/all-fees"; 8815 8816 var search = $('#searchBoxModalProfesional').val(); 8817 search = search.replace("'", '%27'); 8818 strings += "/" + search; 8819 8820 //console.log(strings); 8821 // window.open(strings, '_blank'); 8822 window.location.href = strings; 8823 8824 } 8825 ); 8826 8827 8828 8829 8830 $("#search_professional2").click( 8831 function(e) { 8832 var strings = "https://www.archify.com/au/professionals"; 8833 8834 var business_category = $('#filter_pro_business2').val(); 8835 if (business_category.length > 3) strings += "/" + business_category; 8836 else strings += "/all-categories" 8837 8838 strings += "/all-properties"; 8839 8840 var design_style = $('#filter_pro_design_style2').val(); 8841 if (design_style.length > 3) strings += "/" + design_style; 8842 else strings += "/all-styles" 8843 8844 var cities = $('#filter_pro_cities2').val(); 8845 if (cities.length > 3) strings += "/" + cities; 8846 else strings += "/all-cities" 8847 8848 strings += "/all-fees"; 8849 8850 // var search = $('#searchBoxModalProfesional').val(); 8851 // strings += "/"+search; 8852 8853 //console.log(strings); 8854 // window.open(strings, '_blank'); 8855 window.location.href = strings; 8856 } 8857 ); 8858</script>
8858 8859
8860<script> 8861 $(document).ready(function() { 8862 $("#submitBoxMenu").click( 8863 function(e) { 8864 var ss = $("#searchBoxMenu").val(); 8865 var s = $("#searchBoxMenu").val().replace('in Photo', ''); 8866 s = s.replace('in Professional', ''); 8867 s = s.replace("'", '%27'); 8868 8869 if (ss.indexOf("in Professional") > 0) { 8870 var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/" + s; 8871 window.location.href = strings; 8872 } else { 8873 var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/" + s; 8874 window.location.href = strings; 8875 } 8876 8877 e.preventDefault(); 8878 return; 8879 } 8880 ); 8881 8882 $("#searchBoxMenu").keypress( 8883 function(e) { 8884 //alert("aa"); 8885 // if(e.which==13){ 8886 // var ss = $("#searchBoxMenu").val(); 8887 // var s = $("#searchBoxMenu").val().replace('in Photo',''); 8888 // s = s.replace('in Professional',''); 8889 // s = s.replace("'",'%27'); 8890 // 8891 // if($( "#search-box-affix > ul > li:nth-child(1)" ).hasClass( "selected" )){ 8892 // var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s; 8893 // window.location.href = strings; 8894 // } 8895 // else if ($( "#search-box-affix > ul > li:nth-child(3)" ).hasClass( "selected" )) { 8896 // var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+s; 8897 // window.location.href = strings; 8898 // } else { 8899 // var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s; 8900 // window.location.href = strings; 8901 // } 8902 // 8903 // e.preventDefault(); 8904 // return; 8905 // } 8906 } 8907 ); 8908 8909 $("#searchBox").keypress( 8910 function(e) { 8911 if (e.which == 13) { 8912 var s = $("#searchBox").val().replace("'", '%27'); 8913 if ($("#selectBox").val() == "Photos") { 8914 var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/" + s; 8915 window.location.href = strings; 8916 } 8917 8918 if ($("#selectBox").val() == "Professionals") { 8919 var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/" + s; 8920 window.location.href = strings; 8921 } 8922 8923 e.preventDefault(); 8924 return; 8925 } 8926 } 8927 ); 8928 8929 $("#submitBox").click( 8930 function() { 8931 var s = $("#searchBox").val().replace("'", '%27'); 8932 8933 if ($("#selectBox").val() == "Photos") { 8934 var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/" + s; 8935 window.location.href = strings; 8936 } 8937 8938 if ($("#selectBox").val() == "Professionals") { 8939 var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/" + s; 8940 window.location.href = strings; 8941 } 8942 e.preventDefault(); 8943 return; 8944 } 8945 ); 8946 }); 8947</script>
8947 8948
8949<script> 8950 // -WM- 8951 // Numeric only control handler 8952 8953 jQuery.fn.ForceNumericOnly = 8954 function() { 8955 return this.each(function() { 8956 $(this).keydown(function(e) { 8957 var key = e.charCode || e.keyCode || 0; 8958 // allow backspace, tab, delete, enter, arrows, numbers and keypad numbers ONLY 8959 // home, end, period, and numpad decimal 8960 return ( 8961 key == 8 || 8962 key == 9 || 8963 key == 13 || 8964 key == 46 || 8965 key == 110 || 8966 key == 190 || 8967 (key >= 35 && key <= 40) || 8968 (key >= 48 && key <= 57) || 8969 (key >= 96 && key <= 105)); 8970 }); 8971 }); 8972 }; 8973 8974 $(document).ready(function() { 8975 $(document).on('focus', ':input', function() { 8976 $(this).attr('autocomplete', 'off'); 8977 }); 8978 }); 8979</script>
8979 8980 8981<!-- Google Analytics --> 8982<!--
8982<script>
vendor: 345 bytes, lines 8982-8988
8982 8983 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 8984 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 8985 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 8986 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 8987 8988 ga('create', '
8988UA-77711673-1
vendor: 39 bytes, lines 8988-8990
8988', 'auto'); 8989 ga('send', 'pageview'); 8990
8991</script>
8991 --> 8992 8993<!-- prevent default menu button mobile -->
8994<script> 8995 $('#myAffixHome > div > header > a').click(function(e) { 8996 e.preventDefault(); 8997 }); 8998</script>
8998 8999 9000<!-- set width for .sb-search depend on navigation width -->
9001<script> 9002 $(document).ready(function() { 9003 // var navHeight = $('#myAffixHome > div > header > nav > ul').width() 9004 // $("#myAffixHome .sb-search").css("cssText", "width: calc(100% - 138px - "+navHeight+"px + 30px);"); 9005 9006 // $(window).resize(function() { 9007 // var navHeight = $('#myAffixHome > div > header > nav > ul').width() 9008 // $("#myAffixHome .sb-search").css("cssText", "width: calc(100% - 138px - "+navHeight+"px + 30px);"); 9009 // }); 9010 }); 9011</script>
9011 9012
9013<script> 9014 $(document).ready(function() { 9015 $(".logo_click").click( 9016 function(e) { 9017 $.post("https://www.archify.com/au/professional/settings/header_logo_click", function(data) { 9018 //console.log(data); 9019 if (data != "") { 9020 window.location.href = 'https://www.archify.com/au/' + data; 9021 } else { 9022 alert("Your profile page is not ready yet, please complete the requirement."); 9023 } 9024 }); 9025 9026 e.preventDefault(); 9027 return; 9028 }); 9029 }); 9030</script>
9030 9031
9032<script> 9033 function navbar_reload() { 9034 // $.get( "https://www.archify.com/au/tools/navbar", function(data){ 9035 // $("#bluprin_navbar").html(); 9036 // }); 9037 location.reload(); 9038 } 9039</script>
9039 9040 9041 9042 9043 9044<!-- share page process here -->
9045<script> 9046 $(".share-button").click(function() { 9047 if ($(".share-pop-up").hasClass("show")) { 9048 $(".share-pop-up").removeClass("show"); 9049 $(".share-pop-up").css("display", "none"); 9050 $(this).removeClass("pressed"); 9051 } else { 9052 $(".share-pop-up").addClass("show"); 9053 $(".share-pop-up").css("display", "block"); 9054 $(this).addClass("pressed"); 9055 } 9056 $(document).mouseup(function(e) { 9057 var shareButtonContainer = $(".share-button"); 9058 // if the target of the click isn't the container nor a descendant of the container 9059 if (!shareButtonContainer.is(e.target) && shareButtonContainer.has(e.target).length === 0) { 9060 var sharePopUpContainer = $(".share-pop-up"); 9061 // if the target of the click isn't the container nor a descendant of the container 9062 if (!sharePopUpContainer.is(e.target) && sharePopUpContainer.has(e.target).length === 0) { 9063 $(".share-pop-up").removeClass("show"); 9064 $(".share-pop-up").css("display", "none"); 9065 $(".share-button").removeClass("pressed"); 9066 } 9067 } 9068 }); 9069 }); 9070</script>
9070 9071 9072<!-- Share Social Media Function -->
9073<script> 9074 function share_mail() { 9075 window.location = "mailto:?subject=Interesting information&body=I thought you might find this information interesting: " + window.location.href; 9076 $(".share-pop-up").removeClass("show"); 9077 $(".share-pop-up").css("display", "none"); 9078 $(".share-button").removeClass("pressed"); 9079 return false; 9080 } 9081 9082 function share_fb() { 9083 window.open("https://www.facebook.com/sharer/sharer.php?u=" + escape(window.location.href), '', 9084 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600'); 9085 $(".share-pop-up").removeClass("show"); 9086 $(".share-pop-up").css("display", "none"); 9087 $(".share-button").removeClass("pressed"); 9088 return false; 9089 } 9090 9091 function share_tw() { 9092 window.open("https://twitter.com/home?status=" + escape(window.location.href), '', 9093 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600'); 9094 $(".share-pop-up").removeClass("show"); 9095 $(".share-pop-up").css("display", "none"); 9096 $(".share-button").removeClass("pressed"); 9097 return false; 9098 } 9099 9100 function share_wa() { 9101 $(".share-pop-up").removeClass("show"); 9102 $(".share-pop-up").css("display", "none"); 9103 $(".share-button").removeClass("pressed"); 9104 var isMobile = false; //initiate as false 9105 // device detection 9106 if (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || 9107 /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.
9107substr(0, 4))) isMobile = true; 9108 if (isMobile) { 9109 window.open("whatsapp://send?text=" + escape(window.location.href), '', 9110 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600'); 9111 return false; 9112 } else { 9113 // alert("This whatsapp share only for mobile devices."); 9114 window.open("https://web.whatsapp.com/send?text=" + escape(window.location.href), '', 9115 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600'); 9116 return false; 9117 } 9118 } 9119</script>
9119 9120 9121 9122<!-- Seems not used anymore will see several months later 14/05/2025 --> 9123<!--
9123<script> 9124 function check_distributor() { 9125 $.get("https://www.archify.com/../au/product/brand/distributor_count", { 9126 slug: '' 9127 }, function(data) { 9128 //alert(data); 9129 if (data == "1" || data == "2") $(".distributorx").show(); 9130 }); 9131 } 9132 9133 function check_collection() { 9134 $.get("https://www.archify.com/../au/product/brand/collection_count", { 9135 slug: '' 9136 }, function(data) { 9137 //alert(data); 9138 if (data > 0) $(".collectionx").show(); 9139 }); 9140 } 9141 9142 function check_certification() { 9143 $.get("https://www.archify.com/../au/product/brand/certification_count", { 9144 slug: '' 9145 }, function(data) { 9146 //alert(data); 9147 if (data > 0) $(".catalogx").show(); 9148 }); 9149 } 9150 9151 function check_projects() { 9152 $.get("https://www.archify.com/../au/product/brand/projects_count", { 9153 slug: '' 9154 }, function(data) { 9155 //alert(data); 9156 if (data > 0) $(".projectsx").show(); 9157 }); 9158 } 9159 9160 $(document).ready(function() { 9161 }); 9162</script>
9162 --> 9163 9164<!-- Remove Request Sample For Mowilex --> 9165
9165<script> 9166 $("#header-button-area").show(); 9167 $("#form-checkbox-request-page").show(); 9168 </script>
9168 9169 9170<!-- Call Notification -->
9171<script> 9172 function callNotificationAlert(string) { 9173 new Noty({ 9174 type: 'alert', 9175 layout: 'bottomCenter', 9176 theme: 'mint', 9177 text: string, 9178 timeout: 1000, 9179 progressBar: false, 9180 closeWith: ['click', 'button'], 9181 animation: { 9182 open: 'noty_effects_open', 9183 close: 'noty_effects_close' 9184 }, 9185 id: false, 9186 force: false, 9187 killer: false, 9188 queue: 'global', 9189 container: false, 9190 buttons: [], 9191 sounds: { 9192 sources: [], 9193 volume: 1, 9194 conditions: [] 9195 }, 9196 titleCount: { 9197 conditions: [] 9198 }, 9199 modal: false 9200 }).show(); 9201 } 9202 9203 function callNotification(string) { 9204 new Noty({ 9205 type: 'success', 9206 layout: 'bottomCenter', 9207 theme: 'mint', 9208 text: string, 9209 timeout: 1000, 9210 progressBar: false, 9211 closeWith: ['click', 'button'], 9212 animation: { 9213 open: 'noty_effects_open', 9214 close: 'noty_effects_close' 9215 }, 9216 id: false, 9217 force: false, 9218 killer: false, 9219 queue: 'global', 9220 container: false, 9221 buttons: [], 9222 sounds: { 9223 sources: [], 9224 volume: 1, 9225 conditions: [] 9226 }, 9227 titleCount: { 9228 conditions: [] 9229 }, 9230 modal: false 9231 }).show(); 9232 } 9233</script>
9233 9234 9235<!-- Email Subscribe -->
9236<script> 9237 var emailSubscribeInProgress = false; 9238 $(".newsletter-input").keypress( 9239 function(e) { 9240 if (e.which == 13) { 9241 if (!emailSubscribeInProgress) { 9242 var emailVal = $(".newsletter-input").val(); 9243 submit_email_subscribe(emailVal); 9244 } 9245 e.preventDefault(); 9246 return; 9247 } 9248 } 9249 ); 9250 $(".newsletter-submit").click(function(e) { 9251 e.preventDefault(); 9252 if (!emailSubscribeInProgress) { 9253 var emailVal = $(".newsletter-input").val(); 9254 submit_email_subscribe(emailVal); 9255 } 9256 }); 9257 9258 function submit_email_subscribe(email) { 9259 emailSubscribeInProgress = true; 9260 9261 $.ajax({ 9262 type: "POST", 9263 async: true, 9264 data: { 9265 'email': email 9266 }, 9267 url: "https://www.archify.com/au/gpost/generals/subscribe", 9268 success: function(data) { 9269 $(".newsletter-input").val(""); 9270 $(".newsletter-input").blur(); 9271 if (data == "success") { 9272 callNotification("You have successfully subscribed!"); 9273 } else if (data == "exist") { 9274 callNotificationAlert("You are already subscribed to our newsletter."); 9275 } else if (data == "failed") { 9276 callNotificationAlert("Please check your email format."); 9277 } 9278 emailSubscribeInProgress = false; 9279 } 9280 }); 9281 } 9282</script>
9282 9283 9284<!-- New Modal Add Board--> 9285<div class="modal fade modal-fullscreen" id="new-add-photo-modal" tabindex="-1" role="dialog" 9286 aria-labelledby="reviewProLabel" aria-hidden="true"> 9287 9288 <div class="modal-dialog"> 9289 <div class="modal-content"> 9290 <!-- Modal Header --> 9291 <div class="modal-header" style="display:block;"> 9292 <div class="center-mod">Add to <span>Design Folder</span></div> 9293 <button type="button" class="close" data-dismiss="modal"> 9294 <img src="https://www.archify.com/assets/img/svg/close-bg.svg" alt="close bg icon"> 9295 </button> 9296 </div> 9297 9298 <!-- Modal Body --> 9299 <div class="modal-body"> 9300 <div class="row no-padding"> 9301 <div class="col-md-6"> 9302 <div class="img-add-board"> 9303 <img class='img-edit-pro' src=""> 9304 </div> 9305 </div> 9306 <div class="col-md-6"> 9307 9308 <div class="parent-wrapper"> 9309 <!-- 9310 <div class="title-add-board-modal"> 9311 <p class="semi-bold">ADD TO DESIGN FOLDER</p> 9312 <button type="button" class="close" 9313 data-dismiss="modal" style="top: 15px !important;"> 9314 <span aria-hidden="true">×</span> 9315 <span class="sr-only">Close</span> 9316 </button> 9317 </div> 9318--> 9319 <div class="content-add-board-modal" style="height: 340px; position: relative; overflow: hidden auto; display: block; margin: 0; padding-top: 10px; padding-bottom: 10px;"> 9320 <ul id="new_container_board" style="margin-bottom: 0;"> 9321 9322 </ul> 9323 <div class="loading-wrapper-list-board" style="text-align: center; padding-top: 10px; padding-bottom: 10px;"> 9324 <img src="https://www.archify.com/assets/img/bluprin-loading.gif" alt=""> 9325 </div> 9326 </div> 9327 </div> 9328 <div class="child-wrapper"> 9329 <div class="title-add-board-modal"> 9330 <p class="semi-bold back-to-parent-design-folder" style="cursor: pointer;"><img src="https://www.archify.com/assets/img/svg/arrow-small-left-grey.svg" alt="" style="position: relative; top: -1px;"> BACK</p> 9331 </div> 9332 <div class="content-add-board-modal" style="height: 340px; position: relative; overflow: hidden auto; display: block; margin: 0; padding-top: 10px; padding-bottom: 10px;"> 9333 <ul id="new_container_board_child" style="margin-bottom: 0;"> 9334 <div class="loading-wrapper-list-board" style="text-align: center; padding-top: 10px; padding-bottom: 10px;"> 9335 <img src="https://www.archify.com/assets/img/bluprin-loading.gif" alt=""> 9336 </div> 9337 </div> 9338 </div> 9339 </div> 9340 </div> 9341 </div> 9342 </div> 9343 </div> 9344</div> 9345<!-- Comparation -->
9346<script> 9347 $(".hide-bottomcom").click(function() { 9348 $(this).parent(".bottom-com").toggleClass("sized", 600); 9349 $(this).children('.fa').toggleClass('fa-chevron-down fa-chevron-up'); 9350 }); 9351 // 9352 // $(".hide-bottomcom").toggle(function(){ 9353 // $(this).parent(".bottom-com").animate({height:40},200); 9354 // },function(){ 9355 // $(this).parent(".bottom-com").animate({height:100},200); 9356 // $(this).show(); 9357 // }); 9358 9359 $(".asrbtn-grey2").click(function() { 9360 delete_comparation('all'); 9361 $(".bottom-com").fadeOut(); 9362 // $(".compare-empty").show(); 9363 // $(".compare-item").hide(); 9364 }); 9365 9366 $(".close-compare-item").click(function() { 9367 delete_comparation($(this).data("id")); 9368 // $(this).parent().hide(); 9369 // $(this).parent().siblings(".compare-empty").show(); 9370 9371 if ($('.compare-item:hidden').length == 3) { 9372 delete_comparation('all'); 9373 $(".bottom-com").fadeOut(); 9374 }; 9375 9376 }); 9377 var idProd1 = 0; 9378 var idProd2 = 0; 9379 var idProd3 = 0; 9380 9381 function product_comparation() { 9382 var url_ = "https://www.archify.com/au/product/comparison" + "?idProd1=" + idProd1 + "&idProd2=" + idProd2 + "&idProd3=" + idProd3; 9383 window.location = url_; 9384 } 9385 9386 function new_comparation(id, image, name, brand) { 9387 var formData = new FormData(); 9388 formData.append("id", unescape(id)); 9389 formData.append("image", unescape(image)); 9390 formData.append("name", unescape(name)); 9391 formData.append("brand", unescape(brand)); 9392 $.ajax({ 9393 type: "POST", 9394 url: "https://www.archify.com/au/gpost/comparison/set_comparison", 9395 dataType: 'json', 9396 data: formData, 9397 async: true, 9398 success: function(result) { 9399 if (result.code == '200') { 9400 show_select_comparation(result.data); 9401 } 9402 }, 9403 error: function(response) { 9404 let res = response?.responseJSON; 9405 if (res?.message) { 9406 callNotificationAlert(res.message); 9407 } else { 9408 callNotificationAlert("Error Please Try Again or contact support"); 9409 } 9410 }, 9411 cache: false, 9412 contentType: false, 9413 processData: false 9414 }); 9415 }; 9416 9417 function delete_comparation(idDiv) { 9418 var formData = new FormData(); 9419 formData.append("id", idDiv); 9420 $.ajax({ 9421 type: "POST", 9422 url: "https://www.archify.com/au/gpost/comparison/delete_comparison", 9423 dataType: 'json', 9424 data: formData, 9425 async: true, 9426 success: function(result) { 9427 if (result.code == '200') { 9428 idProd1 = 0; 9429 idProd2 = 0; 9430 idProd3 = 0; 9431 show_select_comparation(result.data); 9432 } 9433 }, 9434 cache: false, 9435 contentType: false, 9436 processData: false 9437 }); 9438 }; 9439 9440 function show_select_comparation(dataCom) { 9441 // $(".bottom-com").fadeOut(); 9442 $("#com1").siblings(".compare-empty").show(); 9443 $("#com1").hide(); 9444 $("#com2").siblings(".compare-empty").show(); 9445 $("#com2").hide(); 9446 $("#com3").siblings(".compare-empty").show(); 9447 $("#com3").hide(); 9448 if (jQuery.isEmptyObject(dataCom[0]) == false || jQuery.isEmptyObject(dataCom[1]) == false || jQuery.isEmptyObject(dataCom[2]) == false) { 9449 $(".bottom-com").slideDown(); 9450 } 9451 if (jQuery.isEmptyObject(dataCom[0]) == false) { 9452 idProd1 = dataCom[0].id; 9453 var data1 = $("#com1"); 9454 $(data1).children().children().children("img").attr('src', 'https://image-apac.archify.com/catalog/product/s/' + dataCom[0].image); 9455 $(data1).children().children().children(".q1").text(dataCom[0].name); 9456 $(data1).children().children().children(".q2").text(dataCom[0].brand); 9457 $(data1).siblings(".compare-empty").hide(); 9458 $(data1).show(); 9459 } 9460 if (jQuery.isEmptyObject(dataCom[1]) == false) { 9461 idProd2 = dataCom[1].id; 9462 var data1 = $("#com2"); 9463 $(data1).children().children().children("img").attr('src', 'https://image-apac.archify.com/catalog/product/s/' + dataCom[1].image); 9464 $(data1).children().children().children(".q1").text(dataCom[1].name); 9465 $(data1).children().children().children(".q2").text(dataCom[1].brand); 9466 $(data1).siblings(".compare-empty").hide(); 9467 $(data1).show(); 9468 } 9469 if (jQuery.isEmptyObject(dataCom[2]) == false) { 9470 idProd3 = dataCom[2].id; 9471 var data1 = $("#com3"); 9472 $(data1).children().children().children("img").attr('src', 'https://image-apac.archify.com/catalog/product/s/' + dataCom[2].image); 9473 $(data1).children().children().children(".q1").text(dataCom[2].name); 9474 $(data1).children().children().children(".q2").text(dataCom[2].brand); 9475 $(data1).siblings(".compare-empty").hide(); 9476 $(data1).show(); 9477 } 9478 } 9479 9480 function get_comparation() { 9481 $.ajax({ 9482 type: "POST", 9483 url: "https://www.archify.com/au/gpost/comparison/get_comparison", 9484 dataType: 'json', 9485 async: true, 9486 success: function(result) { 9487 if (result.code == '200') { 9488 show_select_comparation(result.data); 9489 } 9490 }, 9491 cache: false, 9492 contentType: false, 9493 processData: false 9494 }); 9495 }; 9496 9497 // Check if there is any comparison in session 9498 const checkComparationLength = (null)?.filter(x => x?.id)?.length; 9499 if (checkComparationLength) { 9500 get_comparation(); 9501 } 9502</script>
9502 9503<!-- Add Inspiration -->
9504<script> 9505 // set perfect scrollbar 9506 $newImageBoardContainer = $('.content-add-board-modal'); 9507 $newLoadingBoardContainer = $('.loading-wrapper-list-board'); 9508 var inspirationX = 0; 9509 var photo_id; 9510 var image_type; 9511 $('#new-add-photo-modal').on('shown.bs.modal', function(e) { 9512 // alert("aaa"); 9513 new_update_board(); 9514 }); 9515 $('#new-add-photo-modal').on('hidden.bs.modal', function(e) { 9516 // alert("aaa"); 9517 $("#new_container_board").html(''); 9518 }); 9519 9520 function new_add_inspiration(val, image, x, image_for) { 9521 if (typeof(image_for) == 'undefined') { 9522 // default product 9523 image_type = 2; 9524 } else { 9525 image_type = image_for; 9526 } 9527 9528 // alert(is_login); 9529 if (is_login == 1) { 9530 inspirationX = x; 9531 $('.create-new-board-from-add-photo-modal').removeClass("show"); 9532 $('#new-add-photo-modal > div > div > div.modal-body > div > div:nth-child(2) > div.title-add-board-modal > span').text('create new'); 9533 //alert("bb "+val); 9534 photo_id = val; 9535 if (image_type == 2) { 9536 $(".img-edit-pro").attr('src', 'https://image-apac.archify.com/catalog/product/xs/' + image); 9537 } else { 9538 // $(".img-edit-pro").attr('src','https://image-apac.archify.com/professional/projects/l/'+image); 9539 $(".img-edit-pro").attr('src', 'https://www.archify.com/files/professional/projects/l/' + image); 9540 } 9541 $('#new-add-photo-modal').modal('show'); 9542 } else { 9543 // $("#loginModal").modal("show"); 9544 callSignUpLoginModal(""); 9545 } 9546 9547 } 9548 9549 function new_create_board(parenID = "") { 9550 9551 // var name = $("#new-create-design-folder-input").val(); 9552 var name = ""; 9553 if (parenID != "") { 9554 name = $("#new-create-design-folder-input-child").val(); 9555 } else { 9556 name = $("#new-create-design-folder-input").val(); 9557 } 9558 9559 if (name.length > 0) { 9560 ; 9561 $.ajax({ 9562 type: "POST", 9563 url: "https://www.archify.com/au/gpost/ideaboard/ideaboard_create", 9564 dataType: 'json', 9565 data: { 9566 name: name, 9567 photo: photo_id, 9568 is_product: image_type, 9569 parent_id: parenID 9570 }, 9571 success: function(result) { 9572 if (result.code == '204') { 9573 callNotificationAlert(result.msg); 9574 } else { 9575 if (parenID != "") { 9576 $("#new-create-design-folder-input-child").val(""); 9577 $('#new-create-design-folder-input-child').blur(); 9578 } else { 9579 $("#new-create-design-folder-input").val(""); 9580 $('#new-create-design-folder-input').blur(); 9581 } 9582 new_update_board(); 9583 callNotification(result.msg); 9584 $('#new-add-photo-modal').modal('hide'); 9585 } 9586 } 9587 }); 9588 } 9589 } 9590 9591 function new_insertto_board(val, name_board) { 9592 $.ajax({ 9593 type: "POST", 9594 url: "https://www.archify.com/au/gpost/ideaboard/ideaboard_image_insert", 9595 async: true, 9596 data: { 9597 id: val, 9598 photo: photo_id, 9599 is_product: image_type 9600 }, 9601 success: function(data) { 9602 new_update_board(); 9603 9604 $('#new-add-photo-modal').modal('hide'); 9605 callNotification("Photo has been added to " + name_board); 9606 } 9607 9608 }); 9609 } 9610 9611 $("#new-add-photo-modal").on('hidden.bs.modal', function() { 9612 $('.create-new-design-folder-wrapper').removeClass('show'); 9613 $("#new-add-photo-modal .child-wrapper").removeClass("show"); 9614 }); 9615 var childData; 9616 9617 function new_update_board() { 9618 $newImageBoardContainer.scrollTop(0); 9619 $newLoadingBoardContainer.css("display", "block"); 9620 $.ajax({ 9621 type: "GET", 9622 url: "https://www.archify.com/au/gpost/ideaboard/get_ideaboard_list", 9623 data: { 9624 name: $.now(), 9625 photo: photo_id 9626 }, 9627 success: function(data) { 9628 data = $.parseJSON(data); 9629 childData = data; 9630 $("#new_container_board").html('\ 9631 <li class="create-new-design-folder-button">\ 9632 <div class="img-thumb-add-board-modal create-button" style="background-color: #e5e5e5; color: #4a4a4a; font-size: 25px; font-family: WorkSans-SemiBold; text-align: center; padding-top: 7px;">+</div>\ 9633 <div class="ket-add-board create-button" style="font-family: WorkSans-Medium; padding-top: 14px;">Create New Folder</div>\ 9634 <div class="create-new-design-folder-wrapper">\ 9635 <input id="new-create-design-folder-input" type="text" name="" value="">\ 9636 <div class="cancel-new-design-folder-input"><img src="https://www.archify.com/assets/img/svg/02-icon-01-general-close.svg" style="position: relative; float: left; top: 5px; left: 5px;"/></div>\ 9637 <div class="submit-new-design-folder-input" style="display:none;"><img src="https://www.archify.com/assets/img/svg/02-icon-01-general-check-white.svg" style="position: relative; float: left; top: 5px; left: 5px;"/></div>\ 9638 <div class="submit-new-design-folder-input-disable"><img src="https://www.archify.com/assets/img/svg/02-icon-01-general-check-grey.svg" style="position: relative; float: left; top: 5px; left: 5px; display:block;"/></div>\ 9639 </div>\ 9640 </li>\ 9641 '); 9642 9643 for (var i = 0; i < data.length; i++) { 9644 var detail = data[i].detail; 9645 if (detail.length > 0) { 9646 var collaboratorIcon = ""; 9647 if (data[i].is_collaborator == 1) { 9648 collaboratorIcon = "<img src=\"https://www.archify.com/assets/img/svg/small-profile-white-grey.svg\" class=\"hint-icon\">"; 9649 } 9650 $("#new_container_board").append('\ 9651 <li class="open-design-folder-child" child-id="' + i + '" onclick="create_div_child(' + i + ')">\ 9652 <div class="img-thumb-add-board-modal" style="background-image: url(\'' + data[i].image + '\');"></div>\ 9653 <div class="ket-add-board">\ 9654 <h5 class="title">' + data[i].name + ' ' + collaboratorIcon + '</h5>\ 9655 <h5 class="grey">' + data[i].info_count + '</h5>\ 9656 <img src="https://www.archify.com/assets/img/svg/arrow-small-right-grey.svg" alt="" style="position: absolute; top: 18px; right: 5px;">\ 9657 </div>\ 9658 </li>\ 9659 '); 9660 } else { 9661 var collaboratorIcon = ""; 9662 if (data[i].is_collaborator == 1) { 9663 collaboratorIcon = "<img src=\"https://www.archify.com/assets/img/svg/small-profile-white-grey.svg\" class=\"hint-icon\">"; 9664 } 9665 $("#new_container_board").append('\ 9666 <li onclick="new_insertto_board(' + data[i].id + ', \'' + data[i].name + '\')">\ 9667 <div class="img-thumb-add-board-modal" style="background-image: url(\'' + data[i].image + '\');">\ 9668 </div>\ 9669 <div class="ket-add-board">\ 9670 <h5 class="title">' + data[i].name + ' ' + collaboratorIcon + '</h5h>\ 9671 <h5 class="grey">' + data[i].info_count + '</h5>\ 9672 </div>\ 9673 </li>\ 9674 '); 9675 } 9676 9677 } 9678 9679 $("#new-create-design-folder-input").keypress(function(event) { 9680 if (event.which == 13) { 9681 event.preventDefault(); 9682 new_create_board(); 9683 } 9684 }); 9685 9686 $("#new-create-design-folder-input").on("keyup", function() { 9687 $('.submit-new-design-folder-input-disable').hide(); 9688 $('.submit-new-design-folder-input').show(); 9689 }); 9690 9691 $('.create-new-design-folder-button .create-button').unbind("click"); 9692 $('.create-new-design-folder-button .create-button').click(function() { 9693 $('.create-new-design-folder-wrapper').addClass('show'); 9694 // $('#createBoard').modal('show'); 9695 $('#new-create-design-folder-input').focus(); 9696 }); 9697 9698 $('.cancel-new-design-folder-input').unbind("click"); 9699 $('.cancel-new-design-folder-input').click(function() { 9700 $("#new-create-design-folder-input").val(""); 9701 $('#new-create-design-folder-input').blur(); 9702 $('.create-new-design-folder-wrapper').removeClass('show'); 9703 }); 9704 9705 $('.submit-new-design-folder-input').unbind("click"); 9706 $('.submit-new-design-folder-input').click(function() { 9707 new_create_board(); 9708 }); 9709 9710 $('.back-to-parent-design-folder').unbind("click"); 9711 $('.back-to-parent-design-folder').click(function() { 9712 $("#new-add-photo-modal .child-wrapper").removeClass("show"); 9713 }); 9714 9715 9716 $newLoadingBoardContainer.css("display", "none"); 9717 9718 $newImageBoardContainer.css("display", "block"); 9719 } 9720 }); 9721 } 9722 9723 function create_div_child(x) { 9724 $('#new_container_board_child').html(''); 9725 var detail = childData[x].detail; 9726 var parent_ = childData[x].id; 9727 for (var i = 0; i < detail.length; i++) { 9728 if (i == 0) { 9729 $('#new_container_board_child').append('\ 9730 <li onclick="new_insertto_board(' + detail[i].id + ',\'' + detail[i].name + '\')">\ 9731 <div class="img-thumb-add-board-modal" style="background-image: url(\'' + detail[i].image + '\');">\ 9732 </div>\ 9733 <div class="ket-add-board">\ 9734 <h5 class="title">' + detail[i].name + ' <!--<img src="https://www.archify.com/assets/img/svg/small-profile-white-grey.svg" class="hint-icon">--></h5>\ 9735 <h5 class="grey">' + detail[i].info_count + '</h5>\ 9736 </div>\ 9737 </li>\ 9738 <li>\ 9739 <p style="margin: 0; font-family: WorkSans-Medium; text-transform: uppercase; font-size: 12px; margin-top: 10px;">
9739SUB FOLDER</p>\ 9740 </li>\ 9741 <li class="create-new-design-folder-button" >\ 9742 <div class="img-thumb-add-board-modal create-button-child" style="background-color: #e5e5e5; color: #4a4a4a; font-size: 25px; font-family: WorkSans-SemiBold; text-align: center; padding-top: 7px;">+</div>\ 9743 <div class="ket-add-board create-button-child" style="font-family: WorkSans-Medium; padding-top: 14px;">Create New Sub Folder</div>\ 9744 <div class="create-new-design-folder-wrapper">\ 9745 <input id="new-create-design-folder-input-child" type="text" name="" value="">\ 9746 <div class="cancel-new-design-folder-input-child"><img src="https://www.archify.com/assets/img/svg/02-icon-01-general-close.svg" style="position: relative; float: left; top: 5px; left: 5px;"/></div>\ 9747 <div class="submit-new-design-folder-input-child" style="display:none;"><img src="https://www.archify.com/assets/img/svg/02-icon-01-general-check-white.svg" style="position: relative; float: left; top: 5px; left: 5px;"/></div>\ 9748 <div class="submit-new-design-folder-input-disable-child"><img src="https://www.archify.com/assets/img/svg/02-icon-01-general-check-grey.svg" style="position: relative; float: left; top: 5px; left: 5px; display:block;"/></div>\ 9749 </div>\ 9750 </li>\ 9751 '); 9752 } else { 9753 $('#new_container_board_child').append('\ 9754 <li onclick="new_insertto_board(' + detail[i].id + ',\'' + detail[i].name + '\')">\ 9755 <div class="img-thumb-add-board-modal" style="background-image: url(\'' + detail[i].image + '\');">\ 9756 </div>\ 9757 <div class="ket-add-board">\ 9758 <h5 class="title">' + detail[i].name + ' <!--<img src="https://www.archify.com/assets/img/svg/small-profile-white-grey.svg" class="hint-icon">--></h5>\ 9759 <h5 class="grey">' + detail[i].info_count + '</h5>\ 9760 </div>\ 9761 </li>\ 9762 '); 9763 } 9764 } 9765 $("#new-add-photo-modal .child-wrapper").addClass("show"); 9766 9767 9768 $("#new-create-design-folder-input-child").keypress(function(event) { 9769 if (event.which == 13) { 9770 event.preventDefault(); 9771 new_create_board(parent_); 9772 } 9773 }); 9774 9775 $("#new-create-design-folder-input-child").on("keyup", function() { 9776 $('.submit-new-design-folder-input-disable-child').hide(); 9777 $('.submit-new-design-folder-input-child').show(); 9778 }); 9779 9780 $('.create-button-child').unbind("click"); 9781 $('.create-button-child').click(function() { 9782 $(this).siblings(".create-new-design-folder-wrapper").addClass('show'); 9783 // // $('#createBoard').modal('show'); 9784 $('#new-create-design-folder-input-child').focus(); 9785 }); 9786 9787 $('.cancel-new-design-folder-input-child').unbind("click"); 9788 $('.cancel-new-design-folder-input-child').click(function() { 9789 $("#new-create-design-folder-input-child").val(""); 9790 $('#new-create-design-folder-input-child').blur(); 9791 $(this).parent('.create-new-design-folder-wrapper').removeClass('show'); 9792 }); 9793 9794 $('.submit-new-design-folder-input-child').unbind("click"); 9795 $('.submit-new-design-folder-input-child').click(function() { 9796 new_create_board(parent_); 9797 }); 9798 9799 } 9800</script>
9800 9801 9802<style> 9803#searchBoxMenu::-webkit-input-placeholder::after { 9804 visibility: visible; 9805} 9806.noneshow{ 9807 display:none !important; 9808} 9809.header-search-wrap-no-result { 9810 font-size: 16px; 9811} 9812.header-search-wrap-no-result .lines { 9813 border-top: 1px solid #eee; 9814 margin-bottom: 30px; 9815 max-width: 500px; 9816} 9817.header-search-wrap-no-result .txt1 { 9818 margin-top: 0px; 9819 font-size: 20px; 9820 margin-bottom: 30px; 9821} 9822.header-search-wrap-no-result .txt1 span { 9823 font-family: 'WorkSans-Medium'; 9824} 9825.header-search-wrap-no-result .txt2 { 9826 font-family: 'WorkSans-Medium'; 9827 margin-bottom: 10px; 9828} 9829.header-search-wrap-no-result .txt3 { 9830 margin-bottom: 0px; 9831} 9832.header-search-wrap-no-result.txt4 { 9833 margin-bottom: 10px; 9834} 9835.header-search-wrap-no-result .txt5 { 9836 margin-bottom: 0px; 9837} 9838.header-search-wrap-no-result .black-btnn { 9839 font-family: 'WorkSans-Medium'; 9840 color: #fff; 9841 background: #4A4A4A; 9842 display: inline-block; 9843 padding: 5px 30px; 9844 border-radius: 3px; 9845 margin: 5px 0; 9846 cursor: pointer; 9847 font-size:14px; 9848} 9849 9850#myAffixHome .header-message-box-wrapper .header-message-box-area .content-area { 9851 position: relative; 9852 float: left; 9853 width: calc(100% + 40px); 9854 left: -20px; 9855 padding-left: 0px; 9856 padding-right: 0px; 9857 height: auto; 9858 max-height: calc(100vh - 192px); 9859 overflow-y: scroll; 9860 overflow-x: visible; 9861} 9862#myAffixHome .header-message-box-wrapper .header-message-box-area .content-area::-webkit-scrollbar {
9863 width: 5px; 9864} 9865#myAffixHome .header-message-box-wrapper .header-message-box-area .content-area::-webkit-scrollbar-track { 9866 /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */ 9867 border: 1px solid #e5e5e5; 9868 border-right: 0px; 9869 border-left: 0px; 9870 border-top: 0px; 9871 padding-top: 0px; 9872 padding-bottom: 0px; 9873} 9874#myAffixHome .header-message-box-wrapper .header-message-box-area .content-area::-webkit-scrollbar-thumb { 9875 border-radius: 0px; 9876 background-color: #e5e5e5; 9877 outline: 1px solid #9b9b9b; 9878} 9879#myAffixHome .header-message-box-wrapper .header-message-box-area .content-area ul li { 9880 padding-right: 15px; 9881} 9882#myAffixHome .header-message-box-wrapper .header-message-box-area .header-area { 9883 border-bottom: 0px; 9884} 9885</style> 9886
9887<script> 9888 9889// Get Viewport Width and Height 9890var is_opera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0; 9891var is_chrome = !!window.chrome && !is_opera; 9892var is_explorer= typeof document !== 'undefined' && !!document.documentMode && !isEdge; 9893var is_firefox = typeof window.InstallTrigger !== 'undefined'; 9894var is_safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent); 9895var windowWidth__ = window.innerWidth; 9896var windowHeight__ = window.innerHeight; 9897if (is_safari) { 9898 windowWidth__ = $( window ).width(); 9899 windowHeight__ = $( window ).height(); 9900} 9901$(window).resize(function() { 9902 windowWidth__ = window.innerWidth; 9903 windowHeight__ = window.innerHeight; 9904 if (is_safari) { 9905 windowWidth__ = $( window ).width(); 9906 windowHeight__ = $( window ).height(); 9907 } 9908}); 9909 9910// Filter Mobile select Text Label 9911$( "#filterRoomMobile > div > div > span" ).click(function() { 9912 $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked")); 9913}); 9914$( "#filterPropertyTypeMobile > div > div > span" ).click(function() { 9915 $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked")); 9916}); 9917$( "#filterDesignStyleMobile > div > div > span" ).click(function() { 9918 $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked")); 9919}); 9920$( "#filterAreaSizePhotoMobile > div > div > span" ).click(function() { 9921 $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked")); 9922}); 9923$( "#filterColorMobile > div > div > span" ).click(function() { 9924 $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked")); 9925}); 9926$( "#filterBusinessMobile > div > div > span" ).click(function() { 9927 $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked")); 9928}); 9929$( "#filterDesignStyleProMobile > div > div > span" ).click(function() { 9930 $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked")); 9931}); 9932$( "#filterPropertyTypeProMobile > div > div > span" ).click(function() { 9933 $(this).parent().find('input[type=checkbox]').prop("checked", !$(this).parent().find('input[type=checkbox]').prop("checked")); 9934}); 9935 9936 9937 function search_product(){ 9938 var cat_section_select = "products"; 9939 var cat_category_select = $("#filterSelectBoxMobile").attr("value"); 9940 var cat_location_select = $("#filterSelectLocationBoxMobile").attr("value"); 9941 9942 if(cat_category_select == undefined){ 9943 cat_category_select = "all-category"; 9944 } 9945 9946 if(cat_location_select == undefined){ 9947 cat_location_select = "all-cities"; 9948 } 9949 9950 var strings = "https://www.archify.com/../au/product/search/"+cat_section_select+"/"+cat_category_select+"/"+cat_location_select;//+$("#searchBox").val(); 9951 9952 var search = $('#searchBoxModalProduct').val(); 9953 search = search.replace("'",'%27'); 9954 strings += "/all/"+search; 9955 9956 window.location.href = strings; 9957 } 9958 9959 function search_brand(){ 9960 var cat_section_select = "brand"; 9961 var cat_category_select = $("#filterBrandSelectBoxMobile").attr("value"); 9962 var cat_location_select = $("#filterBrandSelectLocationBoxMobile").attr("value"); 9963 9964 if(cat_category_select == undefined){ 9965 cat_category_select = "all-category"; 9966 } 9967 9968 if(cat_location_select == undefined){ 9969 cat_location_select = "all-cities"; 9970 } 9971 9972 var strings = "https://www.archify.com/../au/product/search/"+cat_section_select+"/"+cat_category_select+"/"+cat_location_select;//+$("#searchBox").val(); 9973 9974 var search = $('#searchBoxModalBrand').val(); 9975 search = search.replace("'",'%27'); 9976 strings += "/all/"+search; 9977 9978 window.location.href = strings; 9979 } 9980 9981 9982// <!-- Call ajax every keyup --> 9983// <!--search box--> 9984var dataSearch = [ 9985 { 9986 group: 'Photos', 9987 groupIcon: 'photo-grey.svg', 9988 sugestion : 'modern, home, teras' 9989 }, 9990 { 9991 group: 'Professionals', 9992 groupIcon: 'professional-grey.svg', 9993 sugestion : 'modern, arsitect, professional' 9994 }, 9995 { 9996 group: 'Products', 9997 groupIcon: 'product-grey.svg', 9998 sugestion : 'modern, arsitect, professional' 9999 }, 10000 { 10001 group: 'Brands', 10002 groupIcon: 'brand-grey.svg', 10003 sugestion : 'modern, arsitect, professional' 10004 }, 10005 { 10006 group: 'Blog', 10007 groupIcon: 'blog-grey.svg', 10008 sugestion : 'modern, arsitect, professional' 10009 } 10010]; 10011var liSelected = ""; 10012// $(window).resize(function() { 10013// $('#search-box-affix').removeClass("long"); 10014// $('#searchBoxMenu').val(""); 10015// $('#search-box-affix ul.suggest').hide(); 10016// $('#search-box-affix .top-arrow-suggest').hide();
10017// $(".popup-shade-bg-top-menu").hide(); 10018// if ($("#search-box-affix").hasClass("expanded")) { 10019// $("#search-box-affix").removeClass("expanded"); 10020// $("#myAffixHome .cd-logo").fadeIn(); 10021// $("#myAffixHome nav").fadeIn(); 10022// } 10023// liSelected = ""; 10024// }); 10025 10026var searchHeight; 10027function showSearchWithoutAjax(isLoading) { 10028 10029 var isLoading = isLoading; 10030 10031 /* your ajax here */ 10032 changeTimer = false; 10033 var borderDiv = "<div class=\"border-search-box\"></div>"; 10034 10035 if (isLoading) { 10036 $('#search-box-affix ul.suggest').show().html($("" + 10037 "<div style=\"position: relative; float: left; width: 100%;text-align: center;\"><img src=\"https://www.archify.com/assets/img/bluprin-loading.gif\" /></div>" 10038 )); 10039 $('#search-box-affix ul.suggest').css("height", searchHeight+"px"); 10040 } else { 10041 $('#search-box-affix ul.suggest').show().html($("" + 10042 "<li class=\"header-project-suggestion-wrapper\" val=\"project\">" + 10043 "<p class=\"title\">Projects</p>" + 10044 "<a href=\"https://www.archify.com/au/projects/all-projects/all-business/all-locations/all-companies/popular/"+$search+"/\" class=\"link-view\" val=\"project\"><p class=\"grey\">Search in projects</p></a>" + 10045 "<div class=\"border-line\"></div>" + 10046 "</li>" + 10047 "<li class=\"header-product-suggestion-wrapper\" val=\"product\">" + 10048 "<p class=\"title\">Products</p>" + 10049 "<a href=\"https://www.archify.com/au/products/all-category/all?search="+$search+"\" class=\"link-view\" val=\"product\"><p class=\"grey\">Search in products</p></a>" + 10050 "<div class=\"border-line\"></div>" + 10051 "</li>" + 10052 "<li class=\"header-professional-suggestion-wrapper\" val=\"professional\">" + 10053 "<p class=\"title\">Professionals</p>" + 10054 // "<a href=\"https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+$search+"\" class=\"link-view\" val=\"professional\"><p class=\"grey\">Search in professionals</p></a>" + 10055 "<a href=\"https://www.archify.com/au/professionals?search="+$search+"\" class=\"link-view\" val=\"professional\"><p class=\"grey\">Search in professionals</p></a>" + 10056 "<div class=\"border-line\"></div>" + 10057 "</li>" + 10058 "<li class=\"header-photo-suggestion-wrapper\" val=\"photo\">" + 10059 "<p class=\"title\">Inspiration</p>" + 10060 "<a href=\"https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+$search+"\" class=\"link-view\" val=\"photo\"><p class=\"grey\">Search in inspiration</p></a>" + 10061 "<div class=\"border-line\"></div>" + 10062 "</li>" + 10063 "<li class=\"header-brand-suggestion-wrapper\" val=\"brand\">" + 10064 "<p class=\"title\">Brands</p>" + 10065 "<a href=\"https://www.archify.com/au/products/all-category/all?search="+$search+"\" class=\"link-view\" val=\"photo\"><p class=\"grey\">Search in brands</p></a>" + 10066 "<div class=\"border-line\"></div>" + 10067 "</li>" + 10068 "<li class=\"header-education-suggestion-wrapper\" val=\"education\">" + 10069 "<p class=\"title\">Education</p>" + 10070 "</li>" + 10071 "<li class=\"header-article-suggestion-wrapper\" val=\"article\">" + 10072 "<p class=\"title\">Articles</p>" + 10073 "<a href=\"https://www.archify.com/au/archifynow/search/"+$search+"\" class=\"link-view\" val=\"article\"><p class=\"grey\">Search in articles</p></a>" + 10074 "</li>" 10075 )); 10076 10077 10078 $('#search-box-affix ul.suggest').append('\ 10079 <div class="header-search-wrap-no-result">\ 10080 <div class="txt1">0 results for "https://www.archify.com/au/search?keyword=+search+" in all categories</div>\ 10081 <div class="txt2">Suggestion</div>\ 10082 <div class="txt3">sure all words are spelled correctly.<br>\ 10083 Try more general keywords.\ 10084 </div>\ 10085 <div class="txt4">or tell us what you are looking for and we\'ll be in touch\ 10086 </div>\ 10087 <div class="txt5">\ 10088 <a href="mailto:[email protected]?Subject=Feedback" target="_top">\ 10089 <div class="black-btnn">Send Message</div>\ 10090 </a>\ 10091 </div>\ 10092 </div>\ 10093 '); 10094 10095 searchHeight = $("#search-box-affix ul.suggest").outerHeight(); 10096 } 10097 10098 10099 $('#search-box-affix .top-arrow-suggest').show();
10100 $(".popup-shade-bg-top-menu-search-box").show(); 10101 hideHeaderMessageBox(); 10102 if (!$("#search-box-affix").hasClass("expanded")) { 10103 $("#search-box-affix").addClass("expanded"); 10104 $("#myAffixHome .cd-logo").fadeOut(); 10105 $("#myAffixHome nav").fadeOut(); 10106 } 10107 10108 if($search == ''){ 10109 $('#search-box-affix').removeClass("long"); 10110 $('#search-box-affix ul.suggest').hide(); 10111 $('#search-box-affix .top-arrow-suggest').hide(); 10112 $(".popup-shade-bg-top-menu-search-box").hide(); 10113 if ($("#search-box-affix").hasClass("expanded")) { 10114 $("#search-box-affix").removeClass("expanded"); 10115 $("#myAffixHome .cd-logo").fadeIn(); 10116 $("#myAffixHome nav").fadeIn(); 10117 } 10118 liSelected = ""; 10119 } 10120 10121 $('#search-box-affix ul.suggest li').unbind('click'); 10122 $('#search-box-affix ul.suggest li a').on('click', function(){ 10123 10124 if (requestSearch != "") { 10125 requestSearch.abort(); 10126 } 10127 10128 $('#search-box-affix').removeClass("long"); 10129 $('#search-box-affix ul.suggest').hide(); 10130 $('#search-box-affix .top-arrow-suggest').hide(); 10131 $(".popup-shade-bg-top-menu-search-box").hide(); 10132 $("#search-box-affix").removeClass("expanded"); 10133 $("#myAffixHome .cd-logo").fadeIn(); 10134 $("#myAffixHome nav").fadeIn(); 10135 liSelected = ""; 10136 10137 var ss = $(this).attr("val"); 10138 var s = $("#searchBoxMenu").val(); 10139 s = s.replace("'",'%27'); 10140 10141 if (ss == "project") { 10142 var strings = "https://www.archify.com/au/project/"+s; 10143 window.location.href = strings; 10144 } else if (ss == "professional") { 10145 // var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+s; 10146 var strings = "https://www.archify.com/au/professionals?search="+s; 10147 window.location.href = strings; 10148 } else if (ss == "product") { 10149 var strings = "https://www.archify.com/au/products/all-category/all?search="+s+""; 10150 window.location.href = strings; 10151 } else if (ss == "brand") { 10152 var strings = "https://www.archify.com/au/products/all-category/all?search="+s+""; 10153 window.location.href = strings; 10154 } else if (ss == "article") { 10155 var strings = "https://www.archify.com/au/archifynow/search/"+s; 10156 window.location.href = strings; 10157 } else { 10158 var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s; 10159 window.location.href = strings; 10160 } 10161 10162 e.preventDefault(); 10163 }); 10164 10165 $('#searchBoxMenu').unbind('keypress'); 10166 $("#searchBoxMenu").keypress( 10167 function(e){ 10168 // if(e.which==13){ 10169 // var searchVal = $("#searchBoxMenu").val(); 10170 // 10171 // $('#search-box-affix > ul > li').addClass('clean'); 10172 // var ss = $("#search-box-affix > ul > li.selected").attr("val"); 10173 // $('#searchBoxMenu').val($("#search-box-affix > ul > li.selected").find('.suggest-name').html()); 10174 // var s = searchVal.replace('in Photos',''); 10175 // s = s.replace('in Projects',''); 10176 // s = s.replace('in Professionals',''); 10177 // s = s.replace('in Products',''); 10178 // s = s.replace('in Brands',''); 10179 // s = s.replace('in Blog',''); 10180 // 10181 // s = s.replace("'",'%27'); 10182 // 10183 // if (ss == "project") { 10184 // var strings = "https://www.archify.com/au/project/"+s; 10185 // window.location.href = strings; 10186 // } else if (ss == "professional") { 10187 // var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+s; 10188 // window.location.href = strings; 10189 // } else if (ss == "product") { 10190 // var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+""; 10191 // window.location.href = strings; 10192 // } else if (ss == "brand") { 10193 // var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+""; 10194 // window.location.href = strings; 10195 // } else if (ss == "article") { 10196 // var strings = "https://www.archify.com/au/archifynow/search/"+s; 10197 // window.location.href = strings; 10198 // } else { 10199 // var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s; 10200 // window.location.href = strings; 10201 // } 10202 // 10203 // e.preventDefault(); 10204 // return; 10205 // } 10206 } 10207 ); 10208 10209 $('#submitBoxMenu').unbind('click'); 10210 $("#submitBoxMenu").click( 10211 function(e){ 10212 // $('#search-box-affix > ul > li').addClass('clean'); 10213 // var ss = $("#search-box-affix > ul > li.selected").attr("val"); 10214 // $('#searchBoxMenu').val($("#search-box-affix > ul > li.selected").find('.suggest-name').html()); 10215 // var s = $("#searchBoxMenu").val().replace('in Photos',''); 10216 // s = s.replace('in Projects',''); 10217 // s = s.replace('in Professionals',''); 10218 // s = s.replace('in Products',''); 10219 // s = s.replace('in Brands',''); 10220 // s = s.replace('in Blog',''); 10221 // 10222 // s = s.replace("'",'%27'); 10223 // 10224 // if (ss == "project") { 10225 // var strings = "https://www.archify.com/au/project/"+s; 10226 // window.location.href = strings; 10227 // } else if (ss == "professional") { 10228 // var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+s; 10229 // window.location.href = strings; 10230 // } else if (ss == "product") { 10231 // var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+""; 10232 // window.location.href = strings; 10233 // } else if (ss == "brand") { 10234 // var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+""; 10235 // window.location.href = strings; 10236 // } else if (ss == "article") { 10237 // var strings = "https://www.archify.com/au/archifynow/search/"+s; 10238 // window.location.href = strings; 10239 // } else { 10240 // var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s; 10241 // window.location.href = strings; 10242 // } 10243 10244 e.preventDefault(); 10245 return; 10246 } 10247 ); 10248 10249 var li = $('#search-box-affix > ul > li'); 10250 var n = -1; 10251 var ll = li.length-1; 10252 10253 $("#searchBoxMenu").unbind('keydown'); 10254 $("#searchBoxMenu").keydown(function(e){ 10255 }); 10256 10257 $('#searchBoxMenu').unbind('click'); 10258 $('#searchBoxMenu').click(function(){ 10259 if ($("#searchBoxMenu").val() != "") { 10260 $("#search-box-affix ul.suggest").show(); 10261 $('#search-box-affix .top-arrow-suggest').show();
10262 $(".popup-shade-bg-top-menu-search-box").show(); 10263 hideHeaderMessageBox(); 10264 if (!$("#search-box-affix").hasClass("expanded")) { 10265 $("#search-box-affix").addClass("expanded"); 10266 $("#myAffixHome .cd-logo").fadeOut(); 10267 $("#myAffixHome nav").fadeOut(); 10268 } 10269 } 10270 }); 10271} 10272 10273function showSearchAjax(data) { 10274 10275 /* your ajax here */ 10276 changeTimer = false; 10277 var borderDiv = "<div class=\"border-search-box\"></div>"; 10278 var listNotShown = 0; 10279 10280 // Looping Product 10281 var productsList = ""; 10282 10283 for (var i = 0; i < data.data["products"].length; i++) { 10284 productsList += "<div val=\"product\" class=\"list\">" + 10285 "<span class=\"text-search\">"+data.data["products"][i][0]+"</span>" + 10286 "<div class='suggest-name' style='display: none'>"+data.data["products"][i][1]+"</div>" + 10287 "</div>"; 10288 } 10289 // END Looping Product 10290 10291 // Looping Product Image 10292 var productsImageList = ""; 10293 10294 var txt_m = "mobile"; 10295 10296 for (var i = 0; i < data.data["products_photos"].length; i++) { 10297 if(i>=4)txt_m=""; 10298 10299 productsImageList += "<div val=\"photo\" class=\"list photo "+txt_m+"\">" 10300 + "<a href='https://www.archify.com/au/product/"+data.data["products_photos"][i]["brand_slug"]+"/product/"+data.data["products_photos"][i]["id"]+"'>" 10301 +"<span class=\"text-search\">" 10302 +"<img src='"+data.data["products_photos"][i]["product_image"]+"' alt=\"\">" 10303 +"</span>" 10304 +"</a>" 10305 +"</div>"; 10306 if (i === 7) { break; } 10307 } 10308 // END Looping Product 10309 10310 10311 // Looping Professional 10312 var professionalList = ""; 10313 10314 for (var i = 0; i < data.data["professionals"].length; i++) { 10315 professionalList += "<div val=\"product\" class=\"list\">" + 10316 "<span class=\"text-search\">"+data.data["professionals"][i][0]+"</span>" + 10317 "<div class='suggest-name' style='display: none'>"+data.data["professionals"][i][1]+"</div>" + 10318 "</div>"; 10319 } 10320 // END Looping Professional 10321 10322 // Looping Professional 10323 var professionalList = ""; 10324 10325 for (var i = 0; i < data.data["professionals"].length; i++) { 10326 professionalList += "<div val=\"professional\" class=\"list\">" + 10327 "<span class=\"text-search\">"+data.data["professionals"][i][0]+"</span>" + 10328 "<div class='suggest-name' style='display: none'>"+data.data["professionals"][i][1]+"</div>" + 10329 "</div>"; 10330 } 10331 // END Looping Product 10332 10333 // Looping Inspiration 10334 var photosList = "<div class=\"photos-wrapper\">"; 10335 10336 for (var i = 0; i < data.data["photos"].length; i++) { 10337 if (i < 8) { 10338 if (i < 4) { 10339 photosList += "<div val=\"photo\" class=\"list photo mobile\">" + 10340 // _using_s3 10341 // "<span class=\"text-search\"><img src=\"https://image-apac.archify.com/professional/projects/xxs/"+data.data["photos"][i][1]+"\" alt=\"\" /></span>" + 10342 "<span class=\"text-search\"><img src=\"https://www.archify.com/files/professional/projects/xxs/"+data.data["photos"][i][1]+"\" alt=\"\" /></span>" + 10343 "<div class='suggest-name' style='display: none'>"+data.data["photos"][i][0]+"</div>" + 10344 "</div>"; 10345 } else { 10346 photosList += "<div val=\"photo\" class=\"list photo\">" + 10347 // _using_s3 10348 // "<span class=\"text-search\"><img src=\"https://image-apac.archify.com/professional/projects/xxs/"+data.data["photos"][i][1]+"\" alt=\"\" /></span>" + 10349 10350 "<span class=\"text-search\"><img src=\"https://www.archify.com/files/professional/projects/xxs/"+data.data["photos"][i][1]+"\" alt=\"\" /></span>" + 10351 "<div class='suggest-name' style='display: none'>"+data.data["photos"][i][0]+"</div>" + 10352 "</div>"; 10353 } 10354 } 10355 } 10356 photosList += "</div>"; 10357 // END Looping Inspiration 10358 10359 10360 // Looping Brand 10361 var brandList = ""; 10362 10363 for (var i = 0; i < data.data["brands"].length; i++) { 10364 brandList += "<div val=\"brand\" class=\"list\">" + 10365 "<span class=\"text-search\">"+data.data["brands"][i][0]+"</span>" + 10366 "<div class='suggest-name' style='display: none'>"+data.data["brands"][i][1]+"</div>" + 10367 "</div>"; 10368 } 10369 // END Looping Brand 10370 10371 // Looping Projects 10372 var projectList = ""; 10373 for (var i = 0; i < data.data["projects"].length; i++) { 10374 projectList += "<div val=\"project\" class=\"list\">" + 10375 "<span class=\"text-search\">"+data.data["projects"][i][0]+"</span>" + 10376 "<div class='suggest-name' style='display: none'>"+data.data["projects"][i][1]+"</div>" + 10377 "</div>"; 10378 } 10379 // END Looping Projects 10380 10381 // Looping Article 10382 var articleList = ""; 10383 10384 for (var i = 0; i < data.data["articles"].length; i++) { 10385 articleList += "<div val=\"article\" class=\"list\">" + 10386 "<span class=\"text-search\">"+data.data["articles"][i][0]+"</span>" + 10387 "<div class='suggest-name' style='display: none'>"+data.data["articles"][i][1]+"</div>" + 10388 "</div>"; 10389 } 10390 // END Looping Article 10391 10392 // Looping Projects uploaded by Product 10393 var projectsUploadedList = ""; 10394 10395 for (var i = 0; i < data.data["projects_upload"].length; i++) { 10396 projectsUploadedList += "<div val=\"project-uploaded\" data-slug-brand=\""+data.data["projects_upload"][i][2]+"\" data-slug-project=\""+data.data["projects_upload"][i][1]+"\" class=\"list\">" + 10397 "<span class=\"text-search\">"+data.data["projects_upload"][i][0]+"</span>" + 10398 "<div class='suggest-name' style='display: none'>"+data.data["projects_upload"][i][1]+"</div>" + 10399 "</div>"; 10400 } 10401 // END Looping Projects uploaded by Product 10402
10403 // Looping Education 10404 var educationList = ""; 10405 10406 for (var i = 0; i < data.data["education"].length; i++) { 10407 educationList += "<div val=\"education\" class=\"list\" data-slug-brand=\""+data.data["education"][i][2]+"\" data-slug-education=\""+data.data["education"][i][1]+"\">" + 10408 "<span class=\"text-search\">"+data.data["education"][i][0]+"</span>" + 10409 "<div class='suggest-name' style='display: none'>"+data.data["education"][i][1]+"</div>" + 10410 "</div>"; 10411 } 10412 // END Looping Education 10413 10414 $('#search-box-affix ul.suggest').show().html($("" + 10415 "<li class=\"header-project-suggestion-wrapper\" val=\"project\">" + 10416 "<p class=\"title\">Projects</p>" + 10417 "<a href=\"https://www.archify.com/au/projects/all-projects/all-business/all-locations/all-companies/popular/"+$search+"/\" class=\"link-view\" val=\"project\"><p class=\"grey\">Search in projects</p></a>" + 10418 projectList + 10419 "<div class=\"border-line\"></div>" + 10420 "</li>" + 10421 "<li class=\"header-education-suggestion-wrapper\" val=\"education\">" + 10422 "<p class=\"title\">Education</p>" + 10423 educationList + 10424 "<div class=\"border-line\"></div>" + 10425 "</li>" + 10426 "<li class=\"header-product-suggestion-wrapper\" val=\"product\">" + 10427 "<p class=\"title\">Products</p>" + 10428 "<a href=\"https://www.archify.com/au/products/all-category/all?search="+$search+"\" class=\"link-view\" val=\"product\"><p class=\"grey\">Search in products</p></a>" + 10429 productsList + 10430 "<div class=\"photos-wrapper\">"+ 10431 productsImageList+ 10432 "</div>"+ 10433 "<div class=\"border-line\"></div>" + 10434 "</li>" + 10435 "<li class=\"header-professional-suggestion-wrapper\" val=\"professional\">" + 10436 "<p class=\"title\">Professionals</p>" + 10437 // "<a href=\"https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+$search+"\" class=\"link-view\" val=\"professional\"><p class=\"grey\">Search in professionals</p></a>" + 10438 "<a href=\"https://www.archify.com/au/professionals/?search="+$search+"\" class=\"link-view\" val=\"professional\"><p class=\"grey\">Search in professionals</p></a>" + 10439 professionalList + 10440 "<div class=\"border-line\"></div>" + 10441 "</li>" + 10442 "<li class=\"header-photo-suggestion-wrapper\" val=\"photo\">" + 10443 "<p class=\"title\">Inspiration</p>" + 10444 "<a href=\"https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+$search+"\" class=\"link-view\" val=\"photo\"><p class=\"grey\">Search in inspiration</p></a>" + 10445 photosList + 10446 "<div class=\"border-line\"></div>" + 10447 "</li>" + 10448 "<li class=\"header-brand-suggestion-wrapper\" val=\"brand\">" + 10449 "<p class=\"title\">Brands</p>" + 10450 "<a href=\"https://www.archify.com/au/brands/all-category/all?search="+$search+"\" class=\"link-view\" val=\"photo\"><p class=\"grey\">Search in brands</p></a>" + 10451 brandList + 10452 "<div class=\"border-line\"></div>" + 10453 "</li>" + 10454 "<li class=\"header-article-suggestion-wrapper\" val=\"article\">" + 10455 "<p class=\"title\">Articles</p>" + 10456 "<a href=\"https://www.archify.com/au/archifynow/search/"+$search+"\" class=\"link-view\" val=\"article\"><p class=\"grey\">Search in articles</p></a>" + 10457 articleList + 10458 "<div class=\"border-line\"></div>" + 10459 "</li>" + 10460 "<li class=\"header-projects-upload-suggestion-wrapper\" val=\"project-uploaded\">" + 10461 "<p class=\"title\" style=\"width:100%;\">Projects Uploaded by Supplier</p>" + 10462 projectsUploadedList + 10463 "</li>" 10464 )); 10465 10466 var searchHeaderEmptyTotal = 0; 10467 if (data.data["projects"].length <= 0) { 10468 $(".header-project-suggestion-wrapper").remove(); 10469 searchHeaderEmptyTotal += 1; 10470 } 10471 if (data.data["products"].length <= 0 && data.data["products_photos"].length <= 0) { 10472 $(".header-product-suggestion-wrapper").remove(); 10473 searchHeaderEmptyTotal += 1; 10474 } 10475 if (data.data["professionals"].length <= 0) { 10476 $(".header-professional-suggestion-wrapper").remove(); 10477 searchHeaderEmptyTotal += 1; 10478 } 10479 if (data.data["photos"].length <= 0) { 10480 $(".header-photo-suggestion-wrapper").remove(); 10481 searchHeaderEmptyTotal += 1; 10482 } 10483 if (data.data["brands"].length <= 0) { 10484 $(".header-brand-suggestion-wrapper").remove(); 10485 searchHeaderEmptyTotal += 1; 10486 } 10487 if (data.data["articles"].length <= 0) { 10488 $(".header-article-suggestion-wrapper").remove(); 10489 searchHeaderEmptyTotal += 1; 10490 } 10491 if (data.data["projects_upload"].length <= 0) { 10492 $(".header-projects-upload-suggestion-wrapper").remove(); 10493 searchHeaderEmptyTotal += 1; 10494 } 10495 if (data.data["education"].length <= 0) { 10496 $(".header-education-suggestion-wrapper").remove(); 10497 searchHeaderEmptyTotal += 1; 10498 } 10499 10500 var totalHeaderEmptyMax = 8; 10501 10502 if (searchHeaderEmptyTotal >= totalHeaderEmptyMax) { 10503 $('#search-box-affix ul.suggest').append('\ 10504 <div class="header-search-wrap-no-result">\ 10505 <div class="txt1">0 results for "<span>'+$('#searchBoxMenu').val()+'</span>" in all categories</div>\ 10506 <div class="txt2">Suggestion</div>\ 10507 <div class="txt3">sure all words are spelled correctly.<br>\ 10508 Try more general keywords.\ 10509 </div>\ 10510 <!--<div class="txt4">or tell us what you are looking for and we\'ll be in touch\ 10511 </div>\ 10512 <div class="txt5">\ 10513 <a href="mailto:[email protected]?Subject=Feedback" target="_top">\ 10514 <div class="black-btnn">Send Message</div>\ 10515 </a>\ 10516 </div>-->\ 10517 </div>\ 10518 '); 10519 } 10520 10521 searchHeight = $("#search-box-affix ul.suggest").outerHeight(); 10522 10523 $('#search-box-affix .top-arrow-suggest').show();
10524 $(".popup-shade-bg-top-menu-search-box").show(); 10525 hideHeaderMessageBox(); 10526 if (!$("#search-box-affix").hasClass("expanded")) { 10527 $("#search-box-affix").addClass("expanded"); 10528 $("#myAffixHome .cd-logo").fadeOut(); 10529 $("#myAffixHome nav").fadeOut(); 10530 } 10531 10532 if($search == ''){ 10533 $('#search-box-affix').removeClass("long"); 10534 $('#search-box-affix ul.suggest').hide(); 10535 $('#search-box-affix .top-arrow-suggest').hide(); 10536 $(".popup-shade-bg-top-menu-search-box").hide(); 10537 $("#search-box-affix").removeClass("expanded"); 10538 $("#myAffixHome .cd-logo").fadeIn(); 10539 $("#myAffixHome nav").fadeIn(); 10540 liSelected = ""; 10541 } 10542 10543 $('#search-box-affix ul.suggest li .list').unbind('click'); 10544 $('#search-box-affix ul.suggest li .list').on('click', function(){ 10545 if (requestSearch != "") { 10546 requestSearch.abort(); 10547 } 10548 $('#search-box-affix').removeClass("long"); 10549 $('#search-box-affix ul.suggest').hide(); 10550 $('#search-box-affix .top-arrow-suggest').hide(); 10551 $(".popup-shade-bg-top-menu-search-box").hide(); 10552 $("#search-box-affix").removeClass("expanded"); 10553 $("#myAffixHome .cd-logo").fadeIn(); 10554 $("#myAffixHome nav").fadeIn(); 10555 liSelected = ""; 10556 // $('#searchBoxMenu').val($(this).find('.suggest-name').html()); 10557 10558 var ss = $(this).attr("val"); 10559 var s = $(this).find('.suggest-name').html().replace('in Photos',''); 10560 s = s.replace('in Projects',''); 10561 s = s.replace('in Professionals',''); 10562 s = s.replace('in Products',''); 10563 s = s.replace('in Brands',''); 10564 s = s.replace('in Blog',''); 10565 10566 s = s.replace("'",'%27'); 10567 10568 if (ss == "project") { 10569 var strings = "https://www.archify.com/au/project/"+s; 10570 window.location.href = strings; 10571 } else if (ss == "professional") { 10572 var strings = "https://www.archify.com/au/"+s; 10573 window.location.href = strings; 10574 } else if (ss == "product") { 10575 var strings = "https://www.archify.com/au/products/all-category/all?search="+s+""; 10576 window.location.href = strings; 10577 } else if (ss == "brand") { 10578 // alert(s); 10579 var strings = "https://www.archify.com/au/product/"+s; 10580 window.location.href = strings; 10581 } else if (ss == "article") { 10582 var strings = "https://www.archify.com/au/archifynow/"+s; 10583 window.location.href = strings; 10584 } else if (ss == "project-uploaded") { 10585 var strings = "https://www.archify.com/au/product/"+$(this).attr("data-slug-brand")+"/project/"+$(this).attr("data-slug-project")+""; 10586 window.location.href = strings; 10587 } else if (ss == "education") { 10588 var strings = "https://www.archify.com/au/education/"+$(this).attr("data-slug-brand")+"/detail/"+$(this).attr("data-slug-education")+""; 10589 window.location.href = strings; 10590 } else { 10591 var strings = "https://www.archify.com/au/photo/detail/"+s; 10592 window.location.href = strings; 10593 } 10594 10595 e.preventDefault(); 10596 }); 10597 10598 $('#searchBoxMenu').unbind('keypress'); 10599 $("#searchBoxMenu").keypress( 10600 function(e){ 10601 //alert("aa"); 10602 // if(e.which==13){ 10603 // 10604 // 10605 // var searchVal = $("#searchBoxMenu").val(); 10606 // 10607 // 10608 // $('#search-box-affix > ul > li').addClass('clean'); 10609 // var ss = $("#search-box-affix > ul > li.selected").attr("val"); 10610 // $('#searchBoxMenu').val($("#search-box-affix > ul > li.selected").find('.suggest-name').html()); 10611 // var s = searchVal.replace('in Photos',''); 10612 // s = s.replace('in Projects',''); 10613 // s = s.replace('in Professionals',''); 10614 // s = s.replace('in Products',''); 10615 // s = s.replace('in Brands',''); 10616 // s = s.replace('in Blog',''); 10617 // 10618 // s = s.replace("'",'%27'); 10619 // 10620 // if (ss == "project") { 10621 // var strings = "https://www.archify.com/au/project/"+s; 10622 // window.location.href = strings; 10623 // } else if (ss == "professional") { 10624 // var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+s; 10625 // window.location.href = strings; 10626 // } else if (ss == "product") { 10627 // var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+""; 10628 // window.location.href = strings; 10629 // } else if (ss == "brand") { 10630 // var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+""; 10631 // window.location.href = strings; 10632 // } else if (ss == "article") { 10633 // var strings = "https://www.archify.com/au/archifynow/search/"+s; 10634 // window.location.href = strings; 10635 // } else { 10636 // var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s; 10637 // window.location.href = strings; 10638 // } 10639 // 10640 // e.preventDefault(); 10641 // return; 10642 // } 10643 } 10644 ); 10645 10646 $('#submitBoxMenu').unbind('click'); 10647 $("#submitBoxMenu").click( 10648 function(e){ 10649 // $('#search-box-affix > ul > li').addClass('clean'); 10650 // var ss = $("#search-box-affix > ul > li.selected").attr("val"); 10651 // $('#searchBoxMenu').val($("#search-box-affix > ul > li.selected").find('.suggest-name').html()); 10652 // var s = $("#searchBoxMenu").val().replace('in Photos',''); 10653 // s = s.replace('in Professionals',''); 10654 // s = s.replace('in Products',''); 10655 // s = s.replace('in Brands',''); 10656 // s = s.replace('in Blog',''); 10657 // 10658 // s = s.replace("'",'%27'); 10659 // 10660 // if (ss == "project") { 10661 // var strings = "https://www.archify.com/au/project/"+s; 10662 // window.location.href = strings; 10663 // } else if (ss == "professional") { 10664 // var strings = "https://www.archify.com/au/professionals/all-categories/all-properties/all-styles/all-cities/all-fees/"+s; 10665 // window.location.href = strings; 10666 // } else if (ss == "product") { 10667 // var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+""; 10668 // window.location.href = strings; 10669 // } else if (ss == "brand") { 10670 // var strings = "https://www.archify.com/../au/product/search/products/all-category/all?search="+s+""; 10671 // window.location.href = strings; 10672 // } else if (ss == "article") { 10673 // var strings = "https://www.archify.com/au/archifynow/search/"+s; 10674 // window.location.href = strings; 10675 // } else { 10676 // var strings = "https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/"+s; 10677 // window.location.href = strings; 10678 // } 10679 10680 e.preventDefault(); 10681 return; 10682 } 10683 ); 10684 10685 var li = $('#search-box-affix > ul > li'); 10686 var n = -1; 10687 var ll = li.length-1; 10688 10689 $("#searchBoxMenu").unbind('keydown'); 10690 $("#searchBoxMenu").keydown(function(e){ 10691 }); 10692 10693 $('#searchBoxMenu').unbind('click'); 10694 $('#searchBoxMenu').click(function(){ 10695 if ($("#searchBoxMenu").val() != "") { 10696 $("#search-box-affix ul.suggest").show(); 10697 $('#search-box-affix .top-arrow-suggest').show();
10698 $(".popup-shade-bg-top-menu-search-box").show(); 10699 hideHeaderMessageBox(); 10700 if (!$("#search-box-affix").hasClass("expanded")) { 10701 $("#search-box-affix").addClass("expanded"); 10702 $("#myAffixHome .cd-logo").fadeOut(); 10703 $("#myAffixHome nav").fadeOut(); 10704 } 10705 } 10706 }); 10707 10708} 10709 10710$(document).unbind('mouseup'); 10711$(document).mouseup(function(e) 10712{ 10713 var container = $("#search-box-affix ul.suggest"); 10714 var container2 = $("#searchBoxMenu"); 10715 var headerMessageIconAreaContainer = $(".header-message-icon-area"); 10716 var headerMessageBoxAreaContainer = $("#myAffixHome .header-message-box-area"); 10717 10718 // if the target of the click isn't the container nor a descendant of the container 10719 if ((!container.is(e.target) && container.has(e.target).length === 0) && (!container2.is(e.target) && container2.has(e.target).length === 0)) 10720 { 10721 if (windowWidth__ > 992) { 10722 container.hide(); 10723 $(".popup-shade-bg-top-menu-search-box").hide(); 10724 $('#search-box-affix .top-arrow-suggest').hide(); 10725 if ($("#search-box-affix").hasClass("expanded")) { 10726 $("#search-box-affix").removeClass("expanded"); 10727 $("#myAffixHome .cd-logo").fadeIn(); 10728 $("#myAffixHome nav").fadeIn(); 10729 } 10730 } 10731 10732 } 10733 10734 // if the target of the click isn't the container nor a descendant of the container 10735 if (!headerMessageIconAreaContainer.is(e.target) && headerMessageIconAreaContainer.has(e.target).length === 0) 10736 { 10737 if (!headerMessageBoxAreaContainer.is(e.target) && headerMessageBoxAreaContainer.has(e.target).length === 0) 10738 { 10739 hideHeaderMessageBox(); 10740 } 10741 } 10742}); 10743 10744var requestSearch = ""; 10745var searchAjaxTimeout; 10746let requestSearchGlobal = []; 10747 10748// search header javascript 10749$(".search-header-button").click(function(){ 10750 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header").addClass("show-search"); 10751 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper").hide();
10752 // $(".popup-shade-bg-top-menu-new-search-box").show(); 10753 $("#newHeaderSearchInput").focus(); 10754 abortAllRequestSearchAjax(); 10755 clearTimeout(searchAjaxTimeout); 10756}); 10757$(".new-header-close-search-button").click(function(){ 10758 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header").removeClass("show-search"); 10759 $(".popup-shade-bg-top-menu-new-search-box").hide(); 10760 $("#newHeaderSearchInput").val(""); 10761 valueSearchTextBefore = ""; 10762 abortAllRequestSearchAjax(); 10763 clearTimeout(searchAjaxTimeout); 10764}); 10765$(".popup-shade-bg-top-menu-new-search-box").click(function(){ 10766 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header").removeClass("show-search"); 10767 $(".popup-shade-bg-top-menu-new-search-box").hide(); 10768 $("#newHeaderSearchInput").val(""); 10769 valueSearchTextBefore = ""; 10770 abortAllRequestSearchAjax(); 10771 clearTimeout(searchAjaxTimeout); 10772}); 10773$("#newHeaderSearchButton").click(function(){ 10774 $search = escapeHtmlMain($("#newHeaderSearchInput").val()); 10775 //alert("aaa"); 10776 window.location = "https://www.archify.com/au/search?keyword="+$search; 10777}); 10778 10779function keyupdelay(callback, ms) { 10780 var timer = 0; 10781 return function() { 10782 var context = this, args = arguments; 10783 clearTimeout(timer); 10784 timer = setTimeout(function () { 10785 callback.apply(context, args); 10786 }, ms || 0); 10787 }; 10788} 10789 10790function abortAllRequestSearchAjax() { 10791 requestSearchGlobal.forEach(request => { 10792 if(request?.abort){ 10793 request?.abort(); 10794 } 10795 }); 10796 10797 requestSearchGlobal = []; 10798} 10799 10800$('#newHeaderSearchInput').keydown(function(e){ 10801 if (e.which == 13) { 10802 e.preventDefault(); 10803 } 10804}); 10805function escapeHtmlMain(htmlStr) { 10806 return htmlStr.replace(/&/g, "&") 10807 .replace(/</g, "<") 10808 .replace(/>/g, ">") 10809 .replace(/"/g, """) 10810 .replace(/'/g, "'"); 10811} 10812var valueSearchTextBefore = ""; 10813$('#newHeaderSearchInput').keyup(keyupdelay(function (e) { 10814 10815 var changeTimer = false; 10816 var thisInputBox = $(this); 10817 10818 $search = escapeHtmlMain(thisInputBox.val()); 10819 10820 var textlength = $.trim($search).length; 10821 10822 abortAllRequestSearchAjax(); 10823 10824 if(e.which === 13){ 10825 // alert("https://www.archify.com/au/search?keyword="+$search); 10826 window.location = "https://www.archify.com/au/search?keyword="+$search; 10827 } 10828 else if (e.which !== 38 && e.which !== 40) { 10829 //alert("wm"); 10830 //alert(e.which); 10831 10832 //alert("wm3"); 10833 if (valueSearchTextBefore != $search) { 10834 valueSearchTextBefore = $search; 10835 10836 if ($search == "") { 10837 10838 // $(".new-header-wrapper .navigation-wrapper .search-wrapper-header").addClass("show-search"); 10839 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper").hide(); 10840 $(".popup-shade-bg-top-menu-new-search-box").hide(); 10841 10842 10843 } else { 10844 if (textlength < 3) { 10845 //alert("wm2"); 10846 // showSearchWithoutAjax(true); 10847 // $(".new-header-wrapper .navigation-wrapper .search-wrapper-header").addClass("show-search"); 10848 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper").hide(); 10849 $(".popup-shade-bg-top-menu-new-search-box").hide(); 10850 } else { 10851 var totalNoResult = 0; 10852 var totalSearchAjaxSuccess = 0; 10853 // $(".new-header-wrapper .navigation-wrapper .search-wrapper-header").addClass("show-search"); 10854 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result").hide(); 10855 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.loading").show(); 10856 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper").show(); 10857 $(".popup-shade-bg-top-menu-new-search-box").show(); 10858 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result:not(.loading):not(.no-result):not(.products)").html(""); 10859 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.no-result").hide(); 10860 10861 clearTimeout(searchAjaxTimeout); 10862 var thisDiv = $(this); 10863 10864 var count_res = 0; 10865 var total_search_ajax_loaded = 0; 10866
10867 searchAjaxTimeout = setTimeout( function() 10868 { 10869 // Optimized async search using Promise.all 10870 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.loading").show(); 10871 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.no-result").hide(); 10872 performAsyncSearch($search); 10873 }, 1000); 10874 } 10875 10876 } 10877 } 10878 10879 10880 } 10881 10882}, 500)); 10883 10884// Optimized async search function 10885function performAsyncSearch(search) { 10886 // Define all search endpoints 10887 const searchEndpoints = [ 10888 { 10889 url: "https://www.archify.com/au/gpost/search/get_products_optimized?query=" + search, 10890 type: "products", 10891 handler: handleProductsResponse, 10892 }, 10893 { 10894 url: "https://www.archify.com/au/gpost/search/get_products_for_landing_optimized?query=" + search, 10895 type: "products_photos", 10896 handler: handleProductsPhotosResponse, 10897 }, 10898 { 10899 url: "https://www.archify.com/au/gpost/search/get_brands_optimized?query=" + search, 10900 type: "brands", 10901 handler: handleBrandsResponse, 10902 }, 10903 { 10904 url: "https://www.archify.com/au/gpost/search/get_education_optimized?query=" + search, 10905 type: "education", 10906 handler: handleEducationResponse, 10907 }, 10908 { 10909 url: "https://www.archify.com/au/gpost/search/get_professionals_optimized?query=" + search, 10910 type: "professionals", 10911 handler: handleProfessionalsResponse, 10912 }, 10913 { 10914 url: "https://www.archify.com/au/gpost/search/get_projects_optimized?query=" + search, 10915 type: "projects", 10916 handler: handleProjectsResponse, 10917 }, 10918 { 10919 url: "https://www.archify.com/au/gpost/search/get_inspirations_optimized?query=" + search, 10920 type: "inspirations", 10921 handler: handleInspirationsResponse, 10922 }, 10923 { 10924 url: "https://www.archify.com/au/gpost/search/get_articles_optimized?query=" + search, 10925 type: "articles", 10926 handler: handleArticlesResponse, 10927 } 10928 ]; 10929 // Create promises for all requests 10930 const promises = searchEndpoints.map(endpoint => { 10931 return new Promise((resolve, reject) => { 10932 requestSearchGlobal.push($.ajax({ 10933 url: endpoint.url, 10934 type: "GET", 10935 dataType: 'JSON', 10936 async: true, 10937 success: function(data) { 10938 resolve({ type: endpoint.type, data: data, handler: endpoint.handler }); 10939 }, 10940 error: function(jqXHR, textStatus, errorThrown) { 10941 resolve({ type: endpoint.type, data: null, handler: endpoint.handler }); 10942 } 10943 })); 10944 }); 10945 }); 10946 10947 // Execute all requests simultaneously 10948 Promise.all(promises).then(results => { 10949 let totalResults = 0; 10950 10951 results.forEach(result => { 10952 if (result.data && result.data.data) { 10953 // Call the appropriate handler for each response 10954 const resultCount = result.handler(result.data.data, search); 10955 totalResults += resultCount; 10956 } 10957 }); 10958 10959 // Hide loading and show no results if needed 10960 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.loading").hide(); 10961 if (totalResults === 0) { 10962 $(".no-result").show(); 10963 }else{ 10964 $(".no-result").hide(); 10965 } 10966 }); 10967} 10968 10969// Response handlers for each search type 10970function handleProductsResponse(data, search) { 10971 let count = 0; 10972 let productsList = ""; 10973 10974 // reset products list 10975 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.products .products-search-result-text").html(""); 10976 10977 for (let i = 0; i < data.products.length && i < 10; i++) { 10978 count++; 10979 10980 productsList += `<a target="_blank" href="https://www.archify.com/au/products?search=${data.products[i][1]}">${data.products[i][0]} </a> ${ i < data.products.length-1 && i < 9 ? "<p>|</p>" : ""}`; 10981 } 10982 10983 if (data.products.length > 0) { 10984 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.products .products-search-result-text").append(`${productsList}`); 10985 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.products").fadeIn(); 10986 } 10987 10988 return count; 10989} 10990 10991function handleProductsPhotosResponse(data, search) { 10992 let count = 0; 10993 let productsImageList = ""; 10994 10995 // reset products image list 10996 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.products .main-wrapper").html(""); 10997 10998 for (let i = 0; i < data.products_photos.length && i < 10; i++) { 10999 count++; 11000 productsImageList += `<div class="image-item-wrapper"> 11001 <a target="_blank" href="https://www.archify.com/au/product/${data.products_photos[i].brand_slug}/product/${data.products_photos[i].id}"> 11002 <div class="image-item"> 11003 <img src="${data.products_photos[i].product_image}" title="${data.products_photos[i].product_name}" alt="${data.products_photos[i].product_name}" width="100" height="100">
11004 </div> 11005 </a> 11006 </div>`; 11007 } 11008 11009 let more_products = ''; 11010 if (data.products_photos.length >= 10) { 11011 more_products = `<a class="view-more-link" href="https://www.archify.com/au/products/all-category/all?search=${search}"> 11012 <div class="image-item view-more">View More</div> 11013 </a>`; 11014 } 11015 11016 if (data.products_photos.length > 0) { 11017 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.products .main-wrapper").append( 11018 `<div class="main-wrapper"> 11019 <div class="search-result-wrapper-header"> 11020 <div class="images-inside-wrapper">${productsImageList}</div> 11021 </div> 11022 ${more_products} 11023 </div> 11024 `); 11025 11026 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.products").fadeIn(); 11027 } 11028 11029 return count; 11030} 11031 11032function handleBrandsResponse(data, search) { 11033 let count = 0; 11034 let brandList = ""; 11035 11036 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.brands").html(""); 11037 11038 for (let i = 0; i < data.brands.length && i < 10; i++) { 11039 count++; 11040 brandList += `<div class="image-item-wrapper"> 11041 <a target="_blank" href="https://www.archify.com/au/product/${data.brands[i].slug}"> 11042 <div class="image-item brands"> 11043 <img src="https://image-apac.archify.com/catalog/supplier/s/${data.brands[i].logo}" title="${data.brands[i].brand_name}" alt="${data.brands[i].brand_name}" width="100" height="100"> 11044 </div> 11045 <p class="name">${data.brands[i].brand_name}</p> 11046 </a> 11047 </div>`; 11048 } 11049 11050 let more_brands = ''; 11051 if (data.brands.length > 10) { 11052 more_brands = `<a class="view-more-link" href="https://www.archify.com/au/brands/all-category/all?search=${search}"> 11053 <div class="image-item view-more">View More</div> 11054 </a>`; 11055 } 11056 11057 if (data.brands.length > 0) { 11058 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.brands").append(` 11059 <p class="title">Brands</p> 11060 <div class="main-wrapper"> 11061 <div class="search-result-wrapper-header"> 11062 <div class="images-inside-wrapper">${brandList}</div> 11063 </div> 11064 ${more_brands} 11065 </div> 11066 <div class="border-bottom"></div> 11067 `); 11068 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.brands").fadeIn(); 11069 } 11070 11071 return count; 11072} 11073 11074function handleEducationResponse(data, search) { 11075 let count = 0; 11076 let educationList = ""; 11077 11078 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.education").html(""); 11079 11080 for (let i = 0; i < data.education.length && i < 10; i++) { 11081 count++; 11082 educationList += `<li> 11083 <a target="_blank" href="https://www.archify.com/au/education/${data.education[i][2]}/detail/${data.education[i][1]}">${data.education[i][0]}</a> 11084 </li>`; 11085 } 11086 11087 let more_educations = ''; 11088 if (data.education.length > 8) { 11089 more_educations = `<li><a href="https://www.archify.com/au/education"><span>View More</span></a></li>`; 11090 } 11091 11092 if (data.education.length > 0) { 11093 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.education").append(` 11094 <p class="title">Education</p> 11095 <div class="search-result-wrapper-header full"> 11096 <ul>${educationList}${more_educations}</ul> 11097 </div> 11098 <div class="border-bottom"></div> 11099 `); 11100 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.education").fadeIn(); 11101 } 11102 11103 return count; 11104} 11105 11106function handleProfessionalsResponse(data, search) { 11107 let count = 0; 11108 let professionalList = ""; 11109 11110 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.professionals").html(""); 11111 11112 for (let i = 0; i < data.professionals.length && i < 10; i++) { 11113 count++; 11114 professionalList += `<div class="image-item-wrapper"> 11115 <a target="_blank" href="https://www.archify.com/au/${data.professionals[i].slug}"> 11116 <div class="image-item brands"> 11117 <img src="https://www.archify.com/files/professional/s/${data.professionals[i].logo}" title="${data.professionals[i].company}" alt="${data.professionals[i].company}" width="100" height="100">
11118 </div> 11119 <p class="name">${data.professionals[i].company}</p> 11120 </a> 11121 </div>`; 11122 } 11123 11124 let more_professionals = ''; 11125 if (data.professionals.length > 10) { 11126 more_professionals = `<a class="view-more-link" href="https://www.archify.com/au/professionals/?search=${search}"> 11127 <div class="image-item view-more">View More</div> 11128 </a>`; 11129 } 11130 11131 if (data.professionals.length > 0) { 11132 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.professionals").append(` 11133 <p class="title">Professionals</p> 11134 <div class="main-wrapper"> 11135 <div class="search-result-wrapper-header"> 11136 <div class="images-inside-wrapper">${professionalList}</div> 11137 </div> 11138 ${more_professionals} 11139 </div> 11140 <div class="border-bottom"></div> 11141 `); 11142 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.professionals").fadeIn(); 11143 } 11144 11145 return count; 11146} 11147 11148function handleProjectsResponse(data, search) { 11149 let count = 0; 11150 let projectList = ""; 11151 11152 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.projects").html(""); 11153 11154 for (let i = 0; i < data.projects.length && i < 7; i++) { 11155 count++; 11156 projectList += `<div class="image-item-wrapper projects"> 11157 <a target="_blank" href="https://www.archify.com/au/project/${data.projects[i].slug}"> 11158 <div class="image-item projects"> 11159 <img src="https://www.archify.com/files/professional/projects/xxs/${data.projects[i].cover}" title="${data.projects[i].name}" alt="${data.projects[i].name}" width="100" height="100"> 11160 </div> 11161 <p class="title">${data.projects[i].name}</p> 11162 <p class="subtitle">by ${data.projects[i].company}</p> 11163 </a> 11164 </div>`; 11165 } 11166 11167 let more_projects = ''; 11168 if (data.projects.length > 7) { 11169 more_projects = `<a class="view-more-link" href="https://www.archify.com/au/projects/all-projects/all-business/all-locations/all-companies/popular/${search}"> 11170 <div class="image-item view-more projects">View More</div> 11171 </a>`; 11172 } 11173 11174 if (data.projects.length > 0) { 11175 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.projects").append(` 11176 <p class="title">Projects</p> 11177 <div class="main-wrapper"> 11178 <div class="search-result-wrapper-header"> 11179 <div class="images-inside-wrapper">${projectList}</div> 11180 </div> 11181 ${more_projects} 11182 </div> 11183 <div class="border-bottom"></div> 11184 `); 11185 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.projects").fadeIn(); 11186 } 11187 11188 return count; 11189} 11190 11191function handleInspirationsResponse(data, search) { 11192 let count = 0; 11193 let inspirationList = ""; 11194 11195 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.inspiration").html(""); 11196 11197 for (let i = 0; i < data.inspirations.length && i < 10; i++) { 11198 count++; 11199 inspirationList += `<div class="image-item-wrapper inspiration"> 11200 <a target="_blank" href="https://www.archify.com/au/photo/detail/${data.inspirations[i][0]}"> 11201 <div class="image-item inspiration"> 11202 <img src="https://www.archify.com/files/professional/projects/xxs/${data.inspirations[i][1]}" alt="${data.inspirations[i][0]}" width="150" height="150">
11203 </div> 11204 </a> 11205 </div>`; 11206 } 11207 11208 let more_inspirations = ''; 11209 if (data.inspirations.length > 10) { 11210 more_inspirations = `<a class="view-more-link" href="https://www.archify.com/au/photos/all-properties/all-rooms/all-styles/all-colors/all-areas/all-cities/${search}"> 11211 <div class="image-item view-more inspiration">View More</div> 11212 </a>`; 11213 } 11214 11215 if (data.inspirations.length > 0) { 11216 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.inspiration").append(` 11217 <p class="title">Inspiration</p> 11218 <div class="main-wrapper"> 11219 <div class="search-result-wrapper-header"> 11220 <div class="images-inside-wrapper">${inspirationList}</div> 11221 </div> 11222 ${more_inspirations} 11223 </div> 11224 <div class="border-bottom"></div> 11225 `); 11226 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.inspiration").fadeIn(); 11227 } 11228 11229 return count; 11230} 11231 11232function handleArticlesResponse(data, search) { 11233 let count = 0; 11234 let articleList = ""; 11235 11236 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.articles").html(""); 11237 11238 for (let i = 0; i < data.articles.length && i < 8; i++) { 11239 count++; 11240 articleList += `<li> 11241 <a href="https://www.archify.com/au/archifynow/${data.articles[i][1]}">${data.articles[i][0]}</a> 11242 </li>`; 11243 } 11244 11245 let more_articles = ''; 11246 if (data.articles.length > 8) { 11247 more_articles = `<li> 11248 <a href="https://www.archify.com/au/archifynow/search/${search}"><span>View More</span></a> 11249 </li>`; 11250 } 11251 11252 if (data.articles.length > 0) { 11253 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.articles").append(` 11254 <p class="title">Articles</p> 11255 <div class="search-result-wrapper-header full"> 11256 <ul>${articleList}${more_articles}</ul> 11257 </div> 11258 <div class="border-bottom"></div> 11259 `); 11260 $(".new-header-wrapper .navigation-wrapper .search-wrapper-header .search-result-wrapper .section-search-result.articles").fadeIn(); 11261 } 11262 11263 return count; 11264} 11265 11266$('#search-box-affix #closeBoxMenu').on('click', function(e){ 11267 e.preventDefault(); 11268 if (requestSearch != "") { 11269 requestSearch.abort(); 11270 } 11271 $("#searchBoxMenu").val(""); 11272 $('#search-box-affix ul.suggest').hide(); 11273 $('#search-box-affix .top-arrow-suggest').hide(); 11274 $(".popup-shade-bg-top-menu-search-box").hide(); 11275 if ($("#search-box-affix").hasClass("expanded")) { 11276 $("#search-box-affix").removeClass("expanded"); 11277 $("#myAffixHome .cd-logo").fadeIn(); 11278 $("#myAffixHome nav").fadeIn(); 11279 } 11280}); 11281 11282// <!-- show hide menu / search mobile --> 11283$(document).ready(function(){ 11284 $(".cd-primary-nav-trigger-search.new").click(function(){ 11285 $("#search-box-affix").addClass("mobile-show"); 11286 $("body").addClass("modal-open"); 11287 }); 11288 11289 $("#closeBoxMenuMobile").click(function(e){ 11290 e.preventDefault(); 11291 if (requestSearch != "") { 11292 requestSearch.abort(); 11293 } 11294 $("#searchBoxMenu").val(""); 11295 $('#search-box-affix ul.suggest').hide(); 11296 $('#search-box-affix .top-arrow-suggest').hide(); 11297 $(".popup-shade-bg-top-menu-search-box").hide(); 11298 if ($("#search-box-affix").hasClass("expanded")) { 11299 $("#search-box-affix").removeClass("expanded"); 11300 $("#myAffixHome .cd-logo").fadeIn(); 11301 $("#myAffixHome nav").fadeIn(); 11302 } 11303 $("#search-box-affix").removeClass("mobile-show"); 11304 $("body").removeClass("modal-open"); 11305 }); 11306 $("#myMenuMobile").html(""); 11307 11308 var mobileMenuOpened = false; 11309 var mobileMenucategoryOpened = false; 11310 11311 $('.cd-primary-nav-trigger').unbind("click"); 11312 $('.cd-primary-nav-trigger').off("click"); 11313 $(".cd-primary-nav-trigger.new").click(function(e){ 11314 e.preventDefault(); 11315 11316 if (!mobileMenuOpened) { 11317 mobileMenuOpened = true; 11318 $("#myMenuMobileNew").addClass("show"); 11319 $(".popup-shade-bg-mobile-menu").fadeIn(200); 11320 $("body").addClass("modal-open"); 11321 } else { 11322 mobileMenuOpened = false; 11323 $("#myMenuMobileNew").removeClass("show"); 11324 $(".popup-shade-bg-mobile-menu").fadeOut(200); 11325 $("body").removeClass("modal-open"); 11326 $("#myMenuMobileNew .subcategory-box").removeClass("show"); 11327 $("#myMenuMobileNew .subsubcategory-box").removeClass("show"); 11328 $("#myMenuMobileNew .content").scrollTop(0); 11329 } 11330
11331 $('.cd-menu-icon').toggleClass('is-clicked'); 11332 $('.cd-header').toggleClass('menu-is-open'); 11333 //in firefox transitions break when parent overflow is changed, so we need to wait for the end of the trasition to give the body an overflow hidden 11334 11335 if( $('.cd-primary-nav').hasClass('is-visible') ) { 11336 $('.cd-primary-nav').removeClass('is-visible').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',function(){ 11337 $('body').removeClass('overflow-hidden'); 11338 }); 11339 } else { 11340 $('.cd-primary-nav').addClass('is-visible').one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',function(){ 11341 $('body').addClass('overflow-hidden'); 11342 }); 11343 } 11344 }); 11345 11346 // track width, set to window width 11347 var width = window.innerWidth; 11348 // fire on window resize 11349 $(window).resize(function() { 11350 // do nothing if the width is the same 11351 if (width == window.innerWidth) return; 11352 // update new width value 11353 width = window.innerWidth; 11354 // ... your code 11355 // Close Menu Mobile 11356 if (mobileMenuOpened) { 11357 mobileMenuOpened = false; 11358 $("#myMenuMobileNew").removeClass("show"); 11359 $(".popup-shade-bg-mobile-menu").fadeOut(200); 11360 $("body").removeClass("modal-open"); 11361 $("#myMenuMobileNew .subcategory-box").removeClass("show"); 11362 $("#myMenuMobileNew .subsubcategory-box").removeClass("show"); 11363 $("#myMenuMobileNew .content").scrollTop(0); 11364 $('.cd-menu-icon').toggleClass('is-clicked'); 11365 $('.cd-header').toggleClass('menu-is-open'); 11366 } 11367 11368 // Close Search Mobile 11369 $("#searchBoxMenu").val(""); 11370 $('#search-box-affix ul.suggest').hide(); 11371 $('#search-box-affix .top-arrow-suggest').hide(); 11372 $(".popup-shade-bg-top-menu-search-box").hide(); 11373 if ($("#search-box-affix").hasClass("expanded")) { 11374 $("#search-box-affix").removeClass("expanded"); 11375 $("#myAffixHome .cd-logo").fadeIn(); 11376 $("#myAffixHome nav").fadeIn(); 11377 } 11378 $("#search-box-affix").removeClass("mobile-show"); 11379 // $("body").removeClass("modal-open"); 11380 }); 11381}); 11382 11383// <!-- Hover user photo process --> 11384var popUpTimeout; 11385$( "#myAffixHome > div > header > nav > ul > li.user > ul > li.dropdown" ).mouseover(function(){ 11386 11387 $(".notif-bgblack").fadeOut();
11388 $(".popup-shade-bg-top-menu-asr").fadeOut(); 11389 11390 clearTimeout(popUpTimeout); 11391 var thisDiv = $(this); 11392 popUpTimeout = setTimeout( function() 11393 { 11394 $(".popup-shade-bg-top-menu").fadeIn(150, function(){ 11395 }); 11396 thisDiv.find(".dropdown-menu").fadeIn(100); 11397 hideHeaderMessageBox(); 11398 }, 200); 11399}); 11400$( "#myAffixHome > div > header > nav > ul > li.user > ul > li.dropdown" ).mouseenter(function(){ 11401 clearTimeout(popUpTimeout); 11402 var thisDiv = $(this); 11403 popUpTimeout = setTimeout( function() 11404 { 11405 $(".popup-shade-bg-top-menu").fadeIn(150, function(){ 11406 }); 11407 thisDiv.find(".dropdown-menu").fadeIn(100); 11408 hideHeaderMessageBox(); 11409 }, 200); 11410}); 11411$( "#myAffixHome > div > header > nav > ul > li.user > ul > li.dropdown" ).mouseleave(function(){ 11412 clearTimeout(popUpTimeout); 11413 $(".popup-shade-bg-top-menu").fadeOut(150); 11414 $( "#myAffixHome > div > header > nav > ul > li.user > ul > li.dropdown" ).find(".dropdown-menu").fadeOut(150); 11415}); 11416 11417// <!-- hover top menu process --> 11418var popUpTimeout; 11419var onMenuList = false; 11420$('#top-main-menu.new ul#top-main-menu-list > li').hover(function(e) { 11421 clearTimeout(popUpTimeout); 11422 var thisDiv = $(this); 11423 var thisValueType = $(this).attr("val-type"); 11424// if (thisValueType == "products") { 11425// if (!headerProductListLoaded) { 11426// showHeaderMenuProductList(); 11427// } 11428// } 11429// 11430// if (thisValueType == "professionals") { 11431// if (!headerProfessionalListLoaded) { 11432// showHeaderMenuProfessionalList(); 11433// } 11434// } 11435// 11436// if (thisValueType == "projects") { 11437// if (!headerProjectListLoaded) { 11438// showHeaderMenuProjectList(); 11439// } 11440// } 11441// 11442// if (thisValueType == "inspiration") { 11443// if (!headerInspirationListLoaded) { 11444// showHeaderMenuInspirationList(); 11445// } 11446// } 11447// 11448// if (thisValueType == "articles") { 11449// if (!headerArticleListLoaded) { 11450// showHeaderMenuArticleList(); 11451// } 11452// } 11453 11454 if (!headerProductListLoaded) { 11455 showHeaderMenuProductList(); 11456 } 11457 11458 if (!headerProfessionalListLoaded) { 11459 showHeaderMenuProfessionalList(); 11460 } 11461 11462 if (!headerProjectListLoaded) { 11463 showHeaderMenuProjectList(); 11464 } 11465 11466 if (!headerInspirationListLoaded) { 11467 showHeaderMenuInspirationList(); 11468 } 11469 11470 if (!headerArticleListLoaded) { 11471 showHeaderMenuArticleList(); 11472 } 11473 11474 if (!headerEventListLoaded) { 11475 showHeaderMenuEventList(); 11476 } 11477 11478 var timeHovered; 11479 if (onMenuList) { 11480 timeHovered = megaDropdownTimeoutMenuHovered; 11481 } else { 11482 timeHovered = megaDropdownTimeout; 11483 } 11484 onMenuList = true; 11485 11486 $("#top-main-menu.new ul#top-main-menu-list > li > a").css("opacity", "1"); 11487 thisDiv.find('> a').css("opacity", "0.5"); 11488 11489 popUpTimeout = setTimeout( function() 11490 { 11491 11492 11493 $("#top-main-menu.new ul#top-main-menu-list > li").find(".popup").hide(); 11494 11495 11496 thisDiv.find(".popup").show(); 11497 // $("body").addClass("modal-open"); 11498 11499 if (thisValueType != "education") { 11500 $(".popup-shade-bg-main-menu").show(); 11501 } 11502 }, timeHovered); 11503 11504 11505}, function(e) { 11506 11507 11508}); 11509 11510 11511$('#top-main-menu.new ul#top-main-menu-list').hover(function(e) { 11512 11513}, function(e) { 11514 onMenuList = false; 11515 clearTimeout(popUpTimeout); 11516 11517 $("#top-main-menu.new ul#top-main-menu-list > li > a").css("opacity", "1"); 11518 11519 // here here here 11520 $(".popup-shade-bg-main-menu").hide(); 11521 $("#top-main-menu.new ul#top-main-menu-list > li").find(".popup").fadeOut(0, function(){ 11522 // hideHeaderMenuProductList(); 11523 // hideHeaderMenuProfessionalList(); 11524 // hideHeaderMenuProjectList(); 11525 // hideHeaderMenuInspirationList(); 11526 // hideHeaderMenuArticleList(); 11527 }); 11528 11529}); 11530 11531 11532 11533 11534 11535// show hide header message box Here 11536function showHeaderMessageBox() { 11537 $.ajaxSetup({async: false}); 11538 11539 $(".notif-bgblack").fadeOut(); 11540 $(".popup-shade-bg-top-menu-asr").fadeOut(); 11541 $(".header-message-loading").show(); 11542 $(".header-message-box-area .content-area ul").html(""); 11543 $(".header-message-icon-area").addClass("opened");
11544 $(".popup-shade-bg-top-menu-header-message").fadeIn(150, function(){}); 11545 $("#myAffixHome .header-message-box-wrapper").css("display", "block"); 11546 11547 $.ajax({ 11548 url: "https://www.archify.com/au/gpost/inbox/unread_list/", 11549 type: "POST", 11550 data: {}, 11551 beforeSend: function() { 11552 $(".header-message-box-area .content-area ul").html(""); 11553 11554 $(".header-message-box-area .content-area ul.header-message-personal").append('\ 11555 <li class="header-message-personal-title-head" style="padding-top: 0; text-align: center; cursor: auto; background-color: #fff; display: none;">\ 11556 <div style="position: relative; float: left; width: 100%; height: 1px; background-color: #e5e5e5; top: 0px;"></div>\ 11557 <!-- <p style="font-size: 14px; margin: 0; background-color: #fff; position: relative; width: auto; padding-left: 10px; padding-right: 10px; display: inline-block; left: 0;">Personal</p> -->\ 11558 </li>\ 11559 '); 11560 11561 $(".header-message-box-area .content-area ul.header-message-company").append('\ 11562 <li class="header-message-company-title-head" style="padding-top: 0; text-align: center; cursor: auto; background-color: #fff; display: none;">\ 11563 <div style="position: relative; float: left; width: 100%; height: 1px; background-color: #e5e5e5; top: 12px;"></div>\ 11564 <p style="font-size: 14px; margin: 0; background-color: #fff; position: relative; width: auto; padding-left: 10px; padding-right: 10px; display: inline-block; left: 0;">COMPANY</p>\ 11565 </li>\ 11566 '); 11567 }, 11568 success: function(data, textStatus, jqXHR) { 11569 var data = jQuery.parseJSON(data); 11570 11571 if(data.length==0)return 0; 11572 11573 $.each(data, function(index, value){ 11574 var m_request_html = ""; 11575 if(value.request.length>0){ 11576 m_request_html = value.request+" Request"; 11577 } 11578 11579 var valueContent = value.content.replace(/<br\s*\/?>/gi,' '); 11580 11581 11582 if(value.is_pro != 0){ 11583 $(".header-message-company-title-head").css("display", ""); 11584 var message_notif_html_pro = ""; 11585 message_notif_html_pro += '\ 11586 <li data-id="'+value.inbox_id+'" data-open_head_type="'+value.open_head_type+'" data-pro_token="'+value.is_pro+'" class="message-notif-detail message-pro">\ 11587 <div class="content-box">\ 11588 <div class="header click-area">\ 11589 <div class="logo">\ 11590 <img src="'+value.logo+'" alt="">\ 11591 </div>\ 11592 <div class="text-area">\ 11593 <p class="title">'+value.name+'</p>\ 11594 <p class="date">'+convertTimestamp(value.updated_at)+'</p>\ 11595 </div>\ 11596 </div>\ 11597 <div class="title click-area">\ 11598 <p>'+m_request_html+'</p>\ 11599 </div>\ 11600 <div class="content click-area">\ 11601 <p>'+valueContent+'</p>\ 11602 </div>\ 11603 </div>\ 11604 </li>\ 11605 '; 11606 //$(".header-message-box-area .content-area ul.header-message-company").append(message_notif_html_pro); 11607 $(".header-message-company").append(message_notif_html_pro); 11608 11609 }else{ 11610 $(".header-message-personal-title-head").css("display", ""); 11611 var message_notif_html = ""; 11612 message_notif_html += '\ 11613 <li data-id="'+value.inbox_id+'" data-open_head_type="'+value.open_head_type+'" data-pro_token="'+value.is_pro+'" class="message-notif-detail message-regular">\ 11614 <div class="content-box">\ 11615 <div class="header click-area">\ 11616 <div class="logo">\ 11617 <img src="'+value.logo+'" alt="">\ 11618 </div>\ 11619 <div class="text-area">\ 11620 <p class="title">
11620'+value.name+'</p>\ 11621 <p class="date">'+convertTimestamp(value.updated_at)+'</p>\ 11622 </div>\ 11623 </div>\ 11624 <div class="title click-area">\ 11625 <p>'+m_request_html+'</p>\ 11626 </div>\ 11627 <div class="content click-area">\ 11628 <p>'+valueContent+'</p>\ 11629 </div>\ 11630 </div>\ 11631 </li>\ 11632 '; 11633 //$(".header-message-box-area .content-area ul.header-message-personal").append(message_notif_html); 11634 $(".header-message-personal").append(message_notif_html); 11635 11636 } 11637 11638 11639 }); 11640 11641 $(".message-pro").click(function(){ 11642 is_switch_account_to_inbox = true; 11643 var feedbackUrl = "https://www.archify.com/au/inbox?pid="+$(this).data("id")+"&open="+$(this).data("open_head_type"); 11644 switch_account($(this).data("pro_token"), feedbackUrl); 11645 }); 11646 11647 $(".message-regular").click(function(){ 11648 window.location.href = "https://www.archify.com/au/inbox?pid="+$(this).data("id")+"&open="+$(this).data("open_head_type"); 11649 }); 11650 11651 $(".header-message-loading").hide(); 11652 }, 11653 error: function(jqXHR, textStatus, errorThrown) { 11654 alert('Error occurred!'); 11655 } 11656 }); 11657} 11658 11659function hideHeaderMessageBox() { 11660 $(".header-message-icon-area").removeClass("opened"); 11661 $(".popup-shade-bg-top-menu-header-message").fadeOut(150, function(){}); 11662 $("#myAffixHome .header-message-box-wrapper").css("display", "none"); 11663} 11664 11665 11666 11667function convertTimestamp(timestamp) { 11668 var d = new Date(timestamp * 1000), // Convert the passed timestamp to milliseconds 11669 yyyy = d.getFullYear(), 11670 mm = ('0' + (d.getMonth() + 1)).slice(-2), // Months are zero based. Add leading 0. 11671 dd = ('0' + d.getDate()).slice(-2), // Add leading 0. 11672 hh = d.getHours(), 11673 h = hh, 11674 min = ('0' + d.getMinutes()).slice(-2), // Add leading 0. 11675 ampm = 'AM', 11676 time; 11677 11678 if (hh > 12) { 11679 h = hh - 12; 11680 ampm = 'PM'; 11681 } else if (hh === 12) { 11682 h = 12; 11683 ampm = 'PM'; 11684 } else if (hh == 0) { 11685 h = 12; 11686 } 11687 11688 // ie: 2013-02-18, 8:35 AM 11689 time = yyyy + '-' + mm + '-' + dd + ', ' + h + ':' + min + ' ' + ampm; 11690 11691 return time; 11692} 11693 11694 11695function generate_message_header(){ 11696 $.ajaxSetup({async: false}); 11697 11698 var total_msg = 0; 11699 11700 $.ajax({ 11701 url: "https://www.archify.com/au/gpost/inbox/unread_count_pro", 11702 type: "GET", 11703 async: true, 11704 success: function(data) { 11705 total_msg = total_msg + parseInt(data); 11706 } 11707 }); 11708 11709 $.ajax({ 11710 url: "https://www.archify.com/au/gpost/inbox/unread_count", 11711 type: "GET", 11712 async: true, 11713 success: function(data) { 11714 total_msg = total_msg + parseInt(data); 11715 if(total_msg>0){ 11716 $(".header-message-icon-area").unbind("click"); 11717 // $(".header-message-icon-area").click(function(){ 11718 // if (!$(this).hasClass("opened")) { 11719 // showHeaderMessageBox(); 11720 // } else { 11721 // hideHeaderMessageBox(); 11722 // } 11723 // }); 11724 $(".header-message-icon-area").click(function(){ 11725 window.location.href = "https://www.archify.com/au/inbox"; 11726 }); 11727 if (total_msg>9){ 11728 total_msg = "9+"; 11729 } 11730 $(".header-message-count").html(total_msg); 11731 $(".header-message-count").parent().parent().show(); 11732 $(".header-message-count-notification").show(); 11733 }else{ 11734 $(".header-message-icon-area").unbind("click"); 11735 $(".header-message-count-notification").hide(); 11736 $(".header-message-icon-area").click(function(){ 11737 window.location.href = "https://www.archify.com/au/inbox"; 11738 }); 11739 $(".header-message-count").html(""); 11740 $(".header-message-count").parent().parent().show(); 11741 } 11742 } 11743 }); 11744} 11745 11746 11747var megaDropdownTimeout = 500; // 0,2 detik 11748var megaDropdownTimeoutMenuHovered = 0; // 0 detik 11749 11750 11751function hashCode(str) { 11752 if(str==undefined)return ""; 11753 return str.split('').reduce((prevHash, currVal) => 11754 (((prevHash << 5) - prevHash) + currVal.charCodeAt(0))|0, 0); 11755} 11756 11757$.ajaxPrefilter(function (options, originalOptions, jqXHR) { 11758 //console.log(options); 11759 11760 if (options.cache && ( originalOptions.type===undefined || (originalOptions.type && originalOptions.type.toLowerCase() == 'get')) ) { 11761 var dfd = $.Deferred(); 11762 jqXHR.done(dfd.resolve); 11763 11764 11765 var ttl = 1800;
11765 // 30 minuted 11766 const now = Math.ceil( new Date().getTime()/1000 ); 11767 var storage = localStorage; 11768 var success = originalOptions.success || false; //$.noop; 11769 var url = originalOptions.url; 11770 11771 var cacheKey = url+"?"+hashCode(options.data) ; 11772 options.cache = false; 11773 var expired = now + ttl; 11774 11775 options.beforeSend(); 11776 11777 // console.log(success); 11778 11779 options.beforeSend = function () { 11780 if (storage.getItem(cacheKey)) { 11781 expired2 = JSON.parse(storage.getItem(cacheKey)).expired; 11782 if( now > expired2 ){ 11783 storage.removeItem(cacheKey); 11784 return true; 11785 }else{ 11786 if(success===false){ 11787 return dfd.promise(jqXHR); 11788 }else{ 11789 success( JSON.parse(storage.getItem(cacheKey)).value ); 11790 return false; 11791 //return dfd.promise(JSON.parse(storage.getItem(cacheKey)).value); 11792 } 11793 } 11794 } 11795 return true; 11796 }; 11797 11798 options.success = function (data, textStatus) { 11799 const item = { 11800 value: data, 11801 expired: expired 11802 } 11803 11804 var responseData = JSON.stringify(item); 11805 11806 storage.setItem(cacheKey, responseData); 11807 if ($.isFunction(success)) success( JSON.parse(storage.getItem(cacheKey)).value ); //call back to original ajax call 11808 }; 11809 11810 11811 } 11812}); 11813 11814 11815 11816 11817 11818// <!-- Retrive Data Ajax For Mega Menu --> 11819// Mega Menu Products 11820$("#product_drop_down .container.product-list").css("display", "none"); 11821$("#product_drop_down .container.skeleton").css("display", "block"); 11822var headerProductListcontent = ""; 11823var headerProductListcontent2 = ""; 11824var headerProductListLoaded = false; 11825var headerProductListAjaxDone = false; 11826function showHeaderMenuProductList() { 11827 if (headerProductListAjaxDone) { 11828 $("#product_drop_down .container.product-list .category-list ul").append(headerProductListcontent); 11829 $("#product_drop_down .container.product-list .content-list").append(headerProductListcontent2); 11830 } else { 11831 11832 $.ajax({ 11833 url: 'https://www.archify.com/au/gpost/generals/menu_products_v2', 11834 dataType: 'json', 11835 cache: true, 11836 beforeSend: function() { 11837 $("#product_drop_down .container.product-list").css("display", "none"); 11838 $("#product_drop_down .container.skeleton").css("display", "block"); 11839 }, 11840 success: function(data){ 11841 $("#product_drop_down .container.skeleton").fadeOut(function(){ 11842 $("#product_drop_down .container.product-list").fadeIn(); 11843 }); 11844 11845 if (data.length > 0) { 11846 var randSelectedProduct = (Math.floor((Math.random() * data.length) + 1)) - 1; 11847 $("#product_drop_down .container.product-list .category-list").html(''); 11848 $("#product_drop_down .container.product-list .category-list").append('\ 11849 <p class="title-head">Products</p>\ 11850 <ul></ul>\ 11851 '); 11852 for (var i = 0; i < data.length; i++) { 11853 var active = ""; 11854 if (i == randSelectedProduct) { 11855 active = "active"; 11856 } else { 11857 active = ""; 11858 } 11859 $("#product_drop_down .container.product-list .category-list ul").append('\ 11860 <li class="'+active+'">\ 11861 <a href="https://www.archify.com/au/products/'+data[i].slug+'/" class="'+active+'" val="product_drop_down_sub-'+i+'">\ 11862 '+data[i].name+'\ 11863 </a>\ 11864 <img src="https://www.archify.com/assets/img/svg/icon-right-arrow-small-black.svg" alt="">\ 11865 </li>\ 11866 '); 11867 11868 $("#product_drop_down .container.product-list .content-list").append('\ 11869 <div id="product_drop_down_sub-'+i+'" class="content-list-wrapper '+active+'">\ 11870 <div class="sub-category" style="padding-bottom: 0px;">\ 11871 <p class="title-head">\ 11872 '+data[i].name+'\ 11873 </p>\ 11874 <ul style="position: relative; float: left; width: 100%; margin-bottom: 10px;">\ 11875 </ul>\ 11876 </div>\ 11877 <div class="content image-brand">\ 11878 <p class="title-head">\ 11879 <a href="https://www.archify.com/au/products/'+data[i].slug+'/all">View All '+data[i].name+'</a> / <a href="https://www.archify.com/au/brands/">View all Brands</a>\ 11880 </p>\ 11881 <div class="image-brand-wrapper">\ 11882 </div>\ 11883 </div>\ 11884 </div>\ 11885 '); 11886 11887 if (data[i].child.length > 0) { 11888 for (var j = 0; j < data[i].child.length; j++) { 11889 11890 $("#product_drop_down_sub-"+i+" .sub-category ul").append('\ 11891 <li>\ 11892 <a href="https://www.archify.com/au/products/'+data[i].child[j].slug+'">'+data[i].child[j].name+'</a>\ 11893 </li>\ 11894 '); 11895 } 11896 } 11897 11898 11899 if (data[i].brands.length > 0) { 11900 for (var j = 0; j < data[i].brands.length; j++) { 11901 if (j < 4) { 11902 // var icon_verified = '<img class="not-verified" src=\"https://www.archify.com/assets/img/svg/02-icon-01-general-not-verified.svg" alt="icon general not verified" width="13" height="13">'; 11903 var icon_verified = ''; 11904 if(data[i].brands[j].is_verified=='1') 11905 icon_verified = '<img class="verified" src="https://www.archify.com/assets/img/svg/02-icon-01-general-verified.svg" alt="icon general verified\" width="13" height="13">'; 11906 11907 $("#product_drop_down_sub-"+i+" .content.image-brand .image-brand-wrapper").append('\ 11908 <div class="image-featured half">\ 11909 <a href="https://www.archify.com/au/product/'+data[i].brands[j].slug+'">\ 11910 <img src="https://image-apac.archify.com/catalog/supplier_cover/s/'+data[i].brands[j].cover+'" alt="'+data[i].brands[j].name+'">\ 11911 <div class="text-area" style="background: transparent; height: 90px;">\ 11912 <p style="text-shadow: 0px 2px 4px rgba(0,0,0,0.5);">'+data[i].brands[j].name+' <span class="verified-logo">'+icon_verified+'</span></p>\ 11913 </div>\ 11914 </a>\ 11915 </div>\ 11916 '); 11917 11918 } 11919 11920 } 11921 } 11922 11923 } 11924 } 11925 11926 11927 $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li" ).unbind("hover"); 11928 $( "#top-main-menu.new ul li #product_drop_down.popup .popup-content-top-menu .category-list ul li" ).hover(function() { 11929 $("#top-main-menu.new ul li #product_drop_down.popup .popup-content-top-menu .category-list ul li").removeClass("active"); 11930 $("#top-main-menu.new ul li #product_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active"); 11931 $(this).addClass("active"); 11932 $(this).find('a').addClass("active"); 11933 var val = $(this).find('a').attr("val"); 11934 $("#top-main-menu.new ul li #product_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active"); 11935 $("#top-main-menu.new ul li #product_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active"); 11936 headerProductListcontent = $("#product_drop_down .container.product-list .category-list ul").html(); 11937 headerProductListcontent2 = $("#product_drop_down .container.product-list .content-list").html(); 11938 }); 11939 11940 headerProductListcontent = $("#product_drop_down .container.product-list .category-list ul").html(); 11941 headerProductListcontent2 = $("#product_drop_down .container.product-list .content-list").html(); 11942 headerProductListAjaxDone = true; 11943 11944 } 11945 }) 11946 .fail(function(){ 11947 }) 11948 .always(function(){ 11949 }); 11950 } 11951 11952 $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a" ).unbind("hover"); 11953 $( "#top-main-menu.new ul li #product_drop_down.popup .popup-content-top-menu .category-list ul li a" ).hover(function() { 11954 $("#top-main-menu.new ul li #product_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active"); 11955 $(this).addClass("active"); 11956 var val = $(this).attr("val"); 11957 $("#top-main-menu.new ul li #product_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active"); 11958 $("#top-main-menu.new ul li #product_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active"); 11959 headerProductListcontent = $("#product_drop_down .container.product-list .category-list ul").html(); 11960 headerProductListcontent2 = $("#product_drop_down .container.product-list .content-list").html(); 11961 headerProductListLoaded = true; 11962 }); 11963 headerProductListLoaded = true; 11964} 11965function hideHeaderMenuProductList() { 11966 $("#product_drop_down .container.product-list .category-list ul").html(""); 11967 $("#product_drop_down .container.product-list .content-list").html(""); 11968 headerProductListLoaded = false;
11969} 11970 11971// Mega Menu Professionals 11972$("#professional_drop_down .container.professional-list").css("display", "none"); 11973$("#professional_drop_down .container.skeleton").css("display", "block"); 11974var headerProfessionalListcontent = ""; 11975var headerProfessionalListcontent2 = ""; 11976var headerProfessionalListLoaded = false; 11977var headerProfessionalListAjaxDone = false; 11978function showHeaderMenuProfessionalList() { 11979 if (headerProfessionalListAjaxDone) { 11980 $("#professional_drop_down .container.professional-list .category-list ul").append(headerProfessionalListcontent); 11981 $("#professional_drop_down .container.professional-list .content-list").append(headerProfessionalListcontent2); 11982 } else { 11983 $.ajax({ 11984 url: 'https://www.archify.com/au/gpost/generals/menu_professionals', 11985 dataType: 'json', 11986 cache: true, 11987 beforeSend: function() { 11988 $("#professional_drop_down .container.professional-list").css("display", "none"); 11989 $("#professional_drop_down .container.skeleton").css("display", "block"); 11990 }, 11991 success: function(data){ 11992 11993 $("#professional_drop_down .container.skeleton").fadeOut(function(){ 11994 $("#professional_drop_down .container.professional-list").fadeIn(); 11995 }); 11996 11997 if (data.length > 0) { 11998 var randSelectedProfessional= (Math.floor((Math.random() * data.length) + 1)) - 1; 11999 12000 $("#professional_drop_down .container.professional-list .category-list").html(''); 12001 $("#professional_drop_down .container.professional-list .category-list").append('\ 12002 <p class="title-head">Professionals</p>\ 12003 <ul></ul>\ 12004 '); 12005 12006 for (var i = 0; i < data.length; i++) { 12007 var active = ""; 12008 var all = "All"; 12009 if (i == randSelectedProfessional) { 12010 active = "active"; 12011 all = ""; 12012 } else { 12013 all = "All"; 12014 active = ""; 12015 } 12016 $("#professional_drop_down .container.professional-list .category-list ul").append('\ 12017 <li class="'+active+'">\ 12018 <a href="https://www.archify.com/au/professionals/'+data[i].slug+'" class="'+active+'" val="professional_drop_down_sub-'+i+'">\ 12019 '+data[i].name+'\ 12020 </a>\ 12021 <img src="https://www.archify.com/assets/img/svg/icon-right-arrow-small-black.svg" alt="">\ 12022 </li>\ 12023 '); 12024 12025 if (data[i].name == "All Professionals") { 12026 all = ""; 12027 } 12028 $("#professional_drop_down .container.professional-list .content-list").append('\ 12029 <div id="professional_drop_down_sub-'+i+'" class="content-list-wrapper '+active+'">\ 12030 <div class="sub-category overflow-hidden" style="">\ 12031 <p class="title-head">\ 12032 '+data[i].name+'\ 12033 </p>\ 12034 <ul>\ 12035 </ul>\ 12036 </div>\ 12037 <div class="content image-brand">\ 12038 <p class="title-head">\ 12039 <a href="https://www.archify.com/au/professionals/'+data[i].slug+'">View '+all+' '+data[i].name+'</a>\ 12040 </p>\ 12041 <div class="image-brand-wrapper">\ 12042 </div>\ 12043 </div>\ 12044 </div>\ 12045 '); 12046 12047 12048 12049 if (data[i].pro.length > 0) { 12050 for (var j = 0; j < data[i].pro.length; j++) { 12051 12052 $("#professional_drop_down_sub-"+i+" .sub-category ul").append('\ 12053 <li>\ 12054 <a href="https://www.archify.com/au/'+data[i].pro[j].slug+'">'+data[i].pro[j].company+'</a>\ 12055 </li>\ 12056 '); 12057 12058 if (j < 4) { 12059 12060 // _using_s3 12061 // $("#professional_drop_down_sub-"+i+" .content").append('\ 12062 // <div class="image-featured half">\ 12063 // <a href="https://www.archify.com/au/'+data[i].pro[j].slug+'">\ 12064 // <img src="https://image-apac.archify.com/professional/s/'+data[i].pro[j].cover+'" alt="'+data[i].pro[j].company+'">\ 12065 // <div class="text-area" style="background: transparent; height: 90px;">\ 12066 // <p>'+data[i].pro[j].company+'</p>\ 12067 // </div>\ 12068 // </a>\ 12069 // </div>\ 12070 // '); 12071 12072 $("#professional_drop_down_sub-"+i+" .content").append('\ 12073 <div class="image-featured half">\ 12074 <a href="https://www.archify.com/au/'+data[i].pro[j].slug+'">\ 12075 <img src="https://www.archify.com/files/professional/s/'+data[i].pro[j].cover+'" alt="'+data[i].pro[j].company+'">\ 12076 <div class="text-area" style="background: transparent; height: 90px;">\ 12077 <p>'+data[i].pro[j].company+'</p>\ 12078 </div>\ 12079 </a>\ 12080 </div>\ 12081 '); 12082 12083 } 12084 12085 } 12086 } 12087 12088 } 12089 } 12090 12091 $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li" ).unbind("hover"); 12092 $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li" ).hover(function() { 12093 $("#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li").removeClass("active"); 12094 $("#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active"); 12095 $(this).addClass("active"); 12096 $(this).find('a').addClass("active"); 12097 var val = $(this).find('a').attr("val"); 12098 $("#top-main-menu.new ul li #professional_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active"); 12099 $("#top-main-menu.new ul li #professional_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active"); 12100 headerProfessionalListcontent = $("#professional_drop_down .container.professional-list .category-list ul").html(); 12101 headerProfessionalListcontent2 = $("#professional_drop_down .container.professional-list .content-list").html(); 12102 }); 12103 12104 headerProfessionalListcontent = $("#professional_drop_down .container.professional-list .category-list ul").html(); 12105 headerProfessionalListcontent2 = $("#professional_drop_down .container.professional-list .content-list").html(); 12106 headerProfessionalListAjaxDone = true; 12107 12108 } 12109 }) 12110 .fail(function(){ 12111 }) 12112 .always(function(){ 12113 }); 12114 } 12115 12116 $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a" ).unbind("hover"); 12117 $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a" ).hover(function() { 12118 $("#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active"); 12119 $(this).addClass("active"); 12120 var val = $(this).attr("val"); 12121 $("#top-main-menu.new ul li #professional_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active"); 12122 $("#top-main-menu.new ul li #professional_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active"); 12123 headerProfessionalListcontent = $("#professional_drop_down .container.professional-list .category-list ul").html(); 12124 headerProfessionalListcontent2 = $("#professional_drop_down .container.professional-list .content-list").html(); 12125 }); 12126 12127 headerProfessionalListLoaded = true; 12128 12129} 12130function hideHeaderMenuProfessionalList() { 12131 $("#professional_drop_down .container.professional-list .category-list ul").html(""); 12132 $("#professional_drop_down .container.professional-list .content-list").html(""); 12133 headerProfessionalListLoaded = false;
12134} 12135 12136// Mega Menu Projects 12137$("#project_drop_down .container.project-list").css("display", "none"); 12138$("#project_drop_down .container.skeleton").css("display", "block"); 12139var headerProjectListcontent = ""; 12140var headerProjectListcontent2 = ""; 12141var headerProjectListLoaded = false; 12142var headerProjectListAjaxDone = false; 12143function showHeaderMenuProjectList() { 12144 if (headerProjectListAjaxDone) { 12145 12146 $("#project_drop_down .container.project-list .category-list ul").append(headerProjectListcontent); 12147 $("#project_drop_down .container.project-list .content-list").append(headerProjectListcontent2); 12148 12149 } else { 12150 12151 $.ajax({ 12152 url: 'https://www.archify.com/au/gpost/generals/menu_projects', 12153 dataType: 'json', 12154 cache: true, 12155 beforeSend: function() { 12156 $("#project_drop_down .container.project-list").css("display", "none"); 12157 $("#project_drop_down .container.skeleton").css("display", "block"); 12158 }, 12159 success: function(data){ 12160 // console.log(data); 12161 $("#project_drop_down .container.skeleton").fadeOut(function(){ 12162 $("#project_drop_down .container.project-list").fadeIn(); 12163 }); 12164 12165 if (data.length > 0) { 12166 var randSelectedProject = 0; 12167 if (data.length >= 13) { 12168 randSelectedProject = (Math.floor((Math.random() * 13) + 1)) - 1; 12169 } else { 12170 randSelectedProject= (Math.floor((Math.random() * data.length) + 1)) - 1; 12171 } 12172 12173 $("#project_drop_down .container.project-list .category-list").html(''); 12174 $("#project_drop_down .container.project-list .category-list").append('\ 12175 <p class="title-head">Projects</p>\ 12176 <ul></ul>\ 12177 '); 12178 12179 for (var i = 0; i < data.length; i++) { 12180 12181 if (i < 13) { 12182 12183 var active = ""; 12184 if (i == randSelectedProject) { 12185 active = "active"; 12186 } else { 12187 active = ""; 12188 } 12189 $("#project_drop_down .container.project-list .category-list ul").append('\ 12190 <li class="'+active+'">\ 12191 <a href="https://www.archify.com/au/projects/'+data[i].slug+'/all-business/all-locations/all-companies/popular/" class="'+active+'" val="project_drop_down_sub-'+i+'">\ 12192 '+data[i].name+'\ 12193 </a>\ 12194 <img src="https://www.archify.com/assets/img/svg/icon-right-arrow-small-black.svg" alt="">\ 12195 </li>\ 12196 '); 12197 12198 $("#project_drop_down .container.project-list .content-list").append('\ 12199 <div id="project_drop_down_sub-'+i+'" class="content-list-wrapper '+active+'">\ 12200 <div class="sub-category" style="">\ 12201 <p class="title-head">\ 12202 '+data[i].name+'\ 12203 </p>\ 12204 <ul>\ 12205 </ul>\ 12206 </div>\ 12207 <div class="content image-brand">\ 12208 <p class="title-head">\ 12209 <a href="https://www.archify.com/au/projects/'+data[i].slug+'/all-business/all-locations/all-companies/popular/">View All '+data[i].name+'</a>\ 12210 </p>\ 12211 <div class="image-brand-wrapper">\ 12212 </div>\ 12213 </div>\ 12214 </div>\ 12215 '); 12216 12217 12218 if (data[i].child.length > 0) { 12219 for (var j = 0; j < data[i].child.length; j++) { 12220 $("#project_drop_down_sub-"+i+" .sub-category ul").append('\ 12221 <li>\ 12222 <a href="https://www.archify.com/au/projects/'+data[i].child[j].slug+'/all-business/all-locations/all-companies/popular/">'+data[i].child[j].name+'</a>\ 12223 </li>\ 12224 '); 12225 } 12226 } 12227 12228 // $("#project_drop_down_sub-"+i+" .sub-category").append('\ 12229 // <ul style="position: absolute; bottom: 20px;">\ 12230 // <li>\ 12231 // <a class="active" style="text-decoration: underline;" href="https://www.archify.com/au/projects/">View All Projects</a>\ 12232 // </li>\ 12233 // </ul>\ 12234 // '); 12235 12236 if (data[i].projects.length > 0) { 12237 for (var j = 0; j < data[i].projects.length; j++) { 12238 12239 if (j < 4) { 12240 // _using_s3 12241 // $("#project_drop_down_sub-"+i+" .content").append('\ 12242 // <div class="image-featured half">\ 12243 // <a href="https://www.archify.com/au/project/'+data[i].projects[j].slug+'">\ 12244 // <img src="https://image-apac.archify.com/professional/projects/xs/'+data[i].projects[j].photo+'" alt="'+data[i].projects[j].name+'">\ 12245 // <div class="text-area" style="background: transparent; height: 90px;">\ 12246 // <p>'+data[i].projects[j].name+'</p>\ 12247 // </div>\ 12248 // </a>\ 12249 // </div>\ 12250 // '); 12251 12252 $("#project_drop_down_sub-"+i+" .content").append('\ 12253 <div class="image-featured half">\ 12254 <a href="https://www.archify.com/au/project/'+data[i].projects[j].slug+'">\ 12255 <img src="https://www.archify.com/files/professional/projects/xs/'+data[i].projects[j].photo+'" alt="'+data[i].projects[j].name+'">\ 12256 <div class="text-area" style="background: transparent; height: 90px;">\ 12257 <p>'+data[i].projects[j].name+'</p>\ 12258 </div>\ 12259 </a>\ 12260 </div>\ 12261 '); 12262 } 12263 12264 } 12265 } 12266 12267 } 12268 } 12269 } 12270 12271 $( "#top-main-menu.new ul li #project_drop_down.popup .popup-content-top-menu .category-list ul li" ).unbind("hover"); 12272 $( "#top-main-menu.new ul li #project_drop_down.popup .popup-content-top-menu .category-list ul li" ).hover(function() { 12273 $("#top-main-menu.new ul li #project_drop_down.popup .popup-content-top-menu .category-list ul li").removeClass("active"); 12274 $("#top-main-menu.new ul li #project_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active"); 12275 $(this).addClass("active"); 12276 $(this).find('a').addClass("active"); 12277 var val = $(this).find('a').attr("val"); 12278 $("#top-main-menu.new ul li #project_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active"); 12279 $("#top-main-menu.new ul li #project_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active"); 12280 headerProjectListcontent = $("#project_drop_down .container.project-list .category-list ul").html(); 12281 headerProjectListcontent2 = $("#project_drop_down .container.project-list .content-list").html(); 12282 }); 12283 12284 headerProjectListcontent = $("#project_drop_down .container.project-list .category-list ul").html(); 12285 headerProjectListcontent2 = $("#project_drop_down .container.project-list .content-list").html(); 12286 headerProjectListAjaxDone = true; 12287 } 12288 }) 12289 .fail(function(){ 12290 }) 12291 .always(function(){ 12292 }); 12293 } 12294 12295 $( "#top-main-menu.new ul li #project_drop_down.popup .popup-content-top-menu .category-list ul li a" ).hover(function() { 12296 $("#top-main-menu.new ul li #project_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active"); 12297 $(this).addClass("active"); 12298 var val = $(this).attr("val"); 12299 $("#top-main-menu.new ul li #project_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active"); 12300 $("#top-main-menu.new ul li #project_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active"); 12301 headerProjectListcontent = $("#project_drop_down .container.project-list .category-list ul").html(); 12302 headerProjectListcontent2 = $("#project_drop_down .container.project-list .content-list").html(); 12303 }); 12304 12305 headerProjectListLoaded = true; 12306} 12307function hideHeaderMenuProjectList() { 12308 $("#project_drop_down .container.project-list .category-list ul").html(""); 12309 $("#project_drop_down .container.project-list .content-list").html(""); 12310 headerProjectListLoaded = false;
12311} 12312 12313// Mega Menu Inspiration 12314$("#inspiration_drop_down .container.inspiration-list").css("display", "none"); 12315$("#inspiration_drop_down .container.skeleton").css("display", "block"); 12316var headerInspirationListcontent = ""; 12317var headerInspirationListcontent2 = ""; 12318var headerInspirationListLoaded = false; 12319var headerInspirationListAjaxDone = false; 12320function showHeaderMenuInspirationList() { 12321 if (headerInspirationListAjaxDone) { 12322 $("#inspiration_drop_down .container.inspiration-list .content-list.inspiration-category-list .content").append(headerInspirationListcontent); 12323 $("#top-main-menu.new ul li #inspiration_drop_down.popup .popup-content-top-menu .content-list .content.inspiration-featured-wrapper").append(headerInspirationListcontent2); 12324 } else { 12325 12326 $.ajax({ 12327 url: 'https://www.archify.com/au/gpost/generals/menu_inspiration', 12328 dataType: 'json', 12329 cache: true, 12330 beforeSend: function() { 12331 $("#inspiration_drop_down .container.inspiration-list").css("display", "none"); 12332 $("#inspiration_drop_down .container.skeleton").css("display", "block"); 12333 }, 12334 success: function(data){ 12335 12336 $("#inspiration_drop_down .container.skeleton").fadeOut(function(){ 12337 $("#inspiration_drop_down .container.inspiration-list").fadeIn(); 12338 }); 12339 12340 var table = 0; 12341 var table_no = 0; 12342 12343 if (data.length > 0) { 12344 for (var i = 0; i < data.length; i++) { 12345 var randSelectedInspiration = 0; 12346 if (data.length >= 13) { 12347 randSelectedInspiration = (Math.floor((Math.random() * 13) + 1)) - 1; 12348 } else { 12349 randSelectedInspiration= (Math.floor((Math.random() * data.length) + 1)) - 1; 12350 } 12351 12352 $("#inspiration_drop_down .container.inspiration-list .category-list").html(''); 12353 $("#inspiration_drop_down .container.inspiration-list .category-list").append('\ 12354 <p class="title-head">Inspiration</p>\ 12355 <ul></ul>\ 12356 '); 12357 12358 for (var i = 0; i < data.length; i++) { 12359 12360 var active = ""; 12361 if (i == randSelectedInspiration) { 12362 active = "active"; 12363 } else { 12364 active = ""; 12365 } 12366 12367 $("#inspiration_drop_down .container.inspiration-list .category-list ul").append('\ 12368 <li class="'+active+'">\ 12369 <a href="https://www.archify.com/au/photos/all-properties/'+data[i].slug+'/all-styles/all-colors/all-areas/all-cities" class="'+active+'" val="inspiration_drop_down_sub-'+i+'">\ 12370 '+data[i].name+'\ 12371 </a>\ 12372 <img src="https://www.archify.com/assets/img/svg/icon-right-arrow-small-black.svg" alt="">\ 12373 </li>\ 12374 '); 12375 12376 $("#inspiration_drop_down .container.inspiration-list .content-list").append('\ 12377 <div id="inspiration_drop_down_sub-'+i+'" class="content-list-wrapper '+active+'">\ 12378 <div class="sub-category" style="">\ 12379 </div>\ 12380 <div class="content image-brand">\ 12381 <p class="title-head left">\ 12382 '+data[i].name+'\ 12383 </p>\ 12384 <p class="title-head right">\ 12385 <a href="https://www.archify.com/au/photos/all-properties/'+data[i].slug+'/all-styles/all-colors/all-areas/all-cities">View All '+data[i].name+'</a>\ 12386 </p>\ 12387 <div class="image-brand-wrapper">\ 12388 </div>\ 12389 </div>\ 12390 </div>\ 12391 '); 12392 12393 // need data for inspiration detail list 12394 // if (data[i].inspiration.length > 0) { 12395 // 12396 // } 12397 12398 if (data[i].child.length > 0) { 12399 for (var j = 0; j < data[i].child.length; j++) { 12400 12401 if (j < 6) { 12402 // _using_s3 12403 // $("#inspiration_drop_down_sub-"+i+" .content").append('\ 12404 // <div class="image-featured half">\ 12405 // <a href="https://www.archify.com/au/project/'+data[i].child[j].project_slug+'">\ 12406 // <img src="https://image-apac.archify.com/professional/projects/xs/'+data[i].child[j].photo+'" alt="'+data[i].child[j].name+'">\ 12407 // <div class="text-area" style="background: transparent; height: 90px;">\ 12408 // <p>
12408'+data[i].child[j].project+'</p>\ 12409 // </div>\ 12410 // </a>\ 12411 // </div>\ 12412 // '); 12413 12414 $("#inspiration_drop_down_sub-"+i+" .content").append('\ 12415 <div class="image-featured half">\ 12416 <a href="https://www.archify.com/au/project/'+data[i].child[j].project_slug+'">\ 12417 <img src="https://www.archify.com/files/professional/projects/xs/'+data[i].child[j].photo+'" alt="'+data[i].child[j].name+'">\ 12418 <div class="text-area" style="background: transparent; height: 90px;">\ 12419 <p>'+data[i].child[j].project+'</p>\ 12420 </div>\ 12421 </a>\ 12422 </div>\ 12423 '); 12424 } 12425 12426 } 12427 } 12428 12429 } 12430 } 12431 12432 12433 $( "#top-main-menu.new ul li #inspiration_drop_down.popup .popup-content-top-menu .category-list ul li" ).unbind("hover"); 12434 $( "#top-main-menu.new ul li #inspiration_drop_down.popup .popup-content-top-menu .category-list ul li" ).hover(function() { 12435 $("#top-main-menu.new ul li #inspiration_drop_down.popup .popup-content-top-menu .category-list ul li").removeClass("active"); 12436 $("#top-main-menu.new ul li #inspiration_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active"); 12437 $(this).addClass("active"); 12438 $(this).find('a').addClass("active"); 12439 var val = $(this).find('a').attr("val"); 12440 $("#top-main-menu.new ul li #inspiration_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active"); 12441 $("#top-main-menu.new ul li #inspiration_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active"); 12442 headerInspirationListcontent = $("#inspiration_drop_down .container.project-list .category-list ul").html(); 12443 headerInspirationListcontent2 = $("#inspiration_drop_down .container.project-list .content-list").html(); 12444 }); 12445 12446 headerInspirationListcontent = $("#inspiration_drop_down .container.project-list .category-list ul").html(); 12447 headerInspirationListcontent2 = $("#inspiration_drop_down .container.project-list .content-list").html(); 12448 headerInspirationListAjaxDone = true; 12449 } 12450 } 12451 }) 12452 .fail(function(){ 12453 }) 12454 .always(function(){ 12455 }); 12456 } 12457 12458 $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a" ).unbind("hover"); 12459 $( "#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a" ).hover(function() { 12460 $("#top-main-menu.new ul li #professional_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active"); 12461 $(this).addClass("active"); 12462 var val = $(this).attr("val"); 12463 $("#top-main-menu.new ul li #inspiration_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active"); 12464 $("#top-main-menu.new ul li #inspiration_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active"); 12465 headerInspirationListcontent = $("#inspiration_drop_down .container.project-list .category-list ul").html(); 12466 headerInspirationListcontent2 = $("#inspiration_drop_down .container.project-list .content-list").html(); 12467 }); 12468 12469 headerInspirationListLoaded = true; 12470 12471} 12472function hideHeaderMenuInspirationList() { 12473 $("#inspiration_drop_down .container.inspiration-list .content-list.inspiration-category-list .content").html(""); 12474 $("#top-main-menu.new ul li #inspiration_drop_down.popup .popup-content-top-menu .content-list .content.inspiration-featured-wrapper").html(""); 12475 headerInspirationListLoaded = false; 12476} 12477 12478// Mega Menu Article 12479$("#article_drop_down .content-list-wrapper .content").css("display", "none"); 12480$("#article_drop_down .content-list-wrapper .content.skeleton").css("display", "block"); 12481var headerArticleListcontent = ""; 12482var headerArticleListcontent2 = ""; 12483var headerArticleListLoaded = false;
12484var headerArticleListAjaxDone = false; 12485function showHeaderMenuArticleList() { 12486 if (headerArticleListAjaxDone) { 12487 $("#article_drop_down .content-list-wrapper .content .categories-link").append(headerArticleListcontent); 12488 $("#article_drop_down .article-wrapper").append(headerArticleListcontent2); 12489 } else { 12490 12491 $.ajax({ 12492 url: 'https://www.archify.com/au/gpost/generals/menu_articles', 12493 dataType: 'json', 12494 cache: true, 12495 beforeSend: function() { 12496 $("#article_drop_down .container.article-list").css("display", "none"); 12497 $("#article_drop_down .container.skeleton").css("display", "block"); 12498 }, 12499 success: function(data){ 12500 $("#article_drop_down .container.skeleton").fadeOut(function(){ 12501 $("#article_drop_down .container.article-list").fadeIn(); 12502 }); 12503 12504 if (data.categories.length > 0) { 12505 12506 // console.log(data.categories); 12507 12508 for (var i = 0; i < data.categories.length; i++) { 12509 12510 if (data.categories[i].slug == "highlights") { 12511 data.categories.splice(i, 1); 12512 } 12513 12514 if (data.categories[i].slug == "news") { 12515 data.categories.splice(i, 1) 12516 } 12517 } 12518 12519 // console.log(data.categories); 12520 12521 var randSelectedArticle= (Math.floor((Math.random() * data.categories.length) + 1)) - 1; 12522 12523 $("#article_drop_down .container.article-list .category-list").html(''); 12524 $("#article_drop_down .container.article-list .category-list").append('\ 12525 <p class="title-head">Articles</p>\ 12526 <ul></ul>\ 12527 '); 12528 12529 for (var i = 0; i < data.categories.length; i++) { 12530 if (data.categories[i].article.length <= 0 || data.categories[i].slug == "events") { 12531 if (i == randSelectedArticle) { 12532 randSelectedArticle = 0; 12533 } 12534 } 12535 } 12536 12537 for (var i = 0; i < data.categories.length; i++) { 12538 12539 12540 if (data.categories[i].article.length > 0 && data.categories[i].slug != "events") { 12541 12542 var active = ""; 12543 var all = "All"; 12544 if (i == randSelectedArticle) { 12545 active = "active"; 12546 all = ""; 12547 } else { 12548 all = "All"; 12549 active = ""; 12550 } 12551 12552 // alert(data.categories[i].slug); 12553 12554 $("#article_drop_down .container.article-list .category-list ul").append('\ 12555 <li class="'+active+'">\ 12556 <a href="https://www.archify.com/au/archifynow/'+data.categories[i].slug+'" class="'+active+'" val="article_drop_down_sub-'+i+'">\ 12557 '+data.categories[i].name+'\ 12558 </a>\ 12559 <img src="https://www.archify.com/assets/img/svg/icon-right-arrow-small-black.svg" alt="">\ 12560 </li>\ 12561 '); 12562 12563 12564 $("#article_drop_down .container.article-list .content-list").append('\ 12565 <div id="article_drop_down_sub-'+i+'" class="content-list-wrapper '+active+'">\ 12566 <div class="sub-category" style="">\ 12567 </div>\ 12568 <div class="content image-brand">\ 12569 <p class="title-head left">\ 12570 '+data.categories[i].name+'\ 12571 </p>\ 12572 <p class="title-head right">\ 12573 <a href="https://www.archify.com/au/archifynow/'+data.categories[i].slug+'">View All '+data.categories[i].name+'</a>\ 12574 </p>\ 12575 <div class="image-brand-wrapper">\ 12576 </div>\ 12577 </div>\ 12578 </div>\ 12579 '); 12580 12581 for (var j = 0; j < data.categories[i].article.length; j++) { 12582 12583 if (j < 3) { 12584 12585 $("#article_drop_down_sub-"+i+" .content").append('\ 12586 <div class="image-featured half">\ 12587 <a href="'+data.categories[i].article[j].link+'">\ 12588 <img src="'+data.categories[i].article[j].image+'" alt="'+data.categories[i].article[j].title+'">\ 12589 <div class="text-area" style="background: transparent;">\ 12590 <p class="title">'+data.categories[i].article[j].title+'</p>\ 12591 <p class="subtitle">'+data.categories[i].article[j].description+'</p>\ 12592 </div>\ 12593 </a>\ 12594 </div>\ 12595 '); 12596 12597 } 12598 12599 } 12600 } 12601 12602 } 12603 } 12604 12605 $( "#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li" ).unbind("hover"); 12606 $( "#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li" ).hover(function() { 12607 $("#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li").removeClass("active"); 12608 $("#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active"); 12609 $(this).addClass("active"); 12610 $(this).find('a').addClass("active"); 12611 var val = $(this).find('a').attr("val"); 12612 $("#top-main-menu.new ul li #article_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active"); 12613 $("#top-main-menu.new ul li #article_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active"); 12614 headerArticleListcontent = $("#article_drop_down .container.article-list .category-list ul").html(); 12615 headerArticleListcontent2 = $("#article_drop_down .container.article-list .content-list").html(); 12616 }); 12617 12618 headerArticleListcontent = $("#article_drop_down .container.article-list .category-list ul").html(); 12619 headerArticleListcontent2 = $("#article_drop_down .container.article-list .content-list").html(); 12620 headerArticleListAjaxDone = true; 12621 12622 } 12623 }) 12624 .fail(function(){ 12625 }) 12626 .always(function(){ 12627 }); 12628 } 12629 12630 $( "#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li a" ).unbind("hover"); 12631 $( "#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li a" ).hover(function() { 12632 $("#top-main-menu.new ul li #article_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active"); 12633 $(this).addClass("active"); 12634 var val = $(this).attr("val"); 12635 $("#top-main-menu.new ul li #article_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active"); 12636 $("#top-main-menu.new ul li #article_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active"); 12637 headerArticleListcontent = $("#professional_drop_down .container.professional-list .category-list ul").html(); 12638 headerArticleListcontent2 = $("#professional_drop_down .container.professional-list .content-list").html(); 12639 }); 12640 12641 headerArticleListLoaded = true; 12642} 12643function hideHeaderMenuArticleList() { 12644 $("#article_drop_down .content-list-wrapper .content .categories-link").html(""); 12645 $("#article_drop_down .article-wrapper").html(""); 12646 headerArticleListLoaded = false;
12647} 12648 12649// Mega Menu Event 12650$("#event_drop_down .content-list-wrapper .content").css("display", "none"); 12651$("#event_drop_down .content-list-wrapper .content.skeleton").css("display", "block"); 12652var headerEventListcontent = ""; 12653var headerEventListcontent2 = ""; 12654var headerEventListLoaded = false; 12655var headerEventListAjaxDone = false; 12656function showHeaderMenuEventList() { 12657 if (headerEventListAjaxDone) { 12658 $("#event_drop_down .content-list-wrapper .content .categories-link").append(headerEventListcontent); 12659 $("#event_drop_down .event-wrapper").append(headerEventListcontent2); 12660 } else { 12661 $.ajax({ 12662 url: 'https://www.archify.com/au/gpost/generals/menu_events', 12663 dataType: 'json', 12664 // cache: false, 12665 async: false, 12666 beforeSend: function() { 12667 $("#event_drop_down .container.event-list").css("display", "none"); 12668 $("#event_drop_down .container.skeleton").css("display", "block"); 12669 }, 12670 success: function(data){ 12671 12672 $("#event_drop_down .container.skeleton").fadeOut(function(){ 12673 $("#event_drop_down .container.event-list").fadeIn(); 12674 }); 12675 12676 if (data.length > 0) { 12677 12678 var randSelectedEvent= (Math.floor((Math.random() * data.length) + 1)) - 1; 12679 12680 $("#event_drop_down .container.event-list .category-list").html(''); 12681 $("#event_drop_down .container.event-list .category-list").append('\ 12682 <p class="title-head">Events</p>\ 12683 <ul></ul>\ 12684 <div class="hrefphoto">\ 12685 <a href="https://archify.pixieset.com/" target="_blank">View All Past Event Photos</a>\ 12686 </div>\ 12687 '); 12688 12689 for (var i = 0; i < data.length; i++) { 12690 var active = ""; 12691 var all = "All"; 12692 if (i == randSelectedEvent) { 12693 active = "active"; 12694 all = ""; 12695 } else { 12696 all = "All"; 12697 active = ""; 12698 } 12699 $("#event_drop_down .container.event-list .category-list ul").append('\ 12700 <li class="'+active+'">\ 12701 <a href="https://www.archify.com/au/events/'+data[i].slug+'" class="'+active+'" val="event_drop_down_sub-'+i+'">\ 12702 '+data[i].name+'\ 12703 </a>\ 12704 <img src="https://www.archify.com/assets/img/svg/icon-right-arrow-small-black.svg" alt="">\ 12705 </li>\ 12706 '); 12707 12708 $("#event_drop_down .container.event-list .content-list").append('\ 12709 <div id="event_drop_down_sub-'+i+'" class="content-list-wrapper '+active+'">\ 12710 <div class="sub-category" style="">\ 12711 </div>\ 12712 <div class="content image-brand">\ 12713 <p class="title-head left">\ 12714 '+data[i].name+'\ 12715 </p>\ 12716 <p class="title-head right">\ 12717 <a href="https://www.archify.com/au/events/'+data[i].slug+'">View All Events</a>\ 12718 </p>\ 12719 <div class="image-brand-wrapper">\ 12720 </div>\ 12721 </div>\ 12722 </div>\ 12723 '); 12724 12725 12726 12727 if (data[i].events.length > 0) { 12728 for (var j = 0; j < data[i].events.length; j++) { 12729 12730 if (j < 3) { 12731 12732 var contentDescriptionForMegaMenuEvent = ""+data[i].events[j].description+""; 12733 var textDescriptionForMegaMenuEvent = $(contentDescriptionForMegaMenuEvent).text(); 12734 var statusDescriptionForMegaMenuEvent = ""+data[i].events[j].status+""; 12735 if (statusDescriptionForMegaMenuEvent != "active") { 12736 statusDescriptionForMegaMenuEvent = "inactive"; 12737 } 12738 12739 12740 12741 $("#event_drop_down_sub-"+i+" .content").append('\ 12742 <div class="event image-featured half '+statusDescriptionForMegaMenuEvent+'">\ 12743 <a href="https://www.archify.com/au/events/'+data[i].events[j].slug+'">\ 12744 <img src="https://image-apac.archify.com/events/s/'+data[i].events[j].image+'" alt="'+data[i].events[j].name+'">\ 12745 <div class="text-area" style="background: transparent;">\ 12746 <p class="title">'+data[i].events[j].name+'</p>\ 12747 <p class="time">'+data[i].events[j].date_periode+'</p>\ 12748 <!--<p class="subtitle">'+textDescriptionForMegaMenuEvent+'</p>-->\ 12749 </div>\ 12750 </a>\ 12751 </div>\ 12752 '); 12753 12754 } 12755 12756 } 12757 } 12758 12759 } 12760 } 12761 12762 $( "#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li" ).unbind("hover"); 12763 $( "#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li" ).hover(function() { 12764 $("#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li").removeClass("active"); 12765 $("#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active"); 12766 $(this).addClass("active"); 12767 $(this).find('a').addClass("active"); 12768 var val = $(this).find('a').attr("val"); 12769 $("#top-main-menu.new ul li #event_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active"); 12770 $("#top-main-menu.new ul li #event_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active"); 12771 headerEventListcontent = $("#event_drop_down .container.event-list .category-list ul").html(); 12772 headerEventListcontent2 = $("#event_drop_down .container.event-list .content-list").html(); 12773 }); 12774 12775 headerEventListcontent = $("#event_drop_down .container.event-list .category-list ul").html(); 12776 headerEventListcontent2 = $("#event_drop_down .container.event-list .content-list").html(); 12777 headerEventListAjaxDone = true; 12778 12779 if(data.length <= 0){ 12780 $("#event_drop_down").addClass("noneshow");
12781 $(".popup-shade-bg-megamenu").addClass("noneshow"); 12782 }; 12783 12784 } 12785 }) 12786 .fail(function(){ 12787 }) 12788 .always(function(){ 12789 }); 12790 } 12791 12792 12793 12794 12795 12796 12797 12798 $( "#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li a" ).unbind("hover"); 12799 $( "#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li a" ).hover(function() { 12800 $("#top-main-menu.new ul li #event_drop_down.popup .popup-content-top-menu .category-list ul li a").removeClass("active"); 12801 $(this).addClass("active"); 12802 var val = $(this).attr("val"); 12803 $("#top-main-menu.new ul li #event_drop_down.popup.popup .popup-content-top-menu .content-list .content-list-wrapper").removeClass("active"); 12804 $("#top-main-menu.new ul li #event_drop_down.popup.popup .popup-content-top-menu #"+val+"").addClass("active"); 12805 headerEventListcontent = $("#event_drop_down .container.event-list .category-list ul").html(); 12806 headerEventListcontent2 = $("#event_drop_down .container.event-list .content-list").html(); 12807 }); 12808 12809 headerEventListLoaded = true; 12810 12811} 12812function hideHeaderMenuEventList() { 12813 $("#event_drop_down .content-list-wrapper .content .categories-link").html(""); 12814 $("#event_drop_down .event-wrapper").html(""); 12815 headerEventListLoaded = false; 12816} 12817 12818// <!-- Retrive Data Ajax For Mobile Menu --> 12819// Mobile Menu Products 12820 12821// Show hide category mobile menu 12822var open_subcategory_in_progress = false; 12823$("#myMenuMobileNew .category-box ul li.open-subcategory").click(function(e){ 12824 e.preventDefault(); 12825 12826 if (!open_subcategory_in_progress) { 12827 12828 var thisObj = $(this); 12829 12830 thisObj.addClass("on-progress"); 12831 12832 open_subcategory_in_progress = true; 12833 12834 setTimeout(function() { 12835 12836 12837 var val = thisObj.attr("val"); 12838 12839 // Product 12840 if (val=="product") { 12841 $.ajax({ 12842 url: 'https://www.archify.com/au/gpost/generals/menu_products_v2', 12843 dataType: 'json', 12844 beforeSend: function() { 12845 12846 } 12847 }).done(function(data){ 12848 12849 $("#myMenuMobileNew .subcategory-box .header .name p").html('Products'); 12850 12851 $("#myMenuMobileNew .subcategory-box .content ul").html(''); 12852 12853 $("#myMenuMobileNew .subcategory-box .content ul").append('\ 12854 <li>\ 12855 <a href="https://www.archify.com/au/products">\ 12856 <h5 style="margin: 0;">\ 12857 View All Products\ 12858 </h5>\ 12859 </a>\ 12860 </li>\ 12861 '); 12862 12863 var subcategory = []; 12864 12865 if (data.length > 0) { 12866 for (var i = 0; i < data.length; i++) { 12867 12868 $("#myMenuMobileNew .subcategory-box .content ul").append('\ 12869 <li class="open-subsubcategory" val-id="'+i+'" val-name="'+data[i].name+'">\ 12870 <h5 style="margin: 0;">\ 12871 '+data[i].name+'\ 12872 <i class="fa fa-angle-right" aria-hidden="true"></i>\ 12873 </h5>\ 12874 </li>\ 12875 '); 12876 12877 var subcategory_tmp = []; 12878 12879 if (data[i].child.length > 0) { 12880 for (var j = 0; j < data[i].child.length; j++) { 12881 subcategory_tmp.push([data[i].name, data[i].slug, data[i].child[j].name, data[i].child[j].slug]) 12882 } 12883 } 12884 12885 subcategory.push(subcategory_tmp); 12886 12887 } 12888 } 12889 12890 $("#myMenuMobileNew .subcategory-box").addClass("show"); 12891 12892 $("#myMenuMobileNew .subcategory-box .content ul li.open-subsubcategory").unbind("click"); 12893 $("#myMenuMobileNew .subcategory-box .content ul li.open-subsubcategory").click(function(e){ 12894 e.preventDefault(); 12895 12896 var val_id = $(this).attr("val-id"); 12897 var val_name = $(this).attr("val-name"); 12898 12899 $("#myMenuMobileNew .subsubcategory-box .header .name p").html(val_name); 12900 12901 $("#myMenuMobileNew .subsubcategory-box .content ul").html(''); 12902 12903 $("#myMenuMobileNew .subsubcategory-box .content ul").append('\ 12904 <li>\ 12905 <a href="https://www.archify.com/au/products/'+subcategory[val_id][0][1]+'">\
12906 <h5 style="margin: 0;">\ 12907 View All '+subcategory[val_id][0][0]+'\ 12908 </h5>\ 12909 </a>\ 12910 </li>\ 12911 '); 12912 12913 if (subcategory[val_id].length > 0) { 12914 for (var i = 0; i < subcategory[val_id].length; i++) { 12915 $("#myMenuMobileNew .subsubcategory-box .content ul").append('\ 12916 <li>\ 12917 <a href="https://www.archify.com/au/products/'+subcategory[val_id][i][3]+'">\ 12918 <h5 style="margin: 0;">\ 12919 '+subcategory[val_id][i][2]+'\ 12920 </h5>\ 12921 </a>\ 12922 </li>\ 12923 '); 12924 } 12925 } 12926 12927 $("#myMenuMobileNew .subsubcategory-box").addClass("show"); 12928 }); 12929 }) 12930 .fail(function(){ 12931 }) 12932 .always(function(){ 12933 open_subcategory_in_progress = false; 12934 thisObj.removeClass("on-progress"); 12935 }); 12936 } 12937 12938 // Professional 12939 if (val=="professional") { 12940 $.ajax({ 12941 url: 'https://www.archify.com/au/gpost/generals/menu_professionals', 12942 dataType: 'json', 12943 beforeSend: function() { 12944 12945 } 12946 }).done(function(data){ 12947 12948 $("#myMenuMobileNew .subcategory-box .header .name p").html('Professionals'); 12949 12950 $("#myMenuMobileNew .subcategory-box .content ul").html(''); 12951 12952 $("#myMenuMobileNew .subcategory-box .content ul").append('\ 12953 <li>\ 12954 <a href="https://www.archify.com/au/professionals">\ 12955 <h5 style="margin: 0;">\ 12956 View All Professionals\ 12957 </h5>\ 12958 </a>\ 12959 </li>\ 12960 '); 12961 12962 12963 if (data.length > 0) { 12964 for (var i = 0; i < data.length; i++) { 12965 if (i > 0) { 12966 $("#myMenuMobileNew .subcategory-box .content ul").append('\ 12967 <li>\ 12968 <!--<a href="https://www.archify.com/au/professionals/'+data[i].slug+'/all-properties/all-styles/all-cities/all-fees">-->\ 12969 <a href="https://www.archify.com/au/professionals/'+data[i].slug+'">\ 12970 <h5 style="margin: 0;">\ 12971 '+data[i].name+'\ 12972 </h5>\ 12973 </a>\ 12974 </li>\ 12975 '); 12976 } 12977 } 12978 } 12979 12980 $("#myMenuMobileNew .subcategory-box").addClass("show"); 12981 }) 12982 .fail(function(){ 12983 }) 12984 .always(function(){ 12985 open_subcategory_in_progress = false; 12986 thisObj.removeClass("on-progress"); 12987 }); 12988 } 12989 12990 // Project 12991 if (val=="project") { 12992 12993 $.ajax({ 12994 url: 'https://www.archify.com/au/gpost/generals/menu_projects', 12995 dataType: 'json', 12996 beforeSend: function() { 12997 12998 } 12999 }).done(function(data){ 13000 13001 $("#myMenuMobileNew .subcategory-box .header .name p").html('Projects'); 13002 13003 $("#myMenuMobileNew .subcategory-box .content ul").html(''); 13004 13005 $("#myMenuMobileNew .subcategory-box .content ul").append('\ 13006 <li>\ 13007 <a href="https://www.archify.com/au/projects/all-projects/all-business/all-locations/all-companies/popular/">\ 13008 <h5 style="margin: 0;">\ 13009 View All Projects\ 13010 </h5>\ 13011 </a>\ 13012 </li>\ 13013 '); 13014 13015 var subcategory = []; 13016 13017 13018 if (data.length > 0) { 13019 for (var i = 0; i < data.length; i++) { 13020 13021 if (data[i].child.length == 0) { 13022 $("#myMenuMobileNew .subcategory-box .content ul").append('\ 13023 <li>\ 13024 <a href="https://www.archify.com/au/projects/'+data[i].slug+'/all-business/all-locations/all-companies/popular/">\ 13025 <h5 style="margin: 0;">\ 13026 '+data[i].name+'\ 13027 </h5>\ 13028 </a>\ 13029 </li>\ 13030 '); 13031 } else if (data[i].child.length > 0) { 13032 $("#myMenuMobileNew .subcategory-box .content ul").append('\ 13033 <li class="open-subsubcategory" val-id="'+i+'" val-name="'+data[i].name+'">\ 13034 <h5 style="margin: 0;">\ 13035 '+data[i].name+'\ 13036 <i class="fa fa-angle-right" aria-hidden="true"></i>\ 13037 </h5>\ 13038 </li>\ 13039 '); 13040 } 13041 13042 13043 var subcategory_tmp = []; 13044 13045 if (data[i].child.length > 0) { 13046 for (var j = 0; j < data[i].child.length; j++) { 13047 subcategory_tmp.push([data[i].name, data[i].slug, data[i].child[j].name, data[i].child[j].slug]) 13048 } 13049 } 13050 13051 subcategory.push(subcategory_tmp); 13052 13053 } 13054 } 13055 13056 $("#myMenuMobileNew .subcategory-box").addClass("show"); 13057 13058 $("#myMenuMobileNew .subcategory-box .content ul li.open-subsubcategory").unbind("click"); 13059 $("#myMenuMobileNew .subcategory-box .content ul li.open-subsubcategory").click(function(e){ 13060 e.preventDefault(); 13061 13062 var val_id = $(this).attr("val-id"); 13063 var val_name = $(this).attr("val-name"); 13064 13065 $("#myMenuMobileNew .subsubcategory-box .header .name p").html(val_name); 13066 13067 $("#myMenuMobileNew .subsubcategory-box .content ul").html(''); 13068 13069 $("#myMenuMobileNew .subsubcategory-box .content ul").append('\ 13070 <li>\ 13071 <a href="https://www.archify.com/au/projects/'+subcategory[val_id][0][1]+'/all-business/all-locations/all-companies/popular/">\ 13072 <h5 style="margin: 0;">\ 13073 View All '+subcategory[val_id][0][0]+'\ 13074 </h5>\ 13075 </a>\ 13076 </li>\ 13077 '); 13078 13079 if (subcategory[val_id].length > 0) { 13080 for (var i = 0; i < subcategory[val_id].length; i++) { 13081 $("#myMenuMobileNew .subsubcategory-box .content ul").append('\ 13082 <li>\ 13083 <a href="https://www.archify.com/au/projects/'+subcategory[val_id][i][3]+'/all-business/all-locations/all-companies/popular/">\ 13084 <h5 style="margin: 0;">\ 13085 '+subcategory[val_id][i][2]+'\ 13086 </h5>\ 13087 </a>\ 13088 </li>\ 13089 '); 13090 } 13091 } 13092 13093 $("#myMenuMobileNew .subsubcategory-box").addClass("show"); 13094 }); 13095 }) 13096 .fail(function(){ 13097 }) 13098 .always(function(){ 13099 open_subcategory_in_progress = false;
13100 thisObj.removeClass("on-progress"); 13101 }); 13102 } 13103 13104 // Inspiration 13105 if (val=="inspiration") { 13106 $.ajax({ 13107 url: 'https://www.archify.com/au/gpost/generals/menu_inspiration', 13108 dataType: 'json', 13109 beforeSend: function() { 13110 13111 } 13112 }).done(function(data){ 13113 13114 $("#myMenuMobileNew .subcategory-box .header .name p").html('Inspiration'); 13115 13116 $("#myMenuMobileNew .subcategory-box .content ul").html(''); 13117 13118 $("#myMenuMobileNew .subcategory-box .content ul").append('\ 13119 <li>\ 13120 <a href="https://www.archify.com/au/photos">\ 13121 <h5 style="margin: 0;">\ 13122 View All Inspiration\ 13123 </h5>\ 13124 </a>\ 13125 </li>\ 13126 '); 13127 13128 if (data.length > 0) { 13129 for (var i = 0; i < data.length; i++) { 13130 if (data[i].name != "View All Categories") { 13131 $("#myMenuMobileNew .subcategory-box .content ul").append('\ 13132 <li>\ 13133 <a href="https://www.archify.com/photos/all-properties/'+data[i].slug+'/all-styles/all-colors/all-areas/all-cities">\ 13134 <h5 style="margin: 0;">\ 13135 '+data[i].name+'\ 13136 </h5>\ 13137 </a>\ 13138 </li>\ 13139 '); 13140 } 13141 13142 } 13143 } 13144 13145 $("#myMenuMobileNew .subcategory-box").addClass("show"); 13146 13147 }) 13148 .fail(function(){ 13149 }) 13150 .always(function(){ 13151 open_subcategory_in_progress = false; 13152 thisObj.removeClass("on-progress"); 13153 }); 13154 } 13155 13156 13157 // Article 13158 if (val=="article") { 13159 13160 $("#myMenuMobileNew .subcategory-box .header .name p").html('Articles'); 13161 13162 $("#myMenuMobileNew .subcategory-box .content ul").html(''); 13163 13164 $("#myMenuMobileNew .subcategory-box .content ul").append('\ 13165 <li class="mobile-archifynow-xx">\ 13166 <a href="https://www.archify.com/au/archifynow/">\ 13167 <h5 style="margin: 0;">\ 13168 View All Articles\ 13169 </h5>\ 13170 </a>\ 13171 </li>\ 13172 <li>\ 13173 <a href="https://www.archify.com/au/archifynow/projects">\ 13174 <h5 style="margin: 0;">\ 13175 Projects\ 13176 </h5>\ 13177 </a>\ 13178 </li>\ 13179 <li>\ 13180 <a href="https://www.archify.com/au/archifynow/tips-n-ideas">\ 13181 <h5 style="margin: 0;">\ 13182 Tips & Ideas\ 13183 </h5>\ 13184 </a>\ 13185 </li>\ 13186 <li>\ 13187 <a href="https://www.archify.com/au/archifynow/updates">\ 13188 <h5 style="margin: 0;">\ 13189 Updates\ 13190 </h5>\ 13191 </a>\ 13192 </li>\ 13193 '); 13194 13195 $("#myMenuMobileNew .subcategory-box").addClass("show"); 13196 13197 open_subcategory_in_progress = false; 13198 thisObj.removeClass("on-progress"); 13199 } 13200 13201 13202 }, 500); 13203 13204 } 13205 13206}); 13207 13208$("#myMenuMobileNew .select-language-button").click(function(e){ 13209 e.preventDefault(); 13210 13211 var val = $(this).attr("val"); 13212 13213 $("#myMenuMobileNew .subcategory-box .header .name p").html('Select Country'); 13214 13215 $("#myMenuMobileNew .subcategory-box .content ul").html(''); 13216 13217 $("#myMenuMobileNew .subcategory-box .content ul").append('\ 13218 <li class="language-list nationality-active">\ 13219 <a href="https://www.archify.com/au/products">\ 13220 <div class="lang-mobb" style="margin: 0;">\ 13221 <img src="https://www.archify.com/assets/img/svg/flag/flag-au.svg" alt="au" width="15" height="15" style="margin-right: 10px;">\ 13222 Australia\ 13223 </div>\ 13224 </a>\ 13225 </li>\ 13226 <li class="language-list ">\ 13227 <a href="https://www.archify.com/site/lang/hk-en">\ 13228 <div class="lang-mobb" style="margin: 0;">\ 13229 <img src="https://www.archify.com/assets/img/svg/flag/flag-hk.svg" alt="hk" width="15" height="15" style="margin-right: 10px;">\ 13230 Hong kong\ 13231 </div>\ 13232 </a>\ 13233 <!--<div class="wrap-lang-new" style="top:0px; padding-left: 10px; float: none;">\ 13234 <div onclick="window.location=\'https://www.archify.com/site/lang/hk-en\'" class="lang-new-link ">English</div>\
13235 <span class="lang-new-sep">|</span>\ 13236 <div onclick="window.location=\'https://www.archify.com/site/lang/hk-sc\'" class="lang-new-link ">Simplified ç®</div>\ 13237 <span class="lang-new-sep">|</span>\ 13238 <div onclick="window.location=\'https://www.archify.com/site/lang/hk-tc\'" class="lang-new-link ">Traditional ç¹</div>\ 13239 </div>-->\ 13240 </li>\ 13241 <li class="language-list ">\ 13242 <a href="https://www.archify.com/id/products">\ 13243 <div class="lang-mobb" style="margin: 0;">\ 13244 <img src="https://www.archify.com/assets/img/svg/flag/flag-id.svg" alt="id" width="15" height="15" style="margin-right: 10px;">\ 13245 Indonesia\ 13246 </div>\ 13247 </a>\ 13248 </li>\ 13249 <li class="language-list ">\ 13250 <a href="https://www.archify.com/my/products">\ 13251 <div class="lang-mobb" style="margin: 0;">\ 13252 <img src="https://www.archify.com/assets/img/svg/flag/flag-my.svg" alt="my" width="15" height="15" style="margin-right: 10px;">\ 13253 Malaysia\ 13254 </div>\ 13255 </a>\ 13256 </li>\ 13257 <li class="language-list ">\ 13258 <a href="https://www.archify.com/nz/products">\ 13259 <div class="lang-mobb" style="margin: 0;">\ 13260 <img src="https://www.archify.com/assets/img/svg/flag/flag-nz.svg" alt="nz" width="15" height="15" style="margin-right: 10px;">\ 13261 New Zealand\ 13262 </div>\ 13263 </a>\ 13264 </li>\ 13265 <li class="language-list ">\ 13266 <a href="https://www.archify.com/ph/products">\ 13267 <div class="lang-mobb" style="margin: 0;">\ 13268 <img src="https://www.archify.com/assets/img/svg/flag/flag-ph.svg" alt="ph" width="15" height="15" style="margin-right: 10px;">\ 13269 Philippines\ 13270 </div>\ 13271 </a>\ 13272 </li>\ 13273 <li class="language-list ">\ 13274 <a href="https://www.archify.com/sg/products">\ 13275 <div class="lang-mobb" style="margin: 0;">\ 13276 <img src="https://www.archify.com/assets/img/svg/flag/flag-sg.svg"alt="sg" width="15" height="15" style="margin-right: 10px;">\ 13277 Singapore\ 13278 </div>\ 13279 </a>\ 13280 </li>\ 13281<!--\ 13282 <li class="language-list ">\ 13283 <a href="https://www.archify.com/th/products">\ 13284 <div class="lang-mobb" style="margin: 0;">\ 13285 <img src="https://www.archify.com/assets/img/svg/flag/flag-th.svg" alt="th" width="15" height="15" style="margin-right: 10px;">\ 13286 Thailand\ 13287 </div>\ 13288 </a>\ 13289 </li>\ 13290-->\ 13291\ 13292\ 13293\ 13294\ 13295\ 13296\ 13297\ 13298'); 13299//show hide flag 13300$("#myMenuMobileNew .subcategory-box").addClass("show"); 13301// // $("#myMenuMobileNew .subcategory-box").addClass("show"); 13302// 13303}); 13304$("#myMenuMobileNew .subcategory-box .header .close-box").click(function(e){ 13305 e.preventDefault(); 13306 $("#myMenuMobileNew .subcategory-box").removeClass("show"); 13307}); 13308 13309// Show hide sub category mobile menu 13310$("#myMenuMobileNew .subsubcategory-box .header .close-box").click(function(e){ 13311 e.preventDefault(); 13312 $("#myMenuMobileNew .subsubcategory-box").removeClass("show"); 13313}); 13314 13315// <!-- Scroll Up Down Hide SHow Top Menu --> 13316var prevScrollpos = window.pageYOffset; 13317window.onscroll = function() { 13318var currentScrollPos = window.pageYOffset; 13319 if (prevScrollpos > currentScrollPos) { 13320 document.getElementById("top-main-menu").style.top = "70px"; 13321 } else { 13322 if (window.pageYOffset > 120) { 13323 document.getElementById("top-main-menu").style.top = "-50px"; 13324 $("#top-main-menu.new ul#top-main-menu-list > li").css("opacity", "1"); 13325 $(".popup-shade-bg-main-menu").css("display", "none"); 13326 $(".popup").css("display", "none"); 13327 } 13328 } 13329 prevScrollpos = currentScrollPos; 13330} 13331 13332// Set Mobile Menu Mobile Content Height 13333// var menuMobileContentHeight = $(window).height(); 13334// $("#myMenuMobileNew .content").css("height", ""+menuMobileContentHeight+"px"); 13335// $(window).resize(function() { 13336// menuMobileContentHeight = $(window).height(); 13337// $("#myMenuMobileNew .content").css("height", ""+menuMobileContentHeight+"px"); 13338// }); 13339 13340// <!-- Fixing Multiple Modal Problem When Close It --> 13341$(document).on('show.bs.modal', '.modal', function () { 13342 var zIndex = 99999999 + (10 * $('.modal:visible').length); 13343 $(this).css('z-index', zIndex); 13344 setTimeout(function() { 13345 $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack'); 13346 }, 0); 13347}); 13348$(document).on('hidden.bs.modal', '.modal', function () { 13349 $('.modal:visible').length && $(document.body).addClass('modal-open'); 13350}); 13351 13352function header_javascript_call() { 13353 13354 13355} 13356header_javascript_call(); 13357</script>
13357 13358
13359<script> 13360 var switch_button_clicked = false; 13361 var is_switch_account_to_my_account = false; 13362 var is_switch_account_to_setup_company = false; 13363 var is_switch_account_to_inbox = false; 13364 13365 function switch_account(token, feedback = "") { 13366 if (switch_button_clicked == false) { 13367 switch_button_clicked = true; 13368 $.ajax({ 13369 type: "POST", 13370 // dataType: "json", 13371 async: true, 13372 url: "https://www.archify.com/au/gpost/account/switch_account/" + token + "", 13373 success: function(data) { 13374 13375 if (data == "success_inbox") 13376 is_switch_account_to_inbox = true; 13377 13378 if (is_switch_account_to_my_account) { 13379 window.location.href = 'https://www.archify.com/au/professional/myaccount'; 13380 } else if (is_switch_account_to_setup_company) { 13381 window.location.href = 'https://www.archify.com/au/professional/setup_company'; 13382 } else if (is_switch_account_to_inbox) { 13383 // window.location.href = 'https://www.archify.com/au/inbox'; 13384 if (feedback != "") { 13385 window.location.href = feedback; 13386 } else { 13387 window.location.href = 'https://www.archify.com/au/inbox'; 13388 } 13389 exit; 13390 } 13391 13392 if (!is_switch_account_to_my_account && !is_switch_account_to_setup_company) { 13393 13394 var status = ""; 13395 if (data == "success") { 13396 if (status == "member") { 13397 window.location.href = 'https://www.archify.com/au/professional/project'; 13398 } else if (status == "professional") { 13399 window.location.href = 'https://www.archify.com/au/member/home'; 13400 } 13401 } else if (data == 'incomplete' && status == "member") { 13402 window.location.href = 'https://www.archify.com/au/professional/setup_company'; 13403 } else { 13404 switch_button_clicked = false; 13405 } 13406 13407 } 13408 13409 }, 13410 error: function(data) { 13411 switch_button_clicked = false; 13412 callNotificationAlert("Error"); 13413 } 13414 }); 13415 } 13416 } 13417 13418 function switch_account_complete_profile(token) { 13419 if (switch_button_clicked == false) { 13420 switch_button_clicked = true; 13421 $.ajax({ 13422 type: "POST", 13423 // dataType: "json", 13424 async: true, 13425 url: "https://www.archify.com/au/gpost/account/switch_account/" + token + "", 13426 success: function(data) { 13427 var status = ""; 13428 if (data == "success") { 13429 if (status == "member") { 13430 window.location.href = 'https://www.archify.com/au/professional/myaccount'; 13431 } 13432 } else { 13433 switch_button_clicked = false; 13434 } 13435 }, 13436 error: function(data) { 13437 callNotificationAlert("Error"); 13438 switch_button_clicked = false; 13439 } 13440 }); 13441 } 13442 } 13443 13444 function switch_account_upload_project(token) { 13445 if (switch_button_clicked == false) { 13446 switch_button_clicked = true; 13447 $.ajax({ 13448 type: "POST", 13449 // dataType: "json", 13450 async: true, 13451 url: "https://www.archify.com/au/gpost/account/switch_account/" + token + "", 13452 success: function(data) { 13453 var status = ""; 13454 if (data == "success") { 13455 if (status == "member") { 13456 window.location.href = 'https://www.archify.com/au/professional/setup_company'; 13457 } 13458 } else { 13459 switch_button_clicked = false; 13460 } 13461 }, 13462 error: function(data) { 13463 callNotificationAlert("Error"); 13464 switch_button_clicked = false; 13465 } 13466 }); 13467 } 13468 } 13469 $.ajax({ 13470 type: "GET", 13471 async: true, 13472 url: "https://www.archify.com/au/gpost/account/show_all_account", 13473 success: function(data) { 13474 if (data.length > 2) { 13475 var json_data = JSON.parse(data); 13476 $(".switch-company-account-wrapper").html(''); 13477 $(".switch-company-account-wrapper").css("display", "flex"); 13478 13479 13480 $(".complete-profile-button-wrapper").html(''); 13481 $(".complete-profile-button-wrapper").css("display", "block"); 13482 13483 13484 } 13485 } 13486 }); 13487 13488 function footer_switch_account_call() { 13489 13490 13491 } 13492 13493 footer_switch_account_call(); 13494</script>
13494 13495 13496 13497 13498 13499 13500<!-- DIV PASSWORD --> 13501 <div id="htPasswdModal" style="position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 999999999999999999; display: none; top: 0; left: 0;"> 13502 <div class="content" style="position: relative; float: left; max-width: 500px; padding-left: 20px; padding-right: 20px; width: 100%;top: 100px;left: 50%; -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%);"> 13503 <div class="form-group bluprin-input"> 13504 <label for="Username"> 13505 <h5>Username</h5> 13506 </label> 13507 <input type="text" class="form-control" id="UsernameHtPasswd" placeholder="" name="Username" value=""> 13508 </div> 13509 <div class="form-group bluprin-input"> 13510 <label for="Password"> 13511 <h5>Password</h5> 13512 </label> 13513 <input type="password" class="form-control" id="PasswordHtPasswd" placeholder="" name="Password" value="" > 13514 </div> 13515 <button onclick="submit_ht();" id="buttonSubmitHtPasswd" type="button" name="button" style="width: 100%; font-family: WorkSans-Medium; font-size: 13px; color: #fff; background-color: #4a4a4a; height: 30px; border: 0; border-radius: 3px; cursor: pointer; margin-top: 10px;">Submit</button> 13516 </div> 13517 </div> 13518 13519
13519<script> 13520 function getCookie(name) { 13521 var v = document.cookie.match('(^|;) ?' + name + '=([^;]*)(;|$)'); 13522 return v ? v[2] : null; 13523 } 13524 function setCookie(name, value, days) { 13525 var d = new Date; 13526 d.setTime(d.getTime() + 24*60*60*1000*days); 13527 document.cookie = name + "=" + value + ";path=/;expires=" + d.toGMTString(); 13528 } 13529 </script>
13529 13530 13531
13531<script> 13532 13533 13534 </script>
13534 13535 13536
13536<script> 13537 function submit_ht(){ 13538 if($("#UsernameHtPasswd").val()=="archify" && $("#PasswordHtPasswd").val()=="archify"){ 13539 setCookie("ht","1",1); 13540 $("#htPasswdModal").fadeOut(); 13541 location.reload(); 13542 }else{ 13543 alert("user or pass wrong"); 13544 } 13545 } 13546 </script>
13546 13547 13548 13549<!-- /DIV PASSWORD --> 13550 13551<!-- popup notification for new featured mu--> 13552 13553<div class="asr-popup" id="popup-notif-ones"> 13554 <div class="asr-popup-shadow hidenow"></div> 13555 <div class="asr-popup-body"> 13556 <div class="close-simple-popup hidenow"> 13557 <img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon"> 13558 </div> 13559 <div class="asr-content" id="popup-notif-ones-content"> 13560 </div> 13561 </div> 13562</div> 13563 13564<!-- new modal for notif list --> 13565<div class="asr-popup" id="popup-notif-onex"> 13566 <div class="asr-popup-shadow hidenow"></div> 13567 <div class="asr-popup-body"> 13568 <div class="close-simple-popup hidenow"> 13569 <img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon"> 13570 </div> 13571 <div class="asr-content" id="popup-notif-ones-contentx"> 13572 </div> 13573 </div> 13574</div> 13575<!-- new modal --> 13576 13577<div class="asr-popup" id="popup-slider-ones"> 13578 <div class="asr-popup-shadow hidenow"></div> 13579 <div class="asr-popup-body slider-body"> 13580 <div class="close-simple-popup hidenow"> 13581 <img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon"> 13582 </div> 13583 13584 <div id="slider-notif-onef" class="owl-carousel owl-theme"> 13585 </div> 13586 <div class="dotslider-notif-ones"></div> 13587 </div> 13588</div> 13589 13590 13591<!-- popup notification for new featured mu-->
13592<script src="https://www.archify.com/assets/third-party/OwlCarousel2-2.2.1/owl.carousel.min.js"></script>
13592 13593 13594<!-- jemy -->
13595<script> 13596$(document).ready(function(){ 13597 // Notification list mobile 13598 $("#myMenuMobileNew .notification-mob").click(function(e){ 13599 e.preventDefault(); 13600 13601 var val = $(this).attr("val"); 13602 13603 $("#myMenuMobileNew .subcategory-box .header .name p").html('NOTIFICATION'); 13604 13605 $("#myMenuMobileNew .subcategory-box .content ul").html(''); 13606 $.ajax({ 13607 url: "https://www.archify.com/au/gpost/generals/list_notification", 13608 dataType: 'json', 13609 data: {}, 13610 success: function(data) { 13611 var i; 13612 var html = ""; 13613 var countNotif = 0; 13614 var bg = ""; 13615 // var datax = JSON.parse(data) 13616 for(i=0;i<data.length;i++){ 13617 if (data[i].read_user==null) { 13618 bg = "asrbluebadge"; 13619 countNotif++; 13620 } else { 13621 bg = ""; 13622 } 13623 html += '<div class="center-notif-item2" id="idNotifPop" data-target="subsubcategory-box" data-id="'+ data[i].id +'">' + 13624 '<div class="img-notif-item">' + 13625 '<img src=" https://image-apac.archify.com/notification/'+ data[i].image +'">' + 13626 '</div>' + 13627 '<div class="content-notif-item"><div class="badge-notif-right-'+ data[i].notification_header_id +' '+bg+'"></div>' + 13628 '<div class="txt1" id="title">'+ data[i].title +'</div>' + 13629 '<div class="txt2" id="subtitle" data-subtitle="">'+ data[i].subtitle +'</div>' + 13630 '<div class="txt3" id="created" data-created="">'+ data[i].created_at +'</div>' + 13631 '</div>' + 13632 '</div>'; 13633 } 13634 $('#myMenuMobileNew .subcategory-box .content ul').append(html); 13635 // test 13636 13637 // test 13638 } 13639 }); 13640 13641 $("#myMenuMobileNew .subcategory-box").addClass("show"); 13642 }); 13643 // Notification Detail mobile 13644 $('#myMenuMobileNew').on('click', '.center-notif-item2', function() { 13645 var id = $(this).attr('data-id'); 13646 $.ajax({ 13647 url: "https://www.archify.com/au/gpost/generals/notification_preview", 13648 method: "POST", 13649 data: {id:id}, 13650 dataType: 'json', 13651 success: function(data) { 13652 $(".badge-notif-right-"+id).removeClass('asrbluebadge'); 13653 var html = ""; 13654 var i; 13655 for(i=0;i<data.length;i++) { 13656 html += '<div class="asr-content">'; 13657 if (data[i].image!=""){ 13658 html += '<div class="asr-img-popup"><img src="https://image-apac.archify.com/notification/'+ data[i].image +'"></div>'; 13659 } 13660 html += '<div class="asr-datainput">'; 13661 if (data[i].title!=""){ 13662 html += '<div class="asr-title">'+ data[i].title +'</div>'; 13663 } 13664 if (data[i].subtitle!=""){ 13665 html += '<div class="asr-subtitle">'+ data[i].subtitle +'</div>'; 13666 } 13667 if (data[i].content!=""){ 13668 html += '<div class="asr-maintitle" id="content">'+ data[i].content +'</div>'; 13669 } 13670 if (data[i].button_url!=""){ 13671 var link = data[i].button_url; 13672 if (link.search(/\./)>=0) { 13673 if (link.search("http")<0) 13674 link = "https://"+link; 13675 13676 html += '<a class="asr-link" href="'+ link +'" target="_blank">\ 13677 <button type="button" class="asr-btn-grey">'+ data[i].button_text +'</button>\ 13678 </a>'; 13679 } else { 13680 html += '<a class="asr-link" href="'+ data[i].button_url +'">\ 13681 <button type="button" class="asr-btn-grey">'+ data[i].button_text +'</button>\ 13682 </a>'; 13683 } 13684 } 13685 html += '</div>\ 13686 </div>'; 13687 $("#myMenuMobileNew .subsubcategory-box .content ul").html(''); 13688 $("#myMenuMobileNew .subsubcategory-box .content ul").append(html); 13689 13690 if (data[i].count_notif>0) { 13691 $(".asrr-count-notif").text(data[i].count_notif+" New "); 13692 } else { 13693 $(".asrr-count-notif").text(''); 13694 } 13695 } 13696 13697 } 13698 }); 13699 13700 $("#myMenuMobileNew .subsubcategory-box .header .name p").html('NOTIFICATION DETAILS'); 13701 13702 $("#myMenuMobileNew .subsubcategory-box").addClass("show"); 13703 }); 13704 13705 // $(".wrap-notif-bgblack").click(function(){ 13706 // alert("sssss"); 13707 // $("#popup-notif-ones").fadeIn(); 13708 // $(".notif-bgblack").fadeOut();
13709 // $(".popup-shade-bg-top-menu-asr").fadeOut(); 13710 // }); 13711 13712 $(".notif-bell-asr").click(function(){ 13713 if ($('.notif-bgblack').is(':visible')) { 13714 $(".notif-bgblack").fadeOut(); 13715 $(".popup-shade-bg-top-menu-asr").fadeOut(); 13716 } else { 13717 $(".notif-bgblack").fadeIn(); 13718 $(".popup-shade-bg-top-menu-asr").fadeIn(); 13719 }; 13720 }); 13721 13722 $(".hidenow").click(function(){ 13723 $(".asr-popup").fadeOut(); 13724 $('body').css('overflowY', 'auto'); 13725 $(".asr-popup-body").removeClass("usetransform"); 13726 $(".asr-popup-body").removeClass("usemargin"); 13727 }); 13728 13729 $(".popup-shade-bg-top-menu-asr").click(function(){ 13730 $(".notif-bgblack").fadeOut(); 13731 $(".popup-shade-bg-top-menu-asr").fadeOut(); 13732 }); 13733 13734 13735}); 13736</script>
13736 13737<!-- popup notification for new featured mu--> 13738
13739<script> 13740$('.asr-popup').mouseup(function(e) 13741{ 13742 var container = $(".asr-popup-body"); 13743 var container2 = $(".dotslider-notif-ones"); 13744 // if the target of the click isn't the container nor a descendant of the container 13745 if (!container.is(e.target) && container.has(e.target).length === 0 && !container2.is(e.target) && container2.has(e.target).length === 0) 13746 { 13747 $('body').css('overflowY', ''); 13748 $('.asr-popup').fadeOut(); 13749 $(".asr-popup-body").removeClass("usetransform"); 13750 $(".asr-popup-body").removeClass("usemargin"); 13751 } 13752}); 13753 13754if ($('.asr-popup').is(':visible')) { 13755 $('body').addClass('modal-open'); 13756} else { 13757 $('body').removeClass('modal-open'); 13758 $('body').css('overflowY', ''); 13759}; 13760</script>
13760 13761 13762 13763<!-- notification pop up when login -->
13764<script> 13765 $(document).ready(function() { 13766 // hide this feature https://bcisuite.atlassian.net/browse/AR-1900 13767 }); 13768</script>
13768 13769
13770<script> 13771$(".popup-shade-mobile-asr").click(function(){ 13772 $("body").removeClass("modal-open"); 13773 $(".mobile-asr-left").removeClass("show-mobile"); 13774 $(".popup-shade-mobile-asr").fadeOut(); 13775}); 13776 13777$(".close-nn img").click(function(){ 13778 $("body").removeClass("modal-open"); 13779 $(".mobile-asr-left").removeClass("show-mobile"); 13780 $(".popup-shade-mobile-asr").fadeOut(); 13781}); 13782 13783 function save_mylibrary_header_js(){ 13784 if (is_login == 0) { 13785 $("#loginModal").modal("show"); 13786 return; 13787 } 13788 var id_product = $("#image-id-header-js").val(); 13789 $.ajax({ 13790 type: "POST", 13791 url: "https://www.archify.com/au/gpost/member/save_product_to_library/"+id_product, 13792 async : true, 13793 success: function(result){ 13794 if (result == "success") { 13795 callNotification("Product has been added to library"); 13796 $('.test-class-').css('display', 'none'); 13797 } 13798 }, 13799 cache:false, 13800 contentType: false, 13801 processData: false 13802 }); 13803 }; 13804 13805 function remove_mylibrary_header_js(prodID){ 13806 if (is_login == 0) { 13807 $("#loginModal").modal("show"); 13808 return; 13809 } 13810 var id_product = $("#image-id-header-js").val(); 13811 $.ajax({ 13812 type: "POST", 13813 url: "https://www.archify.com/au/gpost/member/delete_product_to_library/"+id_product, 13814 async : true, 13815 success: function(result){ 13816 if (result == "success") { 13817 callNotification("Product has been Removed From Library"); 13818 $(this).parent().css('display', 'none'); 13819 $(this).parent().siblings().css({"color": "red", "border": "2px solid red"}); 13820 } 13821 }, 13822 cache:false, 13823 contentType: false, 13824 processData: false 13825 }); 13826 }; 13827</script>
13827 13828 13829 13830<!-- right click image disable-->
13831<script> 13832$(document).on('contextmenu', 'img', function() { 13833 return false; 13834}); 13835</script>
13835 13836<!-- right click image disable --> 13837 13838 13839<!-- PING --> 13840 <!--
13840<script> 13841 13842 function fn60sec() { 13843 //alert("aa"); 13844 $.ajax({ 13845 type: "GET", 13846 url: "https://www.archify.com/au/tools/ping", 13847 // crossDomain: true, 13848 // dataType: 'jsonp', 13849 // jsonp: 'callback', 13850 // jsonpCallback: 'jsonpCallback', 13851 data: {name: $.now()}, 13852 success: function(json) { 13853 //alert("success"); 13854 } 13855 }); 13856 } 13857 13858 function jsonpCallback(data){ 13859 //console.log(data.message); 13860 } 13861 13862 fn60sec(); 13863 setInterval(fn60sec, 60*1000); 13864 </script>
13864 --> 13865<!-- /PING --> 13866 13867 13868<div id="forceSignUpLoginModalWrapper"> 13869</div> 13870 13871<style> 13872 .my-form-set .form-group.bluprin-input .squaredThree input[type=checkbox]:checked+label { 13873 background: #0039ff; 13874 } 13875 13876 .my-form-set .form-group.bluprin-input .squaredThree label { 13877 width: 19px; 13878 height: 19px; 13879 } 13880 13881 .my-form-set .form-group.bluprin-input .squaredThree label:after { 13882 width: 11px; 13883 height: 6px; 13884 border-color: #FFF; 13885 } 13886</style>
13887<script> 13888 var google_url = ""; 13889 13890 function callSignUpLoginModal(headerText) { 13891 13892 var headerText = headerText; 13893 if (headerText == "" || headerText == undefined) { 13894 headerText = "To use this features, create your account which also gives you access to the complete Archify platform."; 13895 } 13896 13897 if ($('#forceSignUpLoginModal').length == 0) { 13898 var xyxzzzz = `<p class="text-footer" style="max-width: 245px; margin: auto;">By clicking Continue, you agree to our <span onclick=\"window.open(\'https://www.archify.com/au/terms-of-use\', \'_blank\')\">Terms of Use</span> and <span onclick=\"window.open(\'https://www.archify.com/au/privacy-policy\', \'_blank\')\">Privacy Policy</span></P>`; 13899 $('#forceSignUpLoginModalWrapper').append(` 13900 <div id="forceSignUpLoginModal" class="modal fade archify-modal-form-input" tabindex="-1" role="dialog" style="padding-top: 100px;"> 13901 <div class="modal-dialog form-login" role="document"> 13902 <div class="modal-content main-content"> 13903 <div class="modal-header"> 13904 <button class="tab-modal page-signup active" type="button" name="button" val="page-signup">Sign up</button> 13905 <button class="tab-modal page-login" type="button" name="button" val="page-login">Log in</button> 13906 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 13907 <img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon"> 13908 </button> 13909 </div> 13910 <div class="modal-body" style="padding-bottom: 0px;"> 13911 <div class="modal-body-page page-signup"> 13912 <p class="title"><span>Create your</span> Free Archify Account</p> 13913 <p id="forceSignUpHeaderTitleText" class="subtitle"></p> 13914 <div class="form-group bluprin-input" style="margin: 0;"> 13915 <label><h5>Register as <span style="color: red;">*</span></h5></label> 13916 <div class="clearfix"> 13917 </div> 13918 <div> 13919 <div class="radio-button-wrapper" onclick="document.getElementById('forceSignUpRadioButtonPropertyOwner').click()"> 13920 <h5>Property Owner</h5> 13921 <label class="archify-radio-button"> 13922 <input id="forceSignUpRadioButtonPropertyOwner" class="radio-button" type="radio" name="signup-type-radio-button" val="1"> 13923 <span class="checkmark"></span> 13924 </label> 13925 </div> 13926 <div class="radio-button-wrapper" onclick="document.getElementById('forceSignUpRadioButtonProfessional').click()"> 13927 <h5>Design Professional</h5> 13928 <label class="archify-radio-button"> 13929 <input id="forceSignUpRadioButtonProfessional" class="radio-button" type="radio" name="signup-type-radio-button" val="2"> 13930 <span class="checkmark"></span> 13931 </label> 13932 </div> 13933 </div> 13934 </div> 13935 <div id="forceSignUpButtonWrapper" style="display: none; margin-top: 10px; margin-bottom: 20px; position: relative; float: left; width: 100%;"> 13936 <button id="forceSignUpContinueWithEmailButton" class="archify-button-large disabled" type="button" name="button" style="width: 100%; display: none;" disabled> 13937 <img src="https://www.archify.com/assets/img/svg/02-icon-03-contact-email-white.svg" alt="02-icon-03-contact-email-white" style="position: relative; top: -1px;"> Continue with Email 13938 </button> 13939 <button id="forceSignUpContinueWithGoogleButton" class="archify-button-large google disabled" type="button" name="button" style="width: 100%; margin-top : 10px; display: none;" disabled> 13940 <img src="https://www.archify.com/assets/img/svg/02-icon-03-contact-google.svg" alt="google icon">Google 13941 </button> 13942 </div> 13943 <div id="form_term_condition" class="my-form-set" style="margin-top: 10px; display:none; width:100%; "> 13944 <div class="form-group bluprin-input" style="text-align : left; margin-bottom : 0px;"> 13945 <div class="squaredThree" style="position: absolute; float: left; width: 0;"> 13946 <input type="checkbox" value="0" id="term_condition_check" class="form-check-input"> 13947 <label for="term_condition_check" style="top: 4px; left: 0; z-index: 2;"></label> 13948 </div> 13949 <span style="text-align: left; padding-left : 25px; display: block;"> 13950 I can confirm I have read and accepted the 13951 <b style="cursor : pointer; text-decoration : underline;" onclick="window.open('https://www.archify.com/au/terms-of-use', '_blank')">Terms and Conditions</b> and 13952 <b style="cursor : pointer; text-decoration : underline;" onclick="window.open('https://www.archify.com/au/privacy-policy', '_blank')">Privacy Policy</b> 13953 </span> 13954 </div> 13955 </div> 13956 <div class="modal-footer"> 13957 <!--<p class="text-footer">Are you a Product Supplier?<br /><a href="#" target="_blank">Register here</a></p>--> 13958 </div> 13959 </div> 13960 <div class="modal-body-page page-login" style="display: none;"> 13961 <p class="title" style="margin-bottom: 30px;">Login to <span>Archify</span></p> 13962 <div class="form-group bluprin-input split"> 13963 <label for="force-log-in-email"><h5>Email <span style="color: red;">*</span></h5></label> 13964 <input type="text" class="form-control" id="force-log-in-email" placeholder="" name="force-log-in-email" value=""> 13965 <div class="errortisme redl" id="force-log-in-email-error">You must provide an email</div> 13966 </div> 13967 <div class="form-group bluprin-input split"> 13968 <label for="force-log-in-password"><h5>Password <span style="color: red;">*</span></h5></label> 13969 <a class="forgot-password-link" href="https://www.archify.com/au/login#forgot" target="_blank">Forgot Password</a> 13970 <input type="password" class="form-control" id="force-log-in-password" placeholder="" name="force-log-in-password" value="" style="padding-right: 35px;"> 13971 <i class="toggle-force-log-in-password" id="toggle-force-log-in-password"> 13972 <img class="on" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-on.svg" alt="general eye on" style="width: 22px; opacity: 0.4;"> 13973 <img class="off" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-off.svg" alt="general eye on" style="width: 20p
13973x; opacity: 0.4;"> 13974 </i> 13975 <div class="errortisme redl" id="force-log-in-password-error">You must provide a password</div> 13976 </div> 13977 <button id="forceLoginWithEmailButtonDisabled" class="archify-button-large disabled" type="button" name="button" style="width: 100%;"> 13978 Continue </button> 13979 <button id="forceLoginWithEmailButton" class="archify-button-large" type="button" name="button" style="width: 100%; display: none;"> 13980 Continue </button> 13981 <div class="line-text-border"> 13982 <div class="line"> 13983 </div> 13984 <p class="text">or use your social account</p> 13985 </div> 13986 <div class="social-button-wrapper login disabled" style="display: none; margin-bottom: 20px;"> 13987 <button class="archify-social-button google disabled" type="button" name="button"> 13988 <img src="https://www.archify.com/assets/img/svg/02-icon-03-contact-google-grey.svg" alt="google icon">Google\ 13989 </button> 13990 <button class="archify-social-button facebook disabled" type="button" name="button"> 13991 <img src="https://www.archify.com/assets/img/svg/02-icon-03-contact-facebook-grey.svg" alt="facebook icon">Facebook\ 13992 </button> 13993 </div> 13994 <div class="social-button-wrapper login" style="margin-bottom: 20px;"> 13995 <a href="#" class="signUpButtonGooglePropertyOwner"> 13996 <button id="forceLoginWithGoogleButton" class="archify-social-button google" type="button" name="button"> 13997 <img src="https://www.archify.com/assets/img/svg/02-icon-03-contact-google.svg" alt="google icon">Google\ 13998 </button> 13999 </a> 14000 <button id="forceLoginWithFacebookButton" class="archify-social-button facebook" type="button" name="button"> 14001 <img src="https://www.archify.com/assets/img/svg/02-icon-03-contact-facebook.svg" alt="facebook icon">Facebook\ 14002 </button> 14003 </div> 14004 14005 <div class="modal-footer"> 14006 ${xyxzzzz} 14007 </div> 14008 </div> 14009 </div> 14010 </div> 14011 <div class="modal-content second-content property-owner" style="display: none;"> 14012 <div class="modal-header"> 14013 <p class="modal-title"> 14014 <img class="close-slide-modal-second-content" src="https://www.archify.com/assets/img/svg/02-icon-01-general-arrow-left.svg" alt="general arrow left" width="24" height="24" > 14015 Complete <span>Your Profile</span> </p> 14016 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 14017 <img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon"> 14018 </button> 14019 </div> 14020 <div class="modal-body" style="padding-bottom: 20px;"> 14021 <form id="form-owner-register"> 14022 <div class="modal-body-page page-signup"> 14023 <div class="form-half-wrapper"> 14024 <div class="form-group bluprin-input half"> 14025 <label for="force-sign-up-property-owner-first-name"><h5>First Name <span style="color: red;">*</span></h5></label> 14026 <input type="text" class="form-control" id="force-sign-up-property-owner-first-name" placeholder="" name="first-name" value=""> 14027 <div class="errortisme redl" id="force-sign-up-property-owner-first-name-error">You must provide your first name</div> 14028 </div> 14029 <div class="form-group bluprin-input half"> 14030 <label for="force-sign-up-property-owner-last-name"><h5>Last Name</h5></label> 14031 <input type="text" class="form-control" id="force-sign-up-property-owner-last-name" placeholder="" name="last-name" value=""> 14032 <!-- <div class="errortisme redl" id="force-sign-up-property-owner-last-name-error">You must provide your last name</div> --> 14033 </div> 14034 </div> 14035 <div class="clearfix"> 14036 </div> 14037 <div class="form-group bluprin-input"> 14038 <label for="force-sign-up-property-owner-country"><h5>Country <span style="color: red;">*</span></h5></label> 14039 <div class="select-force-sign-up-property-owner-country-wrapper select-drop-down-wrapper"> 14040 <select name="country" class="form-control" id="force-sign-up-property-owner-country" placeholder="" value="" style="width: 100%;"> 14041 </select> 14042 </div> 14043 <div class="errortisme redl" id="force-sign-up-property-owner-country-error">You must select a country</div> 14044 </div> 14045 <div class="form-group bluprin-input"> 14046 <label for="force-sign-up-property-owner-location"><h5>Location <span style="color: red;">*</span></h5></label> 14047 <div class="select-force-sign-up-property-owner-location-wrapper select-drop-down-wrapper"> 14048 <select name="location" class="form-control" id="force-sign-up-property-owner-location" placeholder="" value="" style="width: 100%;"> 14049 </select> 14050 </div> 14051 <div class="errortisme redl" id="force-sign-up-property-owner-location-error">You must select a location</div> 14052 </div> 14053 <div class="form-group bluprin-input"> 14054 <label for="force-sign-up-property-owner-email"><h5>Email <span style="color: red;">*</span></h5></label> 14055 <input type="text" class="form-control" id="force-sign-up-property-owner-email" placeholder="" name="email" value=""> 14056 <div class="errortisme redl" id="force-sign-up-property-owner-email-error">You must provide an email</div> 14057 </div> 14058 <div class="form-group bluprin-input"> 14059 <label for="force-sign-up-property-owner-password"><h5>Password <span style="color: red;">*</span></h5></label> 14060 <input type="password" class="form-control" id="force-sign-up-property-owner-password" placeholder="" name="password" value="" style="padding-right: 35px;"> 14061 <i class="toggle-force-log-in-password" id="toggle-force-sign-up-force-sign-up-property-owner-password"> 14062 <img class="on" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-on.svg" alt="general eye on" style="width: 22px; opacity: 0.4;"> 14063 <img class="off" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-off.svg" alt="general eye on" style="width: 20p
14063x; opacity: 0.4;"> 14064 </i> 14065 <div class="errortisme redl" id="force-sign-up-property-owner-password-error">You must provide a password</div> 14066 </div> 14067 <div class="captcha-area" style="position: relative; float: left; margin-bottom: 0px; margin-top: 10px; text-align: center; width: 100%;"> 14068 <div id="recaptchaForForceSignUpPropertyOwner" class="g-recaptcha force-sign-up-property-owner" data-sitekey="6LeJcykUAAAAAGJqrWgGnppNI4e3z81ts5yGtbo2"></div> 14069 <div class="form-group bluprin-input"> 14070 <div class="errortisme redl" id="force-sign-up-property-owner-recaptcha-error" style="text-align: left;">Recaptcha error</div> 14071 </div> 14072 </div> 14073 </div> 14074 </form> 14075 </div> 14076 <div class="modal-footer" style="display: block;"> 14077 <button id="forceSignupPropertyOwnerSubmitButtonDisabled" class="archify-button-large disabled" type="button" name="button" style="width: 100%; margin: 0;">Sign Up<span> as a Property Owner</span></button> 14078 <button id="forceSignupPropertyOwnerSubmitButton" class="archify-button-large" type="button" name="button" style="width: 100%; margin: 0; display: none;">Sign Up<span> as a Property Owner</span></button> 14079 </div> 14080 </div> 14081 <div class="modal-content second-content professional" style="display: none;"> 14082 <div class="modal-header"> 14083 <p class="modal-title"> 14084 <img class="close-slide-modal-second-content" src="https://www.archify.com/assets/img/svg/02-icon-01-general-arrow-left.svg" alt="general arrow left" width="24" height="24" > 14085 Complete <span>Your Profile</span> </p> 14086 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 14087 <img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon"> 14088 </button> 14089 </div> 14090 <div class="modal-body" style="padding-bottom: 20px;"> 14091 <form id="form-pro-register"> 14092 <div class="modal-body-page page-signup"> 14093 <div class="form-half-wrapper"> 14094 <input type="hidden" id="google_id" name="google_id" value=""> 14095 <input type="hidden" id="facebook_id" name="facebook_id" value=""> 14096 <div class="form-group bluprin-input half"> 14097 <label for="force-sign-up-professional-first-name"><h5>First Name <span style="color: red;">*</span></h5></label> 14098 <input type="text" class="form-control" id="force-sign-up-professional-first-name" placeholder="" name="first-name" value=""> 14099 <div class="errortisme redl" id="force-sign-up-professional-first-name-error">You must provide your first name</div> 14100 </div> 14101 <div class="form-group bluprin-input half"> 14102 <label for="force-sign-up-professional-last-name"><h5>Last Name</h5></label> 14103 <input type="text" class="form-control" id="force-sign-up-professional-last-name" placeholder="" name="last-name" value=""> 14104 <!-- <div class="errortisme redl" id="force-sign-up-professional-last-name-error">You must provide your last name</div> --> 14105 </div> 14106 </div> 14107 <div class="clearfix"> 14108 </div> 14109 <div class="form-group bluprin-input"> 14110 <label for="force-sign-up-professional-country"><h5>Country <span style="color: red;">*</span></h5></label> 14111 <div class="select-force-sign-up-professional-country-wrapper select-drop-down-wrapper"> 14112 <select name="country" class="form-control" id="force-sign-up-professional-country" placeholder="" value="" style="width: 100%;"> 14113 </select> 14114 </div> 14115 <div class="errortisme redl" id="force-sign-up-professional-country-error">You must select a country</div> 14116 </div> 14117 <div class="form-group bluprin-input"> 14118 <label for="force-sign-up-professional-location"><h5>Location <span style="color: red;">*</span></h5></label> 14119 <div class="select-force-sign-up-professional-location-wrapper select-drop-down-wrapper"> 14120 <select name="location" class="form-control" id="force-sign-up-professional-location" placeholder="" value="" style="width: 100%;"> 14121 </select> 14122 </div> 14123 <div class="errortisme redl" id="force-sign-up-professional-location-error">You must select a location</div> 14124 </div> 14125 <div class="form-group bluprin-input"> 14126 <label for="force-sign-up-professional-email"><h5>Email <span style="color: red;">*</span></h5></label> 14127 <input type="text" class="form-control" id="force-sign-up-professional-email" placeholder="" name="email" value=""> 14128 <div class="errortisme redl" id="force-sign-up-professional-email-error">You must provide an email</div> 14129 </div> 14130 <div class="form-group bluprin-input"> 14131 <label for="force-sign-up-professional-password"><h5>Password <span style="color: red;">*</span></h5></label> 14132 <input type="password" class="form-control" id="force-sign-up-professional-password" placeholder="" name="password" value="" style="padding-right: 35px;"> 14133 <i class="toggle-force-log-in-password" id="toggle-force-sign-up-force-sign-up-professional-password"> 14134 <img class="on" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-on.svg" alt="general eye on" style="width: 22px; opacity: 0.4;"> 14135 <img class="off" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-off.svg" alt="general eye on" style="width: 20p
14135x; opacity: 0.4;"> 14136 </i> 14137 <div class="errortisme redl" id="force-sign-up-professional-password-error">You must provide a password</div> 14138 </div> 14139 <div class="form-group bluprin-input"> 14140 <label for="force-sign-up-professional-role"><h5>Role <span style="color: red;">*</span></h5></label> 14141 <div class="select-force-sign-up-professional-role-wrapper select-drop-down-wrapper"> 14142 <select name="role" class="form-control" id="force-sign-up-professional-role" placeholder="" value="" style="width: 100%;"> 14143 </select> 14144 </div> 14145 <div class="errortisme redl" id="force-sign-up-professional-role-error">You must select a role</div> 14146 </div> 14147 <div id="force-sign-up-professional-architect-registration-number-wrapper" class="form-group bluprin-input" style="display: none;"> 14148 <label for="force-sign-up-professional-architect-registration-number"><h5>Architectural Registration Number <span id="force-sign-up-professional-architect-registration-number-mandatory-sign" style="color: red;">*</span></h5></label> 14149 <input type="text" class="form-control" id="force-sign-up-professional-architect-registration-number" placeholder="" name="registration-number" value=""> 14150 <div class="errortisme redl" id="force-sign-up-professional-architect-registration-number-error">You must provide an architectural registration number</div> 14151 </div> 14152 <div class="form-group bluprin-input"> 14153 <label for="force-sign-up-professional-phone"><h5>Phone Number <span style="color: red;">*</span></h5></label> 14154 <input type="text" class="form-control" id="force-sign-up-professional-phone" placeholder="" name="phone" value=""> 14155 <div class="errortisme redl" id="force-sign-up-professional-phone-error">You must provide a phone number</div> 14156 </div> 14157 <div id="forceSignUpCompanyWhereYouWorkWrapper" class="form-group bluprin-input"> 14158 <label for="force-sign-up-professional-company-where-you-work"><h5>Company Where You Work <span id="force-sign-up-professional-company-where-you-work-mandatory-sign" style="color: red; display: none;">*</span></h5></label> 14159 <input type="text" class="form-control" id="force-sign-up-professional-company-where-you-work" placeholder="" name="company-where-you-work" value=""> 14160 <div class="errortisme redl" id="force-sign-up-professional-company-where-you-work-error">You must provide a company</div> 14161 </div> 14162 <div id="forceSignUpInstitutionWrapper" class="form-group bluprin-input" style="display: none;"> 14163 <label for="force-sign-up-professional-institution"><h5>Institution <span id="force-sign-up-professional-institution-mandatory-sign" style="color: red; display: none;">*</span></h5></label> 14164 <input type="text" class="form-control" id="force-sign-up-professional-institution" placeholder="" name="professional-institution" value=""> 14165 <div class="errortisme redl" id="force-sign-up-professional-institution-error">You must provide an institution</div> 14166 </div> 14167 <div class="captcha-area" style="position: relative; float: left; margin-bottom: 0px; margin-top: 10px; text-align: center; width: 100%;"> 14168 <div id="recaptchaForForceSignUpProfessional" class="g-recaptcha force-sign-up-professional" data-sitekey="6LeJcykUAAAAAGJqrWgGnppNI4e3z81ts5yGtbo2"></div> 14169 <div class="form-group bluprin-input"> 14170 <div class="errortisme redl" id="force-sign-up-professional-recaptcha-error" style="text-align: left;">Recaptcha error</div> 14171 </div> 14172 </div> 14173 </div> 14174 </form> 14175 </div> 14176 <div class="modal-footer" style="display: block;"> 14177 <button id="forceSignupProfessionalSubmitButtonDisabled" class="archify-button-large disabled" type="button" name="button" style="width: 100%; margin: 0;">Sign Up<span> as a Professional</span></button> 14178 <button id="forceSignupProfessionalSubmitButton" class="archify-button-large" type="button" name="button" style="width: 100%; margin: 0; display: none;">Sign Up<span> as a Professional</span></button> 14179 </div>
14180 </div> 14181 </div> 14182 </div> 14183 `); 14184 14185 // Force sign up tab modal click event 14186 var archifyModalFormInputTabModal = $('.archify-modal-form-input .modal-dialog.form-login .modal-header .tab-modal'); 14187 var archifyModalFormInputModalBodyPage = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page'); 14188 var archifyModalFormInputModalBody = $('.archify-modal-form-input .modal-dialog.form-login .modal-body'); 14189 archifyModalFormInputTabModal.unbind('click'); 14190 archifyModalFormInputTabModal.click(function() { 14191 archifyModalFormInputTabModal.removeClass('active'); 14192 $(this).addClass('active'); 14193 var modalPageValue = $(this).attr('val'); 14194 archifyModalFormInputModalBodyPage.fadeOut().promise().done(function() { 14195 archifyModalFormInputModalBody.find('.' + modalPageValue + '').fadeIn(); 14196 }); 14197 }); 14198 14199 $('#forceSignUpRadioButtonPropertyOwner').click(function() { 14200 $.post("https://www.archify.com/au/gpost/login/google_connect_create_url/1", { 14201 current_url: "https://www.archify.com/au/products", 14202 register: "owner" 14203 }, function(result) { 14204 google_url = result; 14205 }); 14206 }); 14207 14208 $('#forceSignUpRadioButtonProfessional').click(function() { 14209 $.post("https://www.archify.com/au/gpost/login/google_connect_create_url/1", { 14210 current_url: "https://www.archify.com/au/products", 14211 register: "professional" 14212 }, function(result) { 14213 google_url = result; 14214 }); 14215 }); 14216 14217 // Force sign up radio button event 14218 var archifyModalFormInputRadioButton = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .form-group.bluprin-input .radio-button-wrapper .radio-button'); 14219 archifyModalFormInputRadioButton.unbind('change'); 14220 archifyModalFormInputRadioButton.change(function() { 14221 $('#forceSignUpContinueWithEmailButton').show(); 14222 $('#forceSignUpContinueWithGoogleButton').show(); 14223 $('#forceSignUpButtonWrapper').show(); 14224 $('#form_term_condition').show(); 14225 }); 14226 14227 // disabled sigup button login by 14228 $("#term_condition_check").click(function() { 14229 if ($(this).prop('checked')) { 14230 $('#forceSignUpContinueWithEmailButton').removeClass("disabled").prop('disabled', false); 14231 $('#forceSignUpContinueWithGoogleButton').removeClass("disabled").prop('disabled', false); 14232 } else { 14233 $('#forceSignUpContinueWithEmailButton').addClass("disabled").prop('disabled', true); 14234 $('#forceSignUpContinueWithGoogleButton').addClass("disabled").prop('disabled', true); 14235 } 14236 }) 14237 // // Open slide second modal content function 14238 // function openSlideSecondModalContent(type) { 14239 // var type = type; 14240 // var mainContent = $('#forceSignUpLoginModal .modal-content.main-content'); 14241 // var secondContent = $('#forceSignUpLoginModal .modal-content.second-content.'+type+''); 14242 // var mainContentHeight = mainContent.outerHeight(); 14243 // var secondContentHeight = secondContent.outerHeight(); 14244 // if (mainContentHeight < secondContentHeight) { 14245 // $('#forceSignUpLoginModal .modal-dialog').css('height', secondContentHeight+"px"); 14246 // } 14247 // secondContent.addClass('show'); 14248 // secondContent.show(); 14249 // mainContent.css('position', 'absolute'); 14250 // $('#forceSignUpLoginModal .modal-dialog').addClass('show-second-progress'); 14251 // setTimeout(function() { 14252 // mainContent.hide(); 14253 // $('#forceSignUpLoginModal .modal-dialog').removeClass('show-second-progress'); 14254 // if (type == "property-owner") { 14255 // rescaleCaptchaForSignupPropertyOwner(); 14256 // } 14257 // }, 200); 14258 // } 14259 14260 // Close slide second modal content function 14261 function closeSlideSecondModalContent() { 14262 var mainContent = $('#forceSignUpLoginModal .modal-content.main-content'); 14263 var secondContent = $('#forceSignUpLoginModal .modal-content.second-content'); 14264 var mainContentHeight = mainContent.outerHeight(); 14265 var secondContentHeight = secondContent.outerHeight(); 14266 mainContent.show(); 14267 secondContent.removeClass('show'); 14268 mainContent.css('position', ''); 14269 $('#forceSignUpLoginModal .modal-dialog').addClass('show-second-progress'); 14270 setTimeout(function() { 14271 secondContent.hide(); 14272 $('#forceSignUpLoginModal .modal-dialog').css('height', ""); 14273 $('#forceSignUpLoginModal .modal-dialog').removeClass('show-second-progress'); 14274 }, 200); 14275 } 14276 14277 // Close slide second modal content button click event 14278 $('.close-slide-modal-second-content').unbind('click'); 14279 $('.close-slide-modal-second-content').click(function() { 14280 closeSlideSecondModalContent(); 14281 }); 14282 14283 // Force sign up continue with email button event 14284 $('#forceSignUpContinueWithEmailButton').unbind('click'); 14285 $('#forceSignUpContinueWithEmailButton').click(function() { 14286 var forceSignUpRadioButtonValue = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .form-group.bluprin-input .radio-button-wrapper .radio-button:checked').attr('val'); 14287 if (forceSignUpRadioButtonValue == 1) { 14288 openSlideSecondModalContent('property-owner'); 14289 } 14290 if (forceSignUpRadioButtonValue == 2) { 14291 openSlideSecondModalContent('professional'); 14292 } 14293 // alert('signup with email function here'); 14294 }); 14295 14296 // Force Login toggle password visibility 14297 $('#toggle-force-log-in-password').unbind('click'); 14298 $('#toggle-force-log-in-password').click(function() { 14299 var x = document.getElementById("force-log-in-password"); 14300 if (x.type === "password") { 14301 $('#toggle-force-log-in-password').addClass('show'); 14302 x.type = "text"; 14303 } else { 14304 $('#toggle-force-log-in-password').removeClass('show'); 14305 x.type = "password"; 14306 } 14307 }); 14308 14309 // Force Login input change Event 14310 var archifyModalFormInputModalBodyPagePageLogin = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page.page-login'); 14311 var archifyModalFormInputSocialButtonWrapperLoginDisabled = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .social-button-wrapper.login.disabled'); 14312 var archifyModalFormInputSocialButtonWrapperLogin = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .social-button-wrapper.login');
14313 archifyModalFormInputModalBodyPagePageLogin.unbind('keyup'); 14314 archifyModalFormInputModalBodyPagePageLogin.keyup(function() { 14315 $('#forceLoginWithEmailButtonDisabled').hide(); 14316 $('#forceLoginWithEmailButton').show(); 14317 archifyModalFormInputSocialButtonWrapperLogin.show(); 14318 archifyModalFormInputSocialButtonWrapperLoginDisabled.hide(); 14319 }); 14320 14321 // Force Login with email login button Event 14322 $('#forceLoginWithEmailButton').unbind('click'); 14323 $('#forceLoginWithEmailButton').click(function() { 14324 alert('submit login function here'); 14325 }); 14326 14327 // Force sign up property owner country select2 init & other proccess 14328 $("#force-sign-up-property-owner-country").select2({ 14329 placeholder: "Please select your country" 14330 }); 14331 $("#force-sign-up-property-owner-country").on("select2:select", function(e) { 14332 var data = e.params.data; 14333 forceSignUpPropertyOwnerGetLocation(data.id); 14334 $('#forceSignupPropertyOwnerSubmitButtonDisabled').hide(); 14335 $('#forceSignupPropertyOwnerSubmitButton').show(); 14336 }); 14337 14338 function formatStateForceSignUpPropertyOwnerCountry(state) { 14339 if (!state.id) { 14340 return state.text; 14341 } 14342 var baseUrl = "https://www.archify.com/assets/img/svg/flag"; 14343 var $state = $( 14344 '<span><img src="' + baseUrl + '/flag-' + state.element.value.toLowerCase() + '.svg" class="img-flag" /> ' + state.text + '</span>' 14345 ); 14346 return $state; 14347 }; 14348 $.ajax({ 14349 type: "POST", 14350 dataType: "json", 14351 async: true, 14352 url: "https://www.archify.com/au/gpost/account/pro_country_list", 14353 success: function(data) { 14354 var countryId = "" || "au"; 14355 $("#force-sign-up-property-owner-country").select2({ 14356 placeholder: "Please select your country", 14357 templateSelection: formatStateForceSignUpPropertyOwnerCountry, 14358 templateResult: formatStateForceSignUpPropertyOwnerCountry, 14359 data: data, 14360 dropdownParent: $('.select-force-sign-up-property-owner-country-wrapper'), 14361 searchInputPlaceholder: 'Search' 14362 }).val(countryId).trigger("change"); 14363 } 14364 }); 14365 14366 // Force sign up property owner location select2 init & other proccess 14367 $("#force-sign-up-property-owner-location").select2({ 14368 placeholder: "Please select your city" 14369 }); 14370 $("#force-sign-up-property-owner-location").on("select2:select", function(e) { 14371 $('#forceSignupPropertyOwnerSubmitButtonDisabled').hide(); 14372 $('#forceSignupPropertyOwnerSubmitButton').show(); 14373 }); 14374 14375 function forceSignUpPropertyOwnerGetLocation(countryId = "") { 14376 $("#force-sign-up-property-owner-location").html(""); 14377 if (countryId == "") { 14378 countryId = 'au'; 14379 } 14380 $.ajax({ 14381 type: "POST", 14382 dataType: "json", 14383 async: true, 14384 url: "https://www.archify.com/au/gpost/account/pro_city_list/" + countryId, 14385 success: function(data) { 14386 $("#force-sign-up-property-owner-location").select2({ 14387 placeholder: "Please select your location", 14388 data: data, 14389 templateResult: formatResultForceSignUpPropertyOwnerLocation, 14390 templateSelection: formatRepoSelectionForceSignUpPropertyOwnerLocation, 14391 dropdownParent: $('.select-force-sign-up-property-owner-location-wrapper'), 14392 searchInputPlaceholder: 'Search' 14393 }).val("").trigger('change'); 14394 } 14395 }); 14396 } 14397 forceSignUpPropertyOwnerGetLocation(); 14398 14399 function formatResultForceSignUpPropertyOwnerLocation(node) { 14400 var strArray = node.text.split("|"); 14401 var $result = $('<span style="padding-left:' + (15) + 'px;"><xxx style="display:none;">' + strArray[1] + '</xxx>' + strArray[0] + '</span>'); 14402 if (node.level == 1) { 14403 $result = $('<span style="padding-left:' + (0 * node.level) + 'px;"><xxx style="display:none;">' + strArray[1] + '</xxx>' + strArray[0] + '</span>'); 14404 } 14405 return $result; 14406 }; 14407 14408 function formatRepoSelectionForceSignUpPropertyOwnerLocation(repo) { 14409 var strArray = repo.text.split("|"); 14410 return strArray[0]; 14411 } 14412 14413 // Force sign up property owner toggle password visibility 14414 $('#toggle-force-sign-up-force-sign-up-property-owner-password').unbind('click'); 14415 $('#toggle-force-sign-up-force-sign-up-property-owner-password').click(function() { 14416 var x = document.getElementById("force-sign-up-property-owner-password"); 14417 if (x.type === "password") { 14418 $('#toggle-force-sign-up-force-sign-up-property-owner-password').addClass('show'); 14419 x.type = "text"; 14420 } else { 14421 $('#toggle-force-sign-up-force-sign-up-property-owner-password').removeClass('show'); 14422 x.type = "password"; 14423 } 14424 }); 14425 14426 // Recaptcha for signup property owner init 14427 grecaptcha.render('recaptchaForForceSignUpPropertyOwner', { 14428 'sitekey': '6LeJcykUAAAAAGJqrWgGnppNI4e3z81ts5yGtbo2' 14429 }); 14430 14431 function rescaleCaptchaForSignupPropertyOwner() { 14432 var width = $('.g-recaptcha.force-property-owner').parent().width(); 14433 var scale; 14434 if (width < 302) { 14435 scale = width / 302; 14436 } else { 14437 scale = 1.0; 14438 } 14439 $('#recaptchaForForceSignUpPropertyOwner').css('transform', 'scale(' + scale + ')'); 14440 $('#recaptchaForForceSignUpPropertyOwner').css('-webkit-transform', 'scale(' + scale + ')'); 14441 $('#recaptchaForForceSignUpPropertyOwner').css('transform-origin', '0 0'); 14442 $('#recaptchaForForceSignUpPropertyOwner').css('-webkit-transform-origin', '0 0'); 14443 } 14444 $(window).resize(function() { 14445 rescaleCaptchaForSignupPropertyOwner(); 14446 }); 14447 $('#forceSignUpLoginModal').on('shown.bs.modal', function(e) { 14448 // rescaleCaptchaForSignupPropertyOwner(); 14449 }); 14450 14451 14452 // Force sign up property owner button submit Events 14453 var archifyModalFormInputSecondContentPropertyOwnerInput = $('.archify-modal-form-input .modal-content.second-content.property-owner input');
14454 archifyModalFormInputSecondContentPropertyOwnerInput.keyup(function() { 14455 $('#forceSignupPropertyOwnerSubmitButtonDisabled').hide(); 14456 $('#forceSignupPropertyOwnerSubmitButton').show(); 14457 }); 14458 14459 14460 // Force sign up profesional country select2 init & other proccess 14461 $("#force-sign-up-professional-country").select2({ 14462 placeholder: "Please select your country" 14463 }); 14464 $("#force-sign-up-professional-country").on("select2:select", function(e) { 14465 var data = e.params.data; 14466 forceSignUpProfessionalGetLocation(data.id); 14467 $('#forceSignupProfessionalSubmitButtonDisabled').hide(); 14468 $('#forceSignupProfessionalSubmitButton').show(); 14469 if ($('#force-sign-up-professional-role').val() == 3) { 14470 $('#force-sign-up-professional-architect-registration-number').show(); 14471 if ($(this).val() == "au" || $(this).val() == "nz") { 14472 $('#force-sign-up-professional-architect-registration-number-mandatory-sign').show(); 14473 } else { 14474 $('#force-sign-up-professional-architect-registration-number-mandatory-sign').hide(); 14475 $('#force-sign-up-professional-architect-registration-number-error').hide(); 14476 } 14477 } else { 14478 $('#force-sign-up-professional-architect-registration-number').hide(); 14479 } 14480 14481 if ($(this).val() == "au" || $(this).val() == "nz") { 14482 $('#force-sign-up-professional-company-where-you-work-mandatory-sign').show(); 14483 } else { 14484 $('#force-sign-up-professional-company-where-you-work-mandatory-sign').hide(); 14485 $('#force-sign-up-professional-company-where-you-work-error').hide(); 14486 } 14487 14488 if ($('#force-sign-up-professional-role').val() == 37) { 14489 $('#forceSignUpCompanyWhereYouWorkWrapper').hide(); 14490 $('#forceSignUpInstitutionWrapper').show(); 14491 if ($(this).val() == "au" || $(this).val() == "nz") { 14492 $('#force-sign-up-professional-institution-mandatory-sign').show(); 14493 } else { 14494 $('#force-sign-up-professional-institution-mandatory-sign').hide(); 14495 $('#force-sign-up-professional-institution-error').hide(); 14496 } 14497 } else { 14498 $('#forceSignUpCompanyWhereYouWorkWrapper').show(); 14499 $('#forceSignUpInstitutionWrapper').hide(); 14500 } 14501 14502 14503 }); 14504 14505 function formatStateForceSignUpProfessionalCountry(state) { 14506 if (!state.id) { 14507 return state.text; 14508 } 14509 var baseUrl = "https://www.archify.com/assets/img/svg/flag"; 14510 var $state = $( 14511 '<span><img src="' + baseUrl + '/flag-' + state.element.value.toLowerCase() + '.svg" class="img-flag" /> ' + state.text + '</span>' 14512 ); 14513 return $state; 14514 }; 14515 $.ajax({ 14516 type: "POST", 14517 dataType: "json", 14518 async: true, 14519 url: "https://www.archify.com/au/gpost/account/pro_country_list", 14520 success: function(data) { 14521 var countryId = "" || "au"; 14522 $("#force-sign-up-professional-country").select2({ 14523 placeholder: "Please select your country", 14524 templateSelection: formatStateForceSignUpProfessionalCountry, 14525 templateResult: formatStateForceSignUpProfessionalCountry, 14526 data: data, 14527 dropdownParent: $('.select-force-sign-up-professional-country-wrapper'), 14528 searchInputPlaceholder: 'Search' 14529 }).val(countryId).trigger("change"); 14530 } 14531 }); 14532 14533 // Force sign up professional location select2 init & other proccess 14534 $("#force-sign-up-professional-location").select2({ 14535 placeholder: "Please select your city" 14536 }); 14537 $("#force-sign-up-professional-location").on("select2:select", function(e) { 14538 $('#forceSignupProfessionalSubmitButtonDisabled').hide(); 14539 $('#forceSignupProfessionalSubmitButton').show(); 14540 }); 14541 14542 function forceSignUpProfessionalGetLocation(countryId = "") { 14543 $("#force-sign-up-professional-location").html(""); 14544 if (countryId == "") { 14545 countryId = 'au'; 14546 } 14547 $.ajax({ 14548 type: "POST", 14549 dataType: "json", 14550 async: true, 14551 url: "https://www.archify.com/au/gpost/account/pro_city_list/" + countryId, 14552 success: function(data) { 14553 $("#force-sign-up-professional-location").select2({ 14554 placeholder: "Please select your location", 14555 data: data, 14556 templateResult: formatResultForceSignUpProfessionalLocation, 14557 templateSelection: formatRepoSelectionForceSignUpProfessionalLocation, 14558 dropdownParent: $('.select-force-sign-up-professional-location-wrapper'), 14559 searchInputPlaceholder: 'Search' 14560 }).val("").trigger("change");; 14561 } 14562 }); 14563 } 14564 forceSignUpProfessionalGetLocation(); 14565 14566 function formatResultForceSignUpProfessionalLocation(node) { 14567 var strArray = node.text.split("|"); 14568 var $result = $('<span style="padding-left:' + (15) + 'px;"><xxx style="display:none;">' + strArray[1] + '</xxx>' + strArray[0] + '</span>'); 14569 if (node.level == 1) { 14570 $result = $('<span style="padding-left:' + (0 * node.level) + 'px;"><xxx style="display:none;">' + strArray[1] + '</xxx>' + strArray[0] + '</span>'); 14571 } 14572 return $result; 14573 }; 14574 14575 function formatRepoSelectionForceSignUpProfessionalLocation(repo) { 14576 var strArray = repo.text.split("|"); 14577 return strArray[0]; 14578 } 14579 14580 // Force sign up professional toggle password visibility 14581 $('#toggle-force-sign-up-force-sign-up-professional-password').unbind('click'); 14582 $('#toggle-force-sign-up-force-sign-up-professional-password').click(function() { 14583 var x = document.getElementById("force-sign-up-professional-password"); 14584 if (x.type === "password") { 14585 $('#toggle-force-sign-up-force-sign-up-professional-password').addClass('show'); 14586 x.type = "text"; 14587 } else { 14588 $('#toggle-force-sign-up-force-sign-up-professional-password').removeClass('show'); 14589 x.type = "password"; 14590 } 14591 }); 14592 14593 // Recaptcha for signup professional init 14594 grecaptcha.render('recaptchaForForceSignUpProfessional', { 14595 'sitekey': '6LeJcykUAAAAAGJqrWgGnppNI4e3z81ts5yGtbo2' 14596 }); 14597 14598 function rescaleCaptchaForSignUpProfessional() { 14599 var width = $('.g-recaptcha.force-sign-up-professional').parent().width(); 14600 var scale; 14601 if (width < 302) { 14602 scale = width / 302; 14603 } else { 14604 scale = 1.0; 14605 } 14606 $('#recaptchaForForceSignUpProfessional').css('transform', 'scale(' + scale + ')'); 14607 $('#recaptchaForForceSignUpProfessional').css('-webkit-transform', 'scale(' + scale + ')'); 14608 $('#recaptchaForForceSignUpProfessional').css('transform-origin', '0 0'); 14609 $('#recaptchaForForceSignUpProfessional').css('-webkit-transform-origin', '0 0'); 14610 } 14611 $(window).resize(function() { 14612 rescaleCaptchaForSignUpProfessional(); 14613 }); 14614 $('#forceSignUpLoginModal').on('shown.bs.modal', function(e) { 14615 // rescaleCaptchaForSignUpProfessional(); 14616 }); 14617 14618 // Force sign up professional button submit Events 14619 var archifyModalFormInputSecondContentProfessionalInput = $('.archify-modal-form-input .modal-content.second-content.professional input');
14620 archifyModalFormInputSecondContentProfessionalInput.keyup(function() { 14621 $('#forceSignupProfessionalSubmitButtonDisabled').hide(); 14622 $('#forceSignupProfessionalSubmitButton').show(); 14623 }); 14624 14625 // Force sign up professional role select2 init & other proccess 14626 $("#force-sign-up-professional-role").select2({ 14627 placeholder: "Please select your role", 14628 searchInputPlaceholder: 'Search' 14629 }); 14630 $.ajax({ 14631 type: "POST", 14632 dataType: "json", 14633 async: true, 14634 url: "https://www.archify.com/au/gpost/account/pro_role_list", 14635 success: function(data) { 14636 $("#force-sign-up-professional-role").select2({ 14637 placeholder: "Please select your role", 14638 data: data, 14639 searchInputPlaceholder: 'Search', 14640 dropdownParent: $('.select-force-sign-up-professional-role-wrapper'), 14641 }).val("").trigger("change"); 14642 } 14643 }); 14644 $('#force-sign-up-professional-role').on('select2:select', function(e) { 14645 var data = e.params.data; 14646 var is_country_code = "au"; 14647 if ($(this).val() == 3) { 14648 $('#force-sign-up-professional-architect-registration-number-wrapper').show(); 14649 if ($("#force-sign-up-professional-country").val() == "au" || $("#force-sign-up-professional-country").val() == "nz") { 14650 $('#force-sign-up-professional-architect-registration-number-mandatory-sign').show(); 14651 } else { 14652 $('#force-sign-up-professional-architect-registration-number-mandatory-sign').hide(); 14653 $('#force-sign-up-professional-architect-registration-number-error').hide(); 14654 } 14655 } else { 14656 $('#force-sign-up-professional-architect-registration-number-wrapper').hide(); 14657 $('#force-sign-up-professional-architect-registration-number-mandatory-sign').hide(); 14658 $('#force-sign-up-professional-architect-registration-number-error').hide(); 14659 } 14660 14661 if ($(this).val() == 37) { 14662 $('#forceSignUpCompanyWhereYouWorkWrapper').hide(); 14663 $('#forceSignUpInstitutionWrapper').show(); 14664 if ($("#force-sign-up-professional-country").val() == "au" || $("#force-sign-up-professional-country").val() == "nz") { 14665 $('#force-sign-up-professional-institution-mandatory-sign').show(); 14666 } else { 14667 $('#force-sign-up-professional-institution-mandatory-sign').hide(); 14668 $('#force-sign-up-professional-institution-error').hide(); 14669 } 14670 } else { 14671 $('#forceSignUpCompanyWhereYouWorkWrapper').show(); 14672 $('#forceSignUpInstitutionWrapper').hide(); 14673 } 14674 14675 $('#forceSignupProfessionalSubmitButtonDisabled').hide(); 14676 $('#forceSignupProfessionalSubmitButton').show(); 14677 }); 14678 14679 14680 // Reset Force sign up & Login modal function 14681 function resetForceSignUpLoginModal() { 14682 var mainContent = $('#forceSignUpLoginModal .modal-content.main-content'); 14683 var secondContent = $('#forceSignUpLoginModal .modal-content.second-content'); 14684 var mainContentHeight = mainContent.outerHeight(); 14685 var secondContentHeight = secondContent.outerHeight(); 14686 mainContent.show(); 14687 secondContent.removeClass('show'); 14688 mainContent.css('position', ''); 14689 $('#forceSignUpLoginModal .modal-dialog').addClass('show-second-progress'); 14690 setTimeout(function() { 14691 secondContent.hide(); 14692 $('#forceSignUpLoginModal .modal-dialog').css('height', ""); 14693 $('#forceSignUpLoginModal .modal-dialog').removeClass('show-second-progress'); 14694 }, 200); 14695 $('#forceSignUpButtonWrapper').hide(); 14696 $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .form-group.bluprin-input .radio-button-wrapper .radio-button:checked').prop('checked', false); 14697 $('.archify-modal-form-input .modal-dialog.form-login .modal-header .tab-modal.page-signup').click(); 14698 $('#force-log-in-email').val(''); 14699 $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page.page-login input').val(''); 14700 $('#toggle-force-log-in-password').removeClass('show'); 14701 $('#toggle-force-log-in-password').type = "password"; 14702 $('#forceLoginWithEmailButton').hide(); 14703 $('#forceLoginWithEmailButtonDisabled').show(); 14704 $('.social-button-wrapper.login').show(); 14705 $('.social-button-wrapper.login.disabled').hide(); 14706 } 14707 $('#forceSignUpLoginModal').on('hidden.bs.modal', function(e) { 14708 resetForceSignUpLoginModal(); 14709 }); 14710 14711 // Force sign up professional Company Where You Work mandatory sign condition 14712 var is_country_code = "au"; 14713 if (is_country_code == "au" || is_country_code == "nz") { 14714 $('#force-sign-up-professional-company-where-you-work-mandatory-sign').show(); 14715 } else { 14716 $('#force-sign-up-professional-company-where-you-work-mandatory-sign').hide(); 14717 $('#force-sign-up-professional-company-where-you-work-error').hide(); 14718 } 14719 14720 // Force sign up with Google login button Event 14721 $('#forceSignUpContinueWithGoogleButton').unbind('click'); 14722 $('#forceSignUpContinueWithGoogleButton').click(function() { 14723 var forceSignUpRadioButtonValue = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .form-group.bluprin-input .radio-button-wrapper .radio-button:checked').attr('val'); 14724 window.location.href = google_url; 14725 14726 }); 14727 14728 // Force sign up with Facebook login button Event
14729 $('#forceSignUpContinueWithFacebookButton').unbind('click'); 14730 $('#forceSignUpContinueWithFacebookButton').click(function() { 14731 var forceSignUpRadioButtonValue = $('.archify-modal-form-input .modal-dialog.form-login .modal-body .modal-body-page .form-group.bluprin-input .radio-button-wrapper .radio-button:checked').attr('val'); 14732 FBLoginSignUpLoginModal(1, forceSignUpRadioButtonValue); 14733 }); 14734 14735 // Force Login with Email & Password login button Event 14736 $('#forceLoginWithEmailButton').unbind('click'); 14737 $('#forceLoginWithEmailButton').click(function() { 14738 14739 var forceLoginMandatoryCheck = false; 14740 14741 // Email 14742 var forceLoginEmailVal = $('#force-log-in-email').val(); 14743 if (forceLoginEmailVal.trim() == null || forceLoginEmailVal.trim() == "" || forceLoginEmailVal === " ") { 14744 forceLoginMandatoryCheck = true; 14745 $('#force-log-in-email-error').html('You must provide an email'); 14746 $('#force-log-in-email-error').show(); 14747 } else { 14748 var filter_email = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/; 14749 if (filter_email.test(forceLoginEmailVal)) { 14750 $('#force-log-in-email-error').hide(); 14751 } else { 14752 forceLoginMandatoryCheck = true; 14753 $('#force-log-in-email-error').show(); 14754 $('#force-log-in-email-error').html('Please insert a valid email address'); 14755 } 14756 } 14757 14758 // Password 14759 var forceLoginPasswordVal = $('#force-log-in-password').val(); 14760 if (forceLoginPasswordVal.trim() == null || forceLoginPasswordVal.trim() == "" || forceLoginPasswordVal === " ") { 14761 forceLoginMandatoryCheck = true; 14762 $('#force-log-in-password-error').show(); 14763 } else { 14764 $('#force-log-in-password-error').hide(); 14765 } 14766 14767 if (forceLoginMandatoryCheck) { 14768 callNotificationAlert('Please check mandatory form input'); 14769 } else { 14770 var formData = new FormData(); 14771 formData.append("email", forceLoginEmailVal); 14772 formData.append("password", forceLoginPasswordVal); 14773 $('#pageloader_new').fadeIn(); 14774 $.ajax({ 14775 type: "POST", 14776 url: "https://www.archify.com/au/gpost/login", 14777 // dataType:'json', 14778 data: formData, 14779 async: false, 14780 success: function(result) { 14781 if (result == "invalid") { 14782 callNotificationAlert("invalid email or password"); 14783 } else if (result == "success") { 14784 // $('#forceSignUpLoginModal').modal('hide'); 14785 is_login = 1; 14786 location.reload(); 14787 } else if (result == "suspended") { 14788 callNotificationAlert('You have been suspended. Please contact Archify Team'); 14789 } else { 14790 window.location.href = result; 14791 } 14792 14793 $('#pageloader_new').fadeOut(); 14794 }, 14795 cache: false, 14796 contentType: false, 14797 processData: false 14798 }); 14799 } 14800 14801 }); 14802 14803 // Force Login with Google login button Event 14804 // $('#forceLoginWithGoogleButton').unbind('click'); 14805 // $('#forceLoginWithGoogleButton').click(function(){ 14806 // alert('login with google function here'); 14807 // }); 14808 14809 // Force Login with Facebook login button Event 14810 $('#forceLoginWithFacebookButton').unbind('click'); 14811 $('#forceLoginWithFacebookButton').click(function() { 14812 FBLoginSignUpLoginModal(0); 14813 }); 14814 14815 // Force Sign Up Property Owner Submit Here 14816 $('#forceSignupPropertyOwnerSubmitButton').unbind('click'); 14817 $('#forceSignupPropertyOwnerSubmitButton').click(function() { 14818 // alert('Sign Up Property Owner Submit Here'); 14819 14820 var forceSignupPOMandatoryCheck = false; 14821 14822 // First name 14823 var forceSignUpFirstNamePOVal = $('#force-sign-up-property-owner-first-name').val(); 14824 if (forceSignUpFirstNamePOVal.trim() == null || forceSignUpFirstNamePOVal.trim() == "" || forceSignUpFirstNamePOVal === " ") { 14825 forceSignupPOMandatoryCheck = true; 14826 $('#force-sign-up-property-owner-first-name-error').show(); 14827 } else { 14828 $('#force-sign-up-property-owner-first-name-error').hide(); 14829 } 14830 14831 // Country 14832 var forceSignUpCountryPOVal = $('#force-sign-up-property-owner-country').val(); 14833 if (forceSignUpCountryPOVal == null) { 14834 forceSignupPOMandatoryCheck = true; 14835 $('#force-sign-up-property-owner-country-error').show(); 14836 } else { 14837 $('#force-sign-up-property-owner-country-error').hide(); 14838 } 14839 14840 // Location 14841 var forceSignUpLocationPOVal = $('#force-sign-up-property-owner-location').val(); 14842 if (forceSignUpLocationPOVal == null) { 14843 forceSignupPOMandatoryCheck = true; 14844 $('#force-sign-up-property-owner-location-error').show(); 14845 } else { 14846 $('#force-sign-up-property-owner-location-error').hide(); 14847 } 14848 14849 // Email 14850 var forceSignUpEmailPOVal = $('#force-sign-up-property-owner-email').val(); 14851 if (forceSignUpEmailPOVal.trim() == null || forceSignUpEmailPOVal.trim() == "" || forceSignUpEmailPOVal === " ") { 14852 forceSignupPOMandatoryCheck = true; 14853 $('#force-sign-up-property-owner-email-error').html('You must provide an email'); 14854 $('#force-sign-up-property-owner-email-error').show(); 14855 } else { 14856 var filter_email = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/; 14857 if (filter_email.test(forceSignUpEmailPOVal)) { 14858 $('#force-sign-up-property-owner-email-error').hide(); 14859 } else { 14860 forceSignupPOMandatoryCheck = true; 14861 $('#force-sign-up-property-owner-email-error').show(); 14862 $('#force-sign-up-property-owner-email-error').html('Please insert a valid email address'); 14863 } 14864 } 14865 14866 // Password 14867 var forceSignUpPasswordPOVal = $('#force-sign-up-property-owner-password').val(); 14868 if (forceSignUpPasswordPOVal.trim() == null || forceSignUpPasswordPOVal.trim() == "" || forceSignUpPasswordPOVal === " ") { 14869 forceSignupPOMandatoryCheck = true; 14870 $('#force-sign-up-property-owner-password-error').show(); 14871 } else { 14872 $('#force-sign-up-property-owner-password-error').hide(); 14873 } 14874 14875 if (forceSignupPOMandatoryCheck) { 14876 callNotificationAlert('Please check mandatory form input'); 14877 } else { 14878 var formData = new FormData($('#form-owner-register')[0]); 14879 formData.append("current_url", "https://www.archify.com/au/products"); 14880 $('#pageloader_new').fadeIn(); 14881 $.ajax({ 14882 type: "POST", 14883 url: "https://www.archify.com/au/gpost/signup/signup_member_ajax/0", 14884 dataType: 'json', 14885 data: formData, 14886 async: true, 14887 success: function(result) { 14888 if (result.status == "200") { 14889 callNotification(result.message); 14890 $('#forceSignUpLoginModal').modal('hide'); 14891 location.reload(); 14892 } else { 14893 let errorMessage = ""; 14894 14895 if(result?.message){ 14896 callNotificationAlert(result.message); 14897 } else if(result?.errors) { 14898 for (const prop in result.errors) { 14899 callNotificationAlert(result.errors[prop]); 14900 } 14901 } 14902 14903 $('#pageloader_new').fadeOut(); 14904 grecaptcha.reset(); 14905 } 14906 }, 14907 error: function(err) { 14908 callNotificationAlert(err?.msg || "Something went wrong"); 14909 $('#pageloader_new').fadeOut(); 14910 grecaptcha.reset(); 14911 }, 14912 cache: false, 14913 contentType: false, 14914 processData: false 14915 }); 14916 14917 } 14918 14919 }); 14920 14921 // Force Sign Up Professional Submit Here 14922 $('#forceSignupProfessionalSubmitButton').unbind('click'); 14923 $('#forceSignupProfessionalSubmitButton').click(function() { 14924 // alert('Sign Up Professional Submit Here'); 14925 14926 var forceSignupDPMandatoryCheck = false;
14927 14928 // First name 14929 var forceSignUpFirstNameDPVal = $('#force-sign-up-professional-first-name').val(); 14930 if (forceSignUpFirstNameDPVal.trim() == null || forceSignUpFirstNameDPVal.trim() == "" || forceSignUpFirstNameDPVal === " ") { 14931 forceSignupDPMandatoryCheck = true; 14932 $('#force-sign-up-professional-first-name-error').show(); 14933 } else { 14934 $('#force-sign-up-professional-first-name-error').hide(); 14935 } 14936 14937 // Country 14938 var forceSignUpCountryDPVal = $('#force-sign-up-professional-country').val(); 14939 if (forceSignUpCountryDPVal == null) { 14940 forceSignupDPMandatoryCheck = true; 14941 $('#force-sign-up-professional-country-error').show(); 14942 } else { 14943 $('#force-sign-up-professional-country-error').hide(); 14944 } 14945 14946 // Location 14947 var forceSignUpLocationDPVal = $('#force-sign-up-professional-location').val(); 14948 if (forceSignUpLocationDPVal == null) { 14949 forceSignupDPMandatoryCheck = true; 14950 $('#force-sign-up-professional-location-error').show(); 14951 } else { 14952 $('#force-sign-up-professional-location-error').hide(); 14953 } 14954 14955 // Email 14956 var forceSignUpEmailDPVal = $('#force-sign-up-professional-email').val(); 14957 if (forceSignUpEmailDPVal.trim() == null || forceSignUpEmailDPVal.trim() == "" || forceSignUpEmailDPVal === " ") { 14958 forceSignupDPMandatoryCheck = true; 14959 $('#force-sign-up-professional-email-error').html('You must provide an email'); 14960 $('#force-sign-up-professional-email-error').show(); 14961 } else { 14962 var filter_email = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/; 14963 if (filter_email.test(forceSignUpEmailDPVal)) { 14964 $('#force-sign-up-professional-email-error').hide(); 14965 } else { 14966 forceSignupDPMandatoryCheck = true; 14967 $('#force-sign-up-professional-email-error').show(); 14968 $('#force-sign-up-professional-email-error').html('Please insert a valid email address'); 14969 } 14970 } 14971 14972 // Password 14973 var forceSignUpPasswordDPVal = $('#force-sign-up-professional-password').val(); 14974 if (forceSignUpPasswordDPVal.trim() == null || forceSignUpPasswordDPVal.trim() == "" || forceSignUpPasswordDPVal === " ") { 14975 forceSignupDPMandatoryCheck = true; 14976 $('#force-sign-up-professional-password-error').show(); 14977 } else { 14978 $('#force-sign-up-professional-password-error').hide(); 14979 } 14980 14981 // Role 14982 var forceSignUpRoleDPVal = $('#force-sign-up-professional-role').val(); 14983 if (forceSignUpRoleDPVal == null) { 14984 forceSignupDPMandatoryCheck = true; 14985 $('#force-sign-up-professional-role-error').show(); 14986 } else { 14987 $('#force-sign-up-professional-role-error').hide(); 14988 } 14989 14990 // Phone 14991 var forceSignUpPhoneDPVal = $('#force-sign-up-professional-phone').val(); 14992 if (forceSignUpPhoneDPVal.trim() == null || forceSignUpPhoneDPVal.trim() == "" || forceSignUpPhoneDPVal === " ") { 14993 forceSignupDPMandatoryCheck = true; 14994 $('#force-sign-up-professional-phone-error').show(); 14995 } else { 14996 $('#force-sign-up-professional-phone-error').hide(); 14997 } 14998 14999 // Company 15000 var forceSignUpCompanyDPVal = $('#force-sign-up-professional-company-where-you-work').val(); 15001 if ($("#force-sign-up-professional-company-where-you-work-mandatory-sign:visible").length) { 15002 if (forceSignUpCompanyDPVal.trim() == null || forceSignUpCompanyDPVal.trim() == "" || forceSignUpCompanyDPVal === " ") { 15003 visitorSendMessageMandatoryCheck = true; 15004 $('#force-sign-up-professional-company-where-you-work-error').show(); 15005 } else { 15006 $('#force-sign-up-professional-company-where-you-work-error').hide(); 15007 } 15008 } else { 15009 $('#force-sign-up-professional-company-where-you-work-error').hide(); 15010 } 15011 15012 // Institution 15013 var forceSignUpInstitutionDPVal = $('#force-sign-up-professional-institution').val(); 15014 if ($("#force-sign-up-professional-institution-mandatory-sign:visible").length) { 15015 if (forceSignUpInstitutionDPVal.trim() == null || forceSignUpInstitutionDPVal.trim() == "" || forceSignUpInstitutionDPVal === " ") { 15016 visitorSendMessageMandatoryCheck = true; 15017 $('#force-sign-up-professional-institution-error').show(); 15018 } else { 15019 $('#force-sign-up-professional-institution-error').hide(); 15020 } 15021 } else { 15022 $('#force-sign-up-professional-institution-error').hide(); 15023 } 15024 15025 // Architectural Registration Number 15026 var forceSignUpArchitectNumberDPVal = $('#force-sign-up-professional-architect-registration-number').val(); 15027 if ($("#force-sign-up-professional-architect-registration-number-mandatory-sign:visible").length) { 15028 if (forceSignUpArchitectNumberDPVal.trim() == null || forceSignUpArchitectNumberDPVal.trim() == "" || forceSignUpArchitectNumberDPVal === " ") { 15029 visitorSendMessageMandatoryCheck = true; 15030 $('#force-sign-up-professional-architect-registration-number-error').show(); 15031 } else { 15032 $('#force-sign-up-professional-architect-registration-number-error').hide(); 15033 } 15034 } else { 15035 $('#force-sign-up-professional-architect-registration-number-error').hide(); 15036 } 15037 15038 if (forceSignupDPMandatoryCheck) { 15039 callNotificationAlert('Please check mandatory form input'); 15040 } else { 15041 var formData = new FormData($('#form-pro-register')[0]); 15042 formData.append("current_url", "https://www.archify.com/au/products"); 15043 $('#pageloader_new').fadeIn(); 15044 $.ajax({ 15045 type: "POST", 15046 url: "https://www.archify.com/au/gpost/signup/signup_member_ajax/1", 15047 dataType: 'json', 15048 data: formData, 15049 async: true, 15050 success: function(result) { 15051 if (result.code == "200") { 15052 callNotification(result?.message); 15053 setTimeout(function() { 15054 $('#forceSignUpLoginModal').modal('hide'); 15055 if ($("#google_id").val() != "" || $("#facebook_id").val() != "") { 15056 // location.reload(); 15057 } 15058 location.reload(); 15059 }, 1000); 15060 } else { 15061 if(result?.message){ 15062 callNotificationAlert(result.message); 15063 } else if(result?.errors) { 15064 for (const prop in result.errors) { 15065 callNotificationAlert(result.errors[prop]); 15066 } 15067 } 15068 $('#pageloader_new').fadeOut(); 15069 } 15070 }, 15071 cache: false, 15072 contentType: false, 15073 processData: false 15074 }); 15075 } 15076 15077 }); 15078 15079 } 15080 15081 $('#forceSignUpHeaderTitleText').html(headerText); 15082 15083 if (!$('#forceSignUpLoginModal').hasClass('show')) { 15084 $('#forceSignUpLoginModal').modal({ 15085 backdrop: 'static', 15086 keyboard: false 15087 }); 15088 } 15089 15090 /** 15091 Google Connect 15092 */ 15093 $.post("https://www.archify.com/au/gpost/login/google_connect_create_url/1", { 15094 current_url: "https://www.archify.com/au/products" 15095 }, function(result) { 15096 $('.signUpButtonGooglePropertyOwner').attr("href", result); 15097 }); 15098 } 15099 15100 $(window).on('load', function() { 15101 // callSignUpLoginModal(""); 15102 if ("" == "professional") { 15103 callSignUpLoginModal(""); 15104 openSlideSecondModalContent('professional'); 15105 $("#force-sign-up-professional-first-name").val(""); 15106 $("#force-sign-up-professional-last-name").val(""); 15107 $("#force-sign-up-professional-email").val(""); 15108 $("#google_id").val(""); 15109 $('#force-sign-up-professional-email').prop('readonly', true); 15110 } 15111 }); 15112</script>
15112 15113 15114<!-- FB -->
15115<script> 15116 (function(d, s, id) { 15117 var js, fjs = d.getElementsByTagName(s)[0]; 15118 if (d.getElementById(id)) return; 15119 js = d.createElement(s); 15120 js.id = id; 15121 js.src = "//connect.facebook.net/en_US/sdk.js"; 15122 fjs.parentNode.insertBefore(js, fjs); 15123 }(document, 'script', 'facebook-jssdk')); 15124 15125 window.fbAsyncInit = function() { 15126 FB.init({ 15127 appId: '1001626029887223', 15128 cookie: true, 15129 xfbml: false, 15130 version: 'v10.0' 15131 // version : 'v2.5' 15132 }); 15133 15134 FB.getLoginStatus(function(response) { 15135 statusChangeCallback(response); 15136 }); 15137 }; 15138 15139 15140 15141 // This is called with the results from from FB.getLoginStatus(). 15142 function statusChangeCallback(response) { 15143 //console.log(response); 15144 // if (response.status === 'connected') { 15145 // // Logged into your app and Facebook. 15146 // // we need to hide FB login button 15147 // $('#FBLoginSignUpLoginModal').hide(); 15148 // //fetch data from facebook 15149 // getUserInfo(); 15150 // } else if (response.status === 'not_authorized') { 15151 // // The person is logged into Facebook, but not your app. 15152 // $('#status').html('Please log into this app.'); 15153 // } else { 15154 // // The person is not logged into Facebook, so we're not sure if 15155 // // they are logged into this app or not. 15156 // $('#status').html('Please log into facebook'); 15157 // } 15158 } 15159 15160 function checkLoginState() { 15161 FB.getLoginStatus(function(response) { 15162 statusChangeCallback(response); 15163 }); 15164 } 15165 15166 function FBLoginSignUpLoginModal(is_register = 0, member_type = 0) { 15167 FB.login(function(response) { 15168 if (response.authResponse) { 15169 getRegisterFromFB(is_register, member_type); 15170 } else { 15171 alert('Authorization failed.'); 15172 } 15173 }, { 15174 scope: 'email,public_profile' 15175 }); 15176 } 15177 15178 function getRegisterFromFB(is_register = 0, member_type = 0) { 15179 var formData = new FormData(); 15180 formData.append("session", FB.getAuthResponse()['accessToken']); 15181 formData.append("is_register", is_register); 15182 formData.append("member_type", member_type); 15183 $.ajax({ 15184 type: "POST", 15185 url: "https://www.archify.com/au/gpost/login/fb_connect_from_modal/", 15186 dataType: 'json', 15187 data: formData, 15188 async: false, 15189 success: function(result) { 15190 if (result.code == "200") { 15191 // if(member_type==2) { 15192 // var data = result.data; 15193 // openSlideSecondModalContent('professional'); 15194 // $("#force-sign-up-professional-first-name").val(data.first_name); 15195 // $("#force-sign-up-professional-last-name").val(data.last_name); 15196 // $("#force-sign-up-professional-email").val(data.email); 15197 // $("#facebook_id").val(data.oauth_uid); 15198 // $('#force-sign-up-professional-email').prop('readonly', true); 15199 // } else { 15200 callNotification(result.msg); 15201 $('#forceSignUpLoginModal').modal('hide'); 15202 is_login = 1; 15203 setTimeout(function() { 15204 location.reload(); 15205 }, 1000); 15206 // } 15207 } 15208 if (result.code == "205") { 15209 var data = result.data; 15210 openSlideSecondModalContent('professional'); 15211 $("#force-sign-up-professional-first-name").val(data.first_name); 15212 $("#force-sign-up-professional-last-name").val(data.last_name); 15213 $("#force-sign-up-professional-email").val(data.email); 15214 $("#facebook_id").val(data.oauth_uid); 15215 $('#force-sign-up-professional-email').prop('readonly', true); 15216 } 15217 if (result.code == "204") { 15218 callNotificationAlert(result.msg); 15219 } 15220 }, 15221 cache: false, 15222 contentType: false, 15223 processData: false 15224 }); 15225 } 15226 15227 // Open slide second modal content function 15228 function openSlideSecondModalContent(type) { 15229 var type = type; 15230 var mainContent = $('#forceSignUpLoginModal .modal-content.main-content'); 15231 var secondContent = $('#forceSignUpLoginModal .modal-content.second-content.' + type + ''); 15232 var mainContentHeight = mainContent.outerHeight(); 15233 var secondContentHeight = secondContent.outerHeight(); 15234 if (mainContentHeight < secondContentHeight) { 15235 $('#forceSignUpLoginModal .modal-dialog').css('height', secondContentHeight + "px"); 15236 } 15237 secondContent.addClass('show'); 15238 secondContent.show(); 15239 mainContent.css('position', 'absolute'); 15240 $('#forceSignUpLoginModal .modal-dialog').addClass('show-second-progress'); 15241 setTimeout(function() { 15242 mainContent.hide(); 15243 $('#forceSignUpLoginModal .modal-dialog').removeClass('show-second-progress'); 15244 // if (type == "property-owner") { 15245 // rescaleCaptchaForSignupPropertyOwner(); 15246 // } 15247 }, 200); 15248 } 15249</script>
15249<!--form hide menu if cant have data--> 15250
15251<script> 15252 $.ajax({ 15253 type: "POST", 15254 async: true, 15255 url: "https://www.archify.com/au/gpost/generals/check_menu_footer", 15256 success: function(data) { 15257 var data = JSON.parse(data); 15258 if (data.forms == "active") { 15259 $(".menu-form-unx").css("display", "inline-block"); 15260 } else { 15261 $(".menu-form-unx").css("display", "none"); 15262 } 15263 } 15264 }); 15265</script>
vendor: 1 bytes, line 15265
15265
15266<script> 15267 /* $(document).ready(function() { 15268 const showModalBtn = $("#showModalBtn"); 15269 // const modal = $("#modal"); 15270 const modal = $("#modal-2"); 15271 const closeModal = $("#closeModal"); 15272 15273 showModalBtn.on("click", function() { 15274 modal.css("display", "block"); 15275 }); 15276 15277 closeModal.on("click", function() { 15278 modal.css("display", "none"); 15279 $.ajax({ 15280 type: "POST", 15281 url: "https://www.archify.com/au/gpost/professional/update_sourcing_logs", 15282 dataType:'json', 15283 data: {pro_id: 0, status:0}, 15284 success: function(result) { 15285 } 15286 }); 15287 }); 15288 15289 $(window).on("click", function(event) { 15290 if (event.target === modal[0]) { 15291 modal.css("display", "none"); 15292 $.ajax({ 15293 type: "POST", 15294 url: "https://www.archify.com/au/gpost/professional/update_sourcing_logs", 15295 dataType:'json', 15296 data: {pro_id: 0, status:0}, 15297 success: function(result) { 15298 15299 } 15300 }); 15301 } 15302 }); 15303 15304 15305}); */ 15306</script>
15306 15307 15308<!-- Handle newsletter subscription submit -->
15309<script> 15310 $("#newsletter-subsription-submit-btn").on("click", () => { 15311 let error = false; 15312 const name = $("#newsletter-subscriber-name-input").val(); 15313 const email = $("#newsletter-subscriber-email-input").val(); 15314 $(".success-subscription").html(""); 15315 $(".error-subscription").html(""); 15316 if (!name) { 15317 $(".error-subscription.error-name").html("Name is Required"); 15318 error = true; 15319 } 15320 if (!email) { 15321 $(".error-subscription.error-email").html("Email is Required"); 15322 error = true 15323 } else if (!email?.match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)) { 15324 $(".error-subscription.error-email").html("Email not with right format"); 15325 error = true 15326 } 15327 15328 if (!error) { 15329 $.ajax({ 15330 url: "https://www.archify.com/au/gpost/subscribers/subscribe_request", 15331 type: 'POST', 15332 data: { 15333 name, 15334 email 15335 }, 15336 async: true, 15337 }).done(function(res) {}); 15338 // Intended make it Always success because slow mailjet insert 15339 $(".success-subscription").html("Succeed Subscribe Newsletter"); 15340 $("#newsletter-subscriber-name-input").val(""); 15341 $("#newsletter-subscriber-email-input").val("") 15342 } 15343 }) 15344</script>
15344 15345 15346<!-- adding visitor send message module --> 15347<div id="visitorSendMessageModalWrapper"> 15348</div> 15349 15350<style> 15351 .bluprin-input .select-drop-down-wrapper .select2-results__option>span { 15352 white-space: pre-wrap; 15353 white-space: -moz-pre-wrap; 15354 white-space: -pre-wrap; 15355 white-space: -o-pre-wrap; 15356 word-wrap: break-word; 15357 width: 100%; 15358 } 15359 15360 .g-recaptcha.visitor-message { 15361 transform: scale(1); 15362 -webkit-transform: scale(1); 15363 } 15364</style>
15365<script> 15366 var grecaptchaVisitorMessage; 15367 var visitorSendMessageCloseSuccess = false; 15368 15369 function callVisitorSendMessageModule(msgTo = "") { 15370 15371 15372 if ($('#visitorSendMessageModal').length == 0) { 15373 $('#visitorSendMessageModalWrapper').append('\ 15374 <div id="visitorSendMessageModal" class="modal fade archify-modal-form-input" tabindex="-1" role="dialog">\ 15375 <div class="modal-dialog" role="document">\ 15376 <div class="modal-content main-content">\ 15377 <div class="modal-header">\ 15378 <p class="modal-title">Send <span>Message</span></p>\ 15379 <button type="button" class="close" data-dismiss="modal" aria-label="Close">\ 15380 <img src="https://www.archify.com/assets/img/svg/action-close-square.svg" alt="close icon">\ 15381 </button>\ 15382 </div>\ 15383 <form id="form-visitor-message">\ 15384 <div class="modal-body">\ 15385 <div class="form-input-wrapper">\ 15386 <div class="form-group bluprin-input split">\ 15387 <label for="visitor-send-message-name-input"><h5>Name <span style="color: red;">*</span></h5></label>\ 15388 <input type="text" class="form-control" id="visitor-send-message-name-input" placeholder="" name="visitor-send-message-name-input" value="">\ 15389 <div class="errortisme redl" id="visitor-send-message-name-input-error">You must provide a name</div>\ 15390 </div>\ 15391 <div class="form-group bluprin-input split">\ 15392 <label for="visitor-send-message-role"><h5>Role <span style="color: red;">*</span></h5></label>\ 15393 <div class="visitor-send-message-role-wrapper select-drop-down-wrapper">\ 15394 <select name="visitor-send-message-role" class="form-control" id="visitor-send-message-role" placeholder="" value="" style="width: 100%;">\ 15395 </select>\ 15396 </div>\ 15397 <div class="errortisme redl" id="visitor-send-message-role-input-error">You must select a role</div>\ 15398 </div>\ 15399 <div class="clearfix">\ 15400 </div>\ 15401 <div class="form-group bluprin-input split">\ 15402 <label for="visitor-send-message-email-input"><h5>Email <span style="color: red;">*</span></h5></label>\ 15403 <input type="text" class="form-control" id="visitor-send-message-email-input" placeholder="" name="visitor-send-message-email-input" value="">\ 15404 <div class="errortisme redl" id="visitor-send-message-email-input-error">You must provide an email</div>\ 15405 </div>\ 15406 <div class="form-group bluprin-input split">\ 15407 <label for="visitor-send-message-phone-input"><h5>Phone Number <span style="color: red;">*</span></h5></label>\ 15408 <input type="text" class="form-control" id="visitor-send-message-phone-input" placeholder="" name="visitor-send-message-phone-input" value="">\ 15409 <div class="errortisme redl" id="visitor-send-message-phone-input-error">You must provide a phone number</div>\ 15410 </div>\ 15411 <div class="clearfix">\ 15412 </div>\ 15413 <div id="visitorSendMessageCompanyWrapper" class="form-group bluprin-input">\ 15414 <label for="visitor-send-message-company-input"><h5>Company <span id="visitorSendMessageCompanyMandatorySign" style="color: red; display: none;">*</span></h5></label>\ 15415 <input type="text" class="form-control" id="visitor-send-message-company-input" placeholder="" name="visitor-send-message-company-input" value="">\ 15416 <div class="errortisme redl" id="visitor-send-message-company-input-error">You must provide a company</div>\ 15417 </div>\ 15418 <div id="visitorSendMessageInstitutionWrapper" class="form-group bluprin-input" style="display: none;">\ 15419 <label for="visitor-send-message-institution-input"><h5>Institution <span id="visitorSendMessageInstitutionMandatorySign" style="color: red; display: none;">*</span></h5></label>\ 15420 <input type="text" class="form-control" id="visitor-send-message-institution-input" placeholder="" name="visitor-send-message-institution-input" value="">\ 15421 <div class="errortisme redl" id="visitor-send-message-institution-input-error">You must provide an institution</div>\ 15422 </div>\ 15423 <div class="form-group bluprin-input">\ 15424 <label for="visitor-send-message-input"><h5>Message <span style="color: red;">*</span></h5></label>\ 15425 <textarea name="visitor-send-message-input" id="visitor-send-message-input"></textarea>\ 15426 <div class="errortisme redl" id="visitor-send-message-input-error">You must provide a message</div>\ 15427 </div>\ 15428 <div class="form-group bluprin-input" style="margin: 0;">\ 15429 <div>\ 15430 <div class="checkbox-wrapper" style="width: 100%;">\ 15431 <div class="squaredThree">\ 15432 <input type="checkbox" value="1" id="visitor-send-message-complimentary-profile-input" class="form-check-input visitor-send-message-complimentary-profile-input" name="visitor-send-message-complimentary-profile">\ 15433 <label class="label1" for="visitor-send-message-complimentary-profile-input" style="width: auto;">\ 15434 <label class="label2" for="visitor-send-message-complimentary-profile-input">\ 15435 </label>\ 15436 <span class="text-area" style="width: auto;">\ 15437 <p style="float: left;">Create Complimentary Profile</p>\ 15438 </span>\ 15439 </label>\ 15440 <div class="tooltip-hint-black center" style="top: -5px; margin-left: 5px;">\ 15441 <img src="https://www.archify.com/assets/img/svg/02-icon-01-general-info.svg" width="20" height="20" alt="icon general info"/>\ 15442 <div class="tooltip-hint-data-black arrow-bottom center" style="left: -140px;">Create your profile, so you can easily send message to the Brand Supplier.</div>\ 15443 </div>\ 15444 </div>\ 15445 </div>\ 15446 </div>\ 15447 <div class="clearfix">\ 15448 </div>\ 15449 </div>\ 15450 <div class="visitor-send-message-complementary-wrapper" style="display: none; margin-top: 10px; position: relative; float: left; width: 100%;">\ 15451 <div class="form-group bluprin-input split">\ 15452 <label for="visitor-send-message-country"><h5>Country <span style="color: red;">*</span></h5></label>\ 15453 <div class="select-visitor-send-message-country-wrapper select-drop-down-wrapper">\ 15454 <select name="visitor-send-message-country" class="form-control" id="visitor-send-message-country" placeholder="" value="" style="width: 100%;">\ 15455 </select>\ 15456 </div>\ 15457 <div class="errortisme redl" id="visitor-send-message-country-error">You must select a country</div>\ 15458 </div>\ 15459 <div class="form-group bluprin-input split">\ 15460 <label for="visitor-send-message-location"><h5>Location <span style="color: red;">*</span></h5></label>\ 15461 <div class="select-visitor-send-message-location-wrapper select-drop-down-wrapper">\ 15462 <select name="visitor-send-message-location" class="form-control" id="visitor-send-message-location" placeholder="" value="" style="width: 100%;">\ 15463 </select>\ 15464 </div>\ 15465 <div class="errortisme redl" id="visitor-send-message-location-error">You must select a location</div>\ 15466 </div>\ 15467 <div id="visitorSendMessageArchitectRegistrationNumberWrapper" class="form-group bluprin-input" style="display: none;">\ 15468 <label for="visitor-send-message-architect-number-input"><h5>Architectural Registration Number <span id="visitorSendMessageArchitectRegistrationNumberMandatorySign" style="color: red; display: none;">*</span></h5></label>\ 15469 <input type="text" class="form-control" id="visitor-send-message-architect-number-input" placeholder="" name="visitor-send-message-architect-number-input" value="">\ 15470 <div class="errortisme redl" id="visitor-send-message-architect-number-input-error">You must provide an architectural registration number</div>\ 15471 </div>\ 15472 <div class="form-group bluprin-input">\ 15473 <label for="visitor-send-message-password"><h5>Account Password <span style="color: red;">*</span></h5></label>\ 15474 <input type="password" class="form-control" id="visitor-send-message-password" placeholder="" name="visitor-send-message-password" value="" style="padding-right: 35px;">\ 15475 <i class="toggle-force-log-in-password" id="toggle-visitor-send-message-password">\ 15476 <img class="on" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-on.svg" alt="general eye on" style="width: 22px; opacity: 0.4;">\ 15477 <img class="off" src="https://www.archify.com/assets/img/svg/02-icon-01-general-eye-off.svg" alt="general eye on" style="width: 20p
15477x; opacity: 0.4;">\ 15478 </i>\ 15479 <div class="errortisme redl" id="visitor-send-message-password-error">You must provide a password</div>\ 15480 </div>\ 15481 </div>\ 15482 </div>\ 15483 <div class="captcha-area" style="position: relative; float: left; margin-bottom: 20px; margin-top: 20px; text-align: center; width: 100%;display: block;">\ 15484 <div id="recaptchaForvisitorSendMessage" class="g-recaptcha visitor-message" data-sitekey="6LeJcykUAAAAAGJqrWgGnppNI4e3z81ts5yGtbo2"></div>\ 15485 </div>\ 15486 </div>\ 15487 </form>\ 15488 <div class="modal-footer" style="display: block;">\ 15489 <button id="visitorSendMessageButton" class="archify-button-large" type="button" name="button" style="margin-bottom: 20px; display: none;">Send Message</button>\ 15490 <button id="visitorSendMessageButtonDisabled" class="archify-button-large disabled" type="button" name="button" style="margin-bottom: 20px;">Send Message</button>\ 15491 <p class="text-footer">By clicking send message you agree to our<br /><a href="https://www.archify.com/au/terms-of-use" target="_blank">Terms of Use</a> and <a href="https://www.archify.com/au/privacy-policy" target="_blank">Privacy Policy</a></p>\ 15492 </div>\ 15493 </div>\ 15494 </div>\ 15495 </div>\ 15496 '); 15497 15498 // init recaptcha 15499 grecaptchaVisitorMessage = grecaptcha.render('recaptchaForvisitorSendMessage', { 15500 'sitekey': '6LeJcykUAAAAAGJqrWgGnppNI4e3z81ts5yGtbo2' 15501 }); 15502 15503 // visitor send message role select2 init & other proccess 15504 $("#visitor-send-message-role").select2({ 15505 placeholder: "Please select your role", 15506 searchInputPlaceholder: 'Search' 15507 }); 15508 $.ajax({ 15509 type: "POST", 15510 dataType: "json", 15511 async: true, 15512 url: "https://www.archify.com/au/gpost/account/pro_role_list", 15513 success: function(data) { 15514 data.unshift({ 15515 id: "0", 15516 text: "Property Owner" 15517 }); 15518 $("#visitor-send-message-role").select2({ 15519 placeholder: "Please select your role", 15520 data: data, 15521 searchInputPlaceholder: 'Search', 15522 dropdownParent: $('.visitor-send-message-role-wrapper'), 15523 }).val("").trigger("change"); 15524 } 15525 }); 15526 15527 function showCompanyMandatory() { 15528 $('#visitorSendMessageCompanyWrapper').show(); 15529 $('#visitorSendMessageInstitutionWrapper').hide(); 15530 $('#visitorSendMessageCompanyMandatorySign').show(); 15531 } 15532 15533 function showCompanyNotMandatory() { 15534 $('#visitorSendMessageCompanyWrapper').show(); 15535 $('#visitorSendMessageInstitutionWrapper').hide(); 15536 $('#visitorSendMessageCompanyMandatorySign').hide(); 15537 $('#visitor-send-message-company-input-error').hide(); 15538 } 15539 15540 function showInstituionMandatory() { 15541 $('#visitorSendMessageCompanyWrapper').hide(); 15542 $('#visitorSendMessageInstitutionWrapper').show(); 15543 $('#visitorSendMessageInstitutionMandatorySign').show(); 15544 } 15545 15546 function showInstituionNotMandatory() { 15547 $('#visitorSendMessageCompanyWrapper').hide(); 15548 $('#visitorSendMessageInstitutionWrapper').show(); 15549 $('#visitorSendMessageInstitutionMandatorySign').hide(); 15550 $('#visitor-send-message-institution-input-error').hide(); 15551 } 15552 15553 function showArchitectRegistrationNumberMandatory() { 15554 $('#visitorSendMessageArchitectRegistrationNumberWrapper').show(); 15555 $('#visitorSendMessageArchitectRegistrationNumberMandatorySign').show(); 15556 } 15557 15558 function showArchitectRegistrationNumberNotMandatory() { 15559 $('#visitorSendMessageArchitectRegistrationNumberWrapper').show(); 15560 $('#visitorSendMessageArchitectRegistrationNumberMandatorySign').hide(); 15561 $('#visitor-send-message-architect-number-input-error').hide(); 15562 } 15563 15564 function hideArchitectRegistrationNumber() { 15565 $('#visitorSendMessageArchitectRegistrationNumberWrapper').hide(); 15566 $('#visitorSendMessageArchitectRegistrationNumberMandatorySign').hide(); 15567 } 15568 $('#visitor-send-message-role').on('select2:select', function(e) { 15569 // var data = e.params.data; 15570 $('#visitorSendMessageButton').show(); 15571 $('#visitorSendMessageButtonDisabled').hide(); 15572 15573 if ($(this).val() == 0) { 15574 showCompanyNotMandatory(); 15575 } else { 15576 showCompanyMandatory(); 15577 } 15578 15579 if ($(this).val() == 3) { 15580 if ($('#visitor-send-message-country').val() == "au" || $('#visitor-send-message-country').val() == "nz") { 15581 showArchitectRegistrationNumberMandatory(); 15582 } else { 15583 showArchitectRegistrationNumberNotMandatory(); 15584 } 15585 } else { 15586 hideArchitectRegistrationNumber(); 15587 } 15588 15589 if ($(this).val() == 37) { 15590 if ($('#visitor-send-message-country').val() == "au" || $('#visitor-send-message-country').val() == "nz") { 15591 showInstituionMandatory(); 15592 } else { 15593 showInstituionNotMandatory(); 15594 } 15595 } 15596 }); 15597 15598 // Visitor send message country select2 init & other proccess 15599 $("#visitor-send-message-country").select2({ 15600 placeholder: "Please select your country" 15601 }); 15602 $("#visitor-send-message-country").on("select2:select", function(e) { 15603 var data = $(this).val(); 15604 visitorSendMessageGetLocation(data); 15605 $('#visitorSendMessageButton').show(); 15606 $('#visitorSendMessageButtonDisabled').hide(); 15607 if ($(this).val() == "au" || $(this).val() == "nz") { 15608 if ($('#visitor-send-message-role').val() == 37) { 15609 showInstituionMandatory(); 15610 } 15611 if ($('#visitor-send-message-role').val() == 3) { 15612 showArchitectRegistrationNumberMandatory(); 15613 } else { 15614 hideArchitectRegistrationNumber(); 15615 } 15616 } else { 15617 if ($('#visitor-send-message-role').val() == 37) { 15618 showInstituionNotMandatory(); 15619 } 15620 if ($('#visitor-send-message-role').val() == 3) { 15621 showArchitectRegistrationNumberNotMandatory(); 15622 } else { 15623 hideArchitectRegistrationNumber(); 15624 } 15625 } 15626 }); 15627 15628 function formatStateVisitorSendMessageCountry(state) { 15629 if (!state.id) { 15630 return state.text; 15631 } 15632 var baseUrl = "https://www.archify.com/assets/img/svg/flag"; 15633 var $state = $( 15634 '<span><img src="' + baseUrl + '/flag-' + state.element.value.toLowerCase() + '.svg" class="img-flag" /> ' + state.text + '</span>' 15635 ); 15636 return $state; 15637 }; 15638 $.ajax({ 15639 type: "POST", 15640 dataType: "json", 15641 async: true, 15642 url: "https://www.archify.com/au/gpost/account/pro_country_list", 15643 success: function(data) { 15644 var countryId = "" || "au"; 15645 $("#visitor-send-message-country").select2({ 15646 placeholder: "Please select your country", 15647 templateSelection: formatStateVisitorSendMessageCountry, 15648 templateResult: formatStateVisitorSendMessageCountry, 15649 data: data, 15650 dropdownParent: $('.select-visitor-send-message-country-wrapper'), 15651 searchInputPlaceholder: 'Search' 15652 }).val(countryId).trigger("change"); 15653 } 15654 }); 15655 15656 // Visitor Send Message location select2 init & other proccess 15657 $("#visitor-send-message-location").select2({ 15658 placeholder: "Please select your city" 15659 }); 15660 $("#visitor-send-message-location").on("select2:select", function(e) { 15661 $('#visitorSendMessageButton').show(); 15662 $('#visitorSendMessageButtonDisabled').hide(); 15663 }); 15664 15665 function visitorSendMessageGetLocation(countryId = "") { 15666 $("#visitor-send-message-location").html(""); 15667 if (countryId == "") { 15668 countryId = 'au'; 15669 } 15670 $.ajax({ 15671 type: "POST", 15672 dataType: "json", 15673 async: true, 15674 url: "https://www.archify.com/au/gpost/account/pro_city_list/" + countryId, 15675 success: function(data) { 15676 $("#visitor-send-message-location").select2({ 15677 placeholder: "Please select your location", 15678 data: data, 15679 templateResult: formatResultVisitorSendMessageLocation, 15680 templateSelection: formatRepoSelectionVisitorSendMessageLocation, 15681 dropdownParent: $('.select-visitor-send-message-location-wrapper'), 15682 searchInputPlaceholder: 'Search' 15683 }).val("").trigger('change'); 15684 } 15685 }); 15686 } 15687 visitorSendMessageGetLocation(); 15688 15689 function formatResultVisitorSendMessageLocation(node) { 15690 var strArray = node.text.split("|"); 15691 var $result = $('<span style="padding-left:' + (15) + 'px; float: left;"><xxx style="display:none;">' + strArray[1] + '</xxx>' + strArray[0] + '</span>'); 15692 if (node.level == 1) { 15693 $result = $('<span style="padding-left:' + (0 * node.level) + 'px;"><xxx style="display:none;">' + strArray[1] + '</xxx>' + strArray[0] + '</span>'); 15694 } 15695 return $result; 15696 }; 15697 15698 function formatRepoSelectionVisitorSendMessageLocation(repo) { 15699 var strArray = repo.text.split("|"); 15700 return strArray[0]; 15701 } 15702 15703 // Visitor send message toggle password visibility 15704 $('#toggle-visitor-send-message-password').unbind('click'); 15705 $('#toggle-visitor-send-message-password').click(function() { 15706 var x = document.getElementById("visitor-send-message-password"); 15707 if (x.type === "password") { 15708 $('#toggle-visitor-send-message-password').addClass('show'); 15709 x.type = "text"; 15710 } else { 15711 $('#toggle-visitor-send-message-password').removeClass('show'); 15712 x.type = "password"; 15713 } 15714 }); 15715 15716 // Visitor send message click event 15717 $('#visitor-send-message-complimentary-profile-input').unbind('click'); 15718 $('#visitor-send-message-complimentary-profile-input').click(function() { 15719 if ($(this).prop('checked')) { 15720 $('.visitor-send-message-complementary-wrapper').show(); 15721 } else { 15722 $('.visitor-send-message-complementary-wrapper').hide(); 15723 } 15724 }); 15725 15726 function rescaleCaptcha() { 15727 var width = $('.g-recaptcha.visitor-message').parent().width(); 15728 var scale; 15729 if (width < 302) { 15730 scale = width / 302; 15731 } else { 15732 scale = 1.0; 15733 } 15734 $('#recaptchaForvisitorSendMessage').css('transform', 'scale(' + scale + ')'); 15735 $('#recaptchaForvisitorSendMessage').css('-webkit-transform', 'scale(' + scale + ')'); 15736 $('#recaptchaForvisitorSendMessage').css('transform-origin', '0 0'); 15737 $('#recaptchaForvisitorSendMessage').css('-webkit-transform-origin', '0 0'); 15738 } 15739 $(window).resize(function() { 15740 rescaleCaptcha(); 15741 }); 15742 $('#visitorSendMessageModal').on('shown.bs.modal', function(e) { 15743 rescaleCaptcha(); 15744 $('.visitor-send-message-role-input').unbind('change'); 15745 $('.visitor-send-message-role-input').change(function() { 15746 $('.visitor-send-message-role-input').prop('checked', false); 15747 $(this).prop('checked', true); 15748 }); 15749 }); 15750 15751 function resetVisitorSendMessage() { 15752 // reset visitor send message here 15753 $('#visitorSendMessageButton').hide(); 15754 $('#visitorSendMessageButtonDisabled').show(); 15755 $('#visitorSendMessageModal .errortisme').hide(); 15756 $('#visitorSendMessageCompanyWrapper').show(); 15757 $('#visitorSendMessageInstitutionWrapper').hide(); 15758 $('#visitorSendMessageCompanyMandatorySign').hide(); 15759 $('#visitorSendMessageInstitutionMandatorySign').hide(); 15760 $('#visitorSendMessageArchitectRegistrationNumberWrapper').hide(); 15761 $('#visitorSendMessageModal input.form-control').val(''); 15762 $('#visitorSendMessageModal textarea').val(''); 15763 $('#visitor-send-message-role').val("").trigger("change"); 15764 $('#visitor-send-message-role').val("").trigger("select2:select"); 15765 var countryId = "" || "au"; 15766 $('#visitor-send-message-country').val(countryId).trigger("select2:select"); 15767 $('#visitor-send-message-country').val(countryId).trigger("change"); 15768 $('#visitor-send-message-complimentary-profile-input').prop('checked', false); 15769 $('.visitor-send-message-complementary-wrapper').hide(); 15770 var x = document.getElementById("visitor-send-message-password"); 15771 $('#toggle-visitor-send-message-password').removeClass('show'); 15772 x.type = "password"; 15773 grecaptcha.reset(grecaptchaVisitorMessage); 15774 }; 15775 $('#visitorSendMessageModal').on('hidden.bs.modal', function(e) { 15776 if (visitorSendMessageCloseSuccess) { 15777 visitorSendMessageCloseSuccess = false;
15778 resetVisitorSendMessage(); 15779 } 15780 }); 15781 15782 // activate send message events 15783 $('#visitorSendMessageModal input').keyup(function() { 15784 $('#visitorSendMessageButton').show(); 15785 $('#visitorSendMessageButtonDisabled').hide(); 15786 }); 15787 $('#visitorSendMessageModal textarea').keyup(function() { 15788 $('#visitorSendMessageButton').show(); 15789 $('#visitorSendMessageButtonDisabled').hide(); 15790 }); 15791 15792 15793 // submit book a demo function here 15794 $('#visitorSendMessageButton').click(function(e) { 15795 15796 var visitorSendMessageMandatoryCheck = false; 15797 15798 // Name 15799 var visitorSendMessageNameInputVal = $('#visitor-send-message-name-input').val(); 15800 if (visitorSendMessageNameInputVal.trim() == null || visitorSendMessageNameInputVal.trim() == "" || visitorSendMessageNameInputVal === " ") { 15801 visitorSendMessageMandatoryCheck = true; 15802 $('#visitor-send-message-name-input-error').show(); 15803 } else { 15804 $('#visitor-send-message-name-input-error').hide(); 15805 } 15806 15807 // Email 15808 var visitorSendMessageEmailInputVal = $('#visitor-send-message-email-input').val(); 15809 if (visitorSendMessageEmailInputVal.trim() == null || visitorSendMessageEmailInputVal.trim() == "" || visitorSendMessageEmailInputVal === " ") { 15810 visitorSendMessageMandatoryCheck = true; 15811 $('#visitor-send-message-email-input-error').html('You must provide an email'); 15812 $('#visitor-send-message-email-input-error').show(); 15813 } else { 15814 var filter_email = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/; 15815 if (filter_email.test(visitorSendMessageEmailInputVal)) { 15816 $('#visitor-send-message-email-input-error').hide(); 15817 } else { 15818 visitorSendMessageMandatoryCheck = true; 15819 $('#visitor-send-message-email-input-error').show(); 15820 $('#visitor-send-message-email-input-error').html('Please insert a valid email address'); 15821 } 15822 } 15823 15824 // Phone 15825 var visitorSendMessagePhoneInputVal = $('#visitor-send-message-phone-input').val(); 15826 if (visitorSendMessagePhoneInputVal.trim() == null || visitorSendMessagePhoneInputVal.trim() == "" || visitorSendMessagePhoneInputVal === " ") { 15827 visitorSendMessageMandatoryCheck = true; 15828 $('#visitor-send-message-phone-input-error').show(); 15829 } else { 15830 $('#visitor-send-message-phone-input-error').hide(); 15831 } 15832 15833 // Company 15834 var visitorSendMessageCompanyInputVal = $('#visitor-send-message-company-input').val(); 15835 if ($("#visitorSendMessageCompanyMandatorySign:visible").length) { 15836 if (visitorSendMessageCompanyInputVal.trim() == null || visitorSendMessageCompanyInputVal.trim() == "" || visitorSendMessageCompanyInputVal === " ") { 15837 visitorSendMessageMandatoryCheck = true; 15838 $('#visitor-send-message-company-input-error').show(); 15839 } else { 15840 $('#visitor-send-message-company-input-error').hide(); 15841 } 15842 } else { 15843 $('#visitor-send-message-company-input-error').hide(); 15844 } 15845 15846 // Institution 15847 var visitorSendMessageInstitutionInputVal = $('#visitor-send-message-institution-input').val(); 15848 if ($("#visitorSendMessageInstitutionMandatorySign:visible").length) { 15849 if (visitorSendMessageInstitutionInputVal.trim() == null || visitorSendMessageInstitutionInputVal.trim() == "" || visitorSendMessageInstitutionInputVal === " ") { 15850 visitorSendMessageMandatoryCheck = true; 15851 $('#visitor-send-message-institution-input-error').show(); 15852 } else { 15853 $('#visitor-send-message-institution-input-error').hide(); 15854 } 15855 } else { 15856 $('#visitor-send-message-institution-input-error').hide(); 15857 } 15858 15859 // Message 15860 var visitorSendMessageInputVal = $('#visitor-send-message-input').val(); 15861 if (visitorSendMessageInputVal.trim() == null || visitorSendMessageInputVal.trim() == "" || visitorSendMessageInputVal === " ") { 15862 visitorSendMessageMandatoryCheck = true; 15863 $('#visitor-send-message-input-error').show(); 15864 $('#visitor-send-message-input').val(''); 15865 } else { 15866 $('#visitor-send-message-input-error').hide(); 15867 } 15868 15869 // Role 15870 var visitorSendMessageRoleVal = $('#visitor-send-message-role').val(); 15871 if (visitorSendMessageRoleVal == null) { 15872 visitorSendMessageMandatoryCheck = true; 15873 $('#visitor-send-message-role-input-error').show(); 15874 } else { 15875 $('#visitor-send-message-role-input-error').hide(); 15876 } 15877 15878 var visitorSendMessageComplementaryProfileVal = $('#visitor-send-message-complimentary-profile-input').prop('checked'); 15879 15880 if (visitorSendMessageComplementaryProfileVal) { 15881 15882 // Country 15883 var visitorSendMessageCountryVal = $('#visitor-send-message-country').val(); 15884 if (visitorSendMessageCountryVal == null) { 15885 visitorSendMessageMandatoryCheck = true; 15886 $('#visitor-send-message-country-error').show(); 15887 } else { 15888 $('#visitor-send-message-country-error').hide(); 15889 } 15890 15891 // Location 15892 var visitorSendMessageLocationVal = $('#visitor-send-message-location').val(); 15893 if (visitorSendMessageLocationVal == null) { 15894 visitorSendMessageMandatoryCheck = true; 15895 $('#visitor-send-message-location-error').show(); 15896 } else { 15897 $('#visitor-send-message-location-error').hide(); 15898 } 15899 15900 // Architectural Registration Number 15901 var visitorSendMessageArchitecturalRegistrationNumberInputVal = $('#visitor-send-message-architect-number-input').val(); 15902 if ($("#visitorSendMessageArchitectRegistrationNumberMandatorySign:visible").length) { 15903 if (visitorSendMessageArchitecturalRegistrationNumberInputVal.trim() == null || visitorSendMessageArchitecturalRegistrationNumberInputVal.trim() == "" || visitorSendMessageArchitecturalRegistrationNumberInputVal === " ") { 15904 visitorSendMessageMandatoryCheck = true; 15905 $('#visitor-send-message-architect-number-input-error').show(); 15906 } else { 15907 $('#visitor-send-message-architect-number-input-error').hide(); 15908 } 15909 } else { 15910 $('#visitor-send-message-architect-number-input-error').hide(); 15911 } 15912 15913 // Password 15914 var visitorSendMessagePasswordVal = $('#visitor-send-message-password').val(); 15915 if (visitorSendMessagePasswordVal.trim() == null || visitorSendMessagePasswordVal.trim() == "" || visitorSendMessagePasswordVal === " ") { 15916 visitorSendMessageMandatoryCheck = true; 15917 $('#visitor-send-message-password-error').show(); 15918 } else { 15919 $('#visitor-send-message-password-error').hide(); 15920 } 15921 15922 } else { 15923 $('#visitor-send-message-country-error').hide(); 15924 $('#visitor-send-message-location-error').hide(); 15925 $('#visitor-send-message-password-error').hide(); 15926 } 15927 15928 if (visitorSendMessageMandatoryCheck) { 15929 callNotificationAlert('Please check mandatory form input.'); 15930 } else { 15931 var Slug_ = ""; 15932 var UserType_ = ""; 15933 if (msgTo == "supplier") { 15934 Slug_ = ""; 15935 UserType_ = 3; 15936 } else { 15937 Slug_ = "products"; 15938 UserType_ = 2; 15939 } 15940 if (visitorSendMessageComplementaryProfileVal === true) { 15941 var formData = new FormData($('#form-visitor-message')[0]); 15942 formData.append("message_to", msgTo); 15943 formData.append("slug", Slug_); 15944 $('#visitorSendMessageButton').hide(); 15945 $('#visitorSendMessageButtonDisabled').show(); 15946 $('#pageloader_new').fadeIn(); 15947 $.ajax({ 15948 type: "POST", 15949 url: "https://www.archify.com/au/signup/signup_visitor_message", 15950 dataType: 'json', 15951 data: formData, 15952 async: true, 15953 success: function(result) { 15954 if (result.code == "200") { 15955 var data_ = result.data; 15956 formData.append("message", $("#visitor-send-message-input").val()); 15957 formData.append("message_other", $("#visitor-send-message-input").val()); 15958 formData.append("inbox_type", 1); 15959 if (msgTo == "supplier") { 15960 formData.append("request", "Other"); 15961 formData.append("inbox_type", 2); 15962 } 15963 formData.append("slug", Slug_);
15964 formData.append("user_type", UserType_); 15965 15966 15967 formData.append("user_id_session", data_.user_id); 15968 formData.append("user_type_session", data_.user_type); 15969 $.ajax({ 15970 type: "POST", 15971 url: "https://www.archify.com/au/gpost/inbox/visitor_send_message", 15972 dataType: 'json', 15973 data: formData, 15974 async: true, 15975 success: function(result) { 15976 $('#visitorSendMessageButton').show(); 15977 $('#visitorSendMessageButtonDisabled').hide(); 15978 $('#pageloader_new').fadeOut(); 15979 if (result.code == "200") { 15980 callNotification(result.msg); 15981 visitorSendMessageCloseSuccess = true; 15982 $('#visitorSendMessageModal').modal('hide'); 15983 } else { 15984 callNotificationAlert(result.msg); 15985 } 15986 15987 }, 15988 cache: false, 15989 contentType: false, 15990 processData: false 15991 }); 15992 } else { 15993 callNotificationAlert(result.msg); 15994 $('#visitorSendMessageButton').show(); 15995 $('#visitorSendMessageButtonDisabled').hide(); 15996 $('#pageloader_new').fadeOut(); 15997 } 15998 }, 15999 cache: false, 16000 contentType: false, 16001 processData: false 16002 }); 16003 } else { 16004 var formData = new FormData($('#form-visitor-message')[0]); 16005 formData.append("message_to", msgTo); 16006 formData.append("slug", Slug_); 16007 formData.append("role_name", $('#visitor-send-message-role option:selected').text()); 16008 $('#visitorSendMessageButton').hide(); 16009 $('#visitorSendMessageButtonDisabled').show(); 16010 $('#pageloader_new').fadeIn(); 16011 $.ajax({ 16012 type: "POST", 16013 url: "https://www.archify.com/au/gpost/inbox/visitor_send_message", 16014 dataType: 'json', 16015 data: formData, 16016 async: true, 16017 success: function(result) { 16018 $('#visitorSendMessageButton').show(); 16019 $('#visitorSendMessageButtonDisabled').hide(); 16020 $('#pageloader_new').fadeOut(); 16021 if (result.code == "200") { 16022 callNotification(result.msg); 16023 visitorSendMessageCloseSuccess = true; 16024 $('#visitorSendMessageModal').modal('hide'); 16025 } else { 16026 callNotificationAlert(result.msg); 16027 } 16028 }, 16029 cache: false, 16030 contentType: false, 16031 processData: false 16032 }); 16033 } 16034 16035 } 16036 16037 }); 16038 } 16039 16040 16041 $('#visitorSendMessageModal').modal('show'); 16042 16043 } 16044 $(window).on('load', function() { 16045 // code here 16046 // callVisitorSendMessageModule("supplier"); 16047 }); 16048 </script>
vendor: 1 bytes, line 16048
16048
16049<script src="https://www.archify.com/assets/third-party/jquery-webui/jquery-webui-popover.min.js"></script>
16049 16050<!--Plugin JavaScript file-->
16051<script src="https://www.archify.com/assets/third-party/ionrangeslider/ion.rangeSlider.min.js"></script>
16051 16052 16053<!-- load More Process -->
16054<script> 16055 var end = false; 16056 var nextPage = 0; 16057 var reloadDataProducts = true; 16058 var loadmore_products_in_progress = false; 16059 var filter_datax = { 16060 is_metric: "0", 16061 filtered: [] 16062 }; 16063 16064 var loadProductListAjax = ""; 16065 var loadProductListAjaxTimeout = ""; 16066 var getMenuFilterL3Ajax = ""; 16067 var getMenuFilterL3MoreAjax = ""; 16068 var getMenuFilterL3More2Ajax = ""; 16069 var getSeoArticleAjax = ""; 16070 var getBrands3Ajax = ""; 16071 var getMenuProducts3Ajax = ""; 16072 var is_drawing_files = 0; 16073 var is_sustainable = 0; 16074 var is_enhanced = 0; 16075 16076 $("#checkbox-filter-drawing-files").click(function() { 16077 if ($("#checkbox-filter-drawing-files").is(":checked")) { 16078 is_drawing_files = 1; 16079 } else { 16080 is_drawing_files = 0; 16081 } 16082 abcd(); 16083 }); 16084 16085 $("#checkbox-filter-sustainable").click(function() { 16086 if ($("#checkbox-filter-sustainable").is(":checked")) { 16087 is_sustainable = 1; 16088 remake_url(5); 16089 } else { 16090 is_sustainable = 0; 16091 remake_url(6); 16092 } 16093 abcd(); 16094 }); 16095 var urlParams = new URLSearchParams(window.location.search); 16096 var param_sustain = urlParams.get('sustainable'); 16097 16098 if (param_sustain == "all") { 16099 $("#checkbox-filter-sustainable").trigger('click'); 16100 } 16101 16102 16103 $("#checkbox-filter-enhanced").click(function() { 16104 if ($("#checkbox-filter-enhanced").is(":checked")) { 16105 is_enhanced = 1; 16106 } else { 16107 is_enhanced = 0; 16108 } 16109 abcd(); 16110 }); 16111 // Track flag action 16112 $("#checkbox-show-flags").click(function() { 16113 if ($("#checkbox-show-flags").is(":checked")) { 16114 $('.icon-origin-flags-section').show(); 16115 } else { 16116 $('.icon-origin-flags-section').hide(); 16117 } 16118 }); 16119 16120 // Hide dummy item when load page with jquery 16121 $(".brand-container-dummy").hide(); 16122 $(".brand-container-dummy-bottom").hide(); 16123 16124 var loaded_data = 0; 16125 let totalDataLoaded = 0; 16126 let totalListBrandData = 0; 16127 $(".load-more-button").click(function() { 16128 // console.log(loaded_data); 16129 16130 loadmore_products_in_progress = true; 16131 16132 if (loadProductListAjaxTimeout != "") { 16133 clearTimeout(loadProductListAjaxTimeout) 16134 } 16135 16136 loadProductListAjaxTimeout = setTimeout(function() { 16137 16138 $(".button-load-more-area .load-more-button").css("display", "none"); 16139 $(".button-load-more-area .skeleton-wrapper").css("display", "block"); 16140 16141 if (page == 1) { 16142 $(".loading-css-animation").show(); 16143 $(".top-title span.count").hide(); 16144 }
16145 if (reloadDataProducts) { 16146 $("html, body").animate({ 16147 scrollTop: 0 16148 }, 0); 16149 $(".brand-container").html(""); 16150 $("#pagination").html(""); 16151 end = false; 16152 nextPage = 0; 16153 page = 1; 16154 reloadDataProducts = false; 16155 $(".load-more-button").hide(); 16156 $(window).scrollTop(0); 16157 loaded_data = 0; 16158 totalDataLoaded = 0; 16159 totalListBrandData = 0; 16160 $("#articleBox").show(); 16161 // $(".top-title span.text").hide(); 16162 16163 // get count all products 16164 // $.post($(location).attr('href'),{format:"json"}, function( data ) { 16165 // //console.log($.parseJSON(data)); 16166 // }); 16167 } 16168 16169 16170 var uri1 = "all-category"; 16171 var uri2 = ""; 16172 var uri3 = ""; 16173 var uri4 = ""; 16174 16175 var urix = $(location).attr('href'); 16176 16177 var xxx = urix.split("/products/"); 16178 16179 if (xxx[1] !== undefined) { 16180 var xxx2 = xxx[1].split('/'); 16181 if (xxx2[0] !== undefined) { 16182 uri1 = xxx2[0]; 16183 } else { 16184 uri1 = "all-category"; 16185 } 16186 16187 if (xxx2[1] !== undefined) { 16188 uri2 = "/" + xxx2[1]; 16189 } 16190 16191 // handle latest to newest to make not many update for now 16192 if (xxx2[2] !== undefined) { 16193 uri3 = `/${xxx2[2] == "latest" ? "newest" : xxx2[2]}`; 16194 } 16195 16196 if (xxx2[3] !== undefined) { 16197 uri4 = "/?search=" + xxx2[3]; 16198 } 16199 16200 // alert(uri2); 16201 } else { 16202 uri1 = "all-category"; 16203 uri2 = "/?search="; 16204 } 16205 16206 // var uri3 = ''; 16207 // if(uri3 != ''){ 16208 // uri3 = "?search="+uri3; 16209 // } 16210 16211 16212 urix = 'https://www.archify.com/au/gpost/products/list11/' + uri1 + uri2 + uri3 + uri4; 16213 16214 if (uri3 == "/" || uri3 == "") { 16215 $("#dropDownSortBy p span").html(""); 16216 $(".dropDownSortBy-mobile p span").html(""); 16217 16218 $("#sortByList li").removeClass("active"); 16219 $("#sortByList li").each(function() { 16220 if ($(this).attr("val") == "default") { 16221 $(this).addClass('active'); 16222 } 16223 }); 16224 16225 $(".sortByList-mobile li").removeClass("active"); 16226 $(".sortByList-mobile li").each(function() { 16227 if ($(this).attr("val") == "default") { 16228 $(this).addClass('active'); 16229 } 16230 }); 16231 } 16232 16233 // //console.log(filter_datax); 16234 16235 if (loadProductListAjax) { 16236 loadProductListAjax.abort(); 16237 } 16238 16239 let totalCountry = $("input.x-country-filter:checkbox:checked").length; 16240 totalCountry = 1; 16241 16242 // Handle filter at drawing file 16243 16244 let bimFilter = []; 16245 // Insert value of data and remove duplicate 16246 $(".bim-filter-wrap .check-bim-file:checked").each(function() { 16247 if (!bimFilter.find(x => x == $(this).attr("data-value"))) { 16248 bimFilter.push($(this).attr("data-value")); 16249 } 16250 }) 16251 16252 let cadFilter = []; 16253 // Insert value of data and remove duplicate 16254 $(".cad-filter-wrap .check-cad-file:checked").each(function() { 16255 if (!cadFilter.find(x => x == $(this).attr("data-value"))) { 16256 cadFilter.push($(this).attr("data-value")); 16257 } 16258 }) 16259 16260 let otherFilter = []; 16261 // Insert value of data and remove duplicate 16262 $(".other-filter-wrap .check-other-file:checked").each(function() { 16263 if (!otherFilter.find(x => x == $(this).attr("data-value"))) { 16264 otherFilter.push($(this).attr("data-value")); 16265 } 16266 }) 16267 16268 let drawingFilesFilter = []; 16269 // push bim file filter if had 16270 if (bimFilter.length) { 16271 drawingFilesFilter.push({ 16272 type_selection: 4, 16273 name: "bim_objects", 16274 value: bimFilter 16275 }); 16276 } 16277 16278 // push cad file filter if had 16279 if (cadFilter.length) { 16280 drawingFilesFilter.push({ 16281 type_selection: 5, 16282 name: "cad_files", 16283 value: cadFilter 16284 }); 16285 } 16286 16287 // push other file filter if had 16288 if (otherFilter.length) { 16289 drawingFilesFilter.push({ 16290 type_selection: 6, 16291 name: "other_files", 16292 value: otherFilter 16293 }); 16294 } 16295 16296 // Create object EPD Filter 16297 let epdGGTFilter = { 16298 global_greentag_epd: $(".checkbox-ggt-epd").prop("checked") ? 1 : undefined, 16299 global_greentag_certified: $(".checkbox-ggt-epd-certificate").prop("checked") ? 1 : undefined 16300 }; 16301 16302 let epdFilter = []; 16303 $(".epd-filter-wrap .epd-filter-slider-wrap")?.each((idx, elm) => { 16304 16305 if (!epdFilter.find(x => x.name == $(elm).data().type)) { 16306 const sliderData = $(elm).find(`.epd-slider-filter-${$(elm).data().type}`).data(); 16307 const fromValue = $(elm).find(`.epd-slider-js-input-from`).val(); 16308 const toValue = $(elm).find(`.epd-slider-js-input-to`).val(); 16309 16310 const filterData = { 16311 value: [fromValue, toValue], 16312 minValue: sliderData?.min, 16313 maxValue: sliderData?.max 16314 } 16315 epdFilter.push({ 16316 type_selection: 7, 16317 name: $(elm).data().type, 16318 ...filterData 16319 }); 16320 } 16321 }) 16322 // Filter to make max and min value not always send 16323 epdFilter = epdFilter.filter(x => !(x?.value[0] == x?.minValue && x?.value[1] == x?.maxValue)); 16324 16325 let materialOriginFilter = [] 16326 16327 if ($(".select-material-origin").val().length) { 16328 materialOriginFilter.push({ 16329 type_selection: 8, 16330 name: 'material_origin', 16331 value: $(".select-material-origin").val() 16332 }); 16333 } 16334 16335 16336 // Create new filter object so the old filter not get replace but copy to it 16337 const customFilter = { 16338 ...filter_datax, 16339 filtered: [ 16340 ...filter_datax?.filtered, 16341 ...drawingFilesFilter, 16342 ...epdFilter, 16343 ...materialOriginFilter 16344 ] 16345 }; 16346 16347 // Validation to must pick the country filter 16348 if (totalCountry) { 16349 16350 // validation to not load more when total data loaded is more than total list brand data 16351 // console.log(`total loaded : ${totalDataLoaded}`, `total List: ${totalListBrandData}`); 16352 16353 $.ajaxSetup({ 16354 async: true 16355 }); 16356 loadProductListAjax = $.post(urix, { 16357 page: page, 16358 filter: customFilter, 16359 is_sustainable: is_sustainable, 16360 is_drawing_files: is_drawing_files, 16361 is_enhanced: is_enhanced, 16362 ...epdGGTFilter, 16363 format: "json" 16364 }, function(data) { 16365 16366 16367 16368 var scrollPosition = $(document).scrollTop(); 16369 16370 $(".loading-css-animation").fadeOut(function() { 16371 $(".top-title span.count").fadeIn(); 16372 }); 16373 $(".top-title span.text").show(); 16374 16375 loaded_data += 1; 16376 if (loaded_data == 1) { 16377 $(".load-more-button").show(); 16378 } 16379 if (loaded_data > 1) { 16380 $("#articleBox").hide(); 16381 $(".load-more-button").hide(); 16382 } 16383 16384 var datax = $.parseJSON(data); 16385 16386 totalDataLoaded += datax?.data?.length || 0; 16387 totalListBrandData = datax?.total || 0; 16388 16389 if (page == 1) { 16390 remake_count_product(datax.total); 16391 } 16392 16393 nextpage = page + 1; 16394 16395 /* 16396 var segments = window.location.pathname.split('/'); 16397 var brand_from_url = segments[4]; 16398 if (brand_from_url != undefined) { 16399 brand_from_url = decodeURIComponent( brand_from_url ); 16400 } else { 16401 brand_from_url = "all"; 16402 } 16403 if (brand_from_url == "") { 16404 brand_from_url = "all"; 16405 } 16406 16407 var brandListData = datax.list_brand; 16408 $("#brandList").html(''); 16409 $("#MobilebrandList").html(''); 16410 $.each($.parseJSON(brandListData), function(i,item){ 16411 var isChecked = ""; 16412 $.each(brand_from_url.split('--'), function(k, v) { 16413 if (v == item.brand_slug) { 16414 isChecked = "checked"; 16415 } 16416 }); 16417 16418 $("#brandList").append('\ 16419 <li class="'+isChecked+'">\ 16420 <div class="squaredThree">\ 16421 <input type="checkbox" data-id="'+item.brand_slug+'" value="'+item.brand_slug+'" id="'+item.brand_slug+'" class="form-check-input sidebar brand-check-sidebar" name="'+item.brand+'" name-tag="'+item.brand_name+'" '+isChecked+'\ 16422 />\
16423 <span>\ 16424 <h5 class="sidebar_brand brandnav-'+item.brand_slug+'">'+item.brand_name+'</h5>\ 16425 </span>\ 16426 </div>\ 16427 </li>\ 16428 '); 16429 $("#MobilebrandList").append('\ 16430 <li class="'+isChecked+'">\ 16431 <div class="squaredThree">\ 16432 <input type="checkbox" data-id="'+item.brand_slug+'" value="'+item.brand_slug+'" id="'+item.brand_slug+'-mobile" class="form-check-input sidebar_mobile brand-check-sidebar" name="'+item.brand_name+'" name-tag="'+item.brand_name+'" '+isChecked+'\ 16433 />\ 16434 <span>\ 16435 <h5 class="sidebar_brand brandnav-'+item.brand_slug+'">'+item.brand_name+'</h5>\ 16436 </span>\ 16437 </div>\ 16438 </li>\ 16439 '); 16440 }); 16441 */ 16442 16443 16444 16445 16446 // var jsonx = JSON.parse(data); 16447 var jsonx = datax.data; 16448 // var jsonnextx = JSON.parse(nextdata); 16449 var jsonnextx = datax.data; 16450 ////console.log(jsonx); 16451 if (jsonx.length < 40) { 16452 $(".button-load-more-area .load-more-button").css("display", "none"); 16453 // $(".brand-container-dummy-bottom").hide(); 16454 // $(".brand-container-dummy").hide(); 16455 if (page == 1) { 16456 $("#page-1").hide(); 16457 $(".button-load-more-area .skeleton-wrapper").fadeOut(function() { 16458 $("#page-1").show(); 16459 $("#page-1 .product-item").css("transition", "opacity 1s easeIn"); 16460 $("#page-1 .product-item").css("opacity", "1"); 16461 }); 16462 } else { 16463 $(".button-load-more-area .skeleton-wrapper").css("display", "none"); 16464 } 16465 $(".load-more-button").hide(); 16466 $("#articleBox").show(); 16467 end = true; 16468 } else { 16469 if (loaded_data > 1) { 16470 $(".button-load-more-area .load-more-button").css("display", "none"); 16471 } else { 16472 $(".button-load-more-area .load-more-button").css("display", "block"); 16473 } 16474 if (page == 1) { 16475 $("#page-1").hide(); 16476 $(".button-load-more-area .skeleton-wrapper").fadeOut(function() { 16477 $("#page-1").show(); 16478 $("#page-1 .product-item").css("transition", "opacity 1s easeIn"); 16479 $("#page-1 .product-item").css("opacity", "1"); 16480 }); 16481 } else { 16482 $(".button-load-more-area .skeleton-wrapper").css("display", "none"); 16483 } 16484 end = false; 16485 } 16486 16487 if (jsonnextx.length == 0) { 16488 $(".button-load-more-area .load-more-button").css("display", "none"); 16489 if (page == 1) { 16490 $("#page-1").hide(); 16491 $(".button-load-more-area .skeleton-wrapper").fadeOut(function() { 16492 $("#page-1").show(); 16493 $("#page-1 .product-item").css("transition", "opacity 1s easeIn"); 16494 $("#page-1 .product-item").css("opacity", "1"); 16495 }); 16496 } else { 16497 $(".button-load-more-area .skeleton-wrapper").css("display", "none"); 16498 } 16499 end = true; 16500 } 16501 16502 if (jsonx.length == 0) { 16503 if (page == 1) { 16504 var segments = window.location.pathname.split('/'); 16505 var brand_from_url_sec = segments[4]; 16506 if (brand_from_url_sec != "all") { 16507 var filternameinfo = []; 16508 $('.filter-tags').each(function() { 16509 filternameinfo.push($(this).children("h6").text()); 16510 }); 16511 if (filternameinfo.length > 1) { 16512 filternameinfo.splice(-1); 16513 } 16514 if (filternameinfo.length == 1) { 16515 $(".brand-container").append('\ 16516 <h5>' + filternameinfo + ' doesn’t have product with selected filters</h5>\ 16517 '); 16518 }; 16519 if (filternameinfo.length == 2) { 16520 $(".brand-container").append('\ 16521 <h5>' + filternameinfo[0] + ' & ' + filternameinfo[1] + ' don’t have product with selected filters</h5>\ 16522 '); 16523 }; 16524 if (filternameinfo.length >= 3) { 16525 $(".brand-container").append('\ 16526 <h5>' + filternameinfo + ' don’t have product with selected filters</h5>\ 16527 '); 16528 }; 16529 } else { 16530 $(".brand-container").append('\ 16531 <h5>No results found</h5>\ 16532 '); 16533 } 16534 16535 $(".button-load-more-area .load-more-button").css("display", "none"); 16536 if (page == 1) { 16537 $("#page-1").hide(); 16538 $(".button-load-more-area .skeleton-wrapper").fadeOut(function() { 16539 $("#page-1").show(); 16540 $("#page-1 .product-item").css("transition", "opacity 1s easeIn"); 16541 $("#page-1 .product-item").css("opacity", "1"); 16542 }); 16543 } else { 16544 $(".button-load-more-area .skeleton-wrapper").css("display", "none"); 16545 } 16546 end = true; 16547 } 16548 } 16549 16550 if (page > 1) { 16551 $(".brand-container").append('\ 16552 <div class="page-line" style="display: none;">\ 16553 <div style="position: absolute; height: 1px; background-color: #9b9b9b; width: 100%; top: 10px;">\ 16554 </div>\ 16555 <div style="position: relative; float: left; width: auto; height; background: #f9f9f9; padding-left: 10px; padding-right: 10px; left: 50%; -webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%); transform: translate(-50%,0%); padding-top: 3px;">\ 16556 <p class="ss grey" style="text-transform: uppercase; text-align: center; margin-bottom: 0px;">Page ' + page + '</p>\ 16557 </div>\ 16558 </div>\ 16559 <div id="page-' + page + '" style="position: relative; float: left; width: 100%;">\ 16560 </div>\ 16561 '); 16562 } else { 16563 $(".brand-container").append('\ 16564 <div id="page-' + page + '" style="position: relative; float: left; width: 100%;">\ 16565 </div>\ 16566 '); 16567 $("#page-1 .product-item").css("opacity", "0"); 16568 } 16569 16570 setTimeout(function() { 16571 $(window).scrollTop(scrollPosition); 16572 }, 500); 16573 16574 loopDelay = 0; 16575 var totalItems = 0; 16576 const isFlagShowChecked = $("#checkbox-show-flags").is(":checked"); 16577 $.each(jsonx, function(i, item) { 16578 16579 // $(".brand-container").append('\ 16580 // <div class="product-item">\ 16581 // <div class="image-area">\ 16582 // <a href="https://www.archify.com/../au/product/'+item.brand_slug+'/product/'+item.product_id+'"><img src="https://image-apac.archify.com/catalog/product/'+item.product_image+'" alt=""></a>\ 16583 // </div>\ 16584 // <div class="clearfix">\ 16585 // </div>\ 16586 // <h5><a href="https://www.archify.com/../au/product/'+item.brand_slug+'/product/'+item.product_id+'">'+item.product_name+'</a></h5>\ 16587 // <h6><a href="https://www.archify.com/../au/product/'+item.brand_slug+'">
16587'+item.company_name+'</a></h6>\ 16588 // </div>\ 16589 // '); 16590 16591 16592 var objectFitImage = "contain"; 16593 if (item.is_transparent == "0") { 16594 objectFitImage = "cover"; 16595 } 16596 16597 16598 var textTransformCss = ""; 16599 16600 // Condition For tesa 16601 if (item.brand_slug == 'tesa') { 16602 var textTransformCss = "text-transform: none;"; 16603 } 16604 16605 let epd_logo = ""; 16606 let epd_certificate_logo = ""; 16607 let enhanced_logo = ""; 16608 let sustainable_text = ""; 16609 let drawing_files_text = ""; 16610 16611 if (item.is_enhanced == 1) { 16612 enhanced_logo = ` 16613 <div class="nbs-box" data-content="<p>Enhanced Spec</p>" style="background-color: transparent; border-radius: 0;"> 16614 <img class="nbs" src="https://www.archify.com/assets/img/svg/enhanced-blue.svg" alt="icon enhanced product" width="20" height="20" style="margin: 0; width: 20px !important; height: 20px !important; border-radius: 5px;"> 16615 </div> 16616 `; 16617 } 16618 16619 if (item.global_greentag_epd == 1) { 16620 epd_logo = ` 16621 <div class="nbs-box" data-content="<p>Global GreenTag EPD</p>" style="background-color: transparent; border-radius: 0;"> 16622 <img class="nbs" src="https://www.archify.com/assets/img/svg/icon-sustainability-greentag-epd.svg" alt="icon enhanced product" width="20" height="20" style="margin: 0; width: 20px !important; height: 20px !important; border-radius: 5px;"> 16623 </div> 16624 `; 16625 } 16626 16627 if (item.global_greentag_certified == 1) { 16628 epd_certificate_logo = ` 16629 <div class="nbs-box" data-content="<p>Global GreenTag Certificate</p>" style="background-color: transparent; border-radius: 0;"> 16630 <img class="nbs" src="https://www.archify.com/assets/img/svg/icon-sustainability-greentag-epd-certificate.svg" alt="icon enhanced product" width="20" height="20" style="margin: 0; width: 20px !important; height: 20px !important; border-radius: 5px;"> 16631 </div> 16632 `; 16633 } 16634 16635 // Remove sustainable hint https://bcisuite.atlassian.net/jira/software/c/projects/AR/boards/85/backlog?selectedIssue=AR-506 16636 // if (item.sustainable.length > 0) { 16637 // var sustain = item.sustainable.split(","); 16638 // $.each(sustain, function(index, value) { 16639 // if (value == 1) sustainable_text += '<img class="sustainable-item" data-content="<p>Energy Efficient</p>" src="https://www.archify.com/assets/img/svg/sustainability-small-energy-green-white.svg" alt="sustainability-small-energy-green-white" width="20" height="20">'; 16640 // if (value == 2) sustainable_text += '<img class="sustainable-item" data-content="<p>Low Embodied Carbon</p>" src="https://www.archify.com/assets/img/svg/sustainability-small-carbon.svg" alt="sustainability-small-carbon" width="20" height="20">'; 16641 // if (value == 3) sustainable_text += '<img class="sustainable-item" data-content="<p>Low Water Consumption</p>" src="https://www.archify.com/assets/img/svg/sustainability-small-water-energy.svg" alt="sustainability-small-water-energy" width="20" height="20">'; 16642 // if (value == 4) sustainable_text += '<img class="sustainable-item" data-content="<p>Manufactured from Recycled Materials</p>" src="https://www.archify.com/assets/img/svg/sustainability-small-recyclable-green-white.svg" alt="sustainability-small-recyclable-green-white" width="20" height="20">'; 16643 // if (value == 5) sustainable_text += '<img class="sustainable-item" data-content="<p>Recyclable Packaging</p>" src="https://www.archify.com/assets/img/svg/sustainability-small-packaging-green-white.svg" alt="sustainability-small-packaging-green-white" width="20" height="20">'; 16644 // if (value == 6) sustainable_text += '<img class="sustainable-item" data-content="<p>Sustainable Manufacturing Process</p>" src="https://www.archify.com/assets/img/svg/sustainability-small-manufacturing-green-white.svg" alt="sustainability-small-manufacturing-green-white" width="20" height="20">'; 16645 // }); 16646 // } 16647 16648 if (item.drawing_files.length > 0) { 16649 var drawing_fx = item.drawing_files.split(","); 16650 var drawing_fx1 = drawing_fx.join(", ").toUpperCase(); 16651 var drawing_fx2 = drawing_fx.join(" | ").toUpperCase(); 16652 drawing_files_text = `
16653 <div class="drawing-files-item-wrapper" data-content="<p>Drawing Files: ` + drawing_fx1 + `</p>"> 16654 <img class="drawing-files-logo" src="https://www.archify.com/assets/img/svg/02-icon-02-features-drawing-files.svg" alt="features drawing files" data-content="" width="12" height="12"> 16655 ` + drawing_fx2 + ` 16656 </div> 16657 `; 16658 } 16659 16660 var productItemOpacity = "1"; 16661 if (page == 1) { 16662 productItemOpacity = "0"; 16663 } 16664 16665 // Nbs Nordic 16666 let icon_nbs_nordic = ''; 16667 if (item.from_nbs_nordic == '1') 16668 icon_nbs_nordic = '<img class="verified" src="https://www.archify.com/assets/img/svg/icon-nbs-nordic.svg" alt="icon country flag" width="20" height="20">'; 16669 16670 const masterCountry = [{"id":"1","countries_filter_region_id":"1","name":"Australia","country_code":"au","flag_source":"au","is_deleted":null},{"id":"2","countries_filter_region_id":"1","name":"New Zealand","country_code":"nz","flag_source":"nz","is_deleted":null}]; 16671 const list_country = item?.enabled_countries_filter_id?.split(','); 16672 let icon_flag = ''; 16673 list_country?.forEach((brandCountry) => icon_flag += `<span style="margin-left:4px;"> 16674 <img src="https://www.archify.com/assets//img/flags/icon-flag-${masterCountry?.find((msCountry) => brandCountry == msCountry?.id)?.flag_source}.svg" alt="icon country flag" width="13" height="13"> 16675 </span>`); 16676 16677 $(".brand-container #page-" + page + "").append(` 16678 <div class="product-item" style="opacity: ${productItemOpacity};"> 16679 <div class="image-area"> 16680 <a href="https://www.archify.com/../au/product/${item.brand_slug}/product/${item.product_id}" target="_blank"><img src="https://image-apac.archify.com/catalog/product/s/${item.product_image}" alt="${item.product_name}" style="object-fit: ${objectFitImage};"></a> 16681 <div class="design-hov-mob mobile-lib-button-${item.product_id}" data-idproduct="${item.product_id}" data-already-in-library="false" data-id-image="${item.product_image}" data-name="${item.product_name}" data-brand="${item.brand_name}" data-brand-id="${item.supplier_id}"> 16682 <img src="https://www.archify.com/assets/img/svg/mobdotted.svg" alt="dotted icon"/> 16683 </div> 16684 <div class="nbs-nordic-icon"> 16685 ${icon_nbs_nordic} 16686 </div> 16687 <div class="cta-product-button-wrapper"> 16688 <div class="cta-product-button" style="cursor: pointer;position: absolute; width: 17px; height: 17px; top: 10px; right: 30px;"> 16689 <div class="library-hov-on cum-on-${item.product_id}"> 16690 <img 16691 data-tableid="942" 16692 data-actionid="18" 16693 data-recordid="${item.product_id}" 16694 data-recordname="${sanitizeInput(item.product_name)}" 16695 data-companyid="${item.supplier_id}" 16696 class="piwik_ignore docu-stats-even icon-star-on img-mylibrary-on-${item.product_id}" onclick="delete_mylibrary(${item.product_id})" src="https://www.archify.com/assets/img/svg/icon-bookmark-white.svg" alt="" style="width: 17px; height: 17px; border-radius: 0px;display:none"/> 16697 <div class="tooltip-mylibrary-on">Remove from My Library</div> 16698 </div> 16699 <div class="library-hov-off cum-off-${item.product_id}"> 16700 <img 16701 data-tableid="942" 16702 data-actionid="18" 16703 data-recordid="${item.product_id}" 16704 data-recordname="${sanitizeInput(item.product_name)}" 16705 data-companyid="${item.supplier_id}" 16706 class="piwik_ignore docu-stats-even icon-star-off img-mylibrary-off-${item.product_id}" onclick="save_mylibrary(${item.product_id})" src="https://www.archify.com/assets/img/svg/icon-bookmark-black.svg" alt="" style="width: 17px; height: 17px;border-radius: 0px;display:block"/> 16707 <div class="tooltip-mylibrary-off">Add to My Library</div> 16708 </div> 16709 </div> 16710 <div class="design-hov-on"> 16711 <div class="cta-product-button" onclick="new_add_inspiration(${item.product_id}, '${item.product_image}')" style="cursor: pointer;position: absolute; width: 17px; height: 17px; top: 10px; right: 10px;"> 16712 <img 16713 data-tableid="942" 16714 data-actionid="18" 16715 data-recordid="${item.product_id}" 16716 data-recordname="${sanitizeInput(item.product_name)}" 16717 data-companyid="${item.supplier_id}" 16718 class="piwik_ignore docu-stats-even" 16719 src="https://www.archify.com/assets/img/svg/icon-folder-black.svg" alt="" style="width: 17px; height: 17px; border-radius: 0px;"/> 16720 </div> 16721 <div class="tooltip-design-folder">Add to Design Folder</div> 16722 </div> 16723 <div class="design-hov-com"> 16724 <div class="cta-product-button" onclick="new_comparation('${escape(item.product_id)}', '${escape(item.product_image)}', '${escape(item.product_name)}', '${escape(item.brand_name)}')" style="cursor: pointer;position: absolute; width: 17px; height: 17px; top: 10px; right: 50px;"> 16725 <img src="https://www.archify.com/assets/img/svg/compare-white-black2.svg" alt="" style="width: 17px; height: 17px; border-radius: 0px;"> 16726 </div> 16727 <div class="tooltip-design-com">Compare Products</div> 16728 </div> 16729 </div> 16730 <!-- sustainable & drawing files here --> 16731 <div class="sustainable-drawing-files-wrapper"> 16732 <!--<div class="nbs-box" style="display:none;"> 16733 <img class="nbs" src="https://www.archify.com/assets/img/svg/icon-nbs-white-small.svg" alt="nbs logo" width="14" height="14"> 16734 </div>--> 16735 ${epd_certificate_logo} 16736 ${epd_logo} 16737 ${enhanced_logo} 16738 ${sustainable_text} 16739 ${drawing_files_text} 16740 </div> 16741 <!-- end sustainable & drawing files here --> 16742 </div> 16743 <div class="clearfix"> 16744 </div> 16745 <div class="caption on"> 16746 <h6 style="${textTransformCss}"><a class="black" href="https://www.archify.com/../au/product/${item.brand_slug}/product/${item.product_id}" target="_blank">${item.product_name}</a></h6> 16747 <p class="ss semi-bold"><a class="grey" href="https://www.archify.com/../au/product/${item.brand_slug}">${item.brand_name}</a></h6> 16748 <div class="icon-origin-flags-section" style="${!isFlagShowChecked && 'display : none;'}">${icon_flag}</div> 16749 </div> 16750 </div>`); 16751 16752 16753 initPopover(); 16754 loopDelay += 100; 16755 check_save_mylibrary(item.product_id); 16756 16757 $(".design-hov-mob").unbind("click"); 16758 $(".design-hov-mob").click(function() { 16759 var idproduct = $(this).attr('data-idproduct'); 16760 var idimage = $(this).attr('data-id-image'); 16761 var idname = $(this).attr('data-name'); 16762 var idbrand = $(this).attr('data-brand'); 16763 var brand_id = $(this).attr('data-brand-id'); 16764 var alreadyInLibrary = $(this).attr('data-already-in-mylibrary'); 16765 $("#asr-option .body-mob").html(''); 16766 if (alreadyInLibrary == "true") { 16767 $("#asr-option .body-mob").append(` 16768 <div class="space-up-asr remove-mob-mylibrary-"> 16769 <div 16770 data-tableid="942" 16771 data-actionid="18" 16772 data-recordid="${idproduct}" 16773 data-recordname="${sanitizeInput(idname)}" 16774 data-companyid="${brand_id}" 16775 class="piwik_ignore docu-stats-even flex-up-asr remove-my-library-mobile-button" > 16776 <img src="https://www.archify.com/assets/img/svg/icon-bookmark-black.svg" > 16777 Remove from My Library 16778 </div> 16779 </div> 16780 <div class="space-up-asr"> 16781 <div 16782 data-tableid="942" 16783 data-actionid="18" 16784 data-recordid="${idproduct}" 16785 data-recordname="${sanitizeInput(idname)}" 16786 data-companyid="${brand_id}" 16787 class="piwik_ignore docu-stats-even flex-up-asr add-design-folder-mobile-button"> 16788 <img src="https://www.archify.com/assets/img/svg/icon-folder-black.svg">Save to Design Folder 16789 </div> 16790 </div> 16791 <div class="space-up-asr"> 16792 <div class="flex-up-asr add-comparation"> 16793 <img src="https://www.archify.com/assets/img/svg/compare-white-black2.svg">Comparation 16794 </div> 16795 </div> 16796 `); 16797 } else { 16798 $("#asr-option .body-mob").append(` 16799 <div class="space-up-asr add-mob-mylibrary-"> 16800 <div 16801 data-tableid="942" 16802 data-actionid="18" 16803 data-recordid="${idproduct}" 16804 data-recordname="${sanitizeInput(idname)}" 16805 data-companyid="${brand_id}" 16806 class="piwik_ignore docu-stats-even flex-up-asr add-my-library-mobile-button"> 16807 <img src="https://www.archify.com/assets/img/svg/icon-bookmark-black.svg" >Add to My Library 16808 </div> 16809 </div> 16810 <div class="space-up-asr"> 16811 <div 16812 data-tableid="942" 16813 data-actionid="18" 16814 data-recordid="${idproduct}" 16815 data-recordname="${sanitizeInput(idname)}" 16816 data-companyid="${brand_id}" 16817 class="piwik_ignore docu-stats-even flex-up-asr add-design-folder-mobile-button"> 16818 <img src="https://www.archify.com/assets/img/svg/icon-folder-black.svg">Save to Design Folder 16819 </div> 16820 </div> 16821 <div class="space-up-asr"> 16822 <div class="flex-up-asr add-comparation"> 16823 <img src="https://www.archify.com/assets/img/svg/compare-white-black2.svg">Comparation 16824 </div> 16825 </div> 16826 `); 16827 } 16828 16829 $("#asr-option .flex-up-asr.add-my-library-mobile-button").unbind("click"); 16830 $("#asr-option .flex-up-asr.add-my-library-mobile-button").click(function() { 16831 closeMobileAsrOption(); 16832 save_mylibrary('' + idproduct + ''); 16833 }); 16834 16835 $("#asr-option .flex-up-asr.remove-my-library-mobile-button").unbind("click"); 16836 $("#asr-option .flex-up-asr.remove-my-library-mobile-button").click(function() { 16837 closeMobileAsrOption(); 16838 delete_mylibrary('' + idproduct + ''); 16839 }); 16840 16841 $("#asr-option .flex-up-asr.add-design-folder-mobile-button").unbind("click"); 16842 $("#asr-option .flex-up-asr.add-design-folder-mobile-button").click(function() { 16843 closeMobileAsrOption(); 16844 new_add_inspiration('' + idproduct + '', '' + idimage + ''); 16845 }); 16846 16847 $(".add-comparation").unbind("click"); 16848 $(".add-comparation").click(function() { 16849 closeMobileAsrOption(); 16850 if ($(".bottom-com").hasClass("sized")) { 16851 $(".bottom-com").removeClass("sized"); 16852 $(".hide-bottomcom").children('.fa').toggleClass('fa-chevron-down fa-chevron-up'); 16853 }; 16854 new_comparation(`${idproduct}`, `${idimage}`, `${idname}`, `${idbrand}`); 16855 }); 16856
16857 $('.popup-shade-mobile-asr').fadeIn(); 16858 $("#asr-option").toggleClass("show-mobile"); 16859 16860 }); 16861 16862 totalItems += 1; 16863 16864 if (totalItems == jsonx.length) { 16865 if (end) { 16866 $(".button-load-more-area .load-more-button").css("display", "none"); 16867 16868 if (page == 1) { 16869 $("#page-1").hide(); 16870 $(".button-load-more-area .skeleton-wrapper").fadeOut(function() { 16871 $("#page-1").show(); 16872 $("#page-1 .product-item").css("transition", "opacity 1s easeIn"); 16873 $("#page-1 .product-item").css("opacity", "1"); 16874 }); 16875 } else { 16876 $(".button-load-more-area .skeleton-wrapper").css("display", "none"); 16877 } 16878 } else { 16879 if (loaded_data > 1 && totalDataLoaded < totalListBrandData) { 16880 $(".button-load-more-area .load-more-button").css("display", "none"); 16881 } else { 16882 $(".button-load-more-area .load-more-button").css("display", "block"); 16883 } 16884 if (page == 1) { 16885 $("#page-1").hide(); 16886 $(".button-load-more-area .skeleton-wrapper").fadeOut(function() { 16887 $("#page-1").show(); 16888 $("#page-1 .product-item").css("transition", "opacity 1s easeIn"); 16889 $("#page-1 .product-item").css("opacity", "1"); 16890 }); 16891 } else { 16892 $(".button-load-more-area .skeleton-wrapper").css("display", "none"); 16893 } 16894 } 16895 16896 16897 getVisible(); 16898 // if ($('.button-load-more-area').is(':appeared')) { 16899 // setTimeout(function(){ 16900 // //do something special 16901 // $(".load-more-button").click(); 16902 // }, 100); 16903 // } 16904 16905 $("#paginationBox #pagination .page-link.temporary").remove(); 16906 $("#paginationBox #pagination .page-link.current").removeClass("current"); 16907 $('#paginationBox #pagination').append('\ 16908 <li class="page-item"><a href="#page-' + page + '" class="page-link current"><h6>' + page + '</h6></a></li>\ 16909 <li class="page-item"><a href="#" class="page-link temporary" style="cursor: pointer; opacity: 0.3;"><h6>Next</h6></a></li>\ 16910 '); 16911 16912 $("#paginationBox #pagination .page-link.temporary h6").unbind("click"); 16913 $("#paginationBox #pagination .page-link.temporary h6").click(function(e) { 16914 e.preventDefault(); 16915 $(".load-more-button").click(); 16916 // console.log("1"); 16917 }); 16918 16919 if (page == 1) { 16920 $("#paginationBox").css("display", "none"); 16921 } else { 16922 // $("#paginationBox").css("display", "block"); 16923 } 16924 16925 if (end) { 16926 $("#paginationBox #pagination .page-link.temporary").css("display", "none"); 16927 } 16928 16929 16930 $('#paginationBox #pagination a[href^="#"]').unbind("click"); 16931 $('#paginationBox #pagination a[href^="#"]').on('click', function(e) { 16932 e.preventDefault(); 16933 $(document).off("scroll", onScroll); 16934 $('#paginationBox #pagination a').each(function() { 16935 $(this).removeClass('active'); 16936 }) 16937 $(this).addClass('active'); 16938 var target = this.hash, 16939 menu = target; 16940 $target = $(target); 16941 currenthashval = target; 16942 var topOffset = 170; 16943 if (target == "#page-1") { 16944 topOffset = 300; 16945 } 16946 if (target != "") { 16947 $('html, body').animate({ 16948 scrollTop: $target.offset().top - topOffset 16949 }, 200, 'swing', function() { 16950 // window.location.hash = target; 16951 $(document).on("scroll", onScroll); 16952 }); 16953 } 16954 }); 16955 16956 page = page + 1; 16957 16958 getVisible(); 16959 16960 loadmore_products_in_progress = false;
16961 16962 } 16963 }); 16964 16965 // set drawing file counter 16966 const dataTemp = JSON.parse(data); 16967 const bimFileCounterList = dataTemp?.total_bim_objects; 16968 const cadFileCounterList = dataTemp?.total_cad_files; 16969 const otherFileCounterList = dataTemp?.total_other_files; 16970 16971 // loop and apply data counting 16972 // Bim File 16973 Object.entries(bimFileCounterList).forEach(([key, value]) => { 16974 $(`.bim-file-count-text-${key}`).html(`(${value ? Number(value)?.toLocaleString("en-US") : 0})`); 16975 }); 16976 16977 // Cad File 16978 Object.entries(cadFileCounterList).forEach(([key, value]) => { 16979 $(`.cad-file-count-text-${key}`).html(`(${value ? Number(value)?.toLocaleString("en-US") : 0})`); 16980 }); 16981 16982 // Other File 16983 Object.entries(otherFileCounterList).forEach(([key, value]) => { 16984 $(`.other-file-count-text-${key}`).html(`(${value ? Number(value)?.toLocaleString("en-US") : 0})`); 16985 }); 16986 16987 }).fail(function() { 16988 loadmore_products_in_progress = false; 16989 // $(".loading-css-animation").hide(); 16990 // $(".top-title span.count").show(); 16991 // $(".top-title span.text").show(); 16992 }); 16993 } else { 16994 getVisible(); 16995 let scrollPosition = $(document).scrollTop(); 16996 $(window).scrollTop(scrollPosition); 16997 $(".button-load-more-area .skeleton-wrapper").css("display", "none"); 16998 $(".brand-container").append('<h5>please choose country on the Filter by country</h5>'); 16999 remake_count_product(0); 17000 $(".loading-css-animation").hide(); 17001 $(".top-title span.count").show(); 17002 loadmore_products_in_progress = false; 17003 } 17004 17005 17006 }, 500); 17007 17008 17009 }); 17010 17011 17012 function abcd() { 17013 $(".brand-container").html(""); 17014 page = 1; 17015 reloadDataProducts = true; 17016 $(".load-more-button").click(); 17017 // console.log("2"); 17018 } 17019 17020 function racikan_filter(datax) { 17021 //console.log("goal"); 17022 //console.log(datax); 17023 // alert("dads"); 17024 abcd(); 17025 } 17026 17027 //smoothscroll 17028 var currenthashval = ""; 17029 17030 function onScroll(event) { 17031 var scrollPos = $(document).scrollTop(); 17032 ////console.log(scrollPos); 17033 $('#paginationBox #pagination a:not(.temporary)').each(function() { 17034 var currLink = $(this); 17035 var refElement = $(currLink.attr("href")); 17036 var offset = 150; 17037 if (refElement.position().top <= (scrollPos + offset) && refElement.position().top + refElement.height() > (scrollPos + offset)) { 17038 // alert(currLink.attr("href")); 17039 // var hashval = currLink.attr("href"); 17040 // if (currenthashval != hashval) { 17041 // currenthashval = hashval; 17042 // history.pushState({}, '', currenthashval); 17043 // } 17044 } 17045 }); 17046 } 17047 /* $(document).on("scroll", onScroll); 17048 //detect back button from browser 17049 if (window.history && window.history.pushState) { 17050 17051 $(window).on('popstate', function() { 17052 if (window.location.hash) { 17053 $(document).off("scroll", onScroll); 17054 $target = $(window.location.hash); 17055 currenthashval = window.location.hash; 17056 var topOffset = 150; 17057 $('html, body').animate({ 17058 scrollTop: $target.offset().top - topOffset 17059 }, 1000, 'swing', function() { 17060 // window.location.hash = target; 17061 $(document).on("scroll", onScroll); 17062 }); 17063 } 17064 }); 17065 } */ 17066</script>
17066 17067 17068<!--
17068<script src="https://www.archify.com/assets/product/third-party/jquery.appear/jquery.appear.js" type="text/javascript"></script>
17068 -->
17069<script> 17070 // $('.button-load-more-area').appear(); // It supports optional hash with "force_process" and "interval" keys. Check source code for details. 17071 // $('.button-load-more-area').on('appear', function(event, $all_appeared_elements) { 17072 // // this element is now inside browser viewport 17073 // setTimeout(function(){ 17074 // //do something special 17075 // $(".load-more-button").click(); 17076 // }, 100); 17077 // }); 17078 // if ($('.button-load-more-area').is(':appeared')) { 17079 // setTimeout(function(){ 17080 // //do something special 17081 // $(".load-more-button").click(); 17082 // }, 100); 17083 // } 17084</script>
vendor: 1 bytes, line 17084
17084
17085<script> 17086 let materialOriginTimeout; 17087 const checkMaterialOrigin = () => { 17088 // $(".check-country_mnf").unbind("click"); 17089 $(".select-material-origin").on("change", (e) => { 17090 $(".select-material-origin").val($(e.target).val()).trigger("change.select2"); 17091 materialOriginTimeout = setTimeout(() => { 17092 remake_url(1); 17093 }, 500); 17094 }); 17095 } 17096</script>
vendor: 1 bytes, line 17096
17096
17097<script> 17098 $(document).ready(function() { 17099 $(".sel-").click(); 17100 $(".cat-").click(); 17101 17102 $(".load-more-button").click(); 17103 // console.log("3"); 17104 17105 checkdrawingaction(); 17106 checkcountryaction(); 17107 checkMaterialOrigin(); 17108 }); 17109</script>
17109 17110
17111<script> 17112 $("#catalog-home-page.search-brand .main-content .left-area .left-filter .filter-collapse-title .hovered-content .category-content .column-wrapper table td .content ul li a").click(function(e) { 17113 // e.preventDefault(); 17114 }); 17115 17116 function search_from_sidebar(category_slug) { 17117 if (category_slug == undefined) { 17118 category_slug = "all-category"; 17119 } 17120 var section_select = $(".filter-collapse-title.find-by").attr("value"); 17121 var category_select = category_slug; 17122 var location_select = $(".filter-collapse-title.find-location").attr("value"); 17123 17124 var strings = "https://www.archify.com/../au/product/search/" + section_select + "/" + category_select + "/" + location_select; //+$("#searchBox").val(); 17125 window.location.href = strings; 17126 } 17127 17128 17129 function apply_from_sidebar() { 17130 var section_select = $(".filter-collapse-title.find-by").attr("value"); 17131 var category_select = "all-category"; 17132 var location_select = $(".filter-collapse-title.find-location").attr("value"); 17133 17134 var strings = "https://www.archify.com/../au/product/search/" + section_select + "/" + category_select + "/" + location_select; //+$("#searchBox").val(); 17135 window.location.href = strings; 17136 } 17137 17138 function search_p() { 17139 var section_select = $("#small_section").attr("value"); 17140 var category_select = $("#small_category").attr("value"); 17141 var location_select = $("#location_filter").attr("value"); 17142 17143 var strings = "https://www.archify.com/../au/product/search/" + section_select + "/" + category_select + "/" + location_select; //+$("#searchBox").val(); 17144 window.location.href = strings; 17145 } 17146 17147 function search_p_mobile() { 17148 var section_select = $(".selected").attr("value"); 17149 var category_select = $(".categorySelectBox").attr("value"); 17150 var location_select = $(".locationSelectBox").attr("value"); 17151 17152 var strings = "https://www.archify.com/../au/product/search/" + section_select + "/" + category_select + "/" + location_select; //+$("#searchBox").val(); 17153 window.location.href = strings; 17154 } 17155</script>
17155 17156 17157 17158<!-- Default Value For Search Dropdown -->
17159<script> 17160 $(document).ready(function() { 17161 // Find By 17162 $(".select-box-search-by").attr("value", "products"); 17163 $(".select-box-search-by").attr("name", "Products"); 17164 $(".select-box-search-by").html('\ 17165 Products <i class="fa fa-angle-down" aria-hidden="true"></i>\ 17166 '); 17167 17168 $("#head_category").html("All Categories"); 17169 $(".select-box-filter-by").attr("value", "all-category"); 17170 $(".select-box-filter-by").attr("name", "All Categories"); 17171 $(".select-box-filter-by").html('\ 17172 All Categories <i class="fa fa-angle-down" aria-hidden="true"></i>\ 17173 '); 17174 17175 }); 17176</script>
17176 17177
17178<script> 17179 var is_login = 0; 17180</script>
17180 17181 17182 17183<style> 17184 @media (max-width: 768px) { 17185 17186 .main-button { 17187 min-width: 93px !important; 17188 } 17189 17190 .col50 { 17191 width: 100%; 17192 float: none; 17193 } 17194 17195 .data-ipt { 17196 font-size: 12px; 17197 } 17198 17199 .title-rwj { 17200 font-size: 14px; 17201 } 17202 17203 .tabsgcc .menu-ly {} 17204 17205 .tab-content-gcc { 17206 padding: 10px; 17207 } 17208 17209 img.icon-acc { 17210 display: none; 17211 } 17212 17213 #newFooter { 17214 display: none; 17215 } 17216 17217 #catalog-home-page.search-brand { 17218 padding-bottom: 0px; 17219 margin-bottom: 0px; 17220 } 17221 } 17222 17223 .search-area .ps.ps--active-x>.ps__scrollbar-x-rail, 17224 .ps.ps--active-y>.ps__scrollbar-y-rail { 17225 display: block; 17226 background-color: #fff; 17227 border-left: 1px solid #e5e5e5 !important; 17228 opacity: 1; 17229 } 17230 17231 .search-area .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y { 17232 background-color: #e5e5e5; 17233 width: 5px !important; 17234 } 17235 17236 .search-area .ps>.ps__scrollbar-y-rail { 17237 display: block; 17238 background-color: #fff; 17239 border-left: 1px solid #e5e5e5 !important; 17240 opacity: 1; 17241 height: 310px !important; 17242 width: 10px; 17243 } 17244 17245 .search-area .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y { 17246 min-height: 50px; 17247 } 17248 17249 /* 17250.left-area .ps.ps--active-x>.ps__scrollbar-x-rail, .ps.ps--active-y>.ps__scrollbar-y-rail{ 17251 display: block; 17252 background-color: #fff; 17253 opacity: 1; 17254} 17255.left-area .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y { 17256 background-color: #e5e5e5; 17257 width: 5px !important; 17258} 17259.left-area .ps>.ps__scrollbar-y-rail{ 17260 width: 10px; 17261} 17262.left-area .ps>.ps__scrollbar-y-rail{ 17263 display: block; 17264 background-color: #fff; 17265 border-left: 1px solid #e5e5e5 !important; 17266 opacity: 1; 17267 height: 300px !important; 17268 width: 10px; 17269} 17270.left-area .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y { 17271 min-height: 50px; 17272} 17273.left-filter .ps.ps--active-x>.ps__scrollbar-x-rail, .ps.ps--active-y>.ps__scrollbar-y-rail{ 17274 display: block; 17275 background-color: #fff; 17276 opacity: 1; 17277} 17278.left-filter .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y { 17279 background-color: #e5e5e5; 17280 width: 5px !important; 17281} 17282.left-filter .ps>.ps__scrollbar-y-rail{ 17283 width: 10px; 17284} 17285.left-filter .ps>.ps__scrollbar-y-rail{ 17286 display: block; 17287 background-color: #fff; 17288 border-left: 1px solid #e5e5e5 !important; 17289 opacity: 1; 17290 height: 300px !important; 17291 width: 10px; 17292} 17293.left-filter .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y { 17294 min-height: 50px; 17295} */ 17296 .left-filter #brandList>div.ps__scrollbar-y-rail { 17297 height: 400px !important; 17298 border: 0px !important; 17299 } 17300 17301 .left-filter #brandList>div.ps__scrollbar-y-rail>div { 17302 /* height:auto !important; */ 17303 min-height: 0px; 17304 } 17305 17306 17307 #brandList::-webkit-scrollbar {
17308 width: 5px; 17309 } 17310 17311 /* Track */ 17312 #brandList::-webkit-scrollbar-track { 17313 background: #f1f1f1; 17314 } 17315 17316 /* Handle */ 17317 #brandList::-webkit-scrollbar-thumb { 17318 background: #888; 17319 } 17320 17321 /* Handle on hover */ 17322 #brandList::-webkit-scrollbar-thumb:hover { 17323 background: #555; 17324 } 17325</style>
17326<script> 17327 $(document).ready(function() { 17328 $('.search-area ul li ul.filter-by > li > ul > li').mouseenter(function() { 17329 var currentChild = $(this).find("> ul"); 17330 var currentHeight = currentChild.outerHeight(); 17331 if (currentHeight <= 312) { 17332 currentChild.find(".ps__scrollbar-y-rail").css("display", "none"); 17333 } else { 17334 currentChild.css("max-height", "313px"); 17335 } 17336 }); 17337 17338 $('.search-area ul li ul.filter-by > li > ul.short').find(".ps__scrollbar-y-rail").css("display", "none"); 17339 17340 $('.left-area .filter-collapse-title.hover').mouseenter(function() { 17341 $(".right-area .filter-collapse-title.click .category").removeClass("show"); 17342 $(".right-area .filter-collapse-title.click .category").css("display", "none"); 17343 }); 17344 }); 17345</script>
17345 17346 17347 17348<!-- Search Filter Brand -->
17349<script> 17350 function filterBrandSearch() { 17351 // Declare variables 17352 var input, filter, ul, li, a, i; 17353 input = document.getElementById('filterBrand'); 17354 filter = input.value.toUpperCase(); 17355 ul = document.getElementById("brandList"); 17356 li = ul.getElementsByTagName('li'); 17357 17358 // Loop through all list items, and hide those who don't match the search query 17359 for (i = 0; i < li.length; i++) { 17360 a = li[i].getElementsByTagName("h5")[0]; 17361 if (a.innerHTML.toUpperCase().indexOf(filter) > -1) { 17362 li[i].style.display = ""; 17363 } else { 17364 li[i].style.display = "none"; 17365 } 17366 } 17367 } 17368 17369 17370 17371 $("#brandList > li > div > span > h5").click(function() { 17372 $(this).parent().parent().find('input[type=checkbox]').prop("checked", !$(this).parent().parent().find('input[type=checkbox]').prop("checked")); 17373 }); 17374 $("#MobilebrandList > li > div > span > h5").click(function() { 17375 $(this).parent().parent().find('input[type=checkbox]').prop("checked", !$(this).parent().parent().find('input[type=checkbox]').prop("checked")); 17376 }); 17377</script>
17377 17378 17379
17380<script> 17381 (function(d, s, id) { 17382 var js, fjs = d.getElementsByTagName(s)[0]; 17383 if (d.getElementById(id)) return; 17384 js = d.createElement(s); 17385 js.id = id; 17386 js.src = "//connect.facebook.net/en_US/sdk.js"; 17387 fjs.parentNode.insertBefore(js, fjs); 17388 }(document, 'script', 'facebook-jssdk')); 17389 17390 window.fbAsyncInit = function() { 17391 FB.init({ 17392 appId: '1001626029887223', 17393 cookie: true, 17394 xfbml: false, 17395 version: 'v2.12' 17396 }); 17397 17398 FB.getLoginStatus(function(response) { 17399 statusChangeCallback(response); 17400 }); 17401 }; 17402 17403 17404 17405 // This is called with the results from from FB.getLoginStatus(). 17406 function statusChangeCallback(response) { 17407 // //console.log(response); 17408 // if (response.status === 'connected') { 17409 // // Logged into your app and Facebook. 17410 // // we need to hide FB login button 17411 // $('#fblogin').hide(); 17412 // //fetch data from facebook 17413 // getUserInfo(); 17414 // } else if (response.status === 'not_authorized') { 17415 // // The person is logged into Facebook, but not your app. 17416 // $('#status').html('Please log into this app.'); 17417 // } else { 17418 // // The person is not logged into Facebook, so we're not sure if 17419 // // they are logged into this app or not. 17420 // $('#status').html('Please log into facebook'); 17421 // } 17422 } 17423 17424 function checkLoginState() { 17425 FB.getLoginStatus(function(response) { 17426 statusChangeCallback(response); 17427 }); 17428 } 17429 17430 function FBLogin() { 17431 FB.login(function(response) { 17432 if (response.authResponse) { 17433 getUserInfo(); //Get User Information. 17434 } else { 17435 callNotification("Authorization failed"); 17436 // alert('Authorization failed.'); 17437 } 17438 }, { 17439 scope: 'email,public_profile' 17440 }); 17441 } 17442 17443 var getUserInfoAjax = ""; 17444 17445 function getUserInfo() { 17446 ////console.log(FB.getAuthResponse()['accessToken']); 17447 if (getUserInfoAjax) { 17448 getUserInfoAjax.abort(); 17449 } 17450 getUserInfoAjax = $.post("https://www.archify.com/login/fb_connect_web/", { 17451 'session': FB.getAuthResponse()['accessToken'] 17452 }, function(result) { 17453 if (result == "success") { 17454 navbar_reload(); 17455 $('#loginModal').modal('hide'); 17456 is_login = 1; 17457 } else { 17458 // alert("invalid login"); 17459 callNotification("Invalid Login"); 17460 } 17461 }) 17462 } 17463</script>
17463 17464
17465<script> 17466 // function login_email(){ 17467 // $.post('https://www.archify.com/login', $('#formLogin').serialize(), function(data) { 17468 // 17469 // if(data=="success"){ 17470 // 17471 // 17472 // $('#loginModal').modal('hide'); 17473 // navbar_reload(); 17474 // is_login=1; 17475 // } 17476 // 17477 // if(data=="invalid"){ 17478 // // alert("invalid email or password"); 17479 // // callNotification("Invalid email or password"); 17480 // callNotificationAlert('Your email or password is incorrect. please try again'); 17481 // } 17482 // 17483 // }); 17484 // } 17485</script>
17485 17486
17487<script> 17488 // function navbar_reload(){ 17489 // $.get( "https://www.archify.com/tools/navbar", function(data){ 17490 // $("#bluprin_navbar").html(data); 17491 // }); 17492 // } 17493</script>
17493 17494
17495<script> 17496 var brandListData; 17497 var isBrandListDataReady = false; 17498 var search_from_url = new URLSearchParams(window.location.search); 17499 search_from_url = search_from_url.get('search'); 17500 // $(".more-filter").hide(); 17501 17502 function apply_brand() { 17503 //alert("aas"); 17504 remake_url(2); 17505 $("body").removeClass("modal-open"); 17506 // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show"); 17507 $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile"); 17508 $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show"); 17509 // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width"); 17510 $("#toggleCategoryButton").removeClass("clicked"); 17511 $("#toggleCategoryButtonMobile").removeClass("clicked"); 17512 $("#bg-menu-mobile-transparent").fadeOut(); 17513 } 17514 17515 $(document).ready(function() { 17516 $(window).scrollTop(0); 17517 $(".sidebar").on('change', function() { 17518 remake_url(1); 17519 }); 17520 17521 if ($(window).width() > 992) { 17522 // $("#toggleCategoryButton").click(); 17523 } 17524 }); 17525 17526 17527 17528 function remake_url(typex, category_product, sort_by, xsidebarshow = true) { 17529 if (category_product == undefined) { 17530 category_product = ""; 17531 } 17532 if (sort_by == undefined) { 17533 sort_by = ""; 17534 } 17535 // console.log(typex); 17536 17537 let xsidebar = []; 17538 let xCountries = []; 17539 let xKeyword = ""; 17540 17541 if (typex == 1 || typex == 4 || typex == 'countries' || typex == 'keyword') { 17542 xsidebar = []; 17543 $(".form-check-input.sidebar_mobile").prop('checked', false); 17544 $("#MobilebrandList .sidebar_brand").removeClass('checked'); 17545 $("input.sidebar:checkbox:checked").each(function() { 17546 xsidebar.push($(this).val()); 17547 if ($(this).is(':checked')) { 17548 $("#" + $(this).val() + "-mobile").prop('checked', true); 17549 $("#" + $(this).val() + "-mobile").parent().find('.sidebar_brand').addClass('checked'); 17550 } 17551 }); 17552 $("input.check-mnf:checkbox:checked").each(function() { 17553 xsidebar.push($(this).val()); 17554 if ($(this).is(':checked')) { 17555 $("#" + $(this).val() + "-mobile").prop('checked', true); 17556 $("#" + $(this).val() + "-mobile").parent().find('.sidebar_brand').addClass('checked'); 17557 } 17558 }); 17559 // Countries Filter 17560 $("input.x-country-filter:checkbox:checked").each(function(idx, val) { 17561 if (!xCountries.find((x) => x == val.value)) { 17562 xCountries.push($(this).val()); 17563 } 17564 }); 17565 17566 // keyword 17567 xKeyword = $('.filter-keyword')?.val()?.trim() || ""; 17568 xKeyword = encodeURIComponent(xKeyword); 17569 search_from_url = xKeyword; 17570 } else if (typex == 2) { 17571 xsidebar = []; 17572 $("input.sidebar").prop('checked', false); 17573 $("input.sidebar").parent().find("span h5").removeClass("checked"); 17574 $("input.sidebar_mobile:checkbox:checked").each(function() { 17575 xsidebar.push($(this).val()); 17576 if ($(this).is(':checked')) { 17577 $("#" + $(this).val() + "").prop('checked', true); 17578 $("#" + $(this).val() + "").parent().find("span h5").addClass("checked"); 17579 } 17580 }); 17581 } else if (typex == 3) { 17582 window.location.replace(window.location); 17583 } 17584 17585 // add validation no x sidebar 17586 if (!xsidebarshow) { 17587 xsidebar = []; 17588 } 17589 17590 if (typex == 1 || typex == 2 || typex == 4 || typex == 5 || typex == 6 || typex == 'countries' || typex == 'keyword') { 17591 $(".load-more-button").css("display", "none"); 17592 17593 var category_slug = "" 17594 var segments = window.location.pathname.split('/'); 17595 17596 var category_from_url = segments[3]; 17597 //var city_from_url = segments[6]; 17598 17599 if (category_from_url !== undefined) { 17600 category_slug = decodeURIComponent(category_from_url); 17601 } else { 17602 category_slug = "all-category"; 17603 } 17604 if (category_from_url == "") { 17605 category_slug = "all-category"; 17606 } 17607 17608 var sort_from_url = segments[5]; 17609 if (sort_from_url !== undefined) { 17610 sort_from_url = decodeURIComponent(sort_from_url); 17611 } else { 17612 sort_from_url = ""; 17613 } 17614 if (sort_from_url == "") { 17615 sort_from_url = ""; 17616 } 17617 17618 if (category_product != "") { 17619 category_slug = category_product; 17620 } 17621 17622 17623 if (sort_by !== undefined) { 17624 sort_by = sort_by; 17625 } else { 17626 sort_by = sort_from_url; 17627 } 17628 if (sort_by == "") { 17629 sort_by = sort_from_url; 17630 } 17631 if (sort_by == "default") { 17632 sort_by = ""; 17633 } 17634 17635 var strings = "https://www.archify.com/au/products/" + category_slug; 17636 17637 // remove duplicate 17638 xsidebar = xsidebar.reduce(((temp = [], val) => { 17639 if ( 17640 !temp.find(x => { 17641 return x === val; 17642 }) 17643 ) { 17644 temp.push(val); 17645 } 17646 return temp; 17647 }), []); 17648 17649 if (xsidebar.length == 0) { 17650 17651 if (sort_by != "") {
17652 strings += "/all/" + sort_by; 17653 } 17654 17655 } else { 17656 if (xsidebar.length > 0) strings += "/" + xsidebar.join("--"); 17657 else strings += "/all"; 17658 17659 strings += "/" + sort_by; 17660 17661 } 17662 17663 const searchParams = new URLSearchParams(); 17664 17665 if (is_sustainable > 0) { 17666 searchParams.set("sustainable", "all"); 17667 } 17668 17669 if (search_from_url != null) { 17670 search_from_url = decodeURIComponent(search_from_url); 17671 } else { 17672 search_from_url = ""; 17673 } 17674 if (search_from_url == "") { 17675 search_from_url = ""; 17676 } 17677 17678 if (search_from_url) { 17679 searchParams.set("search", search_from_url); 17680 } 17681 17682 if (xCountries?.length > 0) { 17683 searchParams.set("countries", xCountries.join("-")); 17684 } 17685 17686 // handle GGT Filter 17687 17688 if ($(`.checkbox-ggt-epd-certificate`).is(":checked")) { 17689 searchParams.set("isGlobalGreenTagCertificate", 1); 17690 } 17691 if ($(`.checkbox-ggt-epd`).is(":checked")) { 17692 searchParams.set("isGlobalGreenTagEpd", 1); 17693 } 17694 17695 history.pushState({}, '', `${strings}${searchParams.toString() ? `?${searchParams.toString()}` : ""}`); 17696 if (typex == 'countries') { 17697 remake_brand_list(category_from_url); 17698 } 17699 addTagsFilter3Reload(); 17700 17701 reloadDataProducts = true; 17702 17703 17704 $(".load-more-button").click(); 17705 // console.log("4"); 17706 17707 setTimeout(function() { 17708 scrollCategoryList.recalculate(); 17709 }, 500); 17710 } 17711 17712 } 17713 17714 // deden 17715 function remake_breadcrumbs(category_slug, category_name, category_title, level3) { 17716 if (category_slug == undefined) { 17717 category_slug = "all-category"; 17718 } 17719 if (category_name == undefined) { 17720 category_name = "All Categories"; 17721 } 17722 if (category_title == undefined) { 17723 category_title = "All Categories"; 17724 } 17725 if (level3 == undefined) { 17726 level3 = ""; 17727 } 17728 $(".breadcrumbs").html(''); 17729 17730 if (category_slug != "all-category") { 17731 if (category_name == "" && level3 == "") { 17732 $(".breadcrumbs").append('\ 17733 <p><a href="#" value="all-category" class="bread_lv1" name="All Categories">All Categories</a></p>\ 17734 '); 17735 } else { 17736 $(".breadcrumbs").append('\ 17737 <p><a class="bread_lv1" href="#" value="all-category" name="All Categories">All Categories</a> / <a class="bread_lv2" href="#" value="' + category_slug + '" name="' + category_name + '">' + category_name + '</a> / <a class="bread_lv3" href="#" value="' + category_slug + '">' + level3 + '</a></p>\ 17738 '); 17739 } 17740 } 17741 17742 17743 $(".top-title span.text").html(''); 17744 $(".top-title span.text").append('\ 17745 ' + category_title + '\ 17746 '); 17747 17748 //mobile sidebar 17749 $(".breadcrumbs a.bread_lv1").unbind("click"); 17750 $(".product_categories_mob").click(function(e) { 17751 e.preventDefault(); 17752 17753 $(".form-check-input.sidebar").prop("checked", false); 17754 $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked"); 17755 $(".filter-tags").remove(); 17756 17757 $("#new-sidebar-product-subcategory").removeClass("show"); 17758 $("#new-sidebar-product-subsubcategory").removeClass("show"); 17759 17760 $(link_select_category).removeClass("selected"); 17761 $(this).addClass("selected"); 17762 17763 remake_url(1, $(this).attr("value")); 17764 // remake_breadcrumbs($(this).attr("value"), "", $(this).attr("name")); 17765 $('.item-category-l1').remove(); 17766 $('.item-category-l2').remove(); 17767 $('.item-category-l3').remove(); 17768 $('.breadcrumb-nav > span').append('\ 17769 <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 17770 /\ 17771 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 17772 <meta itemprop="position" content="3">\ 17773 </span>\ 17774 '); 17775 $(".top-title span.text").html(''); 17776 $(".top-title span.text").append('\ 17777 ' + $(this).attr("name") + '\ 17778 '); 17779 17780 // console.log("remake9"); 17781 remake_brand_list($(this).attr("value")); 17782 17783 // Remake Category Select Sidebar 17784 $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul li a").removeClass("selected"); 17785 $(".icon-accordion-plus").removeClass("hide").addClass("show"); 17786 $(".icon-accordion-minus").removeClass("show").addClass("hide"); 17787 $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse").removeClass("show"); 17788 17789 var this_value = $(this).attr("value"); 17790 /* $("#catalog-home-page.search-brand #new-sidebar-product-category-mob .product-category-item .panel-collapse .panel-body ul").each(function() { 17791 if (this_value == $(this).attr("value")) { 17792 $(this).parent().parent().addClass("show"); 17793 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("show").addClass("hide"); 17794 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("hide").addClass("show"); 17795 $(this).find("li:first-child a").addClass("selected"); 17796 } 17797 }); */ 17798 }); 17799 17800 var link_select_category = ".ullevel1 li a"; 17801 $(".breadcrumbs a.bread_lv1").unbind("click"); 17802 $(".breadcrumbs a.bread_lv1").click(function(e) { 17803 17804 filter_datax.filtered = []; 17805 e.preventDefault(); 17806 17807 $(".form-check-input.sidebar").prop("checked", false); 17808 $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked"); 17809 $(".filter-tags").remove(); 17810 17811 $("#new-sidebar-product-subcategory").removeClass("show"); 17812 $("#new-sidebar-product-subsubcategory").removeClass("show"); 17813 17814 $(link_select_category).removeClass("selected"); 17815 $(this).addClass("selected"); 17816 17817 remake_url(1, $(this).attr("value")); 17818 // remake_breadcrumbs($(this).attr("value"), "", $(this).attr("name")); 17819 $('.item-category-l1').remove(); 17820 $('.item-category-l2').remove(); 17821 $('.item-category-l3').remove(); 17822 $('.breadcrumb-nav > span').append('\
17823 <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 17824 /\ 17825 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 17826 <meta itemprop="position" content="3">\ 17827 </span>\ 17828 '); 17829 $(".top-title span.text").html(''); 17830 $(".top-title span.text").append('\ 17831 ' + $(this).attr("name") + '\ 17832 '); 17833 17834 // console.log("remake10"); 17835 remake_brand_list($(this).attr("value")); 17836 17837 // Remake Category Select Sidebar 17838 $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul li a").removeClass("selected"); 17839 $(".icon-accordion-plus").removeClass("hide").addClass("show"); 17840 $(".icon-accordion-minus").removeClass("show").addClass("hide"); 17841 $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse").removeClass("show"); 17842 17843 var this_value = $(this).attr("value"); 17844 $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul").each(function() { 17845 if (this_value == $(this).attr("value")) { 17846 $(this).parent().parent().addClass("show"); 17847 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("show").addClass("hide"); 17848 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("hide").addClass("show"); 17849 $(this).find("li:first-child a").addClass("selected"); 17850 } 17851 }); 17852 }); 17853 17854 $(".breadcrumbs a.bread_lv1").unbind("click"); 17855 $(".breadcrumbs a.bread_lv2").click(function(e) { 17856 e.preventDefault(); 17857 17858 $(".form-check-input.sidebar").prop("checked", false); 17859 $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked"); 17860 $(".filter-tags").remove(); 17861 17862 remake_url(1, $(this).attr("value")); 17863 // remake_breadcrumbs($(this).attr("value"), "", $(this).attr("name")); 17864 $('.item-category-l1').remove(); 17865 $('.item-category-l2').remove(); 17866 $('.item-category-l3').remove(); 17867 $('.breadcrumb-nav > span').append('\ 17868 <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 17869 /\ 17870 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 17871 <meta itemprop="position" content="3">\ 17872 </span>\ 17873 '); 17874 $(".top-title span.text").html(''); 17875 $(".top-title span.text").append('\ 17876 ' + $(this).attr("name") + '\ 17877 '); 17878 17879 // console.log("remake11"); 17880 remake_brand_list($(this).attr("value")); 17881 17882 $("#new-sidebar-product-subsubcategory").removeClass("show"); 17883 // Remake Category Select Sidebar 17884 show_level2($(this).attr("value"), $(this).attr("name")); 17885 }); 17886 17887 $(".breadcrumbs a.bread_lv3").unbind("click"); 17888 $(".breadcrumbs a.bread_lv3").click(function(e) { 17889 e.preventDefault(); 17890 17891 $(".form-check-input.sidebar").prop("checked", false); 17892 $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked"); 17893 $(".filter-tags").remove(); 17894 17895 remake_url(1, $(this).attr("value")); 17896 // remake_breadcrumbs($(this).attr("value"), "", $(this).attr("name")); 17897 $('.item-category-l1').remove(); 17898 $('.item-category-l2').remove(); 17899 $('.item-category-l3').remove(); 17900 $('.breadcrumb-nav > span').append('\ 17901 <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 17902 /\ 17903 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 17904 <meta itemprop="position" content="3">\ 17905 </span>\ 17906 '); 17907 $(".top-title span.text").html(''); 17908 $(".top-title span.text").append('\ 17909 ' + $(this).attr("name") + '\ 17910 '); 17911 17912 // console.log("remake12"); 17913 remake_brand_list($(this).attr("value")); 17914 17915 $("#new-sidebar-product-subsubcategory").removeClass("show"); 17916 17917 var value_blv2 = $(".bread_lv2").attr("value"); 17918 var name_blv2 = $(".bread_lv2").attr("name"); 17919 // Remake Category Select Sidebar 17920 show_level2(value_blv2, name_blv2, $(this).attr("value")); 17921 }); 17922 17923 } 17924 17925 function show_level2(value, name, infochild) {
17926 if (infochild == undefined) { 17927 $("#id-sublevel2 .body-togg-asr").hide(); 17928 $("#id-sublevel2 .arrow-cio").html("<img src='https://www.archify.com/assets/img/svg/icon-accordion-plus.svg'>"); 17929 } 17930 var activetoogle = $(".infochild-" + infochild); 17931 activetoogle.children(".arrow-cio").html("<img src='https://www.archify.com/assets/img/svg/icon-accordion-minus.svg'>"); 17932 activetoogle.siblings(".body-togg-asr").show(); 17933 $(".level2-" + value).show(); 17934 $("#infolevel2").html(name); 17935 $("#infolevel2").attr("value", value); 17936 $("#new-sidebar-product-subcategory").addClass("show"); 17937 $("#new-sidebar-product-category").removeClass("show"); 17938 $(".onclick-subcategory li a").removeClass("selected"); 17939 $("#listlevel2-" + infochild).find("li a").each(function() { 17940 if ($(this).attr("value") == infochild) { 17941 $(this).addClass("selected"); 17942 } 17943 }); 17944 }; 17945 17946 let showLevel3Timeout; 17947 17948 function show_level3(value, name, breadcrumb_lv3) { 17949 if (showLevel3Timeout) { 17950 clearTimeout(showLevel3Timeout); 17951 } 17952 17953 showLevel3Timeout = setTimeout(() => { 17954 $("#infolevel3").html(name); 17955 $("#infolevel3slug").html(value); 17956 // console.log(value, name, breadcrumb_lv3); 17957 17958 if (getMenuFilterL3Ajax) { 17959 getMenuFilterL3Ajax.abort(); 17960 } 17961 getMenuFilterL3Ajax = $.ajax({ 17962 url: 'https://www.archify.com/au/gpost/products/menu_filter_l3/' + value, 17963 dataType: 'json', 17964 async: true, 17965 beforeSend: function() { 17966 17967 } 17968 }).done(function(datax) { 17969 // //console.log(datax); 17970 remake_filter_l3(datax, value); 17971 17972 $("#new-sidebar-product-subsubcategory").addClass("show"); 17973 // $("#new-sidebar-product-subsubcategory").attr('val', value); 17974 if (datax.length == 0) { 17975 $(".more-filter").hide(); 17976 } else { 17977 $(".more-filter").show(); 17978 } 17979 17980 $(".more-filter.secondary-button").show(); 17981 }); 17982 17983 // $("#new-sidebar-product-subsubcategory").addClass("show"); 17984 var text_lv2 = $('#infolevel2').text(); 17985 var slug_lv2 = $('#infolevel2').attr('value'); 17986 remake_breadcrumbs(slug_lv2, text_lv2, name, breadcrumb_lv3); 17987 }) 17988 }; 17989 17990 function show_level3_1child(value, name, breadcrumb_lv3) { 17991 $("#infolevel3").html(name); 17992 $("#infolevel3slug").html(value); 17993 // console.log(value, name, breadcrumb_lv3); 17994 17995 if (getMenuFilterL3Ajax) { 17996 getMenuFilterL3Ajax.abort(); 17997 } 17998 getMenuFilterL3Ajax = $.ajax({ 17999 url: 'https://www.archify.com/au/gpost/products/menu_filter_l3/' + value, 18000 dataType: 'json', 18001 async: true, 18002 beforeSend: function() { 18003 18004 } 18005 }).done(function(datax) { 18006 // //console.log(datax); 18007 // if(count_child == 1){ 18008 remake_filter_l3(datax, value); 18009 // } 18010 18011 $("#new-sidebar-product-subsubcategory").addClass("show"); 18012 // $("#new-sidebar-product-subsubcategory").attr('val', value); 18013 if (datax.length == 0) { 18014 $(".more-filter").hide(); 18015 } else { 18016 $(".more-filter").show(); 18017 } 18018 18019 $(".more-filter.secondary-button").show(); 18020 }); 18021 18022 // $("#new-sidebar-product-subsubcategory").addClass("show"); 18023 var text_lv2 = $('#infolevel2').text(); 18024 var slug_lv2 = $('#infolevel2').attr('value'); 18025 remake_breadcrumbs(slug_lv2, text_lv2, name, breadcrumb_lv3) 18026 }; 18027 18028 function numberWithCommas(number) { 18029 var parts = number.toString().split("."); 18030 parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ","); 18031 return parts.join("."); 18032 } 18033 18034 function removeCommas(str) { 18035 while (str.search(",") >= 0) { 18036 str = (str + "").replace(',', ''); 18037 } 18038 return str; 18039 }; 18040 18041 var count_child = 0; 18042 18043 function remake_filter_l3(data, value) { 18044 $("#remake_filter_l3").hide(); 18045 18046 $.ajax({ 18047 18048 url: 'https://www.archify.com/au/gpost/products/menu_products_solution_2/' + value, 18049 dataType: 'json', 18050 async: true, 18051 beforeSend: function() { 18052 18053 } 18054 }).done(function(data_df) { 18055 // console.log(data_df); 18056 18057 var d_html = "<ul class='list-spec onclick-solution ullevel3'>"; 18058 var clear_filter = 0; 18059 18060 $.each(data_df, function(i, item) { 18061 18062 var segments = window.location.pathname.split('/'); 18063 var lv3 = segments[3]; 18064 var selectedAll3 = ""; 18065 $("#seo_h1").html(item.seo_h1); 18066 if (lv3 === item.slug) { 18067 selectedAll3 = "selected"; 18068 } else { 18069 selectedAll3 = ""; 18070 } 18071 var hideAll3 = "display:none;"; 18072 if (item.child.length > 1) { 18073 hideAll3 = ""; 18074 } 18075 d_html += '<li><a href="' + item.slug + '" style="' + hideAll3 + '" class="listlevel3 ' + selectedAll3 + '" status="parent" value="' + item.slug + '" name="' + item.name + '" onclick="event.preventDefault()">All ' + item.name + '<a/></li>'; 18076 18077 var selected3 = ""; 18078 // console.log(lv3); 18079 $.each(item.child, function(ii, child) { 18080 count_child++; 18081 18082 // console.log(child.slug); 18083 if (lv3 === child.slug) { 18084 selected3 = "selected"; 18085 18086 $("#seo_h1").html(child.seo_h1); 18087 } else { 18088 selected3 = ""; 18089 } 18090 18091 18092 /* if (item.child.length == 1){ 18093 // console.log("cuma 1"); 18094 remake_url(1, child.slug); 18095 remake_brand_list(child.slug); 18096 d_html += '<li><a href="'+child.slug+'" class="listlevel3 selected" data-parent="'+item.slug+'" value="'+child.slug+'" name="'+child.name+'">'+child.name+'</a></li>'; 18097 var bread_show =""; 18098 if(count_child > 1){ 18099 bread_show = 'style="display:none;"'; 18100 } 18101 $('.breadcrumb-nav > span').append('\
18102 <span class="item-category-l3" '+bread_show+' itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 18103 /\ 18104 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + child.slug + '" href="https://www.archify.com/au/products/' + child.slug + '"><span itemprop="name">' + child.name + '</span></a>\ 18105 <meta itemprop="position" content="5">\ 18106 </span>\ 18107 '); 18108 $(".top-title span.text").html(''); 18109 $(".loading-css-animation").show(); 18110 $(".top-title span.count").hide(); 18111 $(".top-title span.text").append('\ 18112 ' + $(this).attr("seo_h1") + '\ 18113 '); 18114 if(count_child == 1){ 18115 18116 show_level3_1child(child.slug, child.name, child.slug); 18117 return false; 18118 } 18119 // if($("a.listlevel3").attr("status") !== "parent"){ 18120 // console.log('masuk'+item.slug); 18121 // $("a[value='"+child.slug+"']").trigger("click"); 18122 // } 18123 } else{ */ 18124 d_html += '<li><a href="' + child.slug + '" class="listlevel3 ' + selected3 + '" data-parent="' + item.slug + '" value="' + child.slug + '" name="' + child.name + '" onclick="event.preventDefault()">' + child.name + '</a></li>'; 18125 // } 18126 18127 }); 18128 18129 18130 }); 18131 d_html += '</ul>'; 18132 $("#id-sublevel3").html(d_html); 18133 18134 18135 18136 }); 18137 var f_html = ""; 18138 18139 if (data.length > 0) { 18140 $("#spec_fil").show(); 18141 f_html += '<span class="draw-filter">Spec Filters</span>'; 18142 // f_html += '<div class="info-back-filter fontchange submenu-mobile spec-updown spec-mob">Spec Filters</div>\ 18143 // <div class="arrow-cio arrow-mobile">\ 18144 // <img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">\ 18145 // </div>\ 18146 // </div>\ 18147 // <div class="body-togg-asr ul-mob">'; 18148 } 18149 var clear_filter = 0; 18150 $.each(data, function(i, item) { 18151 // if(item.shown == 1 && (item.detail.indexOf("Colour") === 1 || item.detail.indexOf("Material") === 1)){ 18152 // if(item.shown == 1 && (item.detail.find(o => o.name === 'Colour') || item.detail.find(o => o.name === 'Material'))){ 18153 18154 var item_title = item.title.replace(/ /g, '_').toLowerCase(); 18155 // var countVisible = $('.'+item_title+':not([style*="display: none"])').length; 18156 // var countVisible = $('#'+item.title.replace(/ /g,"_").toLowerCase()+':not([style*="display: none"])').length; 18157 var hide_name = ""; 18158 // console.log(item_title+countVisible); 18159 /* 18160 if(countVisible == 0){ 18161 hide_name ="display:none;"; 18162 // $("#remake_filter_l3 #"+item_title).hide(); 18163 } */ 18164 if (item.title == "Technical Specification" && item.shown == 0) { 18165 hide_name = "display:none;"; 18166 } 18167 var shown3 = 0; 18168 $.each(item.detail, function(ii, detail) { 18169 if (detail.shown == 1 || item.title == "Dimension") { 18170 shown3++; 18171 } 18172 }); 18173 if (shown3 == 0) { 18174 hide_name = "display:none;"; 18175 } 18176 f_html += '<div class="name-spec" style="' + hide_name + '" >' + item.title + '</div>'; 18177 f_html += '<div class="toggle-spec" style="' + hide_name + '">'; 18178 clear_filter++; 18179 // } 18180 18181 $.each(item.detail, function(ii, detail) { 18182 // //console.log(detail.type_selection); 18183 if (detail.type_selection == "2") { 18184 var datadefault_from = parseInt(detail.value_min); 18185 var dataimperial_from = parseInt(detail.ratio_metric_imperial); 18186 if (dataimperial_from > 0) { 18187 if (Number.isInteger(dataimperial_from)) { 18188 var hasil_from = (datadefault_from * dataimperial_from); 18189 } else { 18190 var hasil_from = (datadefault_from * dataimperial_from).toFixed(2); 18191 } 18192 } else { 18193 var hasil_from = datadefault_from; 18194 } 18195 18196 var datadefault_to = parseFloat(detail.value_max); 18197 var dataimperial_to = parseFloat(detail.ratio_metric_imperial); 18198 if (dataimperial_to > 0) { 18199 if (Number.isInteger(dataimperial_to)) { 18200 var hasil_to = (datadefault_to * dataimperial_to); 18201 } else { 18202 var hasil_to = (datadefault_to * dataimperial_to).toFixed(2); 18203 } 18204 } else { 18205 var hasil_to = datadefault_to; 18206 } 18207 // //console.log(detail.name); 18208 //comma number 18209 $('input').keyup(function(event) { 18210 // console.log("keyup"); 18211 // skip for arrow keys 18212 if (event.which >= 37 && event.which <= 40) return; 18213 18214 if ($.isNumeric($(this).val())) { 18215 // format number 18216 $(this).val(function(index, value) { 18217 return value.replace(/\D/g, "").replace(/\B(?=(\d{3})+(?!\d))/g, ","); 18218 }); 18219 } 18220 }); 18221 if (detail.name == "Colour" || detail.name == "Material" || detail.name == "Finish" || detail.name == "Type" || detail.name == "Application" || item.title == "Dimension") { 18222 18223 $("#remake_filter_l3").show(); 18224 f_html += '\ 18225 <div class="wrap-spec-toggle value-change id-toogle-' + detail.id + ' ' + item_title + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-parent-name="' + detail.name + '">\ 18226 <div class="spec-updown head-remake-l3">' + detail.name + '<div class="arrow-cio arrow-remake-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\ 18227 <div class="body-togg-asr body-remake-l3">\ 18228 <div class="range-slider">\ 18229 <p class="slider-label-left"><span class="js-data-metric">' + numberWithCommas(detail.value_min) + '</span><span class="js-data-imperial">' + hasil_from + '</span></p>\ 18230 <p class="slider-label-right"><span class="js-data-metric">' + numberWithCommas(detail.value_max) + '</span><span class="js-data-imperial">' + hasil_to + '</span><span class="unit-metric">' + detail.unit_metric + '</span><span class="unit-imperial">' + detail.unit_imperial + '</span></p>\ 18231 <input type="text" value="" class="js-range-slider" data-min="' + detail.value_min + '" data-max="' + detail.value_max + '" data-unit="' + detail.unit_metric + '"/>\ 18232 </div>\ 18233 <div class="extra-controls" data-typeselection="2" data-id="' + detail.id + '" data-ratioimperial="' + detail.ratio_metric_imperial + '">\
18234 <span>From</span>\ 18235 <input type="text" class="js-input-from form-control" max="' + detail.value_max + '" value="' + numberWithCommas(detail.value_min) + '" />\ 18236 <span style="margin-left:10px;">To</span>\ 18237 <input type="text" class="js-input-to form-control" max="' + detail.value_max + '" value="' + numberWithCommas(detail.value_max) + '" />\ 18238 <div class="clear"></div>\ 18239 </div>\ 18240 <div class="apply-btm">\ 18241 <button type="button" name="button" style="display:none;" class="main-button apply-slider" data-type_selection="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-name="' + detail.name + '" data-id="' + detail.id + '" data-max="' + detail.value_max + '" data-min="' + detail.value_min + '" style="width:100%;">Apply</button>\ 18242 </div>\ 18243 </div>\ 18244 <div class="wrap-spec-val">\ 18245 <div class="spec-value">' + detail.value_min + ' - ' + detail.value_max + '</div><div class="info-lab"><span class="unit-metric">' + detail.unit_metric + '</span><span class="unit-imperial">' + detail.unit_imperial + '</div>\ 18246 </div>\ 18247 </div>\ 18248 '; 18249 } else if (detail.name == "Warranty") { 18250 18251 $("#remake_filter_l3").show(); 18252 f_html += '\ 18253 <div class="wrap-spec-toggle value-change id-toogle-' + detail.id + ' ' + item_title + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-parent-name="' + detail.name + '">\ 18254 <div class="spec-updown head-remake-l3">' + detail.name + '<div class="arrow-cio arrow-remake-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\ 18255 <div class="body-togg-asr body-remake-l3">\ 18256 <div class="range-slider">\ 18257 <p class="slider-label-left"><span class="js-data-metric">' + numberWithCommas(detail.value_min) + '</span><span class="js-data-imperial">' + hasil_from + '</span></p>\ 18258 <p class="slider-label-right"><span class="js-data-metric">' + numberWithCommas(detail.value_max) + '</span><span class="js-data-imperial">' + hasil_to + '</span><span class="unit-metric">' + detail.unit_static + '</span><span class="unit-imperial">' + detail.unit_static + '</span></p>\ 18259 <input type="text" value="" class="js-range-slider" data-min="' + detail.value_min + '" data-max="' + detail.value_max + '" data-unit="' + detail.unit_static + '"/>\ 18260 </div>\ 18261 <div class="extra-controls" data-typeselection="2" data-id="' + detail.id + '" data-ratioimperial="' + detail.ratio_metric_imperial + '">\ 18262 <span>From</span>\ 18263 <input type="text" class="js-input-from form-control" max="' + detail.value_max + '" value="' + numberWithCommas(detail.value_min) + '" />\ 18264 <span style="margin-left:10px;">To</span>\ 18265 <input type="text" class="js-input-to form-control" max="' + detail.value_max + '" value="' + numberWithCommas(detail.value_max) + '" />\ 18266 <div class="clear"></div>\ 18267 </div>\ 18268 <div class="apply-btm">\ 18269 <button type="button" name="button" style="display:none;" class="main-button apply-slider" data-type_selection="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-name="' + detail.name + '" data-id="' + detail.id + '" data-max="' + detail.value_max + '" data-min="' + detail.value_min + '" style="width:100%;">Apply</button>\ 18270 </div>\ 18271 </div>\ 18272 <div class="wrap-spec-val">\ 18273 <div class="spec-value">' + detail.value_min + ' - ' + detail.value_max + '</div><div class="info-lab"><span class="unit-metric">' + detail.unit_static + '</span><span class="unit-imperial">' + detail.unit_static + '</div>\ 18274 </div>\ 18275 </div>\ 18276 '; 18277 } else { 18278 18279 f_html += '\ 18280 <div style="display:none;"class="wrap-spec-toggle value-change id-toogle-' + detail.id + ' ' + item_title + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-parent-name="' + detail.name + '">\ 18281 <div class="spec-updown head-remake-l3">' + detail.name + '<div class="arrow-cio arrow-remake-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\ 18282 <div class="body-togg-asr body-remake-l3">\ 18283 <div class="range-slider">\ 18284 <p class="slider-label-left"><span class="js-data-metric">' + numberWithCommas(detail.value_min) + '</span><span class="js-data-imperial">' + hasil_from + '</span></p>\ 18285 <p class="slider-label-right"><span class="js-data-metric">' + numberWithCommas(detail.value_max) + '</span><span class="js-data-imperial">' + hasil_to + '</span><span class="unit-metric">' + detail.unit_metric + '</span><span class="unit-imperial">' + detail.unit_imperial + '</span></p>\ 18286 <input type="text" value="" class="js-range-slider" data-min="' + detail.value_min + '" data-max="' + detail.value_max + '" data-unit="' + detail.unit_metric + '"/>\ 18287 </div>\ 18288 <div class="extra-controls" data-typeselection="2" data-id="' + detail.id + '" data-ratioimperial="' + detail.ratio_metric_imperial + '">\
18289 <span>From</span>\ 18290 <input type="text" class="js-input-from form-control" max="' + detail.value_max + '" value="' + numberWithCommas(detail.value_min) + '" />\ 18291 <span style="margin-left:10px;">To</span>\ 18292 <input type="text" class="js-input-to form-control" max="' + detail.value_max + '" value="' + numberWithCommas(detail.value_max) + '" />\ 18293 <div class="clear"></div>\ 18294 </div>\ 18295 <div class="apply-btm">\ 18296 <button type="button" name="button" style="display:none;" class="main-button apply-slider" data-type_selection="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-name="' + detail.name + '" data-id="' + detail.id + '" data-max="' + detail.value_max + '" data-min="' + detail.value_min + '" style="width:100%;">Apply</button>\ 18297 </div>\ 18298 </div>\ 18299 <div class="wrap-spec-val">\ 18300 <div class="spec-value">' + detail.value_min + ' - ' + detail.value_max + '</div><div class="info-lab"><span class="unit-metric">' + detail.unit_metric + '</span><span class="unit-imperial">' + detail.unit_imperial + '</div>\ 18301 </div>\ 18302 </div>\ 18303 '; 18304 18305 } 18306 18307 } else { 18308 //checkbox 18309 if (detail.name == "Colour" || detail.name == "Material" || detail.name == "Finish" || detail.name == "Type" || detail.name == "Warranty" || detail.name == "Application" || item.title == "Dimension") { 18310 $("#remake_filter_l3").show(); 18311 f_html += '\ 18312 <div class="wrap-spec-toggle id-toogle-' + detail.id + ' ' + item_title + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-parent-name="' + detail.name + '">\ 18313 <div class="spec-updown head-remake-l3">' + detail.name + '<div class="arrow-cio arrow-remake-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\ 18314 <div class="body-togg-asr body-remake-l3">\ 18315 '; 18316 18317 ////console.log(detail.checkbox); 18318 $.each(detail.checkbox, function(iii, checkbox) { 18319 f_html += '<label class="asr-checkbox">\ 18320 <span>' + checkbox + '</span>\ 18321 <input type="checkbox" class="checkfilter check-' + detail.id + '" data-value="' + checkbox + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-name="' + checkbox + '" data-parent-name="' + detail.name + '">\ 18322 <span class="asrlabel-checkbox"></span>\ 18323 </label>'; 18324 }); 18325 18326 f_html += '<p class="view-more-checkbox-spec showmore" onclick="show_other_left(this, \'' + detail.id + '\',\'' + detail.name + '\',\'' + detail.type_unit + '\',\'' + detail.type_selection + '\')" style="display: block;">View Others</p><p class="view-more-checkbox-spec noappend" onclick="show_other_left_no_append(this)" style="display: none;">View Others</p>\ 18327 <div class="other-left-view"></div>\ 18328 <p class="view-more-checkbox-spec showless" onclick="show_other_left_less(this)" style="display: none;">View Less</p>\ 18329 </div>\ 18330 <div class="ly-spec-value"></div>\ 18331 </div>'; 18332 show_other_button(detail.id); 18333 } else { 18334 18335 f_html += '\ 18336 <div style="display:none;" class="wrap-spec-toggle id-toogle-' + detail.id + ' ' + item_title + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-parent-name="' + detail.name + '">\ 18337 <div class="spec-updown head-remake-l3">' + detail.name + '<div class="arrow-cio arrow-remake-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\ 18338 <div class="body-togg-asr body-remake-l3">\ 18339 '; 18340 18341 ////console.log(detail.checkbox); 18342 $.each(detail.checkbox, function(iii, checkbox) { 18343 f_html += '<label class="asr-checkbox">\
18344 <span>' + checkbox + '</span>\ 18345 <input type="checkbox" class="checkfilter check-' + detail.id + '" data-value="' + checkbox + '" data-id="' + detail.id + '" data-type="' + detail.type_selection + '" data-unit="' + detail.type_unit + '" data-name="' + checkbox + '" data-parent-name="' + detail.name + '">\ 18346 <span class="asrlabel-checkbox"></span>\ 18347 </label>'; 18348 }); 18349 18350 f_html += '<p class="view-more-checkbox-spec showmore" onclick="show_other_left(this, \'' + detail.id + '\',\'' + detail.name + '\',\'' + detail.type_unit + '\',\'' + detail.type_selection + '\')" style="display: block;">View Others</p><p class="view-more-checkbox-spec noappend" onclick="show_other_left_no_append(this)" style="display: none;">View Others</p>\ 18351 <div class="other-left-view"></div>\ 18352 <p class="view-more-checkbox-spec showless" onclick="show_other_left_less(this)" style="display: none;">View Less</p>\ 18353 </div>\ 18354 <div class="ly-spec-value"></div>\ 18355 </div>'; 18356 show_other_button(detail.id); 18357 } 18358 } 18359 }); 18360 f_html += '<div class="other-toogle-list other-toogle-' + item.id + '"></div>'; 18361 f_html += '</div>'; 18362 }); 18363 18364 $("#remake_filter_l3").html(f_html); 18365 $("#remake_filter_l3_mobile").html(f_html); 18366 if (clear_filter == 0) { 18367 $(".clear-filter-sidebar").hide(); 18368 } else { 18369 $(".clear-filter-sidebar").show(); 18370 } 18371 18372 var popup_html = ""; 18373 18374 $(".loopgcc").html(""); 18375 $(".loop-frw").html(""); 18376 var htmlgcc = ""; 18377 var htmlfrw = ""; 18378 var no = 0; 18379 $.each(data, function(i, itempopup) { 18380 //console.log(itempopup); 18381 var classgccactive = ""; 18382 if (no == 0) { 18383 classgccactive = "current"; 18384 } 18385 htmlgcc += '<div class="menu-ly ' + classgccactive + '" data-tab="tab-' + no + '">\ 18386 <div class="ly-head">\ 18387 <div class="data-ipt">\ 18388 ' + itempopup.title + '\ 18389 </div>\ 18390 <img class="icon-acc" src="https://www.archify.com/assets/img/svg/02-icon-01-general-arrow-right-small.svg">\ 18391 </div>\ 18392 <div class="ly-subhead">\ 18393 </div>\ 18394 </div>'; 18395 18396 htmlfrw += '<div id="tab-' + no + '" class="tab-content-gcc ' + classgccactive + '">\ 18397 <div class="title-rwj">\ 18398 ' + itempopup.title + '\ 18399 </div>\ 18400 <div class="flex-col">'; 18401 $.each(itempopup.detail, function(ii, detail) { 18402 var checked = ""; 18403 if (detail.name == "Colour" || detail.name == "Material" || detail.name == "Finish" || detail.name == "Type" || detail.name == "Warranty" || detail.name == "Application" || itempopup.title == "Dimension") { 18404 checked = "checked"; 18405 } 18406 htmlfrw += '<div class="col50">\ 18407 <label class="asr-checkbox">\ 18408 <span>' + detail.name + '</span>\ 18409 <input type="checkbox" class="checkpop" value="' + detail.id + '" ' + checked + '>\ 18410 <span class="asrlabel-checkbox"></span>\ 18411 </label>\ 18412 </div>'; 18413 }); 18414 htmlfrw += '<div class="clear"></div>\ 18415 </div>\ 18416 <hr class="cum-' + itempopup.id + '">\ 18417 <div class="other-pop">\ 18418 <div class="subtitle-rwj rwj-' + itempopup.id + '">\ 18419 Others\ 18420 </div>\ 18421 <div class="flex-row other-ctr" id="other-pop-' + itempopup.id + '">\ 18422 <div class="clear"></div>\ 18423 </div>\ 18424 </div>\ 18425 </div>'; 18426 18427 no++; 18428 }); 18429 $(".loopgcc").html(htmlgcc); 18430 $(".loop-frw").html(htmlfrw); 18431 18432 18433 $(".imperialdat").click(function() { 18434 $(".met-1").removeClass("active"); 18435 $(this).addClass("active"); 18436 $(this).hide(); 18437 $(".imperialdatdummy").addClass("active"); 18438 $(".imperialdatdummy").show(); 18439 $(".metricdatdummy").hide(); 18440 $(".metricdat").show(); 18441 metric_imperial(); 18442 change_value_metric("imperial"); 18443 }); 18444 18445 $(".metricdat").click(function() { 18446 $(".met-1").removeClass("active"); 18447 $(this).addClass("active"); 18448 $(this).hide(); 18449 $(".metricdatdummy").addClass("active"); 18450 $(".metricdatdummy").show(); 18451 $(".imperialdatdummy").hide(); 18452 $(".imperialdat").show(); 18453 metric_imperial(); 18454 change_value_metric("metric"); 18455 }); 18456 18457 rangeSliderInit();
18458 clickFilterInfo(); 18459 metric_imperial(); 18460 checkfilteraction(); 18461 checkdrawingaction(); 18462 checkcountryaction(); 18463 applyslideraction(); 18464 applyfiltermobile(); 18465 18466 //kideden 18467 18468 function change_value_metric(datax) { 18469 if (datax == "imperial") { 18470 $('.js-input-from').each(function() { 18471 var fromdat = $(this).parent().siblings(".range-slider").children(".slider-label-left").children(".js-data-imperial").text(); 18472 // var ratioimperial1 = $(this).parent().data("ratioimperial"); 18473 // if (ratioimperial1 > 0){ 18474 // var hasil_from = ($(this).val() * ratioimperial1); 18475 // }else{ 18476 // var hasil_from = $(this).val(); 18477 // } 18478 $(this).val(fromdat); 18479 }); 18480 $('.js-input-to').each(function() { 18481 var todat = $(this).parent().siblings(".range-slider").children(".slider-label-right").children(".js-data-imperial").text(); 18482 // var ratioimperial2 = $(this).parent().data("ratioimperial"); 18483 // if (ratioimperial2 > 0){ 18484 // var hasil_to = ($(this).val() * ratioimperial2); 18485 // }else{ 18486 // var hasil_to = $(this).val(); 18487 // } 18488 $(this).val(todat); 18489 }); 18490 // $('.extra-controls').each(function(){ 18491 // //update array 18492 // var iddatax = $(this).data("id"); 18493 // var typeselection = $(this).data("typeselection"); 18494 // var hasil_from = $(this).children(".js-input-from").val(); 18495 // var hasil_to = $(this).children(".js-input-to").val(); 18496 // var sliderlist = [hasil_from,hasil_to]; 18497 // if(typeselection == 2){ 18498 // editOnly(iddatax, sliderlist); 18499 // } 18500 // }); 18501 18502 $('.js-range-slider').each(function() { 18503 var fromdat = $(this).siblings(".slider-label-left").children(".js-data-imperial").text(); 18504 var todat = $(this).siblings(".slider-label-right").children(".js-data-imperial").text(); 18505 // var fromchange = $(this).parent(".range-slider").siblings(".extra-controls").children(".js-input-from").val(); 18506 // var tochange = $(this).parent(".range-slider").siblings(".extra-controls").children(".js-input-to").val(); 18507 var range = $(this).data("ionRangeSlider"); 18508 range.update({ 18509 from: fromdat, 18510 to: todat, 18511 min: fromdat, 18512 max: todat 18513 }); 18514 }); 18515 } else { 18516 $('.js-input-from').each(function() { 18517 var fromdat = $(this).parent().siblings(".range-slider").children(".slider-label-left").children(".js-data-metric").text(); 18518 // var ratioimperial1 = $(this).parent().data("ratioimperial"); 18519 // if (ratioimperial1 == 0){ 18520 // var hasil_from = $(this).val(); 18521 // }else{ 18522 // var hasil_from = ($(this).val() / ratioimperial1); 18523 // } 18524 $(this).val(fromdat); 18525 }); 18526 $('.js-input-to').each(function() { 18527 var todat = $(this).parent().siblings(".range-slider").children(".slider-label-right").children(".js-data-metric").text(); 18528 // var ratioimperial2 = $(this).parent().data("ratioimperial"); 18529 // if (ratioimperial2 == 0){ 18530 // var hasil_to = $(this).val(); 18531 // }else{ 18532 // var hasil_to = ($(this).val() / ratioimperial2); 18533 // } 18534 $(this).val(numberWithCommas(todat)); 18535 18536 }); 18537 18538 // $('.extra-controls').each(function(){ 18539 // //update array 18540 // var iddatax = $(this).data("id"); 18541 // var typeselection = $(this).data("typeselection"); 18542 // var hasil_from = $(this).children(".js-input-from").val(); 18543 // var hasil_to = $(this).children(".js-input-to").val(); 18544 // var sliderlist = [hasil_from,hasil_to]; 18545 // if(typeselection == 2){ 18546 // editOnly(iddatax, sliderlist); 18547 // } 18548 // }); 18549 18550 $('.js-range-slider').each(function() { 18551 var fromdat = $(this).siblings(".slider-label-left").children(".js-data-metric").text();
18552 var todat = $(this).siblings(".slider-label-right").children(".js-data-metric").text(); 18553 // var fromchange = $(this).parent(".range-slider").siblings(".extra-controls").children(".js-input-from").val(); 18554 // var tochange = $(this).parent(".range-slider").siblings(".extra-controls").children(".js-input-to").val(); 18555 var range = $(this).data("ionRangeSlider"); 18556 range.update({ 18557 from: fromdat, 18558 to: todat, 18559 min: fromdat, 18560 max: numberWithCommas(todat) 18561 }); 18562 }); 18563 } 18564 //console.log(filter_datax); 18565 }; 18566 18567 var dataslug = $("#infolevel3slug").text(); 18568 var count = 0; 18569 18570 $(".more-filter-call").unbind("click"); 18571 $(".more-filter-call").click(function() { 18572 count += 1; 18573 $("#pageloader_new").fadeIn(); 18574 18575 if (getMenuFilterL3MoreAjax) { 18576 getMenuFilterL3MoreAjax.abort(); 18577 } 18578 getMenuFilterL3MoreAjax = $.ajax({ 18579 url: 'https://www.archify.com/au/gpost/products/menu_filter_l3_more_v2/2/' + dataslug + '?page=1', 18580 dataType: 'json', 18581 async: true, 18582 beforeSend: function() { 18583 18584 } 18585 }).done(function(data) { 18586 18587 datainput = data; 18588 //console.log("show data popup"); 18589 18590 //console.log(datainput); 18591 //return true; 18592 18593 18594 $.each(datainput, function(i, item) { 18595 18596 if (item.detail.length == 0) { 18597 $(".rwj-" + item.id).hide(); 18598 $(".cum-" + item.id).hide(); 18599 }; 18600 18601 // console.log(item);return true; 18602 var iix = 0; 18603 $.each(item.detail, function(ii, detail) { 18604 iix++; 18605 // if(iix < 20){ 18606 18607 if (!$('.flex-row').hasClass('added')) { 18608 $("#other-pop-" + item.id).append('\ 18609 <div class="col50 detail-' + iix + '">\ 18610 <label class="asr-checkbox">\ 18611 <span>' + detail.name + '</span>\ 18612 <input type="checkbox" class="checkpop" value="' + detail.id + '">\ 18613 <span class="asrlabel-checkbox"></span>\ 18614 </label>\ 18615 </div>'); 18616 }; 18617 18618 18619 if (!$('.other-toogle-list').hasClass('added')) { 18620 $(".other-toogle-" + item.id).append('\ 18621 <div class="wrap-spec-toggle id-toogle-' + detail.id + '" data-id="' + detail.id + '" data-parent-name="' + detail.name + '" data-type="0" data-unit="" style="display:none">\ 18622 <div class="spec-updown head-filter-l3">' + detail.name + '<div class="arrow-cio arrow-filter-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\ 18623 <div class="body-togg-asr body-filter-l3">\ 18624 <div class="list-toogle-other class-toogle-' + detail.id + '"></div>\ 18625 </div>\ 18626 </div>'); 18627 }; 18628 18629 $.each(detail.checkbox, function(iii, checkbox) { 18630 if (!$('.list-toogle-other').hasClass('added')) { 18631 $(".class-toogle-" + detail.id).append('\ 18632 <label class="asr-checkbox">\ 18633 <span>' + checkbox + '</span>\ 18634 <input type="checkbox" class="checkfilter check-' + detail.id + '" data-value="' + checkbox + '" data-id="' + detail.id + '" data-parent-name="' + detail.name + '" data-type="0" data-unit="" data-name="' + checkbox + '">\ 18635 <span class="asrlabel-checkbox"></span>\ 18636 </label>'); 18637 }; 18638 }); 18639 18640 18641 }); 18642 // console.log("iix"+iix); 18643 var more_page = 2; 18644 18645 $('.second-clear-' + item.id).remove(); 18646 $('.second-load-' + item.id).remove(); 18647 if (iix == 20) { 18648 $("#other-pop-" + item.id).append('<div class="clear second-clear-' + item.id + '" id="clear-' + item.id + '-2"></div>\ 18649 <a class="load-more-l3 second-load-' + item.id + '" id="more-' + item.id + '-2" href="#" data-id="' + item.id + '" data-page="2">Load More</a>'); 18650 } 18651 if ($('.clear-load-' + item.id)[0]) { 18652 // console.log('ada'); 18653 $('.second-clear-' + item.id).remove(); 18654 $('.second-load-' + item.id).remove(); 18655 } 18656 18657 18658 $("#more-" + item.id + "-" + more_page).unbind("click"); 18659 $("#more-" + item.id + "-" + more_page).click(function() { 18660 // console.log("klik"); 18661 var page = $(this).data("page"); 18662 var next_page = parseInt($(this).data("page")) + 1; 18663 var id = $(this).data("id"); 18664 18665 18666 loadmore(id, more_page); 18667 more_page += 1; 18668 18669 }); 18670 18671 }); 18672 18673 18674 18675 $("#pageloader_new").fadeOut(); 18676 $('#all-filter').modal('show'); 18677 $('.flex-row').addClass("added"); 18678 $('.other-toogle-list').addClass("added"); 18679 $('.list-toogle-other').addClass("added"); 18680 18681 if (count == 1) { 18682 toogle_menu("head-filter-l3", "body-filter-l3", "arrow-filter-l3"); 18683 } 18684 18685 checkfilteraction(); 18686 checkdrawingaction(); 18687 checkcountryaction(); 18688 applyslideraction(); 18689 applyfiltermobile(); 18690 }) 18691 .fail(function() { 18692 // alert("data gagal di load"); 18693 }); 18694 }); 18695 // $('#all-filter').on('hidden', function () { 18696 18697 18698 18699 $(".set-filter").click(function() { 18700 // $(".checkpop:checkbox:not(:checked)").each(function() { 18701 //// //console.log(this.value); 18702 // $("#id-toogle-"+this.value).hide(); 18703 // }); 18704 // $(".checkpop:checked").each(function() { 18705 //// //console.log(this.value); 18706 // $("#id-toogle-"+this.value).hide(); 18707 // }); 18708 var clear_filter_set = 0; 18709 $('.checkpop[type=checkbox]').each(function() { 18710 if (this.checked) { 18711 18712 $("#remake_filter_l3").show(); 18713 $(".id-toogle-" + this.value).show(); 18714 $(".id-toogle-" + this.value).parent().prev('.name-spec').show(); 18715 $(".id-toogle-" + this.value).parent('.toggle-spec').show(); 18716 clear_filter_set++; 18717 } else { 18718 $(".id-toogle-" + this.value).hide(); 18719 delete_by_id_array(this.value); 18720 $(".check-" + this.value).prop('checked', false); 18721 } 18722 }); 18723 if (clear_filter_set == 0) { 18724 $(".clear-filter-sidebar").hide(); 18725 // $(".name-spec").hide(); 18726 } else { 18727 $(".clear-filter-sidebar").show(); 18728 // $(".name-spec").show(); 18729 } 18730 18731 ////console.log(filter_datax); 18732 // alert("aa"); 18733 // racikan_filter(filter_datax); 18734 $('#all-filter').modal('hide'); 18735 }); 18736 18737 $('.tabsgcc .menu-ly').click(function() { 18738 var tab_id = $(this).attr('data-tab'); 18739 18740 $('.tabsgcc .menu-ly').removeClass('current'); 18741 $('.tab-content-gcc').removeClass('current'); 18742 18743 $(this).addClass('current'); 18744 $("#" + tab_id).addClass('current'); 18745 }); 18746 18747 toogle_menu("head-remake-l3", "body-remake-l3", "arrow-remake-l3"); 18748 } 18749 18750 18751 18752 function delete_by_id_array(id) { 18753 var filtered = filter_datax.filtered; 18754 var indexdelete = search_index_by_array(id, filtered); 18755 if (indexdelete >= 0) { 18756 filtered.splice(indexdelete, 1); 18757 } 18758 filter_datax.filtered = filtered; 18759 } 18760 18761 function search_index_by_array(search = "", data = []) { 18762 var number = -1; 18763 for (let i = 0; i < data.length; i++) { 18764 if (data[i].id == search) { 18765 number = i; 18766 } 18767 } 18768 return number; 18769 } 18770 18771 18772 18773 function toogle_menu(headdatax, bodydatax, arrowdatax) { 18774 $("." + headdatax).click(function() { 18775 var text = $(this).siblings('.body-togg-asr'); 18776 // if ($('.body-togg-asr.'+bodydatax).is(':visible')) { 18777 // $('.body-togg-asr.'+bodydatax).slideUp(); 18778 // $('.arrow-cio.'+arrowdatax).html('<img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">'); 18779 // } 18780 if (text.is(':visible')) { 18781 text.slideUp(); 18782 text.parent().removeClass('showcia'); 18783 $(this).children('.arrow-cio').html('<img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">'); 18784 } else { 18785 text.slideDown(); 18786 text.parent().addClass('showcia'); 18787 $(this).children('.arrow-cio').html('<img src="https://www.archify.com/assets/img/svg/icon-accordion-minus.svg">'); 18788 } 18789 }); 18790 } 18791 18792 let showOtherButtonTimeout; 18793 18794 function show_other_button(datax) { 18795 //console.log(datax); 18796 if (showOtherButtonTimeout) { 18797 clearTimeout(showOtherButtonTimeout); 18798 } 18799 showOtherButtonTimeout = setTimeout(() => { 18800 if (getMenuFilterL3More2Ajax) { 18801 getMenuFilterL3More2Ajax.abort(); 18802 } 18803 getMenuFilterL3More2Ajax = $.ajax({ 18804 url: 'https://www.archify.com/au/gpost/products/menu_filter_l3_more/0/' + datax, 18805 dataType: 'json', 18806 async: true, 18807 beforeSend: function() { 18808 18809 } 18810 }).done(function(data) { 18811 18812 if (data.length == 0) { 18813 $(".view-more-checkbox-spec").hide(); 18814 }; 18815 }); 18816 }, 500) 18817 } 18818 18819 function show_other_left_less(info) { 18820 $(info).hide(); 18821 $(info).siblings(".other-left-view").hide();
18822 $(info).siblings(".view-more-checkbox-spec.noappend").show(); 18823 } 18824 18825 function show_other_left_no_append(info) { 18826 $(info).hide(); 18827 $(info).siblings(".other-left-view").show(); 18828 $(info).siblings(".view-more-checkbox-spec.showless").show(); 18829 } 18830 18831 function show_other_left(info, datax, dataparent, dataunit, datatype) { 18832 $(info).hide(); 18833 var datainput = ""; 18834 18835 if (getMenuFilterL3More2Ajax) { 18836 getMenuFilterL3More2Ajax.abort(); 18837 } 18838 getMenuFilterL3More2Ajax = $.ajax({ 18839 url: 'https://www.archify.com/au/gpost/products/menu_filter_l3_more/0/' + datax, 18840 dataType: 'json', 18841 async: true, 18842 beforeSend: function() { 18843 18844 } 18845 }).done(function(data) { 18846 datainput = data; 18847 // //console.log(data); 18848 if (datainput.length > 0) { 18849 $.each(datainput, function(i, item) { 18850 $(info).siblings(".other-left-view").append('\ 18851 <label class="asr-checkbox">\ 18852 <span>' + item + '</span>\ 18853 <input type="checkbox" class="checkfilter check-' + datax + '" data-value="' + item + '" data-id="' + datax + '" data-type="' + datatype + '" data-unit="' + dataunit + '" data-name="' + item + '" data-parent-name="' + dataparent + '">\ 18854 <span class="asrlabel-checkbox"></span>\ 18855 </label>'); 18856 }); 18857 18858 // sidebar other left <input type="checkbox" class="checkfilter check-'+detail.id+'" data-value="'+checkbox+'" data-id="'+detail.id+'" data-type="'+detail.type_selection+'" data-unit="'+detail.type_unit+'" data-name="'+checkbox+'" data-parent-name="'+detail.name+'"> 18859 18860 $(info).siblings(".view-more-checkbox-spec.showless").show(); 18861 } else { 18862 $(info).hide(); 18863 }; 18864 18865 checkfilteraction(); 18866 checkdrawingaction(); 18867 checkcountryaction(); 18868 18869 }); 18870 } 18871 18872 18873 function loadmore(id, page) { 18874 var next_page = parseInt(page) + 1; 18875 $('#clear-' + id + '-' + page + '').hide(); 18876 $('#more-' + id + '-' + page).hide(); 18877 18878 // console.log("load more"+next_page); 18879 18880 $.ajax({ 18881 url: 'https://www.archify.com/au/gpost/products/menu_filter_l3_more_v2/1/' + id + '?page=' + page, 18882 dataType: 'json', 18883 async: true, 18884 beforeSend: function() { 18885 18886 } 18887 }).done(function(data) { 18888 18889 datainput = data; 18890 18891 var iix = 0; 18892 $.each(datainput, function(i, detail) { 18893 iix++; 18894 18895 $("#other-pop-" + id).append('\ 18896 <div class="col50">\ 18897 <label class="asr-checkbox">\ 18898 <span>' + detail.name + '</span>\ 18899 <input type="checkbox" class="checkpop" value="' + detail.id + '">\ 18900 <span class="asrlabel-checkbox"></span>\ 18901 </label>\ 18902 </div>'); 18903 18904 $(".other-toogle-" + id).append('\ 18905 <div class="wrap-spec-toggle id-toogle-' + detail.id + '" data-id="' + detail.id + '" data-parent-name="' + detail.name + '" data-type="0" data-unit="" style="display:none">\ 18906 <div class="spec-updown head-filter-l3">' + detail.name + '<div class="arrow-cio arrow-filter-l3"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\ 18907 <div class="body-togg-asr body-filter-l3">\ 18908 <div class="list-toogle-other class-toogle-' + detail.id + '"></div>\ 18909 </div>\ 18910 </div>'); 18911 18912 $.each(detail.checkbox, function(iii, checkbox) { 18913 if (!$('.list-toogle-other').hasClass('added')) { 18914 $(".class-toogle-" + detail.id).append('\ 18915 <label class="asr-checkbox">\
18916 <span>' + checkbox + '</span>\ 18917 <input type="checkbox" class="checkfilter check-' + detail.id + '" data-value="' + checkbox + '" data-id="' + detail.id + '" data-parent-name="' + detail.name + '" data-type="0" data-unit="" data-name="' + checkbox + '">\ 18918 <span class="asrlabel-checkbox"></span>\ 18919 </label>'); 18920 }; 18921 }); 18922 }); 18923 18924 if (iix >= 20) { 18925 $("#other-pop-" + id).append('<div class="clear clear-load-' + id + '" id="clear-' + id + '-' + next_page + '"></div>\ 18926 <a class="load-more-l3 load-lagi-' + id + '" id="more-' + id + '-' + next_page + '" href="#" data-id="' + id + '" data-page="' + next_page + '">Load More</a>'); 18927 18928 } 18929 18930 $("#more-" + id + "-" + next_page).click(function() { 18931 var page = $(this).data("page"); 18932 var id = $(this).data("id"); 18933 18934 18935 loadmore(id, page); 18936 // next_page += 1; 18937 }); 18938 18939 18940 }) 18941 .fail(function() { 18942 // alert("data gagal di load"); 18943 }); 18944 18945 }; 18946 18947 function checkfilteraction() { 18948 $(".checkfilter").unbind("click"); 18949 $(".checkfilter").click(function() { 18950 var width = $("body").width(); 18951 18952 if (width > 992) { 18953 var checkedlist = []; 18954 // var cumilah = []; 18955 var datafilter = { 18956 id: "", 18957 type_selection: "", 18958 type_unit: "", 18959 name: "" 18960 }; 18961 18962 var datafilter_id = $(this).data("id"); 18963 var datafilter_type_selection = $(this).data("type"); 18964 var datafilter_type_unit = $(this).data("unit"); 18965 var datafilter_name = $(this).data("parent-name"); 18966 18967 $(".check-" + datafilter_id + ":checkbox:checked").each(function() { 18968 checkedlist.push($(this).data("value")); 18969 }); 18970 18971 var datafilter_value = checkedlist; 18972 18973 var books = filter_datax.filtered; 18974 editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value); 18975 //console.log(filter_datax); 18976 // alert("bb"); 18977 racikan_filter(filter_datax); 18978 } 18979 }); 18980 18981 } 18982 if (window.history && window.history.pushState) { 18983 18984 // window.history.pushState('forward', null, './products'); 18985 // var ignorePopstate = false; 18986 $(window).on('popstate', function(e) { 18987 // console.log(location.href.replace('#','')); 18988 e.preventDefault(); 18989 // $(window).unbind('popstate'); 18990 // window.location.href = $(location).attr('href'); 18991 if ($(".new-company-filter-project-category-menu-mobile").hasClass("show")) { 18992 18993 } else { 18994 var ignorePopstate = false; 18995 if (!ignorePopstate) { 18996 // Set the flag to true to ignore the next popstate event 18997 ignorePopstate = true; 18998 // console.log($(location).attr('href')); 18999 19000 // Modify window.location as needed 19001 $(window).unbind('popstate'); 19002 // window.location.href = location.href.replace('#',''); 19003 // let step = 0; 19004 // history.pushState(null, null, location.href); 19005 19006 } else { 19007 // Reset the flag for the next popstate event 19008 ignorePopstate = false; 19009 19010 // console.log($(location).attr('href')); 19011 } 19012 } 19013 // Triggered load page when use undo and back button from browser 19014 remake_url(3); 19015 }); 19016 19017 } 19018 19019 function checkdrawingaction() { 19020 $(".check-drawing_filter").unbind("click"); 19021 $(".check-drawing_filter").click(function() { 19022 var width = $("body").width(); 19023 19024 // if (width > 992) { 19025 var checkedlist = []; 19026 var datafilter = { 19027 id: "", 19028 type_selection: "", 19029 type_unit: "", 19030 name: "" 19031 }; 19032 19033 var datafilter_id = $(this).data("parent-name"); 19034 var datafilter_type_selection = 3; 19035 var datafilter_type_unit = ""; 19036 var datafilter_name = $(this).data("parent-name"); 19037 19038 $(".check-" + datafilter_id + ":checkbox:checked").each(function() { 19039 checkedlist.push($(this).data("value")); 19040 // $('*[data-value='+$(this).data("value")+']').attr('checked','checked'); 19041 }); 19042 19043 if ($(this).is(':checked')) { 19044 // console.log('chk'); 19045 $(".check-" + datafilter_id + ":checkbox:checked").each(function() { 19046 checkedlist.push($(this).data("value")); 19047 // $('*[data-value='+$(this).data("value")+']').attr('checked','checked'); 19048 }); 19049 } 19050 19051 var datafilter_value = checkedlist; 19052 19053 var books = filter_datax.filtered; 19054 editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value); 19055 racikan_filter(filter_datax); 19056 // } 19057 }); 19058 19059 } 19060 19061 function checkcountryaction() { 19062 // $(".check-country_mnf").unbind("click"); 19063 $("#selectManufacturedIn1").change(function() { 19064 19065 // console.log("slc"); 19066 var checkedlist = []; 19067 var datafilter = { 19068 id: "", 19069 type_selection: "", 19070 type_unit: "", 19071 name: "" 19072 }; 19073 19074 var datafilter_id = $(this).data("parent-name"); 19075 var datafilter_type_selection = 3; 19076 var datafilter_type_unit = ""; 19077 var datafilter_name = $(this).data("parent-name"); 19078 19079 19080 var datafilter_value = $(this).val(); 19081 19082 // if($("#selectManufacturedIn2").val() != datafilter_value){ 19083 // $('#selectManufacturedIn2').val(datafilter_value).trigger('change'); 19084 // $('#selectManufacturedIn3').val(datafilter_value).trigger('change'); 19085 // } 19086 19087 var books = filter_datax.filtered; 19088 editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value); 19089 racikan_filter(filter_datax); 19090 }); 19091 $("#selectManufacturedIn2").change(function() { 19092 19093 // console.log("slc2"); 19094 var checkedlist = []; 19095 var datafilter = { 19096 id: "", 19097 type_selection: "", 19098 type_unit: "", 19099 name: "" 19100 }; 19101 19102 var datafilter_id = $(this).data("parent-name"); 19103 var datafilter_type_selection = 3; 19104 var datafilter_type_unit = ""; 19105 var datafilter_name = $(this).data("parent-name"); 19106 19107 19108 var datafilter_value = $(this).val(); 19109 19110 // $('#selectManufacturedIn1').val(datafilter_value).trigger('change'); 19111 // $('#selectManufacturedIn3').val(datafilter_value).trigger('change'); 19112 19113 var books = filter_datax.filtered; 19114 editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value); 19115 racikan_filter(filter_datax); 19116 }); 19117 $("#selectManufacturedIn3").change(function() { 19118 19119 // console.log("slc3"); 19120 var checkedlist = []; 19121 var datafilter = { 19122 id: "", 19123 type_selection: "", 19124 type_unit: "", 19125 name: "" 19126 }; 19127 19128 var datafilter_id = $(this).data("parent-name"); 19129 var datafilter_type_selection = 3; 19130 var datafilter_type_unit = ""; 19131 var datafilter_name = $(this).data("parent-name"); 19132 19133 var datafilter_value = $(this).val(); 19134 19135 // $('#selectManufacturedIn1').val(datafilter_value).trigger('change'); 19136 // $('#selectManufacturedIn2').val(datafilter_value).trigger('change'); 19137 19138 var books = filter_datax.filtered; 19139 editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value); 19140 racikan_filter(filter_datax); 19141 }); 19142 $("#selectManufacturedInMob").change(function() { 19143 19144 // console.log("slc3"); 19145 var checkedlist = []; 19146 var datafilter = { 19147 id: "", 19148 type_selection: "", 19149 type_unit: "", 19150 name: "" 19151 }; 19152 19153 var datafilter_id = $(this).data("parent-name"); 19154 var datafilter_type_selection = 3; 19155 var datafilter_type_unit = ""; 19156 var datafilter_name = $(this).data("parent-name"); 19157 19158 var datafilter_value = $(this).val(); 19159 19160 // $('#selectManufacturedIn1').val(datafilter_value).trigger('change'); 19161 // $('#selectManufacturedIn2').val(datafilter_value).trigger('change'); 19162 19163 var books = filter_datax.filtered; 19164 editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value); 19165 racikan_filter(filter_datax); 19166 }); 19167 19168 } 19169 19170 function applyfiltermobile() { 19171 $(".apply-filter-mobile").unbind("click"); 19172 $(".apply-filter-mobile").click(function() { 19173 var books = filter_datax.filtered; 19174 books.length = 0; 19175 // console.log("test"); 19176 19177 $("#remake_filter_l3_mobile .wrap-spec-toggle").each(function() { 19178 if ($(this).is(":visible")) { 19179 var datafilter_id = $(this).data("id"); 19180 var datafilter_type_selection = $(this).data("type"); 19181 var datafilter_type_unit = $(this).data("unit"); 19182 var datafilter_name = $(this).data("parent-name"); 19183 if (datafilter_type_selection == 2) { 19184 if ($(this).hasClass("alreadychange")) { 19185 var fromdata = $(this).children().children().children(".js-input-from").val(); 19186 var todata = $(this).children().children().children(".js-input-to").val(); 19187 var datafilter_value = [fromdata, todata]; 19188 editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value); 19189 } 19190 } else { 19191 var checkedlist = []; 19192 $(".check-" + datafilter_id + ":checkbox:checked").each(function() { 19193 checkedlist.push($(this).data("value")); 19194 }); 19195 var datafilter_value = checkedlist; 19196 if (typeof checkedlist !== 'undefined' && checkedlist.length > 0) { 19197 editBooks(datafilter_id, datafilter_type_selection, datafilter_type_unit, datafilter_name, datafilter_value); 19198 } 19199 } 19200 } 19201 }); 19202 19203 ////console.log(filter_datax); 19204 racikan_filter(filter_datax); 19205 19206 toggleMenuFilter("project-category-speckfilter"); 19207 }); 19208 } 19209 19210 function applyslideraction() { 19211 $(".apply-slider").unbind("click"); 19212 $(".apply-slider").click(function() { 19213 //replace commas in number 19214 var fromdata = removeCommas($(this).parent().siblings(".extra-controls").children(".js-input-from").val()); 19215 var todata = removeCommas($(this).parent().siblings(".extra-controls").children(".js-input-to").val()); 19216 var sliderlist = [fromdata, todata]; 19217 var datafilter = { 19218 id: "", 19219 type_selection: "", 19220 type_unit: "", 19221 name: "" 19222 }; 19223 // console.log($(this).data("name")+'xx'+todata); 19224 19225 var datafilter_id = $(this).data("id"); 19226 var datafilter_type_selection = $(this).data("type_selection"); 19227 var datafilter_type_unit = $(this).data("unit"); 19228 var datafilter_name = $(this).data("name"); 19229 var datafilter_max_val = $(this).data("max"); 19230 var datafilter_min_val = $(this).data("min"); 19231 var datafilter_value = sliderlist; 19232 // var books = filter_datax.filtered; 19233 19234 editBooks(datafilter_id, 19235 datafilter_type_selection, 19236 datafilter_type_unit, 19237 datafilter_name, 19238 datafilter_value, { 19239 min: datafilter_min_val, 19240 max: datafilter_max_val 19241 } 19242 ); 19243 // console.log(filter_datax); 19244 racikan_filter(filter_datax); 19245 19246 }); 19247 19248 } 19249 19250 19251 function editOnly(id, value) { 19252 var books = filter_datax.filtered; 19253 var book = books.find(b => b.id === id); 19254 if (book) { 19255 book.value = value; 19256 } 19257 } 19258 19259 function editBooks(id, type_selection, type_unit, name, value, slideOpt = null) { 19260 var books = filter_datax.filtered; 19261 var book = books.find(b => b.id === id); 19262 19263 if (type_selection == 2) { 19264 // Handle slider value 19265 if (book) { 19266 if (value[0] <= slideOpt?.min && value[1] >= slideOpt?.max) { 19267 // remove obj arr if value is same as max and min value 19268 filter_datax.filtered = books.filter(b => b.id != id); 19269 } else { 19270 book.type_selection = type_selection; 19271 book.type_unit = type_unit, 19272 book.name = name; 19273 book.value = value; 19274 } 19275 } else { 19276 if (value[0] != slideOpt?.min || value[1] != slideOpt?.max) { 19277 books.push({ 19278 id, 19279 type_selection, 19280 type_unit, 19281 name, 19282 value 19283 }); 19284 } 19285 } 19286 } else { 19287 // Handle except slider value 19288 if (book) { 19289 book.type_selection = type_selection; 19290 book.type_unit = type_unit, 19291 book.name = name; 19292 book.value = value; 19293 } else { 19294 books.push({ 19295 id, 19296 type_selection, 19297 type_unit, 19298 name, 19299 value 19300 }); 19301 } 19302 } 19303 19304 } 19305 19306 function metric_imperial() { 19307 19308 function Update(newKey) { 19309 filter_datax.is_metric = newKey; 19310 } 19311 19312 if ($(".metricdat").hasClass("active")) { 19313 $(".unit-metric").show(); 19314 $(".js-data-metric").show(); 19315 Update(1); 19316 } else { 19317 $(".unit-metric").hide(); 19318 $(".js-data-metric").hide(); 19319 Update(0); 19320 } 19321 if ($(".imperialdat").hasClass("active")) { 19322 $(".unit-imperial").show(); 19323 $(".js-data-imperial").show(); 19324 Update(0); 19325 } else { 19326 $(".unit-imperial").hide(); 19327 $(".js-data-imperial").hide(); 19328 Update(1); 19329 } 19330 } 19331 19332 function rangeSliderInit() { 19333 $('.js-range-slider').each(function() { 19334 let setUpdateInput; 19335 let setChangeInputTimeout; 19336 var $range = $(this), 19337 $inputFrom = $(this).parent(".range-slider").siblings(".extra-controls").children(".js-input-from"), 19338 $inputTo = $(this).parent(".range-slider").siblings(".extra-controls").children(".js-input-to"), 19339 instance, 19340 min = $(this).siblings(".slider-label-left").children(".js-data-metric").text(),
19341 max = $(this).siblings(".slider-label-right").children(".js-data-metric").text(), 19342 unit = $(this).attr('data-unit'), 19343 from = 0, 19344 to = 0; 19345 $range.ionRangeSlider({ 19346 skin: "round", 19347 type: "double", 19348 min: min, 19349 max: max, 19350 from: min, 19351 to: max, 19352 onStart: updateInputs, 19353 onChange: changeInputs, 19354 onFinish: function(data) { 19355 // console.log("from : " + data.from + " ---- to : " + data.to); 19356 // if (data.from >= data.to) { 19357 // data.update({ from: data.to - 1 }); 19358 // } 19359 } 19360 }); 19361 instance = $range.data("ionRangeSlider"); 19362 19363 $inputFrom.on("input", function() { 19364 var val = parseFloat($(this).val()); 19365 19366 var minfloat = parseFloat(min); 19367 var tofloat = parseFloat(to); 19368 19369 // validate 19370 if (val < minfloat) { 19371 val = minfloat; 19372 } else if (val > tofloat) { 19373 val = tofloat; 19374 } 19375 instance.update({ 19376 from: val 19377 }); 19378 // $(this).prop("value", val); 19379 }); 19380 19381 $inputTo.on("input", function() { 19382 var val = parseFloat($(this).val()); 19383 19384 var fromfloat = parseFloat(from); 19385 var maxfloat = parseFloat(max); 19386 // validate 19387 if (val < fromfloat) { 19388 val = fromfloat; 19389 } else if (val > maxfloat) { 19390 val = maxfloat; 19391 } 19392 instance.update({ 19393 to: val 19394 }); 19395 // $(this).prop("value", val); 19396 }); 19397 19398 $inputFrom.on("change", function() { 19399 // console.log("from : " + $inputFrom.prop("value") + " ---- to : " + $inputTo.prop("value")); 19400 typeInputs($inputFrom.prop("value"), $inputTo.prop("value"), min, max) 19401 }); 19402 19403 $inputTo.on("change", function() { 19404 // console.log("from : " + $inputFrom.prop("value") + " ---- to : " + $inputTo.prop("value")); 19405 typeInputs($inputFrom.prop("value"), $inputTo.prop("value"), min, max) 19406 19407 }); 19408 19409 function updateInputs(data) { 19410 19411 from = data.from; 19412 to = data.to; 19413 19414 $inputFrom.prop("value", from); 19415 $inputTo.prop("value", to); 19416 19417 $range.parents('.wrap-spec-toggle').find('.spec-value').html('' + from + ' - ' + to); 19418 19419 if (setUpdateInput) { 19420 clearTimeout(setUpdateInput); 19421 } 19422 19423 setUpdateInput = setTimeout(function() { 19424 $range.parents(".range-slider").siblings('.apply-btm').children('.apply-slider').trigger('click'); 19425 }, 500); 19426 19427 } 19428 19429 function changeInputs(data) { 19430 // from = numberWithCommas(data.from); 19431 // to = numberWithCommas(data.to); 19432 from = data.from; 19433 to = data.to; 19434 19435 $inputFrom.prop("value", from); 19436 $inputTo.prop("value", to); 19437 19438 if (data.from >= data.to) { 19439 // Adjust the 'from' value to be less than 'to' 19440 // data.update({ from: data.to - 1 }); 19441 } 19442 // console.log(data); 19443 19444 $range.parents(".range-slider").parents(".body-togg-asr").parents(".wrap-spec-toggle").addClass("alreadychange"); 19445 19446 if (setChangeInputTimeout) { 19447 clearTimeout(setChangeInputTimeout); 19448 } 19449 19450 setChangeInputTimeout = setTimeout(function() { 19451 $range.parents(".range-slider").siblings('.apply-btm').children('.apply-slider').trigger('click'); 19452 }, 500); 19453 /* rangeInput = document.querySelector('.js-range-slider'); 19454 rangeInput.addEventListener('change input', function(){ 19455 19456 $range.parents(".range-slider").siblings('.apply-btm').children('.apply-slider').trigger('click'); 19457 }); */ 19458 } 19459 19460 function typeInputs(from, to, min, max) { 19461 19462 $inputFrom.prop("value", from); 19463 $inputTo.prop("value", to); 19464 min = Number(removeCommas(min)); 19465 max = Number(removeCommas(max)); 19466 // console.log(from+"="+to+"="+min+"="+max); 19467 instance.update({ 19468 from: from, 19469 to: to 19470 }); 19471 if (Number(to) > Number(max)) { 19472 19473 $inputTo.prop("value", max); 19474 } 19475 if (Number(from) > Number(to) || Number(from) > Number(max)) { 19476 // Adjust the 'from' value to be less than 'to' 19477 // console.log(from+"+"+max); 19478 19479 $inputFrom.prop("value", 0); 19480 instance.update({ 19481 from: 0 19482 }); 19483 } 19484 19485 $range.parents(".range-slider").parents(".body-togg-asr").parents(".wrap-spec-toggle").addClass("alreadychange"); 19486 19487 setTimeout(function() { 19488 $range.parents(".range-slider").siblings('.apply-btm').children('.apply-slider').trigger('click'); 19489 }, 500); 19490 } 19491 }); 19492 } 19493 19494 function clickFilterInfo() { 19495 // $('.checkfilter').on('change', function(){ 19496 // var mytext = $(this).prev('span').text(); 19497 // 19498 // if($(this).is(":checked")){ 19499 // $(".wrap-spec-toggle.show .ly-spec-value").append("<span>"+mytext+", </span>"); 19500 // }else{ 19501 // removeText($(".wrap-spec-toggle.show .ly-spec-value span:contains("+mytext+")")); 19502 // } 19503 // }); 19504 } 19505 19506 function remake_count_product(product_total) { 19507 if (product_total == undefined) { 19508 product_total = 0; 19509 } 19510 $(".top-title span.count").html(''); 19511 $(".top-title span.count").append('\ 19512 ' + product_total.toString().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") + '\ 19513 '); 19514 // if (product_total == 0) { 19515 // window.location.href = "https://www.archify.com/au/products/"; 19516 // } 19517 } 19518 19519 var remake_brand_list_count = 0; 19520 19521 let remakeBrandListTimeout; 19522 19523 function remake_brand_list(category_slug) { 19524 //return 0; 19525 19526 if (remakeBrandListTimeout) { 19527 clearTimeout(remakeBrandListTimeout); 19528 } 19529 19530 remakeBrandListTimeout = setTimeout(() => { 19531 if (category_slug == undefined || category_slug == "") { 19532 category_slug = "all-category"; 19533 } 19534 //alert(category_slug); 19535 var segments = window.location.pathname.split('/'); 19536 var brand_from_url = segments[4]; 19537 19538 if (brand_from_url != undefined) { 19539 brand_from_url = decodeURIComponent(brand_from_url); 19540 } else { 19541 brand_from_url = "all"; 19542 } 19543 if (brand_from_url == "") { 19544 brand_from_url = "all"; 19545 } 19546 19547 //alert(brand_from_url); 19548 19549 var sort_from_url = segments[5]; 19550 if (sort_from_url !== undefined) { 19551 sort_from_url = decodeURIComponent(sort_from_url); 19552 } else { 19553 sort_from_url = "latest"; 19554 } 19555 if (sort_from_url == "") { 19556 sort_from_url = "latest"; 19557 } 19558 19559 remake_brand_list_count += 1; 19560 19561 if (remake_brand_list_count != 1) { 19562 $('#articleBox').html(''); 19563 19564 // get articles 19565 if (getSeoArticleAjax) { 19566 getSeoArticleAjax.abort(); 19567 } 19568 getSeoArticleAjax = $.ajax({ 19569 url: 'https://www.archify.com/au/gpost/products/get_seo_article/' + category_slug, 19570 dataType: 'json', 19571 async: true, 19572 beforeSend: function() { 19573 19574 } 19575 }).done(function(data) { 19576 if (data != null) { 19577 19578 if (data.seo_h1 !== null) { 19579 19580 $("#seo_h1").html(data.seo_h1); 19581 } 19582 19583 if (data.seo_text == undefined) { 19584 data.seo_text = ""; 19585 } 19586 // var obj = JSON.parse(data); 19587 $('#articleBox').html('\ 19588 ' + data.seo_text + '\ 19589 '); 19590 //change title 19591 $(document).prop('title', data.seo_title); 19592 //change meta 19593 $('meta[name=keywords]').attr('content', data.seo_keyword); 19594 $('meta[name=description]').attr('content', data.seo_description); 19595 } 19596 }) 19597 .fail(function() { 19598 19599 }) 19600 .always(function() { 19601 19602 }); 19603 } 19604 19605 const params = new URLSearchParams(window.location.search); 19606 let countryFilterSlug = params.get("countries") ? `?countries=${params.get("countries")}` : ''; 19607 19608 // Handle epd filter load 19609 onHandleMenuFilterEpd(category_slug + countryFilterSlug); 19610 19611 if (getBrands3Ajax) { 19612 getBrands3Ajax.abort(); 19613 } 19614 19615 getBrands3Ajax = $.ajax({ 19616 url: 'https://www.archify.com/au/gpost/products/list_brand_country/' + category_slug + countryFilterSlug, 19617 async: true, 19618 beforeSend: function() { 19619 // alert("bb"+category_slug); 19620 }, 19621 dataType: "json", 19622 type: "POST" 19623 }).done(function(data) { 19624 isBrandListDataReady = true; 19625 //brandListData = data; 19626 brandListData = data.list_brand; 19627 countryListData = data.list_country; 19628 const materialOriginListCountry = data?.list_country_material_origin || []; 19629 19630 $("#brandList").html(''); 19631 $("#MobilebrandList").html(''); 19632 $("#brand_check_list_1").html(''); 19633 $("#brand_check_list_2").html(''); 19634 $("#brand_check_list_3").html(''); 19635 $("#brand_check_list_mob").html(''); 19636 $("#selectManufacturedIn1").empty(); 19637 $("#selectManufacturedIn2").empty(); 19638 $("#selectManufacturedIn3").empty(); 19639 $("#selectManufacturedInMob").empty(); 19640 /* var search = document.getElementById("search_brand_desk"); 19641 var labels = document.querySelectorAll("#brand_check > label"); 19642 19643 search.addEventListener("input", () =>
19643 Array.from(labels).forEach((element) => element.style.display = element.childNodes[1].id.toLowerCase().includes(search.value.toLowerCase()) ? "inline" : "none")) 19644 19645 var search_mob = document.getElementById("search_brand_mob"); 19646 var labels_mob = document.querySelectorAll("#brand_check_mob > label"); 19647 19648 search_mob.addEventListener("input", () => Array.from(labels_mob).forEach((element) => element.style.display = element.childNodes[1].id.toLowerCase().includes(search_mob.value.toLowerCase()) ? "inline" : "none")) */ 19649 $('#search_brand_desk_1').on('keyup', function() { 19650 var searchText = $(this).val().toLowerCase(); 19651 $('#brand_check_list_1 label').each(function() { 19652 var label = $(this); 19653 if (label.text().toLowerCase().includes(searchText)) { 19654 label.show(); 19655 label.parent().show(); 19656 } else { 19657 label.hide(); 19658 label.parent().hide(); 19659 } 19660 }); 19661 }); 19662 $('#search_brand_desk_2').on('keyup', function() { 19663 var searchText = $(this).val().toLowerCase(); 19664 $('#brand_check_list_2 label').each(function() { 19665 var label = $(this); 19666 if (label.text().toLowerCase().includes(searchText)) { 19667 label.show(); 19668 label.parent().show(); 19669 } else { 19670 label.hide(); 19671 label.parent().hide(); 19672 } 19673 }); 19674 }); 19675 $('#search_brand_desk_3').on('keyup', function() { 19676 var searchText = $(this).val().toLowerCase(); 19677 $('#brand_check_list_3 label').each(function() { 19678 var label = $(this); 19679 if (label.text().toLowerCase().includes(searchText)) { 19680 label.show(); 19681 label.parent().show(); 19682 } else { 19683 label.hide(); 19684 label.parent().hide(); 19685 } 19686 }); 19687 }); 19688 $('#search_brand_mob').on('keyup', function() { 19689 var searchText = $(this).val().toLowerCase(); 19690 $('#brand_check_mob label').each(function() { 19691 var label = $(this); 19692 if (label.text().toLowerCase().includes(searchText)) { 19693 label.show(); 19694 label.parent().show(); 19695 } else { 19696 label.hide(); 19697 label.parent().hide(); 19698 } 19699 }); 19700 }); 19701 19702 //$.each($.parseJSON(brandListData), function(i,item){ 19703 $.each(brandListData, function(i, item) { 19704 var isChecked = ""; 19705 $.each(brand_from_url.split('--'), function(k, v) { 19706 if (v == item.brand_slug) { 19707 isChecked = "checked"; 19708 } 19709 }); 19710 // if (isChecked == "checked") { 19711 $("#brandList").append('\ 19712 <li class="' + isChecked + '">\ 19713 <div class="squaredThree">\ 19714 <input type="checkbox" data-id="' + item.brand_slug + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '" class="form-check-input sidebar brand-check-sidebar" name="' + item.brand_name + '" name-tag="' + item.brand_name + '" ' + isChecked + '\ 19715 />\ 19716 <span>\ 19717 <h5 class="sidebar_brand brandnav-' + item.brand_slug + '">' + item.brand_name + '</h5>\ 19718 </span>\ 19719 </div>\ 19720 </li>\ 19721 '); 19722 $("#MobilebrandList").append('\ 19723 <li class="' + isChecked + '">\ 19724 <div class="squaredThree">\ 19725 <input type="checkbox" data-id="' + item.brand_slug + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '-mobile" class="form-check-input sidebar_mobile brand-check-sidebar" name="' + item.brand + '" name-tag="' + item.brand_name + '" ' + isChecked + '\ 19726 />\ 19727 <span>\ 19728 <h5 class="sidebar_brand brandnav-' + item.brand_slug + '">' + item.brand_name + '</h5>\ 19729 </span>\ 19730 </div>\ 19731 </li>\ 19732 '); 19733 $("#brand_check_list_1").append('\ 19734 <div class="col-md-10">\ 19735 <label class="asr-checkbox">\
19736 <span>' + item.brand_name + '</span>\ 19737 <input type="checkbox" class="check-mnf brand-check-sidebar-new" data-value="' + item.brand_slug + '" data-parent-name="brand_filter" data-id="' + item.brand_slug + '" name="' + item.brand_name + '" name-tag="' + item.brand_name + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '">\ 19738 <span class="asrlabel-checkbox"></span>\ 19739 </label>\ 19740 </div>\ 19741 '); 19742 $("#brand_check_list_2").append('\ 19743 <div class="col-md-10">\ 19744 <label class="asr-checkbox">\ 19745 <span>' + item.brand_name + '</span>\ 19746 <input type="checkbox" class="check-mnf brand-check-sidebar-new" data-value="' + item.brand_slug + '" data-parent-name="brand_filter" data-id="' + item.brand_slug + '" name="' + item.brand_name + '" name-tag="' + item.brand_name + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '">\ 19747 <span class="asrlabel-checkbox"></span>\ 19748 </label>\ 19749 </div>\ 19750 '); 19751 $("#brand_check_list_3").append('\ 19752 <div class="col-md-10">\ 19753 <label class="asr-checkbox">\ 19754 <span>' + item.brand_name + '</span>\ 19755 <input type="checkbox" class="check-mnf brand-check-sidebar-new" data-value="' + item.brand_slug + '" data-parent-name="brand_filter" data-id="' + item.brand_slug + '" name="' + item.brand_name + '" name-tag="' + item.brand_name + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '">\ 19756 <span class="asrlabel-checkbox"></span>\ 19757 </label>\ 19758 </div>\ 19759 '); 19760 19761 $("#brand_check_mob .brand_chk").append('\ 19762 <div class="col-md-10">\ 19763 <label class="asr-checkbox-mob">\ 19764 <span>' + item.brand_name + '</span>\ 19765 <input type="checkbox" class="check-mnf brand-check-sidebar-new" data-value="' + item.brand_slug + '" data-parent-name="brand_filter" data-id="' + item.brand_slug + '" name="' + item.brand_name + '" name-tag="' + item.brand_name + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '">\ 19766 <span class="asrlabel-checkbox"></span>\ 19767 </label>\ 19768 </div>\ 19769 '); 19770 19771 // } 19772 }); 19773 19774 $("#selectManufacturedIn1").append('<option value="0">All Country</option>'); 19775 $("#selectManufacturedIn2").append('<option value="0">All Country</option>'); 19776 $("#selectManufacturedIn3").append('<option value="0">All Country</option>'); 19777 $("#selectManufacturedInMob").append('<option value="0">All Country</option>'); 19778 19779 $.each(countryListData, function(i, item) { 19780 // console.log(item.country_name); 19781 if (item.country_id !== null) { 19782 $("#selectManufacturedIn1").append('<option value="' + item.country_id + '">' + item.country_name + '</option>'); 19783 $("#selectManufacturedIn2").append('<option value="' + item.country_id + '">' + item.country_name + '</option>'); 19784 $("#selectManufacturedIn3").append('<option value="' + item.country_id + '">' + item.country_name + '</option>'); 19785 $("#selectManufacturedInMob").append('<option value="' + item.country_id + '">' + item.country_name + '</option>'); 19786 } 19787 }); 19788 19789 // Hide country manufacture if no data 19790 if(countryListData?.filter(x => x.country_id !== null)?.length === 0){ 19791 $(".container-filter-country-manufacturer").hide() 19792 }else{ 19793 $(".container-filter-country-manufacturer").show() 19794 } 19795 19796 19797 var segments = window.location.pathname.split('/'); 19798 var category_from_url = segments[3]; 19799 19800 if (category_from_url != undefined) { 19801 category_slug = decodeURIComponent(category_from_url); 19802 } else { 19803 category_slug = "all"; 19804 } 19805 19806 $(".brand-check-sidebar").prop('checked', false); 19807 $(".brand-check-sidebar").parent().find("span h5").removeClass("checked"); 19808 $(".brand-check-sidebar").each(function() { 19809 var this_checkbox = $(this); 19810 $.each(brand_from_url.split('--'), function(k, v) { 19811 if (this_checkbox.attr('id') == v) { 19812 this_checkbox.prop('checked', true); 19813 this_checkbox.parent().find("span h5").addClass("checked"); 19814 } 19815 }); 19816 }); 19817 19818 $(".brand-check-sidebar-new").prop('checked', false); 19819 // $(".brand-check-sidebar-new").parent().find("span h5").removeClass("checked"); 19820 $(".brand-check-sidebar-new").each(function() { 19821 var this_checkbox = $(this); 19822 $.each(brand_from_url.split('--'), function(k, v) { 19823 if (this_checkbox.attr('id') == v) { 19824 this_checkbox.prop('checked', true); 19825 $('.brand-check-sidebar-new[data-id=' + v + ']').prop('checked', true); 19826 // this_checkbox.parent().find("span h5").addClass("checked"); 19827 } 19828 }); 19829 }); 19830 19831 var sort_by = segments[5]; 19832 if (sort_by != undefined) { 19833 sort_by = decodeURIComponent(sort_by); 19834 } else { 19835 sort_by = ""; 19836 } 19837 19838 19839 $("#sortByList li").each(function() { 19840 if ($(this).attr("val") == sort_by) { 19841 $("#sortByList li").removeClass("active"); 19842 $(this).addClass("active"); 19843 19844 if (sort_by != "") { 19845 if ($(this).attr("name") == "default") { 19846 $("#dropDownSortBy p span").html(""); 19847 } else { 19848 $("#dropDownSortBy p span").html("- " + $(this).attr("name")); 19849 } 19850 } else { 19851 $("#dropDownSortBy p span").html(""); 19852 } 19853 } 19854 }); 19855 19856 19857 $(".sortByList-mobile li").each(function() { 19858 if ($(this).attr("val") == sort_by) { 19859 $(".sortByList-mobile li").removeClass("active"); 19860 $(this).addClass("active"); 19861 } 19862 }); 19863 19864 $("#brandList .sidebar_brand").unbind("click"); 19865 $("#brandList .sidebar_brand").click(function() { 19866 // alert("setelah klik"); 19867 var getselected = $(this).parent().parent().find("input.brand-check-sidebar").data("id"); 19868 if ($(this).hasClass("checked")) { 19869 $(this).removeClass("checked"); 19870 $(this).parent().parent().find("input.brand-check-sidebar").prop('checked', false); 19871 } else { 19872 $(this).addClass("checked"); 19873 $(".brandnav-" + getselected).addClass("checked"); 19874 $(this).parent().parent().find("input.brand-check-sidebar").prop('checked', true); 19875 } 19876 19877 $("#dropDownBrandList").removeClass("drop-down-show"); 19878 remake_url(1, category_from_url); 19879 }); 19880 19881 $("#MobilebrandList .sidebar_brand").unbind("click"); 19882 $("#MobilebrandList .sidebar_brand").click(function() { 19883 var value = $(this).parent().parent().find('input').attr('value'); 19884 // alert("setelah refresh"); 19885 var getselected = $("#" + value).data("id"); 19886 if ($(this).hasClass("checked")) { 19887 $("#" + value).parent().find("sidebar_brand").removeClass("checked"); 19888 $("#" + value).prop('checked', false); 19889 } else { 19890 $("#" + value).parent().find("sidebar_brand").addClass("checked"); 19891 $("#" + value).prop('checked', true); 19892 } 19893 if ($(".section.find-brand").hasClass("show")) { 19894 toggleMenuFilter("find-brand"); 19895 } 19896 $("#dropDownBrandList").removeClass("drop-down-show"); 19897 remake_url(1, category_from_url); 19898 }); 19899 19900 let timer; //for handle duplicate function 19901 $("#brand_check_list_1 label").unbind("click"); 19902 $("#brand_check_list_1 label").click(function() { 19903 // alert($(this).find('input').attr('value')); 19904 19905 // handle dupplicate call remake url 19906 clearTimeout(timer); 19907 timer = setTimeout(() => { 19908 remake_url(1, category_from_url); 19909 }, 500); 19910 }); 19911 19912 $("#brand_check_list_2 label").unbind("click"); 19913 $("#brand_check_list_2 label").click(function() { 19914 // alert($(this).find('input').attr('value')); 19915 19916 // handle dupplicate call remake url 19917 clearTimeout(timer); 19918 timer = setTimeout(() => { 19919 remake_url(1, category_from_url); 19920 }, 500); 19921 }); 19922 19923 $("#brand_check_list_3 label").unbind("click"); 19924 $("#brand_check_list_3 label").click(function(e) { 19925 // alert($(this).find('input').attr('value')); 19926 // handle dupplicate call remake url 19927 clearTimeout(timer); 19928 timer = setTimeout(() => { 19929 remake_url(1, category_from_url); 19930 }, 500); 19931 19932 }); 19933 19934 $("#brand_check_mob label").unbind("click"); 19935 $("#brand_check_mob label").click(function() { 19936 // alert($(this).find('input').attr('value')); 19937 19938 // handle dupplicate call remake url 19939 clearTimeout(timer); 19940 timer = setTimeout(() => { 19941 remake_url(1, category_from_url); 19942 }, 500); 19943 }); 19944 19945 $("#MobileListMobile > li > div > span > h5").unbind("click"); 19946 $("#MobileListMobile > li > div > span > h5").click(function() { 19947 $(this).parent().parent().find('input[type=checkbox]').prop("checked", !$(this).parent().parent().find('input[type=checkbox]').prop("checked")); 19948 }); 19949 19950 // handle select2 data of material origin list 19951 $(".select-material-origin").empty(); 19952
19953 // Hide material origin if no data 19954 materialOriginListCountry.forEach(x => { 19955 if (x.country_id !== null) { 19956 $(".select-material-origin").append(`<option value="${x?.country_id}">${x?.country_name}</option>`) 19957 } 19958 }) 19959 19960 if(materialOriginListCountry?.filter(x => x.country_id !== null)?.length === 0){ 19961 $(".container-filter-material-origin").hide() 19962 }else{ 19963 $(".container-filter-material-origin").show() 19964 } 19965 19966 addTagsFilter3Reload(); 19967 }) 19968 .fail(function() {}) 19969 .always(function() {}); 19970 19971 }, 500); 19972 } 19973 19974 19975 // <span class="filter-tags"><h6>Landed House</h6><i idroom="Landed House" id="property-type-landed-house" class="fa fa-close erase-filter" style="color: #4a4a4a;"></i></span> 19976 // <span class="filter-tags"><h6>Landed House</h6><i idroom="Landed House" id="property-type-landed-house" class="fa fa-close erase-filter" style="color: #4a4a4a;"></i></span> 19977 // <span class="filter-tags"><h6>Clear All</h6></span> 19978 function addTagsFilter3Reload() { 19979 var segments = window.location.pathname.split('/'); 19980 19981 if (search_from_url != null) { 19982 search_from_url = decodeURIComponent(search_from_url); 19983 } else { 19984 search_from_url = ""; 19985 } 19986 $(".brand-filter .search-tags-wrapper").html(''); 19987 19988 19989 var tagsTotal = 0; 19990 19991 if (search_from_url != "") { 19992 $(".brand-filter .search-tags-wrapper").append('' + 19993 '<span class="filter-tags search-param" status="search text"><h6>"' + 19994 search_from_url + '' + 19995 '"</h6><i class="fa fa-close erase-filter" style="color: #4a4a4a;">' + 19996 '</i>' + 19997 '</span>'); 19998 tagsTotal++; 19999 } 20000 20001 // //console.log(arrayBrand); 20002 // array untuk menampung yang di checklist 20003 let arrayBrand = []; 20004 arrayBrand = $("#brandList .form-check-input.sidebar:checked").map(function() { 20005 return this; 20006 }).get(); 20007 20008 let arrayBrand1 = []; 20009 arrayBrand1 = $("#brand_check_list_1 .check-mnf:checked").map(function() { 20010 return this; 20011 }).get(); 20012 20013 let arrayBrand2 = []; 20014 arrayBrand2 = $("#brand_check_list_2 .check-mnf:checked").map(function() { 20015 return this; 20016 }).get(); 20017 20018 let arrayBrand3 = []; 20019 arrayBrand3 = $("#brand_check_list_3 .check-mnf:checked").map(function() { 20020 return this; 20021 }).get(); 20022 20023 let arrayBrandMob = []; 20024 arrayBrandMob = $("#brand_check_mob .check-mnf:checked").map(function() { 20025 return this; 20026 }).get(); 20027 20028 // Handle duplicate tags from list checklist 20029 $(".brand-filter .brand-tags-wrapper").html(""); 20030 20031 let arrCombination = [...arrayBrand, ...arrayBrand1, ...arrayBrand2, ...arrayBrand3, ...arrayBrandMob].reduce(((temp = [], val) => { 20032 const nameNow = val.getAttribute("name-tag"); 20033 if ( 20034 !temp.find(x => { 20035 const tempName = x.getAttribute("name-tag"); 20036 return tempName === nameNow; 20037 }) 20038 ) { 20039 temp.push(val); 20040 } 20041 return temp; 20042 }), []) 20043 20044 $.each(arrCombination, function(index, value) { 20045 const name = value.getAttribute("name-tag"); 20046 $(".brand-filter .brand-tags-wrapper").append('' + 20047 '<span class="filter-tags" status="brand" data-e="ok"><h6>' + 20048 name + '' + 20049 '</h6><i idroom ="' + 20050 name + 20051 '" id =' + 20052 value.getAttribute("id") + "-tags-filter" + 20053 ' class="fa fa-close erase-filter" style="color: #4a4a4a;">' + 20054 '</i>' + 20055 '</span>'); 20056 tagsTotal++; 20057 }); 20058 20059 // Countries 20060 $('.brand-filter .countries-tags-wrapper').html(''); 20061 20062 let xCountriesArrayTag = []; 20063 $("input.x-country-filter:checkbox:checked").each(function(idx, val) { 20064 if (!xCountriesArrayTag.find((x) => $(x).val() == val.value)) { 20065 xCountriesArrayTag.push($(this)); 20066 } 20067 }); 20068 20069 $.each(xCountriesArrayTag, function(index, value) { 20070 $(".brand-filter .countries-tags-wrapper").append(` 20071 <span class="filter-tags" status="countries" value="${value.attr('id')}"> 20072 <h6> 20073 ${value.attr('name-tag').toUpperCase()} 20074 </h6> 20075 <i class="fa fa-close erase-filter" style="color: #4a4a4a;"></i> 20076 </span> 20077 `); 20078 tagsTotal++; 20079 }); 20080 20081 $(".brand-filter .clear-all-tags").remove(); 20082 20083 if (tagsTotal > 1) { 20084 $(".brand-filter").append('' + 20085 '<span class="filter-tags clear-all-tags" onclick="clearAllTags()" style="padding-right: 20px;"><h6>Clear All</h6></span>' 20086 ); 20087 } 20088 20089 20090 // untuk hapus tags lewat tanda silang 20091 $(".filter-tags").off(); 20092 $(".filter-tags").on("click", function() { 20093 if ($(this).hasClass("search-param")) { 20094 search_from_url = ""; 20095 } 20096 // remove keyword tags 20097 if ($(this).attr("status") == "search text") { 20098 let segments = window.location.pathname.split('/'); 20099 let category_from_url = segments[3]; 20100 // if search at all category 20101 if (!category_from_url || category_from_url == "all-category") { 20102 $(".top-title span.text").html('Products'); 20103 } 20104 $(".filter-keyword").val(''); 20105 $(this).remove(); 20106 } 20107 // remove countries 20108 if ($(this).attr("status") == "countries") { 20109 $(`#countriesFilterSidebarSection #${$(this).attr("value")}`).prop("checked", false); 20110 $(this).remove(); 20111 } 20112 20113 if ($(this).attr("status") == "brand") { 20114 // console.log("this1"); 20115 var idCheckbox = $(this).find("i.erase-filter").attr('id'); 20116 idCheckbox = idCheckbox.replace("-tags-filter", ''); 20117 var checkboxId = "input[id='" + idCheckbox + "']"; 20118 $(checkboxId).prop('checked', false); 20119 $(checkboxId).parent().find("span h5").removeClass("checked"); 20120 $(".loading-css-animation").show(); 20121 $(".top-title span.count").hide(); 20122 20123 remake_url(1); 20124 $(this).remove(); 20125 } else { 20126 $(".loading-css-animation").show(); 20127 $(".top-title span.count").hide(); 20128 remake_url(4); 20129 $(this).remove(); 20130 } 20131 }); 20132 } 20133 20134 addTagsFilter3Reload(); 20135 20136 ////console.log("remake6-"); 20137 //remake_brand_list(""); 20138 20139 const resetBrandtags = () => { 20140 $("#brandList .form-check-input.sidebar:checked").prop('checked', false); 20141 $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked"); 20142 $("#brand_check_list_1 .check-mnf:checked").prop('checked', false); 20143 $("#brand_check_list_2 .check-mnf:checked").prop('checked', false); 20144 $("#brand_check_list_3 .check-mnf:checked").prop('checked', false); 20145 $("#brand_check_mob .check-mnf:checked").prop('checked', false); 20146 $(".brand-filter .brand-tags-wrapper").html(""); 20147 }; 20148 20149 function clearAllTags() { 20150 20151 window.location.href = "https://www.archify.com/au/products"; 20152 // $(".form-check-input.sidebar").prop("checked", false); 20153 // $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked"); 20154 resetBrandtags(); 20155 20156 // countries reset 20157 $("input.x-country-filter:checkbox:checked").each(function() { 20158 this.checked = false;
20159 }); 20160 // Keyword reset 20161 $('.filter-keyword').val(''); 20162 $(".loading-css-animation").show(); 20163 $(".top-title span.count").hide(); 20164 20165 remake_url(4); 20166 $(".filter-tags").remove(); 20167 } 20168</script>
20168 20169 20170<!-- Country Manufactured In Function Here -->
20171<script> 20172 $('#selectManufacturedIn1').select2({ 20173 placeholder: "Select Country", 20174 dropdownParent: $('.select-manufactured-in-wrapper1') 20175 }); 20176 $('#selectManufacturedIn2').select2({ 20177 placeholder: "Select Country", 20178 dropdownParent: $('.select-manufactured-in-wrapper2') 20179 }); 20180 $('#selectManufacturedIn3').select2({ 20181 placeholder: "Select Country", 20182 dropdownParent: $('.select-manufactured-in-wrapper3') 20183 }); 20184 $('#selectManufacturedInMob').select2({ 20185 placeholder: "Select Country", 20186 dropdownParent: $('.select-manufactured-in-wrapperMob') 20187 }); 20188 $('#select-material-origin-l1').select2({ 20189 placeholder: "Select Country", 20190 dropdownParent: $('.select-material-origin-wrapper-l1'), 20191 multiple: true, 20192 tokenSeparators: [','], 20193 }).val("").trigger("change"); 20194 $('#select-material-origin-l2').select2({ 20195 placeholder: "Select Country", 20196 dropdownParent: $('.select-material-origin-wrapper-l2'), 20197 multiple: true, 20198 tokenSeparators: [','], 20199 }).val("").trigger("change"); 20200 $('#select-material-origin-l3').select2({ 20201 placeholder: "Select Country", 20202 dropdownParent: $('.select-material-origin-wrapper-l3'), 20203 multiple: true, 20204 tokenSeparators: [','], 20205 }).val("").trigger("change"); 20206</script>
20206 20207 20208 20209<!-- Scroll Up Down Hide SHow Top Menu -->
20210<script> 20211 var top_menu_is_shown = true; 20212 var prevScrollpos = window.pageYOffset; 20213 var xxTimeOut; 20214 window.onscroll = function() { 20215 var currentScrollPos = window.pageYOffset; 20216 if (prevScrollpos > currentScrollPos) { 20217 document.getElementById("top-main-menu").style.top = "70px"; 20218 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("margin-top", "120px"); 20219 $("#new-sidebar-product-subcategory").css("margin-top", "120px"); 20220 $("#new-sidebar-product-subsubcategory").css("margin-top", "120px"); 20221 if (!top_menu_is_shown) { 20222 if (xxTimeOut) { 20223 clearTimeout(xxTimeOut) 20224 } 20225 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("overflow", "hidden"); 20226 $("#new-sidebar-product-subcategory").css("overflow", "hidden"); 20227 $("#new-sidebar-product-subsubcategory").css("overflow", "hidden"); 20228 xxTimeOut = setTimeout(function() { 20229 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("overflow", ""); 20230 scrollCategoryList.recalculate(); 20231 }, 500); 20232 xxTimeOut = setTimeout(function() { 20233 $("#new-sidebar-product-subcategory").css("overflow", ""); 20234 scrollSubCategoryList.recalculate(); 20235 }, 500); 20236 xxTimeOut = setTimeout(function() { 20237 $("#new-sidebar-product-subsubcategory").css("overflow", ""); 20238 scrollSubSubCategoryList.recalculate(); 20239 }, 500); 20240 } 20241 top_menu_is_shown = true; 20242 } else { 20243 if (window.pageYOffset > 120) { 20244 document.getElementById("top-main-menu").style.top = "-50px"; 20245 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("margin-top", "70px"); 20246 $("#new-sidebar-product-subcategory").css("margin-top", "70px"); 20247 $("#new-sidebar-product-subsubcategory").css("margin-top", "70px"); 20248 if (top_menu_is_shown) { 20249 if (xxTimeOut) { 20250 clearTimeout(xxTimeOut) 20251 } 20252 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("overflow", "hidden"); 20253 $("#new-sidebar-product-subcategory").css("overflow", "hidden"); 20254 $("#new-sidebar-product-subsubcategory").css("margin-top", "70px"); 20255 xxTimeOut = setTimeout(function() { 20256 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("overflow", ""); 20257 scrollCategoryList.recalculate(); 20258 }, 500); 20259 xxTimeOut = setTimeout(function() { 20260 $("#new-sidebar-product-subcategory").css("overflow", ""); 20261 scrollSubCategoryList.recalculate(); 20262 }, 500); 20263 xxTimeOut = setTimeout(function() { 20264 $("#new-sidebar-product-subsubcategory").css("overflow", ""); 20265 scrollSubSubCategoryList.recalculate(); 20266 }, 500); 20267 } 20268 top_menu_is_shown = false; 20269 $("#top-main-menu ul#top-main-menu-list > li").css("opacity", "1"); 20270 $(".popup-shade-bg-main-menu").css("display", "none"); 20271 $(".popup").css("display", "none"); 20272 } 20273 } 20274 prevScrollpos = currentScrollPos; 20275 } 20276</script>
20276 20277 20278 20279<!-- get visible footer height -->
20280<script> 20281 function getVisible() { 20282 var $el = $('#newFooter'), 20283 scrollTop = $(this).scrollTop(), 20284 scrollBot = scrollTop + $(this).height(), 20285 elTop = $el.offset().top, 20286 elBottom = elTop + $el.outerHeight(), 20287 visibleTop = elTop < scrollTop ? scrollTop : elTop, 20288 visibleBottom = elBottom > scrollBot ? scrollBot : elBottom; 20289 var footer_height = visibleBottom - visibleTop; 20290 20291 footer_height = 1; 20292 if (footer_height > 0) { 20293 if (top_menu_is_shown) { 20294 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("margin-top", "120px"); 20295 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("height", "calc(100vh - 120px - " + footer_height + "px)"); 20296 $("#new-sidebar-product-subcategory").css("margin-top", "120px"); 20297 $("#new-sidebar-product-subcategory").css("height", "calc(100vh - 120px - " + footer_height + "px)"); 20298 $("#new-sidebar-product-subsubcategory").css("margin-top", "120px"); 20299 $("#new-sidebar-product-subsubcategory").css("height", "calc(100vh - 120px - " + footer_height + "px)"); 20300 } else { 20301 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("margin-top", "70px"); 20302 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("height", "calc(100vh - 70px - " + footer_height + "px)"); 20303 $("#new-sidebar-product-subcategory").css("margin-top", "70px"); 20304 $("#new-sidebar-product-subcategory").css("height", "calc(100vh - 70px - " + footer_height + "px)"); 20305 $("#new-sidebar-product-subsubcategory").css("margin-top", "70px"); 20306 $("#new-sidebar-product-subsubcategory").css("height", "calc(100vh - 70px - " + footer_height + "px)"); 20307 } 20308 } else { 20309 if (top_menu_is_shown) { 20310 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("margin-top", "120px"); 20311 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("height", "calc(100vh - 120px"); 20312 $("#new-sidebar-product-subcategory").css("margin-top", "120px"); 20313 $("#new-sidebar-product-subcategory").css("height", "calc(100vh - 120px"); 20314 $("#new-sidebar-product-subsubcategory").css("margin-top", "120px"); 20315 $("#new-sidebar-product-subsubcategory").css("height", "calc(100vh - 120px"); 20316 } else { 20317 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("margin-top", "70px"); 20318 $("#catalog-home-page.search-brand #new-sidebar-product-category").css("height", "calc(100vh - 70px"); 20319 $("#new-sidebar-product-subcategory").css("margin-top", "70px"); 20320 $("#new-sidebar-product-subcategory").css("height", "calc(100vh - 70px"); 20321 $("#new-sidebar-product-subsubcategory").css("margin-top", "70px"); 20322 $("#new-sidebar-product-subsubcategory").css("height", "calc(100vh - 70px"); 20323 } 20324 } 20325 } 20326 20327 $(window).on('scroll resize', getVisible); 20328 20329 20330 $(document).ready(function() { 20331 getVisible(); 20332 }); 20333 var scrollCategoryList; 20334 20335 20336 // Init Simplebar for subcategory list 20337 var scrollSubCategoryList = new SimpleBar(document.getElementById('new-sidebar-product-subcategory'), { 20338 autoHide: false 20339 }); 20340 setTimeout(function() { 20341 scrollSubCategoryList.recalculate(); 20342 }, 500); 20343 20344 20345 // Init Simplebar for subsubcategory list 20346 var scrollSubSubCategoryList = new SimpleBar(document.getElementById('new-sidebar-product-subsubcategory'), { 20347 autoHide: false 20348 }); 20349 setTimeout(function() { 20350 scrollSubSubCategoryList.recalculate(); 20351 }, 500); 20352</script>
20352 20353 20354<!-- Retrieve Data Category & Collapse event proccess-->
20355<script> 20356 var data = ""; 20357 20358 if (getMenuProducts3Ajax) { 20359 getMenuProducts3Ajax.abort(); 20360 } 20361 getMenuProducts3Ajax = $.ajax({ 20362 url: 'https://www.archify.com/au/gpost/products/menu_products3', 20363 dataType: 'json', 20364 async: true, 20365 beforeSend: function() { 20366 20367 } 20368 }).done(function(datax) { 20369 20370 var global_category_from_url = ""; 20371 var parent_category_from_url = ""; 20372 data = datax; 20373 // //console.log(data); 20374 $("#new-sidebar-product-category .sidebar.skeleton").fadeOut("fast", function() { 20375 $("#new-sidebar-product-category .sidebar.category-sidebar").fadeIn(); 20376 }); 20377 if (data.length > 0) { 20378 20379 var category_from_url = ""; // ""; 20380 var global_category_from_url = category_from_url; 20381 var parent_category_from_url = category_from_url; 20382 20383 for (var i = 0; i < data.length; i++) { 20384 20385 // if category selected is l3 20386 if (category_from_url != data[i].slug) { 20387 if (data[i].child.length > 0) { 20388 for (var j = 0; j < data[i].child.length; j++) { 20389 if (data[i].child[j].child.length > 0) { 20390 for (var k = 0; k < data[i].child[j].child.length; k++) { 20391 if (global_category_from_url == data[i].child[j].child[k].slug) { 20392 category_from_url = data[i].child[j].slug; 20393 parent_category_from_url = data[i].child[j].slug; 20394 } 20395 } 20396 } 20397 } 20398 } 20399 } 20400 20401 } 20402 20403 for (var i = 0; i < data.length; i++) { 20404 20405 var slug = data[i].slug; 20406 var show_collapse = ""; 20407 var selected_link_category = ""; 20408 var selected_link_subcategory = ""; 20409 20410 var active = ""; 20411 if (i == 0) { 20412 active = "active"; 20413 } else { 20414 active = ""; 20415 } 20416 20417 var accordion_logo = '\ 20418 <img class="icon-accordion icon-accordion-plus show" src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg" alt="">\ 20419 <img class="icon-accordion icon-accordion-minus hide" src="https://www.archify.com/assets/img/svg/icon-accordion-minus.svg" alt="">\ 20420 '; 20421 20422 20423 if (category_from_url == data[i].slug) { 20424 accordion_logo = '\ 20425 <img class="icon-accordion icon-accordion-plus hide" src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg" alt="">\ 20426 <img class="icon-accordion icon-accordion-minus show" src="https://www.archify.com/assets/img/svg/icon-accordion-minus.svg" alt="">\ 20427 '; 20428 show_collapse = "show"; 20429 selected_link_category = "selected"; 20430 // remake_breadcrumbs(data[i].slug, "", data[i].name); 20431 $('.item-category-l1').remove(); 20432 $('.item-category-l2').remove(); 20433 $('.item-category-l3').remove(); 20434 $('.breadcrumb-nav > span').append('\ 20435 <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 20436 /\ 20437 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + data[i].slug + '" href="https://www.archify.com/au/products/' + data[i].slug + '"><span itemprop="name">' + data[i].name + '</span></a>\ 20438 <meta itemprop="position" content="3">\ 20439 </span>\ 20440 '); 20441 $(".top-title span.text").html(''); 20442 $(".top-title span.text").append('\ 20443 ' + data[i].name + '\ 20444 '); 20445 } 20446 if (data[i].child.length > 0) { 20447 for (var j = 0; j < data[i].child.length; j++) { 20448 if (category_from_url == data[i].child[j].slug) { 20449 20450 accordion_logo = '\ 20451 <img class="icon-accordion icon-accordion-plus hide" src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg" alt="">\ 20452 <img class="icon-accordion icon-accordion-minus show" src="https://www.archify.com/assets/img/svg/icon-accordion-minus.svg" alt="">\ 20453 '; 20454 show_collapse = "show"; 20455 selected_link_subcategory = "selected"; 20456 // remake_breadcrumbs(data[i].slug, data[i].name, data[i].child[j].name); 20457 $('.item-category-l1').remove(); 20458 $('.item-category-l2').remove(); 20459 $('.item-category-l3').remove(); 20460 $('.breadcrumb-nav > span').append('\
20461 <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 20462 /\ 20463 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + data[i].slug + '" href="https://www.archify.com/au/products/' + data[i].slug + '"><span itemprop="name">' + data[i].name + '</span></a>\ 20464 <meta itemprop="position" content="3">\ 20465 </span>\ 20466 <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 20467 /\ 20468 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + data[i].child[j].slug + '" href="https://www.archify.com/au/products/' + data[i].child[j].slug + '"><span itemprop="name">' + data[i].child[j].name + '</span></a>\ 20469 <meta itemprop="position" content="4">\ 20470 </span>\ 20471 '); 20472 $(".top-title span.text").html(''); 20473 $(".top-title span.text").append('\ 20474 ' + data[i].child[j].name + '\ 20475 '); 20476 } 20477 } 20478 } 20479 20480 if (i == 0) { 20481 $("#new-sidebar-product-category .sidebar.category-sidebar .category-list-wrapper").append('\ 20482 <div class="card product-category-item panel-group asr-level3 all-products-link">\ 20483 <div class="card-header panel-heading">\ 20484 <h4 class="panel-title">\ 20485 <a class="select collapsed link-all-categories" href="#" value="all-category" name="All Categories">\ 20486 <p style="margin: 0; width: 100%;" value="all-category" name="All Categories">All Product Categories</p>\ 20487 </a>\ 20488 </h4>\ 20489 </div>\ 20490 </div>\ 20491 '); 20492 20493 $(".parentmob").append('\ 20494 <li class="all-livhide link-all-categories" val="all-categories" value="all-category" name="Products">\ 20495 <span>All Categories</span>\ 20496 </li>\ 20497 '); 20498 }; 20499 20500 20501 $(".parentmob").append('\ 20502 <li class="liv" val="' + data[i].slug + '">\ 20503 <span>' + data[i].name + '</span>\ 20504 <img src="https://www.archify.com/assets/img/svg/icon-general-arrow-right.svg" alt="arrow black right" width="20" height="20" class="imgliv">\ 20505 </li>\ 20506 '); 20507 20508 $("#wrap-secondmob").append('\ 20509 <div class="section categorychild-' + data[i].slug + '">\ 20510 <div class="filter-head">\ 20511 Filter\ 20512 </div>\ 20513 <div class="filter-content-full">\ 20514 <div class="info-back-filter remove-this-section">\ 20515 <img class="back-class" src="https://www.archify.com/assets/img/svg/left-arrow-black-small-bold.svg" alt="arrow black left" width="10" height="10">' + data[i].name + '\ 20516 </div>\ 20517 <ul id="listsecondmob-' + i + '" class="list-level nextmob">\ 20518 <li class="all-mob-lv2" value="' + data[i].slug + '" name="' + data[i].name + '" status="parent"><span>All ' + data[i].name + '</span></li>\ 20519 </ul>\ 20520 </div>\ 20521 </div>\ 20522 '); 20523 20524 var all_l1 = ""; 20525 if (data[i].child.length > 0) { 20526 all_l1 += '<li><a href="https://www.archify.com/au/products/' + data[i].slug + '" class="' + selected_link_category + '" value="' + data[i].slug + '" seo_h1="' + data[i].seo_h1 + '" name="' + data[i].name + '" status="parent" id>All ' + data[i].name + '</a></li>'; 20527 20528 $("#new-sidebar-product-category .sidebar.category-sidebar .category-list-wrapper").append('\ 20529 <div class="card product-category-item panel-group" style="background: #fff; margin: 0; border: 0px; border-radius: 0px;">\ 20530 <div class="card-header panel-heading" style="background: #fff; padding-left: 0;" role="tab" id="product-cat-' + i + '" data-psvalue="' + data[i].slug + '" data-psname="' + data[i].name + '">\ 20531 <h4 class="panel-title">\ 20532 <a class="select collapsed" data-toggle="collapse" href="#collapse-cat-' + i + '" aria-expanded="false" aria-controls="collapse-cat-' + i + '">\ 20533 <p style="margin: 0; width: 100%;">
20533' + data[i].name + '</p>\ 20534 ' + accordion_logo + '\ 20535 </a>\ 20536 </h4>\ 20537 </div>\ 20538 <div style="width: 100%;" class="panel-collapse collapse ' + show_collapse + '" id="collapse-cat-' + i + '" data-parent="#xxxxxx">\ 20539 <div class="card-body panel-body">\ 20540 <ul class="ullevel1" value="' + data[i].slug + '" name="' + data[i].name + '">\ 20541 ' + all_l1 + '\ 20542 </ul>\ 20543 </div>\ 20544 </div\ 20545 </div>\ 20546 '); 20547 } 20548 20549 20550 // level 2 20551 $("#id-sublevel2").append('\ 20552 <div id="collapse-sublevel2-' + i + '" class="toggle-spec level2-' + data[i].slug + '"></div>\ 20553 '); 20554 /* $("#id-sublevel3").append('\ 20555 <div id="collapse-sublevel3-' + i + '" class="toggle-spec level3-' + data[i].slug + '"></div>\ 20556 '); */ 20557 20558 if (selected_link_category == "selected") { 20559 selected_link_category = ""; 20560 } 20561 if (data[i].child.length > 0) { 20562 for (var j = 0; j < data[i].child.length; j++) { 20563 selected_link_subcategory = ""; 20564 if (category_from_url == data[i].child[j].slug) { 20565 selected_link_subcategory = "selected"; 20566 } 20567 // if(data[i].child[j].length > 0){ 20568 $("#collapse-cat-" + i + " ul").append('\ 20569 <li><a href="https://www.archify.com/au/products/' + data[i].child[j].slug + '" class="' + selected_link_subcategory + '" value="' + data[i].child[j].slug + '" seo_h11="' + data[i].child[j].seo_h1 + '" name="' + data[i].child[j].name + '" status="children">' + data[i].child[j].name + '</a></li>\ 20570 '); 20571 // } 20572 20573 if (selected_link_subcategory == "selected") { 20574 selected_link_subcategory = ""; 20575 } 20576 20577 20578 var child_l3 = data[i].child[j].child; 20579 if (child_l3.length <= 1) { 20580 $("#listsecondmob-" + i).append('\ 20581 <li class="all-mob-lv3" value="' + data[i].child[j].slug + '" name="' + data[i].child[j].name + '" data-parent1="' + data[i].slug + '" data-parent2="' + data[i].child[j].slug + '"><span>' + data[i].child[j].name + '</span></li>\ 20582 '); 20583 } else { 20584 $("#listsecondmob-" + i).append('\ 20585 <li class="liv" val="' + data[i].child[j].slug + '">\ 20586 <span>' + data[i].child[j].name + '</span>\ 20587 <img src="https://www.archify.com/assets/img/svg/icon-general-arrow-right.svg" alt="arrow black right" width="20" height="20" class="imgliv">\ 20588 </li>\ 20589 '); 20590 } 20591 /* $("#listsecondmob-" + i).append('\ 20592 <li class="all-mob-lv3" value="' + data[i].child[j].slug + '" name="' + data[i].child[j].name + '" data-parent1="' + data[i].slug + '" data-parent2="' + data[i].child[j].slug + '"><span>' + data[i].child[j].name + '</span></li>\ 20593 '); */ 20594 // $("#listsecondmob-"+i).addClass("clickable"); 20595 20596 20597 $("#child-lastmob").append('\ 20598 <div class="section childlast-' + data[i].child[j].slug + '">\ 20599 <div class="filter-head">\ 20600 Filter\ 20601 </div>\ 20602 <div class="filter-content-full">\ 20603 <div class="info-back-filter remove-this-section">\ 20604 <img class="back-class" src="https://www.archify.com/assets/img/svg/left-arrow-black-small-bold.svg" alt="arrow black left" width="10" height="10">' + data[i].child[j].name + '\ 20605 </div>\ 20606 <ul id="moblistlevel2-' + data[i].child[j].slug + '" class="list-level">\ 20607 <li class="all-mob-lv3" value="' + data[i].child[j].slug + '" name="' + data[i].child[j].name + '" data-parent1="' + data[i].slug + '" data-parent2="' + data[i].child[j].slug + '"><span>All ' + data[i].child[j].name + '</span></li>\ 20608 </ul>\ 20609 </div>\ 20610 </div>\ 20611 '); 20612 20613 // level 2 20614 20615 var child_l3 = data[i].child[j].child; 20616 if (child_l3.length > 1) { 20617 $("#collapse-sublevel2-" + i).append('\ 20618 <div class="wrap-spec-toggle">\
20619 <div class="spec-updown headsublevel2 infochild-' + data[i].child[j].slug + '" headlevel2="' + data[i].child[j].name + '" headlevel2slug="' + data[i].child[j].slug + '">' + data[i].child[j].name + '<div class="arrow-cio "><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\ 20620 <div class="body-togg-asr bodysublevel2">\ 20621 <ul id="listlevel2-' + data[i].child[j].slug + '" class="list-spec onclick-subcategory">\ 20622 <li><a href="' + data[i].child[j].slug + '" status="parent" class="" value="' + data[i].child[j].slug + '" seo_h1="' + data[i].child[j].seo_h1 + '" name="' + data[i].child[j].name + '">All ' + data[i].child[j].name + '</a></li>\ 20623 </ul>\ 20624 </div>\ 20625 </div>\ 20626 '); 20627 /* $("#collapse-sublevel3-" + i).append('\ 20628 <div class="wrap-spec-toggle">\ 20629 <div class="spec-updown headsublevel3 infochild-' + data[i].child[j].slug + '" headlevel3="' + data[i].child[j].name + '" headlevel3slug="' + data[i].child[j].slug + '">' + data[i].child[j].name + '<div class="arrow-cio "><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\ 20630 <div class="body-togg-asr bodysublevel3">\ 20631 <ul id="listlevel3-' + data[i].child[j].slug + '" class="list-spec onclick-subcategory">\ 20632 <li><a href="' + data[i].child[j].slug + '" status="parent" class="" value="' + data[i].child[j].slug + '" seo_h1="' + data[i].child[j].seo_h1 + '" name="' + data[i].child[j].name + '">All ' + data[i].child[j].name + '</a></li>\ 20633 </ul>\ 20634 </div>\ 20635 </div>\ 20636 '); */ 20637 } else { 20638 $("#collapse-sublevel2-" + i).append('\ 20639 <div class="wrap-spec-toggle">\ 20640 <div class="spec-updown headsublevel2 infochild-' + data[i].child[j].slug + '" headlevel2="' + data[i].child[j].name + '" headlevel2slug="' + data[i].child[j].slug + '">' + data[i].child[j].name + '<div class="arrow-cio "><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\ 20641 <div class="body-togg-asr bodysublevel2">\ 20642 <ul id="listlevel2-' + data[i].child[j].slug + '" class="list-spec onclick-subcategory">\ 20643 </ul>\ 20644 </div>\ 20645 </div>\ 20646 '); 20647 /* $("#collapse-sublevel3-" + i).append('\ 20648 <div class="wrap-spec-toggle">\ 20649 <div class="spec-updown headsublevel3 infochild-' + data[i].child[j].slug + '" headlevel3="' + data[i].child[j].name + '" headlevel3slug="' + data[i].child[j].slug + '">' + data[i].child[j].name + '<div class="arrow-cio "><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div></div>\ 20650 <div class="body-togg-asr bodysublevel3">\ 20651 <ul id="listlevel3-' + data[i].child[j].slug + '" class="list-spec onclick-subcategory">\ 20652 </ul>\ 20653 </div>\ 20654 </div>\ 20655 '); */ 20656 } 20657 // //console.log(child_l3); 20658 if (typeof child_l3 !== 'undefined') { 20659 if (child_l3.length > 0) { 20660 for (x = 0; x < child_l3.length; x++) { 20661 ////console.log(child_l3[x].name); 20662 $("#listlevel2-" + data[i].child[j].slug).append('\ 20663 <li><a href="#" class="listlevel2" value="' + child_l3[x].slug + '" name="' + child_l3[x].name + '">' + child_l3[x].name + '</a></li>\ 20664 '); 20665 $("#moblistlevel2-" + data[i].child[j].slug).append('\ 20666 <li class="mob-level2" value="' + child_l3[x].slug + '" name="' + child_l3[x].name + '" data-parent1="' + data[i].slug + '" data-parent2="' + data[i].child[j].slug + '">\
20667 <span>' + child_l3[x].name + '</span>\ 20668 </li>\ 20669 '); 20670 } 20671 } 20672 } 20673 20674 } 20675 } 20676 20677 20678 if (i == (data.length - 1)) { 20679 var link_select_category = ".ullevel1 li a"; 20680 $(link_select_category).unbind("click"); 20681 $(link_select_category).click(function(e) { 20682 20683 filter_datax.filtered = []; 20684 e.preventDefault(); 20685 $(".form-check-input.sidebar").prop("checked", false); 20686 $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked"); 20687 resetBrandtags(); 20688 20689 $(link_select_category).removeClass("selected"); 20690 $(this).addClass("selected"); 20691 20692 // Commented because make issue when use back button, the data became duplicate when filter category lv 2 show up at browser 20693 ////console.log($(this).attr("seo_h1")); 20694 // remake_url(1, $(this).attr("value")); 20695 // history.replaceState(null, null, $(this).attr("href")); 20696 20697 //deden 20698 if ($(this).attr("status") == "parent") { 20699 // remake_breadcrumbs($(this).parent().parent().attr("value"), "", $(this).attr("name")) 20700 $('.item-category-l1').remove(); 20701 $('.item-category-l2').remove(); 20702 $('.item-category-l3').remove(); 20703 $('.breadcrumb-nav > span').append('\ 20704 <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 20705 /\ 20706 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 20707 <meta itemprop="position" content="3">\ 20708 </span>\ 20709 '); 20710 $(".top-title span.text").html(''); 20711 // $(".loading-css-animation").show(); 20712 // $(".loading-css-animation").hide(); 20713 // $(".top-title span.count").hide(); 20714 $(".top-title span.count").show(); 20715 // $(".top-title span.text").hide(); 20716 $(".top-title span.text").append('\ 20717 ' + $(this).attr("seo_h1") + '\ 20718 '); 20719 } else { 20720 //klik l2 langsung ke tampilan l3 20721 // remake_breadcrumbs($(this).parent().parent().attr("value"), $(this).parent().parent().attr("name"), $(this).attr("name")); 20722 $('.item-category-l1').remove(); 20723 $('.item-category-l2').remove(); 20724 $('.item-category-l3').remove(); 20725 $('.breadcrumb-nav > span').append('\ 20726 <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 20727 /\ 20728 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).parent().parent().attr("value") + '" href="https://www.archify.com/au/products/' + $(this).parent().parent().attr("value") + '"><span itemprop="name">' + $(this).parent().parent().attr("name") + '</span></a>\ 20729 <meta itemprop="position" content="3">\ 20730 </span>\ 20731 <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 20732 /\ 20733 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 20734 <meta itemprop="position" content="4">\ 20735 </span>\ 20736 '); 20737 $(".top-title span.text").html(''); 20738 // $(".loading-css-animation").show(); 20739 // $(".loading-css-animation").hide(); 20740 // $(".top-title span.count").hide(); 20741 $(".top-title span.count").show(); 20742 // $(".top-title span.text").hide(); 20743 $(".top-title span.text").append('\ 20744 ' + $(this).attr("seo_h1") + '\ 20745 '); 20746 } 20747 //alert($(this).attr("value")); 20748 // console.log("remake13"); 20749 remake_brand_list($(this).attr("value")); 20750 20751 if ($(this).parents('#new-sidebar-product-category').hasClass("show-mobile")) { 20752 $("body").removeClass("modal-open"); 20753 // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show"); 20754 $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile"); 20755 $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show"); 20756 // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width"); 20757 $("#toggleCategoryButton").removeClass("clicked"); 20758 $("#toggleCategoryButtonMobile").removeClass("clicked"); 20759 $("#bg-menu-mobile-transparent").fadeOut(); 20760 } 20761 20762
20763 //show hide product spec filter 20764 var datvalue = $(this).parent().parent().parent().parent().siblings(".panel-heading").data("psvalue"); 20765 var datname = $(this).parent().parent().parent().parent().siblings(".panel-heading").data("psname"); 20766 var datinfochild = $(this).attr("value"); 20767 20768 if ($(this).attr("status") == "parent") { 20769 show_level2(datvalue, datname, datinfochild); 20770 } else { 20771 show_level3($(this).attr("value"), $(this).attr("name"), datinfochild); 20772 } 20773 20774 resetBrandtags(); 20775 //show_level2(datvalue, datname, datinfochild); 20776 // alert(); 20777 }); 20778 20779 // Add function to check click function so the url and history recorded 20780 $('.ullevel1 li a').on('click', function(e) { 20781 20782 //If mobile phone not check is triggered 20783 if ($('.new-company-filter-project-category-menu-mobile.new-company-filter-menu.show')?.length) { 20784 let baseURI = $(this)?.[0]?.baseURI.split('?'); 20785 if (baseURI[0] !== $(this)?.[0]?.href) { 20786 remake_url(1, $(this).attr("value")); 20787 history.replaceState(null, null, `${$(this).attr("href")}${baseURI[1] ? '?'+baseURI[1] : ''}`); 20788 } 20789 } 20790 // desktop check is triggered to prevent double history when use back function 20791 else { 20792 if (!e.isTrigger) { 20793 let baseURI = $(this)?.[0]?.baseURI.split('?'); 20794 if (baseURI[0] !== $(this)?.[0]?.href) { 20795 remake_url(1, $(this).attr("value")); 20796 history.replaceState(null, null, `${$(this).attr("href")}${baseURI[1] ? '?'+baseURI[1] : ''}`); 20797 } 20798 } 20799 } 20800 20801 }); 20802 20803 // Change from document to specific element because when we click the random element at page, the function got triggered and make a history change 20804 $(".onclick-solution li a").unbind("click"); 20805 $(document).on('click', '.onclick-solution li a', function(e) { 20806 // alert("hello"+$(this).attr("value")); 20807 e.preventDefault(); 20808 filter_datax.filtered = []; 20809 $(".form-check-input.sidebar").prop("checked", false); 20810 $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked"); 20811 $(".filter-tags").remove(); 20812 // console.log("ini yg di klik"); 20813 // $(link_select_category).removeClass("selected"); 20814 $(this).addClass("selected"); 20815 ////console.log($(this).attr("seo_h1")); 20816 e.preventDefault(); 20817 let baseURI = $(this)?.[0]?.baseURI.split('?'); 20818 remake_url(1, $(this).attr("value"), "", null); 20819 history.replaceState(null, null, `${$(this).attr("href")}${baseURI[1] ? '?'+baseURI[1] : ''}`); 20820 20821 if ($(this).attr("status") == "parent") { 20822 // remake_breadcrumbs($(this).parent().parent().attr("value"), "", $(this).attr("name")) 20823 // $('.item-category-l1').remove(); 20824 $('.item-category-l2').remove(); 20825 $('.item-category-l3').remove(); 20826 $('.breadcrumb-nav > span').append('\ 20827 <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 20828 /\ 20829 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 20830 <meta itemprop="position" content="4">\ 20831 </span>\ 20832 '); 20833 $(".top-title span.text").html(''); 20834 $(".loading-css-animation").show(); 20835 $(".top-title span.count").hide(); 20836 // $(".top-title span.text").hide(); 20837 $(".top-title span.text").append('\ 20838 ' + $(this).attr("name") + '\ 20839 '); 20840 } else { 20841 //klik l2 langsung ke tampilan l3 20842 // remake_breadcrumbs($(this).parent().parent().attr("value"), $(this).parent().parent().attr("name"), $(this).attr("name")); 20843 // $('.item-category-l1').remove(); 20844 // $('.item-category-l2').remove(); 20845 $('.item-category-l3').remove(); 20846 /* $('.breadcrumb-nav > span').append('\
20847 <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 20848 /\ 20849 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).parent().parent().attr("value") + '" href="https://www.archify.com/au/products/' + $(this).parent().parent().attr("value") + '"><span itemprop="name">' + $(this).parent().parent().attr("name") + '</span></a>\ 20850 <meta itemprop="position" content="3">\ 20851 </span>\ 20852 <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 20853 /\ 20854 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 20855 <meta itemprop="position" content="4">\ 20856 </span>\ 20857 '); */ 20858 $('.breadcrumb-nav > span').append('\ 20859 <span class="item-category-l3" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 20860 /\ 20861 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 20862 <meta itemprop="position" content="5">\ 20863 </span>\ 20864 '); 20865 $(".top-title span.text").html(''); 20866 $(".loading-css-animation").show(); 20867 $(".top-title span.count").hide(); 20868 // $(".top-title span.text").hide(); 20869 $(".top-title span.text").append('\ 20870 ' + $(this).attr("name") + '\ 20871 '); 20872 } 20873 //alert($(this).attr("value")); 20874 // console.log("remake14"); 20875 remake_brand_list($(this).attr("value")); 20876 20877 if ($(this).parents('#new-sidebar-product-category').hasClass("show-mobile")) { 20878 $("body").removeClass("modal-open"); 20879 // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show"); 20880 $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile"); 20881 $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show"); 20882 // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width"); 20883 $("#toggleCategoryButton").removeClass("clicked"); 20884 $("#toggleCategoryButtonMobile").removeClass("clicked"); 20885 $("#bg-menu-mobile-transparent").fadeOut(); 20886 } 20887 20888 20889 //show hide product spec filter 20890 var datvalue = $(this).parent().parent().parent().parent().siblings(".panel-heading").data("psvalue"); 20891 var datname = $(this).parent().parent().parent().parent().siblings(".panel-heading").data("psname"); 20892 var datinfochild = $(this).attr("value"); 20893 20894 if ($(this).attr("status") == "parent") { 20895 show_level2(datvalue, datname, datinfochild); 20896 } else { 20897 show_level3($(this).attr("value"), $(this).attr("name"), datinfochild); 20898 } 20899 //show_level2(datvalue, datname, datinfochild); 20900 // alert(); 20901 }); 20902 var link_select_subcategory = ".ullevel3 li a"; 20903 $(link_select_subcategory).unbind("click"); 20904 $(link_select_subcategory).click(function(e) { 20905 e.preventDefault(); 20906 filter_datax.filtered = []; 20907 20908 $(".form-check-input.sidebar").prop("checked", false); 20909 $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked"); 20910 $(".filter-tags").remove(); 20911 20912 $(link_select_category).removeClass("selected"); 20913 $(this).addClass("selected"); 20914 //console.log($(this).attr("seo_h1")); 20915 let baseURI = $(this)?.[0]?.baseURI.split('?'); 20916 remake_url(1, $(this).attr("value")); 20917 20918 history.replaceState(null, null, `${$(this).attr("href")}${baseURI[1] ? '?'+baseURI[1] : ''}`); 20919 20920 //deden 20921 if ($(this).attr("status") == "parent") { 20922 // remake_breadcrumbs($(this).parent().parent().attr("value"), "", $(this).attr("name")) 20923 $('.item-category-l1').remove(); 20924 $('.item-category-l2').remove(); 20925 $('.item-category-l3').remove(); 20926 $('.breadcrumb-nav > span').append('\
20927 <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 20928 /\ 20929 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 20930 <meta itemprop="position" content="3">\ 20931 </span>\ 20932 '); 20933 $(".top-title span.text").html(''); 20934 $(".loading-css-animation").show(); 20935 $(".top-title span.count").hide(); 20936 // $(".top-title span.text").hide(); 20937 $(".top-title span.text").append('\ 20938 ' + $(this).attr("seo_h1") + '\ 20939 '); 20940 } else { 20941 //klik l2 langsung ke tampilan l3 20942 // remake_breadcrumbs($(this).parent().parent().attr("value"), $(this).parent().parent().attr("name"), $(this).attr("name")); 20943 $('.item-category-l1').remove(); 20944 $('.item-category-l2').remove(); 20945 $('.item-category-l3').remove(); 20946 $('.breadcrumb-nav > span').append('\ 20947 <span class="item-category-l1" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 20948 /\ 20949 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).parent().parent().attr("value") + '" href="https://www.archify.com/au/products/' + $(this).parent().parent().attr("value") + '"><span itemprop="name">' + $(this).parent().parent().attr("name") + '</span></a>\ 20950 <meta itemprop="position" content="3">\ 20951 </span>\ 20952 <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 20953 /\ 20954 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 20955 <meta itemprop="position" content="4">\ 20956 </span>\ 20957 '); 20958 $(".top-title span.text").html(''); 20959 $(".loading-css-animation").show(); 20960 $(".top-title span.count").hide(); 20961 // $(".top-title span.text").hide(); 20962 $(".top-title span.text").append('\ 20963 ' + $(this).attr("seo_h1") + '\ 20964 '); 20965 } 20966 //alert($(this).attr("value")); 20967 // console.log("remake16"); 20968 remake_brand_list($(this).attr("value")); 20969 20970 if ($(this).parents('#new-sidebar-product-category').hasClass("show-mobile")) { 20971 $("body").removeClass("modal-open"); 20972 // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show"); 20973 $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile"); 20974 $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show"); 20975 // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width"); 20976 $("#toggleCategoryButton").removeClass("clicked"); 20977 $("#toggleCategoryButtonMobile").removeClass("clicked"); 20978 $("#bg-menu-mobile-transparent").fadeOut(); 20979 } 20980 20981 20982 //show hide product spec filter 20983 var datvalue = $(this).parent().parent().parent().parent().siblings(".panel-heading").data("psvalue"); 20984 var datname = $(this).parent().parent().parent().parent().siblings(".panel-heading").data("psname"); 20985 var datinfochild = $(this).attr("value"); 20986 20987 if ($(this).attr("status") == "parent") { 20988 show_level2(datvalue, datname, datinfochild); 20989 } else { 20990 show_level3($(this).attr("value"), $(this).attr("name"), datinfochild); 20991 } 20992 // show_level2(datvalue, datname, datinfochild); 20993 // alert(); 20994 }); 20995 20996 $("a.link-all-categories").unbind("click"); 20997 $("a.link-all-categories").click(function(e) { 20998 e.preventDefault(); 20999 21000 $(".form-check-input.sidebar").prop("checked", false); 21001 $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked"); 21002 $(".filter-tags").remove(); 21003 21004 $(link_select_category).removeClass("selected"); 21005 $(this).addClass("selected"); 21006 21007 remake_url(1, $(this).attr("value")); 21008 // remake_breadcrumbs($(this).attr("value"), "", $(this).attr("name")); 21009 $('.item-category-l1').remove(); 21010 $('.item-category-l2').remove(); 21011 $('.item-category-l3').remove(); 21012 // console.log("remake17"); 21013 remake_brand_list($(this).attr("value")); 21014 21015 // Remake Category Select Sidebar 21016 $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul li a").removeClass("selected"); 21017 $(".icon-accordion-plus").removeClass("hide").addClass("show"); 21018 $(".icon-accordion-minus").removeClass("show").addClass("hide"); 21019 $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse").removeClass("show"); 21020 21021 var this_value = $(this).attr("value"); 21022 $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul").each(function() { 21023 if (this_value == $(this).attr("value")) { 21024 $(this).parent().parent().addClass("show"); 21025 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("show").addClass("hide"); 21026 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("hide").addClass("show"); 21027 $(this).find("li:first-child a").addClass("selected"); 21028 } 21029 }); 21030 21031 if ($(this).parents('#new-sidebar-product-category').hasClass("show-mobile")) { 21032 $("body").removeClass("modal-open"); 21033 // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show"); 21034 $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile"); 21035 $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show"); 21036 // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width"); 21037 $("#toggleCategoryButton").removeClass("clicked"); 21038 $("#toggleCategoryButtonMobile").removeClass("clicked"); 21039 $("#bg-menu-mobile-transparent").fadeOut(); 21040 } 21041 21042 $(".loading-css-animation").show(); 21043 $(".top-title span.count").hide(); 21044 $(".top-title span.text").html('Products'); 21045 }); 21046 21047 21048 // Init Simplebar for category list 21049 scrollCategoryList = new SimpleBar(document.getElementById('new-sidebar-product-category'), { 21050 autoHide: false 21051 }); 21052 setTimeout(function() { 21053 scrollCategoryList.recalculate(); 21054 }, 500); 21055 $('#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse').on('shown.bs.collapse', function() { 21056 scrollCategoryList.recalculate(); 21057 }); 21058 $('#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse').on('hidden.bs.collapse', function() { 21059 scrollCategoryList.recalculate(); 21060 }); 21061 } 21062 21063 21064 } 21065 21066 // mobile parent 21067 $('.parentmob li').click(function() { 21068 var getvalu = $(this).attr("val"); 21069 $(".section.categorychild-" + getvalu).addClass("show"); 21070 }); 21071 21072 $('.nextmob li').click(function() { 21073 var getvalu = $(this).attr("val"); 21074 $(".section.childlast-" + getvalu).addClass("show"); 21075 }); 21076 21077 // remove section button 21078 $('.remove-this-section').click(function() { 21079 $(this).parent().parent().removeClass('show'); 21080 }); 21081 21082 $('.accmob li').click(function() { 21083 var getvalu = $(this).attr("val"); 21084 $(".section." + getvalu).addClass("show"); 21085 }); 21086 21087 $(".category-filter-mobile a").click(function(e) { 21088 e.preventDefault(); 21089 toggleMenuFilter($(this).attr("val")); 21090 applyfiltermobile(); 21091 }); 21092 21093 //Onclick to subcategory 21094 $(".onclick-subcategory li a").unbind("click"); 21095 $(".onclick-subcategory li a").click(function(e) { 21096 21097 $(".brand-tags-wrapper.filter-tags").trigger("click"); 21098 $(".brand-tags-wrapper.filter-tags").remove(); 21099 e.preventDefault(); 21100 $(".onclick-subcategory li a").removeClass("selected"); 21101 $(this).addClass("selected"); 21102 $(".loading-css-animation").show(); 21103 $(".top-title span.count").hide(); 21104 if ($(this).attr("status") == "parent") { 21105 $(".form-check-input.sidebar").prop("checked", false); 21106 $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked"); 21107 $(".filter-tags").remove(); 21108 21109 var parentValue = $(this).attr('value'); 21110 21111 $(".ullevel1 li a").removeClass("selected"); 21112 $(".ullevel1 li a").each(function() { 21113 if ($(this).attr('value') == parentValue) { 21114 $(this).addClass("selected"); 21115 } 21116 }); 21117 21118 // Handle click so history not same 21119 if ($(this)?.[0]?.baseURI?.replace('#', '') !== $(this)?.[0]?.href?.replace('#', '')) { 21120 remake_url(1, $(this).attr("value")); 21121 // history.replaceState(null, null, $(this).attr("href")); 21122 } 21123 // remake_url(1, $(this).attr("value")); 21124 // history.replaceState(null, null, $(this).attr("href")); 21125 // console.log("remake18"); 21126 remake_brand_list($(this).attr("value")); 21127 21128 resetBrandtags(); 21129 $('.item-category-l2').remove(); 21130 $('.item-category-l3').remove(); 21131 $('.breadcrumb-nav > span').append('\
21132 <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 21133 /\ 21134 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 21135 <meta itemprop="position" content="4">\ 21136 </span>\ 21137 '); 21138 $(".top-title span.text").html(''); 21139 $(".top-title span.text").append('\ 21140 ' + $(this).attr("name") + '\ 21141 '); 21142 } else { 21143 var datvalue = $(this).attr("value"); 21144 var datname = $(this).attr("name"); 21145 var breadcrumb = $(this).parent().parent().parent().siblings(".spec-updown").attr("headlevel2"); 21146 var parentName = $(this).parent().parent().parent().siblings(".spec-updown").attr("headlevel2"); 21147 var parentSlug = $(this).parent().parent().parent().siblings(".spec-updown").attr("headlevel2Slug"); 21148 21149 // Handle click so history not same 21150 if ("https://www.archify.com/au/products/" + datvalue !== $(this)?.[0]?.href?.replace('#', '')) { 21151 remake_url(1, datvalue); 21152 } 21153 21154 21155 show_level3(datvalue, datname, breadcrumb); 21156 // console.log("remake19"); 21157 remake_brand_list($(this).attr("value")); 21158 // var text_lv2 = $('#infolevel2').text(); 21159 // var slug_lv2 = $('#infolevel2').attr('value'); 21160 // remake_breadcrumbs(slug_lv2, text_lv2, datname, breadcrumb) 21161 21162 $(".ullevel1 li a").removeClass("selected"); 21163 $(".ullevel1 li a").each(function() { 21164 if ($(this).attr('value') == parentSlug) { 21165 $(this).addClass("selected"); 21166 } 21167 }); 21168 21169 $('.item-category-l2').remove(); 21170 $('.item-category-l3').remove(); 21171 $('.breadcrumb-nav > span').append('\ 21172 <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 21173 /\ 21174 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + parentSlug + '" href="https://www.archify.com/au/products/' + parentSlug + '"><span itemprop="name">' + parentName + '</span></a>\ 21175 <meta itemprop="position" content="4">\ 21176 </span>\ 21177 <span class="item-category-l3" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 21178 /\ 21179 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 21180 <meta itemprop="position" content="5">\ 21181 </span>\ 21182 '); 21183 $(".top-title span.text").html(''); 21184 $(".top-title span.text").append('\ 21185 ' + $(this).attr("name") + '\ 21186 '); 21187 }; 21188 }); 21189 21190 $(".onclick-solution li a").unbind("click"); 21191 $(".onclick-solution li a").click(function(e) { 21192 // console.log("klik l3"); 21193 e.preventDefault(); 21194 filter_datax.filtered = []; 21195 21196 $(".onclick-solution li a").removeClass("selected"); 21197 $(".ullevel1 li a").each(function() { 21198 if ($(this).attr('value') == parentValue) { 21199 $(this).addClass("selected"); 21200 } 21201 }); 21202 $(this).addClass("selected"); 21203 $(".loading-css-animation").show(); 21204 $(".top-title span.count").hide(); 21205 if ($(this).attr("status") == "parent") { 21206 $(".form-check-input.sidebar").prop("checked", false); 21207 $(".form-check-input.sidebar").parent().find("span h5").removeClass("checked"); 21208 $(".filter-tags").remove(); 21209 21210 var parentValue = $(this).attr('value'); 21211 21212 // $(".ullevel1 li a").removeClass("selected"); 21213 $(".ullevel1 li a").each(function() { 21214 if ($(this).attr('value') == parentValue) { 21215 $(this).addClass("selected"); 21216 } 21217 }); 21218 21219 //Commented because make duplicate history 21220 // remake_url(1, $(this).attr("value")); 21221 // history.replaceState(null, null, $(this).attr("href")); 21222 // console.log("remake20"); 21223 remake_brand_list($(this).attr("value")); 21224 21225 $('.item-category-l2').remove(); 21226 $('.item-category-l3').remove(); 21227 $('.breadcrumb-nav > span').append('\
21228 <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 21229 /\ 21230 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 21231 <meta itemprop="position" content="4">\ 21232 </span>\ 21233 '); 21234 $(".top-title span.text").html(''); 21235 $(".top-title span.text").append('\ 21236 ' + $(this).attr("name") + '\ 21237 '); 21238 } else { 21239 var datvalue = $(this).attr("value"); 21240 var datname = $(this).attr("name"); 21241 var breadcrumb = $(this).parent().parent().parent().siblings(".spec-updown").attr("headlevel2"); 21242 var parentName = $(this).parent().parent().parent().siblings(".spec-updown").attr("headlevel2"); 21243 var parentSlug = $(this).parent().parent().parent().siblings(".spec-updown").attr("headlevel2Slug"); 21244 21245 remake_url(1, datvalue); 21246 21247 show_level3(datvalue, datname, breadcrumb); 21248 // console.log("remake21"); 21249 remake_brand_list($(this).attr("value")); 21250 // var text_lv2 = $('#infolevel2').text(); 21251 // var slug_lv2 = $('#infolevel2').attr('value'); 21252 // remake_breadcrumbs(slug_lv2, text_lv2, datname, breadcrumb) 21253 21254 $(".ullevel1 li a").removeClass("selected"); 21255 $(".ullevel1 li a").each(function() { 21256 if ($(this).attr('value') == parentSlug) { 21257 $(this).addClass("selected"); 21258 } 21259 }); 21260 21261 $('.item-category-l2').remove(); 21262 $('.item-category-l3').remove(); 21263 $('.breadcrumb-nav > span').append('\ 21264 <span class="item-category-l2" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 21265 /\ 21266 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + parentSlug + '" href="https://www.archify.com/au/products/' + parentSlug + '"><span itemprop="name">' + parentName + '</span></a>\ 21267 <meta itemprop="position" content="4">\ 21268 </span>\ 21269 <span class="item-category-l3" itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">\ 21270 /\ 21271 <a itemscope itemtype="http://schema.org/ListItem" itemprop="item" itemid="https://www.archify.com/au/products/' + $(this).attr("value") + '" href="https://www.archify.com/au/products/' + $(this).attr("value") + '"><span itemprop="name">' + $(this).attr("name") + '</span></a>\ 21272 <meta itemprop="position" content="5">\ 21273 </span>\ 21274 '); 21275 $(".top-title span.text").html(''); 21276 $(".top-title span.text").append('\ 21277 ' + $(this).attr("name") + '\ 21278 '); 21279 }; 21280 }); 21281 21282 $(".mob-level2").unbind("click"); 21283 $(".mob-level2").click(function(e) { 21284 // var dataval = $(this).attr("value");
21285 // var dataparent = $(this).attr("data-parent"); 21286 // alert 21287 // $('.ullevel1 li a[value="'+dataval+'"').trigger('click'); 21288 // $('a.listlevel2[value="'+dataval+'"]').trigger('click'); 21289 var dataval = $(this).attr("value"); 21290 var dataparent1 = $(this).attr("data-parent1"); 21291 var dataparent2 = $(this).attr("data-parent2"); 21292 $('.close-level-2').trigger('click'); 21293 $('.close-level-3').trigger('click'); 21294 $('.ullevel1 li a[value="' + dataparent2 + '"]').trigger('click'); 21295 $('.onclick-subcategory a[value="' + dataval + '"]').trigger('click'); 21296 $('.onclick-subcategory a[value="' + dataval + '"]').parents(".wrap-spec-toggle").find(".spec-updown").trigger('click'); 21297 $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul").each(function() { 21298 if (dataparent1 == $(this).attr("value")) { 21299 $(this).parent().parent().addClass("show"); 21300 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("show").addClass("hide"); 21301 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("hide").addClass("show"); 21302 } else { 21303 $(this).parent().parent().removeClass("show"); 21304 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("hide").addClass("show"); 21305 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("show").addClass("hide"); 21306 } 21307 }); 21308 21309 toggleMenuFilter(menuFilterTypeOpened); 21310 21311 }); 21312 21313 $(".all-livhide").unbind("click"); 21314 $(".all-livhide").click(function(e) { 21315 var dataval = $(this).attr("value"); 21316 $('.close-level-2').trigger('click'); 21317 $('.close-level-3').trigger('click'); 21318 $('a.link-all-categories[value="' + dataval + '"]').trigger('click'); 21319 $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul").each(function() { 21320 $(this).parent().parent().removeClass("show"); 21321 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("hide").addClass("show"); 21322 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("show").addClass("hide"); 21323 }); 21324 toggleMenuFilter(menuFilterTypeOpened); 21325 }); 21326 21327 $(".all-mob-lv2").unbind("click"); 21328 $(".all-mob-lv2").click(function(e) { 21329 var dataval = $(this).attr("value"); 21330 var dataval = $(this).attr("value"); 21331 $('.close-level-2').trigger('click'); 21332 $('.close-level-3').trigger('click'); 21333 $('.ullevel1 li a[value="' + dataval + '"]').trigger('click'); 21334 $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul").each(function() { 21335 if (dataval == $(this).attr("value")) { 21336 $(this).parent().parent().addClass("show"); 21337 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("show").addClass("hide"); 21338 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("hide").addClass("show"); 21339 } else { 21340 $(this).parent().parent().removeClass("show"); 21341 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("hide").addClass("show"); 21342 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("show").addClass("hide"); 21343 } 21344 }); 21345 toggleMenuFilter(menuFilterTypeOpened); 21346 }); 21347 21348 $(".all-mob-lv3").unbind("click");
21349 $(".all-mob-lv3").click(function(e) { 21350 var dataval = $(this).attr("value"); 21351 var dataparent1 = $(this).attr("data-parent1"); 21352 var dataparent2 = $(this).attr("data-parent2"); 21353 $('.close-level-2').trigger('click'); 21354 $('.close-level-3').trigger('click'); 21355 21356 $('.ullevel1 li a[value="' + dataparent2 + '"]').trigger('click'); 21357 $('.onclick-subcategory a[value="' + dataval + '"]').trigger('click'); 21358 $('.onclick-subcategory a[value="' + dataval + '"]').parents(".wrap-spec-toggle").find(".spec-updown").trigger('click'); 21359 $("#catalog-home-page.search-brand #new-sidebar-product-category .product-category-item .panel-collapse .panel-body ul").each(function() { 21360 if (dataparent1 == $(this).attr("value")) { 21361 $(this).parent().parent().addClass("show"); 21362 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("show").addClass("hide"); 21363 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("hide").addClass("show"); 21364 } else { 21365 $(this).parent().parent().removeClass("show"); 21366 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-plus").removeClass("hide").addClass("show"); 21367 $(this).parent().parent().parent().find(".card-header.panel-heading .icon-accordion-minus").removeClass("show").addClass("hide"); 21368 } 21369 }); 21370 21371 toggleMenuFilter(menuFilterTypeOpened); 21372 }); 21373 21374 } 21375 21376 var getsegment = parent_category_from_url; 21377 21378 // alert(getsegment); 21379 // check l3 on load 21380 if (getsegment !== "") { 21381 $('.ullevel1 li a[value="' + getsegment + '"]').trigger('click'); 21382 $('a.listlevel2[value="' + global_category_from_url + '"]').trigger('click'); 21383 // $('.mob-level2[value="'+getsegment+'"]').trigger('click'); 21384 if ($('#infolevel3').text().length > 0) { 21385 } 21386 // console.log("remake22"); 21387 remake_brand_list(global_category_from_url); 21388 } else { 21389 // alert("aa"); 21390 // console.log("remake23"); 21391 remake_brand_list(""); 21392 } 21393 21394 function toggleIcon(e) { 21395 $(e.target) 21396 .prev('.panel-heading') 21397 .find("img.icon-accordion") 21398 .toggleClass('show hide'); 21399 } 21400 21401 $('.product-category-item.panel-group').on('hidden.bs.collapse', toggleIcon); 21402 $('.product-category-item.panel-group').on('shown.bs.collapse', toggleIcon); 21403 21404 toogle_menu("headsublevel2", "bodysublevel2", "arrowsublevel2"); 21405 21406 }) 21407 .fail(function() {}) 21408 .always(function() {}); 21409</script>
21409 21410 21411<!-- Button Trigger -->
21412<script> 21413 $(".close-category-button.desktop").click(function() { 21414 $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile"); 21415 // $("#catalog-home-page.search-brand #new-sidebar-product-category").toggleClass("show"); 21416 // $("#catalog-home-page.search-brand .main-content.new").toggleClass("full-width"); 21417 $("#toggleCategoryButton").toggleClass("clicked"); 21418 }); 21419 $("#toggleCategoryButton").click(function() { 21420 $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile"); 21421 // $("#catalog-home-page.search-brand #new-sidebar-product-category").toggleClass("show"); 21422 // $("#catalog-home-page.search-brand .main-content.new").toggleClass("full-width"); 21423 $("#toggleCategoryButton").toggleClass("clicked"); 21424 getVisible(); 21425 }); 21426 21427 $(".close-category-button.mobile").click(function() { 21428 $("body").removeClass("modal-open"); 21429 // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show"); 21430 $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile"); 21431 $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show"); 21432 // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width"); 21433 $("#toggleCategoryButton").removeClass("clicked"); 21434 $("#toggleCategoryButtonMobile").removeClass("clicked"); 21435 $("#bg-menu-mobile-transparent").fadeOut(); 21436 }); 21437 $(".close-brand-list-button.mobile").click(function() { 21438 $("body").removeClass("modal-open"); 21439 // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show"); 21440 $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile"); 21441 $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show"); 21442 // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width"); 21443 $("#toggleCategoryButton").removeClass("clicked"); 21444 $("#toggleCategoryButtonMobile").removeClass("clicked"); 21445 $("#bg-menu-mobile-transparent").fadeOut(); 21446 }); 21447 $("#toggleCategoryButtonMobile").click(function() { 21448 $("body").toggleClass("modal-open"); 21449 // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show"); 21450 $("#catalog-home-page.search-brand #new-sidebar-product-category").toggleClass("show-mobile"); 21451 $("#toggleCategoryButtonMobile").toggleClass("clicked"); 21452 $("#bg-menu-mobile-transparent").fadeIn(); 21453 }); 21454 21455 $("#bg-menu-mobile-transparent").click(function() { 21456 $("body").removeClass("modal-open"); 21457 // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show"); 21458 $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile"); 21459 $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show"); 21460 // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width"); 21461 $("#toggleCategoryButton").removeClass("clicked"); 21462 $("#toggleCategoryButtonMobile").removeClass("clicked"); 21463 $("#bg-menu-mobile-transparent").fadeOut(); 21464 }); 21465 21466 // dropdown by brand 21467 $("#dropdown-brand .toggle-area").click(function() { 21468 $("#dropdown-brand").toggleClass("drop-down-show"); 21469 }); 21470 21471 $("#dropdown-brand .sort-list li").click(function() { 21472 $("#dropdown-brand .sort-list li").removeClass("active"); 21473 $(this).addClass("active"); 21474 if ($(this).attr("val") != "") { 21475 $("#dropdown-brand p span").html("- " + $(this).attr("name")); 21476 } else { 21477 $("#dropdown-brand p span").html(""); 21478 } 21479 $("#dropdown-brand").removeClass("drop-down-show"); 21480 remake_url(1, "", $(this).attr("val")); 21481 }); 21482 21483 $("#dropDownBrandList .toggle-area").click(function() { 21484 21485 if (isBrandListDataReady) { 21486 if ($("#dropDownBrandList").hasClass('first-click')) { 21487 $("#dropDownBrandList").removeClass('first-click'); 21488 21489 $("#brandList").html(''); 21490 $("#MobilebrandList").html(''); 21491 21492 var segments = window.location.pathname.split('/'); 21493 var brand_from_url = segments[4]; 21494 21495 if (brand_from_url != undefined) { 21496 brand_from_url = decodeURIComponent(brand_from_url); 21497 } else { 21498 brand_from_url = "all"; 21499 } 21500 if (brand_from_url == "") { 21501 brand_from_url = "all"; 21502 } 21503 21504 // $.each($.parseJSON(brandListData), function(i,item){ 21505 $.each(brandListData, function(i, item) { 21506 var isChecked = ""; 21507 $.each(brand_from_url.split('--'), function(k, v) { 21508 if (v == item.brand_slug) { 21509 isChecked = "checked"; 21510 } 21511 }); 21512 21513 $("#brandList").append('\ 21514 <li class="' + isChecked + '">\ 21515 <div class="squaredThree">\ 21516 <input type="checkbox" data-id="' + item.brand_slug + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '" class="form-check-input sidebar brand-check-sidebar" name="' + item.brand_name + '" name-tag="' + item.brand_name + '" ' + isChecked + '\ 21517 />\
21518 <span>\ 21519 <h5 class="sidebar_brand brandnav-' + item.brand_slug + '">' + item.brand_name + '</h5>\ 21520 </span>\ 21521 </div>\ 21522 </li>\ 21523 '); 21524 $("#MobilebrandList").append('\ 21525 <li class="' + isChecked + '">\ 21526 <div class="squaredThree">\ 21527 <input type="checkbox" data-id="' + item.brand_slug + '" value="' + item.brand_slug + '" id="' + item.brand_slug + '-mobile" class="form-check-input sidebar_mobile brand-check-sidebar" name="' + item.brand_name + '" name-tag="' + item.brand_name + '" ' + isChecked + '\ 21528 />\ 21529 <span>\ 21530 <h5 class="sidebar_brand brandnav-' + item.brand_slug + '">' + item.brand_name + '</h5>\ 21531 </span>\ 21532 </div>\ 21533 </li>\ 21534 '); 21535 }); 21536 21537 var segments = window.location.pathname.split('/'); 21538 var category_from_url = segments[3]; 21539 21540 if (category_from_url != undefined) { 21541 category_slug = decodeURIComponent(category_from_url); 21542 } else { 21543 category_slug = "all"; 21544 } 21545 21546 $(".brand-check-sidebar").prop('checked', false); 21547 $(".brand-check-sidebar").parent().find("span h5").removeClass("checked"); 21548 $(".brand-check-sidebar").each(function() { 21549 var this_checkbox = $(this); 21550 $.each(brand_from_url.split('--'), function(k, v) { 21551 if (this_checkbox.attr('id') == v) { 21552 this_checkbox.prop('checked', true); 21553 this_checkbox.parent().find("span h5").addClass("checked"); 21554 } 21555 }); 21556 }); 21557 21558 var sort_by = segments[5]; 21559 if (sort_by != undefined) { 21560 sort_by = decodeURIComponent(sort_by); 21561 } else { 21562 sort_by = ""; 21563 } 21564 $("#sortByList li").each(function() { 21565 if ($(this).attr("val") == sort_by) { 21566 $("#sortByList li").removeClass("active"); 21567 $(this).addClass("active"); 21568 if (sort_by != "") { 21569 if ($(this).attr("name") == "default") { 21570 $("#dropDownSortBy p span").html(""); 21571 } else { 21572 $("#dropDownSortBy p span").html("- " + $(this).attr("name")); 21573 } 21574 } else { 21575 $("#dropDownSortBy p span").html(""); 21576 } 21577 } 21578 }); 21579 21580 $(".sortByList-mobile li").each(function() { 21581 if ($(this).attr("val") == sort_by) { 21582 $(".sortByList-mobile li").removeClass("active"); 21583 $(this).addClass("active"); 21584 } 21585 }); 21586 21587 $("#brandList .sidebar_brand").unbind("click"); 21588 $("#brandList .sidebar_brand").click(function() { 21589 // alert("setelah refresh"); 21590 var getselected = $(this).parent().parent().find("input.brand-check-sidebar").data("id"); 21591 if ($(this).hasClass("checked")) { 21592 $(this).removeClass("checked"); 21593 $(this).parent().parent().find("input.brand-check-sidebar").prop('checked', false); 21594 } else { 21595 $(this).addClass("checked"); 21596 $(".brandnav-" + getselected).addClass("checked"); 21597 $(this).parent().parent().find("input.brand-check-sidebar").prop('checked', true); 21598 } 21599 $("#dropDownBrandList").removeClass("drop-down-show"); 21600 $(".loading-css-animation").show(); 21601 $(".top-title span.count").hide(); 21602 21603 remake_url(1, category_from_url); 21604 }); 21605 21606 $("#MobilebrandList .sidebar_brand").unbind("click"); 21607 $("#MobilebrandList .sidebar_brand").click(function() { 21608 var value = $(this).parent().parent().find('input').attr('value'); 21609 // alert("setelah refresh"); 21610 var getselected = $("#" + value).data("id"); 21611 if ($(this).hasClass("checked")) { 21612 $("#" + value).parent().find("sidebar_brand").removeClass("checked"); 21613 $("#" + value).prop('checked', false); 21614 } else { 21615 $("#" + value).parent().find("sidebar_brand").addClass("checked"); 21616 $("#" + value).prop('checked', true); 21617 } 21618 if ($(".section.find-brand").hasClass("show")) { 21619 toggleMenuFilter("find-brand"); 21620 } 21621 $("#dropDownBrandList").removeClass("drop-down-show"); 21622 $(".loading-css-animation").show(); 21623 $(".top-title span.count").hide(); 21624 remake_url(1, category_from_url); 21625 }); 21626 21627 $("#brandListMobile > li > div > span > h5").unbind("click"); 21628 $("#brandListMobile > li > div > span > h5").click(function() { 21629 $(this).parent().parent().find('input[type=checkbox]').prop("checked", !$(this).parent().parent().find('input[type=checkbox]').prop("checked")); 21630 }); 21631 21632 addTagsFilter3Reload(); 21633 21634 $("#dropDownBrandList").toggleClass("drop-down-show"); 21635 21636 21637 } else { 21638 $("#dropDownBrandList").toggleClass("drop-down-show"); 21639 } 21640 } 21641 21642 }); 21643 21644 $("#dropDownSortBy .toggle-area").click(function() { 21645 $("#dropDownSortBy").toggleClass("drop-down-show"); 21646 }); 21647 21648 $("#sortlatest.dropDownSortBy-mobile .toggle-area").click(function() { 21649 $("#sortlatest.dropDownSortBy-mobile").toggleClass("drop-down-show"); 21650 }); 21651 21652 $("#sortbrand.dropDownSortBy-mobile .toggle-area").click(function() { 21653 $("#sortbrand.dropDownSortBy-mobile").toggleClass("drop-down-show"); 21654 }); 21655 21656 $("#dropDownSortBy #sortByList li").click(function() { 21657 $("#dropDownSortBy #sortByList li").removeClass("active"); 21658 $(this).addClass("active"); 21659 if ($(this).attr("val") != "") { 21660 if ($(this).attr("name") == "Default") { 21661 $("#dropDownSortBy p span").html(""); 21662 } else { 21663 $("#dropDownSortBy p span").html("- " + $(this).attr("name")); 21664 } 21665 } else { 21666 $("#dropDownSortBy p span").html(""); 21667 } 21668 $("#dropDownSortBy").removeClass("drop-down-show"); 21669 remake_url(1, "", $(this).attr("val")); 21670 21671 var sort_by = $(this).attr("val"); 21672 // mobile dropdown 21673 $(".sortByList-mobile li").removeClass("active"); 21674 $(".sortByList-mobile li").each(function() { 21675 if ($(this).attr("val") == sort_by) { 21676 $(".sortByList-mobile li").removeClass("active"); 21677 $(this).addClass("active"); 21678 } 21679 }); 21680 }); 21681 21682 $(".sortByList-mobile li").click(function() { 21683 $(".sortByList-mobile li").removeClass("active"); 21684 $(this).addClass("active"); 21685 var sort_by = $(this).attr("val"); 21686 // desktopdropdown 21687 $("#sortByList li").each(function() { 21688 if ($(this).attr("val") == sort_by) { 21689 $(this).click(); 21690 } 21691 }); 21692 toggleMenuFilter("sort-by"); 21693 }); 21694 21695 // caption toggle 21696 // var caption_status = "on"; 21697 // $("#catalog-home-page.search-brand .main-content.new .right-area .product-item-wrapper .product-item .caption").toggleClass("on"); 21698 // if (caption_status == "on") { 21699 // caption_status = ""; 21700 // } else { 21701 // caption_status = "on"; 21702 // } 21703 21704 // track width, set to window width 21705 var width = window.innerWidth; 21706 // fire on window resize 21707 $(window).resize(function() { 21708 // do nothing if the width is the same 21709 if (width == window.innerWidth) return; 21710 // update new width value 21711 width = window.innerWidth;
21712 // ... your code 21713 // Close Menu Mobile 21714 21715 if ($(window).width() <= 992) { 21716 // $("body").removeClass("modal-open"); 21717 // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show"); 21718 // $("#catalog-home-page.search-brand #new-sidebar-product-category").removeClass("show-mobile"); 21719 // $("#catalog-home-page.search-brand #new-sidebar-brand-list").removeClass("show"); 21720 // $("#catalog-home-page.search-brand .main-content.new").addClass("full-width"); 21721 // $("#toggleCategoryButton").removeClass("clicked"); 21722 // $("#toggleCategoryButtonMobile").removeClass("clicked"); 21723 // $("#bg-menu-mobile-transparent").fadeOut(); 21724 } 21725 21726 }); 21727 21728 $(document).mouseup(function(e) { 21729 var container = $("#dropDownBrandList"); 21730 21731 // if the target of the click isn't the container nor a descendant of the container 21732 if (!container.is(e.target) && container.has(e.target).length === 0) { 21733 container.removeClass("drop-down-show"); 21734 } 21735 21736 21737 var container__ = $("#dropDownSortBy"); 21738 21739 // if the target of the click isn't the container nor a descendant of the container 21740 if (!container__.is(e.target) && container__.has(e.target).length === 0) { 21741 container__.removeClass("drop-down-show"); 21742 } 21743 21744 var container__ = $(".dropDownSortBy-mobile"); 21745 21746 // if the target of the click isn't the container nor a descendant of the container 21747 if (!container__.is(e.target) && container__.has(e.target).length === 0) { 21748 container__.removeClass("drop-down-show"); 21749 } 21750 21751 21752 var container__ = $("#dropdown-brand"); 21753 21754 // if the target of the click isn't the container nor a descendant of the container 21755 if (!container__.is(e.target) && container__.has(e.target).length === 0) { 21756 container__.removeClass("drop-down-show"); 21757 } 21758 21759 var container__ = $(".dropDownSortBy-mobile"); 21760 21761 // if the target of the click isn't the container nor a descendant of the container 21762 if (!container__.is(e.target) && container__.has(e.target).length === 0) { 21763 container__.removeClass("drop-down-show"); 21764 } 21765 21766 var container__ = $("#sortlatest"); 21767 21768 // if the target of the click isn't the container nor a descendant of the container 21769 if (!container__.is(e.target) && container__.has(e.target).length === 0) { 21770 container__.removeClass("drop-down-show"); 21771 } 21772 21773 21774 21775 var container__ = $("#sortbrand"); 21776 21777 // if the target of the click isn't the container nor a descendant of the container 21778 if (!container__.is(e.target) && container__.has(e.target).length === 0) { 21779 container__.removeClass("drop-down-show"); 21780 } 21781 }); 21782</script>
21782 21783 21784 21785<!-- Multiple Modal Overlay -->
21786<script> 21787 $(document).on('show.bs.modal', '.modal', function() { 21788 var zIndex = 99999999 + (10 * $('.modal:visible').length); 21789 $(this).css('z-index', zIndex); 21790 setTimeout(function() { 21791 $('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack'); 21792 }, 0); 21793 }); 21794 $(document).on('hidden.bs.modal', '.modal', function() { 21795 var total_modal = 0; 21796 $(".modal.show").each(function() { 21797 total_modal += 1; 21798 }); 21799 if (total_modal > 0) { 21800 $("body").addClass("modal-open"); 21801 } 21802 }); 21803</script>
21803 21804 21805 21806<!-- Url Change Event back data history -->
21807<script> 21808 //$(window).on('popstate', function(event) { 21809 // remake_url(3); 21810 //}); 21811</script>
21811 21812
21813<script type="text/javascript"> 21814 function check_save_mylibrary(prodID) { 21815 prodID = prodID.toString(); 21816 var rtn = product_mylibrary.indexOf(prodID); 21817 if (rtn >= 0) { 21818 // for button 21819 $('.btn-mylibrary-' + prodID).addClass('disabled'); 21820 $('.btn-mylfibrary-' + prodID).prop('disabled', true); 21821 21822 // for button event 21823 $('.img-mylibrary-on-' + prodID).css('display', 'block'); 21824 $('.img-mylibrary-off-' + prodID).css('display', 'none'); 21825 21826 // fir button mobile 21827 $('.mobile-lib-button-' + prodID).attr("data-already-in-mylibrary", "true"); 21828 } else { 21829 $('.mobile-lib-button-' + prodID).attr("data-already-in-mylibrary", "false"); 21830 } 21831 } 21832 21833 function save_mylibrary(prodID) { 21834 if (is_login == 0) { 21835 // $("#loginModal").modal("show"); 21836 callSignUpLoginModal(""); 21837 return; 21838 } 21839 $.ajax({ 21840 type: "POST", 21841 url: "https://www.archify.com/au/gpost/member/save_product_to_library/" + prodID, 21842 async: true, 21843 success: function(result) { 21844 if (result == "success") { 21845 callNotification("Product has been added to library"); 21846 $('.cum-on-' + prodID).css('display', 'block'); 21847 $('.cum-off-' + prodID).css('display', 'none'); 21848 $('.img-mylibrary-on-' + prodID).css('display', 'block'); 21849 $('.img-mylibrary-off-' + prodID).css('display', 'none'); 21850 $('.mobile-lib-button-' + prodID).attr("data-already-in-mylibrary", "true"); 21851 } 21852 }, 21853 cache: false, 21854 contentType: false, 21855 processData: false 21856 }); 21857 } 21858 21859 function delete_mylibrary(prodID) { 21860 if (is_login == 0) { 21861 // $("#loginModal").modal("show"); 21862 callSignUpLoginModal(""); 21863 return; 21864 } 21865 $.ajax({ 21866 type: "POST", 21867 url: "https://www.archify.com/au/gpost/member/delete_product_to_library/" + prodID, 21868 async: true, 21869 success: function(result) { 21870 if (result == "success") { 21871 callNotification("Product has been Removed From Library"); 21872 $('.cum-on-' + prodID).css('display', 'none'); 21873 $('.cum-off-' + prodID).css('display', 'block'); 21874 $('.img-mylibrary-off-' + prodID).css('display', 'block'); 21875 $('.img-mylibrary-on-' + prodID).css('display', 'none'); 21876 $('.mobile-lib-button-' + prodID).attr("data-already-in-mylibrary", "false"); 21877 } 21878 }, 21879 cache: false, 21880 contentType: false, 21881 processData: false 21882 }); 21883 } 21884 21885 function link_to_brand() { 21886 var urlFull = window.location.href; 21887 var strArray = urlFull.split("/products"); 21888 var newUrl = strArray[0] + "/brands" + strArray[1]; 21889 window.location = newUrl; 21890 } 21891 21892 function closeMobileAsrOption() { 21893 $("#asr-option.mobile-asr-left").removeClass("show-mobile"); 21894 $(".popup-shade-mobile-asr").fadeOut(); 21895 } 21896</script>
21896 21897 21898<!-- :: Scroll Back To Top -->
21899<script> 21900 $(function() { 21901 $('#backToTopButton').css('opacity', 0); 21902 $(window).scroll(function() { 21903 if ($(this).scrollTop() >= 150) { 21904 $('#backToTopButton').css('opacity', 1); 21905 } else { 21906 $('#backToTopButton').css('opacity', 0); 21907 } 21908 }); 21909 $('#backToTopButton').click(function() { 21910 21911 $("HTML, BODY").animate({ 21912 scrollTop: 0 21913 }, 1000); 21914 21915 }); 21916 }); 21917</script>
21917 21918 21919<!-- :: Event Window Scroll To Bottom -->
21920<script> 21921 $(window).scroll(function() { 21922 var articleHeight = $('#articleBox').height(); 21923 if (articleHeight == 0 || articleHeight == undefined) { 21924 articleHeight = 120; 21925 } 21926 if (loaded_data > 1) { 21927 if ($(window).scrollTop() + $(window).height() > $(document).height() - 800) { 21928 if (loadmore_products_in_progress == false) { 21929 if (totalDataLoaded < totalListBrandData) { 21930 $(".load-more-button").click(); 21931 } 21932 // console.log("5"); 21933 } 21934 } 21935 } 21936 }); 21937</script>
21937 21938
21939<script> 21940 $(document).ready(function() { 21941 21942 $(".close-level-2").click(function() { 21943 // console.log('close 2'); 21944 $(".ullevel1 li a").each(function() { 21945 if ($(this).hasClass('selected')) { 21946 $(this).click(); 21947 } 21948 }); 21949 $("#new-sidebar-product-subcategory .toggle-spec").hide(); 21950 $("#new-sidebar-product-subcategory .arrow-cio").html("<img src='https://www.archify.com/assets/img/svg/icon-accordion-plus.svg'>"); 21951 $("#new-sidebar-product-subcategory .body-togg-asr").hide(); 21952 $("#new-sidebar-product-category").addClass("show"); 21953 $(this).parent().parent().parent().parent().parent().parent().removeClass("show"); 21954 }); 21955 21956 $(".close-level-3").click(function() { 21957 // console.log('close 3'); 21958 $(".ullevel1 li a").each(function() { 21959 if ($(this).hasClass('selected')) { 21960 // console.log($(this).attr('name')); 21961 // $(".onclick-subcategory li a").trigger("click"); 21962 // $(this).click(); 21963 // $(this).trigger( "click", [ 1 ] ); 21964 } 21965 }); 21966 21967 $(".metricdat").trigger("click"); 21968 $("#infolevel3").html(""); 21969 $(this).parent().parent().parent().parent().parent().parent().removeClass("show"); 21970 filter_datax.filtered = []; 21971 21972 }); 21973 }); 21974</script>
21974 21975 21976<!-- :: Popup All spec filter -->
21977<script> 21978 function removeText(element) { 21979 var newElement = $('<' + element[0].nodeName + '/>'); 21980 element.children().each(function() { 21981 newElement.append(this); 21982 }); 21983 element.replaceWith(newElement); 21984 } 21985 21986 $('.checkpop').on('change', function() { 21987 var mytext = $(this).prev('span').text(); 21988 21989 if ($(this).is(":checked")) { 21990 $(".menu-ly.current .ly-subhead").append("<span>" + mytext + ", </span>"); 21991 } else { 21992 removeText($(".menu-ly.current .ly-subhead span:contains(" + mytext + ")")); 21993 } 21994 }); 21995</script>
21995 21996 21997<!-- Filter Mobile -->
21998<script> 21999 var isMenuFilterOpened = false; 22000 var menuFilterTypeOpened = ""; 22001 22002 $(".buttom-tnn").hide(); 22003 22004 function toggleMenuFilter(type) { 22005 var type = type; 22006 if (isMenuFilterOpened) { 22007 isMenuFilterOpened = false; 22008 $(".popup-shade-bg-mobile-filter-menu").fadeOut(200); 22009 // console.log("0"); 22010 $('.arrow-cio').html('<img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg">'); 22011 $(".buttom-tnn").hide(); 22012 } else { 22013 isMenuFilterOpened = true; 22014 menuFilterTypeOpened = type; 22015 $(".popup-shade-bg-mobile-filter-menu").fadeIn(200); 22016 // console.log("X"); 22017 $(".buttom-tnn").show(); 22018 } 22019 22020 $(".new-company-filter-project-category-menu-mobile .body-togg-asr").hide(); 22021 if (type == "product-category") { 22022 $(".new-company-filter-project-category-menu-mobile .section").removeClass("show"); 22023 $(".new-company-filter-project-category-menu-mobile .main-section.section").addClass("show"); 22024 $(".new-company-filter-project-category-menu-mobile").toggleClass("show"); 22025 } else if (type == "project-category-speckfilter") { 22026 $(".new-company-filter-project-category-menu-mobile .section").removeClass("show"); 22027 $(".new-company-filter-project-category-menu-mobile .project-category-speckfilter.section").addClass("show"); 22028 $(".new-company-filter-project-category-menu-mobile").toggleClass("show"); 22029 } else if (type == "sort-by") { 22030 $(".new-company-filter-project-category-menu-mobile .section").removeClass("show"); 22031 $(".new-company-filter-project-category-menu-mobile .sort-by.section").addClass("show"); 22032 $(".new-company-filter-project-category-menu-mobile").toggleClass("show"); 22033 } else if (type == "view-by") { 22034 $(".new-company-filter-project-category-menu-mobile .section").removeClass("show"); 22035 $(".new-company-filter-project-category-menu-mobile .view-by.section").addClass("show"); 22036 $(".new-company-filter-project-category-menu-mobile").toggleClass("show"); 22037 } else if (type == "find-brand") { 22038 $(".new-company-filter-project-category-menu-mobile .section").removeClass("show"); 22039 $(".new-company-filter-project-category-menu-mobile .find-brand.section").addClass("show"); 22040 $(".new-company-filter-project-category-menu-mobile").toggleClass("show"); 22041 } 22042 22043 $(".popup-shade-bg-mobile-filter-menu").find(".cd-menu-icon").toggleClass("is-clicked"); 22044 $("body").toggleClass("modal-open"); 22045 } 22046 22047 $('.mobile-show-button').click(function() { 22048 if ($(this).attr('val') == "product-category") { 22049 $(".section.project-category-section").addClass("show"); 22050 } 22051 22052 if ($(this).attr('val') == "collections") { 22053 $(".section.collections-section").addClass("show"); 22054 } 22055 }); 22056 22057 22058 //$('.liv').click(function(){ 22059 // if ($(this).attr('val') == "furniture") { 22060 // $(".section.project-category-child").addClass("show"); 22061 // } 22062 // if ($(this).attr('val') == "beds-accessories") { 22063 // $(".section.project-category-childlast").addClass("show"); 22064 // } 22065 //}); 22066 22067 $(document).ready(function() { 22068 // toogle_menu("mobile-menu","mobile-menu","mobile-menu"); 22069 22070 toogle_menu("submenu-mobile", "ul-mob", "arrow-mobile"); 22071 $(".popup-shade-bg-mobile-filter-menu .cd-primary-nav-trigger").unbind("click"); 22072 $(".popup-shade-bg-mobile-filter-menu .cd-primary-nav-trigger").click(function() { 22073 toggleMenuFilter(menuFilterTypeOpened); 22074 // console.log("klik") 22075 }); 22076 }); 22077 22078 $(".clear-spec-filter-mrr").click(function() { 22079 var l3 = $("#infolevel3slug").text(); 22080 // console.log(l3); 22081 window.location.href = "https://www.archify.com/au/products/" + l3; 22082 }); 22083 $(".clear-spec-filter-mrr1").click(function() { 22084 window.location.href = "https://www.archify.com/au/products/"; 22085 }); 22086 $(".clear-spec-filter-mrr2").click(function() { 22087 var l2 = $("#infolevel2slug").text(); 22088 window.location.href = "https://www.archify.com/au/products/" + l2; 22089 }); 22090 22091 $(".all-livhide").click(function() { 22092 toggleMenuFilter("product-category"); 22093 }); 22094</script>
22094 22095 22096 22097<style> 22098 /* popover info sustainable */ 22099 .webui-popover-sustainable { 22100 background-color: #4a4a4a; 22101 } 22102 22103 .webui-popover-sustainable p.title { 22104 font-family: WorkSans-Medium; 22105 font-size: 14px; 22106 color: #fff; 22107 } 22108 22109 .webui-popover-sustainable ul { 22110 padding: 0; 22111 list-style: none; 22112 } 22113 22114 .webui-popover-sustainable ul li { 22115 margin-bottom: 10px; 22116 } 22117 22118 .webui-popover-sustainable ul li:last-child { 22119 margin-bottom: 0px; 22120 } 22121 22122 .webui-popover-sustainable ul li p { 22123 font-family: WorkSans-Medium; 22124 font-size: 12px; 22125 margin-bottom: 0; 22126 color: #fff; 22127 } 22128 22129 .webui-popover-sustainable ul li p img { 22130 margin-right: 5px; 22131 } 22132 22133 .webui-popover-sustainable.bottom>.webui-arrow:after, 22134 .webui-popover-sustainable.bottom-right>.webui-arrow:after, 22135 .webui-popover-sustainable.bottom-left>.webui-arrow:after { 22136 border-bottom-color: #4a4a4a; 22137 } 22138 22139 .webui-popover-sustainable.top>.webui-arrow:after, 22140 .webui-popover-sustainable.top-right>.webui-arrow:after, 22141 .webui-popover-sustainable.top-left>.webui-arrow:after { 22142 border-top-color: #4a4a4a; 22143 } 22144 22145 /* popover info drawing-files */ 22146 .webui-popover-drawing-files { 22147 background-color: #4a4a4a; 22148 } 22149 22150 .webui-popover-drawing-files p.title { 22151 font-family: WorkSans-Medium; 22152 font-size: 14px; 22153 color: #fff; 22154 line-height: 15px; 22155 } 22156 22157 .webui-popover-drawing-files p.subtitle { 22158 font-family: WorkSans-Medium; 22159 font-size: 12px; 22160 color: #ababab; 22161 margin-bottom: 0; 22162 line-height: 15px; 22163 } 22164 22165 .webui-popover-drawing-files.bottom>.webui-arrow:after, 22166 .webui-popover-drawing-files.bottom-right>.webui-arrow:after, 22167 .webui-popover-drawing-files.bottom-left>.webui-arrow:after { 22168 border-bottom-color: #4a4a4a; 22169 } 22170 22171 .webui-popover-drawing-files.top>.webui-arrow:after, 22172 .webui-popover-drawing-files.top-right>.webui-arrow:after, 22173 .webui-popover-drawing-files.top-left>.webui-arrow:after { 22174 border-top-color: #4a4a4a; 22175 } 22176 22177 /* popover info sustainable item */ 22178 .webui-popover-sustainable-item { 22179 min-height: 0; 22180 margin-top: -5px !important; 22181 } 22182 22183 .webui-popover-sustainable-item .webui-popover-content { 22184 padding: 5px; 22185 } 22186 22187 .webui-popover-sustainable-item p { 22188 font-family: WorkSans-Medium; 22189 font-size: 10px; 22190 color: #4a4a4a; 22191 margin-bottom: 0; 22192 line-height: 12px; 22193 } 22194 22195 /* popover info drawing files item */ 22196 .webui-popover-drawing-files-item { 22197 min-height: 0; 22198 margin-top: -5px !important; 22199 max-width: 127px; 22200 } 22201 22202 .webui-popover-drawing-files-item .webui-popover-content { 22203 padding: 5px; 22204 } 22205 22206 .webui-popover-drawing-files-item p { 22207 font-family: WorkSans-Medium; 22208 font-size: 10px; 22209 color: #4a4a4a; 22210 margin-bottom: 0; 22211 line-height: 12px; 22212 } 22213 22214 #brand_check { 22215 margin-top: 30px; 22216 } 22217 22218 .control_brand { 22219 margin-bottom: 10px; 22220 } 22221 22222 .control input { 22223 width: 95%; 22224 } 22225 22226 .brand_chk { 22227 margin-top: 10px !important; 22228 min-height: 25px; 22229 max-height: 200px; 22230 overflow-y: auto; 22231 } 22232 22233 .brand_chk::-webkit-scrollbar {
22234 width: 10px; 22235 } 22236 22237 /* Track */ 22238 .brand_chk::-webkit-scrollbar-track { 22239 background: #f1f1f1; 22240 } 22241 22242 /* Handle */ 22243 .brand_chk::-webkit-scrollbar-thumb { 22244 background: #888; 22245 } 22246 22247 /* Handle on hover */ 22248 .brand_chk::-webkit-scrollbar-thumb:hover { 22249 background: #555; 22250 } 22251 22252 .multiple-wrapper { 22253 position: relative; 22254 float: left; 22255 width: calc(100% - 170px - 10px); 22256 } 22257 22258 .multiple-wrapper .select2-container { 22259 height: auto; 22260 min-height: 34px; 22261 } 22262 22263 .select-drop-down-wrapper input { 22264 width: 100%; 22265 } 22266 22267 .select-drop-down-wrapper .select2-container--default .select2-results>.select2-results__options { 22268 width: 100%; 22269 margin-top: 10px; 22270 margin-bottom: 10px; 22271 position: relative; 22272 float: left; 22273 } 22274 22275 .search_brand::placeholder { 22276 color: #9B9B9B; 22277 opacity: 1; 22278 /* Firefox */ 22279 } 22280 22281 .search_brand::-ms-input-placeholder { 22282 /* Edge 12 -18 */ 22283 color: #9B9B9B; 22284 } 22285 22286 .search_brand { 22287 color: #4a4a4a; 22288 22289 } 22290 22291 @media(max-width:768px) { 22292 .draw-filter { 22293 display: none; 22294 } 22295 22296 #spec_fil { 22297 display: none; 22298 } 22299 } 22300</style>
22301<script> 22302 // init webui popover 22303 function initPopover() { 22304 var popOverDrawingFilesSettings = { 22305 trigger: 'hover', 22306 placement: 'vertical', 22307 title: '', 22308 content: ` 22309 <p class="title">Use this filter to view products with downloadable drawing files.</p> 22310 <p class="subtitle">Available file formats: DWG, DXF, IFC, RVT, NWD, SKP, PLN, PDF, STP, STEP, IES</p> 22311 `, 22312 width: 295, 22313 multi: false, 22314 closeable: false, 22315 style: 'drawing-files', 22316 delay: 300, 22317 padding: true, 22318 backdrop: false, 22319 arrow: true, 22320 dismissible: true, 22321 animation: "fade", 22322 onShow: function($element) {}, // callback after show 22323 }; 22324 var popOverSustainableSettings = { 22325 trigger: 'hover', 22326 placement: 'vertical', 22327 title: '', 22328 content: ` 22329 <p class="title">Use this filter to find sustainable products</p> 22330 <ul> 22331 <li> 22332 <p onclick="document.getElementById('checkbox-select-sustainable-1').click()"> 22333 <img src="https://www.archify.com/assets/img/svg/sustainability-small-energy-green-white.svg" alt="sustainability-small-energy-green-white" width="20" height="20"> 22334 Energy Efficient 22335 </p> 22336 </li> 22337 <li> 22338 <p onclick="document.getElementById('checkbox-select-sustainable-2').click()"> 22339 <img src="https://www.archify.com/assets/img/svg/sustainability-small-carbon.svg" alt="sustainability-small-carbon" width="20" height="20"> 22340 Low Embodied Carbon 22341 </p> 22342 </li> 22343 <li> 22344 <p onclick="document.getElementById('checkbox-select-sustainable-3').click()"> 22345 <img src="https://www.archify.com/assets/img/svg/sustainability-small-water-energy.svg" alt="sustainability-small-water-energy" width="20" height="20"> 22346 Low Water Consumption 22347 </p> 22348 </li> 22349 <li> 22350 <p onclick="document.getElementById('checkbox-select-sustainable-4').click()"> 22351 <img src="https://www.archify.com/assets/img/svg/sustainability-small-recyclable-green-white.svg" alt="sustainability-small-recyclable-green-white" width="20" height="20"> 22352 Manufactured from Recycled Materials 22353 </p> 22354 </li> 22355 <li> 22356 <p onclick="document.getElementById('checkbox-select-sustainable-5').click()"> 22357 <img src="https://www.archify.com/assets/img/svg/sustainability-small-packaging-green-white.svg" alt="sustainability-small-packaging-green-white" width="20" height="20"> 22358 Recyclable Packaging 22359 </p> 22360 </li> 22361 <li> 22362 <p onclick="document.getElementById('checkbox-select-sustainable-6').click()"> 22363 <img src="https://www.archify.com/assets/img/svg/sustainability-small-manufacturing-green-white.svg" alt="sustainability-small-manufacturing-green-white" width="20" height="20"> 22364 Sustainable Manufacturing Process 22365 </p> 22366 </li> 22367 </ul> 22368 `, 22369 width: 300, 22370 multi: false, 22371 closeable: false, 22372 style: 'sustainable', 22373 delay: 300, 22374 padding: true, 22375 backdrop: false, 22376 arrow: true,
22377 dismissible: true, 22378 animation: "fade", 22379 onShow: function($element) {}, // callback after show 22380 }; 22381 var popOverNbsSettings = { 22382 trigger: 'hover', 22383 placement: 'vertical', 22384 title: '', 22385 content: ` 22386 <p class="subtitle" style="color: #fff; font-family: WorkSans-Regular;">Products that have been enhanced have been authored by our team of architecs to industry standards.</p> 22387 `, 22388 width: 210, 22389 multi: false, 22390 closeable: false, 22391 style: 'drawing-files', 22392 delay: 300, 22393 padding: true, 22394 backdrop: false, 22395 arrow: true, 22396 dismissible: true, 22397 animation: "fade", 22398 onShow: function($element) {}, // callback after show 22399 }; 22400 var popOverDrawingFilesItemSettings = { 22401 trigger: 'hover', 22402 placement: 'top', 22403 title: '', 22404 multi: false, 22405 closeable: false, 22406 style: 'drawing-files-item', 22407 delay: 300, 22408 padding: true, 22409 backdrop: false, 22410 arrow: false, 22411 dismissible: true, 22412 animation: "fade", 22413 onShow: function($element) {}, // callback after show 22414 }; 22415 var popOverSustainableItemSettings = { 22416 trigger: 'hover', 22417 placement: 'top', 22418 title: '', 22419 multi: false, 22420 closeable: false, 22421 style: 'sustainable-item', 22422 delay: 300, 22423 padding: true, 22424 backdrop: false, 22425 arrow: false,
22426 dismissible: true, 22427 animation: "fade", 22428 onShow: function($element) {}, // callback after show 22429 }; 22430 22431 const ggtHintSettings = { 22432 trigger: 'hover', 22433 placement: 'right', 22434 title: '', 22435 multi: false, 22436 closeable: false, 22437 style: 'ggt-hint-item', 22438 delay: 300, 22439 padding: true, 22440 backdrop: false, 22441 arrow: false, 22442 dismissible: true, 22443 animation: "fade", 22444 }; 22445 22446 $('.info-filter-drawing-files').webuiPopover('destroy').webuiPopover(popOverDrawingFilesSettings); 22447 $('.info-filter-sustainable').webuiPopover('destroy').webuiPopover(popOverSustainableSettings); 22448 $('.info-filter-nbs').webuiPopover('destroy').webuiPopover(popOverNbsSettings); 22449 $('.drawing-files-item-wrapper').webuiPopover('destroy').webuiPopover(popOverDrawingFilesItemSettings); 22450 $('.sustainable-item').webuiPopover('destroy').webuiPopover(popOverSustainableItemSettings); 22451 $('.nbs-box').webuiPopover('destroy').webuiPopover(popOverSustainableItemSettings); 22452 $('.ggt-hint').webuiPopover('destroy').webuiPopover(ggtHintSettings); 22453 } 22454 initPopover(); 22455</script>
22455 22456 22457<!-- Set drawing files list filtered -->
22458<script> 22459 // list BIM File bim-filter-wrap 22460 const bimList = ["dwg", "rfa", "dxf", "pln", "ifc", "nwd", "rvt", "gps"]; 22461 // list CAD File 22462 const cadList = ["dwg", "dgn", "dxf", "pdf", "stp"]; 22463 // list Other File 22464 const otherFileList = ["blend", "tx", "pdf", "max", "ies", "hdr", "3dm", "crmat"]; 22465 22466 // Append BIM filter list 22467 bimList?.forEach((val) => { 22468 $(".bim-filter-wrap").append(function() { 22469 return ` 22470 <div class="${$(this)?.closest(".mobile")?.length ? "col-md-5" : "col-md-6" }"> 22471 <label class="asr-checkbox"> 22472 <span>${val.toUpperCase()} <span class="bim-file-count-text-${val}">(0)</span></span> 22473 <input type="checkbox" class="check-bim-file bim-file-${val}" data-value="${val}" data-parent-name="bim-file-filter"> 22474 <span class="asrlabel-checkbox"></span> 22475 </label> 22476 </div>`; 22477 }) 22478 }) 22479 22480 // Append CAD filter list 22481 cadList?.forEach((val) => { 22482 $(".cad-filter-wrap").append(function() { 22483 return ` 22484 <div class="${$(this)?.closest(".mobile")?.length ? "col-md-5" : "col-md-6" }"> 22485 <label class="asr-checkbox"> 22486 <span>${val.toUpperCase()} <span class="cad-file-count-text-${val}">(0)</span></span> 22487 <input type="checkbox" class="check-cad-file cad-file-${val}" data-value="${val}" data-parent-name="cad-file-filter"> 22488 <span class="asrlabel-checkbox"></span> 22489 </label> 22490 </div>`; 22491 }) 22492 }) 22493 22494 // Append OTHER filter list 22495 otherFileList?.forEach((val) => { 22496 $(".other-filter-wrap").append(function() { 22497 return ` 22498 <div class="${$(this)?.closest(".mobile")?.length ? "col-md-5" : "col-md-6" }"> 22499 <label class="asr-checkbox"> 22500 <span>${val.toUpperCase()} <span class="other-file-count-text-${val}">(0)</span></span> 22501 <input type="checkbox" class="check-other-file other-file-${val}" data-value="${val}" data-parent-name="other-file-filter"> 22502 <span class="asrlabel-checkbox"></span> 22503 </label> 22504 </div>`; 22505 }) 22506 }) 22507</script>
22507 22508
22509<script> 22510 // Set event for global search filter 22511 // track Keyword event 22512 $('.filter-keyword').on('keypress', (e) => { 22513 if (e.which == 13) { 22514 // add all filter keyword 22515 $('.filter-keyword').val(e.target.value); 22516 remake_url("keyword"); 22517 } 22518 }) 22519 22520 // track filter country event 22521 let countryAction; 22522 $('.x-country-filter').unbind('change'); 22523 $('.x-country-filter').change(function(e) { 22524 e.stopPropagation(); 22525 22526 // Countries 22527 if (countryAction) { 22528 clearTimeout(countryAction); 22529 } 22530 countryAction = setTimeout(() => { 22531 if ($(this).hasClass('x-country-filter')) { 22532 if ($(this).attr('value')) { 22533 remake_url("countries"); 22534 } 22535 } 22536 }, 0) 22537 }); 22538 22539 let bimFileAction; 22540 $('.check-bim-file').change(function(e) { 22541 e.stopPropagation(); 22542 let elem = $(this); 22543 // apply to all bim file 22544 $(`.check-bim-file.bim-file-${elem.attr('data-value')}`).prop("checked", elem.is(':checked')); 22545 22546 if (bimFileAction) { 22547 clearTimeout(bimFileAction); 22548 } 22549 22550 bimFileAction = setTimeout(() => { 22551 remake_url(1); 22552 }, 500); 22553 }) 22554 22555 let cadFileAction; 22556 $('.check-cad-file').change(function(e) { 22557 e.stopPropagation(); 22558 let elem = $(this); 22559 // apply to all cad file 22560 $(`.check-cad-file.cad-file-${elem.attr('data-value')}`).prop("checked", elem.is(':checked')); 22561 22562 if (cadFileAction) { 22563 clearTimeout(cadFileAction); 22564 } 22565 22566 cadFileAction = setTimeout(() => { 22567 remake_url(1); 22568 }, 500); 22569 22570 }) 22571 22572 let otherFileAction; 22573 $('.check-other-file').change(function(e) { 22574 e.stopPropagation(); 22575 let elem = $(this); 22576 // apply to all other file 22577 $(`.check-other-file.other-file-${elem.attr('data-value')}`).prop("checked", elem.is(':checked')); 22578 22579 if (otherFileAction) { 22580 clearTimeout(otherFileAction); 22581 } 22582 22583 otherFileAction = setTimeout(() => { 22584 remake_url(1); 22585 }, 500); 22586 }) 22587 22588 22589 let epdGgtFilterAction; 22590 $('.checkbox-epd-ggt-filter').unbind('click'); 22591 $('.checkbox-epd-ggt-filter').click(function(e) { 22592 e.stopPropagation(); 22593 let elem = $(this).find("input.checkbox-ggt-epd"); 22594 22595 // apply to all other file 22596 $(`.checkbox-ggt-epd`).prop("checked", !elem.is(':checked')); 22597 22598 if (epdGgtFilterAction) { 22599 clearTimeout(epdGgtFilterAction); 22600 } 22601 22602 epdGgtFilterAction = setTimeout(() => { 22603 remake_url(1); 22604 }, 500); 22605 }) 22606 22607 let epdGgtCertificateFilterAction; 22608 $('.checkbox-epd-ggt-certificate-filter').unbind('click'); 22609 $('.checkbox-epd-ggt-certificate-filter').click(function(e) { 22610 e.stopPropagation(); 22611 let elem = $(this).find("input.checkbox-ggt-epd-certificate"); 22612 // console.log(elem); 22613 22614 // apply to all other file 22615 $(`.checkbox-ggt-epd-certificate`).prop("checked", !elem.is(':checked')); 22616 22617 if (epdGgtCertificateFilterAction) { 22618 clearTimeout(epdGgtCertificateFilterAction); 22619 } 22620 22621 epdGgtCertificateFilterAction = setTimeout(() => { 22622 remake_url(1); 22623 }, 500); 22624 }) 22625</script>
22625 22626 22627<!-- Set Filter EPD / Sustainability / LCA -->
22628<script> 22629 const onHandleSetEpdFilter = (listFilter) => { 22630 $('.epd-filter-wrap').html(""); 22631 if (listFilter.length) { 22632 listFilter.forEach((item) => { 22633 $('.epd-filter-wrap').append(` 22634 <div class="wrap-spec-toggle value-change id-toogle-${item.type} epd-filter-slider-wrap" data-type="${item.type}"> 22635 <div class="spec-updown epd-filter-toggle-head"> 22636 <div class="title"> 22637 <span>${item.title}</span> 22638 ${item.hint ? `<img data-content="${item.hint}" class="epd-hint-img" src="https://www.archify.com/assets//img/svg/02-icon-01-general-info.svg" />` :""}</div> 22639 <div class="arrow-cio epd-filter-toggle-arrow"><img src="https://www.archify.com/assets/img/svg/icon-accordion-plus.svg"></div> 22640 </div> 22641 <div class="body-togg-asr epd-filter-toggle-body"> 22642 <div class="epd-range-slider"> 22643 <p class="slider-label-left"><span class="js-data-metric">${Number(item.min).toLocaleString()}</span></p> 22644 <p class="slider-label-right"><span class="js-data-metric">${Number(item.max).toLocaleString()} ${item?.unit}</span></p> 22645 <input type="text" value="" class="epd-slider-filter epd-slider-filter-${item.type}" data-type="${item.type}" data-min="${item.min}" data-max="${item.max}" data-unit="${item?.unit}" onchange="event.stopPropagation()"/> 22646 </div> 22647 <div class="extra-controls"> 22648 <span>From</span> 22649 <input type="text" class="epd-slider-js-input-from form-control" max="${item.max}" value="${item.min}" onchange="event.stopPropagation()"/> 22650 <span style="margin-left:10px;">To</span> 22651 <input type="text" class="epd-slider-js-input-to form-control" max="${item.max}" value="${item.max}" onchange="event.stopPropagation()"/> 22652 <div class="clear"></div> 22653 </div> 22654 </div>`); 22655 22656 onHandleInitSliderEpdFilter(`.epd-slider-filter-${item.type}`); 22657 }) 22658 toogle_menu("epd-filter-toggle-head", "epd-filter-toggle-body", "epd-filter-toggle-arrow"); 22659 const epdFilterHintSettings = { 22660 trigger: 'hover', 22661 placement: 'right', 22662 title: '', 22663 multi: false, 22664 closeable: false, 22665 style: '', 22666 delay: 300, 22667 padding: true, 22668 backdrop: false, 22669 arrow: false, 22670 dismissible: true, 22671 animation: "fade", 22672 }; 22673 $('.epd-hint-img').webuiPopover('destroy').webuiPopover(epdFilterHintSettings); 22674 } else { 22675 $(".epd-filter-wrap").parent().hide(); 22676 } 22677 } 22678 22679 const onHandleSubmitEpdFilter = () => { 22680 //replace commas in number 22681 remake_url(1); 22682 } 22683 // To handle slider filter, Already improve some code to make more simple than original at spec filter still can be improve again ***must delivery fast so no more improve lol already working overtime for this one - kuzkuz*** 22684 22685 const onHandleInitSliderEpdFilter = (className) => { 22686 let setChangeInputTimeout; 22687 let filterClassName = ""; 22688 let rangeSliderElm = $(className); 22689 let inputFrom = $(className).parent(".epd-range-slider").siblings(".extra-controls").children(".epd-slider-js-input-from"); 22690 let inputTo = $(className).parent(".epd-range-slider").siblings(".extra-controls").children(".epd-slider-js-input-to"); 22691 let min = $(className).data().min.toString(); 22692 let max = $(className).data().max.toString(); 22693 let unit = $(className).data().unit.toString(); 22694 let from = 0; 22695 let to = 0; 22696 22697 // function to handle typing on moving slider 22698 const changeInputs = (data) => { 22699 let from = data.from; 22700 let to = data.to; 22701 22702 inputFrom.prop("value", from); 22703 inputTo.prop("value", to); 22704 22705 rangeSliderElm.parents(".range-slider").parents(".body-togg-asr").parents(".wrap-spec-toggle").addClass("alreadychange"); 22706 22707 // Handle update slide all slider slide with same class and value 22708 inputFrom.trigger("input"); 22709 inputTo.trigger("input"); 22710 } 22711 22712 // function to handle typing on input field 22713 const typeInputs = (from, to, min, max) => { 22714 inputFrom.prop("value", from); 22715 inputTo.prop("value", to); 22716
22717 min = Number(removeCommas(min)); 22718 max = Number(removeCommas(max)); 22719 22720 if (setChangeInputTimeout) { 22721 clearTimeout(setChangeInputTimeout); 22722 } 22723 22724 setChangeInputTimeout = setTimeout(function() { 22725 // Handle update input type all slider slide with same class and value 22726 rangeSliderElm.each((idx, elem) => { 22727 let instance = $(elem).data("ionRangeSlider"); 22728 22729 instance.update({ 22730 from: from, 22731 to: to 22732 }); 22733 22734 if (Number(to) > Number(max)) { 22735 inputTo.prop("value", max); 22736 } 22737 if (Number(from) > Number(to) || Number(from) > Number(max)) { 22738 inputFrom.prop("value", 0); 22739 instance.update({ 22740 from: 0 22741 }); 22742 } 22743 }) 22744 22745 rangeSliderElm.parents(".range-slider").parents(".body-togg-asr").parents(".wrap-spec-toggle").addClass("alreadychange"); 22746 onHandleSubmitEpdFilter(); 22747 }, 500); 22748 } 22749 22750 rangeSliderElm.ionRangeSlider({ 22751 skin: "round", 22752 type: "double", 22753 min: min, 22754 max: max, 22755 from: min, 22756 to: max, 22757 onChange: changeInputs, 22758 }); 22759 22760 // event tracking input from 22761 inputFrom.on("input", function(e) { 22762 e.stopPropagation(); 22763 typeInputs(e.target.value, inputTo.prop("value"), min, max); 22764 }); 22765 22766 // event tracking input to 22767 inputTo.on("input", function(e) { 22768 e.stopPropagation(); 22769 typeInputs(inputFrom.prop("value"), e.target.value, min, max); 22770 }); 22771 } 22772 22773 let menuFilterEpdAction; 22774 const onHandleMenuFilterEpd = (category_slug) => { 22775 22776 if (menuFilterEpdAction) { 22777 clearTimeout(menuFilterEpdAction); 22778 } 22779 22780 menuFilterEpdAction = setTimeout(() => { 22781 $.ajax({ 22782 url: `https://www.archify.com/au/gpost/products/menu_products_epd${category_slug ? `/${category_slug}`: ""}`, 22783 dataType: 'json', 22784 async: true, 22785 }).done(function(data) { 22786 const response = data.data; 22787 22788 // For Percentage and Rating we used The max default value, not max value from real data 22789 let listFilter = [{ 22790 type: "gwp_a1_a3", 22791 title: "GWP A1-A3", 22792 hint: "GWP A1-A3 as defined in BS EN 15804", 22793 max: response?.max_gwp_a1_a3 ? Number(response?.max_gwp_a1_a3) : 0, 22794 min: response?.min_gwp_a1_a3 ? Number(response?.min_gwp_a1_a3) : 0, 22795 unit: "Kg CO<sub>2</sub>e/m<sup>2</sup>", 22796 show: (true && (response?.max_gwp_a1_a3 && response?.min_gwp_a1_a3)) || false 22797 // not showing all for now need for phase 1 22798 // show: false 22799 }, { 22800 type: "recycle_content", 22801 title: "Recycled Content", 22802 hint: "", 22803 max: 100, 22804 min: 0, 22805 unit: "%", 22806 show: (true && response?.max_recycle_content) || false 22807 // not showing all for now need for phase 1 22808 // show: false 22809 }, { 22810 type: "expected_life", 22811 title: "Expected Life (years)", 22812 hint: "", 22813 max: Number(response?.max_expected_life), 22814 min: 0, 22815 unit: "years", 22816 show: (true && response?.max_expected_life) || false 22817 // not showing all for now need for phase 1 22818 // show: false 22819 }, { 22820 type: "energy_star_rating", 22821 title: "Energy Star Rating", 22822 hint: "", 22823 max: 10, 22824 min: 0, 22825 unit: "Rating", 22826 show: (true && response?.max_energy_star_rating) || false 22827 // not showing all for now need for phase 1 22828 // show: false 22829 }, { 22830 type: "water_star_rating", 22831 title: "Water Star Rating", 22832 hint: "", 22833 max: 6, 22834 min: 0, 22835 unit: "Rating", 22836 show: (true && response?.max_water_star_rating) || false 22837 // not showing all for now need for phase 1 22838 // show: false 22839 }]; 22840 listFilter = listFilter?.filter(x => x?.max != 0 && x?.show) 22841 onHandleSetEpdFilter(listFilter); 22842 }) 22843 }, 500) 22844 22845 } 22846 // // on load filter epd 22847 onHandleMenuFilterEpd(); 22848</script>
22848 22849 22850<!-- before unload function -->
22851<script> 22852 $(window).on('beforeunload', function() { 22853 $(window).scrollTop(0); 22854 $("#pageloader_new").fadeIn(); 22855 }); 22856</script>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.