MM-MyWastePickup - is it possible to change icons?

MM2020

Re: MMM-MyWastePickup (Toronto waste collection schedule)

@j-e-f-f
Hi,
I really love your MM-module, especially since it also works with a simple CSV file as input.

But I have a question (problem…).
In our city we have separated collection of Glass and Plastic, so I would really need different icons to display , as the dates can be different .
I could lose the Christmas Tree and replace it with f.i. a Glass Icon , and use the entry in the schedule_custom.csv for the “Christmas” to replace this for “Glass”. In this way there is no code change needed.

I tried to edit/modify/etc… the icon_sprite.svg file myself but without success.

Any possibility to provide an additional icon_xyz.svg file with the XMAS-icon replace with a GLASS-icon of your choice?
Hope you can help… thanks in advance.

MM2020

@j-e-f-f
Really no reply at all?
Nobody?

Ethyx

@MM2020 oof buddy.

Bunnybooter

I’ve managed to amend the image_sprite.svg. You need to replace the "path… "segments of the symbol for those of the new image you want to use. You also need to amend the view box size to match then of the svg graphic you are wanting to use.

Flores58

It is also possible to specify Custom in case you want to use your own custom pickup schedule. See below for more information about using your own schedule.

mygiftcardsite

Johans

I had the same issue solved it as follows as I’m not able to modify the ‘icon_sprite.svg’ image

So I deleted that file and modified the css file. That’s working good for me. Finally I would like to pick the images from a local directory but do not know how to do that in css - so for now i used these links - see below


.MMM-MyWastePickup .pickup-container .waste-pickup-icon-container .waste-pickup-icon.recycle {
  background-image:url('https://www.svgrepo.com/show/205771/money-bag.svg');
}

.MMM-MyWastePickup .pickup-container .waste-pickup-icon-container .waste-pickup-icon.compost {
  background-image:url('https://www.svgrepo.com/show/286795/bin-trash.svg');  
}
.MMM-MyWastePickup .pickup-container .waste-pickup-icon-container .waste-pickup-icon.garbage {
  background-image:url('https://www.svgrepo.com/show/43224/bin.svg');  
}

.MMM-MyWastePickup .pickup-container .waste-pickup-icon-container .waste-pickup-icon.yard_waste {
  background-image:url('https://www.svgrepo.com/show/198530/alcoholic-drink-bottle.svg');
}
.MMM-MyWastePickup .pickup-container .waste-pickup-icon-container .waste-pickup-icon.christmas_tree {
  background-image:url('https://www.svgrepo.com/show/221576/paper-sheet.svg'); 
}