robert
/
xjs


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Callbacks - List</title>
    <link rel="stylesheet" href="list.css">
</head>
<body>
    <div class="search-header">
        <div class="search-title">Callbacks</div>
        <div class="search-input-container">
            <div class="search-icon"></div>
            <input type="text" class="search-input" placeholder="Filter callbacks...">
        </div>
    </div>

    <div class="grid-section">
        <div class="section-title">Callbacks</div>
        <div class="card-grid">
            <!-- update -->
            <div class="card active" onclick="selectItem('test_on_update.html', this)">
                <div class="card-large-icon">fn</div>
                <div class="card-footer">update</div>
            </div>
            
            <!-- begin -->
            <div class="card" onclick="selectItem('test_on_update.html', this)">
                <div class="card-large-icon">fn</div>
                <div class="card-footer">begin</div>
            </div>

            <!-- complete -->
            <div class="card" onclick="selectItem('test_on_update.html', this)">
                <div class="card-large-icon">fn</div>
                <div class="card-footer">complete</div>
            </div>
        </div>
    </div>

    <script>
        function selectItem(url, el) {
            document.querySelectorAll('.card').forEach(c => c.classList.remove('active'));
            el.classList.add('active');
            
            if (window.parent && window.parent.loadContent) {
                window.parent.loadContent(url);
            }
        }
    </script>
</body>
</html>