var choresOverviewTable = $('#chores-overview-table').DataTable({ 'order': [[2, 'asc']], 'columnDefs': [ { 'orderable': false, 'targets': 0 }, { 'searchable': false, "targets": 0 }, { "type": "html", "targets": 5 }, { "type": "html", "targets": 2 }, { "type": "html", "targets": 3 } ].concat($.fn.dataTable.defaults.columnDefs) }); $('#chores-overview-table tbody').removeClass("d-none"); choresOverviewTable.columns.adjust().draw(); $("#search").on("keyup", Delay(function() { var value = $(this).val(); if (value === "all") { value = ""; } choresOverviewTable.search(value).draw(); }, 200)); $("#status-filter").on("change", function() { var value = $(this).val(); if (value === "all") { value = ""; } // Transfer CSS classes of selected element to dropdown element (for background) $(this).attr("class", $("#" + $(this).attr("id") + " option[value='" + value + "']").attr("class") + " form-control"); choresOverviewTable.column(choresOverviewTable.colReorder.transpose(5)).search(value).draw(); }); $("#user-filter").on("change", function() { var value = $(this).val(); if (value === "all") { value = ""; } // Transfer CSS classes of selected element to dropdown element (for background) $(this).attr("class", $("#" + $(this).attr("id") + " option[value='" + value + "']").attr("class") + " form-control"); choresOverviewTable.column(choresOverviewTable.colReorder.transpose(6)).search(value).draw(); if (!value.isEmpty()) { UpdateUriParam("user", $("#user-filter option:selected").data("user-id")); } }); $("#clear-filter-button").on("click", function() { $("#search").val(""); $("#status-filter").val("all"); $("#user-filter").val("all"); choresOverviewTable.column(choresOverviewTable.colReorder.transpose(5)).search("").draw(); choresOverviewTable.column(choresOverviewTable.colReorder.transpose(6)).search("").draw(); choresOverviewTable.search("").draw(); RemoveUriParam("user"); }); $(".status-filter-message").on("click", function() { var value = $(this).data("status-filter"); $("#status-filter").val(value); $("#status-filter").trigger("change"); }); $(".user-filter-message").on("click", function() { var value = $(this).data("user-filter"); $("#user-filter").val(value); $("#user-filter").trigger("change"); }); $(document).on('click', '.track-chore-button', function(e) { e.preventDefault(); // Remove the focus from the current button // to prevent that the tooltip stays until clicked anywhere else document.activeElement.blur(); Grocy.FrontendHelpers.BeginUiBusy(); var choreId = $(e.currentTarget).attr('data-chore-id'); var choreName = $(e.currentTarget).attr('data-chore-name'); var skipped = $(e.currentTarget).hasClass("skip"); Grocy.Api.Get('chores/' + choreId, function(choreDetails) { var trackedTime = moment().format('YYYY-MM-DD HH:mm:ss'); if (skipped) { trackedTime = moment(choreDetails.next_estimated_execution_time).format('YYYY-MM-DD HH:mm:ss'); } if (choreDetails.chore.track_date_only == 1) { if (skipped) { trackedTime = moment(choreDetails.next_estimated_execution_time).format('YYYY-MM-DD'); } else { trackedTime = moment().format('YYYY-MM-DD'); } } Grocy.Api.Post('chores/' + choreId + '/execute', { 'tracked_time': trackedTime, 'skipped': skipped }, function() { Grocy.Api.Get('chores/' + choreId, function(result) { var choreRow = $('#chore-' + choreId + '-row'); var nextXDaysThreshold = moment().add($("#info-due-soon-chores").data("next-x-days"), "days"); var todayThreshold = moment().endOf("day"); var now = moment(); var nextExecutionTime = moment(result.next_estimated_execution_time); choreRow.removeClass("table-warning"); choreRow.removeClass("table-danger"); choreRow.removeClass("table-info"); $('#chore-' + choreId + '-due-filter-column').html(""); if (nextExecutionTime.isBefore(now)) { choreRow.addClass("table-danger"); $('#chore-' + choreId + '-due-filter-column').html("overdue"); } else if (nextExecutionTime.isSameOrBefore(todayThreshold)) { choreRow.addClass("table-info"); $('#chore-' + choreId + '-due-filter-column').html("duetoday"); } else if (nextExecutionTime.isBefore(nextXDaysThreshold)) { choreRow.addClass("table-warning"); $('#chore-' + choreId + '-due-filter-column').html("duesoon"); } animateCSS("#chore-" + choreId + "-row td:not(:first)", "shake"); $('#chore-' + choreId + '-last-tracked-time').text(trackedTime); $('#chore-' + choreId + '-last-tracked-time-timeago').attr('datetime', trackedTime); if (result.next_estimated_execution_time != null && !result.next_estimated_execution_time.isEmpty()) { $('#chore-' + choreId + '-next-execution-time').text(result.next_estimated_execution_time); $('#chore-' + choreId + '-next-execution-time-timeago').attr('datetime', result.next_estimated_execution_time); } else { $('#chore-' + choreId + '-next-execution-time').text("-"); $('#chore-' + choreId + '-next-execution-time-timeago').removeAttr('datetime'); } if (result.chore.next_execution_assigned_to_user_id != null) { $('#chore-' + choreId + '-next-execution-assigned-user').text(result.next_execution_assigned_user.display_name); } else { $('#chore-' + choreId + '-next-execution-assigned-user').text("-"); } $('#chore-' + choreId + '-rescheduled-icon').remove(); $('#chore-' + choreId + '-reassigned-icon').remove(); Grocy.FrontendHelpers.EndUiBusy(); toastr.success(__t('Tracked execution of chore %1$s on %2$s', choreName, trackedTime)); RefreshStatistics(); // Delay due to delayed/animated set of new timestamps above setTimeout(function() { RefreshContextualTimeago("#chore-" + choreId + "-row"); // Refresh the DataTable to re-apply filters choresOverviewTable.rows().invalidate().draw(false); $(".input-group-filter").trigger("change"); }, 550); }, function(xhr) { Grocy.FrontendHelpers.EndUiBusy(); console.error(xhr); } ); }, function(xhr) { Grocy.FrontendHelpers.EndUiBusy(); console.error(xhr); } ); }, function(xhr) { Grocy.FrontendHelpers.EndUiBusy("choretracking-form"); console.error(xhr); } ); }); $(document).on("click", ".chore-name-cell", function(e) { Grocy.Components.ChoreCard.Refresh($(e.currentTarget).attr("data-chore-id")); $("#choresoverview-chorecard-modal").modal("show"); }); $(document).on('click', '.chore-grocycode-label-print', function(e) { e.preventDefault(); document.activeElement.blur(); var choreId = $(e.currentTarget).attr('data-chore-id'); Grocy.Api.Get('chores/' + choreId + '/printlabel', function(labelData) { if (Grocy.Webhooks.labelprinter !== undefined) { Grocy.FrontendHelpers.RunWebhook(Grocy.Webhooks.labelprinter, labelData); } }); }); function RefreshStatistics() { var nextXDays = $("#info-due-soon-chores").data("next-x-days"); Grocy.Api.Get('chores', function(result) { var dueTodayCount = 0; var dueSoonCount = 0; var overdueCount = 0; var assignedToMeCount = 0; var overdueThreshold = moment(); var nextXDaysThreshold = moment().add(nextXDays, "days"); var todayThreshold = moment().endOf("day"); result.forEach(element => { var date = moment(element.next_estimated_execution_time); if (date.isBefore(overdueThreshold)) { overdueCount++; } else if (date.isSameOrBefore(todayThreshold)) { dueTodayCount++; dueSoonCount++; } else if (date.isSameOrBefore(nextXDaysThreshold)) { dueSoonCount++; } if (parseInt(element.next_execution_assigned_to_user_id) == Grocy.UserId) { assignedToMeCount++; } }); $("#info-due-today-chores").html('' + dueTodayCount + ' ' + __n(dueTodayCount, '%s chore is due to be done today', '%s chores are due to be done today')); $("#info-due-soon-chores").html('' + dueSoonCount + ' ' + __n(dueSoonCount, '%s chore is due to be done', '%s chores are due to be done') + ' ' + __n(nextXDays, 'within the next day', 'within the next %s days')); $("#info-overdue-chores").html('' + overdueCount + ' ' + __n(overdueCount, '%s chore is overdue to be done', '%s chores are overdue to be done')); $("#info-assigned-to-me-chores").html('' + assignedToMeCount + ' ' + __n(assignedToMeCount, '%s chore is assigned to me', '%s chores are assigned to me')); }, function(xhr) { console.error(xhr); } ); } $(document).on("click", ".reschedule-chore-button", function(e) { e.preventDefault(); var choreId = $(e.currentTarget).attr("data-chore-id"); Grocy.EditObjectId = choreId; Grocy.Api.Get("chores/" + choreId, function(choreDetails) { var prefillDate = choreDetails.next_estimated_execution_time || moment().format("YYYY-MM-DD HH:mm:ss"); if (choreDetails.chore.rescheduled_date != null && !choreDetails.chore.rescheduled_date.isEmpty()) { prefillDate = choreDetails.chore.rescheduled_date; } if (choreDetails.chore.track_date_only == 1) { Grocy.Components.DateTimePicker.ChangeFormat("YYYY-MM-DD"); Grocy.Components.DateTimePicker.SetValue(moment(prefillDate).format("YYYY-MM-DD")); } else { Grocy.Components.DateTimePicker.ChangeFormat("YYYY-MM-DD HH:mm:ss"); Grocy.Components.DateTimePicker.SetValue(moment(prefillDate).format("YYYY-MM-DD HH:mm:ss")); } if (typeof choreDetails.chore.next_execution_assigned_to_user_id != "string") { choreDetails.chore.next_execution_assigned_to_user_id = ""; } if (choreDetails.chore.next_execution_assigned_to_user_id != null && !choreDetails.chore.next_execution_assigned_to_user_id.isEmpty()) { Grocy.Components.UserPicker.SetId(choreDetails.chore.next_execution_assigned_to_user_id) } else { Grocy.Components.UserPicker.SetValue(""); Grocy.Components.UserPicker.SetId(null); } $("#reschedule-chore-modal-title").text(choreDetails.chore.name); $("#reschedule-chore-modal").modal("show"); }); }); $("#reschedule-chore-save-button").on("click", function(e) { e.preventDefault(); if (!Grocy.FrontendHelpers.ValidateForm("reschedule-chore-form", true)) { return; } Grocy.Api.Put('objects/chores/' + Grocy.EditObjectId, { "rescheduled_date": Grocy.Components.DateTimePicker.GetValue(), "rescheduled_next_execution_assigned_to_user_id": Grocy.Components.UserPicker.GetValue() }, function(result) { Grocy.Api.Post('chores/executions/calculate-next-assignments', { "chore_id": Grocy.EditObjectId }, function(result) { window.location.reload(); }, function(xhr) { console.error(xhr); } ); }, function(xhr) { Grocy.FrontendHelpers.ShowGenericError('Error while saving, probably this item already exists', xhr.response) } ); }); $("#reschedule-chore-clear-button").on("click", function(e) { e.preventDefault(); Grocy.Api.Put('objects/chores/' + Grocy.EditObjectId, { "rescheduled_date": null, "rescheduled_next_execution_assigned_to_user_id": null }, function(result) { Grocy.Api.Post('chores/executions/calculate-next-assignments', { "chore_id": Grocy.EditObjectId }, function(result) { window.location.reload(); }, function(xhr) { console.error(xhr); } ); }, function(xhr) { Grocy.FrontendHelpers.ShowGenericError('Error while saving, probably this item already exists', xhr.response) } ); }); if (GetUriParam("user") !== undefined) { $("#user-filter").val("xx" + GetUriParam("user") + "xx"); $("#user-filter").trigger("change"); } RefreshStatistics();