Damage Selector

This plugin is used for selecting damaged parts of a car. Users can add comments or descriptions for each damaged area, making it easier to report and manage vehicle damage information.
<!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>