Spaces:
Running
Running
| <html lang="id"> | |
| <head> | |
| <meta charset="UTF-8" /><meta name="viewport" content="width=device-width,initial-scale=1.0" /> | |
| <title>Data & Tabel — SentiMeter</title> | |
| <link rel="preconnect" href="https://fonts.googleapis.com" /><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> | |
| <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" /> | |
| <link rel="stylesheet" href="css/style.css" /> | |
| <link rel="icon" type="image/svg+xml" href="img/logo.svg" /> | |
| </head> | |
| <body> | |
| <div class="layout"> | |
| <div id="sidebar"></div> | |
| <div class="main"> | |
| <div class="topbar"> | |
| <div class="topbar-title">Data & Tabel Lengkap</div> | |
| <div id="topbarMeta" class="topbar-sub"></div> | |
| </div> | |
| <div class="page-body"> | |
| <div class="sec-head"> | |
| <div><div class="sec-title">Hasil Analisis Sentimen</div><div class="sec-sub">Sortable · Multi-filter · Expandable rows</div></div> | |
| <div class="actions" id="tableActions"></div> | |
| </div> | |
| <!-- Filter Bar --> | |
| <div class="tl-filter-bar data-page-filters"> | |
| <div class="filter-group"> | |
| <span class="filter-label">Sentimen:</span> | |
| <select id="fSentiment"> | |
| <option value="all">Semua</option> | |
| <option value="Positif">Positif</option> | |
| <option value="Negatif">Negatif</option> | |
| <option value="Netral">Netral</option> | |
| </select> | |
| </div> | |
| <div class="filter-group"> | |
| <span class="filter-label">Lokasi:</span> | |
| <select id="fLocation"><option value="all">Semua</option></select> | |
| </div> | |
| <div class="filter-group"> | |
| <span class="filter-label">User:</span> | |
| <select id="fUser"><option value="all">Semua</option></select> | |
| </div> | |
| <div class="filter-search-wrap"> | |
| <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="tl-search-icon"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35"/></svg> | |
| <input type="text" id="fSearch" placeholder="Cari teks..." /> | |
| </div> | |
| <div class="filter-group mini-inputs"> | |
| <input type="number" id="fMinEngage" placeholder="Min. Engagement" min="0" /> | |
| <input type="number" id="fMinConf" placeholder="Min. Conf %" min="0" max="100" /> | |
| </div> | |
| <button class="btn btn-ghost btn-mini" id="btnReset">Reset</button> | |
| </div> | |
| <!-- Column visibility --> | |
| <div class="col-visibility-wrap"> | |
| <div class="col-toggle-label">Kolom Terlihat</div> | |
| <div class="col-toggle" id="colToggle"></div> | |
| </div> | |
| <!-- Table Area --> | |
| <div class="table-card"> | |
| <div class="table-wrap"> | |
| <table class="data-table" id="dataTable"> | |
| <thead id="tableHead"></thead> | |
| <tbody id="tableBody"></tbody> | |
| </table> | |
| </div> | |
| </div> | |
| <!-- Info & Pagination Stack --> | |
| <div class="tl-pagination-stack"> | |
| <div class="pagination" id="pagination"></div> | |
| <div class="tl-pagination-info" id="tableInfo"></div> | |
| <div class="tl-page-size-row"> | |
| <span class="tl-page-size-label">Baris per halaman:</span> | |
| <select id="pageSize" class="tl-page-size-sel"> | |
| <option value="10">10</option> | |
| <option value="20" selected>20</option> | |
| <option value="50">50</option> | |
| <option value="100">100</option> | |
| </select> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="js/shared.js"></script> | |
| <script src="js/data.js"></script> | |
| </body> | |
| </html> | |