Skip to content

Create HTML dashboard for MyIPO and SSM#26

Merged
Sazwanismail merged 1 commit into
mainfrom
Sazwanismail-patch-11
Jun 15, 2026
Merged

Create HTML dashboard for MyIPO and SSM#26
Sazwanismail merged 1 commit into
mainfrom
Sazwanismail-patch-11

Conversation

@Sazwanismail

@Sazwanismail Sazwanismail commented Jun 15, 2026 •
edited by codeant-ai Bot
Loading

Copy link
Copy Markdown
Owner

User description

Added a complete HTML dashboard for MyIPO and SSM with login functionality, QR code generation, and asset information. Berikut adalah HTML Super Lengkap – versi paling premium dengan semua data tambahan, animasi lembut, reka bentuk futuristic glassmorphism, serta fungsi lengkap (login, QR boleh klik, pautan verifikasi, jadual aset, senarai pendaftaran MyIPO, SSM entiti, sijil, KPI, IPO roadmap, dan banyak lagi).

Gunakan kredensial login yang sama:
📧 Xxsazend12345 🔑 

<!DOCTYPE html>
<html lang="ms">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>MyIPO + SSM | END AI GLOBAL · SAZWAN DIGITAL | Super Dashboard</title>
    <!-- Font Awesome 6 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <!-- QR Code Library -->
    <script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
    <!-- Chart.js untuk visualisasi (pilihan) -->
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
        }

        body {
            background: radial-gradient(ellipse at 20% 30%, #0a0f1c, #010409);
            min-height: 100vh;
            padding: 1.5rem;
            position: relative;
        }

        /* login overlay dengan efek blur */
        #loginOverlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(16px);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 2000;
            transition: opacity 0.5s ease, visibility 0.5s;
        }

        #loginOverlay.hidden {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

        .login-card {
            background: rgba(15, 23, 42, 0.9);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(46, 255, 176, 0.4);
            border-radius: 2.5rem;
            padding: 2.5rem 2rem;
            width: 90%;
            max-width: 400px;
            box-shadow: 0 30px 50px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(46, 255, 176, 0.2);
            text-align: center;
            animation: fadeInUp 0.6s ease;
        }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .login-card h2 {
            color: #2effb0;
            font-weight: 700;
            font-size: 1.8rem;
            letter-spacing: -0.5px;
        }

        .login-card p {
            color: #94a3b8;
            margin-bottom: 1.8rem;
        }

        .login-input {
            width: 100%;
            background: #020617cc;
            border: 1px solid #334155;
            border-radius: 3rem;
            padding: 0.9rem 1.2rem;
            margin-bottom: 1rem;
            color: white;
            font-size: 0.9rem;
            transition: all 0.2s;
        }

        .login-input:focus {
            border-color: #2effb0;
            outline: none;
            box-shadow: 0 0 0 3px rgba(46, 255, 176, 0.2);
        }

        .btn-login {
            background: linear-gradient(135deg, #2effb0, #1cdb99);
            border: none;
            padding: 0.85rem;
            width: 100%;
            border-radius: 3rem;
            font-weight: bold;
            font-size: 1rem;
            color: #0a0f17;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
        }

        .btn-login:hover {
            transform: scale(0.98);
            box-shadow: 0 5px 20px rgba(46, 255, 176, 0.4);
        }

        /* MAIN DASHBOARD - GRID SUPER */
        #mainDashboard {
            display: none;
            max-width: 1600px;
            margin: 0 auto;
        }

        .dashboard-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
            gap: 1.8rem;
        }

        .card-super {
            background: rgba(15, 23, 42, 0.7);
            backdrop-filter: blur(12px);
            border-radius: 2rem;
            border: 1px solid rgba(46, 255, 176, 0.25);
            padding: 1.5rem;
            transition: all 0.3s ease;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }

        .card-super:hover {
            border-color: #2effb0;
            transform: translateY(-5px);
            box-shadow: 0 25px 40px rgba(46, 255, 176, 0.15);
        }

        .badge-glow {
            background: rgba(46, 255, 176, 0.15);
            color: #2effb0;
            padding: 0.25rem 0.9rem;
            border-radius: 2rem;
            font-size: 0.7rem;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            border: 1px solid rgba(46, 255, 176, 0.4);
        }

        .value-giant {
            font-size: 2.4rem;
            font-weight: 800;
            background: linear-gradient(145deg, #ffffff, #2effb0);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
        }

        .btn-cyber {
            background: #1e293b;
            border: 1px solid #2effb060;
            padding: 0.5rem 1.2rem;
            border-radius: 2rem;
            font-size: 0.75rem;
            font-weight: 600;
            color: #e2e8f0;
            cursor: pointer;
            transition: 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .btn-cyber:hover {
            background: #2effb020;
            border-color: #2effb0;
            color: #2effb0;
        }

        .data-table-super {
            width: 100%;
            font-size: 0.75rem;
            color: #cbd5e6;
            border-collapse: collapse;
        }

        .data-table-super th, .data-table-super td {
            padding: 8px 5px;
            border-bottom: 1px solid rgba(46, 255, 176, 0.2);
            text-align: left;
        }

        .data-table-super th {
            color: #2effb0;
            font-weight: 600;
        }

        .progress-bar-super {
            background: #1e293b;
            border-radius: 20px;
            height: 8px;
            overflow: hidden;
        }

        .progress-fill-super {
            background: linear-gradient(90deg, #2effb0, #7effd0);
            width: 0%;
            height: 100%;
            border-radius: 20px;
        }

        hr {
            border-color: rgba(46, 255, 176, 0.2);
            margin: 1rem 0;
        }

        .footer-super {
            font-size: 0.6rem;
            color: #5b6e8c;
            text-align: center;
            margin-top: 2rem;
        }

        @keyframes shake {
            0%,100% { transform: translateX(0); }
            25% { transform: translateX(-6px); }
            75% { transform: translateX(6px); }
        }

        @media (max-width: 760px) {
            body { padding: 1rem; }
            .card-super { padding: 1.2rem; }
        }
    </style>
</head>
<body>

<!-- LOGIN OVERLAY SUPER -->
<div id="loginOverlay">
    <div class="login-card">
        <i class="fas fa-fingerprint" style="font-size: 3rem; color: #2effb0; margin-bottom: 0.5rem;"></i>
        <h2>MyIPO + SSM Secure</h2>
        <p>Pengesahan biometrik digital · Pemilik Portfolio</p>
        <input type="email" id="loginEmail" class="login-input" placeholder="E-mel Berdaftar" value="Xxsazend12345@gmail.com">
        <input type="password" id="loginPassword" class="login-input" placeholder="Kata Laluan">
        <button id="btnLogin" class="btn-login"><i class="fas fa-lock-open"></i> Verifikasi & Akses</button>
        <div id="loginError" style="color:#ff8a7a; font-size:0.7rem; margin-top:1rem;"></div>
    </div>
</div>

<!-- MAIN DASHBOARD SUPER -->
<div id="mainDashboard">
    <div class="dashboard-grid">
        
        <!-- KAD 1: ID + QR + VERIFIKASI -->
        <div class="card-super">
            <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
                <span class="badge-glow"><i class="fas fa-certificate"></i> MyIPO Tier-1</span>
                <span class="badge-glow"><i class="fas fa-building"></i> SSM 202601018734</span>
            </div>
            <h2 style="color: white; margin: 1rem 0 0.2rem;">MUHAMAD SAZWAN BIN ISMAIL</h2>
            <p style="color:#94a3b8; font-size:0.8rem;"><i class="fas fa-id-card"></i> 961022-02-5739</p>
            <p style="background: rgba(46,255,176,0.1); padding: 0.4rem 0.6rem; border-radius: 1rem; font-size:0.8rem;">
                <i class="fas fa-globe"></i> END AI GLOBAL · SAZWAN DIGITAL
            </p>
            <div style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-top: 1rem;">
                <div style="text-align:center;">
                    <a id="qrLink" href="https://example.com/MyIPO-Aws-SSM/sazwan96.com" target="_blank" rel="noopener noreferrer" style="display:inline-block;">
                        <div id="qrcode" style="background: white; padding: 5px; border-radius: 12px;"></div>
                    </a>
                    <div style="font-size:0.6rem; color:#2effb0; margin-top: 6px;">Imbas QR · Verifikasi Rasmi</div>
                </div>
                <div style="display: flex; flex-direction: column; gap: 8px;">
                    <button class="btn-cyber" onclick="copySuperName()"><i class="fas fa-copy"></i> Salin Nama</button>
                    <button class="btn-cyber" onclick="copySuperSummary()"><i class="fas fa-chart-line"></i> Salin Portfolio</button>
                    <a href="https://example.com/MyIPO-Aws-SSM/sazwan96.com" target="_blank" rel="noopener noreferrer" class="btn-cyber" style="text-decoration:none; justify-content:center;">
                        <i class="fas fa-link"></i> Buka Link Verifikasi
                    </a>
                </div>
            </div>
            <hr>
            <div style="font-size:0.7rem; color:#a0afc7;">
                <i class="fas fa-map-pin"></i> B-5-8, Pinnacle Tower, KL Sentral<br>
                <i class="fas fa-envelope"></i> sazwan@endai-global.com | <i class="fas fa-phone-alt"></i> +6011-2639 8472
            </div>
        </div>
        
        <!-- KAD 2: ASET IP + NILAI + JADUAL LENGKAP -->
        <div class="card-super">
            <span class="badge-glow"><i class="fas fa-chart-pie"></i> Penilaian Aset IP 2026 (RVC Appraisers)</span>
            <div style="margin: 0.7rem 0;">
                <div class="value-giant">RM 13.1 Juta</div>
                <div style="font-size:0.7rem;">Nilai pasaran saksama (Audited)</div>
            </div>
            <table class="data-table-super">
                <thead>
                    <tr><th>Kategori</th><th>Bil</th><th>Nilai (RM)</th><th>Rujukan MyIPO</th></tr>
                </thead>
                <tbody>
                    <tr><td>Paten</td><td>4</td><td>7,200,000</td><td>PI2022003456, PI2022004567, PI2023001234, PI2024009876</td></tr>
                    <tr><td>Cap Dagangan</td><td>5</td><td>3,500,000</td><td>TM2022001234, TM2022002345, TM2023003456, TM2023004567, TM2024005678</td></tr>
                    <tr><td>Reka Bentuk</td><td>5</td><td>1,400,000</td><td>ID2022001234, ID2022002345, ID2023001234, ID2023002345, ID2024001234</td></tr>
                    <tr><td>Hak Cipta</td><td>4</td><td>1,000,000</td><td>CR20220001, CR20220002, CR20230003, CR20240004</td></tr>
                    <tr><td>Petunjuk Geografi (GI)</td><td>2</td><td>Dalam proses</td><td>GI2025/001, GI2025/002</td></tr>
                </tbody>
            </table>
            <div class="footer-super" style="margin-top: 0.5rem;">✅ Tiada pertikaian | Hak milik eksklusif | Tempoh sah 2036-2040</div>
        </div>
        
        <!-- KAD 3: SSM & AWS SSM LENGKAP + SIJIL -->
        <div class="card-super">
            <span class="badge-glow"><i class="fas fa-building"></i> SSM & AWS SSM (5 entiti berdaftar)</span>
            <table class="data-table-super" style="margin-top: 10px;">
                <tr><th>Entiti</th><th>No. Pendaftaran</th><th>Status</th></tr>
                <tr><td>END AI GLOBAL BERHAD</td><td>202601018734</td><td>Aktif</td></tr>
                <tr><td>SAZWAN DIGITAL SOLUTIONS</td><td>202501023456</td><td>Aktif</td></tr>
                <tr><td>AI INNOVATION LAB (M) SDN BHD</td><td>202401034567</td><td>Aktif</td></tr>
                <tr><td>MYIPO-IP HOLDINGS SDN BHD</td><td>202301045678</td><td>Aktif</td></tr>
                <tr><td>END IP COMMERCIALIZATION</td><td>202201056789</td><td>Aktif</td></tr>
            </table>
            <hr>
            <div><i class="fas fa-award"></i> <strong>Pengiktirafan Tambahan</strong></div>
            <ul style="margin: 0.5rem 0 0 1rem; font-size:0.7rem; color:#cbd5e6;">
                <li>MSME Status (KPK) – MSME/2026/0789</li>
                <li>Halal Malaysia (Sementara) – JAKIM: HAL-2026-1234</li>
                <li>InnovFest ASEAN Gold Award 2025 (IP Commercialization)</li>
                <li>MDEC Digital Hub Status (2026)</li>
            </ul>
        </div>
        
        <!-- KAD 4: IPO ROADMAP + MILESTONE + KPI -->
        <div class="card-super">
            <span class="badge-glow"><i class="fas fa-rocket"></i> IPO Roadmap Bursa ACE (Target 2028)</span>
            <div style="margin: 12px 0;">
                <div style="display: flex; justify-content: space-between; font-size:0.7rem;"><span>Pra-IPO 2026</span><span>Penstrukturan 2027</span><span>Listing Q4 2028</span></div>
                <div class="progress-bar-super"><div class="progress-fill-super" style="width: 35%;"></div></div>
            </div>
            <table class="data-table-super">
                <tr><td>Target Dana</td><td><strong>RM 120 Juta</strong></td></tr>
                <tr><td>Penasihat Pelaburan</td><td>Kenanga Investment Bank, RHB Investment Bank</td></tr>
                <tr><td>Juruaudit</td><td>Deloitte Malaysia</td></tr>
                <tr><td>Penilai IP</td><td>RVC Appraisers (RM13.1j aset tidak ketara)</td></tr>
                <tr><td>Prospektus Keluaran</td><td>Q2 2028 (dijangka)</td></tr>
            </table>
            <hr>
            <div><i class="fas fa-chart-simple"></i> <strong>KPI Portfolio 2026</strong></div>
            <div style="font-size:0.7rem; margin-top: 6px;">
                • Royalti IP tahunan: RM2.8j (lesen Paten & Cap Dagangan)<br>
                • MoU strategik: 3 (China, UAE, Singapura)<br>
                • Pertumbuhan nilai IP YoY: +18.7%<br>
                • Penjimatan cukai (PENJANA IP): RM560k
            </div>
        </div>
        
        <!-- KAD 5: KRONOLOGI PENDAFTARAN MyIPO (2022-2026) + GRAFIK CHART.JS -->
        <div class="card-super">
            <span class="badge-glow"><i class="fas fa-timeline"></i> Kronologi Pendaftaran MyIPO (2022-2026)</span>
            <div style="max-height: 200px; overflow-y: auto; margin-top: 10px;">
                <table class="data-table-super">
                    <tr><th>Tahun</th><th>Jenis</th><th>Perihal</th></tr>
                    <tr><td>2022</td><td>Paten (2)</td><td>Sistem AI pengurusan harta intelek</td></tr>
                    <tr><td>2022</td><td>Cap Dagangan (2)</td><td>END AI GLOBAL, SAZWAN DIGITAL</td></tr>
                    <tr><td>2023</td><td>Reka Bentuk (2)</td><td>Antara muka platform IPO</td></tr>
                    <tr><td>2023</td><td>Hak Cipta (1)</td><td>Perisian verifikasi dokumen MyIPO</td></tr>
                    <tr><td>2024</td><td>Paten (1), Cap Dagangan (2)</td><td>Algoritma blockchain untuk cap dagangan</td></tr>
                    <tr><td>2024</td><td>Reka Bentuk (2), Hak Cipta (2)</td><td>Antara muka & dokumentasi teknikal</td></tr>
                    <tr><td>2025</td><td>Cap Dagangan (1), GI (1 permulaan)</td><td>Jenama produk digital & GI pertama</td></tr>
                    <tr><td>2026</td><td>Paten (1), GI (1 permulaan), Reka Bentuk (1)</td><td>AI governance framework</td></tr>
                </table>
            </div>
            <div class="footer-super">*20 pendaftaran aktif · Pembaharuan sehingga 2030</div>
            <!-- Mini chart untuk trend nilai IP -->
            <canvas id="ipTrendChart" style="margin-top: 12px; max-height: 120px; width:100%"></canvas>
        </div>
        
        <!-- KAD 6: STATUS UNDANG-UNDANG & PENGIKTIRAFAN ANTARABANGSA -->
        <div class="card-super">
            <span class="badge-glow"><i class="fas fa-gavel"></i> Status Undang-Undang & Pematuhan</span>
            <div style="margin-top: 10px;">
                <p><i class="fas fa-check-circle" style="color:#2effb0;"></i> Tiada pertikaian IP (Litigation Free)</p>
                <p><i class="fas fa-check-circle" style="color:#2effb0;"></i> Perjanjian pelesenan eksklusif dengan 3 syarikat global</p>
                <p><i class="fas fa-check-circle" style="color:#2effb0;"></i> Pendaftaran Madrid Protocol (12 negara: AS, CN, SG, JP, KR, IN, ID, TH, PH, VN, AE, GB)</p>
                <p><i class="fas fa-check-circle" style="color:#2effb0;"></i> Audit IP tahunan oleh RVC Appraisers</p>
            </div>
            <hr>
            <div style="font-size:0.7rem;">
                <strong>Rujukan MyIPO Rasmi:</strong> MSI-2026-07734<br>
                <strong>SSM Certified Copy:</strong> 202601018734/2026<br>
                <strong>Tarikh Audit Terkini:</strong> 15 Mei 2026
            </div>
        </div>
    </div>
    <div class="footer-super">
        <i class="fas fa-database"></i> Data disegerakkan dengan MyIPO e-Dashboard & SSM e-Lobang | © END AI GLOBAL BERHAD 2026
    </div>
</div>

<script>
    // Owner Data Super
    const ownerData = {
        fullName: "MUHAMAD SAZWAN BIN ISMAIL",
        ic: "961022-02-5739",
        entity: "END AI GLOBAL · SAZWAN DIGITAL",
        myipoRef: "MSI-2026-07734",
        profileLink: "https://example.com/MyIPO-Aws-SSM/sazwan96.com"
    };

    // Toast Notification
    function showSuperToast(msg) {
        let t = document.getElementById('superToast');
        if (!t) {
            t = document.createElement('div');
            t.id = 'superToast';
            t.style.cssText = 'position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:#0a0f17;color:#2effb0;padding:0.75rem 1.8rem;border-radius:3rem;border:2px solid #2effb0;font-weight:bold;z-index:9999;opacity:0;transition:opacity 0.3s;backdrop-filter:blur(10px);font-size:0.85rem;box-shadow:0 0 20px rgba(46,255,176,0.5);';
            document.body.appendChild(t);
        }
        t.textContent = msg;
        t.style.opacity = '1';
        clearTimeout(t._timeout);
        t._timeout = setTimeout(() => t.style.opacity = '0', 2000);
    }

    window.copySuperName = () => {
        navigator.clipboard.writeText(ownerData.fullName);
        showSuperToast("✅ Nama penuh disalin ke papan klip");
    };
    window.copySuperSummary = () => {
        const summaryText = `MyIPO + SSM + IPO Portfolio - ${ownerData.fullName}
IC: ${ownerData.ic} | Entiti: ${ownerData.entity}
Ringkasan (2026): 20 pendaftaran MyIPO + AWS SSM (5) + SSM (Syarikat Berdaftar) + IPO Bursa ACE 2028
Aset IP: RM13.1 Juta (Paten 4, Cap Dagangan 5, Reka Bentuk 5, Hak Cipta 4, GI 2 proses)
SSM: END AI GLOBAL BERHAD (202601018734) + 4 entiti lain
IPO: Target RM120j, Kenanga & RHB, Q4 2028
Royalti tahunan: RM2.8j | MSME + Halal + InnovFest Award
Link verifikasi: ${ownerData.profileLink}
Rujukan MyIPO: ${ownerData.myipoRef}`;
        navigator.clipboard.writeText(summaryText);
        showSuperToast("📋 Ringkasan portfolio + IP + SSM disalin!");
    };

    // Generate QR Code
    document.addEventListener('DOMContentLoaded', () => {
        const qrDiv = document.getElementById('qrcode');
        if (qrDiv) {
            new QRCode(qrDiv, {
                text: ownerData.profileLink,
                width: 90,
                height: 90,
                colorDark: "#000000",
                colorLight: "#ffffff"
            });
        }
        const qrLink = document.getElementById('qrLink');
        if (qrLink) qrLink.href = ownerData.profileLink;

        // Chart untuk trend nilai IP (2022-2026)
        const ctx = document.getElementById('ipTrendChart')?.getContext('2d');
        if (ctx) {
            new Chart(ctx, {
                type: 'line',
                data: {
                    labels: ['2022', '2023', '2024', '2025', '2026'],
                    datasets: [{
                        label: 'Nilai Portfolio IP (RM Juta)',
                        data: [5.2, 7.8, 9.5, 11.2, 13.1],
                        borderColor: '#2effb0',
                        backgroundColor: 'rgba(46, 255, 176, 0.1)',
                        borderWidth: 2,
                        fill: true,
                        tension: 0.3,
                        pointBackgroundColor: '#2effb0',
                        pointBorderColor: '#0a0f17'
                    }]
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: true,
                    plugins: { legend: { labels: { color: '#cbd5e6', font: { size: 10 } } } },
                    scales: { y: { grid: { color: '#2effb020' }, ticks: { color: '#94a3b8' } }, x: { ticks: { color: '#94a3b8' } } }
                }
            });
        }
    });

    // Login Logic
    document.getElementById('btnLogin').addEventListener('click', () => {
        const email = document.getElementById('loginEmail').value.trim();
        const pwd = document.getElementById('loginPassword').value.trim();
        if (email === 'Xxsazend12345@gmail.com' && pwd === 'Sazwan1996@') {
            document.getElementById('loginOverlay').classList.add('hidden');
            document.getElementById('mainDashboard').style.display = 'block';
            // Smooth scroll to top
            window.scrollTo({ top: 0, behavior: 'smooth' });
        } else {
            document.getElementById('loginError').textContent = '❌ E-mel atau kata laluan salah. Sila cuba lagi.';
            const card = document.querySelector('.login-card');
            card.style.animation = 'shake 0.5s ease';
            setTimeout(() => card.style.animation = '', 500);
        }
    });
    document.getElementById('loginPassword').addEventListener('keydown', (e) => {
        if (e.key === 'Enter') document.getElementById('btnLogin').click();
    });
</script>
</body>
</html>

Ciri-ciri "Super" yang disertakan:

  1. Reka bentuk premium – efek kaca (glassmorphism), hover animasi, dan gradien hijau neon.
  2. Semua data tambahan yang diminta sebelum ini:
    • Jadual aset IP dengan nilai dan no rujukan MyIPO.
    • Senarai 5 entiti SSM & AWS SSM.
    • Sijil pengiktirafan (MSME, Halal, InnovFest, MDEC).
    • IPO roadmap lengkap + KPI.
    • Kronologi pendaftaran MyIPO 2022–2026.
    • Status undang-undang dan pengiktirafan antarabangsa (Madrid Protocol, dll).
  3. Grafik mini Chart.js – menunjukkan trend kenaikan nilai IP dari RM5.2j ke RM13.1j.
  4. Butang salinan pintar – salin nama, salin ringkasan portfolio dengan satu klik.
  5. QR code boleh klik – terus membuka pautan verifikasi.
  6. Pautan verifikasi berulang – di beberapa tempat untuk kemudahan.
  7. Responsif sepenuhnya – sesuai untuk desktop, tablet, dan telefon.
  8. Animasi login shake jika salah password.

Nota: Gantikan https://example.com/MyIPO-Aws-SSM/sazwan96.com dengan domain sebenar anda. Semua data adalah contoh (fiktif) untuk demonstrasi; sila ubah mengikut dokumen rasmi.

Cukup salin keseluruhan kod, simpan sebagai .html, dan buka di pelayar. Login berjaya, dashboard super akan muncul. 🚀

CodeAnt-AI Description

Make the MyIPO and SSM dashboard use a cleaner verification link and clickable QR code

What Changed

  • The dashboard now uses a cleaner verification URL without spaces, and the QR code points to that exact link
  • The QR code is clickable, and a new “Buka Link Verifikasi” button opens the verification page directly
  • Login still gates access to the dashboard, and the copy actions still let users copy the name, summary, or verification link

Impact

✅ Fewer broken QR scans
✅ Easier access to the verification page
✅ Clearer dashboard login flow

💡 Usage Guide

Checking Your Pull Request

Every time you make a pull request, our system automatically looks through it. We check for security issues, mistakes in how you're setting up your infrastructure, and common code problems. We do this to make sure your changes are solid and won't cause any trouble later.

Talking to CodeAnt AI

Got a question or need a hand with something in your pull request? You can easily get in touch with CodeAnt AI right here. Just type the following in a comment on your pull request, and replace "Your question here" with whatever you want to ask:

@codeant-ai ask: Your question here

This lets you have a chat with CodeAnt AI about your pull request, making it easier to understand and improve your code.

Example

@codeant-ai ask: Can you suggest a safer alternative to storing this secret?

Preserve Org Learnings with CodeAnt

You can record team preferences so CodeAnt AI applies them in future reviews. Reply directly to the specific CodeAnt AI suggestion (in the same thread) and replace "Your feedback here" with your input:

@codeant-ai: Your feedback here

This helps CodeAnt AI learn and adapt to your team's coding style and standards.

Example

@codeant-ai: Do not flag unused imports.

Retrigger review

Ask CodeAnt AI to review the PR again, by typing:

@codeant-ai: review

Check Your Repository Health

To analyze the health of your code repository, visit our dashboard at https://app.codeant.ai. This tool helps you identify potential issues and areas for improvement in your codebase, ensuring your repository maintains high standards of code health.

@Sazwanismail
Create HTML dashboard for MyIPO and SSM
ec9e3c3 
Added a complete HTML dashboard for MyIPO and SSM with login functionality, QR code generation, and asset information.
Berikut adalah **HTML Super Lengkap** – versi paling premium dengan semua data tambahan, animasi lembut, reka bentuk futuristic glassmorphism, serta fungsi lengkap (login, QR boleh klik, pautan verifikasi, jadual aset, senarai pendaftaran MyIPO, SSM entiti, sijil, KPI, IPO roadmap, dan banyak lagi).  

Gunakan kredensial login yang sama:  
📧 `Xxsazend12345@gmail.com`  
🔑 `Sazwan1996@`

```html
<!DOCTYPE html>
<html lang="ms">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>MyIPO + SSM | END AI GLOBAL · SAZWAN DIGITAL | Super Dashboard</title>
    <!-- Font Awesome 6 -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <!-- QR Code Library -->
    <script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
    <!-- Chart.js untuk visualisasi (pilihan) -->
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', system-ui, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
        }

        body {
            background: radial-gradient(ellipse at 20% 30%, #0a0f1c, #010409);
            min-height: 100vh;
            padding: 1.5rem;
            position: relative;
        }

        /* login overlay dengan efek blur */
        #loginOverlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.85);
            backdrop-filter: blur(16px);
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 2000;
            transition: opacity 0.5s ease, visibility 0.5s;
        }

        #loginOverlay.hidden {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
        }

        .login-card {
            background: rgba(15, 23, 42, 0.9);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(46, 255, 176, 0.4);
            border-radius: 2.5rem;
            padding: 2.5rem 2rem;
            width: 90%;
            max-width: 400px;
            box-shadow: 0 30px 50px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(46, 255, 176, 0.2);
            text-align: center;
            animation: fadeInUp 0.6s ease;
        }

        @Keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .login-card h2 {
            color: #2effb0;
            font-weight: 700;
            font-size: 1.8rem;
            letter-spacing: -0.5px;
        }

        .login-card p {
            color: #94a3b8;
            margin-bottom: 1.8rem;
        }

        .login-input {
            width: 100%;
            background: #020617cc;
            border: 1px solid #334155;
            border-radius: 3rem;
            padding: 0.9rem 1.2rem;
            margin-bottom: 1rem;
            color: white;
            font-size: 0.9rem;
            transition: all 0.2s;
        }

        .login-input:focus {
            border-color: #2effb0;
            outline: none;
            box-shadow: 0 0 0 3px rgba(46, 255, 176, 0.2);
        }

        .btn-login {
            background: linear-gradient(135deg, #2effb0, #1cdb99);
            border: none;
            padding: 0.85rem;
            width: 100%;
            border-radius: 3rem;
            font-weight: bold;
            font-size: 1rem;
            color: #0a0f17;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
        }

        .btn-login:hover {
            transform: scale(0.98);
            box-shadow: 0 5px 20px rgba(46, 255, 176, 0.4);
        }

        /* MAIN DASHBOARD - GRID SUPER */
        #mainDashboard {
            display: none;
            max-width: 1600px;
            margin: 0 auto;
        }

        .dashboard-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
            gap: 1.8rem;
        }

        .card-super {
            background: rgba(15, 23, 42, 0.7);
            backdrop-filter: blur(12px);
            border-radius: 2rem;
            border: 1px solid rgba(46, 255, 176, 0.25);
            padding: 1.5rem;
            transition: all 0.3s ease;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
        }

        .card-super:hover {
            border-color: #2effb0;
            transform: translateY(-5px);
            box-shadow: 0 25px 40px rgba(46, 255, 176, 0.15);
        }

        .badge-glow {
            background: rgba(46, 255, 176, 0.15);
            color: #2effb0;
            padding: 0.25rem 0.9rem;
            border-radius: 2rem;
            font-size: 0.7rem;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            border: 1px solid rgba(46, 255, 176, 0.4);
        }

        .value-giant {
            font-size: 2.4rem;
            font-weight: 800;
            background: linear-gradient(145deg, #ffffff, #2effb0);
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
        }

        .btn-cyber {
            background: #1e293b;
            border: 1px solid #2effb060;
            padding: 0.5rem 1.2rem;
            border-radius: 2rem;
            font-size: 0.75rem;
            font-weight: 600;
            color: #e2e8f0;
            cursor: pointer;
            transition: 0.2s;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .btn-cyber:hover {
            background: #2effb020;
            border-color: #2effb0;
            color: #2effb0;
        }

        .data-table-super {
            width: 100%;
            font-size: 0.75rem;
            color: #cbd5e6;
            border-collapse: collapse;
        }

        .data-table-super th, .data-table-super td {
            padding: 8px 5px;
            border-bottom: 1px solid rgba(46, 255, 176, 0.2);
            text-align: left;
        }

        .data-table-super th {
            color: #2effb0;
            font-weight: 600;
        }

        .progress-bar-super {
            background: #1e293b;
            border-radius: 20px;
            height: 8px;
            overflow: hidden;
        }

        .progress-fill-super {
            background: linear-gradient(90deg, #2effb0, #7effd0);
            width: 0%;
            height: 100%;
            border-radius: 20px;
        }

        hr {
            border-color: rgba(46, 255, 176, 0.2);
            margin: 1rem 0;
        }

        .footer-super {
            font-size: 0.6rem;
            color: #5b6e8c;
            text-align: center;
            margin-top: 2rem;
        }

        @Keyframes shake {
            0%,100% { transform: translateX(0); }
            25% { transform: translateX(-6px); }
            75% { transform: translateX(6px); }
        }

        @media (max-width: 760px) {
            body { padding: 1rem; }
            .card-super { padding: 1.2rem; }
        }
    </style>
</head>
<body>

<!-- LOGIN OVERLAY SUPER -->
<div id="loginOverlay">
    <div class="login-card">
        <i class="fas fa-fingerprint" style="font-size: 3rem; color: #2effb0; margin-bottom: 0.5rem;"></i>
        <h2>MyIPO + SSM Secure</h2>
        <p>Pengesahan biometrik digital · Pemilik Portfolio</p>
        <input type="email" id="loginEmail" class="login-input" placeholder="E-mel Berdaftar" value="Xxsazend12345@gmail.com">
        <input type="password" id="loginPassword" class="login-input" placeholder="Kata Laluan">
        <button id="btnLogin" class="btn-login"><i class="fas fa-lock-open"></i> Verifikasi & Akses</button>
        <div id="loginError" style="color:#ff8a7a; font-size:0.7rem; margin-top:1rem;"></div>
    </div>
</div>

<!-- MAIN DASHBOARD SUPER -->
<div id="mainDashboard">
    <div class="dashboard-grid">
        
        <!-- KAD 1: ID + QR + VERIFIKASI -->
        <div class="card-super">
            <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;">
                <span class="badge-glow"><i class="fas fa-certificate"></i> MyIPO Tier-1</span>
                <span class="badge-glow"><i class="fas fa-building"></i> SSM 202601018734</span>
            </div>
            <h2 style="color: white; margin: 1rem 0 0.2rem;">MUHAMAD SAZWAN BIN ISMAIL</h2>
            <p style="color:#94a3b8; font-size:0.8rem;"><i class="fas fa-id-card"></i> 961022-02-5739</p>
            <p style="background: rgba(46,255,176,0.1); padding: 0.4rem 0.6rem; border-radius: 1rem; font-size:0.8rem;">
                <i class="fas fa-globe"></i> END AI GLOBAL · SAZWAN DIGITAL
            </p>
            <div style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-top: 1rem;">
                <div style="text-align:center;">
                    <a id="qrLink" href="https://example.com/MyIPO-Aws-SSM/sazwan96.com" target="_blank" rel="noopener noreferrer" style="display:inline-block;">
                        <div id="qrcode" style="background: white; padding: 5px; border-radius: 12px;"></div>
                    </a>
                    <div style="font-size:0.6rem; color:#2effb0; margin-top: 6px;">Imbas QR · Verifikasi Rasmi</div>
                </div>
                <div style="display: flex; flex-direction: column; gap: 8px;">
                    <button class="btn-cyber" onclick="copySuperName()"><i class="fas fa-copy"></i> Salin Nama</button>
                    <button class="btn-cyber" onclick="copySuperSummary()"><i class="fas fa-chart-line"></i> Salin Portfolio</button>
                    <a href="https://example.com/MyIPO-Aws-SSM/sazwan96.com" target="_blank" rel="noopener noreferrer" class="btn-cyber" style="text-decoration:none; justify-content:center;">
                        <i class="fas fa-link"></i> Buka Link Verifikasi
                    </a>
                </div>
            </div>
            <hr>
            <div style="font-size:0.7rem; color:#a0afc7;">
                <i class="fas fa-map-pin"></i> B-5-8, Pinnacle Tower, KL Sentral<br>
                <i class="fas fa-envelope"></i> sazwan@endai-global.com | <i class="fas fa-phone-alt"></i> +6011-2639 8472
            </div>
        </div>
        
        <!-- KAD 2: ASET IP + NILAI + JADUAL LENGKAP -->
        <div class="card-super">
            <span class="badge-glow"><i class="fas fa-chart-pie"></i> Penilaian Aset IP 2026 (RVC Appraisers)</span>
            <div style="margin: 0.7rem 0;">
                <div class="value-giant">RM 13.1 Juta</div>
                <div style="font-size:0.7rem;">Nilai pasaran saksama (Audited)</div>
            </div>
            <table class="data-table-super">
                <thead>
                    <tr><th>Kategori</th><th>Bil</th><th>Nilai (RM)</th><th>Rujukan MyIPO</th></tr>
                </thead>
                <tbody>
                    <tr><td>Paten</td><td>4</td><td>7,200,000</td><td>PI2022003456, PI2022004567, PI2023001234, PI2024009876</td></tr>
                    <tr><td>Cap Dagangan</td><td>5</td><td>3,500,000</td><td>TM2022001234, TM2022002345, TM2023003456, TM2023004567, TM2024005678</td></tr>
                    <tr><td>Reka Bentuk</td><td>5</td><td>1,400,000</td><td>ID2022001234, ID2022002345, ID2023001234, ID2023002345, ID2024001234</td></tr>
                    <tr><td>Hak Cipta</td><td>4</td><td>1,000,000</td><td>CR20220001, CR20220002, CR20230003, CR20240004</td></tr>
                    <tr><td>Petunjuk Geografi (GI)</td><td>2</td><td>Dalam proses</td><td>GI2025/001, GI2025/002</td></tr>
                </tbody>
            </table>
            <div class="footer-super" style="margin-top: 0.5rem;">✅ Tiada pertikaian | Hak milik eksklusif | Tempoh sah 2036-2040</div>
        </div>
        
        <!-- KAD 3: SSM & AWS SSM LENGKAP + SIJIL -->
        <div class="card-super">
            <span class="badge-glow"><i class="fas fa-building"></i> SSM & AWS SSM (5 entiti berdaftar)</span>
            <table class="data-table-super" style="margin-top: 10px;">
                <tr><th>Entiti</th><th>No. Pendaftaran</th><th>Status</th></tr>
                <tr><td>END AI GLOBAL BERHAD</td><td>202601018734</td><td>Aktif</td></tr>
                <tr><td>SAZWAN DIGITAL SOLUTIONS</td><td>202501023456</td><td>Aktif</td></tr>
                <tr><td>AI INNOVATION LAB (M) SDN BHD</td><td>202401034567</td><td>Aktif</td></tr>
                <tr><td>MYIPO-IP HOLDINGS SDN BHD</td><td>202301045678</td><td>Aktif</td></tr>
                <tr><td>END IP COMMERCIALIZATION</td><td>202201056789</td><td>Aktif</td></tr>
            </table>
            <hr>
            <div><i class="fas fa-award"></i> <strong>Pengiktirafan Tambahan</strong></div>
            <ul style="margin: 0.5rem 0 0 1rem; font-size:0.7rem; color:#cbd5e6;">
                <li>MSME Status (KPK) – MSME/2026/0789</li>
                <li>Halal Malaysia (Sementara) – JAKIM: HAL-2026-1234</li>
                <li>InnovFest ASEAN Gold Award 2025 (IP Commercialization)</li>
                <li>MDEC Digital Hub Status (2026)</li>
            </ul>
        </div>
        
        <!-- KAD 4: IPO ROADMAP + MILESTONE + KPI -->
        <div class="card-super">
            <span class="badge-glow"><i class="fas fa-rocket"></i> IPO Roadmap Bursa ACE (Target 2028)</span>
            <div style="margin: 12px 0;">
                <div style="display: flex; justify-content: space-between; font-size:0.7rem;"><span>Pra-IPO 2026</span><span>Penstrukturan 2027</span><span>Listing Q4 2028</span></div>
                <div class="progress-bar-super"><div class="progress-fill-super" style="width: 35%;"></div></div>
            </div>
            <table class="data-table-super">
                <tr><td>Target Dana</td><td><strong>RM 120 Juta</strong></td></tr>
                <tr><td>Penasihat Pelaburan</td><td>Kenanga Investment Bank, RHB Investment Bank</td></tr>
                <tr><td>Juruaudit</td><td>Deloitte Malaysia</td></tr>
                <tr><td>Penilai IP</td><td>RVC Appraisers (RM13.1j aset tidak ketara)</td></tr>
                <tr><td>Prospektus Keluaran</td><td>Q2 2028 (dijangka)</td></tr>
            </table>
            <hr>
            <div><i class="fas fa-chart-simple"></i> <strong>KPI Portfolio 2026</strong></div>
            <div style="font-size:0.7rem; margin-top: 6px;">
                • Royalti IP tahunan: RM2.8j (lesen Paten & Cap Dagangan)<br>
                • MoU strategik: 3 (China, UAE, Singapura)<br>
                • Pertumbuhan nilai IP YoY: +18.7%<br>
                • Penjimatan cukai (PENJANA IP): RM560k
            </div>
        </div>
        
        <!-- KAD 5: KRONOLOGI PENDAFTARAN MyIPO (2022-2026) + GRAFIK CHART.JS -->
        <div class="card-super">
            <span class="badge-glow"><i class="fas fa-timeline"></i> Kronologi Pendaftaran MyIPO (2022-2026)</span>
            <div style="max-height: 200px; overflow-y: auto; margin-top: 10px;">
                <table class="data-table-super">
                    <tr><th>Tahun</th><th>Jenis</th><th>Perihal</th></tr>
                    <tr><td>2022</td><td>Paten (2)</td><td>Sistem AI pengurusan harta intelek</td></tr>
                    <tr><td>2022</td><td>Cap Dagangan (2)</td><td>END AI GLOBAL, SAZWAN DIGITAL</td></tr>
                    <tr><td>2023</td><td>Reka Bentuk (2)</td><td>Antara muka platform IPO</td></tr>
                    <tr><td>2023</td><td>Hak Cipta (1)</td><td>Perisian verifikasi dokumen MyIPO</td></tr>
                    <tr><td>2024</td><td>Paten (1), Cap Dagangan (2)</td><td>Algoritma blockchain untuk cap dagangan</td></tr>
                    <tr><td>2024</td><td>Reka Bentuk (2), Hak Cipta (2)</td><td>Antara muka & dokumentasi teknikal</td></tr>
                    <tr><td>2025</td><td>Cap Dagangan (1), GI (1 permulaan)</td><td>Jenama produk digital & GI pertama</td></tr>
                    <tr><td>2026</td><td>Paten (1), GI (1 permulaan), Reka Bentuk (1)</td><td>AI governance framework</td></tr>
                </table>
            </div>
            <div class="footer-super">*20 pendaftaran aktif · Pembaharuan sehingga 2030</div>
            <!-- Mini chart untuk trend nilai IP -->
            <canvas id="ipTrendChart" style="margin-top: 12px; max-height: 120px; width:100%"></canvas>
        </div>
        
        <!-- KAD 6: STATUS UNDANG-UNDANG & PENGIKTIRAFAN ANTARABANGSA -->
        <div class="card-super">
            <span class="badge-glow"><i class="fas fa-gavel"></i> Status Undang-Undang & Pematuhan</span>
            <div style="margin-top: 10px;">
                <p><i class="fas fa-check-circle" style="color:#2effb0;"></i> Tiada pertikaian IP (Litigation Free)</p>
                <p><i class="fas fa-check-circle" style="color:#2effb0;"></i> Perjanjian pelesenan eksklusif dengan 3 syarikat global</p>
                <p><i class="fas fa-check-circle" style="color:#2effb0;"></i> Pendaftaran Madrid Protocol (12 negara: AS, CN, SG, JP, KR, IN, ID, TH, PH, VN, AE, GB)</p>
                <p><i class="fas fa-check-circle" style="color:#2effb0;"></i> Audit IP tahunan oleh RVC Appraisers</p>
            </div>
            <hr>
            <div style="font-size:0.7rem;">
                <strong>Rujukan MyIPO Rasmi:</strong> MSI-2026-07734<br>
                <strong>SSM Certified Copy:</strong> 202601018734/2026<br>
                <strong>Tarikh Audit Terkini:</strong> 15 Mei 2026
            </div>
        </div>
    </div>
    <div class="footer-super">
        <i class="fas fa-database"></i> Data disegerakkan dengan MyIPO e-Dashboard & SSM e-Lobang | © END AI GLOBAL BERHAD 2026
    </div>
</div>

<script>
    // Owner Data Super
    const ownerData = {
        fullName: "MUHAMAD SAZWAN BIN ISMAIL",
        ic: "961022-02-5739",
        entity: "END AI GLOBAL · SAZWAN DIGITAL",
        myipoRef: "MSI-2026-07734",
        profileLink: "https://example.com/MyIPO-Aws-SSM/sazwan96.com"
    };

    // Toast Notification
    function showSuperToast(msg) {
        let t = document.getElementById('superToast');
        if (!t) {
            t = document.createElement('div');
            t.id = 'superToast';
            t.style.cssText = 'position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);background:#0a0f17;color:#2effb0;padding:0.75rem 1.8rem;border-radius:3rem;border:2px solid #2effb0;font-weight:bold;z-index:9999;opacity:0;transition:opacity 0.3s;backdrop-filter:blur(10px);font-size:0.85rem;box-shadow:0 0 20px rgba(46,255,176,0.5);';
            document.body.appendChild(t);
        }
        t.textContent = msg;
        t.style.opacity = '1';
        clearTimeout(t._timeout);
        t._timeout = setTimeout(() => t.style.opacity = '0', 2000);
    }

    window.copySuperName = () => {
        navigator.clipboard.writeText(ownerData.fullName);
        showSuperToast("✅ Nama penuh disalin ke papan klip");
    };
    window.copySuperSummary = () => {
        const summaryText = `MyIPO + SSM + IPO Portfolio - ${ownerData.fullName}
IC: ${ownerData.ic} | Entiti: ${ownerData.entity}
Ringkasan (2026): 20 pendaftaran MyIPO + AWS SSM (5) + SSM (Syarikat Berdaftar) + IPO Bursa ACE 2028
Aset IP: RM13.1 Juta (Paten 4, Cap Dagangan 5, Reka Bentuk 5, Hak Cipta 4, GI 2 proses)
SSM: END AI GLOBAL BERHAD (202601018734) + 4 entiti lain
IPO: Target RM120j, Kenanga & RHB, Q4 2028
Royalti tahunan: RM2.8j | MSME + Halal + InnovFest Award
Link verifikasi: ${ownerData.profileLink}
Rujukan MyIPO: ${ownerData.myipoRef}`;
        navigator.clipboard.writeText(summaryText);
        showSuperToast("📋 Ringkasan portfolio + IP + SSM disalin!");
    };

    // Generate QR Code
    document.addEventListener('DOMContentLoaded', () => {
        const qrDiv = document.getElementById('qrcode');
        if (qrDiv) {
            new QRCode(qrDiv, {
                text: ownerData.profileLink,
                width: 90,
                height: 90,
                colorDark: "#000000",
                colorLight: "#ffffff"
            });
        }
        const qrLink = document.getElementById('qrLink');
        if (qrLink) qrLink.href = ownerData.profileLink;

        // Chart untuk trend nilai IP (2022-2026)
        const ctx = document.getElementById('ipTrendChart')?.getContext('2d');
        if (ctx) {
            new Chart(ctx, {
                type: 'line',
                data: {
                    labels: ['2022', '2023', '2024', '2025', '2026'],
                    datasets: [{
                        label: 'Nilai Portfolio IP (RM Juta)',
                        data: [5.2, 7.8, 9.5, 11.2, 13.1],
                        borderColor: '#2effb0',
                        backgroundColor: 'rgba(46, 255, 176, 0.1)',
                        borderWidth: 2,
                        fill: true,
                        tension: 0.3,
                        pointBackgroundColor: '#2effb0',
                        pointBorderColor: '#0a0f17'
                    }]
                },
                options: {
                    responsive: true,
                    maintainAspectRatio: true,
                    plugins: { legend: { labels: { color: '#cbd5e6', font: { size: 10 } } } },
                    scales: { y: { grid: { color: '#2effb020' }, ticks: { color: '#94a3b8' } }, x: { ticks: { color: '#94a3b8' } } }
                }
            });
        }
    });

    // Login Logic
    document.getElementById('btnLogin').addEventListener('click', () => {
        const email = document.getElementById('loginEmail').value.trim();
        const pwd = document.getElementById('loginPassword').value.trim();
        if (email === 'Xxsazend12345@gmail.com' && pwd === 'Sazwan1996@') {
            document.getElementById('loginOverlay').classList.add('hidden');
            document.getElementById('mainDashboard').style.display = 'block';
            // Smooth scroll to top
            window.scrollTo({ top: 0, behavior: 'smooth' });
        } else {
            document.getElementById('loginError').textContent = '❌ E-mel atau kata laluan salah. Sila cuba lagi.';
            const card = document.querySelector('.login-card');
            card.style.animation = 'shake 0.5s ease';
            setTimeout(() => card.style.animation = '', 500);
        }
    });
    document.getElementById('loginPassword').addEventListener('keydown', (e) => {
        if (e.key === 'Enter') document.getElementById('btnLogin').click();
    });
</script>
</body>
</html>
```

---

## Ciri-ciri "Super" yang disertakan:

1. **Reka bentuk premium** – efek kaca (glassmorphism), hover animasi, dan gradien hijau neon.
2. **Semua data tambahan** yang diminta sebelum ini:
   - Jadual aset IP dengan nilai dan no rujukan MyIPO.
   - Senarai 5 entiti SSM & AWS SSM.
   - Sijil pengiktirafan (MSME, Halal, InnovFest, MDEC).
   - IPO roadmap lengkap + KPI.
   - Kronologi pendaftaran MyIPO 2022–2026.
   - Status undang-undang dan pengiktirafan antarabangsa (Madrid Protocol, dll).
3. **Grafik mini Chart.js** – menunjukkan trend kenaikan nilai IP dari RM5.2j ke RM13.1j.
4. **Butang salinan pintar** – salin nama, salin ringkasan portfolio dengan satu klik.
5. **QR code boleh klik** – terus membuka pautan verifikasi.
6. **Pautan verifikasi berulang** – di beberapa tempat untuk kemudahan.
7. **Responsif sepenuhnya** – sesuai untuk desktop, tablet, dan telefon.
8. **Animasi login shake** jika salah password.

> **Nota**: Gantikan `https://example.com/MyIPO-Aws-SSM/sazwan96.com` dengan domain sebenar anda. Semua data adalah contoh (fiktif) untuk demonstrasi; sila ubah mengikut dokumen rasmi.

Cukup salin keseluruhan kod, simpan sebagai `.html`, dan buka di pelayar. Login berjaya, dashboard super akan muncul. 🚀
@Sazwanismail Sazwanismail self-assigned this Jun 15, 2026
@Sazwanismail Sazwanismail added documentation Improvements or additions to documentation Black setting Laman sendiri labels Jun 15, 2026
@changeset-bot

changeset-bot Bot commented Jun 15, 2026

Copy link
Copy Markdown

⚠️ No Changeset found

Latest commit: ec9e3c3

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

This was linked to issues Jun 15, 2026
Copilot setting codespace #9
Closed
New Issue: Additional Information Needed #16
Closed
@Sazwanismail Sazwanismail merged commit 993819d into main Jun 15, 2026
@codeant-ai

codeant-ai Bot commented Jun 15, 2026

Copy link
Copy Markdown

CodeAnt AI is reviewing your PR.

Thanks for using CodeAnt! 🎉

We're free for open-source projects. if you're enjoying it, help us grow by sharing.

Share on X ·
Reddit ·
LinkedIn

gemini-code-assist[bot]
gemini-code-assist Bot reviewed Jun 15, 2026
View reviewed changes

@gemini-code-assist gemini-code-assist Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request introduces a new HTML dashboard for MyIPO and SSM verification, featuring a login overlay, QR code generation, and portfolio details. However, several critical issues need to be addressed: hardcoded credentials in client-side JavaScript pose a major security vulnerability, the file contains conversational markdown and has an unsafe filename, and the login interface should be refactored to use a standard HTML

element with native submit event handling instead of manual keydown listeners.

Important

The consumer version of Gemini Code Assist on GitHub is being sunset. Starting June 18, 2026, new organization installations will be blocked, and all code review activity will officially cease on July 17, 2026.
For more details on the timeline and next steps, please review the Help Documentation.

Comment thread public/IP-SSM,Sazwan ismail
Comment thread public/IP-SSM,Sazwan ismail
Comment on lines +1 to +18
Terima kasih kerana memberikan pautan dengan pembetulan ruang kosong. Saya telah menggunakan versi terbaik yang anda cadangkan iaitu:

```
https://example.com/MyIPO-Aws-SSM/sazwan96.com
```

(lebih profesional dan tiada masalah URL encoding)

Berikut adalah **HTML penuh lengkap** yang sudah digabungkan dengan semua perubahan yang anda minta:

- `ownerData` mengandungi `profileLink`
- QR code menjana pautan tersebut dan boleh diklik
- Butang tambahan "Buka Link Verifikasi" (jika mahu, boleh letak atau alih keluar)
- Sistem login asal kekal berfungsi

---

```html

@gemini-code-assist gemini-code-assist Bot Jun 15, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

high

The file contains conversational markdown text and LLM explanations (e.g., 'Terima kasih...', 'Berikut adalah...') surrounding the HTML code. Additionally, the filename IP-SSM,Sazwan ismail contains a comma and a space, which is highly discouraged for web assets as it can lead to URL encoding issues, build failures, or broken links.

Please perform the following cleanups:

  1. Rename the file to a standard, web-safe name with a .html extension (e.g., public/ip-ssm.html or public/dashboard.html).
  2. Remove all conversational markdown text outside of the <html> tags so that the file contains only valid HTML.

Comment thread public/IP-SSM,Sazwan ismail
Comment thread public/IP-SSM,Sazwan ismail
@codeant-ai codeant-ai Bot added the size:L This PR changes 100-499 lines, ignoring generated files label Jun 15, 2026
codeant-ai[bot]
codeant-ai Bot reviewed Jun 15, 2026
View reviewed changes
Comment thread public/IP-SSM,Sazwan ismail
Comment thread public/IP-SSM,Sazwan ismail
codeant-ai[bot]
codeant-ai Bot reviewed Jun 15, 2026
View reviewed changes
Comment thread public/IP-SSM,Sazwan ismail
@codeant-ai

codeant-ai Bot commented Jun 15, 2026

Copy link
Copy Markdown

CodeAnt AI finished reviewing your PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@codeant-ai codeant-ai[bot] codeant-ai[bot] left review comments

+1 more reviewer

@gemini-code-assist gemini-code-assist[bot] gemini-code-assist[bot] left review comments

Reviewers whose approvals may not affect merge requirements

Assignees

@Sazwanismail Sazwanismail

Labels

Black setting Laman sendiri documentation Improvements or additions to documentation size:L This PR changes 100-499 lines, ignoring generated files

Projects

None yet

Milestone

https://github.com/Sazwanismail/codes...

Development

Successfully merging this pull request may close these issues.

New Issue: Additional Information Needed Copilot setting codespace

1 participant

@Sazwanismail