Partner Locator Home

<!DOCTYPE html> <html lang="en-US" data-lang="en-US" crm-lang="en-US" dir="ltr" crm-lcid="1033" same-site-mode="None"> <head> <meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><meta http-equiv="X-UA-Compatible" content="IE=edge" /> <script type="text/javascript" > </script> <title> Partner Locator Home </title> <script src="/_portal/e4ecaec4-c539-48b8-a575-12fe1886da14/Resources/ResourceManager?lang=en-US"></script> <script type="text/javascript"> // Refresh all powerBI Iframes on Login in one Iframe window.addEventListener('message', function (event) { if (event && event.data && event.data == 'refreshPowerBI') { $("iframe.powerbi").each(function () { this.src = this.src; }); } }); // Fix for incorrect viewport width setting in IE 10 on Windows Phone 8. if (navigator.userAgent.match(/IEMobile\/10\.0/)) { var msViewportStyle = document.createElement("style"); msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}")); document.getElementsByTagName("head")[0].appendChild(msViewportStyle); } </script> <link href="/bootstrap.min.css" rel="stylesheet" /> <link href="https://content.powerapps.com/resource/powerappsportal/dist/font-awesome.bundle-3d8a58a48f.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/font-awesome.bundle-3d8a58a48f.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> <link href="https://content.powerapps.com/resource/powerappsportal/dist/preform.bundle-07636d9605.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/preform.bundle-07636d9605.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> <link href="/thumbnail.css" rel="stylesheet" /> <link href="/prmheader.css" rel="stylesheet" /> <link href="/main.css" rel="stylesheet" /> <link href="/theme.css" rel="stylesheet" /> <link href="/portalbasictheme.css" rel="stylesheet" /> <style type="text/css">.partner-locator-section-heading { min-height: 350px; padding-block: 2rem; background-color: #000000; background-size: cover; background-repeat: no-repeat; } .heading-frame { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; justify-content: flex-start; position: relative; } .heading-frame-words { display: flex; flex-direction: column; gap: 8px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; position: relative; z-index: 2; } .heading-frame-words .title { color: #ffffff; text-align: left; font-family: Interstate; font-size: 36px; font-style: normal; font-weight: 700; letter-spacing: -0.02em; position: relative; width: 536px; margin-bottom: 50px; } .heading-frame-words .content { color: var(--primary-color-white, #ffffff); text-align: left; font-family: Interstate; font-size: 24px; font-style: normal; font-weight: 700; line-height: 28px; letter-spacing: -0.01em; position: relative; width: 536px; } .heading-frame-image { display: flex; justify-content: center; } .heading-frame-image img { height: 300px; width: 563px; object-fit: cover; position: absolute; top: -90px; right: 60px; left: 470px; z-index: 1; } .companyName-container { display: flex; align-items: center; justify-content: center; margin-top: 20px; margin-bottom: 20px; } .dropdown-container { margin: auto; border: 2px solid #ccc; padding: 10px 50px; width: 800px; height: 360px; } .dropdown-frame { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .form-buttons { margin-top: 1.5rem; } .form-buttons button { width: 110px; } .base-input { width: 100%; margin-bottom: 16px; } input[type="text"], select { width: 100%; padding: 10px; /* margin: 0px 0 20px; */ border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } .flex-container .button-class { white-space: nowrap; position: absolute; right: 1.0rem; top: 0.7rem; z-index: 1; } #modal-iframe { display: none; position: fixed; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } #modal-iframe iframe { width: 80%; height: 80%; margin: 10% auto; display: block; border: none; } .modal-content { background-color: var(--clr-neutral-100); margin: 10% auto; padding: 20px; width: 360px; height:250px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); animation: fadeIn 0.3s; } .search-by-account__tab-content { width: 100%; /* padding: 2rem 1rem 1rem 1rem; */ border-radius: 0 .25rem .25rem .25rem; } .prm-buttons { float:right; margin-top: 1.5rem; } input[type="text"], select { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; background-color: #E6E7E8; } /* Home Page Copy Begin */ .flex-center { display: flex; align-items: center; justify-content: center; } .frame-616 { display: flex; flex-direction: row; gap: 24px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; position: relative; } .frame-617 { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; width: 704px; position: relative; } .frame-234 { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; justify-content: center; flex-shrink: 0; position: relative; } .trend-partner-success-story { color: var(--black, #000000); text-align: left; font-family: "Interstate-Bold", sans-serif; font-size: 24px; line-height: 28px; font-weight: 700; position: relative; margin-bottom: 20px; } .trend-partner-success-story-content { color: var(--black, #000000); text-align: left; font-family: var(--body2-16px-regular-font-family, "OpenSans-Regular", sans-serif); font-size: var(--body2-16px-regular-font-size, 16px); line-height: var(--body2-16px-regular-line-height, 24px); letter-spacing: var(--body2-16px-regular-letter-spacing, -0.01em); font-weight: var(--body2-16px-regular-font-weight, 400); position: relative; align-self: stretch; } .state-layer5 { background: var(--primary-color-red-trend-red, #d71920); border-radius: 4px; padding: 8px 16px 8px 16px; display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: center; flex-shrink: 0; position: relative; overflow: hidden; } .label-text { color: var(--primary-color-white, #ffffff); text-align: center; font-family: var(--body2-16px-bold-font-family, "OpenSans-Bold", sans-serif); font-size: var(--body2-16px-bold-font-size, 16px); line-height: var(--body2-16px-bold-line-height, 156%); letter-spacing: var(--body2-16px-bold-letter-spacing, -0.01em); font-weight: var(--body2-16px-bold-font-weight, 700); position: relative; display: flex; align-items: center; justify-content: center; } .label-text-red { color: var(--primary-color-red-trend-red, #d71920); text-align: center; font-family: var(--body2-16px-bold-font-family, "OpenSans-Bold", sans-serif); font-size: var(--body2-16px-bold-font-size, 16px); line-height: var(--body2-16px-bold-line-height, 156%); letter-spacing: var(--body2-16px-bold-letter-spacing, -0.01em); font-weight: var(--body2-16px-bold-font-weight, 700); position: relative; display: flex; align-items: center; justify-content: center; } .state-layer6 { background: var(--primary-color-white, #ffffff); border-radius: 4px; border-style: solid; border-color: var(--primary-color-red-trend-red, #d71920); border-width: 1px; padding: 8px 16px 8px 16px; display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: center; flex-shrink: 0; position: relative; overflow: hidden; } .global-cybersecurity-leadership-matrix-2022-1 { flex-shrink: 0; width: 496px; height: 500px; position: relative; object-fit: cover; } .button-groups { display: flex; flex-direction: row; gap: 16px; margin-top: 16px; } .partner-locator-footer { font-size: 11px; } /* Home Page Copy End*/</style> <meta name="robots" content="noindex, nofollow"> <link href="https://content.powerapps.com/resource/powerappsportal/dist/pwa-style.bundle-2739c60227.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/pwa-style.bundle-2739c60227.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> </head> <body data-sitemap-state="/partner-locator-home/:/" data-dateformat="M/d/yyyy" data-timeformat="h:mm tt" data-datetimeformat="M/d/yyyy h:mm tt" data-app-path="/" data-ckeditor-basepath="/js/BaseHtmlContentDesigner/Libs/msdyncrm_/libs/ckeditor/" data-case-deflection-url="/_services/search/e4ecaec4-c539-48b8-a575-12fe1886da14"> <link href="https://content.powerapps.com/resource/powerappsportal/dist/pcf-style.bundle-2659c6f064.css" onerror="javascript: var target = event.target; var link = document.createElement('link'); link.crossOrigin = target.crossOrigin; link.href = '/dist/pcf-style.bundle-2659c6f064.css'; link.rel = 'stylesheet'; target.insertAdjacentElement('afterend',link);" rel="stylesheet" /> <div id="offlineNotificationBar" style="display: none;"> <img alt="web" id="web" onerror="javascript: var target = event.target; var img = document.createElement('img'); img.src = '/css/images/web.png'; img.alt = 'web'; img.id = 'web' ; target.insertAdjacentElement('afterend',img); target.remove();" src="https://content.powerapps.com/resource/powerappsportal/img/web.png" /> <div id="message">You’re offline. This is a read only version of the page.</div> <div id="close" onclick="this.parentElement.style.display='none';"><img alt="close" onerror="javascript: var target = event.target; var img = document.createElement('img'); img.src = '/css/images/close.png'; img.alt = 'close'; img.id = '' ; target.insertAdjacentElement('afterend',img); target.remove();" src="https://content.powerapps.com/resource/powerappsportal/img/close.png" /></div> </div> <script type="text/javascript"> window.DisableCkEditor = window.DisableCkEditor || {}; DisableCkEditor.Value = 'False'; </script> <script type="text/javascript"> var enableOmniChannelWidgetWithSiteCopilot = 'False'; if (enableOmniChannelWidgetWithSiteCopilot === "True" || enableOmniChannelWidgetWithSiteCopilot === "true") { const authUrl = window.location.origin + "/_services/auth/portalusertoken"; const fetchWithRetries = async (url, options, retries) => { try { const authResponse = await fetch(url, options); const token = await authResponse.text(); sessionStorage['c2Token'] = token; } catch (err) { if (retries === 1) throw err; return await fetchWithRetries(url, options, retries - 1); } }; fetchWithRetries(authUrl, { method: "POST" }, 4); } </script> <script type="text/javascript"> var isPvaBotAuthenticated = sessionStorage['isPvaBotAuthenticated']; var isPortalUserLoggedIn = 'False'; if ((isPvaBotAuthenticated != null || isPvaBotAuthenticated != undefined) && isPvaBotAuthenticated != isPortalUserLoggedIn) { sessionStorage['triggerPvaBotSignOut'] = true; sessionStorage.removeItem('c2Token'); sessionStorage.removeItem('directLinetoken'); sessionStorage.removeItem('conversation_Id'); } sessionStorage['isPvaBotAuthenticated'] = isPortalUserLoggedIn; </script> <script type="text/javascript"> window["Microsoft"] = window["Microsoft"] || {}; window["Microsoft"].Dynamic365 = { Portal: { User: { userName: '', contactId: '' }, version: '9.6.10.68', type: 'PowerPages_BlankTemplate_V2', id: '452ac3a9-7b78-42e0-b0cb-bdfb5048031c', geo: 'NAM', tenant: '3e04753a-ae5b-42d4-a86d-d6f05460f9e4', correlationId: '72aad872-ad38-44e7-85e5-7349fde69f7c', orgEnvironmentId: '0073ab7a-205b-eae9-b2ae-2e80b3468f09', orgId: 'c14f72a9-1edd-ee11-9048-0022482ab229', portalProductionOrTrialType: 'Production', isTelemetryEnabled: 'True', InstrumentationSettings: { instrumentationKey: '197418c5cb8c4426b201f9db2e87b914-87887378-2790-49b0-9295-51f43b6204b1-7172', collectorEndpoint: 'https://us-mobile.events.data.microsoft.com/OneCollector/1.0/' }, timerProfileForBatching: 'NEAR_REAL_TIME' } } // Mark request not cacheable if Dynamics365PortalAnalytics cookie is being refreshed by the server or if the cookie in request header is invalid // For client side telemetry intializing Dynamics365PortalAnalytics cookie object window["Microsoft"].Dynamic365.Portal.dynamics365PortalAnalytics = '_g73iX9hG-TEHlHAPCWTTkl73_T2unD2ZZta5xx5pJrbvC16hBOWsEhLS_7nxTfils0VWjIggNhTfhu352s29hte0b8N6AhkLq2rOL0FROxOLzFAYZCHzN38TW0tnXuwyhKcq8Vl8JPHkwi9sbFs9A2'; // CodeQL [SM00430] False Positive: only alphanumeric chars allowed, for non-alphanumeric char it will return INVALID_CHARACTERS_IN_COOKIE localStorage.setItem("Dynamics365PortalAnalytics", window["Microsoft"].Dynamic365.Portal.dynamics365PortalAnalytics); </script> <script type="text/javascript"> </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TG5NN6JP');</script>  <link href="/prmheader.css" rel="stylesheet" data-preload="true">  <style> header { top: 0; min-height: 4.5rem; padding-inline: 2rem; z-index: 999; } header>.container { margin-inline: -1.5rem; padding-inline: 1.5rem; /**modified by zq on 20240620*/ /* max-width: var(--container-size-90); */ max-width: var(--container-size-auto); /**modified by zq on 20240620*/ } .header-logo { gap: 0.75rem; margin-left: 2rem; } .logo { width: 100px; } .header-logo .split { width: 1px; height: 1.5rem; } .header-nav { gap: 4rem; } .header-nav__center { gap: 1.875rem; } .header-nav__right { gap: 1.75rem; } .nav-item:not(.login-btn) { user-select: none; border-bottom: 1px solid var(--clr-transparent); color: var(--clr-white); font-family: var(--ff-open-sans); cursor: pointer; } .nav-item:not(.login-user, .nav-user, .hamburger):hover, .nav-item:has(button[aria-selected='true']) { border-color: var(--clr-red-700); } .nav-item .arrow-backward { display: flex; align-items: center; gap: 0.5rem; } .nav-item .search-icon { fill: var(--clr-white); } .login-btn a { cursor: pointer; line-height: 1; } .nav-item.login-btn a:hover { background-color: var(--clr-red-800); } .nav-user__container { gap: 0.5rem; } .nav-user__container .arrow-backward::after { margin: 2px; } .nav-user__avatar { --size: 1.75rem; /* border: 2px solid var(--clr-red-700); */ border: transparent; line-height: 1.6; } .nav-user__image { --size: 1.75rem; } .nav-user__name { letter-spacing: 0.16px; } .nav-user__menu { top: 3rem; right: 0; min-width: 275px; border: none; z-index: 999; } .nav-user__menu>li { transition-property: var(--transition-colors); transition-duration: var(--duration-150); transition-timing-function: var(--ease-in-out); } .nav-user__menu>li:hover { background-color: var(--clr-gray-450); } .nav-user__menu a { width: 100%; padding: 0.75rem; } .nav-item.hamburger { display: none; user-select: none; } .hamburger-menu { --size: 1.25rem; } .hamburger-menu span { display: block; width: 1.25rem; height: 2px; z-index: 1001; } .hamburger-menu span, .hamburger-menu span:before, .hamburger-menu span:after { transition-property: var(--transition-transform); transition-duration: var(--duration-200); transition-timing-function: var(--ease-in-out); } .hamburger-menu span:before, .hamburger-menu span:after { content: ''; position: absolute; display: block; width: inherit; height: inherit; background-color: var(--clr-white); } .hamburger-menu span:before { translate: 0 -7px; } .hamburger-menu span:after { translate: 0 7px; } .hamburger-menu[aria-selected='true'] span { background-color: transparent; } .hamburger-menu[aria-selected='true'] span::before { translate: 0 0; rotate: -45deg; } .hamburger-menu[aria-selected='true'] span::after { translate: 0 0; rotate: 45deg; } .mobile-nav { top: 100%; right: 0; width: 100%; height: calc(100vh - 72px); border-top: 1px solid var(--clr-gray-600); translate: 0 -120%; transition: 0.4s var(--ease-in-out); overflow: auto; z-index: -1; } .mobile-nav[aria-hidden='false'] { translate: 0 0; } .mobile-nav .nav-item { position: relative; transition: padding-left 0.3s ease, background-color 0.15s; border-bottom: 0; } .mobile-nav .nav-item>* { width: 100%; padding: 1.5rem; } .mobile-nav .nav-item>*[aria-selected='true'] { background-color: var(--clr-gray-450); } .mobile-nav .nav-item>button { transition-property: background-colors, padding-left; transition-duration: var(--duration-150); transition-timing-function: var(--ease); } .mobile-nav .nav-item>*:hover { background-color: var(--clr-gray-450); } .mobile-nav .nav-item>button:hover, .mobile-nav .nav-item>a:hover { padding-left: 2.5rem; } .mobile-nav .search-form__dropdown-list { top: 72px; bottom: 0; max-height: unset; opacity: 1; visibility: visible; } .mobile-nav .resources-list a, .mobile-nav .user-menu a { width: 100%; padding: 1.5rem; padding-left: 3rem; } .mobile-nav *[aria-hidden='true'] { display: none; } .mobile-nav .resources-list .nav-item { padding: 0; } .panel-container { display: none; align-items: stretch; flex-grow: 1; max-width: var(--container-size-90); padding: 1.5rem; font-family: var(--ff-open-sans); } .panel-container[aria-hidden='false'] { display: flex; } .panel-container.resources { gap: 1.5rem; } .panel-left { flex: 0 1 256px; } .panel-center { flex: 0 1 293px; } .panel-right { flex: 0 1 741px; } .panel-left>div { padding: 0.5rem; border: 1px solid var(--clr-red-700); } .panel-center { gap: 0.5rem; } .panel-center>li { padding: 0.5rem; border-radius: var(--rounded); transition-property: var(--transition-colors); transition-duration: var(--duration-150); transition-timing-function: var(--ease-in-out); cursor: pointer; } .panel-center li:hover { background-color: var(--clr-gray-600); } .panel-center li.active { font-family: var(--ff-open-sans-700); } .panel-right h3 { margin-bottom: 0.5rem; } .panel-right p { margin-bottom: 1.5rem; } .panel-container.product, .panel-container.leads { gap: 1.5rem; padding-inline: 4rem; } .panel-featured { flex: 0 1 288px; padding: 2rem 1rem; } .panel-featured .divider { height: 2px; } .panel-featured .feature-list { gap: 0.75rem; margin-top: 1.25rem; } .feature-list li { padding: 0.3rem 0.5rem; border: 1px solid var(--clr-transparent); border-radius: var(--rounded-8); transition-property: var(--transition-colors); transition-duration: var(--duration-150); transition-timing-function: var(--ease-in-out); } .feature-list li:hover { border-color: var(--clr-gray-400); background-color: var(--clr-neutral-400); } .feature-list a { width: 100%; } .panel-products { flex: 1; column-count: 3; } .first-char { font-size: var(--fs-300); font-family: var(--ff-open-sans-700); } .product-item { display: flex; gap: 1rem; width: fit-content; padding: 0.4rem 0.5rem; border-radius: var(--rounded); } .product-item .char { display: grid; place-items: center; min-width: 1.5rem; height: 1.5rem; font-family: var(--ff-open-sans-700); } .product-item a { width: 100%; color: var(--clr-white); } .product-item:hover { font-weight: 700; } .panel-container.search { padding-block: 2.25rem; border-color: transparent; } .nav-panel__modal { top: 100%; width: 100%; right: 0; left: 0; margin: 0 auto; box-shadow: var(--box-shadow-2); z-index: 666; } /**for header right align*/ .header-nav { gap: 0rem; } header { top: 0; min-height: 4.5rem; padding-inline: 0rem; z-index: 999; } header>.container { margin-inline: 0rem; padding-inline: 1.5rem; /* max-width: var(--container-size-90); max-width: var(--container-size-auto); */ /* padding-inline-end: initial; */ max-width: 100%; } @media only screen and (max-width: 1480px) { .nav-item.nav-user { position: unset; } .nav-user__menu { top: 100%; } } @media only screen and (max-width: 1180px) { .header-nav__center { display: none; } .nav-item.hamburger { display: block; } .panel-container.product, .panel-container.resources { display: none; } } @media only screen and (max-width: 860px) { .nav-panel__modal { border-radius: 0; } } @media only screen and (max-width: 580px) { header { padding-inline: 1.5rem; } .nav-item.login-btn { display: none; } .nav-user { display: none; } } </style> <header class="sticky flex-center bg-black"> <div class="container flex items-center self-stretch justify-between bg-black" > <a id="trend-logo" class="header-logo flex-center" href="#"> <div class="logo flex"> <img src="/trendmicro_logo_new.webp" alt="Trend Micro Partner Portal" /> </div>  </a> <nav aria-label="Main navigation" class="header-nav flex items-center" role="tablist" > <ul class="header-nav__center flex items-center"> <div class="nav-container-signoff header-nav__center flex items-center"></div>  </ul> <ul class="header-nav__right flex items-center">  </ul> </nav> <div class="nav-panel__modal absolute flex justify-center bg-black text-white hidden transition-display" role="dialog" aria-modal="true" aria-hidden="true" > <div id="nav-product__panel" class="panel-container product" aria-hidden="true" aria-labelledby="tab__product" > <div class="panel-featured text-black rounded-6 bg-neutral-250"> <h4 class="feature-title fs-350 ff-open-sans-600">Featured</h4> <div role="separator" class="divider bg-red-700"></div> <ul class="feature-list flex flex-col" role="menu"></ul> </div> <div class="panel-products"></div> </div> <div id="nav-search__panel" class="panel-container search flex-center" aria-hidden="true" aria-labelledby="tab__search" >  </div> </div> <nav id="nav-menu__mobile" role="menu" class="mobile-nav absolute bg-black" aria-modal="true" aria-label="Mobile navigation" aria-hidden="true" aria-labelledby="tab__hamburger" > <ul id="mobile-nav-signoff" class="relative"></ul> </nav> </div> </header> <div class="header-backdrop backdrop"></div> <div class="xrm-editable-html xrm-attribute no-value"><div class="xrm-attribute-value"></div></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/3.0.6/purify.min.js"></script> <script> // Global data for whole site const userInfoData = { region: "", accountId: "", accountName: "", timezone:"", accountCountry: "", accountGlobalRegion: "", accountPotentialARR: "", malwareSolutionAssistance: null , profilePhoto: "" }; // console.log('userInfoData', userInfoData); const searchListsInfoData = [ ]; // console.log('searchListsInfoData', searchListsInfoData); const productListsInfoData = [ ]; // console.log('productListsInfoData', productListsInfoData); const chatbotMessage = { "region":"", "id":"", "product":[ ] }; console.log('chatbotMessage', chatbotMessage); const handleSearchSubmit = ({ product, searchTerm }) => { if (!product || !searchTerm) return; const cleanProduct = encodeURIComponent(DOMPurify.sanitize(product)); const cleanSearchTerm = encodeURIComponent(DOMPurify.sanitize(searchTerm)); if (!cleanProduct || !cleanSearchTerm) return; // console.log(cleanProduct); // console.log(cleanSearchTerm); window.location.href = `/search/?q=${cleanSearchTerm}`; // window.location.href = `/search-result/?product=${cleanProduct}&searchTerm=${cleanSearchTerm}`; } </script> <script type="module"> import { getElement, Ajax } from '/helper.js'; import { SearchBar } from '/class.js'; import { CheckboxInputPRM, StatusBarDisplay, BaseInputCAS, BaseInputWithButtonDR, ButtonGroup, BaseDate, BaseTag, DropdownPRM } from '/prm_class.js'; import {regionRulesState} from '/static_data.js'; const userRegion = ""; const cotizadorValue = ""; const cotizador = cotizadorValue=='true'? true:false; const renewalValue = ""; const renewal = renewalValue=='true'? true:false; const isPartnerAccountProfileEntitlementAccessValue = ""; const isPartnerAccountProfileEntitlementAccess = isPartnerAccountProfileEntitlementAccessValue=='true'? true : false; // console.log('***isPartnerAccountProfileEntitlementAccess'+isPartnerAccountProfileEntitlementAccess); const businesstypecodeValue = ""; const isDistributor = businesstypecodeValue=='2'? true:false; // console.log('***isDistributor'+isDistributor); // console.log('***businesstypecodeValue'+businesstypecodeValue); const jobFunction = ""; const isITSupport = jobFunction=='2' || jobFunction=='7'; // console.log('***userRegionStr', userRegion); // console.log('***cotizadorValue', cotizadorValue); // console.log('***cotizadorValue==\'true\'', cotizadorValue=='true'); // console.log('***cotizadorValue', cotizadorValue==true); // console.log('***cotizadorstr', cotizador); // console.log('***renewalstr', renewal); // console.log('***regionRulesMap1', JSON.stringify(regionRulesState)); const hasAccess = (category, id, userRegion) => { const rule = regionRulesState.find( (entry) => entry.category === category && entry.id === id ); return rule ? rule.accessRegions.includes(userRegion) : false; }; // Global variable const lang = "en-us"; const body = getElement('body'); const modal = getElement('.nav-panel__modal'); const backdrop = getElement('.header-backdrop.backdrop'); const resourcePanelCenter = getElement('#nav-resource__panel .panel-center'); const tempHiddenHeaderArray = ['/new-case/', '/case-list/', '/case-detail/', '/legacy-case/']; const currentUrl = window.location.pathname.toLowerCase() // console.log('****currentUrl'+currentUrl); const isHidden = tempHiddenHeaderArray.some(item => currentUrl.includes(item)); const isON = "ON"; const isShowAllHeader = (isON=='ON')? true :false; const isHomeHeaderON = "true" const isShowHomeHeader = (isHomeHeaderON == 'true')? true:false; // console.log('***userRoles'+"") // console.log('***isShowHomeHeader'+isShowHomeHeader); // console.log('***isHidden'+isHidden); // console.log('***isON'+isON); // console.log('***isShowAllHeader'+isShowAllHeader); // Define handler const setNavItemAttribute = (element, isSelected) => { if (!element) return; const isOpen = isSelected === 'open'; element?.setAttribute('aria-selected', isOpen); element?.setAttribute('aria-expanded', isOpen); }; const setNavModalAttribute = (modalContent, isSelected) => { if (!modalContent) return; const isClose = isSelected === 'close'; modal?.setAttribute('aria-hidden', isClose); modalContent?.setAttribute('aria-hidden', isClose); backdrop?.classList.toggle('active'); }; const closeNavModal = (element) => { if (element) { const controlledId = element?.getAttribute('aria-controls'); const activeModal = getElement(`#${controlledId}`); setNavItemAttribute(element, 'close'); setNavModalAttribute(activeModal, 'close'); } }; const handleClickOnBackdrop = () => { const selectedNav = getElement('.header-nav [aria-selected="true"]'); closeNavModal(selectedNav); }; const handleClickOnMobileNav = (e) => { const target = e.target.closest('[aria-expanded]'); if (!target) return; if (target.id === 'mobile-tab__product') target.closest('.mobile-nav')?.classList.toggle('overflow-hidden'); // Find controlled modal const controlId = target.getAttribute('aria-controls'); const controlledModal = getElement(`#${controlId}`); if (target.getAttribute('aria-selected') === 'false') { setNavItemAttribute(target, 'open'); controlledModal.setAttribute('aria-hidden', false); } else { setNavItemAttribute(target, 'close'); controlledModal.setAttribute('aria-hidden', true); } }; const handleClickOnNav = (e) => { e.stopPropagation(); // Check is click on nav items which needs to open modal const target = e.target.closest('[aria-haspopup]'); if (!target) return; // Find controlled modal const controlId = target.getAttribute('aria-controls'); const controlledModal = getElement(`#${controlId}`); // --------Mobile view-------- // If click on hamburger icon if (target.id === 'tab__hamburger') { const isMenuOpened = target.getAttribute('aria-selected') === 'true'; // Handle if hamburger menu is opened, if true, close all the panel and reset active state if (isMenuOpened) { const openedNavItems = getElement( '.mobile-nav [aria-selected="true"]' ); openedNavItems?.forEach((navItem) => { const controlledId = navItem.getAttribute('aria-controls'); const openedModal = getElement(`#${controlledId}`); setNavItemAttribute(navItem, 'close'); openedModal?.setAttribute('aria-hidden', true); }); getElement('.mobile-nav')?.classList?.remove('overflow-hidden'); } setNavItemAttribute(target, isMenuOpened ? 'close' : 'open'); controlledModal.setAttribute('aria-hidden', isMenuOpened); body.classList.toggle('overflow-hidden'); return; } // --------Desktop view-------- // Find is any selected nav item const selectedItem = getElement('.header-nav [aria-selected="true"]'); // If the selected nav item was found, remove modal and active state if (selectedItem && selectedItem !== target) closeNavModal(selectedItem); if (target.getAttribute('aria-selected') === 'false') { setNavItemAttribute(target, 'open'); setNavModalAttribute(controlledModal, 'open'); } else { setNavItemAttribute(target, 'close'); setNavModalAttribute(controlledModal, 'close'); } }; const generateFeaturedProducts = (products) => { if (!products?.length) return; const markup = products.map((prod) => { return ` <li role="presentation"> <a role="menuitem" href="/product/?name=${prod?.portalUrl}">${prod?.name}</a> </li> ` }).join('') return markup; } const handleHoverOnNavResources = ({target}) => { if (target.localName !== 'li' || target.className.includes('active')) return; const value = target.dataset.value; const hoveredResource = getElement(`[data-resources="${value}"]`); const activeResource = getElement('[data-resources][aria-hidden="false"]') if (hoveredResource) { activeResource?.setAttribute('aria-hidden', true); hoveredResource.setAttribute('aria-hidden', false); } const anyActiveItem = resourcePanelCenter.querySelector('li.active'); if (anyActiveItem) anyActiveItem.classList.remove('active'); target.classList.add('active'); }; const generateMobileNavProductsList = (data) => { let firstChar; const results = data .map((prod) => { let isFirst = false; if (prod?.name[0] !== firstChar) isFirst = true; else isFirst = false; firstChar = firstChar !== prod?.name[0] ? prod?.name[0] : firstChar; const markup = ` ${isFirst ? `<li class='first-char'>${prod?.name[0]}</li>` : ''} <li role='listitem'> <a href="/product/?name=${prod?.portalUrl}">${prod?.name}</a> </li> `; return markup; }) .join(''); return results; }; const generateProductsList = (products) => { let firstChar; const results = products.reduce((accumulator, current) => { let isFirst = false; if (current?.name[0] !== firstChar) isFirst = true; else isFirst = false; firstChar = firstChar !== current?.name[0] ? current?.name[0] : firstChar; const markup = ` <div class='product-item'> <span class='char'>${isFirst ? firstChar : ''}</span> <a href="/product/?name=${current?.portalUrl}">${current?.name}</a> </div> `; return accumulator + markup; }, ''); return results; }; const GetDownloadsList = () =>{ let _url = "/_api/cloudflow/v1.0/trigger/cff42e7c-8dda-0d74-5545-55aac2e9ef96"; shell .ajaxSafePost({ type: 'POST', url: _url, data: { eventData: JSON.stringify({ 'productIds': '1', 'versions': '1' }) }, }) .done(function (response) { // console.log(JSON.parse(JSON.parse(response).ret)); }) .fail(function (res) { console.log('getfileCount failed', JSON.parse(res).ret); }); } const menuState = [ { id: "tab__programs", id_mobile:"mobile-tab__programs", ariaLabel: "Open Programs submenu", controlleID: "nav-programs__panel", controlleID_mobile: "mobile-panel__programs", class: "nav-programs__menu", title: "Program", key: "Programs", access: true, submenus: [ { title: "Partner Program", key: "Partner Program", access: hasAccess("Programs", 'Partner Program', userRegion), items: [ { title: "Program Overview", key: "Program Overview", link: "/trend-partner-program-overview/", access: hasAccess("Programs", 'Program Overview', userRegion) }, { title: "Partner Competency", key: "Partner Competency", link: "/partner-competency/", access: hasAccess("Programs", 'Partner Competency', userRegion) }, { title: "Partner Playbook", key: "Partner Playbook", link: "/test-website-content-record3/", access: hasAccess("Programs", 'Partner Playbook', userRegion) }, { title: "Terms and Conditions", key: "Terms and Conditions", link: "/terms-and-conditions/", access: hasAccess("Programs", 'Terms and Conditions', userRegion) } ] }, { title: "Program Registration", key: "Program Registration", access: hasAccess("Programs", 'Program Registration', userRegion), items: [ { title: "Managed Service Provider", key: "Managed Service Provider", link: "/managed-service-provider/", access: hasAccess("Programs", 'Managed Service Provider', userRegion) }, { title: "Managed Security Service Provider", key: "Managed Security Service Provider", link: "/managed-security-service-provider/", access: hasAccess("Programs", 'Managed Security Service Provider', userRegion) } ] } ] }, { id: "tab__sales", id_mobile: "mobile-tab__sales", ariaLabel: "Open Sales submenu", controlleID: "nav-sales__panel", controlleID_mobile: "mobile-panel__sales", class: "nav-sales__menu", title: "Sales", key: "Sales", access: true, submenus: [ { title: "Deal Registration", key: "Deal Registration", access: hasAccess("Sales", 'Deal Registration', userRegion) && (userRegion!='LAR'||(userRegion=='LAR' && !isDistributor)), items: [ { title: "Dashboard", key: "Dashboard", link: "/deal-dashboard/", access: hasAccess("Sales", 'Dashboard', userRegion) && (userRegion!='LAR'||(userRegion=='LAR' && !isDistributor)) }, { title: "New Deal Reg", key: "New Deal Reg", link: "/new-deal-reg/", access: hasAccess("Sales", 'New Deal Reg', userRegion) && (userRegion!='LAR'||(userRegion=='LAR' && !isDistributor))} ] }, { title: "Sales Resource", key: "Sales Resource", access: true, items: [ { title: "Trend Vision One Credits", key: "Trend Vision One Credits", link: "/trend-vision-one-credits/", access: hasAccess("Sales", 'Trend Vision One Credits', userRegion) }, { title: "Sales Kits", key: "Sales Kits", link: "/sales-kits/", access: hasAccess("Sales", 'Sales Kits', userRegion) }, { title: "", key: "License", link: "https://www.trendmicro.com/ja_jp/buy/license.html", access: hasAccess("Sales", 'License', userRegion) }, { title: "ECSS Guide and Login", key: "ECSS Guide and Login", link: "/ecss-guide-and-login/", access: hasAccess("Sales", 'ECSS Guide and Login', userRegion) }, { title: "", key: "Sales Library", link: "https://education.trendmicro.com/partner/pages/218/jp-tm-prt-v2-sales-libraryhomepage", access: hasAccess("Sales", 'Sales Library', userRegion) }, { title: "Order Entry", key: "Order Entry", link: "https://applogin.trendmicro.com/0ce08ab5-b0c9-4c77-863e-1d463c9df9a0/oauth2/v2.0/authorize?p=B2C_1A_PRM_SSO&client_id=2abbdba0-63d0-4bc3-9c26-2c1d381a152b&nonce=defaultNonce&redirect_uri=https%3A%2F%2Forderentrylar.trendmicro.com&scope=openid&response_type=id_token&response_mode=query", access: hasAccess("Sales", 'Order Entry', userRegion) && cotizador }, { title: "Entitlement Portal", key: "Entitlement Portal", link: "https://applogin.trendmicro.com/0ce08ab5-b0c9-4c77-863e-1d463c9df9a0/oauth2/v2.0/authorize?p=B2C_1A_PRM_SSO&client_id=2abbdba0-63d0-4bc3-9c26-2c1d381a152b&nonce=defaultNonce&redirect_uri=https%3A%2F%2Flinc.trendmicro.com&scope=openid&response_type=id_token&response_mode=form_post", access: hasAccess("Sales", 'Entitlement Portal', userRegion) && isPartnerAccountProfileEntitlementAccess && isDistributor }, { title: "Distributor", key: "Distributor", link: "#", access: hasAccess("Sales", 'Distributor', userRegion) }, ] }, { title: "Renewal Information", key: "Renewal Information", access: hasAccess("Sales", 'Renewal Information', userRegion) && renewal, items: [ { title: "Customer Renewal List", key: "Customer Renewal List", link: userRegion=='NABU'? "/nabu-renewal-list/":"/eu-renewal-list/", access: hasAccess("Sales", 'Customer Renewal List', userRegion) && renewal } ] }, { title: "Not for Resales (NFR)", key: "Not for Resales (NFR)", access: hasAccess("Sales", 'Not for Resales (NFR)', userRegion), items: [ { title: "Not for Resales (NFR)", key: "Not for Resales (NFR)", link: "/not-for-resale/", access: hasAccess("Sales", 'Not for Resales (NFR)', userRegion) }, { title: "NFR Program for Professional Service Competency", key: "NFR Program for Professional Service Competency", link: "/nfr-program-for-professional-service-competency/", access: hasAccess("Sales", 'NFR Program for Professional Service Competency', userRegion) } ] } ] }, { id: "tab__training", id_mobile: "mobile-tab__training", ariaLabel: "Open Training submenu", controlleID: "nav-training__panel", controlleID_mobile: "mobile-panel__training", class: "nav-training__menu", title: "Training", key: "Training", access: true, submenus: [ { title: "Training", key: "Training", access: hasAccess("Training", 'Training', userRegion), items: [ { title: "Trend Campus", key: "Trend Campus", link: "/trend-campus/", access: hasAccess("Training", 'Trend Campus', userRegion) }, { title: "Trend Campus", key: "Trend Campus-partner", link: "https://education.trendmicro.com/partner/pages/192/trend-campus-main", access: hasAccess("Training", 'Trend Campus-partner', userRegion) }, { title: "Education Portal", key: "Education Portal", link: "https://education.trendmicro.com/partner", access: hasAccess("Training", 'Education Portal', userRegion) }, { title: "Training Records", key: "Training Records", link: "https://education.trendmicro.com/partner/legacy/lms/index.php%3Fr%3DmyActivities/index", access: hasAccess("Training", 'Training Records', userRegion) }, { title: "", key: "Event in a Box", link: "/event-in-a-box/", access: hasAccess("Training", 'Event in a Box', userRegion) }, { title: "(external page link)", key: "TMCP", link: "https://www.trendmicro.com/ja_jp/business/products/support-services/education/product-management-course.html", access: hasAccess("Training", 'TMCP', userRegion) } ] } ] }, { id: "tab__leads", id_mobile: "mobile-tab__leads", ariaLabel: "Open Leads submenu", controlleID: "nav-leads__panel", controlleID_mobile: "mobile-panel__leads", class: "nav-leads__menu", title: "Leads", key: "Leads", access: hasAccess("Leads", 'Lead Generation', userRegion), submenus: [ { title: "Lead Generation", key: "Lead Generation", access: hasAccess("Leads", 'Lead Generation', userRegion), items: [ { title: "Campaign Overview", key: "Overview", link: "/lead-generation-overview/", access: hasAccess("Leads", 'Overview', userRegion) }, { title: "Cyber Risk Assessment Service", key: "Cyber Risk Assessment Service", link: "/trend-cyber-risk-assessment-service/", access: hasAccess("Leads", 'Cyber Risk Assessment Service', userRegion) }, { title: "Trend Vision One Demo Services", key: "Platform Experience", link: "/demo-services/", access: hasAccess("Leads", 'Platform Experience', userRegion) }, { title: "AI-Predicted Opportunity", key: "AI-Predicted Opportunity", link: "/ai-predicted-opportunity/", access: hasAccess("Leads", 'AI-Predicted Opportunity', userRegion) }, { title: "Partner Locator", key: "Partner Locator", link: "/partner-locator/", access: hasAccess("Leads", 'Partner Locator', userRegion) }, { title: "Lead Dashboard", key: "Dashboard", link: "/lead-dashboard/", access: hasAccess("Leads", 'Dashboard', userRegion) } ] } ] }, { id: "tab__marketing", id_mobile: "mobile-tab__marketing", ariaLabel: "Open Marketing submenu", controlleID: "nav-marketing__panel", controlleID_mobile: "mobile-panel__marketing", class: "nav-marketing__menu", title: "Marketing", key: "Marketing", access: true, submenus: [ { title: "Marketing Assets", key: "Marketing Material", access: hasAccess("Marketing", 'Marketing Material', userRegion), items: [ { title: "", key: "Campaign Overview", link: "/campaign-overview/", access: hasAccess("Marketing", 'Campaign Overview', userRegion) }, { title: "Trend Logo and Branding", key: "Trend Micro Branding and Logo", link: "/trend-micro-branding-and-logo/", access: hasAccess("Marketing", 'Trend Micro Branding and Logo', userRegion) }, { title: "Event in a Box", key: "Event in a Box", link: "/event-in-a-box/", access: hasAccess("Marketing", 'Event in a Box', userRegion) } ] } ] }, { id: "tab__support", id_mobile: "mobile-tab__support", ariaLabel: "Open Support submenu", controlleID: "nav-support__panel", controlleID_mobile: "mobile-panel__support", class: "nav-support__menu", title: "Support", key: "Support", access: true, submenus: [ { title: "", key: "Purchase Support Case", access: hasAccess("Support", 'Purchase Support Case', userRegion), items: [ { title: "", key: "PCC Case", link: "/pcc-case/", access: hasAccess("Support", 'PCC Case', userRegion) }, { title: "", key: "PCC Case List", link: "/pcc-case-list/", access: hasAccess("Support", 'PCC Case List', userRegion) } ] }, { title: "Support Case", key: "Support Case", access: hasAccess("Support", 'Support Case', userRegion) && (userRegion=='JP' || (userRegion!='JP' && isITSupport) ) , items: [ { title: "New Case", key: "New Case", link: "/new-case/", access: hasAccess("Support", 'New Case', userRegion) && (userRegion=='JP' || (userRegion!='JP' && isITSupport) ) }, { title: "Case List", key: "Case List", link: "/case-list/", access: hasAccess("Support", 'Case List', userRegion) && (userRegion=='JP' || (userRegion!='JP' && isITSupport) ) }, { title: "Legacy Case", key: "Legacy Case", link: "/legacy-case/", access: hasAccess("Support", 'Legacy Case', userRegion) && (userRegion=='JP' || (userRegion!='JP' && isITSupport) ) } // { title: "Omni Channel", key: "Omni Channel", link: "#", access: hasAccess("Support", 'Omni Channel', userRegion) } ] }, { title: "Support Resource", key: "Support Resource", access: hasAccess("Support", 'Support Resource', userRegion), items: [ { title: "Technical Partner Center", key: "Technical Partner Center", link: "/technical-partner-center/", access: hasAccess("Support", 'Technical Partner Center', userRegion) }, { title: "Trend Vision One Platform Demos", key: "Trend Vision One Platform Demos", link: "/platform-demos/", access: hasAccess("Support", 'Trend Vision One Platform Demos', userRegion) }, { title: "Threat Intelligence Center", key: "Threat Intelligence Center", link: "/threat-intelligence-center/", access: hasAccess("Support", 'Threat Intelligence Center', userRegion) }, { title: "Best Practice Guide", key: "Best Practice Guide", link: "/best-practices-guide/", access: hasAccess("Support", 'Best Practice Guide', userRegion) }, { title: "Service Status", key: "Service Status", link: "/service-status/", access: hasAccess("Support", 'Service Status', userRegion) }, { title: "Docs & Media Center", key: "Documentation and Media Center", link: "/documentation-and-media-center/", access: hasAccess("Support", 'Documentation and Media Center', userRegion) }, // { title: "", key: "ECSS activationcoderequest", link: "https://trendmicro.my.site.com/Gpartner/s/globalprm-jp-activationcoderequest", access: hasAccess("Support", 'ECSS activationcoderequest', userRegion) }, // { title: "", key: "ECSS generalarticle", link: "https://trendmicro.my.site.com/Gpartner/s/globalprm-generalarticle?articleType=Providing%20AC%20Serial%20number%20for%20Trial", access: hasAccess("Support", 'ECSS generalarticle', userRegion) }, // { title: "", key: "ECSS 5", link: "#", access: hasAccess("Support", 'ECSS 5', userRegion) }, { title: "", key: "Verified License", link: "/verification-license-for-certified-partners/", access: hasAccess("Support", 'Verified License', userRegion) }, { title: "", key: "Support By Product AC ISSUE", link: "/support-by-product-ac-issue-various-downloads/", access: hasAccess("Support", 'Support By Product AC ISSUE', userRegion) }, { title: "", key: "viriousinquiry", link: "/pcc-case/", access: hasAccess("Support", 'viriousinquiry', userRegion) } ] }, { title: "Support Contact", key: "Support Contact", access: hasAccess("Support", 'Support Contact', userRegion), items: [ { title: "Partner Contact Windows", key: "Channel Sales Contact", link: "#", access: hasAccess("Support", 'Channel Sales Contact', userRegion) } ] } ] }, { id: "tab__profile", id_mobile: "mobile-tab__profile", ariaLabel: "Open Profile submenu", controlleID: "nav-profile__panel", controlleID_mobile: "mobile-panel__profile", class: "nav-profile__menu", title: "Profile", key: "Profile", access: true, submenus: [ { title: "Profile", key: "Profile", access: hasAccess("Profile", 'Profile', userRegion), items: [ { title: "My Profile", key: "My Profile", link: "/my-profile/", access: hasAccess("Profile", 'My Profile', userRegion) }, { title: "Company Profile", key: "Company Profile", link: "/company-profile/", access: hasAccess("Profile", 'Company Profile', userRegion) }, { title: "Download Certificate", key: "Download Certificate", link: "/download-cert/", access: hasAccess("Profile", 'Download Certificate', userRegion) } ] } ] } ]; const menuStateBeforeSignin = [ { id: "tab__programs-off", id_mobile: "mobile-tab__programs-off", ariaLabel: "Open Programs submenu", controlleID: "nav-programs__panel-off", controlleID: "mobile-panel__programs-off", class: "nav-programs__menu", title: "Partner Programs", key: "Programs", access: true, submenus: lang == 'ja-jp'? [ { title: "パートナープログラム", key: "Partner Program", access: true,//hasAccess("Programs-Signoff", 'Channel Partners', userRegion), items: [ { title: "パートナープログラムのご紹介", key: "Partner Program Overview", link: "https://www.trendmicro.com/ja_jp/partners/referral-partners.html", access:true,// hasAccess("Programs-Signoff", 'Channel Partner Overview', userRegion) }, { title: "パートナーポータルのご紹介", key: "Partner Portal Overview", link: "https://www.trendmicro.com/ja_jp/partners/partner-portal.html", access:true,// hasAccess("Programs-Signoff", 'Managed Security Service Provider', userRegion) }, { title: "チャネルパートナー概要", key: "Channel Partner", link: "https://www.trendmicro.com/ja_jp/partners/channel-partners.html", access: true,//hasAccess("Programs-Signoff", 'Managed Service Provider', userRegion) }, { title: "リセラーパートナー", key: "Reseller", link: "https://www.trendmicro.com/ja_jp/partners/partner-list.html", access: true,//hasAccess("Programs-Signoff", 'Cloud Service Provider', userRegion) }, { title: "MSPパートナー", key: "MSP", link: "https://www.trendmicro.com/ja_jp/partners/channel-partners/managed-service-provider.html", access:true,// hasAccess("Programs-Signoff", 'Professional Services', userRegion) }, { title: "CSPパートナー", key: "Resellers", link: "https://www.trendmicro.com/ja_jp/partners/channel-partners/cloud-service-provider.html ", access: true,//hasAccess("Programs-Signoff", 'Resellers', userRegion) }, { title: "Marketplaceパートナー", key: "Marketplace", link: "https://www.trendmicro.com/ja_jp/partners/channel-partners/marketplace.html", access:true,// hasAccess("Programs-Signoff", 'Marketplace', userRegion) } ] } ]:[ { title: "Partner Program", key: "Partner Program", access: true,//hasAccess("Programs-Signoff", 'Channel Partners', userRegion), items: [ { title: "Partner Program Overview", key: "Partner Program Overview", link: "https://www.trendmicro.com/en_us/partners/program.html", access:true,// hasAccess("Programs-Signoff", 'Channel Partner Overview', userRegion) }, { title: "Partner Competencies", key: "Partner Competencies", link: "https://www.trendmicro.com/en_us/partners/competencies.html", access:true,// hasAccess("Programs-Signoff", 'Managed Security Service Provider', userRegion) }, { title: "Managed Security Service Provider", key: "Managed Security Service Provider", link: "https://www.trendmicro.com/en_us/partners/program/managed-security-service-provider.html", access: true,//hasAccess("Programs-Signoff", 'Managed Service Provider', userRegion) }, { title: "Managed Service Provider", key: "Managed Service Provider", link: "https://www.trendmicro.com/en_us/partners/program/managed-service-provider.html", access: true,//hasAccess("Programs-Signoff", 'Cloud Service Provider', userRegion) } ] }, { title: "Alliance Partners", key: "Alliance Partners", access: true,//hasAccess("Programs", 'Alliance Partners', userRegion), items: [ { title: "Alliance Partners Overview", key: "Alliance Partners Overview", link: "https://www.trendmicro.com/en_us/partners/alliance-partners.html", access: true,//hasAccess("Programs-Signoff", 'Alliance Overview', userRegion) }, { title: "Technical Alliance Partners", key: "Technical Alliance Partners", link: "https://www.trendmicro.com/en_us/partners/alliance-partners/technology.html", access: true,//hasAccess("Programs-Signoff", 'Technology Alliance Partners', userRegion) }, { title: "Find Alliance Partners", key: "Find Alliance Partners", link: "https://www.trendmicro.com/en_us/partners/alliance-partners/explore-alliance-partners.html", access: true,//hasAccess("Programs-Signoff", 'Our Alliance PartnersManaged', userRegion) } ] } ] }, { id: "tab__tools", id_mobile: "mobile-tab__tools", ariaLabel: "Open Tools submenu", controlleID: "nav-tools__panel", controlleID_mobile: "mobile-panel__tools", class: "nav-tools__menu", title: "Resource & tool", key: "Resource & tool", access: lang == 'en-us', submenus: [ { title: "", key: "", hidden:true, access: true,//hasAccess("Resourcetool-Signoff", 'Tool-Default', userRegion), items: [ { title: "Find Partners", key: "Find Partners", link: "/partner-locator-home/", access: true,//hasAccess("Resourcetool-Signoff", 'Find a Partner', userRegion) }, { title: "Co-Selling with Trend", key: "Co-Selling with Trend", link: "https://www.trendmicro.com/en_us/partners/co-selling.html", access: true,//hasAccess("Resourcetool-Signoff", 'Education and Certification', userRegion) }, { title: "Trend Campus", key: "Trend Campus", link: "https://www.trendmicro.com/en_us/partners/campus.html", access: true,//hasAccess("Resourcetool-Signoff", 'Partner Successes', userRegion) }, { title: "Partner Successes", key: "Partner Successes", link: "https://www.trendmicro.com/en_us/partners/partner-stories.html#?cludoquery=*&cludopage=1&cludoinputtype=standard", access: true,//hasAccess("Resourcetool-Signoff", 'Partner Successes', userRegion) }, { title: "Become a Partner", key: "Become a Partner", link: "/pr-register-home/", access: true,//hasAccess("Resourcetool-Signoff", 'Partner Successes', userRegion) }, { title: "Distributors", key: "Distributors", link: "/partner-locator-home/", access: true,//hasAccess("Resourcetool-Signoff", 'Partner Successes', userRegion) } ] } ] } ]; const headerInitiation = () => { const openInBlankKeys = ['License','Sales Library','Entitlement Portal','Order Entry','Trend Campus-partner','Education Portal','Training Records'] //make this content align with the rule const headerNavRight = getElement('.header-nav__right'); if(!((currentUrl==='/en-us/' || currentUrl === '/ja-jp/'))||((currentUrl==='/en-us/' || currentUrl === '/ja-jp/')&& isShowHomeHeader)){ new BaseTag(` <li class="nav-item hamburger"> <button id="tab__hamburger" role="tab" tabindex="0" aria-label="Open mobile navigation menu" aria-selected="false" aria-expanded="false" aria-haspopup="true" aria-controls="nav-menu__mobile" class="hamburger-menu square-shape relative flex-center" > <span class="bg-white"></span> </button> </li> <li class="nav-item hamburger"> <a href="/Signin/"> <div class="state-layer-signin"> <div class="label-text-signin">Sign in</div> </div> </a> </li> `,headerNavRight) } // <li class="nav-item"> // <button // id="tab__profile" // class="fs-300 arrow-backward" // role="tab" // tabindex="0" // aria-label="Open Profile submenu" // aria-selected="false" // aria-expanded="false" // aria-haspopup="true" // aria-controls="nav-profile__panel" // > // Profile <!-Products-> // </button> // <ul // id="nav-profile__panel" // class="nav-profile__menu absolute bg-black ff-inter-light rounded transition-display " // role="menu" // aria-hidden="true" // aria-labelledby="tab__profile" // > // <div class="prm-header-submenu"> // <div class="prm-header-submenu-sub1"> // <div class="prm-header-submenu-sub1-title">Profile</div> // </div> // <div class="prm-header-submenu-sub2"> // <a href="/my-profile/"><div class="prm-header-submenu-sub2-title">My Profile</div></a> // </div> // <div class="prm-header-submenu-sub2"> // <a href="/company-profile/"><div class="prm-header-submenu-sub2-title">Company Profile</div></a> // </div> // <div class="prm-header-submenu-sub2"> // <a href="/download-cert/"><div class="prm-header-submenu-sub2-title">Download Certificate</div></a> // </div> // </div> // </ul> // </li> //render header for PC logged const headerContainer = getElement('.nav-container'); const renderMenus = (menuData, container) => { menuData.forEach(menu => { if (!menu.access) return; // Skip rendering if access is false if(headerContainer){ // Render top-level button new BaseTag(`<li class="nav-item li-${menu.id}"></li>`,headerContainer); const liContainerElement = getElement('.li-'+menu.id) new BaseTag(` <button id="${menu.id}" class="fs-300 arrow-backward" role="tab" tabindex="0" aria-label="${menu.ariaLabel}" aria-selected="false" aria-expanded="false" aria-haspopup="true" aria-controls="${menu.controlleID}" > ${menu.title} </button> `,liContainerElement) new BaseTag(` <ul id="${menu.controlleID}" class="${menu.class} absolute bg-black ff-inter-light rounded transition-display " role="menu" aria-hidden="true" aria-labelledby="${menu.id}"></ul>`,liContainerElement); // console.log('***menu'+JSON.stringify(menu)) const ulElement = getElement('#'+menu.controlleID); new BaseTag(`<div class="prm-header-submenu submenu-${menu.id}"></div>`,ulElement); const submenuContainerElement = getElement('.submenu-'+menu.id); // Render submenus (level 2 and 3) menu.submenus.forEach(submenu => { if (!submenu.access) return; // Skip submenu if access is false new BaseTag(` <div class="prm-header-submenu-sub1"> <div class="prm-header-submenu-sub1-title">${submenu.title}</div> </div>`,submenuContainerElement); submenu.items.forEach(item => { if (!item.access) return; // Skip item if access is false new BaseTag(` <div class="prm-header-submenu-sub2"> <a href="${item.link}" ${openInBlankKeys.includes(item.key) ? `target="_blank"` :``}><div class="prm-header-submenu-sub2-title">${item.title}</div></a> </div>`,submenuContainerElement); }); }); } }); }; // <li class="nav-item"> // <button // id="mobile-tab__resources" // class="fs-300 arrow-backward justify-between" // role="tab" // aria-label="Open mobile resources submenu" // aria-selected="false" // aria-expanded="false" // aria-controls="mobile-panel__resources" // > // Resource & tool  // </button> // </li> // <li> // <ul // id="mobile-panel__resources" // class="resources-list" // aria-hidden="true" // aria-labelledby="mobile-tab__resources" // > // <li class="nav-item"> // <a // href="https://status.trendmicro.com/s/" // target="_blank" // ></a // > // </li> // <li class="nav-item"> // <a // href="https://education.trendmicro.com/customer/learn" // target="_blank" // >Education Portal</a // > // </li> // <li class="nav-item"> // <a href="https://automation.trendmicro.com/" target="_blank" // ></a // > // </li> // <li class="nav-item"> // <a // href="" // target="_blank" // ></a // > // </li> // // <li class="nav-item"> // <a href="/trendconnect" target="_blank" role="button" // >TrendConnect</a // > // </li> // // </ul> // </li> const headerContainerMobile = getElement('#mobile-nav'); const renderMenusMobile = (menuData, container) => { menuData.forEach(menu => { if (!menu.access) return; // Skip rendering if access is false if(headerContainerMobile){ // Render top-level button new BaseTag(`<li class="nav-item li-${menu.id_mobile}"></li>`,headerContainerMobile); const liContainerElement = getElement('.li-'+menu.id_mobile) new BaseTag(` <button id="${menu.id_mobile}" class="fs-300 arrow-backward justify-between" role="tab" aria-label="${menu.ariaLabel}" aria-selected="false" aria-expanded="false" aria-controls="${menu.controlleID_mobile}" > ${menu.title} </button> `,liContainerElement) new BaseTag(` <ul id="${menu.controlleID_mobile}" class="resources-list" aria-hidden="true" aria-labelledby="${menu.id_mobile}"></ul>`,liContainerElement); // console.log('***menu'+JSON.stringify(menu)) const ulElement = getElement('#'+menu.controlleID_mobile); // Render submenus (level 2 and 3) menu.submenus.forEach(submenu => { if (!submenu.access) return; // Skip submenu if access is false new BaseTag(` <div class="prm-header-submenu-sub1"> <div class="prm-header-submenu-sub1-title">${submenu.title}</div> </div>`,ulElement); submenu.items.forEach(item => { if (!item.access) return; // Skip item if access is false new BaseTag(` <div class="prm-header-submenu-sub2"> <a href="${item.link}" ${openInBlankKeys.includes(item.key) ? `target="_blank"` :``}><div class="prm-header-submenu-sub2-title">${item.title}</div></a> </div>`,ulElement); }); }); } }); }; // console.log('****menuStatemenuStatemenuState'+JSON.stringify(menuState)); //Signin if(headerContainer||headerContainerMobile){ if(!isHidden || isShowAllHeader ){ if(!((currentUrl==='/en-us/' || currentUrl === '/ja-jp/'))||((currentUrl==='/en-us/' || currentUrl === '/ja-jp/')&& isShowHomeHeader)){ renderMenus(menuState); renderMenusMobile(menuState); //enable logo url const trendLogo = getElement('#trend-logo'); trendLogo.href = '/'; //display icon and logout const navUserContainerElement = getElement('#nav-user') if(navUserContainerElement){ new BaseTag(` <div id="tab__user" class="nav-user__container flex items-center ff-inter" role="button" aria-label="Open user submenu" aria-selected="false" aria-expanded="false" aria-haspopup="true" aria-controls="nav-user__menu" > <div class="nav-user__avatar square-shape grid place-items-center text-white ff-inter rounded-full" > </div> <div> <div class="nav-user__name ff-open-sans"> </div> </div> <div class="arrow-backward grid"></div> </div> <ul id="nav-user__menu" class="nav-user__menu absolute bg-black ff-inter-light rounded transition-display hidden" role="menu" aria-hidden="true" aria-labelledby="tab__user" > <li role="presentation"> <a role="menuitem" href="/Account/Login/LogOff" >Logout</a > </li> </ul> `,navUserContainerElement) } }else{ //show empty } } } const headerContainerSignoff = getElement('.nav-container-signoff'); const headerContainerSignoffMobile = getElement('#mobile-nav-signoff'); const renderMenusSignoffMobile = (menuData, container) => { menuData.forEach(menu => { if (!menu.access) return; // Skip rendering if access is false if(headerContainerSignoffMobile){ // Render top-level button new BaseTag(`<li class="nav-item li-${menu.id_mobile}"></li>`,headerContainerSignoffMobile); const liContainerElement = getElement('.li-'+menu.id_mobile) new BaseTag(` <button id="${menu.id_mobile}" class="fs-300 arrow-backward" role="tab" tabindex="0" aria-label="${menu.ariaLabel}" aria-selected="false" aria-expanded="false" aria-haspopup="true" aria-controls="${menu.controlleID_mobile}" > ${menu.title} <!-Products-> </button> `,liContainerElement) new BaseTag(` <ul id="${menu.controlleID_mobile}" class="resources-list" role="menu" aria-hidden="true" aria-labelledby="${menu.id}"></ul>`,liContainerElement); // console.log('***menu'+JSON.stringify(menu)) const ulElement = getElement('#'+menu.controlleID_mobile); // Render submenus (level 2 and 3) menu.submenus.forEach(submenu => { if (!submenu.access) return; // Skip submenu if access is false new BaseTag(` <div class="prm-header-submenu-sub1 ${submenu.hidden? 'hidden':''}"> <div class="prm-header-submenu-sub1-title">${submenu.title}</div> </div>`,ulElement); submenu.items.forEach(item => { if (!item.access) return; // Skip item if access is false new BaseTag(` <div class="prm-header-submenu-sub2"> <a href="${item.link}"><div class="prm-header-submenu-sub2-title">${item.title}</div></a> </div>`,ulElement); }); }); } }); }; //insert Programs Menu const renderMenusSignoff = (menuData, container) => { menuData.forEach(menu => { if (!menu.access) return; // Skip rendering if access is false if(headerContainerSignoff){ // Render top-level button new BaseTag(`<li class="nav-item li-${menu.id}"></li>`,headerContainerSignoff); const liContainerElement = getElement('.li-'+menu.id) new BaseTag(` <button id="${menu.id}" class="fs-300 arrow-backward" role="tab" tabindex="0" aria-label="${menu.ariaLabel}" aria-selected="false" aria-expanded="false" aria-haspopup="true" aria-controls="${menu.controlleID}" > ${menu.title} <!-Products-> </button> `,liContainerElement) new BaseTag(` <ul id="${menu.controlleID}" class="${menu.class} absolute bg-black ff-inter-light rounded transition-display " role="menu" aria-hidden="true" aria-labelledby="${menu.id}"></ul>`,liContainerElement); // console.log('***menu'+JSON.stringify(menu)) const ulElement = getElement('#'+menu.controlleID); new BaseTag(`<div class="prm-header-submenu submenu-${menu.id}"></div>`,ulElement); const submenuContainerElement = getElement('.submenu-'+menu.id); // Render submenus (level 2 and 3) menu.submenus.forEach(submenu => { if (!submenu.access) return; // Skip submenu if access is false new BaseTag(` <div class="prm-header-submenu-sub1 ${submenu.hidden? 'hidden':''}"> <div class="prm-header-submenu-sub1-title">${submenu.title}</div> </div>`,submenuContainerElement); submenu.items.forEach(item => { if (!item.access) return; // Skip item if access is false new BaseTag(` <div class="prm-header-submenu-sub2"> <a href="${item.link}"><div class="prm-header-submenu-sub2-title">${item.title}</div></a> </div>`,submenuContainerElement); }); }); } }); }; if(headerContainerSignoff||headerContainerSignoffMobile){ if(!((currentUrl==='/en-us/' || currentUrl === '/ja-jp/'))||((currentUrl==='/en-us/' || currentUrl === '/ja-jp/')&& isShowHomeHeader)){ //enable logo url const trendLogo = getElement('#trend-logo'); trendLogo.href = '/'; //insert Contactus Menu if(headerContainerSignoff){ new BaseTag(` <li class="nav-item"> <a href="mailto:partnersupport@trendmicro.com">Contact us</a> </li>`,headerContainerSignoff) } //insert Contactus Menu if(headerContainerSignoffMobile){ new BaseTag(` <li class="nav-item"> <a href="mailto:partnersupport@trendmicro.com">Contact us</a> </li>`,headerContainerSignoffMobile) } renderMenusSignoff(menuStateBeforeSignin); renderMenusSignoffMobile(menuStateBeforeSignin) //insert Contactus Menu if(headerContainerSignoff){ new BaseTag(` <li class="nav-item"> <a href="/Signin/"> <div class="state-layer-signin"> <div class="label-text-signin">Sign in</div> </div> </a> </li>`,headerContainerSignoff) } if(headerContainerSignoffMobile){ new BaseTag(` <li class="nav-item"> <a href="/Signin">Sign in</a> </li> `,headerContainerSignoffMobile) } } } const products = productListsInfoData?.toSorted((a, b) => a?.name.toLowerCase().localeCompare(b?.name.toLowerCase())); const searchList = searchListsInfoData.toSorted((a, b) => a?.name.toLowerCase().localeCompare(b?.name.toLowerCase())); const featuredProducts = products?.filter(prod => prod?.featureOrder).toSorted((a, b) => Number(a.featureOrder) - Number(b.featureOrder)); const featuredProductsMarkup = generateFeaturedProducts(featuredProducts); const featureList = getElement('.feature-list'); featureList.insertAdjacentHTML('beforeend', featuredProductsMarkup); // Add handler backdrop?.addEventListener('click', handleClickOnBackdrop); resourcePanelCenter?.addEventListener('mouseover', handleHoverOnNavResources); getElement('.header-nav')?.addEventListener('click', handleClickOnNav); getElement('.mobile-nav')?.addEventListener('click', handleClickOnMobileNav); // Add product list into product tab const productTemp = generateProductsList(products?.filter(prod => prod?.name)); const productPanel = getElement('.panel-products'); productPanel?.insertAdjacentHTML('afterbegin', productTemp); // Select search container element /** zqconst navSearchContainer = getElement('#nav-search__panel');*/ // Initiate Search bar instances /** zqconst navSearch = new SearchBar('nav', lang, navSearchContainer, handleSearchSubmit);*/ // const searchListName = searchList.map(prod => prod.name); // Render products list in the search bar /** zqnavSearch.renderProductList(searchList?.map(prod => prod.name)?.filter(prod => prod)); // Generate product list markup then put in mobile nav const markup = generateMobileNavProductsList(products); const mobileNavProduct = getElement('.mobile-nav .search-form__dropdown-list'); mobileNavProduct.insertAdjacentHTML('beforeend', markup);*/ }; headerInitiation(); </script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TG5NN6JP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-RYBZS45H03"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RYBZS45H03'); </script>  <div id="antiforgerytoken" data-url="/_layout/tokenhtml"></div>  <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/client-telemetry.bundle-c71b2e2d47.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/client-telemetry.bundle-c71b2e2d47.js" type="text/javascript"></script>  <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/client-telemetry-wrapper.bundle-633e70f51b.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/client-telemetry-wrapper.bundle-633e70f51b.js" type="text/javascript"></script> <script> window.clientLogWrapper = new ClientLogWrapper(); </script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/preform.moment_2_29_4.bundle-4fdd3f639b.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/preform.moment_2_29_4.bundle-4fdd3f639b.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-dependency.bundle-805a1661b7.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-dependency.bundle-805a1661b7.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf.bundle-9183da3d63.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf.bundle-9183da3d63.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-extended.bundle-e303d53553.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-extended.bundle-e303d53553.js" type="text/javascript"></script> <div> <div class="xrm-editable-html xrm-attribute"><div class="xrm-attribute-value"> <main class="bg-neutral-100"> <section class="partner-locator-section-heading flex-center"> <div class="container"> <div class="heading-frame"> <div class="heading-frame-words"> <div class="title">Find a Trend Micro Partner</div> <div class="content">Locate a partner from whom you can purchase Trend Micro solutions</div> </div> <div class="heading-frame-image"> <img src="/PLT-Banner.jpg"/> </div> </div> </div> </section> <section class="flex-center"> <div class="container"> <div class="companyName-container">  <div class="companyName-frame"> </div>  <div class="modal" id="modal"> </div> </div> <div class="dropdown-container">  <div class="dropdown-frame"> </div>  <div class="main-button-frame"> </div> </div> </div> </section> <section class="flex-center" style="margin-top: 32px; min-height: 50rem;"> <article class="container" style="margin-bottom: 100px;"> <div class="trend-partner-success-story">Trend Partner Success Story</div> <div class="frame-616"> <div class="frame-617"> <div class="frame-234"> <div class="trend-partner-success-story-content"> <p style="font-size:16px;">Trend Micro is ranked #1 Channel Security Vender in the 2023 Canalys Global Cybersecurity Leadership Matrix. The highlights and key strengths mentioned by Canalys are:<br></p> <p style="line-height: 25px;margin-left:20px;margin-top:15px;margin-bottom:10px;font-size:16px;">     •  Commitment to channel partners<br>     •  Quality of account management<br>     •  Channel innovation and thought leadership<br>     •  Support and enablement of multiple partner types </p> <p style="font-size:16px;">Trend Micro’s Vision One platform and channel-first approach continued to empower its partners to grow their businesses. It grew its AWS CCPO partners and MSPs with XDR by more than 40%. Over 800 partners used its co-branded Trend Cyber Risk Assessment, which generated more than 1,400 leads, while 77,000 partners undertook its training in the last 12 months. Its Champion status reflected its ongoing channel innovation and partners’ contribution to driving customer adoption of its platform.</p> <p style="font-size:16px;;margin-top:15px;margin-bottom:10px;">Its redesigned Trend Partner Program, which focuses on enabling specific partner business models and accelerating their growth and competencies. Lead generation, a new Partner Capability Model and Partner Digital Experiences are all key elements. Competencies cover Incident Response, Managed Security Services, and Professional Services. Profitability is a major focus, which takes in partner capabilities, deal participation, influenced revenue in services, and marketplace offers.</p> <br> <p class="StoryClass2" style="margin-bottom:-15px;">See how Trend Micro has helped businesses just like yours.</p> </div> <div class="button-groups"> <a href="https://www.trendmicro.com/en_us/partners/partner-stories.html" target="_blank"> <div class="state-layer5"> <div class="label-text">Learn more</div> </div> </a> <a href="https://www.youtube.com/watch?v=soaO9lv6YeM" target="_blank"> <div class="state-layer6"> <div class="label-text-red">Watch video</div> </div> </a> </div> </div> </div> <img class="global-cybersecurity-leadership-matrix-2022-1" src="/prm_newloginpage_success_story_img.webp"> </div> </article> </section> </main> <footer class="partner-locator-footer flex-center bg-black text-white fs-200 ff-open-sans"> Copyright © &nbsp<span class="current-year"></span> &nbspTrend Micro Incorporated. All rights reserved. </footer> <script type="module"> import { getElement } from '/helper.js'; import { BaseInputWithButtonPL, BaseTag, Dropdown, DropdownPRM } from '/prm_class.js'; import { usStateProvinceList, partnerTierList, partnerCompetencyList } from '/static_data.js' let companyNameInstance; let countryInstance; let stateInstance; let partnerTypeInstance; let partnerTierInstance; let partnerCompetencyInstance; let countryCompanyNameInstance; let countryList = [ { label: "Albania", value: "8" } , { label: "Algeria", value: "12" } , { label: "American Samoa", value: "16" } , { label: "Andorra", value: "20" } , { label: "Angola", value: "24" } , { label: "Anguilla", value: "660" } , { label: "Antarctica", value: "10" } , { label: "Antigua and Barbuda", value: "28" } , { label: "Argentina", value: "32" } , { label: "Armenia", value: "51" } , { label: "Aruba", value: "533" } , { label: "Australia", value: "36" } , { label: "Austria", value: "40" } , { label: "Azerbaijan", value: "31" } , { label: "Åland Islands", value: "248" } , { label: "Bahamas", value: "44" } , { label: "Bahrain", value: "48" } , { label: "Bangladesh", value: "50" } , { label: "Barbados", value: "52" } , { label: "Belarus", value: "112" } , { label: "Belgium", value: "56" } , { label: "Belize", value: "84" } , { label: "Benin", value: "204" } , { label: "Bermuda", value: "60" } , { label: "Bhutan", value: "64" } , { label: "Bolivia", value: "68" } , { label: "Bonaire, Sint Eustatius and Saba", value: "535" } , { label: "Bosnia and Herzegovina", value: "70" } , { label: "Botswana", value: "72" } , { label: "Bouvet Island", value: "74" } , { label: "Brazil", value: "76" } , { label: "British Indian Ocean Territory", value: "86" } , { label: "Brunei Darussalam", value: "96" } , { label: "Bulgaria", value: "100" } , { label: "Burkina Faso", value: "854" } , { label: "Burundi", value: "108" } , { label: "Cabo Verde", value: "132" } , { label: "Cambodia", value: "116" } , { label: "Cameroon", value: "120" } , { label: "Canada", value: "124" } , { label: "Cayman Islands", value: "136" } , { label: "Central African Republic", value: "140" } , { label: "Chad", value: "148" } , { label: "Chile", value: "152" } , { label: "China", value: "156" } , { label: "Christmas Island", value: "162" } , { label: "Cocos (Keeling) Islands", value: "166" } , { label: "Colombia", value: "170" } , { label: "Comoros", value: "174" } , { label: "Congo (the Democratic Republic of the)", value: "180" } , { label: "Congo", value: "178" } , { label: "Cook Islands", value: "184" } , { label: "Costa Rica", value: "188" } , { label: "Croatia", value: "191" } , { label: "Cuba", value: "192" } , { label: "Curaçao", value: "531" } , { label: "Cyprus", value: "196" } , { label: "Czechia", value: "203" } , { label: "Côte d'Ivoire", value: "384" } , { label: "Denmark", value: "208" } , { label: "Djibouti", value: "262" } , { label: "Dominica", value: "212" } , { label: "Dominican Republic", value: "214" } , { label: "Ecuador", value: "218" } , { label: "Egypt", value: "818" } , { label: "El Salvador", value: "222" } , { label: "Equatorial Guinea", value: "226" } , { label: "Eritrea", value: "232" } , { label: "Estonia", value: "233" } , { label: "Eswatini", value: "748" } , { label: "Ethiopia", value: "231" } , { label: "Falkland Islands (Malvinas)", value: "238" } , { label: "Faroe Islands", value: "234" } , { label: "Fiji", value: "242" } , { label: "Finland", value: "246" } , { label: "France", value: "250" } , { label: "French Guiana", value: "254" } , { label: "French Polynesia", value: "258" } , { label: "French Southern Territories", value: "260" } , { label: "Gabon", value: "266" } , { label: "Gambia", value: "270" } , { label: "Georgia", value: "268" } , { label: "Germany", value: "276" } , { label: "Ghana", value: "288" } , { label: "Gibraltar", value: "292" } , { label: "Greece", value: "300" } , { label: "Greenland", value: "304" } , { label: "Grenada", value: "308" } , { label: "Guadeloupe", value: "312" } , { label: "Guam", value: "316" } , { label: "Guatemala", value: "320" } , { label: "Guernsey", value: "831" } , { label: "Guinea", value: "324" } , { label: "Guinea-Bissau", value: "624" } , { label: "Guyana", value: "328" } , { label: "Haiti", value: "332" } , { label: "Heard Island and McDonald Islands", value: "334" } , { label: "Holy See", value: "336" } , { label: "Honduras", value: "340" } , { label: "Hong Kong", value: "344" } , { label: "Hungary", value: "348" } , { label: "Iceland", value: "352" } , { label: "India", value: "356" } , { label: "Indonesia", value: "360" } , { label: "Iran (Islamic Republic of)", value: "364" } , { label: "Iraq", value: "368" } , { label: "Ireland", value: "372" } , { label: "Isle of Man", value: "833" } , { label: "Israel", value: "376" } , { label: "Italy", value: "380" } , { label: "Jamaica", value: "388" } , { label: "Japan", value: "392" } , { label: "Jersey", value: "832" } , { label: "Jordan", value: "400" } , { label: "Kazakhstan", value: "398" } , { label: "Kenya", value: "404" } , { label: "Kiribati", value: "296" } , { label: "Korea (the Democratic People's Republic of)", value: "408" } , { label: "Korea", value: "410" } , { label: "Kuwait", value: "414" } , { label: "Kyrgyzstan", value: "417" } , { label: "Lao People's Democratic Republic", value: "418" } , { label: "Latvia", value: "428" } , { label: "Lebanon", value: "422" } , { label: "Lesotho", value: "426" } , { label: "Liberia", value: "430" } , { label: "Libya", value: "434" } , { label: "Liechtenstein", value: "438" } , { label: "Lithuania", value: "440" } , { label: "Luxembourg", value: "442" } , { label: "Macao", value: "446" } , { label: "Madagascar", value: "450" } , { label: "Malawi", value: "454" } , { label: "Malaysia", value: "458" } , { label: "Maldives", value: "462" } , { label: "Mali", value: "466" } , { label: "Malta", value: "470" } , { label: "Marshall Islands", value: "584" } , { label: "Martinique", value: "474" } , { label: "Mauritania", value: "478" } , { label: "Mauritius", value: "480" } , { label: "Mayotte", value: "175" } , { label: "Mexico", value: "484" } , { label: "Micronesia", value: "583" } , { label: "Moldova", value: "498" } , { label: "Monaco", value: "492" } , { label: "Mongolia", value: "496" } , { label: "Montenegro", value: "499" } , { label: "Montserrat", value: "500" } , { label: "Morocco", value: "504" } , { label: "Mozambique", value: "508" } , { label: "Myanmar", value: "104" } , { label: "Namibia", value: "516" } , { label: "Nauru", value: "520" } , { label: "Nepal", value: "524" } , { label: "Netherlands", value: "528" } , { label: "New Caledonia", value: "540" } , { label: "New Zealand", value: "554" } , { label: "Nicaragua", value: "558" } , { label: "Niger", value: "562" } , { label: "Nigeria", value: "566" } , { label: "Niue", value: "570" } , { label: "Norfolk Island", value: "574" } , { label: "North Macedonia", value: "807" } , { label: "Northern Mariana Islands", value: "580" } , { label: "Norway", value: "578" } , { label: "Oman", value: "512" } , { label: "Pakistan", value: "586" } , { label: "Palau", value: "585" } , { label: "Palestine, State of", value: "275" } , { label: "Panama", value: "591" } , { label: "Papua New Guinea", value: "598" } , { label: "Paraguay", value: "600" } , { label: "Peru", value: "604" } , { label: "Philippines", value: "608" } , { label: "Pitcairn", value: "612" } , { label: "Poland", value: "616" } , { label: "Portugal", value: "620" } , { label: "Puerto Rico", value: "630" } , { label: "Qatar", value: "634" } , { label: "Romania", value: "642" } , { label: "Russia", value: "643" } , { label: "Rwanda", value: "646" } , { label: "Réunion", value: "638" } , { label: "Saint Barthélemy", value: "652" } , { label: "Saint Helena, Ascension and Tristan da Cunha", value: "654" } , { label: "Saint Kitts and Nevis", value: "659" } , { label: "Saint Lucia", value: "662" } , { label: "Saint Martin (French part)", value: "663" } , { label: "Saint Pierre and Miquelon", value: "666" } , { label: "Saint Vincent and the Grenadines", value: "670" } , { label: "Samoa", value: "882" } , { label: "San Marino", value: "674" } , { label: "Sao Tome and Principe", value: "678" } , { label: "Saudi Arabia", value: "682" } , { label: "Senegal", value: "686" } , { label: "Serbia", value: "688" } , { label: "Seychelles", value: "690" } , { label: "Sierra Leone", value: "694" } , { label: "Singapore", value: "702" } , { label: "Sint Maarten", value: "534" } , { label: "Slovakia", value: "703" } , { label: "Slovenia", value: "705" } , { label: "Solomon Islands", value: "90" } , { label: "Somalia", value: "706" } , { label: "South Africa", value: "710" } , { label: "South Georgia and the South Sandwich Islands", value: "239" } , { label: "South Sudan", value: "728" } , { label: "Spain", value: "724" } , { label: "Sri Lanka", value: "144" } , { label: "Sudan", value: "729" } , { label: "Suriname", value: "740" } , { label: "Svalbard and Jan Mayen", value: "744" } , { label: "Sweden", value: "752" } , { label: "Switzerland", value: "756" } , { label: "Syrian Arab Republic", value: "760" } , { label: "Taiwan", value: "158" } , { label: "Tajikistan", value: "762" } , { label: "Tanzania, the United Republic of", value: "834" } , { label: "Thailand", value: "764" } , { label: "Timor-Leste", value: "626" } , { label: "Togo", value: "768" } , { label: "Tokelau", value: "772" } , { label: "Tonga", value: "776" } , { label: "Trinidad and Tobago", value: "780" } , { label: "Tunisia", value: "788" } , { label: "Turkmenistan", value: "795" } , { label: "Turks and Caicos Islands", value: "796" } , { label: "Tuvalu", value: "798" } , { label: "Turkey", value: "792" } , { label: "Uganda", value: "800" } , { label: "Ukraine", value: "804" } , { label: "United Arab Emirates", value: "784" } , { label: "United Kingdom", value: "826" } , { label: "United States Minor Outlying Islands", value: "581" } , { label: "USA", value: "840" } , { label: "Uruguay", value: "858" } , { label: "Uzbekistan", value: "860" } , { label: "Vanuatu", value: "548" } , { label: "Venezuela", value: "862" } , { label: "Vietnam", value: "704" } , { label: "Virgin Islands (British)", value: "92" } , { label: "Virgin Islands (U.S.)", value: "850" } , { label: "Wallis and Futuna", value: "876" } , { label: "Western Sahara", value: "732" } , { label: "Yemen", value: "887" } , { label: "Zambia", value: "894" } , { label: "Zimbabwe", value: "716" } , { label: "Afghanistan", value: "4" } , { label: "Kosovo", value: "999" } ]; let partnerTypeList = [ { label: '', value: '' }, { label: "Reseller", value: "1" } , { label: "Managed Service Provider", value: "2" } , { label: "Managed Security Service Provider", value: "3" } , { label: "Cloud Service Provider", value: "4" } , { label: "System Integrator", value: "5" } , { label: "Global System Integrator", value: "6" } , { label: "Professional Service", value: "7" } ]; const partnerCompanyNameState = { partnerCompanyName: { id: 'partnerCompanyName', label: '', value: '', labelValue: '', placeholder: 'Search by partner company name', errorMessage: '', require: false, readonly: false, button: { id: 'searchInputButton', text: '', onClick: function() { document.getElementById('modal-iframe').style.display = 'block'; const searchModal = new SearchModal(); document.getElementById('modal').style.display = 'block'; } } } }; const dropDownState = { country : { id: 'country', label: 'Country', value: '', labelValue: '', placeholder: 'Please select', errorMessage: 'This field is required', require: true, dropdownList: countryList }, state : { id: 'state', label: 'State/Province', value: '', labelValue: '', placeholder: 'Please select', errorMessage: '', require: false, dropdownList: usStateProvinceList }, partnerType : { id: 'partnerType', label: 'Partner type', value: '', labelValue: '', placeholder: 'Please select', errorMessage: '', require: false, dropdownList: partnerTypeList }, partnerTier : { id: 'partnerTier', label: 'Partner tier', value: '', labelValue: '', placeholder: 'Please select', errorMessage: '', require: false, dropdownList: partnerTierList }, partnerCompetency : { id: 'partnerCompetency', label: 'Partner competency', value: '', labelValue: '', placeholder: 'Please select', errorMessage: '', require: false, dropdownList: partnerCompetencyList } }; const modalState = { country: { id: 'country', label: 'Country', value: '', labelValue: '', placeholder: 'Please select', errorMessage: 'This field is required', require: true, dropdownList: countryList } }; //画面初始化 function pageInitiation() { // 画面项目做成 const customerInfoContainerElement = getElement('.companyName-frame'); companyNameInstance = new BaseInputWithButtonPL(partnerCompanyNameState.partnerCompanyName,'en-US', customerInfoContainerElement, (data) => { partnerCompanyNameState.partnerCompanyName.value = data.value; }); const dropdownContainerElement = getElement('.dropdown-frame'); new BaseTag(`<div class="search-row column-11">`, dropdownContainerElement); const rowWrapperFragmentColumn11 = getElement('.column-11'); countryInstance = new DropdownPRM(dropDownState.country, rowWrapperFragmentColumn11, handleClickOnDropdown, true); new BaseTag(`<div class="search-row column-12">`, dropdownContainerElement); const rowWrapperFragmentColumn12 = getElement('.column-12'); stateInstance = new DropdownPRM(dropDownState.state, rowWrapperFragmentColumn12, handleClickOnDropdown, true); stateInstance.setReadonly(true); new BaseTag(`<div class="search-row column-21">`, dropdownContainerElement); const rowWrapperFragmentColumn21 = getElement('.column-21'); partnerTypeInstance = new DropdownPRM(dropDownState.partnerType, rowWrapperFragmentColumn21, handleClickOnDropdown); new BaseTag(`<div class="search-row column-22">`, dropdownContainerElement); const rowWrapperFragmentColumn22 = getElement('.column-22'); partnerTierInstance = new DropdownPRM(dropDownState.partnerTier, rowWrapperFragmentColumn22, handleClickOnDropdown); new BaseTag(`<div class="search-row column-31">`, dropdownContainerElement); const rowWrapperFragmentColumn31 = getElement('.column-31'); partnerCompetencyInstance = new DropdownPRM(dropDownState.partnerCompetency, rowWrapperFragmentColumn31, handleClickOnDropdown); const mainButtonElement = getElement('.main-button-frame'); new BaseTag(` <div class="form-buttons flex items-center justify-end gap-6"> <button type="button" class="btn outline-white ff-inter fs-200 transition-colors" id="clearSelections">Clear all filters</button> <button type="button" class="btn primary ff-inter fs-200 transition-colors" id="searchMain">Search</button> </div> `, mainButtonElement); // footer的年份取得 renderCurrentYear(); } // footer的年份取得 const renderCurrentYear = () => { const fullYear = new Date().getFullYear(); const footerYearElement = getElement('.partner-locator-footer .current-year'); footerYearElement.textContent = fullYear; } // Dropdown按下 const handleClickOnDropdown = ({ id, value, label }) => { dropDownState[id].value = value; dropDownState[id].labelValue = label; if(id=='country'){ if (dropDownState[id].value=='840') { stateInstance.setReadonly(false); } else { stateInstance.clearValue(); dropDownState.state.value = ''; stateInstance.setReadonly (true); } } } document.addEventListener('DOMContentLoaded', () => { // 清除主页面所有下拉框的值 document.getElementById('clearSelections').onclick = () => { countryInstance.clearValue(); dropDownState.country.value = ''; stateInstance.clearValue(); dropDownState.state.value = ''; partnerTypeInstance.clearValue(); dropDownState.partnerType.value = ''; partnerTierInstance.clearValue(); dropDownState.partnerTier.value = ''; partnerCompetencyInstance.clearValue(); dropDownState.partnerCompetency.value = ''; }; // 主页面的检索按钮（获取所有下拉框选择的值并传递到下一个页面） document.getElementById('searchMain').onclick = () => { const countryValue = dropDownState.country.value; if (!countryValue) { countryInstance?.setError(); return; } const urlParams = new URLSearchParams({ country: dropDownState.country.value, state: dropDownState.state.value, partnerType: dropDownState.partnerType.value, partnerTier: dropDownState.partnerTier.value, partnerCompetency: dropDownState.partnerCompetency.value }); const targetPage = '/partner-locator-search-partner/'; window.location.href = `${targetPage}?${urlParams.toString()}`; }; }); // dialog类 class SearchModal { constructor() { this.initialRender(); this.attachEventListeners(); } // dialog画面初期表示 initialRender() { const containerElement = document.getElementById('modal-iframe'); containerElement.innerHTML = ` <div id="modal" class="modal"> <div class="modal-content"> <div class="flex flex-col gap-4"> <h3 class="fs-400 ff-inter-bold tracking">Please select a country.</h3> <div class="search-by-account__tab-content flex flex-col bg-neutral-100"> <div id="tab-content__search-by-account" class="tab-content gap-6">  </div> </div> </div> </div> </div> `; const tabContentContainerElement = getElement('#tab-content__search-by-account'); tabContentContainerElement.innerHTML = ''; // dialog的country countryCompanyNameInstance = new Dropdown(modalState.country, tabContentContainerElement, this.handleClickOnDropdownEndCustomer, true); // dialog的按钮部分 new BaseTag(` <div class="prm-buttons flex items-center justify-start gap-4"> <button type="button" id="search-account-btn" class="btn outline-red ff-inter fs-200 transition-colors">Search</button> <button type="button" id="cancel-account-btn" class="btn outline-white ff-inter fs-200 transition-colors">Cancel</button> </div> `, tabContentContainerElement); } handleClickOnDropdownEndCustomer = ({ id, value, label }) => { modalState[id].value = value; modalState[id].labelValue = label; } // dialog画面按钮按下 attachEventListeners() { // dialog的Search按钮 document.getElementById('search-account-btn').onclick = () => { const countryValue = modalState.country.value; if (!countryValue) { countryCompanyNameInstance?.setError(); return; } const urlParams = new URLSearchParams({ countryForPartnerCompanyName: countryValue, partnerCompanyName: partnerCompanyNameState.partnerCompanyName.value }); const targetPage = '/partner-locator-search-partner/'; window.location.href = `${targetPage}?${urlParams.toString()}`; }; // dialog的Cancel按钮 document.getElementById('cancel-account-btn').onclick = () => { countryCompanyNameInstance.clearValue(); modalState.country.value = ''; document.getElementById('modal-iframe').style.display = 'none'; }; } } // 主页面初期表示 pageInitiation(); </script> <div id="modal-iframe" class="modal-iframe"> </div></div></div> </div> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/pcf-loader.bundle-f4a0e619b8.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/pcf-loader.bundle-f4a0e619b8.js" type="text/javascript"></script> <div id="pp-native-controls-react-root"></div> <script>window._nativeControlConfig = { "publicPath":"https://content.powerapps.com/resource/powerappsportal/controls", "versions": {"pcf_loader":"0.0.30","pcf_controls":"3.3.2","mf_shared":"0.2.10","host":"0.5.0","data_grid":"1.1.31","controls_fluent_v9":"0.0.33"} }</script> <script defer="defer" src="https://content.powerapps.com/resource/powerappsportal/controls/host/main.38f3cbbbdc.chunk.js"></script> <style> footer { width: 100%; padding-block: 1.5rem; } footer>.container { gap: 8rem; } .footer__left { gap: 1.5rem; width: fit-content; min-width: 184px; } .footer-logo { width: 150px; } .footer__left>button { box-shadow: 0px 4px 15px 0px rgba(196, 196, 196, 0.35); } .footer__right { width: 100%; } .footer__list { flex: 1 1 200px; color: var(--clr-white); line-height: 20px; } .footer__list .footer__list-heading { margin-bottom: 1.75rem; color: var(--clr-neutral-450); font-size: var(--fs-300); font-family: var(--ff-open-sans); letter-spacing: -0.16px; } .footer__list li { font-size: var(--fs-200); font-family: var(--ff-inter); } .footer__list li:not(:last-child) { margin-bottom: 1.25rem; } .footer__list a { color: inherit; } .footer__list a:hover { color: var(--clr-neutral-400); } .footer__right>.divider { width: 100%; height: 1px; margin-block: 2rem; background-color: #d1d3d4; } .footer__left .dropdown__button, .footer__left .dropdown__menu li a { font-family: var(--ff-inter); } .footer-bottom { width: 100%; padding-block: 0.5rem; color: #d1d3d4; } @media only screen and (max-width: 860px) { footer>.container { gap: 2rem; } .footer__list { flex: auto; } .footer__right .list-container { flex-direction: column; gap: 1rem; } .footer__list ul { display: none; } .copyright { margin-top: 0.5rem; } } @media only screen and (max-width: 580px) { footer { padding-block: 1rem; } footer>.container { flex-direction: column; gap: 2rem; } .footer__right>.divider { margin-block: 1rem; } .footer-bottom { font-size: 11px; } } </style>  <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/bootstrap.bundle-105a4995b8.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/bootstrap.bundle-105a4995b8.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/postpreform.bundle-184c77da50.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/postpreform.bundle-184c77da50.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/app.bundle-dad47d7e41.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/app.bundle-dad47d7e41.js" type="text/javascript"></script> <script onerror="javascript: var target = event.target; var script = document.createElement('script'); script.crossOrigin = target.crossOrigin; script.src = '/dist/default-1033.moment_2_29_4.bundle-eda4e638fd.js'; script.type = 'text/javascript'; target.insertAdjacentElement('afterend',script);" src="https://content.powerapps.com/resource/powerappsportal/dist/default-1033.moment_2_29_4.bundle-eda4e638fd.js" type="text/javascript"></script> <script> //this event will update the title of the page based on active breadcrumb $('.breadcrumb').ready(function () { if ($('.breadcrumb').is(':visible')) { document.querySelector('title').innerHTML = ($('.breadcrumb > li.active').text() + ""); } }); function GoToNewEditor() { var editCmsUrlSegment = "EditInCms"; var currentUrl = window.location.href; if (currentUrl.indexOf('?') > -1) { var urlSegments = currentUrl.split("?"); window.location.href = window.location.origin + '/' + editCmsUrlSegment + window.location.pathname + '?' + urlSegments[1]; } else { window.location.href = window.location.origin + '/' + editCmsUrlSegment + window.location.pathname; } } </script> <script> if ('serviceWorker' in navigator) { navigator.serviceWorker.getRegistrations().then(function(registrations) { for(let registration of registrations) { registration.unregister(); }}).catch(function(err) { console.log('Service Worker unregister action failed: ', err); }); } </script>  </body> </html>

CINXE.COM

Partner Locator Home