29 lines
1.8 KiB
HTML
29 lines
1.8 KiB
HTML
<!doctype html><html data-theme="dark"><head><meta charset="UTF-8"><title>Synthetic Cloud Information tile</title></head>
|
|
<body><p>Synthetic Cloud Information preview · no customer data</p><button class="btn" id="theme">Switch theme</button><button class="btn" id="empty">Toggle empty evidence</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 { cloudInformationFixture } from '/tests/cloud-information-fixture.ts';
|
|
import { CloudInformationTile } from '/src/features/dashboard/CloudInformationTile.tsx';
|
|
const fixture = cloudInformationFixture();
|
|
let empty = false;
|
|
const source = () => empty ? { ...fixture, observations: [], sections: [] } : fixture;
|
|
AssessorApiClient.prototype.queryClientInformation = async query => selectClientInformation(source(), query, 7);
|
|
const root = createRoot(document.getElementById('root'));
|
|
const render = () => root.render(React.createElement('div', {className:'dashboard-page client-command-center'},
|
|
React.createElement('div',{className:'client-environment-grid'}, React.createElement(CloudInformationTile,
|
|
{ snapshot:source(), scope: { projectId:'client-1',assessmentId:'slot-1',scanRunIds:['run-1'] } }))));
|
|
render();
|
|
document.getElementById('theme').onclick=()=>{document.documentElement.dataset.theme=document.documentElement.dataset.theme==='dark'?'light':'dark';};
|
|
document.getElementById('empty').onclick=()=>{empty=!empty;render();};
|
|
</script></body></html>
|