67 lines · typescript
1import * as vscode from "vscode";2 3export function getSymbolsTableHTMLContent(tabulatorJsPath: vscode.Uri, tabulatorCssPath: vscode.Uri, symbolsTableScriptPath: vscode.Uri): string {4 return `<!DOCTYPE html>5<html>6<head>7 <meta charset="UTF-8">8 <link href="${tabulatorCssPath}" rel="stylesheet">9 <style>10 .tabulator {11 background-color: var(--vscode-editor-background);12 color: var(--vscode-editor-foreground);13 }14 15 .tabulator .tabulator-header {16 background-color: var(--vscode-tree-tableOddRowsBackground);17 color: var(--vscode-editor-foreground);18 }19 20 .tabulator .tabulator-header .tabulator-col {21 background-color: var(--vscode-tree-tableOddRowsBackground);22 color: var(--vscode-editor-foreground);23 }24 25 .tabulator-row {26 background-color: var(--vscode-editor-background);27 color: var(--vscode-editor-foreground);28 }29 30 .tabulator-row.tabulator-row-even {31 background-color: var(--vscode-tree-tableOddRowsBackground);32 }33 34 @media (hover:hover) and (pointer:fine){35 .tabulator-row:hover {36 background-color: var(--vscode-list-hoverBackground);37 color: var(--vscode-list-hoverForeground);38 }39 }40 41 .tabulator-row.tabulator-selected {42 background-color: var(--vscode-editor-background);43 color: var(--vscode-editor-foreground);44 }45 46 .tabulator .tabulator-tableholder .tabulator-table {47 background-color: var(--vscode-editor-background);48 color: var(--vscode-editor-foreground);49 }50 51 .tabulator-cell {52 text-overflow: clip !important;53 }54 55 #symbols-table {56 width: 100%;57 height: 100vh;58 }59 </style>60</head>61<body>62 <div id="symbols-table"></div>63 <script src="${tabulatorJsPath}"></script>64 <script src="${symbolsTableScriptPath}"></script>65</body>66</html>`;67}