MMM-SpinTheWheel - Vinyl roulette for Discogs collections

Niggich

nice module. Is it possible to use the mobile features also at the Mirror with a Touchscreen?

Thanks and Regards Niggich

Dentrass 0

@Niggich
Hi. I don’t have a touchscreen myself so it will be difficult for me to modify the module and troubleshoot to get it working. But it’s definitely a cool idea and the module would feel even better in use. If someone else can help you rewrite the module with touchscreen support, it would be great to hear if the result is good. :)

Niggich

@Dentrass-0 maybe somebody have the know how. I don’t have. It is possible to try the “touch” via VNC?

Dentrass 0

@Niggich It might be an idea that might work.
I’ll take a look at it and see if I can get it working using VNC.
Thank you for coming up with a fun idea.

Niggich

@Dentrass-0 Thank You. I still have another problem. The Font Size changed on other modules when I use your module. I also open an Issue at Github. At the Screenshot it is the calendar and the “an diesem tag”.

Dentrass 0

@Niggich,

Touchscreen support has now been added in version 1.2.0.

The vinyl record on the MagicMirror display can now be pressed, dragged and spun directly using:

a touchscreen
a mouse
a remote mouse connection through VNC

The mobile interface also supports both touch and mouse controls. Its additional artwork and track-list views are still available.

You can update an existing Git installation with:

cd ~/MagicMirror/modules/MMM-SpinTheWheel
git pull
npm install

Niggich

@Dentrass-0 Thanks a lot. I’m on holiday for the moment, but I will try next weekend when I’m back home. regards…

Niggich

Hey @Dentrass-0,

it is working fine, but the font size of the other modules still changes when I activate your module.

Regards

sdetweil

@Niggich sounds like the css is not targeted at this module, but general

.small
Vs
.module_name .small

I didn’t check the module source

Niggich

@sdetweil I don’t know, but at the style css from the module it looks like this.

/* ===== TEXT ===== */
.title{
 font-size:30px;*/
 margin-top:20px;
 font-weight:600;*/
 color:#fff;
 text-shadow:0 0 10px rgba(255,255,255,.4);*/
}

I changed the css like this and everything is fine, but the title from the module is too small…

/* ===== TEXT ===== */
.title{
 /*font-size:30px;*/
 margin-top:20px;
 /*font-weight:600;*/
 color:#fff;
 /*text-shadow:0 0 10px rgba(255,255,255,.4);*/
}

THX

sdetweil

@Niggich make it

. MMM-SpinTheWheel .title {
  Copy rest of old title
}

Or edit the style.css and add
.MMM-SpinTheWheel

In front of each class def -add space after this addition
I submitted a pull request to do this

Niggich

@sdetweil I edited the style.css and add .MMM-SpinTheWheel in front of each class def and it’s working like I want. Maybe @dentrass-0 can fix this for everybody on GitHub.

THX

sdetweil

@Niggich I submitted a pull request to the repo yesterday for this

Dentrass 0

Hi,
I’ll look into this and come up with a solution that works for everyone. I’m very busy at work right now, but I’ll fix this as soon as I have time. Thanks for the great feedback :)