Damage Selector
<!DOCTYPE html>
<html lang="en" translate="no">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dat</title>
</head>
<body>
<div id="root"></div>
<script type="module" src="./src/main.tsx"></script>
<script>
document.addEventListener('DOMContentLoaded', () => {
window.DAMAGE_SELECTOR_API &&
window.DAMAGE_SELECTOR_API.init({
selector: '#root',
onDescriptionSubmit(descriptionForm) {
console.log({
accidentDescription: descriptionForm.accidentDescription,
damageDescription: descriptionForm.damageDescription
});
},
poiUpdateCallback(damageCoordinates) {
console.log('Damage Coordinates', damageCoordinates);
},
withoutApi: true,
manualPositions: ['A3', 'E0']
});
});
</script>
</body>
</html>