File size: 4,603 Bytes
6165ba9 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 | // OWASP AIBOM Generator - Common Scripts
// Add Enter key support for form submission (Index Page)
document.addEventListener('DOMContentLoaded', function () {
var modelInput = document.querySelector('input[name="model_id"]');
if (modelInput) {
modelInput.addEventListener('keypress', function (e) {
if (e.key === 'Enter') {
e.preventDefault();
var btn = document.getElementById('generate-button');
if (btn) btn.click();
}
});
}
});
/* === Result Page Functions === */
function switchTab(tabId) {
// Hide all tab contents
var tabContents = document.getElementsByClassName('tab-content');
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove('active');
}
// Deactivate all tabs
var tabs = document.getElementsByClassName('aibom-tab');
for (var i = 0; i < tabs.length; i++) {
tabs[i].classList.remove('active');
}
// Activate the selected tab and content
var content = document.getElementById(tabId);
if (content) content.classList.add('active');
var selectedTab = document.querySelector('.aibom-tab[onclick="switchTab(\'' + tabId + '\')"]');
if (selectedTab) selectedTab.classList.add('active');
}
function toggleCollapsible(element) {
element.classList.toggle('active');
var content = element.nextElementSibling;
if (content) {
content.classList.toggle('active');
if (content.classList.contains('active')) {
content.style.maxHeight = content.scrollHeight + 'px';
} else {
content.style.maxHeight = '0';
}
}
}
/**
* Downloads a JSON object as a file.
* @param {Object|string} content - The JSON object or string to download.
* @param {string} filename - The name of the file to save as.
*/
function downloadJSON(content, filename) {
var jsonString = (typeof content === 'string') ? content : JSON.stringify(content, null, 2);
var dataStr = "data:text/json;charset=utf-8," + encodeURIComponent(jsonString);
var downloadAnchorNode = document.createElement('a');
downloadAnchorNode.setAttribute("href", dataStr);
downloadAnchorNode.setAttribute("download", filename || "aibom.json");
document.body.appendChild(downloadAnchorNode); // required for firefox
downloadAnchorNode.click();
downloadAnchorNode.remove();
}
// Initialize collapsible sections (Result Page)
document.addEventListener('DOMContentLoaded', function () {
var collapsibles = document.getElementsByClassName('collapsible');
for (var i = 0; i < collapsibles.length; i++) {
// Remove existing onclick to avoid double firing if inline remains,
// but cleaner to attach here if not attached inline.
// However, HTML onclick="toggleCollapsible(this)" is common pattern.
// If the HTML has onclick, we don't need addEventListener here unless we remove onclick from HTML.
// For now, let's assumes HTML calls toggleCollapsible(this).
// Initialization of state might be needed though.
}
// If elements start collapsed, no JS init needed other than event handlers.
});
// Validate Hugging Face URL or Model ID (Index Page)
document.addEventListener('DOMContentLoaded', function () {
var modelInput = document.getElementById('model-input');
var generateButton = document.getElementById('generate-button');
if (modelInput && generateButton) {
function validateInput() {
var value = modelInput.value.trim();
// Check if it's a valid HF URL (starts with https://huggingface.co/)
// OR a valid org/repo identifier (e.g. openai/whisper-tiny)
var isUrl = value.startsWith('https://huggingface.co/');
// Basic regex for org/repo: alphanumeric, dots, dashes, underscores
var isModelId = /^[a-zA-Z0-9_\-\.]+\/[a-zA-Z0-9_\-\.]+$/.test(value);
if (isUrl || isModelId) {
generateButton.disabled = false;
generateButton.style.cursor = 'pointer';
generateButton.style.opacity = '1';
} else {
generateButton.disabled = true;
generateButton.style.cursor = 'not-allowed';
generateButton.style.opacity = '0.6';
}
}
modelInput.addEventListener('input', validateInput);
// Initial check
validateInput();
}
});
|