Scheduler Plugin

The Schedule plugin allows users to create, edit easily, and track appointments, integrating key details like appointment time, location, and descriptions.

Key Features:

Appointment Management: Add new appointments with customizable details such as date, time, location, and a brief description, ensuring clear communication and tracking.
Time Management: Schedule appointments with start and end times, with support for 12-hour and 24-hour formats for added flexibility.
Geolocation: Easily input address and city information to provide accurate location details for appointments.
Responsive Design: The plugin is optimized for all devices, ensuring seamless usage across desktop and mobile platforms.
Integration Ready: The plugin can be easily integrated with other components of a car insurance platform, enabling smooth interaction with customer management, claim processes, and documentation.

Demo version

Plugin options interface

interface PluginOptions {
  selector?: string
  contractId?: number
  credentials?: {
    customerNumber: number
    user: string
    password: string
  }
  withoutApi?: boolean
  description?: string
  address?: string
  city?: string
  zip?: string
  isFormat24Hourly?: boolean
}

Example

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- load plugin styles -->
    <link
      href="https://plugins.wedat.eu/scheduler/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/scheduler/plugin.js"></script>

    <!-- init plugin options in your JS file or inline JS like this -->
    <script>
      document.addEventListener('DOMContentLoaded', () => {
        window.SCHEDULER_API &&
          window.SCHEDULER_API.init({
            selector: '#root',
            contractId: 23687100,
            onComplete: (o) => {
              console.log(JSON.stringify(o, null, 4))
            },
            withoutApi: true,
            description: 'FX950SH',
            address: 'France',
            city: 'Paris',
            zip: '0037'
          })
      })
    </script>
  </body>
</html>