feat(planning): implement constraint-first leave planner

src/app/components/rules-panel/rules-panel.ts

@@ -101,6 +101,10 @@ export class RulesPanel {
 	protected readonly rewardDayTypes = Object.values(SelectableDayType).filter(
 		(t) => t !== SelectableDayType.ANY,
 	);
+	protected readonly forceOptions = [
+		{ value: 'obligation' as const, label: () => this.tr().rules.obligation },
+		{ value: 'preference' as const, label: () => this.tr().rules.preference },
+	];
 
 	protected get daysOfWeek() {
 		const tr = this.tr();
@@ -186,6 +190,7 @@ export class RulesPanel {
 			this.editBuffer = {
 				name: this.tr().rules.defaultNewRuleName,
 				type: RuleType.IF_THEN,
+				force: 'preference',
 				dayOfWeek: 6,
 				placeDays: 2,
 				placeType: SelectableDayType.CP,
@@ -197,6 +202,7 @@ export class RulesPanel {
 			this.editBuffer = {
 				name: this.tr().rules.defaultNewPeriodName,
 				type: RuleType.TIME_WINDOW,
+				force: 'preference',
 				startDate: new Date(),
 				endDate: new Date(new Date().getTime() + 7 * 24 * 60 * 60 * 1000),
 				placeDays: 5,
@@ -212,6 +218,7 @@ export class RulesPanel {
 
 	public getRuleSummary(rule: VacationRule): string {
 		const tr = this.tr();
+		const forceLabel = rule.force === 'obligation' ? tr.rules.obligation : tr.rules.preference;
 		if (rule.type === RuleType.IF_THEN) {
 			const ifThen = rule as IfThenRule;
 			const dayLabel = this.daysOfWeek.find((d) => d.value === ifThen.dayOfWeek)?.label ?? '';
@@ -223,13 +230,13 @@ export class RulesPanel {
 				.toLowerCase();
 			const rewardTypeLabel = this.getDayTypeLabel(ifThen.rewardType);
 
-			return tr.rules.ifThenTemplate
+			return `[${forceLabel}] ${tr.rules.ifThenTemplate
 				.replace('{day}', dayLabel)
 				.replace('{placeDays}', String(ifThen.placeDays))
 				.replace('{placeType}', placeTypeLabel)
 				.replace('{placement}', placementLabel)
 				.replace('{rewardDays}', String(ifThen.rewardDays))
-				.replace('{rewardType}', rewardTypeLabel);
+				.replace('{rewardType}', rewardTypeLabel)}`;
 		} else {
 			const timeWindow = rule as TimeWindowRule;
 			const placeTypeLabel = this.getDayTypeLabel(timeWindow.placeType);
@@ -240,11 +247,11 @@ export class RulesPanel {
 				this.translationService.locale(),
 			);
 
-			return tr.rules.timeWindowTemplate
+			return `[${forceLabel}] ${tr.rules.timeWindowTemplate
 				.replace('{placeDays}', String(timeWindow.placeDays))
 				.replace('{placeType}', placeTypeLabel)
 				.replace('{startDate}', startDateStr)
-				.replace('{endDate}', endDateStr);
+				.replace('{endDate}', endDateStr)}`;
 		}
 	}
 }