booking - condensed, multi resource, emulate timum map

by timum

HTML

<!DOCTYPE html>
<html>

  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>timum single instance example</title>
  </head>

  <body>
    <div id="bookingjs" style="margin: 32px"></div>
    <script type="module">
    	import * as timum from 'https://cdn.timum.de/bookingjs/1/1.21.0-rc/booking.js'
      
      timum.init({ 
        ref: ['ef66a580-60a9-11e6-aa88-02f66be30883',
      'b0a0cf30-d88c-11e8-94ad-0ab1a19a17c2'], 
        prdRefs: 'efa53a40-f96b-11e8-b0f1-06ecf2a1ba22', 
        calendarFrontend: 'condensedView', 
        culture: 'de',
        // settings which change the behaviour of a particular view
        calendarFrontendOptions: {
          condensedView: {
            // if true, the resource selection will always be rendered as a dialog
            forceResourceSelectorDialog: false,
            // if true, renders bookables from all resources side-by-side when they overlap in time
            multiResourceMode: true,
          },
        },
      })
    </script>
  </body>

</html>