maybe use the center as the base and the positions to move it from there?

On a new media, it would be nice to already select the target screens for it

A issue to list all the stuff first

• webview .net based
• something rust based (todo fill url)

'../../../' => ' @somePath/file'

If you have a picture or audio but want to trigger something together

• static clips, without any playLength
• some other divs

After deleting the only screen that was added this showed up:

After refreshing the page I was able to add/delete new screens. And the error didn't show up again.

After deleting a screen (the only screen that exists) and than adding a new one it imports all the media from the media page.

It might be annoying having to go and unselect a lot of media if you have a large library. And don't want them all on the same screen.

Views maybe as table / tree / something

Having all possible values visible

tbc

There should be some validation added to the form when adding new events so that warn or prevent the event to be saved that has the same command twice.

Example:

add:
name: event #1
event: message
meme: img
contains: !wow

Expected outcome: This should save the event

try to add again:
name: event #1
event: message
meme: img
contains: !wow

Expected outcome: This should show an error that the event with the command !wow already exists.
Additional suggestions: Offer to either save the event with the same command as well or change the command to something else, as someone might want to trigger more than one event with a single command

"Can we have a 'preview' command on each screen card?"

=> should the button trigger ALL clips for preview?

• add media folder to it
• more detailed
• instructions

🎉 and others

• What triggered what
• What WS message came from where

When displaying the list of available twitch events, if the event has a command associated with it, it should be displayed in the list of events as well.

Example: Test - Event: message - Clip: Test img #1 - Command: !wow

• make it fixed
• split pages and specials
• specials
  • qr button to open a dialog that shows the QR-Code to open the mobile-view & and a button to open that view itself
  • cog-icon to open the settings page
  • octocat Icon to point to this repo

better names for obs urls and so on

maybe something like "screen" or "scene" that way it's a bit .... better understandable ?

and many other ideas

maybe extract to negue/gewd

It would be nice to press a button, which trigger one randomly of a list of media clips.

Currently you can set up a clip, assign that to a screen, and manage the positions / animations. And then you trigger a clip, which will be shown on all assigned screens.

For this random clip of a list, there are possible implementation ways to trigger a random media clip on a screen:

a) Tags
- Use tags on media clips
- assign the media clips normally
- trigger a tag instead of a clip

Pro:
-  each clip still can have its own animations / settings

Neutral:
- add another type to trigger on the mobile view / streamdeck plugin, but that much of work

Contra:
- another setting / list to manage / view

b) Meta-Media Clip
- Assign a meta clip to a screen
- assign all other clips to this meta clip
- trigger this meta clip

Pro:
- no need to change on the mobile view / streamdeck plugin
 
Neutral:
- all clips will be in the same position / animation, depending on the usecase maybe even a contra

Contra:
- confusing to have a meta clip that will link other clips

c) Let the streamdeck decide

• Make a list of clips
• trigger a random clip on press

Pro:
? 
 
Neutral:
- 

Contra:
- what about the mobile view / twitch? or any other upcoming trigger source

d) any other

Now that there is material css vars added, we could have custom button colors per page :)

@whitep4nth3r what do you think ?

I tried https://github.com/thedzy/run-your-script-as-an-application but the binary / shell script not starting

If anyone knows how to, please add an example or pullrequest to the github CI file

• full height / width,
• padding top/left etc

When adding new media, the add and cancel button should be fixed to the bottom of the modal so they are independent of the scroll. Because if you have a large image added it gets a bit tricky to scroll down to click on the add button.

This only seems to happen when adding a new media and when editing it works like it should.

You can see this in the image here when adding new media

When editing the media:

Angular Animations needs to be specific, for "dynamic" animations it would have to be a large *ngSwitchCase per type which isn't really "ideal"

Maybe just using css animations itself, those can be applied a bit more dynamic

with parcel? or rome?

tried:

• parcel build => weird i is not a function error
• next?

• step 1 - per screen

• step 2 - per screen / media -clip

• this also needs more css classes to use

and streamdeck plugin icon
and others..