25 lines
1.7 KiB
HTML
25 lines
1.7 KiB
HTML
<!doctype html><html data-theme="dark"><head><meta charset="UTF-8"><title>Synthetic Client Information</title></head>
|
|
<body><p>Synthetic Client Information preview · no customer data</p><button class="btn" id="theme">Switch theme</button><div id="root"></div>
|
|
<script type="module">
|
|
import React from 'react';
|
|
import { createRoot } from 'react-dom/client';
|
|
import '@fontsource-variable/inter/wght.css';
|
|
import '/src/styles/layers.css';
|
|
import '/src/styles/ui-tokens.css';
|
|
import '/src/styles/tokens.css';
|
|
import '/src/styles/base.css';
|
|
import '/src/styles/components.css';
|
|
import '/src/styles/datahub.css';
|
|
import { AssessorApiClient } from '/src/api/assessor-api-client.ts';
|
|
import { selectClientInformation } from '/src/domain/client-information.ts';
|
|
import { clientInformationFixture } from '/tests/client-information-fixture.ts';
|
|
import { ClientInformationBrowser } from '/src/features/dashboard/ClientInformationBrowser.tsx';
|
|
import { EnvironmentResultsButton } from '/src/features/dashboard/EnvironmentResultsButton.tsx';
|
|
const fixture = clientInformationFixture();
|
|
AssessorApiClient.prototype.queryClientInformation = async query => selectClientInformation(fixture, query, 7);
|
|
createRoot(document.getElementById('root')).render(React.createElement(EnvironmentResultsButton,
|
|
{ title: 'Client Information', trigger: 'Client Information', triggerClassName: 'btn' },
|
|
React.createElement(ClientInformationBrowser, { scope: { projectId: 'client-1', assessmentId: 'slot-1', scanRunIds: ['run-1'] } })));
|
|
document.getElementById('theme').onclick = () => { document.documentElement.dataset.theme = document.documentElement.dataset.theme === 'dark' ? 'light' : 'dark'; };
|
|
</script></body></html>
|