mirror of
https://github.com/grocy/grocy.git
synced 2026-04-05 20:36:15 +02:00
257 lines
8.3 KiB
JavaScript
257 lines
8.3 KiB
JavaScript
function choreformView(Grocy, scope = null)
|
|
{
|
|
var $scope = $;
|
|
if (scope != null)
|
|
{
|
|
$scope = (selector) => $(scope).find(selector);
|
|
}
|
|
|
|
Grocy.Use("numberpicker");
|
|
var userfieldsform = Grocy.Use("userfieldsform");
|
|
var productPicker = Grocy.Use("productpicker");
|
|
|
|
$scope('#save-chore-button').on('click', function(e)
|
|
{
|
|
e.preventDefault();
|
|
|
|
if ($scope(".combobox-menu-visible").length)
|
|
{
|
|
return;
|
|
}
|
|
|
|
var jsonData = $scope('#chore-form').serializeJSON();
|
|
if (Grocy.FeatureFlags.GROCY_FEATURE_FLAG_CHORES_ASSIGNMENTS)
|
|
{
|
|
jsonData.assignment_config = $scope("#assignment_config").val().join(",");
|
|
}
|
|
|
|
Grocy.FrontendHelpers.BeginUiBusy("chore-form");
|
|
|
|
if (Grocy.EditMode === 'create')
|
|
{
|
|
Grocy.Api.Post('objects/chores', jsonData,
|
|
function(result)
|
|
{
|
|
Grocy.EditObjectId = result.created_object_id;
|
|
userfieldsform.Save(function()
|
|
{
|
|
Grocy.Api.Post('chores/executions/calculate-next-assignments', { "chore_id": Grocy.EditObjectId },
|
|
function(result)
|
|
{
|
|
window.location.href = U('/chores');
|
|
},
|
|
function(xhr)
|
|
{
|
|
Grocy.FrontendHelpers.EndUiBusy();
|
|
console.error(xhr);
|
|
}
|
|
);
|
|
});
|
|
},
|
|
function(xhr)
|
|
{
|
|
Grocy.FrontendHelpers.EndUiBusy("chore-form");
|
|
Grocy.FrontendHelpers.ShowGenericError('Error while saving, probably this item already exists', xhr.response)
|
|
}
|
|
);
|
|
}
|
|
else
|
|
{
|
|
Grocy.Api.Put('objects/chores/' + Grocy.EditObjectId, jsonData,
|
|
function(result)
|
|
{
|
|
userfieldsform.Save(function()
|
|
{
|
|
Grocy.Api.Post('chores/executions/calculate-next-assignments', { "chore_id": Grocy.EditObjectId },
|
|
function(result)
|
|
{
|
|
window.location.href = U('/chores');
|
|
},
|
|
function(xhr)
|
|
{
|
|
Grocy.FrontendHelpers.EndUiBusy();
|
|
console.error(xhr);
|
|
}
|
|
);
|
|
});
|
|
},
|
|
function(xhr)
|
|
{
|
|
Grocy.FrontendHelpers.EndUiBusy("chore-form");
|
|
Grocy.FrontendHelpers.ShowGenericError('Error while saving, probably this item already exists', xhr.response)
|
|
}
|
|
);
|
|
}
|
|
});
|
|
|
|
$('#chore-form input').keyup(function(event)
|
|
{
|
|
Grocy.FrontendHelpers.ValidateForm('chore-form');
|
|
});
|
|
|
|
$('#chore-form input').keydown(function(event)
|
|
{
|
|
if (event.keyCode === 13) //Enter
|
|
{
|
|
event.preventDefault();
|
|
|
|
if ($scope('#chore-form')[0].checkValidity() === false) //There is at least one validation error
|
|
{
|
|
return false;
|
|
}
|
|
else
|
|
{
|
|
$scope('#save-chore-button').click();
|
|
}
|
|
}
|
|
});
|
|
|
|
var checkboxValues = $scope("#period_config").val().split(",");
|
|
for (var i = 0; i < checkboxValues.length; i++)
|
|
{
|
|
if (!checkboxValues[i].isEmpty())
|
|
{
|
|
$scope("#" + checkboxValues[i]).prop('checked', true);
|
|
}
|
|
}
|
|
|
|
userfieldsform.Load();
|
|
$scope('#name').focus();
|
|
Grocy.FrontendHelpers.ValidateForm('chore-form');
|
|
|
|
setTimeout(function()
|
|
{
|
|
$scope(".input-group-chore-period-type").trigger("change");
|
|
$scope(".input-group-chore-assignment-type").trigger("change");
|
|
|
|
// Click twice to trigger on-click but not change the actual checked state
|
|
$scope("#consume_product_on_execution").click();
|
|
$scope("#consume_product_on_execution").click();
|
|
|
|
productPicker.GetPicker().trigger('change');
|
|
}, 100);
|
|
|
|
$scope('.input-group-chore-period-type').on('change', function(e)
|
|
{
|
|
var periodType = $scope('#period_type').val();
|
|
var periodDays = $scope('#period_days').val();
|
|
var periodInterval = $scope('#period_interval').val();
|
|
|
|
$scope(".period-type-input").addClass("d-none");
|
|
$scope(".period-type-" + periodType).removeClass("d-none");
|
|
$scope('#chore-period-type-info').attr("data-original-title", "");
|
|
$scope("#period_config").val("");
|
|
|
|
if (periodType === 'manually')
|
|
{
|
|
$scope('#chore-period-type-info').attr("data-original-title", __t('This means the next execution of this chore is not scheduled'));
|
|
}
|
|
else if (periodType === 'dynamic-regular')
|
|
{
|
|
$scope("label[for='period_days']").text(__t("Period days"));
|
|
$scope("#period_days").attr("min", "0");
|
|
$scope("#period_days").removeAttr("max");
|
|
$scope('#chore-period-type-info').attr("data-original-title", __t('This means the next execution of this chore is scheduled %s days after the last execution', periodDays.toString()));
|
|
}
|
|
else if (periodType === 'daily')
|
|
{
|
|
$scope('#chore-period-type-info').attr("data-original-title", __t('This means the next execution of this chore is scheduled 1 day after the last execution'));
|
|
$scope('#chore-period-interval-info').attr("data-original-title", __t('This means the next execution of this chore should only be scheduled every %s days', periodInterval.toString()));
|
|
}
|
|
else if (periodType === 'weekly')
|
|
{
|
|
$scope('#chore-period-type-info').attr("data-original-title", __t('This means the next execution of this chore is scheduled 1 day after the last execution, but only for the weekdays selected below'));
|
|
$scope("#period_config").val($(".period-type-weekly input:checkbox:checked").map(function() { return this.value; }).get().join(","));
|
|
$scope('#chore-period-interval-info').attr("data-original-title", __t('This means the next execution of this chore should only be scheduled every %s weeks', periodInterval.toString()));
|
|
}
|
|
else if (periodType === 'monthly')
|
|
{
|
|
$scope('#chore-period-type-info').attr("data-original-title", __t('This means the next execution of this chore is scheduled on the below selected day of each month'));
|
|
$scope("label[for='period_days']").text(__t("Day of month"));
|
|
$scope("#period_days").attr("min", "1");
|
|
$scope("#period_days").attr("max", "31");
|
|
$scope('#chore-period-interval-info').attr("data-original-title", __t('This means the next execution of this chore should only be scheduled every %s months', periodInterval.toString()));
|
|
}
|
|
else if (periodType === 'yearly')
|
|
{
|
|
$scope('#chore-period-type-info').attr("data-original-title", __t('This means the next execution of this chore is scheduled 1 year after the last execution'));
|
|
$scope('#chore-period-interval-info').attr("data-original-title", __t('This means the next execution of this chore should only be scheduled every %s years', periodInterval.toString()));
|
|
}
|
|
|
|
Grocy.FrontendHelpers.ValidateForm('chore-form');
|
|
});
|
|
|
|
$scope('.input-group-chore-assignment-type').on('change', function(e)
|
|
{
|
|
var assignmentType = $scope('#assignment_type').val();
|
|
|
|
$scope('#chore-period-assignment-info').text("");
|
|
$scope("#assignment_config").removeAttr("required");
|
|
$scope("#assignment_config").attr("disabled", "");
|
|
|
|
if (assignmentType === 'no-assignment')
|
|
{
|
|
$scope('#chore-assignment-type-info').attr("data-original-title", __t('This means the next execution of this chore will not be assigned to anyone'));
|
|
}
|
|
else if (assignmentType === 'who-least-did-first')
|
|
{
|
|
$scope('#chore-assignment-type-info').attr("data-original-title", __t('This means the next execution of this chore will be assigned to the one who executed it least'));
|
|
$scope("#assignment_config").attr("required", "");
|
|
$scope("#assignment_config").removeAttr("disabled");
|
|
}
|
|
else if (assignmentType === 'random')
|
|
{
|
|
$scope('#chore-assignment-type-info').attr("data-original-title", __t('This means the next execution of this chore will be assigned randomly'));
|
|
$scope("#assignment_config").attr("required", "");
|
|
$scope("#assignment_config").removeAttr("disabled");
|
|
}
|
|
else if (assignmentType === 'in-alphabetical-order')
|
|
{
|
|
$scope('#chore-assignment-type-info').attr("data-original-title", __t('This means the next execution of this chore will be assigned to the next one in alphabetical order'));
|
|
$scope("#assignment_config").attr("required", "");
|
|
$scope("#assignment_config").removeAttr("disabled");
|
|
}
|
|
|
|
Grocy.FrontendHelpers.ValidateForm('chore-form', $scope);
|
|
});
|
|
|
|
$scope("#consume_product_on_execution").on("click", function()
|
|
{
|
|
if (this.checked)
|
|
{
|
|
productPicker.Enable();
|
|
$scope("#product_amount").removeAttr("disabled");
|
|
}
|
|
else
|
|
{
|
|
productPicker.Disable();
|
|
$scope("#product_amount").attr("disabled", "");
|
|
}
|
|
|
|
Grocy.FrontendHelpers.ValidateForm("chore-form");
|
|
});
|
|
|
|
productPicker.GetPicker().on('change', function(e)
|
|
{
|
|
var productId = $scope(e.target).val();
|
|
|
|
if (productId)
|
|
{
|
|
Grocy.Api.Get('stock/products/' + productId,
|
|
function(productDetails)
|
|
{
|
|
$scope('#amount_qu_unit').text(productDetails.quantity_unit_stock.name);
|
|
},
|
|
function(xhr)
|
|
{
|
|
console.error(xhr);
|
|
}
|
|
);
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
|
|
window.choreformView = choreformView
|