MMM-Chores - Manage and keep track of your household Chores

[PierreGode]

@bossier17
MMM‑Chores reads the current date from JavaScript’s built‑in Date object, which pulls time information directly from the host system’s clock. The display logic calls new Date() to obtain “today,”

Test it creating a clock.js with and run it with node clock.js this is what the app uses

const now = new Date();
console.log(new Date().toString());

[bossier17]

@PierreGode said in MMM-Chores - Manage and keep track of your household Chores:

const now = new Date();
console.log(new Date().toString());

hmmm I can’t figure it out. clock.js returns the correct date/time. But I cannot get today’s tasks to show on the mirror. Somehow the display Chores on the Mirror is showing tomorrow’s chores only. If I put a chore in the admin page for tomorrow it will display. But chores I put in with today’s date only show if I have “Show Past Tasks” checked. Any ideas?

[PierreGode]

@bossier17
I made an update that I hope resolves the issue.
Update the module with git pull
/Pierre

[bossier17]

@PierreGode Awesome! That worked. Thanks so much!

[PierreGode]

Major update on its way coming days!

• added optional login with possibility to add both write permission user and read only user.
• added pushover notification possibility+ configuration to set daily reminders at specific time.
• added background images " 4 seasons"
  -reworked task list, moved up user assignment to creation space
  -reworked edit option to be a form to be able to update task description, user and date

see images below

[atwist]

Is it possible to have a recurring weekday only task? Just Monday-Friday?

[PierreGode]

@johngalt @sdetweil @redbeardedninja @sarote @mischag @plainbroke @

New big update out now.
New reward system
more recurring options

Fixes and updates.

[ewingfox]

Hello! New user here, love the UI (especially the admin features!) I’m building a secret Christmas gift for my wife (who is obsessed with organization). I was about to give up on MM - until I found your module!

Question: I see daily, weekly, monthly options - is there a feature to set reoccurring events that are Monday Friday? This is specific to kids who may have daily ‘weekday’ tasks to do that aren’t required on Saturday or Sunday. I’m happy to skip the UI - aka, create an event in the UI and then tweak the underlying config via CLI.

Thank you!!!

E
EDIT:

took a gander at your code (yeah, you are a pro - this is REALLY CLEAN (I’m a hack, but I know good work when I see it lol). Looks like an update to the getNextDate function, adding the pattern to the admin html file and the lang pack (I only added it to the enlish one (remember, hack here) seems to work pretty well. I’ll search a bit further and do a little testing to see how it behaves - but… a thing?

E

function getNextDate(dateStr, recurring) {
  const d = new Date(dateStr);
  if (recurring === "daily") {
    d.setDate(d.getDate() + 1);
  } else if (recurring === "weekly") {
    d.setDate(d.getDate() + 7);
  } else if (recurring === "monthly") {
    d.setMonth(d.getMonth() + 1);
  } else if (recurring === "yearly") {
    d.setFullYear(d.getFullYear() + 1);
  } else if (recurring && recurring.startsWith("every_")) {
    // Custom recurring patterns: every_X_days, every_X_weeks, first_monday_month
    const parts = recurring.split("_");
    if (parts[1] === "X" && parts[2] === "days") {
      const days = parseInt(parts[3]) || 2;
      d.setDate(d.getDate() + days);
    } else if (parts[1] === "X" && parts[2] === "weeks") {
      const weeks = parseInt(parts[3]) || 2;
      d.setDate(d.getDate() + (weeks * 7));
    } else if (recurring === "first_monday_month") {
      // First Monday of next month
      d.setMonth(d.getMonth() + 1);
      d.setDate(1);
      // Find first Monday
      while (d.getDay() !== 1) {
        d.setDate(d.getDate() + 1);
      }
    } else {
      return null;
    }
  } else {
    return null;
  }
  return d.toISOString().slice(0, 10);
}

[sdetweil]

@ewingfox please always code block for code, config and logs

paste the text into the message editor window, blank line above and below
select the text just pasted
hit the </> button on the message editor toolbar

I fixed prior

[ewingfox]

@sdetweil - Thanks! I’m a total hack, so I appreciate the heads up. MUCH CLEANER. I’m not used to passing code blocks in chats, usually I’m in an SCM somewhere, causing trouble… giving my devs a headache… :D

[ewingfox]

I’ve done a lot of testing and submitted PR-220 . It turns out there are some really complicated date functions that worked—unless they didn’t (edge cases with creating a weekday only task, setting start date on a Weekend, etc).

else if (recurring === "daily-weekdays") {
    // We ignore the d.setDate(+1) and just find the next valid weekday from today
    let testDate = new Date(); 
    testDate.setDate(testDate.getDate() + 1);
    while (testDate.getDay() === 0 || testDate.getDay() === 6) {
        testDate.setDate(testDate.getDate() + 1);
    }
    // Force 'd' to be this specific date, bypassing module interference
    d.setTime(testDate.getTime());

  } else if (recurring === "daily-weekends") {
    let testDate = new Date();
    testDate.setDate(testDate.getDate() + 1);
    while (testDate.getDay() >= 1 && testDate.getDay() <= 5) {
        testDate.setDate(testDate.getDate() + 1);
    }
    d.setTime(testDate.getTime());

The logic is working (finally)- I wish I was better at this stuff, I’m a DevOps guy, so I’m lazy and not particularly talented at coding unless I can break thousands of servers with automation (then I’m a pro lol).

I also went through and added the requisite language support for the 10 supported languages for the two new elements included in admin.html

                      <div class="col-sm-auto">
                        <select id="taskRecurring" class="form-select">
                          <option value="">One time</option>
                          <option value="daily">Daily</option>
                          <option value="weekly">Weekly</option>
                          <option value="daily-weekdays">Daily (Weekdays Only)</option>
                          <option value="daily-weekends">Daily (Weekends Only)</option>
                          <option value="monthly">Monthly</option>
                          <option value="yearly">Yearly</option>
                          <option value="every_X_days_2">Every 2 Days</option>
                          <option value="every_X_days_3">Every 3 Days</option>
                          <option value="every_X_weeks_2">Every 2 Weeks</option>
                          <option value="every_X_weeks_3">Every 3 Weeks</option>
                          <option value="first_monday_month">First Monday of Month</option>
                        </select>
                      </div>

I’m testing a few .css changes to improve touchscreen support - you can see plenty of other .css issues I’ll nave to sort out, sreenshots from chrome of the MM page shows it’s not adjusting well to different browsers…

I also put together a mini-module to provide a placard showing the options in the ‘reward store’ - My kid is super goal oriented, so being able to take advantage of @pierregode 's awesome reward system is going to be a big win!

I’m going to look further into making this interactive and set up some kind of email to us to indicate she’s redeemed her coins on a particular reward.

The current MMM-ChoreRewards is super crude and rude - you can see plenty of other .css issues I’ll have to sort out. @sdetweil hopefully I’ve formatted this post better - thank you for the #mod help!

[htilburgs]

@pierregode
I’m using dateFormatting: “” in my config, but I stil got the date on the dashboard. Do I somethine wrong?

                {
                  module: "MMM-Chores",
                  position: "top_left",
                  header: "Takenlijst",
                  config: {
                        updateInterval: 60 * 1000,
                        adminPort: 5003,
                        showDays: 365,
                        showPast: true,
                        dateFormatting: "",
                        }
                },

[sdetweil]

@htilburgs try

dateFormatting:null

[PierreGode]

@htilburgs
You can set it in the web in config page > Display Settings > Date format > Unassigned > Save

[htilburgs]

@PierreGode said in MMM-Chores - Manage and keep track of your household Chores:

@htilburgs
You can set it in the web in config page > Display Settings > Date format > Unassigned > Save

I’m sorry for this late reaction. I’ll try this tomorrow (monday) when I have access to my mirror. Currently not at home. I let you Guys know the results.

[htilburgs]

@PierreGode
Tested and works. Thanks!

[jtillinghast]

Hey all-- I’m trying to get MMM-Chores working, but no matter what I do, the module shows up in the mirror as “No tasks to show (emoji).” I have populated the list with tasks, and confirmed that they appear in the data.json file. And I can reach the admin panel for Chores, so I know the server is running. Relevant codeblock from config.js:

{
					module: "MMM-Chores",
					position: "bottom_left",
					classes: "overview",
					header: "Chores",
					config: {
						updateInterval: 60 * 1000,
						adminPort: 5003,
    					settings: "unlocked",
						dateFormatting: "",
						login: false,
						users: [{ username: "dad", password: "", permission: "read" }],
					}
				}

I’m sure it’s something simple, so I appreciate your help! TIA.

[PierreGode]

@jtillinghast
What does the command pm2 logs give you?

[jtillinghast]

@PierreGode And of course, today it works for seemingly no other reason. I don’t believe I have touched anything in the module or the config since it wasn’t working, but now it looks good! I will continue to monitor. Thanks.

[jtillinghast]

Question: Is it possible to set the config in some way to only show chores for one person? I’m using MMM-Pages to give each kid their own dashboard, for example, and I’m wondering if the page could just show the chores for that one person.