mozaik-ext-switch

Extension for Mozaïk that allows to place multiple widgets into same grid cell and switch periodically between them. Despite the preview shown below, it does the switch with smooth transition.

Setup

• Install extension in dashboard

  npm install --save mozaik-ext-switch

• Register extension in dashboard src/App.jsx

  // Import extension
  import switcher from 'mozaik-ext-switch'
  
  Registry.addExtensions({
  github,
  gitlab,
  time,
  travis,
  // Add into extension with name 'switch'
  switch: switcher,
  })

• Rebuild dasbboard: npm run build-assets
• Configure widgets in dashboard config.js (see usage)
• Done.

Widget: Widgets

Switch between widgets

parameters

usage

Create switch.widgets widget and place widgets within widgets parameter:

dashboards: [
  // First dashboard view
  {
    columns: 1,
    rows: 1,
    widgets: [
      // 1st row
      {
        type: 'switch.widgets',
        columns: 1, rows: 1,
        x: 0, y: 0,
        // Duration how long to show each widget
        duration: 8000,
        // Structure within widgets is same normally
        // with widgets. Naturally the size and placement
        // comes from switch.widgets
        widgets: [
          {
            type: 'time.clock',
            timezone: 'America/Los_Angeles',
            info: 'date',
            title: 'Los Angeles'
          },
          {
            type: 'weather.weather',
            city: 'Helsinki',
            country: 'FI',
            lang: 'en',
          },
          {
            type: 'time.clock',
            info: 'time',
            timezone: 'Asia/Tokyo',
            title: 'Tokyo'
          }
        ]
      }
    ]
  }
]

Changelog

Release 1.0.0

• First stable release
• No changes since prev version

Release 0.4.0

• Added support for switch transition
• Using opacity instead of display none to fix widget layout issues

Release 0.3.1

• Fixed style regression due the name change

Release 0.3.0

• Renamed project to mozaik-ext-switch

Release 0.2.0

• Fixed the data fetching by mounting all widgets at once

Release 0.1.0

• Initial release

License

Module is MIT -licensed