Support multiple instances

[sdetweil]

A user on forum reported they would like to use multiple instances with different paths to show on different pages (using mmm-pages, or scheduler)

https://forum.magicmirror.builders/topic/20171/mmm-modulescheduler-need-help

I will submit a pr for this, but a design complication question

CSS needs to target each instance separately, currently done w id ‘#…’

Easy to fix, but have to make a sep list of items in css file for that, with id as part of string

I thought of classname, and sep file, but still same amount of work

#${id}randomphoto….

Default _ for id

By instance just mass replace _ with the id value, and specify id in config

Thoughts?

[skuethe]

This seems super hacky tbh, especially considering to only be used by a single user. It makes debugging in the future more difficult if users start to provide their custom "config" / CSS ID with weird chars or potentially even colliding with other modules CSS names.

At this point I would suggest users to just manually adjust the CSS of the second instance.

[sdetweil]

But the elements have the same # IDs , so that won’t work, unless they use the module identifier.. hmmm

No, that won’t work. The jquery find will find ALL IN THE DOM