Changing icons of the modules Current Weather and Weather Forecast

[Manu85]

@sdetweil It’s really nice of you to share all these elements, I’m going to look at it while taking my time, I feel like the possibilities are endless

[sdetweil]

@Manu85 no rush… just wanted to give you some base info to use as you explore.

also from the MM doc on css
https://docs.magicmirror.builders/modules/customcss.html#target-a-specific-module

target and select mean the same

[Manu85]

@sdetweil :folded_hands:

[sdetweil]

@Manu85 oh, and html stuff is a lot to know… (I think I know maybe 5%)
https://www.w3schools.com/html/

that top box in the developers window elements tab will start dropdowns of selection choices when u start typing

[Manu85]

@sdetweil
you made me want to do a lot of things, but I think I’m going to be limited very quickly… I have the “MMM-ISS-Live” module, from [Mykle1](https://github.com/ Mykle1), updated by KristjanESPERANTO https://github.com/KristjanESPERANTO/MMM-ISS-Live which is really great (force to them) and I would like to know if it was possible to add a module with the position of the 'ISS on the planisphere to have the position of the ISS live as on the ESA website: https://www.esa.int/Science_Exploration/Human_and_Robotic_Exploration/International_Space_Station/Where_is_the_International_Space_Station

I don’t know if I’m posting on the right subject but it’s a development that could interest a lot of people

code_text

[sdetweil]

@Manu85 is it possible… sure…

and as that image is already an iframe you can do the same thing with existing modules
the web content of that page contains(using the dev window to look at the html source of that page)

<p>&nbsp;</p><iframe src="https://isstracker.spaceflight.esa.int/" width="625" height="350" frameborder="0" scrolling="no" allowfullscreen></iframe>

SO, you can use one of the iframe modules… to use that same link from the src=

see the 3rd party module list
https://github.com/MagicMirrorOrg/MagicMirror/wiki/3rd-Party-Modules

[Manu85]

@sdetweil you are a genius, how did you manage to recover the ifram
“https://isstracker.spaceflight.esa.int/”?

[sdetweil]

@Manu85 I viewed the page, then right clicked and selected ‘View Page Source’

which got me this (I have scrolled down a little)

and you can look at the real page and see the text and follow along to find the spot where the image would be… and boom, its in an iframe

and then copy the url out…

[Manu85]

@sdetweil I think I started to understand, like that?

[sdetweil]

@Manu85 using the dev window is another way, yes
and if you had used the pointer to hover over the image, it would have taken you directly to that part of the html content

[Manu85]

@sdetweil This means that by using existing modules I can change some properties to adapt them to my needs, for example if I use the ISS live module if I change the address in the module’s js can it work?

[sdetweil]

@Manu85 existing modules like MMM-SmartWebDisplay take the URL as a config option . no coding required

[sdetweil]

@Manu85 I don’t think the ISS-live module can do that, as it calls an api to get the images

[Manu85]

@sdetweil ah ok I will try, you are my master

[sdetweil]

@Manu85 there are other modules too… (note that you can push the iframe right up against the ISS-live output, so they LOOK like they are together…) a little css borders and padding… maybe other stuff…

[Manu85]

@sdetweil ok, I will try both solutions

[Manu85]

@sdetweil just copying the link doesn’t work

[sdetweil]

@Manu85 i don’t know… I put it in smartwebdisplay

[Manu85]

@sdetweil I’ll try

[sdetweil]

@Manu85 here is the module config I used
I took the size from the original web page

{
		module: 'MMM-SmartWebDisplay',
		position: 'middle_center',	// This can be any of the regions.
		config: {
			// See 'Configuration options' for more information.
			logDebug: false, //set to true to get detailed debug logs. To see them : "Ctrl+Shift+i"
			height:"350px", //hauteur du cadre en pixel ou %
			width:"650px", //largeur
               		updateInterval: 0, //in min. Set it to 0 for no refresh (for videos)
                	NextURLInterval: 0.5, //in min, set it to 0 not to have automatic URL change. If only 1 URL given, it will be updated
                	displayLastUpdate: true, //to display the last update of the URL
					displayLastUpdateFormat: 'ddd - HH:mm:ss', //format of the date and time to display
                	url: ["https://isstracker.spaceflight.esa.int/"], //source of the URL to be displayed
					scrolling: "no", // allow scrolling or not. html 4 only
					shutoffDelay: 10000 //delay in miliseconds to video shut-off while using together with MMM-PIR-Sensor
			}
	},

I didn’t change anything other than size and url
there could be other settings needed…