DDE12

DDE12

@BKeyport
That works great! Thank you!

DDE12

@sdetweil Thank you for taking a look at this. I was getting odd info from MMM-Notifications so I changed all the OnOff 's to false in the notification section and it started working.

DDE12

@sdetweil Seems to be working great! Thank you very much for taking the time to make this a multi-instance module! Also great that you eliminated the need for npm install node-fetch@2. Even though I don’t know very much about java script, I understand it much better than these horoscopes :grinning_squinting_face:

DDE12

@sdetweil
Thank you! So, probably the thing to do is set up PM2 and use MMM-AlexaControl to auto start and stop it? If I have MM on a RPi and then two browser windows displaying MM, does that increase the number of API calls to 3 or is it still just one? I’m thinking about this transition to OneCall 3.0 and how to be the most efficient with the calls.

DDE12

I am using MMM-AlexaControl and have a routine set to turn off the monitor overnight. Does this stop MagicMirror in general? Do the modules like weather modules stop requesting data? Do modules stop requesting data when hidden with modules like MMM-ModuleScheduler?

DDE12

@sdetweil
I have made some progress. I commented out everything in vendor\node_modules\weathericons\css\weather-icons.css. and changed .weather . larger to flex and have more control of the icon.

.weather .large {
    line-height: 1;
    display: flex;
}

.weather .weathericon {
	font-size: unset !important;
        line-height: unset !important;
	transform: unset !important;
	outline: 1px solid blue;
	width: 2em !important;
	height: 2em !important;
	position:relative;
	top: -18px;
	left: -15px;
}

.weather .light.bright {
	outline: 1px solid green;
	position:absolute;
	top: 2px;
	left: 147px;
}

.weather .normal.medium.feelslike {
	outline: 1px solid purple;
	position:absolute;
	top: 3px;
	left: 242px;
}

Current cond.JPG

The icons in this set have a lot of background “dead space” so it is skewed up and left to get it to the corner. The height of the module space is being controlled by the height of the icon. How can I decrease the height of the module space by the amount I moved the icon up plus a little extra for the dead space?

DDE12

@sdetweil
I’ve made some headway with the temperatures but the icon is not behaving. I think part of the problem is that it is being treated as a font or the original icon that is a font is hanging around causing a problem. It there a way with the CSS to clear all the settings and remove the font setting for the icon container?

DDE12

@MarcLandis
That is unfortunate. I looked around a bit to see if there is another option but did not find anything free. (:

DDE12

@sdetweil
In tinkering around, I am able to move it in custom.css with the following and possibly avoid addressing every individual icon.

.weather .weathericon {
	display: inline-block;
	transform: translate(-31px, -32px) !important;
	outline: 1px solid blue;
}

The problem with what I have above is that it will only make it look okay on one screen resolution. How do I move it to the top left of the module space so that it is relative (stays in the top left regardless of screen resolution).

DDE12

@sdetweil
Thank you for helping me.

<div id="module_3_weather" class="module weather" style="transition: opacity 1.5s ease 0s; position: static; opacity: 1;">
  <header class="module-header" style="display: none;"></header>
    <div class="module-content">
      <div>        
        <div class="normal medium"> </div>
        <div class="large">
          <span class="light wi weathericon wi-day-sunny">
	    ::before
	  </span>
          <span class="light bright">81°</span>
	  <span class="normal medium feelslike">
	    <span class="dimmed"> Feels like 81° </span>	
	  </span>			
	 </div>
<!-- Uncomment the line below to see the contents of the `current` object. -->
<!-- <div style="word-wrap:break-word" class="xsmall dimmed">{&quot;date&quot;:&quot;2024-10-06T16:11:01.142Z&quot;,&quot;windSpeed&quot;:5.81,&quot;windFromDirection&quot;:237,&quot;sunrise&quot;:&quot;2024-10-06T11:39:13.000Z&quot;,&quot;sunset&quot;:&quot;2024-10-06T23:11:13.000Z&quot;,&quot;temperature&quot;:26.76,&quot;minTemperature&quot;:null,&quot;maxTemperature&quot;:null,&quot;weatherType&quot;:&quot;day-sunny&quot;,&quot;humidity&quot;:0.45,&quot;precipitationAmount&quot;:null,&quot;precipitationUnits&quot;:null,&quot;precipitationProbability&quot;:null,&quot;feelsLikeTemp&quot;:null}</div> -->
</div></div></div>

DDE12

@JohnGalt
Have you made any progress figuring this out? I am having the same problem. The module loads but doesn’t show that it is getting any data.

DDE12

I am trying t get things lined up but I don’t know enough to get this looking good and would really appreciate some help. In the default Weather module I have made some changes to hide the wind info and move the Feels Like temp into the same area as the icon and temperature. I changed the icons to a set of svg images in a custom css. In the custom css I added the following to change the size of the weather icon size:

.weather .weathericon { 
	width: 2.75em !important;
	height: 2.75em !important;}

Currently I have:
Weather malaligned.png

And would like to get to:
Current weather.jpg

Following is my current.njk

{% macro humidity() %}
    {% if current.humidity %}
        <span class="humidity"><span>{{ current.humidity | decimalSymbol }}</span><sup>&nbsp;<i class="wi wi-humidity humidity-icon"></i></sup></span>
    {% endif %}
{% endmacro %}
{% if current %}
    {% if not config.onlyTemp %}
        <div class="normal medium">
		
            {# Start of config setting I added #}
			{% if config.showWindInfo %}           
                <span class="wi wi-strong-wind dimmed"></span>
                <span>
                    {{ current.windSpeed | unit("wind") | round }}
                    {% if config.showWindDirection %}
                        <sup>
                            {% if config.showWindDirectionAsArrow %}
                                <i class="fas fa-long-arrow-alt-down" style="transform:rotate({{ current.windFromDirection }}deg)"></i>
                            {% else %}
                                {{ current.cardinalWindDirection() | translate }}
                            {% endif %}
                            &nbsp;
                        </sup>
                    {% endif %}
                </span>
            {% endif %} 
			{# End of config setting I added #}
            
            {% if config.showHumidity === "wind" %}
                {{ humidity() }}
            {% endif %}
            {% if config.showSun %}
                <span class="wi dimmed wi-{{ current.nextSunAction() }}"></span>
                <span>
                    {% if current.nextSunAction() === "sunset" %}
                        {{ current.sunset | formatTime }}
                    {% else %}
                        {{ current.sunrise | formatTime }}
                    {% endif %}
                </span>
            {% endif %}
            {% if config.showUVIndex %}
                <td class="align-right bright uv-index">
                    <div class="wi dimmed wi-hot"></div>
                    {{ current.uv_index }}
                </td>
            {% endif %}
        </div>
    {% endif %}
    <div class="large">
        {% if config.showIndoorTemperature and indoor.temperature or config.showIndoorHumidity and indoor.humidity %}
            <span class="medium fas fa-home"></span>
            <span style="display: inline-block">
                    {% if config.showIndoorTemperature and indoor.temperature %}
                            <sup class="small" style="position: relative; display: block; text-align: left;">
                                    <span>
                                        {{ indoor.temperature | roundValue | unit("temperature") | decimalSymbol }}
                                    </span>
                            </sup>
                    {% endif %}
                    {% if config.showIndoorHumidity and indoor.humidity %}
                            <sub class="small" style="position: relative; display: block; text-align: left;">
                                    <span>
                                            {{ indoor.humidity | roundValue | unit("humidity") | decimalSymbol }}
                                    </span>
                            </sub>
                    {% endif %}
            </span>
        {% endif %}
        <span class="light wi weathericon wi-{{ current.weatherType }}"></span>
        <span class="light bright">{{ current.temperature | roundValue | unit("temperature") | decimalSymbol }}</span>
		{# Start of changes I made #}
		{% if (config.showFeelsLike) and not config.onlyTemp %}
			<span class="normal medium feelslike">
				<span class="dimmed">
					{{ "FEELS" | translate({DEGREE: current.feelsLike() | roundValue | unit("temperature") | decimalSymbol }) }}
				</span>	
			</span>
		{% endif %}
		{# End of changes I made #}		
		{% if config.showHumidity === "temp" %}
            <span class="medium bright">{{ humidity() }}</span>
        {% endif %}
    </div>
	{# {% if (config.showFeelsLike or config.showPrecipitationAmount or config.showPrecipitationProbability) and not config.onlyTemp %} #}
    {% if (config.showPrecipitationAmount or config.showPrecipitationProbability) and not config.onlyTemp %}
        <div class="normal medium feelslike">
            {% if config.showFeelsLike %}
                <span class="dimmed">
                    {% if config.showHumidity === "feelslike" %}
                        {{ humidity() }}
                    {% endif %}
					{#{{ "FEELS" | translate({DEGREE: current.feelsLike() | roundValue | unit("temperature") | decimalSymbol }) }}#}
                </span>
                <br />
            {% endif %}
            {% if config.showPrecipitationAmount and current.precipitationAmount %}
                <span class="dimmed">
                    <span class="precipitationLeadText">{{ "PRECIP_AMOUNT" | translate }}</span> {{ current.precipitationAmount | unit("precip", current.precipitationUnits) }}
                </span>
                <br />
            {% endif %}
            {% if config.showPrecipitationProbability and current.precipitationProbability %}
                <span class="dimmed">
                    <span class="precipitationLeadText">{{ "PRECIP_POP" | translate }}</span> {{ current.precipitationProbability }}%
                </span>
            {% endif %}
        </div>
    {% endif %}
    {% if config.showHumidity === "below" %}
        <span class="medium dimmed">{{ humidity() }}</span>
    {% endif %}
{% else %}
    <div class="dimmed light small">{{ "LOADING" | translate }}</div>
{% endif %}
<!-- Uncomment the line below to see the contents of the `current` object. -->
<!-- <div style="word-wrap:break-word" class="xsmall dimmed">{{current | dump}}</div> -->

Thank you for taking a look at this.

DDE12

@sdetweil

admin@raspberrypi:~/Desktop/MagicMirror $ npm run start

> magicmirror@2.28.0 start
> DISPLAY="${DISPLAY:=:0}" ./node_modules/.bin/electron js/electron.js

[2024-09-28 14:20:56.806] [LOG]   Starting MagicMirror: v2.28.0 
[2024-09-28 14:20:56.892] [LOG]   Loading config ... 
[2024-09-28 14:20:56.899] [LOG]   config template file not exists, no envsubst 
[2024-09-28 14:20:56.909] [LOG]   Loading module helpers ... 
[2024-09-28 14:20:59.198] [LOG]   Initializing new module helper ... 
[2024-09-28 14:20:59.201] [LOG]   Module helper loaded: MMM-Gas 
[2024-09-28 14:20:59.202] [LOG]   All module helpers loaded. 
[2024-09-28 14:20:59.224] [LOG]   Starting server on port 8080 ...  
[2024-09-28 14:21:00.473] [LOG]   Server started ... 
[2024-09-28 14:21:00.479] [LOG]   Connecting socket for: MMM-Gas 
[2024-09-28 14:21:00.482] [LOG]   Starting module: MMM-Gas 
[2024-09-28 14:21:00.485] [LOG]   Sockets connected & modules started ... 
[2024-09-28 14:21:02.543] [LOG]   Launching application. 
[2024-09-28 14:21:07.261] [INFO]  System information:
### SYSTEM:   manufacturer: Raspberry Pi Foundation; model: Raspberry Pi 2 Model B Rev 1.2; raspberry: [object Object]; virtual: false
### OS:       platform: linux; distro: Raspbian GNU/Linux; release: 11; arch: arm; kernel: 6.1.21-v7+
### VERSIONS: electron: 31.1.0; used node: 20.14.0; installed node: 20.11.0; npm: 10.2.4; pm2: 5.4.1
### OTHER:    timeZone: America/New_York; ELECTRON_ENABLE_GPU: undefined

It doesn’t look like it is fetching the gas prices. ??

DDE12

@DDE12

Best posts made by DDE12

Latest posts made by DDE12