MMM-DumpsterDay

[DeanoNoire]

Hello @blackeaglece ,
I do not use the headers, but I presume it’s always on the top of the module wrapper.
So first thing I’d try is decreasing the height value of trashcan_wrapper.
This is done in MMM-DumpsterDay.css file in the module folder.

Please let me know if you managed moving it by these steps.

Deano

[Bob]

Hi, is there any way to add a option for a 4th icon ? We have 3 different types of recycling (glass, cardboard and plastic), as well as the usual rubbish/trash, and of course, they all come at different times ! :)

[DeanoNoire]

Hey @Bob ,
sure thing. Any tips for cardboard and glass bin image and color?
This brings me to an idea of making the colors and images parameterizable.

Deano

[Bob]

@DeanoNoire Our colours are blue (glass), grey (cardboard), green (plastic) and black (trash/rubbish), but I suspect if you compare local areas, they’ll all have different colour schemes. I’ve even seen places where the bins were all the same, they just had different logos on them for the relevant product.

As you say, either paramatize them, or even just reference the icons by name/type, and let people change the image behind them to their colour of choice ?

[Bob]

Just when I thought there were a standard set of colours, I find this…

https://en.wikipedia.org/wiki/Recycling_bin

Looks like the most sensible thing is to simply ensure the recycling symbol is on the icon, and then give people the option of different colours.

[DeanoNoire]

Cool… I will look into it as soon as I dont have that much work :)

[blackeaglece]

Hi all, I’m having trouble getting the exact icon of the garbage collection to display with the chosen day. Example, today there is no collection but it shows me 3 icons that should not display. Also, from us the collection of organic materials occurs 3 times a week how could I put more dates for the same collection? I attach links for my icons and the code of both MMM-Dumpster and config.js

img garbage

Glass, Paper, Organic, Plastic and Other Garbage

config.js file MM

MMM-Dumpster file

Thank you

[blackeaglece]

@blackeaglece does anyone know how to fix date display error in images?

[DeanoNoire]

@blackeaglece I’m quite certain you have to create functions and instances for every landscape reccuring date. Act like second and third landscape instances are different kind of trash with the same image.

[blackeaglece]

@deanonoire said in MMM-DumpsterDay:

@blackeaglece I’m quite certain you have to create functions and instances for every landscape reccuring date. Act like second and third landscape instances are different kind of trash with the same image.

Hi, but it doesn’t display me landscape but glass or organic. I created a new instance called landscape1 but it still shows me all the images . This is the code of config.js. How can I do?

{	
	module:"MMM-DumpsterDay",
	position:"top_left",
	header: "Raccola Differenziata",
  
	config: {
		refreshInterval: 18000000, // Default: 18000000 = 5 hours
		pulse: false, 			   // Default: true - Makes the module pulsating

	enableBasic: true, 				// Abilita indifferenziata trashcan 
		basicStartDate: "09.04.2021", 		// The first dumpster day (Always use 2 digit dates (01 instead of 1))
		basicDateDiff_1: 7,			// Trashday reoccurance - Default: 14 (every 14 days)
		basicNotifyDayBefore: true,		//Default: true - If you want the notification to appear also the day before the dumpster day
	enablePaper: true,			// Abilita bidoncino carta bianco
		paperStartDate: "06.04.2021",
		paperDateDiff_1: 7,
		paperNotifyDayBefore: true,
	enablePlastic: true,			// Same values as basic but for Plastic
		plasticStartDate: "13.04.2021", 
		plasticDateDiff_1: 7,
		plasticNotifyDayBefore: true,
	enableVetro: true,			// Same values as basic but for Plastic
		vetroStartDate: "08.04.2021", 
		vetroDateDiff_1: 7,
		vetroNotifyDayBefore: true,
	enableLandscape: true,			// Abilita bidoncino umido
		landscapeStartDate: "04.04.2021",
		landscapeDateDiff_1: 7,		
		landscapeNotifyDayBefore: true,
	enableLandscape1: true,			// Abilita bidoncino umido
		landscape1StartDate: "06.04.2021",
		landscape1DateDiff_1: 7,		
		landscape1NotifyDayBefore: true,
}
},

and this is how it is displayed