diff --git a/public/css/panel.css b/public/css/panel.css index 7128b1c..aa0bd1c 100644 --- a/public/css/panel.css +++ b/public/css/panel.css @@ -335,7 +335,12 @@ .badge-active { background: #c84040; } /* Unknown / fallback */ -.badge-unknown { background: #606060; } +.badge-unknown { background: #606060; } + +/* Boolean feature badges */ +.badge-api { background: #1e90cc; } +.badge-invitation-only { background: #b87800; } +.badge-deprecated { background: #8b3030; } /* OPSEC row layout */ .opsec-row { diff --git a/public/js/arf.js b/public/js/arf.js index a935de5..2234b2b 100644 --- a/public/js/arf.js +++ b/public/js/arf.js @@ -451,6 +451,16 @@ function openPanel(d) { var pricingClass = ["free","freemium","paid"].indexOf(pricing) !== -1 ? pricing : "unknown"; badgeHtml += ' ' + escapeHtml(pricing) + ''; + if (d.data.api === true) { + badgeHtml += ' API'; + } + if (d.data.invitationOnly === true) { + badgeHtml += ' Invite Only'; + } + if (d.data.deprecated === true) { + badgeHtml += ' Deprecated'; + } + badgesEl.innerHTML = badgeHtml; badgesEl.classList.remove("empty"); }