AIGallery Plugin
The AI Gallery plugin provides a visual interface for viewing images uploaded via AI-Claim. It highlights vehicle parts, indicating which areas are detected as damaged and provides detailed information such as the percentage of damage to each part. This tool enhances image analysis by combining AI capabilities with intuitive visualization, offering valuable insights for damage assessment.
Plugin options interface
interface PluginOptions {
token?: string
selector?: string
contractId: number
slidesPerView?: number | 'auto'
credentials?: {
customerNumber: string
user: string
password: string
}
}
Navigation
Example
<!DOCTYPE html>
<html lang="en">
<head>
<!-- load plugin styles -->
<link
href="https://plugins.wedat.eu/ai-gallery/plugin.css"
rel="stylesheet"
/>
</head>
<body>
<!-- element to which plugin will be rendered -->
<div class="plugin"></div>
<!-- load plugin JS synchronously -->
<script src="https://plugins.wedat.eu/ai-gallery/plugin.js"></script>
<!-- init plugin options in your JS file or inline JS like this -->
<script>
window.AI_GALLERY_2.init({
selector: '.plugin',
contractId: 16192596
})
</script>
</body>
</html>
Example with token
<!DOCTYPE html>
<html lang="en">
<head>
<!-- load plugin styles -->
<link
href="https://plugins.wedat.eu/ai-gallery/plugin.css"
rel="stylesheet"
/>
</head>
<body>
<!-- element to which plugin will be rendered -->
<div class="plugin"></div>
<!-- load plugin JS synchronously -->
<script src="https://plugins.wedat.eu/ai-gallery/plugin.js"></script>
<!-- init plugin options in your JS file or inline JS like this -->
<script>
window.AI_GALLERY_2.init({
selector: '.plugin',
contractId: 16192596,
token:
'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJkYXQiLCJpYXQiOjE2Mjc5MTAwMTg0MDUsImNsbnQiOiIzMTMxNDExIiwidXNlciI6ImZlcnJzaW1vIiwiYXBpdCI6IlJTQS1PQUVQLTI1NiIsImFwaXIiOiJKR2lPUE5mNXMwbDVnS2xiZ2hjZjYwOEhPNU04UkRyc3l5c3ByL3RJd1BJWUJBQWNqaTJTSlRJTXowbkkwS1IyaXpwZFhUMDJEY2tHd0xEWjVKTng2MzB0TlF5OWR5cmVEM3FRN0pYWm5uUFBqU2FtR3AzbnRleTJieUdIcTAyY3I1TEF1OE1seUVGT0tDSzlGQW5BdFNXK0QvbUdwa1ZqWHNiTnphN1FMbEFZZlpadENyWnM5ejNWTXdzU1ZBVkJpbGVOc1JsTHVxbGh0bjlBVGRscjhyOEFFNlQ3QVZlV1E0RzhiWUd0amlxQmFoMzZvRG1qMlBWTFRKTGZ5NnJnN1RqRW1aNkxGOWxXTmJTT2R2YUlzTXlISjRnUFZpTUJ1T1VXejUzRkorcmVlcU1DU3VGN3loR2s1SjVRNE5PWW5aUnpjVHV4SGxkMGVyQjU3ODg1ZkJheDdyVEhTQ3ZhYjA1REUrSldKd0ovM015dzVxeDBNeXV0UDRqTjlWTS85YVF5T214Y2luYlp0OUIxNHdyR0I1RFE5dVFING9CWWhVQzNQYjUwU3plbEtQT3RZQUVCWUR6UlpqVit0cXdHTSs0clBkZVBEVVFzUGdXM0NIeXF2QUNlKzJpSGZ1a0tBbFl6bU5RWUtlbWg2TXpaZmNDWUdZVVlPVk0yVWUwMFltZ3dBc3ozdHo5VlB0OW1XQUgwTjVuWjlOYy9YOUlFYmhqN2tZYXN6cjliaVF3SVY3UVA5U1ZGRlVMc3ZUcW1ReDVjUnZXUEluaXJFTWtGcEV6Rm5ZT0trZ2d2eThKa2RQbVFIYkRuYWhOQnV3KzFlVU5SQTg0RTRYcEJwVmNxbXpidVZpNTh3d1JKVUZ4aFlUNWZPdlowa21VM3h2SGNNRVp2Q2VrYkJ4ST0ifQ.u_BZmFLGiU6W1gBSi_Q91iplYNRfmoEURVh9E'
})
</script>
</body>
</html>
Configuration
{
"configuration": {
"default": {
"products": {
"aiGallery": {
"AttachmentFolderId": '',
"hasPanel": false,
"hasPanelDamage": false,
"DamageColors": {
"opacity": 0.6,
"Components": {
"reflections": '#decfcf',
"scratch": '#f17c41',
"scrape": '#908437',
"dent": '#f1b141',
"crack": '#a42828',
"shift": '#87b23e',
"missing": '#408b90',
"dirt": '#44323d'
}
},
"PanelColors": {
"opacity": 0.4,
"Components": {
'bumperRear': '#1CE6FF',
'bumperFront': '#FFFF00',
'doorFrontLeft': '#FF34FF',
'doorFrontRight': '#FF4A46',
'pillarLeft': '#008941',
'pillarRight': '#006FA6',
'doorRearLeft': '#00FECF',
'doorRearRight': '#008000',
'fenderRearLeft': '#04F757',
'fenderRearRight': '#7900D7',
'fenderFrontLeft': '#A30059',
'fenderFrontRight': '#D790FF',
'foglightFrontLeft': '#FFDBE5',
'foglightFrontRight': '#7A4900',
'headlightLeft': '#0000A6',
'headlightRight': '#63FFAC',
'taillightLeft': '#004D43',
'taillightRight': '#8FB0FF',
'trunk': '#5A0007',
'windowRear': '#4FC601',
'doorWindowFrontLeft': '#BA0900',
'doorWindowFrontRight': '#6B7900',
'doorWindowRearLeft': '#A079BF',
'doorWindowRearRight': '#B77B68',
'handleFrontLeft': '#00C2A0',
'handleFrontRight': '#FFAA92',
'handleRearLeft': '#FF90C9',
'handleRearRight': '#B903AA',
'mirrorLeft': '#D16100',
'mirrorRight': '#3B5DFF',
'plateRear': '#A1C299',
'plateFront': '#0AA6D8',
'radiatorGrill': '#00846F',
'roof': '#FFB500',
'wheelRearLeft': '#C2FFED',
'wheelRearRight': '#DDEFFF',
'wheelFrontLeft': '#CC0744',
'wheelFrontRight': '#C2FF99',
'windscreen': '#6F0062',
'sillLeft': '#0CBD66',
'sillRight': '#EEC3FF',
'hood': '#FF2F80',
'fillercap': '#788D66',
'wiperFront': '#885578',
'wiperRear': '#FAD09F',
'pillarRearLeft': '#FF8A9A',
'pillarRearRight': '#D157A0',
'fixedWindowRearLeft': '#BEC459',
'fixedWindowRearRight': '#456648 ',
'rimRearLeft': '#0086ED',
'rimRearRight': '#00A6AA',
'rimFrontLeft': '#FF913F',
'rimFrontRight': '#575329',
'logoFront': '#FFFFFF',
'logoGrid': '#FFFFFF',
'logoRear': '#FFFFFF',
'logo': '#FFFFFF'
}
}
}
}
}
}
}