MMM-DumpsterDay

[BD0G]

I think I may install this module as it sounds handy. Here we can only put out our Landscape cans every 2 weeks as they will not pick them up every week. I get confused sometimes as to which week it is “Landscape Week” or “Non-Landscape Week”. Would it be possible to alter the code to display a different style pulsing Icon for Landscape cans. Actually 2 Trash cans would be nice. One White for the regular trash can and one Green -signifying the color of the landscape can. If this is possible why not add an option to have all three colors represented.
White = Standard trash Can
Green=Landscape
Blue=Recycle

Oh, you misspelled Dumpster in the title of the post and spelled Dupster instead.

[DeanoNoire]

@BD0G That’s actually pretty good idea!
In my town Recycle cans are put every 28 days, so I will definitelly use that feature too.
I will work that in.

Have a good one :)

[BD0G]

Cant Wait! With these changes I can then simply walk by my Magic Mirror on trash day and if I see one White Icon then its Trash “only” day. Or if I see a white Trash Icon and a Green Icon I will know I can put both Trash and Landscape out on the street. Saves me from having to consult a schedule that the trash provider sends us.
Maybe another option in code to change to constant or pulsing icons???

[DeanoNoire]

@BD0G So I’ve made some changes:
Now there are 3 possible cans, user can disable each one in config or change the image via css.
Pulsing is now switchable and I also changed the startDate input format.

Check it out ;)

EDIT: I also added a blue version of the recylcing can as you mentioned (In Czech Republic it’s yellow)

[mrdenmark]

could you post a working config for this? i’m having no luck writing it into mine

[BD0G]

@DeanoNoire

You are awesome! .
We will need a working config file with all the parameters listed so that it is apparent what settings control what features.

You can comment out the features using // backslashes as you know and add what they do to the right of the line or above it using // backslashes

Example :
//Line below this one controls the day that one sets to count from
//Line below this one controls pulsing or constant

etc…

Also is there the need to clone a module into the modules directory below MagicMirror/modules?

Specific instructions would be helpful to add to the git hub repository as there are alot of places where people can get hung up.

Questions that I have are where does one place the trashcan.css file? Where does one place the trashcan.js file?
Does one clone a directory into the MagicMirror/modules directory?
What does one add to the config.js file within MagicMirror/config?

Also you mis-spelled Dumpster again within the Noted files on the git hub repository.

Thanks for the quick work!

Let me know if you need assistance with writing the instructions and I can lend a hand if needed.

[Stoffbeuteluwe]

@DeanoNoire a blue can would be Perfect Thanks :folded_hands_medium-light_skin_tone:

[BD0G]

@Stoffbeuteluwe Its included within the trashcan.css file , but waiting on configuration options and how to setup.

[Stoffbeuteluwe]

@BD0G ok Thanks

[DeanoNoire]

@BD0G Hi there,
I added the install instructions and example of config with descriptions to the readme file.
I’ll copy it here also:

{
	module:"trashcan",
	position:"lower_third",
	config: {
		refreshInterval: 18000000, // Default: 18000000 = 5 hours
		pulse: true, 			   // Default: true - Makes the module pulsating

		enableBasic: true, 				// Enable basic trashcan 
		basicStartDate: "24.10.2019", 	// The first dumpster day (Always use 2 digit dates (01 instead of 1))
		basicDateDiff_1: 14,			// 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
		
		enablePlastic: true,			// Same values as basic but for Plastic
		plasticStartDate: "16.01.2019", 
		plasticDateDiff_1: 28,
		plasticNotifyDayBefore: true,	

		enableLandscape: false,			// Same values as basic but for Landscape
		landscapeStartDate: "29.10.2019",
		landscapeDateDiff_1: 28,		
		landscapeNotifyDayBefore: true,
	}

I hope it’s clear now :)

Also note the module should not appear today, as it’s not a dumpster day :) Try changing the Start date in the config to make it appear it’s dumpster day today to test it. I may also implement a AlwaysOn config key for testing purposes. Maybe during the week :)

If anything is unclear or can be improved, please let me know :)

[BD0G]

Many of the other modules that are published use the following syntax to copy the files needed to the MagicMirror/modules directory.

git clone https://github.com/DeanoNoire/MMM-DumpsterDay.git

So perhaps it would be advantageous to add the following as the first step.

1. Navigate to the MagicMirror/modules sub-directory
2. Run the following command “git clone https://github.com/DeanoNoire/MMM-DumpsterDay.git” (this will copy the needed files into the sub-directory)

[BD0G]

Also the code for the config.js appears to be missing

},

at the end.

[BD0G]

I switched to the sub directory MagicMirror/modules and did a git clone git clone https://github.com/DeanoNoire/MMM-DumpsterDay.git

That created a directory named MMM-DumpsterDay with the files below that directory.

Then I added the code you posted to my MagicMirror/config/config.js file exactly as you posted. I found that there was a missing }, at the end of the code.

I modified the config.js to reflect today as trashday and launched Magic Mirror . Nothing was displayed onscreen.

Shoundlnt the config.js code for module be MMM-DumpsterDay
?

[BD0G]

This post is deleted!

[BD0G]

Here is my current config.js after renaming the module portion to MMM-DumpsterDay

{
	module:"MMM-DumpsterDay",
	position:"bottom_bar",
	config: {
		refreshInterval: 18000000, // Default: 18000000 = 5 hours
		pulse: true, 			   // Default: true - Makes the module pulsating

		enableBasic: true, 				// Enable basic trashcan 
		basicStartDate: "11.10.2019", 	// 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
		
		enablePlastic: false,			// Same values as basic but for Plastic
		plasticStartDate: "16.01.2019", 
		plasticDateDiff_1: 28,
		plasticNotifyDayBefore: true,	

		enableLandscape: true,			// Same values as basic but for Landscape
		landscapeStartDate: "11.10.2019",
		landscapeDateDiff_1: 14,		
		landscapeNotifyDayBefore: true,
		}		
		},
		
		{
			module: "alert",
		},
		{
			module: "updatenotification",
			position: "top_bar"
		},
		{
			module: "clock",
			position: "top_left"
		},

[DeanoNoire]

@BD0G this seems right :)
Thanks for the tips! I will change the installation process :) I’m still new, this is my first real programming project, so this colaboration process is new to me.

[BD0G]

Well I am kinda forced to collaborate if I want to use this awesome module . Right? :) LOL

My config.js does not work so I want to get it going so we can all use this module!

[DeanoNoire]

@BD0G i will give it a try with your config and check what’s wrong and let you know.

[DeanoNoire]

@BD0G Hey there, I changed the file names of the modules and the paths, so it can be used the way you described - via clone.
Can pull the current version and give it a try? Also change the date accordingly :) I believe we’re getting there! :D

Have a good one.

[BD0G]

@DeanoNoire
I deleted the sub-directory that was created under MagicMirror/modules named mmm-dumpsterday . All lowercase.

I then used the command git clone https://github.com/DeanoNoire/MMM-DumpsterDay.git.

This created the correct the directory named MMM-DumpsterDay . Capital letters in proper places.

Then I modified my config.js under the MagicMirror/config directory to reflect today as being trash day . Turned off Recycle by using the false specifier. Turned on Landscape by using the specifier true. Set the Landscape date to todays date as well.

Restarted the MagicMirror and I do see a pulsing white trash can ,BUT no can for Landscape. ???

The trash can is displayed within the bottom_bar area of the screen and the trash can is quiet large onscreen. I am assuming that I can modify the MagicMirror/modules/MMM-DumpsterDay/MMM-DumpsterDay.css file to change the size to better fit the screen?

Here is my current config.js file to troubleshoot the absence of the Landscape can. on screen

	{
	module:"MMM-DumpsterDay",
	position:"bottom_bar",
	config: {
		refreshInterval: 18000000, // Default: 18000000 = 5 hours
		pulse: true, 			   // Default: true - Makes the module pulsating

		enableBasic: true, 				// Enable basic trashcan 
		basicStartDate: "11.11.2019", 	// 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
		
		enablePlastic: false,			// Same values as basic but for Plastic
		plasticStartDate: "16.01.2019", 
		plasticDateDiff_1: 28,
		plasticNotifyDayBefore: true,	

		enableLandscape: true,			// Same values as basic but for Landscape
		landscapeStartDate: "11.11.2019",
		landscapeDateDiff_1: 14,		
		landscapeNotifyDayBefore: true,
		}		
		},
		
		{
			module: "alert",
		},