This is an example of what the table 'documents' looks like:
Browse filesFirst few rows:
id doc_id \
0 50420 HOUSE_OVERSIGHT_022477
1 50421 HOUSE_OVERSIGHT_022478
2 50426 HOUSE_OVERSIGHT_022479
3 50428 HOUSE_OVERSIGHT_022480
4 50430 HOUSE_OVERSIGHT_022481
file_path file_type \
0 Epstein Estate Documents - Seventh Production/... image_ocr
1 Epstein Estate Documents - Seventh Production/... image_ocr
2 Epstein Estate Documents - Seventh Production/... image_ocr
3 Epstein Estate Documents - Seventh Production/... image_ocr
4 Epstein Estate Documents - Seventh Production/... image_ocr
content \
0 \n
1 \nYou have received this email because you sig...
2 \nFrom: Flipboard 10 for Today [editorialstaff...
3 \nnytimes.com / SARAH A. TOPOL On a warm late-...
4 \n \n\n\nKim- Trump border m...
file_hash processing_time_seconds \
0 d53a5daad4915a647ba8628ddbb535a736992a93ef0ee0... 1.417717
1 c6142476c6049cbf4f92c23e106f7ec7767f7249121073... 5.667887
2 32c1cf66a857dd6a45fdf5789e74862b5072cfa3b53bd5... 6.698146
3 b609fca12b201229311f3193b87e887a1b36aaeda9594b... 3.273622
4 877e1157e1c1dbcffe0d70dbd179f2c2b08ccae8ee6dea... 2.769493
file_size_bytes ocr_date
0 288048 2025-11-16 10:36:41.003400
1 305994 2025-11-16 10:36:43.171685
2 426885 2025-11-16 10:36:45.664603
3 384749 2025-11-16 10:36:51.262845
4 329441 2025-11-16 10:36:53.579283
- components/documents-table.js +52 -20
- script.js +7 -3
|
@@ -44,42 +44,74 @@ class DocumentsTable extends HTMLElement {
|
|
| 44 |
opacity: 0.5;
|
| 45 |
cursor: not-allowed;
|
| 46 |
}
|
| 47 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 48 |
<table>
|
| 49 |
<thead>
|
| 50 |
<tr>
|
| 51 |
<th>ID</th>
|
| 52 |
-
<th>
|
| 53 |
-
<th>Type</th>
|
| 54 |
-
<th>
|
|
|
|
|
|
|
| 55 |
</tr>
|
| 56 |
</thead>
|
| 57 |
<tbody>
|
| 58 |
<tr>
|
| 59 |
-
<td>
|
| 60 |
-
<td>
|
| 61 |
-
<td>
|
| 62 |
-
<td>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 63 |
</tr>
|
| 64 |
<tr>
|
| 65 |
-
<td>
|
| 66 |
-
<td>
|
| 67 |
-
<td>
|
| 68 |
-
<td>
|
|
|
|
|
|
|
| 69 |
</tr>
|
| 70 |
<tr>
|
| 71 |
-
<td>
|
| 72 |
-
<td>
|
| 73 |
-
<td>
|
| 74 |
-
<td>
|
|
|
|
|
|
|
| 75 |
</tr>
|
| 76 |
</tbody>
|
| 77 |
</table>
|
| 78 |
-
<div class="sample-notice">Showing sample of
|
| 79 |
-
|
| 80 |
<button class="pagination-button" disabled>Previous</button>
|
| 81 |
-
<span>Page 1 of
|
| 82 |
-
|
| 83 |
</div>
|
| 84 |
`;
|
| 85 |
}
|
|
|
|
| 44 |
opacity: 0.5;
|
| 45 |
cursor: not-allowed;
|
| 46 |
}
|
| 47 |
+
.file-size {
|
| 48 |
+
font-family: monospace;
|
| 49 |
+
text-align: right;
|
| 50 |
+
}
|
| 51 |
+
.processing-time {
|
| 52 |
+
font-family: monospace;
|
| 53 |
+
text-align: right;
|
| 54 |
+
}
|
| 55 |
+
</style>
|
| 56 |
<table>
|
| 57 |
<thead>
|
| 58 |
<tr>
|
| 59 |
<th>ID</th>
|
| 60 |
+
<th>Doc ID</th>
|
| 61 |
+
<th>File Type</th>
|
| 62 |
+
<th>File Size</th>
|
| 63 |
+
<th>Processing Time</th>
|
| 64 |
+
<th>OCR Date</th>
|
| 65 |
</tr>
|
| 66 |
</thead>
|
| 67 |
<tbody>
|
| 68 |
<tr>
|
| 69 |
+
<td>50420</td>
|
| 70 |
+
<td>HOUSE_OVERSIGHT_022477</td>
|
| 71 |
+
<td>image_ocr</td>
|
| 72 |
+
<td>288 KB</td>
|
| 73 |
+
<td>1.42s</td>
|
| 74 |
+
<td>2025-11-16</td>
|
| 75 |
+
</tr>
|
| 76 |
+
<tr>
|
| 77 |
+
<td>50421</td>
|
| 78 |
+
<td>HOUSE_OVERSIGHT_022478</td>
|
| 79 |
+
<td>image_ocr</td>
|
| 80 |
+
<td>305 KB</td>
|
| 81 |
+
<td>5.67s</td>
|
| 82 |
+
<td>2025-11-16</td>
|
| 83 |
+
</tr>
|
| 84 |
+
<tr>
|
| 85 |
+
<td>50426</td>
|
| 86 |
+
<td>HOUSE_OVERSIGHT_022479</td>
|
| 87 |
+
<td>image_ocr</td>
|
| 88 |
+
<td>426 KB</td>
|
| 89 |
+
<td>6.70s</td>
|
| 90 |
+
<td>2025-11-16</td>
|
| 91 |
</tr>
|
| 92 |
<tr>
|
| 93 |
+
<td>50428</td>
|
| 94 |
+
<td>HOUSE_OVERSIGHT_022480</td>
|
| 95 |
+
<td>image_ocr</td>
|
| 96 |
+
<td>384 KB</td>
|
| 97 |
+
<td>3.27s</td>
|
| 98 |
+
<td>2025-11-16</td>
|
| 99 |
</tr>
|
| 100 |
<tr>
|
| 101 |
+
<td>50430</td>
|
| 102 |
+
<td>HOUSE_OVERSIGHT_022481</td>
|
| 103 |
+
<td>image_ocr</td>
|
| 104 |
+
<td>329 KB</td>
|
| 105 |
+
<td>2.77s</td>
|
| 106 |
+
<td>2025-11-16</td>
|
| 107 |
</tr>
|
| 108 |
</tbody>
|
| 109 |
</table>
|
| 110 |
+
<div class="sample-notice">Showing sample of 5 records. View full table for complete data.</div>
|
| 111 |
+
<div class="pagination">
|
| 112 |
<button class="pagination-button" disabled>Previous</button>
|
| 113 |
+
<span>Page 1 of 1002</span>
|
| 114 |
+
<button class="pagination-button">Next</button>
|
| 115 |
</div>
|
| 116 |
`;
|
| 117 |
}
|
|
@@ -7,8 +7,13 @@ const dbTables = [
|
|
| 7 |
const dbTables = [
|
| 8 |
{
|
| 9 |
table_name: 'documents',
|
| 10 |
-
table_schema: 'Stores
|
| 11 |
-
row_count:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 12 |
},
|
| 13 |
{
|
| 14 |
table_name: 'users',
|
|
@@ -21,7 +26,6 @@ const dbTables = [
|
|
| 21 |
row_count: 28
|
| 22 |
}
|
| 23 |
];
|
| 24 |
-
|
| 25 |
// Function to fetch tables with better error handling
|
| 26 |
async function fetchTables() {
|
| 27 |
try {
|
|
|
|
| 7 |
const dbTables = [
|
| 8 |
{
|
| 9 |
table_name: 'documents',
|
| 10 |
+
table_schema: 'Stores document metadata including OCR processing info',
|
| 11 |
+
row_count: 50430,
|
| 12 |
+
columns: [
|
| 13 |
+
'id', 'doc_id', 'file_path', 'file_type', 'content',
|
| 14 |
+
'file_hash', 'processing_time_seconds', 'file_size_bytes',
|
| 15 |
+
'ocr_date'
|
| 16 |
+
]
|
| 17 |
},
|
| 18 |
{
|
| 19 |
table_name: 'users',
|
|
|
|
| 26 |
row_count: 28
|
| 27 |
}
|
| 28 |
];
|
|
|
|
| 29 |
// Function to fetch tables with better error handling
|
| 30 |
async function fetchTables() {
|
| 31 |
try {
|