MMM-Domoticz-ext: interact with Domoticz

[steps39]

@goedh452 thanks, I had a go but it just display “Loading…” under the DOMOTICZ module label.

I have simplified my config.js to just have this in the Domoticz module:

                {
                  module: "MMM-Domoticz-ext",
                  header: "Domoticz",
                  position: "top_center",
                  config: {
                    apiBase: "192.168.89.174",
                    apiPort: "8080",
                    updateInterval: 10,
                    displayType: "all",
                    rooms: [
                      { idx: "3" }
                    ],
                    utilities: {
                      devices: [ "301" ],
                      utilityLabel: "Solar",
                      counterTodayLabel: "Vandaag",
                      gaugeWidth: 200,
                      gaugeEnergyMinValue: -3000,
                      gaugeEnergyMaxValue: 3000,
                      gaugeEnergyAppendText: "Watt",
                      useColors: true,
                    },
                  }
                },

[najtram]

Would it be possible to hide the sub headers?

The Utilities title doesn’t fit my minimal approach. The titles of the gauges tells enough (for me)

[najtram]

@najtram

I tried:

p.title.bright.domoCenterCell {
  display: none;
}

hr.domoDivider {
  display: none;
}

in custom.css… that worked. → Solved!

[goedh452]

@najtram Ow great! I was thinking of making it an option, but if this solves it for you that’s fine of course.

[goedh452]

@steps39

I tested with a dummy device in Domoticz I created based on your setup and think I got it working. New code is available on GitHub. Could you please check if it is working for you too?

[steps39]

@goedh452 brilliant works perfectly now and with the custom.css I can remove the extra title.

So I now have my Household and Heat Pump usages plus Solar generation all displayed, thanks.

[goedh452]

@steps39 That’s great!

[najtram]

Tweaking ;-)

Mind the m³ instead of the m3.
And the sum symbol for today: ∑
And the poweroutlet symbol in domoticz name: ⚇
And the ↯ for electicity.
And the ☀ for the sun.

Kind of bug? → Edited the Zero state for electricity. The Gauge minimum value didn’t work when set to 0.

Enjoy if this fits your taste…

[goedh452]

@najtram Looks nice!

I’ll look into the zero-bug.

[najtram]

@goedh452

Do you have an idea for a flame symbol instead of the text Gas. Maybe with Fontawesome?

[goedh452]

@najtram

The name of the device in Domoticz is used. Would you like me to built an option to use a custom header with FontAwesome?

[steps39]

@najtram great fix, how did you fix the Zero state and change the symbols, could you upload as an issue on github?

[steps39]

@najtram I hacked it by changing line 933 of MMM-Domoticz-ext centreZero from true to false, so I guess more of a fork or feature request to have the option to change the gauge style rather than a bug.

[goedh452]

@steps39

I’ll have a look at the requests and zero state bug later this week or this weekend. Can you describe them zero state bug in more detail? Is it that when the value is zero the gauge is not displayed (correctly)?

[steps39]

@goedh452 I think that for both me and possibly @najtram we really want to have options which you haven’t built into your code.
So, just speaking for me, the zero bug isn’t really a bug, but I want the gauge to start with zero as the bottom anti-clockwise, as I don’t want to display negative values only positive values, as @najtram shows in his figure

I have got the same display of the gauge by change line 933:

MMM-Domoticz-ext.js:933:    centerZero: true,

to:

MMM-Domoticz-ext.js:933:    centerZero: false,

It would nice to have an option to choose where zero would be, and possibly a number of other options around size. But would this just make it too complex and should I be using a different tool rather than MagicMirror?

So having discovered Dashticz I am wondering whether I wouldn’t be better off using Dashticz as a lot of the information I want to display comes directly from Domoticz.

[goedh452]

@steps39

Thanks for the explanation. I’ll make some modifications and let you now.

There are several options for the gauge, but they I didn’t implement it in such a way that they can be set in the config. For instance line thicknesses, etc.

Dashticz is also a good option. In some ways it is more flexible, but in other ways not. But I would definitely give it a try!

[najtram]

@goedh452 & @steps39

The “problem” with the centerZero value is relative.
I tried the gaugeEnergyMinValue in the config.js and assumed this should do the trick. (So with a min value of 0 or -1 and a max value of 3000).

That didn’t work. So somehow I’m not able to point out what the bug is, but I expected it to work diffrently because of the gaugeEnergyMinValue.

My solution was exactly as @steps39 described in his previous post.

And about the gas flame, I’m also not sure, but maybe a default replacement for default text? So water to a water sybol, gas to a flame, etc. But this is not a big issue, I’m already used to it like this. Looks nice!

[najtram]

@steps39

Symbols are unicode symbols in the names of the domoticz devices…

eg: Unicode Character “⚇” (U+2687)

Just edit the devicename in Domoticz…

[goedh452]

@najtram & @steps39

I made some changes to the code:

• When min value for the gauge is < 0 then 0 is centered. Otherwise zero is not centered.

• Made the config for utility gauges much more flexible

It is now possible to set config options for each individual gauge, including width, line width, marker width and marker color. Also a symbol of font awesome can be used.

Please download the latest code from GitHub. You will also have to modify the config file. I updated the readme accordingly. My config for utilities is now:

utilities: {
  utilityLabel: "Gas - Water - Licht",
  showLabel: true,
  devices: [
    {
       idx: "304",
       deviceHeader: "Elektriciteit",
       counterTodayLabel: "Vandaag",
       gaugeMinValue: -3000,
       gaugeMaxValue: 3000,
       gaugeAppendText: "Watt",
       gaugeWidth: 200,
       lineWidth: 16,
       markerWidth: 16,
       markerColor: "#F4D03F"
     },
     {
       idx: "329",
       deviceHeader: "Gas",
       useHeaderSymbol: true,
       headerSymbol: "fire",
       counterTodayLabel: "Vandaag",
       gaugeMaxValue: 25,
       gaugeAppendText: "m³",
     },
     {
       idx: "1614",
       deviceHeader: "Water",
       useHeaderSymbol: false,
       headerSymbol: "water",
       counterTodayLabel: "Vandaag",
       gaugeMaxValue: 1500,
       gaugeAppendText: "liter",
     }
   ],
 },

Which results in:

[najtram]

@goedh452 said in MMM-Domoticz-ext: interact with Domoticz:

Great work! Small detail… The Watt vs the kWh? Where did this option go?

See screenshot.

Also a minor detail. The font used for Watt, and Today, isn’t the default font the MMM uses. Is there a reason for not using that default font?

Again, thanks for your great work!