23 lines
2.6 KiB
HTML
23 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-theme="dark"><head><meta charset="UTF-8"><title>Synthetic EOL OS preview</title></head>
|
|
<body><p>Synthetic example · no customer data</p><button class="btn" id="theme">Switch theme</button><div class="client-command-center"><div class="client-environment-grid" id="root"></div></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 { OperatingSystemInventory } from '/src/features/dashboard/OperatingSystemInventory.tsx';
|
|
import { operatingSystemInventory } from '/src/features/dashboard/operating-system-inventory.ts';
|
|
const tool = { id:'pingcastle', name:'PingCastle' };
|
|
const fields = [['Operating system','operating_system.name','Windows Server 2019 1809'],['Nb OS','operating_system.count',1],['EOL OS','pingcastle.sectioncomputerinformation.account.analysis.eol.os',1]];
|
|
const observations = fields.map(([label,property,originalValue],index)=>({version:1,id:String(index),scanRunId:'synthetic',importFileId:'synthetic-file',tool,subject:{type:'computer-information.operating-systems'},property,label,originalValue,normalizedValue:originalValue,valueType:typeof originalValue==='number'?'number':'string',state:'observed',sectionKey:'sectionComputerInformation',source:{fileName:'synthetic.html',tableIndex:index===2?1:0,rowIndex:1,columnIndex:index===2?0:index},mappingVersion:'1',attributes:{sourceTableIndex:index===2?1:0,tableName:index===2?'Account analysis':'Operating systems'}}));
|
|
const snapshot={version:1,projectId:'synthetic',scanRunIds:['synthetic'],generatedAt:'',observations,sections:[{version:1,id:'computer',scanRunId:'synthetic',importFileId:'synthetic-file',tool,sectionKey:'sectionComputerInformation',label:'Computer Information',ordinal:1,state:'observed',source:{fileName:'synthetic.html'},extractorVersion:'2.2.1',attributes:{},tables:[{name:'Operating systems',sourceTableIndex:0,headers:['Operating system','Nb OS'],rows:[['Windows Server 2019 1809',1]]},{name:'Account analysis',sourceTableIndex:1,headers:['EOL OS'],rows:[[1]]}]}],coverage:{observed:3,explicitlyAbsent:0,empty:0,restricted:0,incomplete:0}};
|
|
createRoot(document.getElementById('root')).render(React.createElement(OperatingSystemInventory,{groups:operatingSystemInventory(snapshot),snapshot}));
|
|
document.getElementById('theme').onclick=()=>{document.documentElement.dataset.theme=document.documentElement.dataset.theme==='dark'?'light':'dark';};
|
|
</script></body></html>
|