CVE-2026-11998

About vulnerability

A flaw in AngularJS’ Strict Contextual Escaping (SCE) logic allows bypassing certain SCE policies for resource URLs and can lead to arbitrary JavaScript execution within the context of the victim’s browser session.

SCE’s purpose is to ensure that only trusted or safe values are used in certain security-sensitive contexts, such as resource URLs, including URLs that define executable JavaScript scripts, ‘’ documents, route templates, etc. A flaw in the logic that tries to match entire URLs against regular expression matchers can result in partial matches for certain types of regular expressions, effectively bypassing the policies and allowing the use of unsafe values as resource URLs.</p> <p>This issue affects AngularJS versions greater than or equal to 1.2.0-rc.3.</p> <p>Note: The AngularJS project was already End-of-Life when this CVE was published and will not receive any updates to address this issue. For more information see the End-of-Life announcement <a href="https://docs.angularjs.org/misc/version-support-status">https://docs.angularjs.org/misc/version-support-status</a> .</p> </div> </section> <section id="details" class="my-6 cve-detail-section"> <h2 class="text-2xl font-semibold mb-2">Details</h2> <div class="prose prose-sm max-w-none prose-h3:text-lg prose-h4:text-base"> <dl class="not-prose text-sm text-gray-900"> <div class="mb-2"><dt class="inline font-semibold text-gray-700">Affected product:</dt> <dd class="inline"> <a href="/cve-tracker/?product=AngularJS" class="text-blue-600 hover:text-blue-800">AngularJS</a> , <a href="/cve-tracker/?product=angular-translate" class="text-blue-600 hover:text-blue-800">angular-translate</a> </dd></div> <div class="mb-2"><dt class="inline font-semibold text-gray-700">Affected packages:</dt> <dd class="inline">angular @ 1.8.2 (+8 more)</dd></div> </dl> </div> </section> <section id="statement" class="my-6 cve-detail-section hidden"> <div class="bg-white rounded-xl shadow-sm border border-gray-100 overflow-hidden p-6"> <h3 class="text-lg font-semibold text-gray-900 mb-4">Statement</h3> <p id="statement-text" class="text-gray-700 whitespace-pre-line"></p> </div> </section> <section id="fixes-section" class="my-6 cve-detail-section"> <div class="flex items-center justify-between mb-2"> <h2 class="text-2xl font-semibold">Fixes</h2> <div class="flex items-center gap-2"> <label for="fixes-os-filter-details" class="w-full text-sm text-gray-700">Operating system / Project</label> <select id="fixes-os-filter-details" class="h-9 rounded-md border border-gray-300 bg-white px-3 text-sm text-gray-900"> <option value="All">All</option> </select> </div> </div> <div id="fixes-table"></div> <div id="fixes-pagination" class="mt-3"></div> <div id="fixes-statement-modal" class="fixed inset-0 bg-black/40 hidden flex items-center justify-center info-modal"> <div class="bg-white rounded-lg shadow max-w-xl w-full flex flex-col h-[70vh] p-4 info-modal__panel"> <div class="p-4 flex justify-between items-center"> <h3 class="text-lg font-semibold">Statement</h3> <button id="fixes-statement-modal-close" class="text-gray-500 hover:text-gray-700 cursor-pointer" aria-label="Close"> <img src="/cve-tracker/icons/close.svg" alt="close" class="h-4 w-4" /> </button> </div> <div class="px-4 pb-0 flex-1 overflow-y-auto" id="fixes-statement-modal-body"> <div class="prose prose-sm sm:prose-base max-w-none space-y-4"> <p class="mt-4"><strong>Resolution: Won’t Fix</strong><br />The fix is not available upstream and is unlikely ever to be provided.</p> <p class="mt-4">This is not a backdoor or vulnerability that allows attackers to gain root or execute code in the kernel.</p> <ul class="list-disc list-outside ml-6 space-y-2"> <li>At worst, it may allow an attacker to fingerprint that an OpenVPN service is running and discover its endpoints.</li> <li>This could help facilitate DDoS or brute-force attempts, but it does not impact kernel memory safety.</li> </ul> <p class="mt-4"><strong>Why the CVSS Score Looks Inflated</strong></p> <ul class="list-disc list-outside ml-6 space-y-2"> <li>The CVSS calculator assumes confidentiality, integrity, and availability impacts are “High” for any network-level information leak. That automatically inflates the score to 9.8 Critical, even though the practical effect is limited to reconnaissance.</li> </ul> <p class="mt-4">Some distribution security teams (e.g. Ubuntu) have therefore assigned it a Medium priority instead.</p> </div> </div> <div class="mt-4 px-4 pb-4 pt-4 text-right"> <button id="fixes-statement-modal-ok" class="custom-btn btn-primary">Close</button> </div> </div> </div> </section> <div id="errata-side-modal" class="fixed inset-0 hidden side-modal"> <div class="absolute inset-0 bg-black/40" data-close="backdrop"></div> <aside class="absolute inset-y-0 right-0 w-full max-w-xl bg-white shadow-xl side-modal__panel flex flex-col translate-x-full"> <div class="p-4 flex items-center justify-between"> <h3 class="text-lg font-semibold">Release info</h3> <div class="flex items-center gap-4"> <a href="#" id="copy-page-link" data-action="copy-page-link" class="app-link inline-flex items-center gap-1"><img src="/cve-tracker/icons/link.svg" alt="link" class="h-4 w-4" /> Copy page link</a> <a href="#" data-action="open-as-page" class="app-link inline-flex items-center gap-1"><img src="/cve-tracker/icons/external-link.svg" alt="external" class="h-4 w-4" /> Open as a page</a> <button id="errata-side-modal-close" class="text-gray-500 hover:text-gray-700 cursor-pointer" aria-label="Close"> <img src="/cve-tracker/icons/close.svg" alt="close" class="h-4 w-4" /> </button> </div> </div> <div class="flex-1 overflow-y-auto p-4" id="errata-side-modal-body"> <div class=""> <div class="grid grid-cols-2 gap-x-4 gap-y-2 text-sm"> <div class="text-gray-500">Advisory</div> <div class="text-gray-900 font-medium">CLSA-2025:1748945064</div> <div class="text-gray-500">Operating system</div> <div class="text-gray-900">CentOS 8.4 ELS</div> <div class="text-gray-500">Published date</div> <div class="text-gray-900">Nov 16, 2014</div> <div class="text-gray-500">Project</div> <div class="text-gray-900">Linux</div> <div class="text-gray-500">Version</div> <div class="text-gray-900">2.11.0-1~ubuntu16.04.1+tuxcare.els12</div> </div> <div class="mt-3 flex flex-wrap items-center gap-2"> <button class="custom-btn btn-primary">Advisory</button> <button class="custom-btn btn-tertiary flex items-center gap-2"> <img src="/cve-tracker/icons/download.svg" alt="download" class="h-4 w-4" /> CSAF </button> <button class="custom-btn btn-tertiary flex items-center gap-2"> <img src="/cve-tracker/icons/download.svg" alt="download" class="h-4 w-4" /> OVAL </button> </div> <div> <nav class="my-6 flex gap-6 text-sm"> <a href="#how-to-fix" class="side-nav-link pb-2 border-b-2 border-blue-600 text-gray-900">How to fix</a> <a href="#changelog" class="side-nav-link pb-2 border-b-2 border-transparent text-gray-500 hover:text-gray-700">Changelog</a> <a href="#packages-list" class="side-nav-link pb-2 border-b-2 border-transparent text-gray-500 hover:text-gray-700">Updated packages</a> <a href="#cves" class="side-nav-link pb-2 border-b-2 border-transparent text-gray-500 hover:text-gray-700">CVEs</a> </nav> </div> <section id="how-to-fix" class="my-6"> <h4 class="text-base font-semibold text-gray-900 mb-2">How to fix</h4> <div> <div class="text-sm text-gray-600 mb-1">Update command:</div> <div class="relative"> <pre class="bg-gray-100 rounded-md p-3 text-sm text-gray-900 overflow-x-auto pr-10"><code>apt-get update apt-get --only-upgrade install ansible*</code></pre> <button class="absolute top-2 right-2 app-link inline-flex items-center justify-center" id="copy-update-cmd" title="Copy"> <img src="/cve-tracker/icons/copy.svg" alt="copy" class="h-4 w-4" /> </button> </div> </div> </section> <section id="changelog" class="my-6"> <h4 class="text-base font-semibold text-gray-900 mb-2">Changelog</h4> <ul class="list-disc list-outside ml-5 space-y-1 text-sm text-gray-900"> <li>Insufficiently Random Passwords Leakage</li> <li>Debian/patches/CVE-2020-10729.patch: Fix caching of Jinja2 expressions to prevent caching dynamic results</li> <li>CVE-2020-10729</li> </ul> </section> <section id="packages-list" class="my-6"> <h4 class="text-base font-semibold text-gray-900 mb-2">Updated packages</h4> <div class="text-sm text-gray-900">ansible_2.5.1+dfsg-1ubuntu0.1+tuxcare.els6_all.deb</div> </section> <section id="cves" class="my-6"> <h4 class="text-base font-semibold text-gray-900 mb-2">CVEs</h4> <ul class="list-disc list-outside ml-5 space-y-1 text-sm"> <li><a href="#" class="app-link">CVE-2019-14904</a></li> <li><a href="#" class="app-link">CVE-2020-10729</a></li> <li><a href="#" class="app-link">CVE-2019-10206</a></li> </ul> </section> </div> </div> </aside> </div> </div> </div> <script type="application/json" id="els-product-urls-config">{"baseUrl":"https://tuxcare.com/endless-lifecycle-support","slugOverrides":{".NET":"dotnet","Alpine Linux 3.18 ELS":"alpine-linux","Alpine Linux 3.22":"alpine-linux","Angular":"angular","AngularJS":"angularjs","Apache CXF":"apache-cxf","Apache Commons":"apache-commons-lang","Apache Commons Lang":"apache-commons-lang","Apache Hadoop":"apache-hadoop","Apache Hive":"apache-hive","Apache Kafka":"apache-kafka","Apache Lucene":"apache-lucene","Apache Spark":"apache-spark","Apache Struts":"struts","Apache Tomcat":"apache-tomcat","Apache Velocity":"apache-velocity","Bootstrap":"bootstrap","Celery":"celery","CentOS 6 ELS":"centos-6","CentOS 7 ELS":"centos-7","CentOS 8.4 ELS":"centos-8","CentOS 8.5 ELS":"centos-8","CentOS Stream 8 ELS":"centos-stream-8","CometD":"cometd","Debian 10":"debian","Debian 10 ELS":"debian","Django":"django","ELS for Spring":"java-spring","Eclipse Jetty":"jetty","Express":"express","Express.js":"express","FastAPI":"fastapi","Fastify":"fastify","Flask":"flask","Hibernate":"hibernate","Jackson":"jackson","Knockout":"knockout","Laravel":"laravel","Livewire":"livewire","Lodash":"lodash","Next.js":"next-js","Node.js":"nodejs","NumPy":"numpy","OpenSearch":"opensearch","Oracle Linux 6 ELS":"operating-systems","Oracle Linux 7 ELS":"operating-systems","PHP":"php","Passport":"passport","PostgreSQL Driver":"postgresql","Protocol Buffers":"protobuf","Python":"python","RHEL 7 ELS":"red-hat-7","React":"react","Spring":"java-spring","Starlette":"starlette","Ubuntu 16.04":"operating-systems","Ubuntu 16.04 ELS":"operating-systems","Ubuntu 18.04":"operating-systems","Ubuntu 18.04 ELS":"operating-systems","Ubuntu 20.04":"operating-systems","Ubuntu 20.04 ELS":"operating-systems","Vue":"vue","Werkzeug":"werkzeug","Wildfly":"wildfly","Wildfly CLI":"wildfly","jQuery":"jquery"}}</script> <script> (function () { const el = document.getElementById("els-product-urls-config"); window.elsProductUrlsConfig = el && el.textContent ? JSON.parse(el.textContent) : null; })(); </script> <script src="/cve-tracker/js/cve-detail-banner.39b24cf82cc9ca7d936a1d68519872671209ff7938ce0a72ad56d6f9dd3cb7a8.js"></script> <script> document.addEventListener("DOMContentLoaded", function () { (function initCveContext() { const bannerContainer = document.getElementById("status-banner-container"); const params = new URLSearchParams(window.location.search); const product = params.get("product"); const context = params.get("context"); const parent = params.get("parent"); if (!product || !context) { if (bannerContainer && window.CVEDetailBanner) window.CVEDetailBanner.renderGenericBanner(bannerContainer); return; } const m = window.location.pathname.match(/\/cve\/details\/([^/]+)\//); const cveId = m ? m[1] : null; if (!cveId) return; function buildElsUrlFromSlug(slug) { const cfg = window.elsProductUrlsConfig; const base = (cfg && cfg.baseUrl ? cfg.baseUrl : "https://tuxcare.com/endless-lifecycle-support").replace(/\/$/, ""); const overrides = (cfg && cfg.slugOverrides) || {}; const slugFromProduct = Object.values(overrides).includes(slug); if (!slug || !slugFromProduct) return base + "/all-products/"; return base + "/" + slug + "-eol-support/"; } let url = `${window.API_BASE}/api/cves/${encodeURIComponent(cveId)}/context?product=${encodeURIComponent(product)}&context=${encodeURIComponent(context)}`; if (parent) url += `&parent=${encodeURIComponent(parent)}`; fetch(url) .then(function (r) { return r.ok ? r.json() : Promise.reject(r); }) .then(function (data) { const elsUrl = data.els_url || buildElsUrlFromSlug(product); if (bannerContainer && window.CVEDetailBanner) { window.CVEDetailBanner.renderBanner(data.status, bannerContainer, { elsUrl: elsUrl }); } if (data.product_display_name) { var productRow = document.getElementById("cve-affected-product-row"); var productDd = document.getElementById("cve-affected-product"); if (productRow && productDd) { var label = data.product_display_name; if (data.os_product_name) label += " (" + data.os_product_name + ")"; productDd.textContent = label; productRow.classList.remove("hidden"); } } if (data.component_display_name || data.component_name) { var compRow = document.getElementById("cve-affected-component-row"); var compDd = document.getElementById("cve-affected-component"); if (compRow && compDd) { var compLabel = data.component_display_name || data.component_name; if (data.version) compLabel += ' ' + data.version; compDd.textContent = compLabel; compRow.classList.remove("hidden"); } } if (data.statement) { var stmtTab = document.getElementById("statement-tab"); var stmtText = document.getElementById("statement-text"); if (stmtTab) stmtTab.classList.remove("hidden"); if (stmtText) stmtText.textContent = data.statement; var banner = document.getElementById("status-banner"); if (banner) { var btnCol = banner.querySelector(".flex.flex-col"); if (btnCol) { var viewLink = document.createElement("a"); viewLink.href = "#statement"; viewLink.className = "cve-banner-secondary text-sm text-white/90 hover:text-white mt-2 inline-block cursor-pointer"; viewLink.textContent = "View Statement"; viewLink.addEventListener("click", function (e) { e.preventDefault(); var tabBtn = document.querySelector('[data-detail-tab="statement"]'); if (tabBtn) tabBtn.click(); }); btnCol.appendChild(viewLink); } } } }) .catch(function () { console.warn("[CVE Context] API failed:", cveId, product, context); if (bannerContainer && window.CVEDetailBanner) window.CVEDetailBanner.renderGenericBanner(bannerContainer); }); })(); (function initDetailTabs() { const tabs = document.querySelectorAll("[data-detail-tab]"); const sections = document.querySelectorAll(".cve-detail-section"); if (!tabs.length || !sections.length) return; function activateTab(tabId) { sections.forEach(function (s) { s.classList.toggle("hidden", s.id !== tabId); }); tabs.forEach(function (t) { const isActive = t.getAttribute("data-detail-tab") === tabId; t.classList.toggle("font-semibold", isActive); t.classList.toggle("border-white", isActive); t.classList.toggle("text-white/60", !isActive); t.classList.toggle("border-transparent", !isActive); if (isActive) t.classList.add("text-white"); else t.classList.remove("text-white"); }); } tabs.forEach(function (tab) { tab.addEventListener("click", function (e) { e.preventDefault(); activateTab(tab.getAttribute("data-detail-tab")); }); }); var firstTab = tabs[0]; if (firstTab) activateTab(firstTab.getAttribute("data-detail-tab")); })(); const container = document.getElementById("fixes-table"); if (!container) return; const allData = [{"advisory":"PF-4753","component":"","errata_link":"","fix_status":"released","last_update":"2026-07-23","product":"AngularJS","version":""},{"advisory":"PF-4754","component":"","errata_link":"","fix_status":"released","last_update":"2026-07-23","product":"AngularJS","version":""},{"advisory":"PF-4758","component":"","errata_link":"","fix_status":"released","last_update":"2026-07-23","product":"AngularJS","version":""},{"advisory":"PF-4764","component":"","errata_link":"","fix_status":"released","last_update":"2026-07-23","product":"AngularJS","version":""},{"advisory":"PF-4797","component":"","errata_link":"","fix_status":"released","last_update":"2026-07-23","product":"AngularJS","version":""},{"advisory":"","component":"angular","errata_link":"","fix_status":"not_affected","last_update":"2026-07-17","product":"AngularJS","version":"1.8.3"},{"advisory":"","component":"angular-translate","errata_link":"","fix_status":"not_affected","last_update":"2026-07-17","product":"angular-translate","version":"2.19.0"},{"advisory":"","component":"angular-translate","errata_link":"","fix_status":"not_affected","last_update":"2026-07-17","product":"angular-translate","version":"2.19.1"}]; const osSelect = document.getElementById("fixes-os-filter-details"); if (osSelect && osSelect.options.length === 1) { const values = Array.from(new Set(allData.map((r) => String(r.os || r.product)))).sort(); values.forEach((v) => { const opt = document.createElement("option"); opt.value = v; opt.textContent = v; osSelect.appendChild(opt); }); osSelect.addEventListener("change", () => render(1)); const urlProduct = new URLSearchParams(window.location.search).get("product"); if (urlProduct) { const slugify = (name) => name.toLowerCase().replace(/ /g, "-").replace(/\./g, ""); for (let i = 1; i < osSelect.options.length; i++) { if (slugify(osSelect.options[i].value) === urlProduct) { osSelect.selectedIndex = i; break; } } } } function advisoryStatusLabel(s) { if (!s) return ""; const v = String(s).toLowerCase(); if (v === "released" || v === "done") return "Patch available"; if (v === "already_fixed") return "Already fixed"; if (v === "in_testing" || v === "in_progress" || v === "in_rollout") return "In progress"; if (v === "needs_triage" || v === "in_research") return "In Research"; if (v === "not_affected" || v === "false_positive" || v === "withdrawn") return "Not vulnerable"; if (v === "ignored") return "Ignored"; return s.replace(/_/g, " ").replace(/\b\w/g, (c) => c.toUpperCase()); } function render(page) { const selectedOs = osSelect ? osSelect.value : "All"; const data = selectedOs === "All" ? allData : allData.filter((r) => String(r.os || r.product) === selectedOs); const perPage = 10; const start = (page - 1) * perPage; const pageData = data.slice(start, start + perPage); let html = '<div class="overflow-x-auto"><table class="min-w-full divide-y divide-gray-200">'; html += '<thead class="bg-gray-50"><tr>' + '<th class="px-6 py-3 text-left text-xs font-medium text-gray-500">Product</th>' + '<th class="px-6 py-3 text-left text-xs font-medium text-gray-500">Affected component</th>' + '<th class="px-6 py-3 text-left text-xs font-medium text-gray-500">Advisory</th>' + '<th class="px-6 py-3 text-left text-xs font-medium text-gray-500">Last update</th>' + "</tr></thead>"; html += '<tbody class="bg-white divide-y divide-gray-200">'; pageData.forEach((r) => { const productLower = (r.product || "").toLowerCase(); let iconKey = ""; if (productLower.includes("alma")) iconKey = "almalinux.svg"; else if (productLower.includes("centos")) iconKey = "centos.svg"; else if (productLower.includes("cloudlinux")) iconKey = "cloudlinux.svg"; else if (productLower.includes("ubuntu")) iconKey = "ubuntu.png"; else if (productLower.includes("oracle linux")) iconKey = "oracle-linux.png"; else if (productLower.includes("alpine")) iconKey = "tux.svg"; else if (productLower.includes("debian")) iconKey = "debian.png"; else if (productLower.includes("dotnet")) iconKey = "dotnet.svg"; else if (productLower.includes("go")) iconKey = "go.svg"; else if (productLower.includes("java")) iconKey = "java.svg"; else if (productLower.includes("node")) iconKey = "nodejs.svg"; else if (productLower.includes("perl")) iconKey = "perl.svg"; else if (productLower.includes("php")) iconKey = "php.svg"; else if (productLower.includes("ruby")) iconKey = "ruby.svg"; else if (productLower.includes("rust")) iconKey = "rust.svg"; else if (productLower.includes("spring") || productLower.includes("els for spring")) iconKey = "spring.svg"; else if (productLower.includes("tuxcare")) iconKey = "tux.svg"; else if (productLower.includes("angular") && !productLower.includes("angularjs")) iconKey = "angular.png"; else if (productLower.includes("angularjs")) iconKey = "angularjs.svg"; else if (productLower.includes("express")) iconKey = "express.png"; else if (productLower.includes("apache") && productLower.includes("cxf")) iconKey = "apache-cxf.png"; else if (productLower.includes("wildfly")) iconKey = "wildfly.png"; else if (productLower.includes("netty")) iconKey = "netty.png"; else if (productLower.includes("starlette")) iconKey = "starlette.png"; else if (productLower.includes("werkzeug")) iconKey = "werkzeug.png"; else if (productLower.includes("numpy")) iconKey = "numpy.png"; else if (productLower.includes("livewire")) iconKey = "livewire.png"; else if (productLower.includes("opensearch")) iconKey = "opensearch.png"; const iconSrc = iconKey ? (window.iconUrls?.[iconKey] || `/icons/${iconKey}`) : ""; const componentHtml = r.component ? `<div><div class="text-sm text-gray-900">${r.component}</div>${r.version ? `<div class="text-xs text-gray-500 mt-0.5">${r.version}</div>` : ""}</div>` : ""; const lastUpdate = r.last_update || ""; const advisorySlug = advisoryToFixSlug(r.advisory || ""); const advisoryPageUrl = advisorySlug ? `${window.BASE_PATH || ''}/fixes/details/${advisorySlug}/` : ""; const productDisplay = r.product || ""; const productFilterUrl = productDisplay ? `${window.BASE_PATH || ''}/?product=${encodeURIComponent(productDisplay)}` : ""; const productHtml = productFilterUrl ? `<a class="app-link" href="${productFilterUrl}">${productDisplay}</a>` : `<span>${productDisplay}</span>`; const statusLabel = advisoryStatusLabel(r.fix_status); const statusClass = (statusLabel === "Patch available" || statusLabel === "Already fixed") ? "text-green-600" : "text-gray-500"; const advisoryLink = advisoryPageUrl ? `<a class="app-link" href="${advisoryPageUrl}">${r.advisory || ""}</a>` : (r.advisory || ""); let errataHtml; if (advisoryLink && statusLabel) { errataHtml = `<div><div class="text-sm text-gray-900">${advisoryLink}</div><div class="text-xs mt-0.5 ${statusClass}">${statusLabel}</div></div>`; } else if (advisoryLink) { errataHtml = `<div class="text-sm text-gray-900">${advisoryLink}</div>`; } else if (statusLabel) { errataHtml = `<div class="text-sm ${statusClass}">${statusLabel}</div>`; } else { errataHtml = "-"; } html += '<tr class="hover:bg-gray-50">' + `<td class="px-6 py-4 text-sm text-gray-900"><div class=\"flex items-center\"><div class=\"shrink-0 h-8 w-8 mr-3 rounded-md flex items-center justify-center overflow-hidden\">${iconSrc ? `<img src=\"${iconSrc}\" alt=\"${r.product}\" class=\"h-6 w-6 object-contain\" />` : ""}</div>${productHtml}</div></td>` + `<td class="px-6 py-4 text-sm text-gray-900">${componentHtml}</td>` + `<td class="px-6 py-4 text-sm">${errataHtml}</td>` + `<td class="px-6 py-4 text-sm text-gray-900">${lastUpdate}</td>` + "</tr>"; }); html += "</tbody></table></div>"; container.innerHTML = html; const pagination = { currentPage: page, totalPages: Math.ceil(data.length / perPage), totalItems: data.length, itemsPerPage: perPage }; const pagEl = document.getElementById("fixes-pagination"); const tpl = document.getElementById("pagination-template"); if (tpl && pagEl) { const frag = tpl.content.cloneNode(true); const prevBtn = frag.querySelector('[data-action="prev"]'); const nextBtn = frag.querySelector('[data-action="next"]'); const numbersRegion = frag.querySelector('[data-region="page-numbers"]'); const totalRegion = frag.querySelector('[data-region="total"]'); if (pagination.currentPage <= 1) prevBtn.setAttribute("disabled", ""); else prevBtn.removeAttribute("disabled"); if (pagination.currentPage >= pagination.totalPages) nextBtn.setAttribute("disabled", ""); else nextBtn.removeAttribute("disabled"); prevBtn.onclick = () => render(pagination.currentPage - 1); nextBtn.onclick = () => render(pagination.currentPage + 1); let nums = ""; const startP = Math.max(1, pagination.currentPage - 2); const endP = Math.min(pagination.totalPages, pagination.currentPage + 2); if (startP > 1) { nums += `<button class=\"pagination-btn h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 text-[#0F192C] hover:bg-gray-100\">1</button>`; if (startP > 2) nums += '<span class="h-8 min-w-8 px-2 inline-flex items-center justify-center text-sm text-gray-400">…</span>'; } for (let i = startP; i <= endP; i++) { if (i === pagination.currentPage) nums += `<span class=\"h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 text-[#0F192C] ring-1 ring-inset ring-blue-600\">${i}</span>`; else nums += `<button class=\"pagination-btn h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 text-[#0F192C] hover:bg-gray-100\">${i}</button>`; } if (endP < pagination.totalPages) { if (endP < pagination.totalPages - 1) nums += '<span class="h-8 min-w-8 px-2 inline-flex items-center justify-center text-sm text-gray-400">…</span>'; nums += `<button class=\"pagination-btn h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 text-[#0F192C] hover:bg-gray-100\">${pagination.totalPages}</button>`; } numbersRegion.innerHTML = nums; numbersRegion.querySelectorAll("button").forEach((btn) => { const n = parseInt(btn.textContent, 10); btn.onclick = () => render(n); }); totalRegion.textContent = `Total ${pagination.totalItems}`; pagEl.innerHTML = ""; pagEl.appendChild(frag); } } const modal = document.getElementById("fixes-statement-modal"); const body = document.getElementById("fixes-modal-body") || document.getElementById("fixes-statement-modal-body"); const closeBtn = document.getElementById("fixes-modal-close") || document.getElementById("fixes-statement-modal-close"); const okBtn = document.getElementById("fixes-modal-ok") || document.getElementById("fixes-statement-modal-ok"); function bindStatementHandlers() { container.querySelectorAll("button.app-link[data-statement]").forEach((btn) => { btn.addEventListener("click", () => { if (!modal) return; modal.classList.remove("hidden"); modal.classList.add("show"); modal.classList.remove("hide"); }); }); } const side = document.getElementById("errata-side-modal"); const sidePanel = side ? side.querySelector("aside") : null; const sideBody = side ? document.getElementById("errata-side-modal-body") || side.querySelector("#errata-side-modal-body") || side.querySelector("#errata-side-modal-body") : null; const sideClose = side ? document.getElementById("errata-side-modal-close") || side.querySelector("#errata-side-modal-close") : null; function openSide() { if (!side || !sidePanel) return; side.classList.remove("hidden"); sidePanel.classList.remove("translate-x-full"); sidePanel.classList.remove("animate-out"); sidePanel.classList.add("animate-in"); } function closeSide() { if (!side || !sidePanel) return; sidePanel.classList.remove("animate-in"); sidePanel.classList.add("animate-out"); setTimeout(() => { side.classList.add("hidden"); sidePanel.classList.add("translate-x-full"); }, 1200); } function advisoryToFixSlug(advisory) { return String(advisory || "") .trim() .replace(/:/g, "-") .toLowerCase(); } function bindSideHeaderLinks(advisory) { if (!side) return; const slug = advisoryToFixSlug(advisory); const detailsPath = slug ? `${window.BASE_PATH || ''}/fixes/details/${slug}/` : null; const openAsPage = side.querySelector('[data-action="open-as-page"]'); if (openAsPage) { openAsPage.setAttribute("href", detailsPath || "#"); } const copyPageLink = side.querySelector('[data-action="copy-page-link"]'); if (copyPageLink) { copyPageLink.onclick = (e) => { e.preventDefault(); const url = detailsPath ? window.location.origin + detailsPath : window.location.href; navigator.clipboard && navigator.clipboard.writeText(url).catch(() => {}); }; } } function bindErrataHandlers() { container.querySelectorAll(".errata-open").forEach((a) => { a.addEventListener("click", (e) => { e.preventDefault(); const errataLink = a.getAttribute("data-errata-link") || ""; const advisory = a.getAttribute("data-advisory") || ""; if (side) { const errataBtn = side.querySelector(".custom-btn.btn-primary"); if (errataBtn && errataLink) { errataBtn.onclick = () => window.open(errataLink, '_blank'); errataBtn.style.cursor = 'pointer'; } } bindSideHeaderLinks(advisory); openSide(); }); }); } render(1); bindStatementHandlers(); bindErrataHandlers(); function activateSideTab(href) { const links = side ? side.querySelectorAll("a.side-nav-link") : []; links.forEach((l) => { if (l.getAttribute("href") === href) { l.classList.remove("text-gray-500"); l.classList.add("text-gray-900"); l.classList.add("border-b-2"); l.classList.add("border-blue-600"); l.classList.remove("border-transparent"); } else { l.classList.add("text-gray-500"); l.classList.remove("text-gray-900"); l.classList.remove("border-blue-600"); l.classList.add("border-transparent"); } }); } if (side) { side.querySelectorAll("a.side-nav-link").forEach((link) => { link.addEventListener("click", (e) => { activateSideTab(link.getAttribute("href")); }); }); activateSideTab("#how-to-fix"); } if (side) { side.addEventListener("click", (e) => { if (e.target.getAttribute("data-close") === "backdrop") closeSide(); }); const closeBtn = document.getElementById("errata-side-modal-close"); const okBtn = document.getElementById("errata-side-modal-ok"); if (closeBtn) closeBtn.onclick = closeSide; if (okBtn) okBtn.onclick = closeSide; const copyBtn = document.getElementById("copy-update-cmd"); if (copyBtn) { copyBtn.addEventListener("click", () => { const pre = copyBtn.parentElement && copyBtn.parentElement.querySelector("pre code"); const text = pre ? pre.textContent : "apt-get update\napt-get --only-upgrade install ansible*"; navigator.clipboard && navigator.clipboard.writeText(text).catch(() => {}); }); } function scrollToId(id) { const target = side.querySelector(id); if (!target) return; target.scrollIntoView({ behavior: "smooth", block: "start" }); } side.querySelectorAll("a.side-nav-link").forEach((link) => { link.addEventListener("click", (e) => { e.preventDefault(); const href = link.getAttribute("href"); if (!href) return; activateSideTab(href); scrollToId(href); }); }); } function hide() { if (modal) { modal.classList.add("hidden"); modal.classList.remove("flex"); } } const hideAfter = () => { if (modal) { modal.classList.add("hide"); setTimeout(() => modal.classList.add("hidden"), 1000); } }; if (closeBtn) closeBtn.onclick = hideAfter; if (okBtn) okBtn.onclick = hideAfter; if (modal) modal.addEventListener("click", (e) => { if (e.target === modal) hideAfter(); }); if (document.getElementById("fixes-pagination")) { document.getElementById("fixes-pagination").addEventListener("click", () => { setTimeout(bindStatementHandlers, 0); setTimeout(bindErrataHandlers, 0); }); } }); </script> </main> <div id="subscribe-modal" class="fixed inset-0 hidden items-center justify-center bg-black/40 z-50"> <div class="bg-white rounded-lg shadow max-w-[460px] w-[460px] max-h-[85vh] p-0 flex flex-col min-h-0"> <div class="p-4 flex justify-between items-center"> <h3 class="text-lg font-semibold">Subscribe to updates</h3> <button id="subscribe-modal-close" class="text-gray-500 hover:text-gray-700" aria-label="Close"> <img src="/cve-tracker/icons/close.svg" alt="close" class="h-4 w-4 cursor-pointer" /> </button> </div> <form id="subscribe-form" class="flex-1 flex flex-col min-h-0"> <div class="px-4 pb-4 overflow-y-auto flex-1 min-h-0"> <img src="/cve-tracker/icons/subscribe-banner.svg" alt="" class="mb-4" /> <div class="text-base font-semibold text-[#0F192C] leading-[22px] mb-3">About you</div> <div class="grid grid-cols-1 gap-4"> <div class="flex flex-col"> <label for="name" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Name <span class="text-red-500">*</span></label> <input type="text" id="name" name="name" placeholder="e.g. John Smith" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm " required> <p id="name-error" class="hidden text-xs text-red-500 mt-1">Please enter your first and last name</p> </div> <div class="flex flex-col"> <label for="email" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Work email <span class="text-red-500">*</span></label> <input type="email" id="email" name="email" placeholder="Work e-mail" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm " required> </div> <div class="flex flex-col"> <label for="company" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Company name</label> <input type="text" id="company" name="company" placeholder="Your organization" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm "> </div> </div> <div class="text-base font-semibold text-[#0F192C] leading-[22px] mb-3 pt-4">Subscription Filters</div> <div id="subscribe-product-blocks" class="flex flex-col gap-4"> </div> <button type="button" id="subscribe-add-block" class="mt-3 text-sm text-blue-600 hover:text-blue-800 font-medium flex items-center gap-1"> <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M10 3a1 1 0 011 1v5h5a1 1 0 110 2h-5v5a1 1 0 11-2 0v-5H4a1 1 0 110-2h5V4a1 1 0 011-1z" clip-rule="evenodd" /></svg> Add another product </button> <label class="flex items-start gap-2 py-4 cursor-pointer"> <input type="checkbox" id="subscribe-consent" name="consent" class="mt-0.5 h-4 w-4 shrink-0 rounded border-gray-300 text-blue-600 focus:ring-blue-500" required /> <span class="text-xs text-gray-500 leading-relaxed">By submitting this form, I consent to processing personal information, agree to receive communications from TuxCare, the monthly newsletter, and agreeing to the <a href="https://tuxcare.com/privacy-policies-hub" target="_blank" class="app-link-underlined">TuxCare.com Privacy Policy</a>.*</span> </label> </div> <div class="px-4 pt-2 pb-4 flex items-center justify-between border-t border-gray-100"> <button type="button" id="open-unsubscribe-from-subscribe" class="text-sm text-gray-600 hover:text-gray-800 underline">Manage your subscriptions</button> <div class="flex items-center gap-2"> <button type="button" id="subscribe-modal-cancel" class="custom-btn btn-tertiary">Cancel</button> <button type="submit" class="custom-btn btn-primary">Subscribe</button> </div> </div> </form> </div> </div> <template id="product-block-template"> <div class="product-block border border-gray-200 rounded-lg p-3 relative" data-block-index=""> <div class="flex items-center justify-between mb-2"> <span class="text-xs font-semibold text-gray-500 uppercase tracking-wide product-block-label">Product 1</span> <button type="button" class="product-block-remove text-gray-400 hover:text-red-500 hidden" aria-label="Remove product block"> <svg class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /></svg> </button> </div> <div class="grid grid-cols-1 gap-3"> <div class="flex flex-col" data-ams-root="" data-block-product-select> <label class="text-xs font-semibold text-[#475467] mb-1">Product</label> <div class="relative"> <input type="text" placeholder="Type to search products..." autocomplete="off" class="w-full pl-3 pr-8 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm cursor-pointer" data-ams-input="" /> <svg class="ams-chevron absolute right-3 top-1/2 -translate-y-1/2 h-4 w-4 text-gray-400 pointer-events-none transition-transform duration-200" data-ams-chevron="" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /> </svg> </div> <div class="hidden fixed bg-white border border-gray-200 rounded-md shadow-lg max-h-64 overflow-auto z-[9999]" data-ams-menu=""> <div class="px-3 py-2 text-sm text-gray-500" data-ams-loading="">Loading products...</div> <ul class="py-1 text-sm" data-ams-list=""></ul> <div class="px-3 py-2 text-sm text-gray-500 hidden" data-ams-empty="">No products found</div> </div> </div> <div class="flex flex-col" data-block-cv-select> <label class="text-xs font-semibold text-[#475467] mb-1">Component / Version</label> <div class="flex flex-wrap gap-1 mb-1 empty:hidden" data-cv-chips></div> <div class="relative"> <button type="button" class="w-full px-3 py-2 border border-gray-300 rounded-md bg-white text-sm flex items-center justify-between focus:outline-none focus:ring-2 focus:ring-blue-500" data-cv-toggle> <span class="text-gray-500" data-cv-placeholder>All (no filter)</span> <svg class="h-4 w-4 text-gray-500 shrink-0" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.084l3.71-3.853a.75.75 0 111.08 1.04l-4.24 4.4a.75.75 0 01-1.08 0l-4.24-4.4a.75.75 0 01.02-1.06z" clip-rule="evenodd" /></svg> </button> </div> <div class="hidden fixed bg-white border border-gray-200 rounded-md shadow-lg max-h-72 overflow-hidden z-[9999] flex flex-col" data-cv-menu> <div class="px-2 py-2 border-b border-gray-100 shrink-0"> <input type="text" class="w-full px-2 py-1 text-sm border border-gray-200 rounded focus:outline-none focus:ring-1 focus:ring-blue-400" placeholder="Search components..." data-cv-search> </div> <div class="overflow-auto flex-1"> <div class="px-3 py-2 text-sm text-gray-500" data-cv-loading>Loading...</div> <ul class="py-1 text-sm" data-cv-list> <li> <button type="button" class="w-full px-3 py-2 text-left hover:bg-blue-50 flex items-center gap-2 font-medium text-blue-700" data-cv-item data-value="__all__" data-checked="true"> <span>All versions</span> <svg class="cv-check ml-auto h-4 w-4 text-blue-600" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"/></svg> </button> </li> </ul> <div class="px-3 py-2 text-sm text-gray-500 hidden" data-cv-empty>No matches</div> </div> </div> </div> <div class="flex flex-col" data-block-status-select> <label class="text-xs font-semibold text-[#475467] mb-1">CVE Status</label> <div class="flex flex-wrap gap-1 mb-1 empty:hidden" data-status-chips></div> <button type="button" class="w-full px-3 py-2 border border-gray-300 rounded-md bg-white text-sm flex items-center justify-between focus:outline-none focus:ring-2 focus:ring-blue-500" data-status-toggle> <span class="text-gray-500" data-status-placeholder>Select statuses</span> <svg class="h-4 w-4 text-gray-500 shrink-0" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.084l3.71-3.853a.75.75 0 111.08 1.04l-4.24 4.4a.75.75 0 01-1.08 0l-4.24-4.4a.75.75 0 01.02-1.06z" clip-rule="evenodd" /></svg> </button> <div class="hidden fixed bg-white border border-gray-200 rounded-md shadow-lg max-h-56 overflow-auto z-[9999]" data-status-menu> <ul class="py-1 text-sm" data-status-list> <li><button type="button" class="w-full px-3 py-2 text-left hover:bg-blue-50 flex items-center gap-2" data-status-item data-value="released" data-label="Patch available" data-checked="false"><span>Patch available</span><svg class="status-check ml-auto h-4 w-4 text-blue-600 hidden" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"/></svg></button></li> <li><button type="button" class="w-full px-3 py-2 text-left hover:bg-blue-50 flex items-center gap-2" data-status-item data-value="in_research,needs_triage" data-label="In Research" data-checked="false"><span>In Research</span><svg class="status-check ml-auto h-4 w-4 text-blue-600 hidden" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"/></svg></button></li> <li><button type="button" class="w-full px-3 py-2 text-left hover:bg-blue-50 flex items-center gap-2" data-status-item data-value="in_progress,in_testing,in_rollout" data-label="In progress" data-checked="false"><span>In progress</span><svg class="status-check ml-auto h-4 w-4 text-blue-600 hidden" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"/></svg></button></li> <li><button type="button" class="w-full px-3 py-2 text-left hover:bg-blue-50 flex items-center gap-2" data-status-item data-value="not_affected" data-label="Not vulnerable" data-checked="false"><span>Not vulnerable</span><svg class="status-check ml-auto h-4 w-4 text-blue-600 hidden" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"/></svg></button></li> <li><button type="button" class="w-full px-3 py-2 text-left hover:bg-blue-50 flex items-center gap-2" data-status-item data-value="ignored" data-label="Ignored" data-checked="false"><span>Ignored</span><svg class="status-check ml-auto h-4 w-4 text-blue-600 hidden" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" clip-rule="evenodd"/></svg></button></li> </ul> </div> </div> </div> </div> </template> <div id="unsubscribe-request-modal" class="fixed inset-0 hidden items-center justify-center bg-black/40 z-50"> <div class="bg-white rounded-lg shadow max-w-[400px] w-[400px] p-0 flex flex-col min-h-0"> <div class="p-4 flex justify-between items-center"> <h3 class="text-lg font-semibold">Unsubscribe</h3> <button id="unsubscribe-request-close" class="text-gray-500 hover:text-gray-700" aria-label="Close"> <img src="/cve-tracker/icons/close.svg" alt="close" class="h-4 w-4 cursor-pointer" /> </button> </div> <div id="unsubscribe-request-form-state" class="px-4 pb-4"> <p class="text-sm text-gray-600 mb-4">Enter your email and we'll send you a link to manage your subscription preferences.</p> <div class="mb-4"> <label for="unsubscribe-request-email" class="text-xs font-semibold text-[#475467] mb-1 block">Email</label> <input type="email" id="unsubscribe-request-email" name="email" placeholder="Work e-mail" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 text-sm" required /> </div> <div class="flex items-center justify-end gap-2"> <button type="button" id="unsubscribe-request-cancel" class="custom-btn btn-tertiary">Cancel</button> <button type="button" id="unsubscribe-request-submit" class="custom-btn btn-primary">Send link</button> </div> </div> <div id="unsubscribe-request-success-state" class="px-4 pb-4 hidden"> <div class="text-center py-4"> <svg class="h-12 w-12 text-green-500 mx-auto mb-3" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" /> </svg> <p class="text-sm text-gray-700 font-medium mb-1">Check your inbox</p> <p class="text-sm text-gray-500">If this email is subscribed, we've sent a link to manage your preferences.</p> </div> <div class="flex justify-end"> <button type="button" id="unsubscribe-request-done" class="custom-btn btn-primary">Done</button> </div> </div> </div> </div> <div id="contact-modal" class="fixed inset-0 hidden items-center justify-center bg-black/40 z-50"> <div class="bg-white rounded-lg shadow max-w-[400px] w-[400px] max-h-[80vh] p-0 flex flex-col min-h-0"> <div class="p-4 flex justify-between items-center"> <h3 class="text-lg font-semibold">Contact us</h3> <button id="contact-modal-close" class="text-gray-500 hover:text-gray-700" aria-label="Close"> <img src="/cve-tracker/icons/close.svg" alt="close" class="h-4 w-4 cursor-pointer" /> </button> </div> <form id="contact-form" class="flex-1 flex flex-col min-h-0" novalidate> <div class="px-4 pb-4 overflow-y-auto flex-1 min-h-0"> <img src="/cve-tracker/icons/contact-banner.svg" alt="contact" class="mt-4 mb-6" /> <div class="grid grid-cols-1 gap-4"> <div class="flex flex-col"> <label for="firstname" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">First name <span class="text-red-500">*</span></label> <input type="text" id="firstname" name="firstname" placeholder="First name" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm " required> </div> <div class="flex flex-col"> <label for="lastname" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Last name <span class="text-red-500">*</span></label> <input type="text" id="lastname" name="lastname" placeholder="Last name" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm " required> </div> <div class="flex flex-col"> <label for="email" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Work email <span class="text-red-500">*</span></label> <input type="email" id="email" name="email" placeholder="Work e-mail" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm " required> </div> <div class="flex flex-col"> <label for="country_im" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Country <span class="text-red-500">*</span></label> <select id="country_im" name="country_im" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm bg-white " required> <option value="" disabled selected>Select country</option> <option value="AF">Afghanistan</option> <option value="AX">Åland Islands</option> <option value="AL">Albania</option> <option value="DZ">Algeria</option> <option value="AS">American Samoa</option> <option value="AD">Andorra</option> <option value="AO">Angola</option> <option value="AI">Anguilla</option> <option value="AQ">Antarctica</option> <option value="AG">Antigua and Barbuda</option> <option value="AR">Argentina</option> <option value="AM">Armenia</option> <option value="AW">Aruba</option> <option value="AU">Australia</option> <option value="AT">Austria</option> <option value="AZ">Azerbaijan</option> <option value="BS">Bahamas</option> <option value="BH">Bahrain</option> <option value="BD">Bangladesh</option> <option value="BB">Barbados</option> <option value="BY">Belarus</option> <option value="BE">Belgium</option> <option value="BZ">Belize</option> <option value="BJ">Benin</option> <option value="BM">Bermuda</option> <option value="BT">Bhutan</option> <option value="BO">Bolivia</option> <option value="BQ">Bonaire, Sint Eustatius and Saba</option> <option value="BA">Bosnia and Herzegovina</option> <option value="BW">Botswana</option> <option value="BV">Bouvet Island (Bouvetoya)</option> <option value="BR">Brazil</option> <option value="IO">British Indian Ocean Territory (Chagos Archipelago)</option> <option value="VG">British Virgin Islands</option> <option value="BN">Brunei Darussalam</option> <option value="BG">Bulgaria</option> <option value="BF">Burkina Faso</option> <option value="BI">Burundi</option> <option value="KH">Cambodia</option> <option value="CM">Cameroon</option> <option value="CA">Canada</option> <option value="CV">Cape Verde</option> <option value="KY">Cayman Islands</option> <option value="CF">Central African Republic</option> <option value="TD">Chad</option> <option value="CL">Chile</option> <option value="CN">China</option> <option value="CX">Christmas Island</option> <option value="CC">Cocos (Keeling) Islands</option> <option value="CO">Colombia</option> <option value="KM">Comoros</option> <option value="CG">Congo</option> <option value="CK">Cook Islands</option> <option value="CR">Costa Rica</option> <option value="CI">Cote d'Ivoire</option> <option value="HR">Croatia</option> <option value="CU">Cuba</option> <option value="CW">Curaçao</option> <option value="CY">Cyprus</option> <option value="CZ">Czech Republic</option> <option value="DK">Denmark</option> <option value="DJ">Djibouti</option> <option value="DM">Dominica</option> <option value="DO">Dominican Republic</option> <option value="EC">Ecuador</option> <option value="EG">Egypt</option> <option value="SV">El Salvador</option> <option value="GQ">Equatorial Guinea</option> <option value="ER">Eritrea</option> <option value="EE">Estonia</option> <option value="ET">Ethiopia</option> <option value="FK">Falkland Islands (Malvinas)</option> <option value="FO">Faroe Islands</option> <option value="FJ">Fiji</option> <option value="FI">Finland</option> <option value="FR">France</option> <option value="GF">French Guiana</option> <option value="PF">French Polynesia</option> <option value="TF">French Southern Territories</option> <option value="GA">Gabon</option> <option value="GM">Gambia</option> <option value="GE">Georgia</option> <option value="DE">Germany</option> <option value="GH">Ghana</option> <option value="GI">Gibraltar</option> <option value="GB">Great Britain</option> <option value="GR">Greece</option> <option value="GL">Greenland</option> <option value="GD">Grenada</option> <option value="GP">Guadeloupe</option> <option value="GU">Guam</option> <option value="GT">Guatemala</option> <option value="GG">Guernsey</option> <option value="GN">Guinea</option> <option value="GW">Guinea-Bissau</option> <option value="GY">Guyana</option> <option value="HT">Haiti</option> <option value="HM">Heard Island and McDonald Islands</option> <option value="VA">Holy See (Vatican City State)</option> <option value="HN">Honduras</option> <option value="HK">Hong Kong</option> <option value="HU">Hungary</option> <option value="IS">Iceland</option> <option value="IN">India</option> <option value="ID">Indonesia</option> <option value="IQ">Iraq</option> <option value="IE">Ireland</option> <option value="IM">Isle of Man</option> <option value="IL">Israel</option> <option value="IT">Italy</option> <option value="JM">Jamaica</option> <option value="JP">Japan</option> <option value="JE">Jersey</option> <option value="JO">Jordan</option> <option value="KZ">Kazakhstan</option> <option value="KE">Kenya</option> <option value="KI">Kiribati</option> <option value="KR">Korea</option> <option value="KW">Kuwait</option> <option value="KG">Kyrgyz Republic</option> <option value="LA">Lao People's Democratic Republic</option> <option value="LV">Latvia</option> <option value="LB">Lebanon</option> <option value="LS">Lesotho</option> <option value="LR">Liberia</option> <option value="LY">Libya</option> <option value="LI">Liechtenstein</option> <option value="LT">Lithuania</option> <option value="LU">Luxembourg</option> <option value="MO">Macao</option> <option value="MK">Macedonia</option> <option value="MG">Madagascar</option> <option value="MW">Malawi</option> <option value="MY">Malaysia</option> <option value="MV">Maldives</option> <option value="ML">Mali</option> <option value="MT">Malta</option> <option value="MH">Marshall Islands</option> <option value="MQ">Martinique</option> <option value="MR">Mauritania</option> <option value="MU">Mauritius</option> <option value="YT">Mayotte</option> <option value="MX">Mexico</option> <option value="FM">Micronesia</option> <option value="MD">Moldova</option> <option value="MC">Monaco</option> <option value="MN">Mongolia</option> <option value="ME">Montenegro</option> <option value="MS">Montserrat</option> <option value="MA">Morocco</option> <option value="MZ">Mozambique</option> <option value="MM">Myanmar</option> <option value="NA">Namibia</option> <option value="NR">Nauru</option> <option value="NP">Nepal</option> <option value="NL">Netherlands</option> <option value="NC">New Caledonia</option> <option value="NZ">New Zealand</option> <option value="NI">Nicaragua</option> <option value="NE">Niger</option> <option value="NG">Nigeria</option> <option value="NU">Niue</option> <option value="NF">Norfolk Island</option> <option value="MP">Northern Mariana Islands</option> <option value="NO">Norway</option> <option value="OM">Oman</option> <option value="PK">Pakistan</option> <option value="PW">Palau</option> <option value="PS">Palestinian Territory</option> <option value="PA">Panama</option> <option value="PG">Papua New Guinea</option> <option value="PY">Paraguay</option> <option value="PE">Peru</option> <option value="PH">Philippines</option> <option value="PN">Pitcairn Islands</option> <option value="PL">Poland</option> <option value="PT">Portugal</option> <option value="PR">Puerto Rico</option> <option value="QA">Qatar</option> <option value="RE">Réunion</option> <option value="RO">Romania</option> <option value="RU">Russian Federation</option> <option value="RW">Rwanda</option> <option value="BL">Saint Barthélemy</option> <option value="SH">Saint Helena, Ascension and Tristan da Cunha</option> <option value="KN">Saint Kitts and Nevis</option> <option value="LC">Saint Lucia</option> <option value="MF">Saint Martin</option> <option value="PM">Saint Pierre and Miquelon</option> <option value="VC">Saint Vincent and the Grenadines</option> <option value="WS">Samoa</option> <option value="SM">San Marino</option> <option value="ST">Sao Tome and Principe</option> <option value="SA">Saudi Arabia</option> <option value="SN">Senegal</option> <option value="RS">Serbia</option> <option value="SC">Seychelles</option> <option value="SL">Sierra Leone</option> <option value="SG">Singapore</option> <option value="SX">Sint Maarten (Dutch part)</option> <option value="SK">Slovakia (Slovak Republic)</option> <option value="SI">Slovenia</option> <option value="SB">Solomon Islands</option> <option value="SO">Somalia</option> <option value="ZA">South Africa</option> <option value="GS">South Georgia and the South Sandwich Islands</option> <option value="SS">South Sudan</option> <option value="ES">Spain</option> <option value="LK">Sri Lanka</option> <option value="SD">Sudan</option> <option value="SR">Suriname</option> <option value="SJ">Svalbard & Jan Mayen Islands</option> <option value="SZ">Swaziland</option> <option value="SE">Sweden</option> <option value="CH">Switzerland</option> <option value="SY">Syrian Arab Republic</option> <option value="TW">Taiwan</option> <option value="TJ">Tajikistan</option> <option value="TZ">Tanzania</option> <option value="TH">Thailand</option> <option value="TL">Timor-Leste</option> <option value="TG">Togo</option> <option value="TK">Tokelau</option> <option value="TO">Tonga</option> <option value="TT">Trinidad and Tobago</option> <option value="TN">Tunisia</option> <option value="TR">Turkey</option> <option value="TM">Turkmenistan</option> <option value="TC">Turks and Caicos Islands</option> <option value="TV">Tuvalu</option> <option value="UG">Uganda</option> <option value="UA">Ukraine</option> <option value="AE">United Arab Emirates</option> <option value="US">United States</option> <option value="UM">United States Minor Outlying Islands</option> <option value="VI">United States Virgin Islands</option> <option value="UY">Uruguay</option> <option value="UZ">Uzbekistan</option> <option value="VU">Vanuatu</option> <option value="VE">Venezuela</option> <option value="VN">Vietnam</option> <option value="WF">Wallis and Futuna</option> <option value="EH">Western Sahara</option> <option value="YE">Yemen</option> <option value="ZM">Zambia</option> <option value="ZW">Zimbabwe</option> </select> </div> <div data-depends-on="country_im" data-depends-when="US" class="hidden"> <div class="flex flex-col"> <label for="us_states" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">US state <span class="text-red-500">*</span></label> <select id="us_states" name="us_states" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm bg-white " required> <option value="" disabled selected>Select state</option> <option value="AL">Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> <option value="CA">California</option> <option value="CO">Colorado</option> <option value="CT">Connecticut</option> <option value="DE">Delaware</option> <option value="DC">District Of Columbia</option> <option value="FL">Florida</option> <option value="GA">Georgia</option> <option value="HI">Hawaii</option> <option value="ID">Idaho</option> <option value="IL">Illinois</option> <option value="IN">Indiana</option> <option value="IA">Iowa</option> <option value="KS">Kansas</option> <option value="KY">Kentucky</option> <option value="LA">Louisiana</option> <option value="ME">Maine</option> <option value="MD">Maryland</option> <option value="MA">Massachusetts</option> <option value="MI">Michigan</option> <option value="MN">Minnesota</option> <option value="MS">Mississippi</option> <option value="MO">Missouri</option> <option value="MT">Montana</option> <option value="NE">Nebraska</option> <option value="NV">Nevada</option> <option value="NH">New Hampshire</option> <option value="NJ">New Jersey</option> <option value="NM">New Mexico</option> <option value="NY">New York</option> <option value="NC">North Carolina</option> <option value="ND">North Dakota</option> <option value="OH">Ohio</option> <option value="OK">Oklahoma</option> <option value="OR">Oregon</option> <option value="PA">Pennsylvania</option> <option value="RI">Rhode Island</option> <option value="SC">South Carolina</option> <option value="SD">South Dakota</option> <option value="TN">Tennessee</option> <option value="TX">Texas</option> <option value="UT">Utah</option> <option value="VT">Vermont</option> <option value="VA">Virginia</option> <option value="WA">Washington</option> <option value="WV">West Virginia</option> <option value="WI">Wisconsin</option> <option value="WY">Wyoming</option> </select> </div> </div> <div class="flex flex-col"> <label for="product_group_interest" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Product of interest <span class="text-red-500">*</span></label> <select id="product_group_interest" name="product_group_interest" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm bg-white " required> <option value="" disabled selected>Select product</option> <option value="ELS for Applications">ELS for Applications</option> <option value="ELS for Operating Systems">ELS for Operating Systems</option> <option value="ELS for Runtimes">ELS for Runtimes</option> <option value="ELS for Libraries">ELS for Libraries</option> <option value="SecureChain for Open Source Software">SecureChain for Open Source Software</option> <option value="KernelCare">KernelCare</option> <option value="Linux Support Services">Linux Support Services</option> <option value="TuxCare Radar">TuxCare Radar</option> <option value="Mixed (Multiple Products)">Mixed (Multiple Products)</option> <option value="Other">Other</option> </select> </div> <div data-depends-on="product_group_interest" data-depends-when="ELS for Applications" class="hidden"> <div class="flex flex-col"> <label for="tuxcare_els_for_applications_product_of_interest" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Specific product <span class="text-red-500">*</span></label> <select id="tuxcare_els_for_applications_product_of_interest" name="tuxcare_els_for_applications_product_of_interest" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm bg-white " required> <option value="" disabled selected>Select product</option> <option value="Apache ActiveMQ ELS">Apache ActiveMQ ELS</option> <option value="Apache Hadoop ELS">Apache Hadoop ELS</option> <option value="Apache Kafka ELS">Apache Kafka ELS</option> <option value="Apache Solr ELS">Apache Solr ELS</option> <option value="Apache Tomcat ELS">Apache Tomcat ELS</option> <option value="OpenSearch ELS">OpenSearch ELS</option> <option value="PostgreSQL ELS">PostgreSQL ELS</option> <option value="Apache Struts ELS">Apache Struts ELS</option> <option value="Grafana ELS">Grafana ELS</option> <option value="ELS for MySQL 8.0">MySQL 8.0 ELS</option> <option value="Jetty ELS">Jetty ELS</option> <option value="SAP Commerce 2205 ELS">SAP Commerce 2205 ELS</option> </select> </div> </div> <div data-depends-on="product_group_interest" data-depends-when="ELS for Libraries" class="hidden"> <div class="flex flex-col"> <label for="tuxcare_els_for_libraries_product_of_interest" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Specific product <span class="text-red-500">*</span></label> <select id="tuxcare_els_for_libraries_product_of_interest" name="tuxcare_els_for_libraries_product_of_interest" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm bg-white " required> <option value="" disabled selected>Select product</option> <option value="Angular ELS">Angular ELS</option> <option value="AngularJS ELS">AngularJS ELS</option> <option value="Aikido ELS">Aikido ELS</option> <option value="Extended Lifecycle Support for Spring">Spring Java ELS</option> <option value="Netty ELS">Netty ELS</option> <option value="Hibernate ELS">Hibernate ELS</option> <option value="Lodash ELS">Lodash ELS</option> <option value="CometD ELS">CometD ELS</option> <option value="Ruby ELS">Ruby ELS</option> <option value="Celery ELS">Celery ELS</option> <option value="Flask ELS">Flask ELS</option> <option value="Express ELS">Express ELS</option> <option value="Django ELS">Django ELS</option> <option value="Starlette ELS">Starlette ELS</option> <option value="Werkzeug ELS">Werkzeug ELS</option> <option value="FastAPI ELS">FastAPI ELS</option> <option value="Protobuf ELS">Protobuf ELS</option> <option value="Apache Commons Lang ELS">Apache Commons Lang ELS</option> <option value="NumPy ELS">NumPy ELS</option> <option value="Jackson ELS">Jackson ELS</option> <option value="Bootstrap ELS">Bootstrap ELS</option> <option value="jQuery ELS">jQuery ELS</option> <option value="Vue ELS">Vue ELS</option> <option value="Spring Boot ELS">Spring Boot ELS</option> </select> </div> </div> <div data-depends-on="product_group_interest" data-depends-when="ELS for Operating Systems" class="hidden"> <div class="flex flex-col"> <label for="tuxcare_els_for_operating_systems_product_of_interest" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Specific product <span class="text-red-500">*</span></label> <select id="tuxcare_els_for_operating_systems_product_of_interest" name="tuxcare_els_for_operating_systems_product_of_interest" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm bg-white " required> <option value="" disabled selected>Select product</option> <option value="Almalinux ELS">Almalinux ELS</option> <option value="Alpine Linux ELS">Alpine Linux ELS</option> <option value="CentOS 6 ELS">CentOS 6 ELS</option> <option value="CentOS 7 ELS">CentOS 7 ELS</option> <option value="CentOS 8 ELS">CentOS 8 ELS</option> <option value="CentOS Stream 8 ELS">CentOS Stream 8 ELS</option> <option value="Debian 10 ELS">Debian 10 ELS</option> <option value="Debian 11 ELS">Debian 11 ELS</option> <option value="Oracle Linux 6 ELS">Oracle Linux 6 ELS</option> <option value="Oracle Linux 7 ELS">Oracle Linux 7 ELS</option> <option value="RHEL 7 ELS">RHEL 7 ELS</option> <option value="Ubuntu 16.04 ELS">Ubuntu 16.04 ELS</option> <option value="Ubuntu 18.04 ELS">Ubuntu 18.04 ELS</option> <option value="Ubuntu 20.04 ELS">Ubuntu 20.04 ELS</option> <option value="Amazon Linux 2 ELS">Amazon Linux 2 ELS</option> </select> </div> </div> <div data-depends-on="product_group_interest" data-depends-when="ELS for Runtimes" class="hidden"> <div class="flex flex-col"> <label for="tuxcare_els_for_runtimes_product_of_interest" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Specific product <span class="text-red-500">*</span></label> <select id="tuxcare_els_for_runtimes_product_of_interest" name="tuxcare_els_for_runtimes_product_of_interest" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm bg-white " required> <option value="" disabled selected>Select product</option> <option value=".NET ELS">.NET ELS</option> <option value="OpenJDK ELS">OpenJDK ELS</option> <option value="PHP ELS">PHP ELS</option> <option value="Python ELS">Python ELS</option> <option value="NodeJS ELS">NodeJS ELS</option> <option value="Ruby ELS">Ruby ELS</option> </select> </div> </div> <div data-depends-on="product_group_interest" data-depends-when="KernelCare" class="hidden"> <div class="flex flex-col"> <label for="tuxcare_kernelcare_product_of_interest" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Specific product <span class="text-red-500">*</span></label> <select id="tuxcare_kernelcare_product_of_interest" name="tuxcare_kernelcare_product_of_interest" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm bg-white " required> <option value="" disabled selected>Select product</option> <option value="KernelCare Enterprise">KernelCare Enterprise</option> <option value="KernelCare IoT">KernelCare IoT</option> <option value="KernelСare">KernelСare SimplePatch</option> <option value="LibraryCare">LibCare</option> <option value="Security Patching for Hadoop">Live Patching for Hadoop</option> </select> </div> </div> <div data-depends-on="product_group_interest" data-depends-when="Linux Support Services" class="hidden"> <div class="flex flex-col"> <label for="tuxcare_linux_support_services_product_group_interest" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Specific product <span class="text-red-500">*</span></label> <select id="tuxcare_linux_support_services_product_group_interest" name="tuxcare_linux_support_services_product_group_interest" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm bg-white " required> <option value="" disabled selected>Select product</option> <option value="AlmaLinux">Enterprise Support for AlmaLinux</option> <option value="FedRAMP Bundle for AlmaLinux">FedRAMP Bundle for AlmaLinux</option> <option value="FIPS for AlmaLinux">FIPS for AlmaLinux</option> <option value="Linux Support Services">Linux Support Services</option> <option value="Security Hardening for AlmaLinux">Security Hardening for AlmaLinux</option> </select> </div> </div> <div data-depends-on="product_group_interest" data-depends-when="SecureChain for Open Source Software" class="hidden"> <div class="flex flex-col"> <label for="tuxcare_securechain_for_open_source_software_of_interest" class="text-sm font-medium leading-5 mb-1" style="color: var(--color-neutral-70)">Specific product <span class="text-red-500">*</span></label> <select id="tuxcare_securechain_for_open_source_software_of_interest" name="tuxcare_securechain_for_open_source_software_of_interest" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm bg-white " required> <option value="" disabled selected>Select product</option> <option value="SecureChain for npm (JavaScript)">SecureChain for npm (JavaScript)</option> <option value="SecureChain for Maven Central (Java)">SecureChain for Maven Central (Java)</option> <option value="SecureChain for PyPI (Python)">SecureChain for PyPI (Python)</option> <option value="SecureChain for Packagist (PHP)">SecureChain for Packagist (PHP)</option> <option value="SecureChain for crates.io (Rust)">SecureChain for crates.io (Rust)</option> <option value="SecureChain for Go">SecureChain for Go</option> </select> </div> </div> </div> <div class="mt-4"> <label for="comment_form" class="text-sm font-medium leading-5 mb-1 block" style="color: var(--color-neutral-70)">Questions or comments <span class="text-red-500">*</span></label> <textarea id="comment_form" name="comment_form" rows="4" required class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm resize-none" placeholder="Your message"></textarea> </div> <div class="mt-4"> <div class="flex flex-col"> <label for="contact-consent" class="flex items-start gap-2 text-sm leading-5" style="color: var(--color-neutral-70)"> <input type="checkbox" id="contact-consent" name="by_checking_this_box__you_give_tuxcare_permission_to_only_send_you_great_content_" value="true" class="mt-0.5 h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-2 focus:ring-blue-500" required> <span>By submitting this form, I consent to processing personal information, agree to receive communications from TuxCare, the monthly newsletter, and agreeing to the <a href="https://tuxcare.com/privacy-policies-hub/privacy-policy/" target="_blank" rel="noopener" class="app-link-underlined">TuxCare.com Privacy Policy</a>. <span class="text-red-500">*</span></span> </label> </div> </div> <p id="contact-form-error" class="hidden mt-3 text-xs text-red-500"></p> </div> <div class="px-4 pt-2 pb-4 flex items-center justify-end gap-2 border-t border-gray-100"> <button type="button" id="contact-modal-cancel" class="custom-btn btn-tertiary">Cancel</button> <button type="submit" id="contact-submit" class="custom-btn btn-primary">Send</button> </div> </form> <div id="contact-modal-success-state" class="px-4 pb-6 hidden"> <div class="text-center py-6"> <div class="mx-auto w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mb-6"> <svg class="w-8 h-8 text-green-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7" /> </svg> </div> <h3 class="text-2xl font-semibold text-gray-900 mb-3">Message Delivered!</h3> <p class="text-sm text-gray-600 font-medium mb-2">Thanks for reaching out!</p> <p class="text-sm text-gray-500">The TuxCare team has received your message and will get back to you shortly.</p> </div> <div class="flex justify-center"> <button type="button" id="contact-modal-done" class="custom-btn btn-primary">Done</button> </div> </div> </div> </div> <script> window.sortIconsData="{\"asc\":\"\\u003csvg width=\\\"16\\\" height=\\\"16\\\" viewBox=\\\"0 0 16 16\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"\\u003e\\n \\u003cg transform=\\\"translate(0,16) scale(1,-1)\\\"\\u003e\\n \\u003cpath d=\\\"M5.72021 9C5.72021 9 5.55154 9 5.45554 9C5.35955 9 5.26451 9.01901 5.17589 9.05592C5.08728 9.09284 5.00686 9.14694 4.93926 9.21509C4.8711 9.28269 4.817 9.36312 4.78009 9.45173C4.74317 9.54034 4.72416 9.63539 4.72416 9.73138C4.72416 9.82738 4.74317 9.92242 4.78009 10.011C4.817 10.0996 4.8711 10.1801 4.93926 10.2477L7.48433 12.7927C7.55349 12.8589 7.63504 12.9108 7.7243 12.9455C7.90134 13.0182 8.09991 13.0182 8.27695 12.9455C8.36621 12.9108 8.44775 12.8589 8.51691 12.7927L11.062 10.2477C11.1989 10.1107 11.2758 9.92503 11.2758 9.73138C11.2758 9.53774 11.1989 9.35202 11.062 9.21509C10.9251 9.07817 10.7393 9.00124 10.5457 9.00124C9.42198 9.00124 6.84393 9.00049 5.72021 9Z\\\" fill=\\\"#0F192C\\\" fill-opacity=\\\"0.7\\\"/\\u003e\\n \\u003cpath d=\\\"M10.2798 7C10.2798 7 10.4485 7 10.5445 7C10.6405 7 10.7355 6.98099 10.8241 6.94408C10.9127 6.90716 10.9931 6.85306 11.0607 6.78491C11.1289 6.71731 11.183 6.63688 11.2199 6.54827C11.2568 6.45966 11.2758 6.36461 11.2758 6.26862C11.2758 6.17262 11.2568 6.07758 11.2199 5.98897C11.183 5.90035 11.1289 5.81993 11.0607 5.75233L8.51567 3.20725C8.44651 3.14105 8.36496 3.08916 8.2757 3.05455C8.09866 2.98182 7.90009 2.98182 7.72306 3.05455C7.63379 3.08916 7.55225 3.14105 7.48309 3.20725L4.93801 5.75233C4.80108 5.88926 4.72416 6.07497 4.72416 6.26862C4.72416 6.46226 4.80108 6.64798 4.93801 6.78491C5.07494 6.92183 5.26065 6.99876 5.4543 6.99876C6.57802 6.99876 9.15607 6.99951 10.2798 7Z\\\" fill=\\\"#0F192C\\\" fill-opacity=\\\"0.3\\\"/\\u003e\\n \\u003c/g\\u003e\\n\\u003c/svg\\u003e\\n\",\"desc\":\"\\u003csvg width=\\\"16\\\" height=\\\"16\\\" viewBox=\\\"0 0 16 16\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"\\u003e\\n\\u003cpath d=\\\"M5.72021 9C5.72021 9 5.55154 9 5.45554 9C5.35955 9 5.26451 9.01901 5.17589 9.05592C5.08728 9.09284 5.00686 9.14694 4.93926 9.21509C4.8711 9.28269 4.817 9.36312 4.78009 9.45173C4.74317 9.54034 4.72416 9.63539 4.72416 9.73138C4.72416 9.82738 4.74317 9.92242 4.78009 10.011C4.817 10.0996 4.8711 10.1801 4.93926 10.2477L7.48433 12.7927C7.55349 12.8589 7.63504 12.9108 7.7243 12.9455C7.90134 13.0182 8.09991 13.0182 8.27695 12.9455C8.36621 12.9108 8.44775 12.8589 8.51691 12.7927L11.062 10.2477C11.1989 10.1107 11.2758 9.92503 11.2758 9.73138C11.2758 9.53774 11.1989 9.35202 11.062 9.21509C10.9251 9.07817 10.7393 9.00124 10.5457 9.00124C9.42198 9.00124 6.84393 9.00049 5.72021 9Z\\\" fill=\\\"#0F192C\\\" fill-opacity=\\\"0.7\\\"/\\u003e\\n\\u003cpath d=\\\"M10.2798 7C10.2798 7 10.4485 7 10.5445 7C10.6405 7 10.7355 6.98099 10.8241 6.94408C10.9127 6.90716 10.9931 6.85306 11.0607 6.78491C11.1289 6.71731 11.183 6.63688 11.2199 6.54827C11.2568 6.45966 11.2758 6.36461 11.2758 6.26862C11.2758 6.17262 11.2568 6.07758 11.2199 5.98897C11.183 5.90035 11.1289 5.81993 11.0607 5.75233L8.51567 3.20725C8.44651 3.14105 8.36496 3.08916 8.2757 3.05455C8.09866 2.98182 7.90009 2.98182 7.72306 3.05455C7.63379 3.08916 7.55225 3.14105 7.48309 3.20725L4.93801 5.75233C4.80108 5.88926 4.72416 6.07497 4.72416 6.26862C4.72416 6.46226 4.80108 6.64798 4.93801 6.78491C5.07494 6.92183 5.26065 6.99876 5.4543 6.99876C6.57802 6.99876 9.15607 6.99951 10.2798 7Z\\\" fill=\\\"#0F192C\\\" fill-opacity=\\\"0.3\\\"/\\u003e\\n\\u003c/svg\\u003e\\n\",\"neutral\":\"\\u003csvg width=\\\"16\\\" height=\\\"16\\\" viewBox=\\\"0 0 16 16\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"\\u003e\\n\\u003cpath d=\\\"M5.72022 9C5.72022 9 5.55155 9 5.45555 9C5.35956 9 5.26451 9.01901 5.1759 9.05592C5.08729 9.09284 5.00686 9.14694 4.93926 9.21509C4.87111 9.28269 4.81701 9.36312 4.78009 9.45173C4.74318 9.54034 4.72417 9.63539 4.72417 9.73138C4.72417 9.82738 4.74318 9.92242 4.78009 10.011C4.81701 10.0996 4.87111 10.1801 4.93926 10.2477L7.48434 12.7927C7.5535 12.8589 7.63505 12.9108 7.72431 12.9455C7.90134 13.0182 8.09992 13.0182 8.27695 12.9455C8.36621 12.9108 8.44776 12.8589 8.51692 12.7927L11.062 10.2477C11.1989 10.1107 11.2758 9.92503 11.2758 9.73138C11.2758 9.53774 11.1989 9.35202 11.062 9.21509C10.9251 9.07817 10.7394 9.00124 10.5457 9.00124C9.42199 9.00124 6.84394 9.00049 5.72022 9Z\\\" fill=\\\"#0F192C\\\" fill-opacity=\\\"0.3\\\"/\\u003e\\n\\u003cpath d=\\\"M10.2798 7C10.2798 7 10.4485 7 10.5444 7C10.6404 7 10.7355 6.98099 10.8241 6.94408C10.9127 6.90716 10.9931 6.85306 11.0607 6.78491C11.1289 6.71731 11.183 6.63688 11.2199 6.54827C11.2568 6.45966 11.2758 6.36461 11.2758 6.26862C11.2758 6.17262 11.2568 6.07758 11.2199 5.98897C11.183 5.90035 11.1289 5.81993 11.0607 5.75233L8.51566 3.20725C8.4465 3.14105 8.36495 3.08916 8.27569 3.05455C8.09866 2.98182 7.90008 2.98182 7.72305 3.05455C7.63379 3.08916 7.55224 3.14105 7.48308 3.20725L4.938 5.75233C4.80108 5.88926 4.72415 6.07497 4.72415 6.26862C4.72415 6.46226 4.80108 6.64798 4.938 6.78491C5.07493 6.92183 5.26065 6.99876 5.45429 6.99876C6.57801 6.99876 9.15606 6.99951 10.2798 7Z\\\" fill=\\\"#0F192C\\\" fill-opacity=\\\"0.3\\\"/\\u003e\\n\\u003c/svg\\u003e\\n\"}"; window.BASE_PATH = "\/cve-tracker"; window.API_BASE = (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1") ? "http://localhost:1314" : window.BASE_PATH; </script> <script src="/cve-tracker/js/main.53f3ba17b1cca1917301404917803bae1f3eb25dbe5265dbdd02478663325a18.js"></script> <script src="/cve-tracker/js/searchable-multi-select.e503af7e010b1e8fc5f36a823556235126b636ed70a45a4357a55019e8b26b1d.js"></script> <script src="/cve-tracker/js/autocomplete-multi-select.1031a5a213b5876eb7f71c5fe61194496a0957c1bfa459c72cd88ca852f71bf4.js"></script> <script src="/cve-tracker/js/subscribe.b9633ea494b6104da9b4914007efd2996958c7f57f6fd1b3e18d39832a217bab.js"></script> <script src="/cve-tracker/js/unsubscribe-request.2bcf06a1abcb5ef0f9f19409654509817bc63c71e97008490bc2d4379d67b0fd.js"></script> <script src="/cve-tracker/js/contact.79f72d664a1730e5e208bdca4c08ee7e90d12ca406415a09aa8c2ceeb88e70a6.js"></script> <script src="/cve-tracker/js/export-actions.036fc7cd29f7bf804bacaccd533f7c674c7744a9c3efa6f99a4c80056357d7d4.js"></script> <template id="pagination-template"> <div class="flex items-center justify-start py-3 px-6"> <div class="flex items-center gap-2" data-region="pager-left"> <button class="pagination-btn h-8 w-8 inline-flex items-center justify-center rounded-md text-[#0F192C] hover:text-[#0F192C] disabled:opacity-40 disabled:cursor-not-allowed hover:bg-gray-100 font-medium leading-5" data-action="prev" aria-label="Previous"><img src="/cve-tracker/icons/arrow-left.svg" alt="Prev" class="h-5 w-5" /></button> <div class="flex items-center gap-1" data-region="page-numbers"></div> <button class="pagination-btn h-8 w-8 inline-flex items-center justify-center rounded-md text-[#0F192C] hover:text-[#0F192C] disabled:opacity-40 disabled:cursor-not-allowed hover:bg-gray-100 font-medium leading-5" data-action="next" aria-label="Next"><img src="/cve-tracker/icons/arrow-right.svg" alt="Next" class="h-5 w-5" /></button> </div> <div class="ml-4 text-sm text-gray-500" data-region="total"></div> </div> </template> <template id="table-template"> <div class="overflow-x-auto"> <table class="min-w-full divide-y divide-gray-200"> <thead class="bg-gray-50"> <tr data-region="thead-row"></tr> </thead> <tbody class="bg-white divide-y divide-gray-200" data-region="tbody"></tbody> </table> </div> </template> <template id="table-accordion-template"> <div class="overflow-x-auto"> <table class="min-w-full divide-y divide-gray-200"> <thead class="bg-gray-50"> <tr> <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 tracking-wider">Product</th> <th class="px-6 py-3 text-left text-xs font-medium text-gray-500 tracking-wider">Component</th> </tr> </thead> <tbody class="bg-white divide-y divide-gray-200" data-region="tbody"></tbody> </table> </div> </template> <script> var ICON_PREV = "\/cve-tracker\/icons\/arrow-left.svg"; var ICON_NEXT = "\/cve-tracker\/icons\/arrow-right.svg"; document.addEventListener("DOMContentLoaded", function () { document.addEventListener("click", function (e) { if ( e.target.classList.contains("pagination-btn") || e.target.closest(".pagination-btn") ) { const button = e.target.classList.contains("pagination-btn") ? e.target : e.target.closest(".pagination-btn"); const page = parseInt(button.dataset.page); if (!isNaN(page) && !button.disabled) { changePage(page); } } }); if (document.getElementById("cve-table-home")) { initializeCveTable(); } }); function changePage(page) { if (typeof window.cveChangePage === "function") { window.cveChangePage(page); } else if (typeof loadCveData === "function") { loadCveData(page); } else { console.warn("No pagination handler found"); } } function initializeCveTable() { const mockData = [ { id: "CVE-2024-56404", product: "Cloudflux", component: "mysql", version: "7.0.5", severity: "High", publishedDate: "Jun 13, 2025", link: "/cve/CVE-2024-56404", }, { id: "CVE-2024-56479", product: "Donet", component: "webapi/Spa", version: "7.0.5", severity: "High", publishedDate: "Jun 13, 2025", link: "/cve/CVE-2024-56479", }, { id: "CVE-2024-56477", product: "CentOS 8.4 ELS", component: "ca-certificates", version: "2020.2.50", severity: "Medium", publishedDate: "Jun 13, 2025", link: "/cve/CVE-2024-56477", }, { id: "CVE-2024-56471", product: "AlmaLinux 9.2 ESU", component: "glibc", version: "2.34-60", severity: "Critical", publishedDate: "Jun 13, 2025", link: "/cve/CVE-2024-56471", }, { id: "CVE-2024-56445", product: "CentOS 8.4 ELS", component: "ca-certificates", version: "2020.2.50", severity: "Medium", publishedDate: "Jun 13, 2025", link: "/cve/CVE-2024-56445", }, { id: "CVE-2024-56444", product: "CentOS 8.4 ELS", component: "ca-certificates", version: "2020.2.50", severity: "Low", publishedDate: "Jun 13, 2025", link: "/cve/CVE-2024-56444", }, { id: "CVE-2024-56440", product: "CentOS 8.4 ELS", component: "ca-certificates", version: "2020.2.50", severity: "Critical", publishedDate: "Jun 13, 2025", link: "/cve/CVE-2024-56440", }, { id: "CVE-2024-56437", product: "CentOS 8.4 ELS", component: "ca-certificates", version: "2020.2.50", severity: "High", publishedDate: "Jun 13, 2025", link: "/cve/CVE-2024-56437", }, { id: "CVE-2024-56431", product: "CentOS 8.4 ELS", component: "ca-certificates", version: "2020.2.50", severity: "High", publishedDate: "Jun 13, 2025", link: "/cve/CVE-2024-56431", }, { id: "CVE-2024-56429", product: "CentOS 8.4 ELS", component: "ca-certificates", version: "2020.2.50", severity: "Medium", publishedDate: "Jun 13, 2025", link: "/cve/CVE-2024-56429", }, ]; renderTable(mockData); renderPagination({ currentPage: 1, totalPages: 36, totalItems: 356, itemsPerPage: 10, }); } function renderTable(data) { const tableHtml = generateTableHtml(data); document.getElementById("cve-table").innerHTML = tableHtml; } function renderPagination(pagination) { const paginationHtml = generatePaginationHtml(pagination); document.getElementById("cve-pagination").innerHTML = paginationHtml; } function generateTableHtml(data) { let html = '<div class="overflow-x-auto"><table class="min-w-full divide-y divide-gray-200">'; html += '<thead class="bg-white"><tr>'; html += '<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 tracking-wider">CVE</th>'; html += '<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 tracking-wider">Product</th>'; html += '<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 tracking-wider">Affected component</th>'; html += '<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 tracking-wider">Severity</th>'; html += '<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 tracking-wider">Published date</th>'; html += "</tr></thead>"; html += '<tbody class="bg-white divide-y divide-gray-200">'; data.forEach((row) => { const severityClass = getSeverityClass(row.severity); html += '<tr class="hover:bg-gray-50">'; html += `<td class="px-6 py-4 whitespace-nowrap text-sm"><a href="${row.link}" class="text-blue-600 hover:text-blue-800 font-medium">${row.id}</a></td>`; html += `<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">${row.product}</td>`; html += `<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">${row.component}</td>`; html += `<td class="px-6 py-4 whitespace-nowrap text-sm"><span class="inline-flex px-2 py-1 text-xs font-semibold rounded-full ${severityClass}">${row.severity}</span></td>`; html += `<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900">${row.publishedDate}</td>`; html += "</tr>"; }); html += "</tbody></table></div>"; return html; } function getSeverityClass(severity) { switch (severity) { case "Critical": return "bg-red-100 text-red-800"; case "High": return "bg-orange-100 text-orange-800"; case "Medium": return "bg-yellow-100 text-yellow-800"; case "Low": return "bg-green-100 text-green-800"; default: return "bg-gray-100 text-gray-800"; } } function generatePaginationHtml(pagination) { const { currentPage, totalPages, totalItems, itemsPerPage } = pagination; const startItem = (currentPage - 1) * itemsPerPage + 1; const endItem = Math.min(currentPage * itemsPerPage, totalItems); let html = '<div class="flex items-center justify-start py-3 px-6">'; html += '<div class="flex items-center gap-2">'; const prevDisabled = currentPage <= 1 ? "disabled" : ""; html += `<button data-page="${ currentPage - 1 }" ${prevDisabled} class="pagination-btn h-8 w-8 inline-flex items-center justify-center rounded-md text-gray-500 hover:text-gray-700 disabled:opacity-40 disabled:cursor-not-allowed hover:bg-gray-100" aria-label="Previous"><img src="${ICON_PREV}" alt="Prev" class="h-5 w-5" /></button>`; if (totalPages <= 5) { for (let i = 1; i <= totalPages; i++) { if (i === currentPage) { html += `<span class=\"h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 text-[#0F192C] ring-1 ring-inset ring-blue-600\">${i}</span>`; } else { html += `<button data-page=\"${i}\" class=\"pagination-btn h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 text-[#0F192C] hover:bg-gray-100\">${i}</button>`; } } } else { if (currentPage <= 3) { for (let i = 1; i <= 3; i++) { if (i === currentPage) { html += `<span class=\"h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 text-[#0F192C] ring-1 ring-inset ring-blue-600\">${i}</span>`; } else { html += `<button data-page=\"${i}\" class=\"pagination-btn h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 text-[#0F192C] hover:bg-gray-100\">${i}</button>`; } } html += '<span class="h-8 min-w-8 px-2 inline-flex items-center justify-center text-sm text-gray-400">…</span>'; html += `<button data-page="${totalPages}" class="pagination-btn h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 text-[#0F192C] hover:bg-gray-100">${totalPages}</button>`; } else if (currentPage >= totalPages - 2) { html += `<button data-page="1" class="pagination-btn h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 text-[#0F192C] hover:bg-gray-100">1</button>`; html += '<span class="h-8 min-w-8 px-2 inline-flex items-center justify-center text-sm text-gray-400">…</span>'; for (let i = totalPages - 2; i <= totalPages; i++) { if (i === currentPage) { html += `<span class=\"h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 text-[#0F192C] ring-1 ring-inset ring-blue-600\">${i}</span>`; } else { html += `<button data-page=\"${i}\" class=\"pagination-btn h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 text-[#0F192C] hover:bg-gray-100\">${i}</button>`; } } } else { html += `<button data-page="1" class="pagination-btn h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm text-gray-600 hover:text-gray-900 hover:bg-gray-100">1</button>`; html += '<span class="h-8 min-w-8 px-2 inline-flex items-center justify-center text-sm text-gray-400">…</span>'; for (let i = currentPage - 1; i <= currentPage + 1; i++) { if (i === currentPage) { html += `<span class=\"h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm text-blue-600 ring-1 ring-inset ring-blue-600\">${i}</span>`; } else { html += `<button data-page=\"${i}\" class=\"pagination-btn h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm text-gray-600 hover:text-gray-900 hover:bg-gray-100\">${i}</button>`; } } html += '<span class="h-8 min-w-8 px-2 inline-flex items-center justify-center text-sm text-gray-400">…</span>'; html += `<button data-page="${totalPages}" class="pagination-btn h-8 min-w-8 px-3 inline-flex items-center justify-center rounded-md text-sm font-medium leading-5 text-[#0F192C] hover:bg-gray-100">${totalPages}</button>`; } } const nextDisabled = currentPage >= totalPages ? "disabled" : ""; html += `<button data-page="${ currentPage + 1 }" ${nextDisabled} class="pagination-btn h-8 w-8 inline-flex items-center justify-center rounded-md text-gray-500 hover:text-gray-700 disabled:opacity-40 disabled:cursor-not-allowed hover:bg-gray-100" aria-label="Next"><img src="${ICON_NEXT}" alt="Next" class="h-5 w-5" /></button>`; html += "</div>"; html += `<div class=\"ml-4 text-sm text-gray-500\">Total ${totalItems}</div>`; html += "</div>"; return html; } </script> <footer class="py-4 px-6 text-center text-xs text-gray-400 border-t border-gray-100"> <div>© 2026 All rights reserved. TuxCare Inc.</div> <div class="mt-1">Spring® is a trademark of Broadcom Inc. and/or its subsidiaries.</div> </footer> </body> </html>

Severity

Details

Overview

About vulnerability