openclaw/oikos
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

chore: release v0.22.0

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Ulas Kalayci
2026-04-21 14:23:53 +02:00
parent 0b54fe255b
commit a253f0a7fa
8 changed files with 117 additions and 62 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/locales/de.json
+27 -27
View File
@@ -44,7 +44,7 @@
"navigation": "Navigation",
"quickActions": "Schnellaktionen",
"more": "Mehr",
"recipes": "Recipes"
"recipes": "Rezepte"
},
"search": {
"title": "Suche",
@@ -258,10 +258,10 @@
"recipeUrlLabel": "Rezept-Link (optional)",
"recipeUrlPlaceholder": "https://…",
"openRecipe": "Rezept öffnen",
"savedRecipeLabel": "Saved recipe",
"savedRecipePlaceholder": "Select recipe",
"saveAsRecipe": "Save as recipe",
"recipeScaleLabel": "Scale ingredients"
"savedRecipeLabel": "Gespeichertes Rezept",
"savedRecipePlaceholder": "Rezept auswählen",
"saveAsRecipe": "Als Rezept speichern",
"recipeScaleLabel": "Zutaten skalieren"
},
"calendar": {
"title": "Kalender",
@@ -683,27 +683,27 @@
"pendingBadgeTitlePlural": "{{count}} fällige Erinnerungen"
},
"recipes": {
"title": "Recipes",
"addRecipe": "Add recipe",
"editRecipe": "Edit recipe",
"emptyTitle": "No recipes yet",
"emptyDescription": "Save your favorite recipes and reuse them in meal planning.",
"titleLabel": "Title *",
"titlePlaceholder": "e.g. Pasta Carbonara",
"notesLabel": "Notes",
"notesPlaceholder": "Optional...",
"urlLabel": "Recipe link",
"urlPlaceholder": "https://...",
"ingredientsLabel": "Ingredients",
"addToMeals": "Add to meal plan",
"openLink": "Open recipe link",
"deleteConfirm": "Delete recipe \"{{title}}\"?",
"created": "Recipe saved.",
"updated": "Recipe updated.",
"deleted": "Recipe deleted.",
"titleRequired": "Title is required",
"duplicate": "Duplicate",
"duplicated": "Recipe duplicated.",
"copySuffix": "copy"
"title": "Rezepte",
"addRecipe": "Rezept hinzufügen",
"editRecipe": "Rezept bearbeiten",
"emptyTitle": "Noch keine Rezepte",
"emptyDescription": "Speichere deine Lieblingsrezepte und nutze sie für die Essensplanung.",
"titleLabel": "Titel *",
"titlePlaceholder": "z. B. Pasta Carbonara",
"notesLabel": "Notizen",
"notesPlaceholder": "Optional…",
"urlLabel": "Rezept-Link",
"urlPlaceholder": "https://…",
"ingredientsLabel": "Zutaten",
"addToMeals": "In Essensplan übernehmen",
"openLink": "Rezept-Link öffnen",
"deleteConfirm": "Rezept „{{title}}" löschen?",
"created": "Rezept gespeichert.",
"updated": "Rezept aktualisiert.",
"deleted": "Rezept gelöscht.",
"titleRequired": "Titel ist erforderlich.",
"duplicate": "Duplizieren",
"duplicated": "Rezept dupliziert.",
"copySuffix": "Kopie"
}
}
public/pages/recipes.js
+65 -28
View File
@@ -5,7 +5,6 @@
import { api } from '/api.js';
import { t } from '/i18n.js';
import { esc } from '/utils/html.js';
import { openModal as openSharedModal, closeModal as closeSharedModal, confirmModal } from '/components/modal.js';
import { DEFAULT_CATEGORY_NAME, categoryLabel } from '/utils/shopping-categories.js';
@@ -211,32 +210,63 @@ function renderRecipeList() {
}
}
function recipeIngredientRowHTML(name, qty, category = DEFAULT_CATEGORY_NAME) {
function buildIngredientRow(name, qty, category = DEFAULT_CATEGORY_NAME) {
const categories = mealCategories();
const resolvedCategory = categories.some((c) => c.name === category)
? category
: (categories[0]?.name ?? DEFAULT_CATEGORY_NAME);
const catOptions = categories.length
? categories.map((c) => `<option value="${esc(c.name)}" ${c.name === resolvedCategory ? 'selected' : ''}>${esc(categoryLabel(c.name))}</option>`).join('')
: `<option value="${DEFAULT_CATEGORY_NAME}" selected>${t('meals.ingredientCategoryDefault')}</option>`;
return `
<div class="recipe-ingredient-row">
<input type="text" class="form-input recipe-ingredient-row__name" placeholder="${t('meals.ingredientNamePlaceholder')}" value="${esc(name)}">
<input type="text" class="form-input recipe-ingredient-row__qty" placeholder="${t('meals.ingredientQtyPlaceholder')}" value="${esc(qty)}">
<select class="form-input recipe-ingredient-row__cat" aria-label="${t('meals.ingredientCategoryLabel')}">${catOptions}</select>
<button class="recipe-ingredient-row__remove" data-action="remove-ingredient" type="button" aria-label="${t('meals.removeIngredient')}">
<i data-lucide="x" style="width:14px;height:14px;" aria-hidden="true"></i>
</button>
</div>
`;
const row = document.createElement('div');
row.className = 'recipe-ingredient-row';
const nameInput = document.createElement('input');
nameInput.type = 'text';
nameInput.className = 'form-input recipe-ingredient-row__name';
nameInput.placeholder = t('meals.ingredientNamePlaceholder');
nameInput.value = name;
const qtyInput = document.createElement('input');
qtyInput.type = 'text';
qtyInput.className = 'form-input recipe-ingredient-row__qty';
qtyInput.placeholder = t('meals.ingredientQtyPlaceholder');
qtyInput.value = qty;
const catSelect = document.createElement('select');
catSelect.className = 'form-input recipe-ingredient-row__cat';
catSelect.setAttribute('aria-label', t('meals.ingredientCategoryLabel'));
if (categories.length) {
for (const c of categories) {
const opt = document.createElement('option');
opt.value = c.name;
opt.textContent = categoryLabel(c.name);
if (c.name === resolvedCategory) opt.selected = true;
catSelect.appendChild(opt);
}
} else {
const opt = document.createElement('option');
opt.value = DEFAULT_CATEGORY_NAME;
opt.textContent = t('meals.ingredientCategoryDefault');
opt.selected = true;
catSelect.appendChild(opt);
}
const removeBtn = document.createElement('button');
removeBtn.className = 'recipe-ingredient-row__remove';
removeBtn.dataset.action = 'remove-ingredient';
removeBtn.type = 'button';
removeBtn.setAttribute('aria-label', t('meals.removeIngredient'));
const icon = document.createElement('i');
icon.dataset.lucide = 'x';
icon.style.cssText = 'width:14px;height:14px;';
icon.setAttribute('aria-hidden', 'true');
removeBtn.appendChild(icon);
row.append(nameInput, qtyInput, catSelect, removeBtn);
return row;
}
function openRecipeModal(mode, recipe = null) {
const isEdit = mode === 'edit';
const ingredientRows = isEdit && recipe.ingredients?.length
? recipe.ingredients.map((i) => recipeIngredientRowHTML(i.name, i.quantity ?? '', i.category ?? DEFAULT_CATEGORY_NAME)).join('')
: '';
openSharedModal({
title: isEdit ? t('recipes.editRecipe') : t('recipes.addRecipe'),
@@ -244,19 +274,19 @@ function openRecipeModal(mode, recipe = null) {
content: `
<div class="form-group">
<label class="form-label" for="recipe-title">${t('recipes.titleLabel')}</label>
<input id="recipe-title" class="form-input" type="text" value="${esc(isEdit ? recipe.title : '')}" placeholder="${t('recipes.titlePlaceholder')}">
<input id="recipe-title" class="form-input" type="text" placeholder="${t('recipes.titlePlaceholder')}">
</div>
<div class="form-group">
<label class="form-label" for="recipe-notes">${t('recipes.notesLabel')}</label>
<textarea id="recipe-notes" class="form-input" rows="3" placeholder="${t('recipes.notesPlaceholder')}">${esc(isEdit && recipe.notes ? recipe.notes : '')}</textarea>
<textarea id="recipe-notes" class="form-input" rows="3" placeholder="${t('recipes.notesPlaceholder')}"></textarea>
</div>
<div class="form-group">
<label class="form-label" for="recipe-url">${t('recipes.urlLabel')}</label>
<input id="recipe-url" class="form-input" type="url" value="${esc(isEdit && recipe.recipe_url ? recipe.recipe_url : '')}" placeholder="${t('recipes.urlPlaceholder')}">
<input id="recipe-url" class="form-input" type="url" placeholder="${t('recipes.urlPlaceholder')}">
</div>
<div class="form-group">
<label class="form-label">${t('recipes.ingredientsLabel')}</label>
<div class="recipe-ingredient-list" id="recipe-ingredient-list">${ingredientRows}</div>
<div class="recipe-ingredient-list" id="recipe-ingredient-list"></div>
<button class="btn btn--secondary recipe-add-ingredient" type="button" id="recipe-add-ingredient">${t('meals.addIngredient')}</button>
</div>
<div class="modal-panel__footer" style="border:none;padding:0;margin-top:var(--space-4)">
@@ -265,12 +295,19 @@ function openRecipeModal(mode, recipe = null) {
</div>
`,
onSave(panel) {
panel.querySelector('#recipe-title').value = isEdit ? recipe.title : '';
panel.querySelector('#recipe-notes').value = isEdit && recipe.notes ? recipe.notes : '';
panel.querySelector('#recipe-url').value = isEdit && recipe.recipe_url ? recipe.recipe_url : '';
const ingList = panel.querySelector('#recipe-ingredient-list');
if (isEdit && recipe.ingredients?.length) {
for (const i of recipe.ingredients) {
ingList.appendChild(buildIngredientRow(i.name, i.quantity ?? '', i.category ?? DEFAULT_CATEGORY_NAME));
}
}
panel.querySelector('#recipe-add-ingredient')?.addEventListener('click', () => {
const tmp = document.createElement('div');
tmp.innerHTML = recipeIngredientRowHTML('', '', null);
const row = tmp.firstElementChild;
ingList.appendChild(row);
ingList.appendChild(buildIngredientRow('', '', null));
if (window.lucide) window.lucide.createIcons();
});
@@ -362,8 +399,8 @@ async function duplicateRecipe(recipe) {
}));
try {
await api.post('/recipes', { title, notes, recipe_url, ingredients });
await loadRecipes();
const res = await api.post('/recipes', { title, notes, recipe_url, ingredients });
state.recipes.push(res.data);
renderRecipeList();
window.oikos?.showToast(t('recipes.duplicated'), 'success');
} catch (err) {
public/router.js
+1 -1
View File
@@ -582,7 +582,7 @@ function navItems() {
{ path: '/tasks', label: t('nav.tasks'), icon: 'check-square' },
{ path: '/calendar', label: t('nav.calendar'), icon: 'calendar' },
{ path: '/meals', label: t('nav.meals'), icon: 'utensils' },
{ path: '/recipes', label: t('nav.recipes'), icon: 'book-open-text' },
{ path: '/recipes', label: t('nav.recipes'), icon: 'book-text' },
{ path: '/shopping', label: t('nav.shopping'), icon: 'shopping-cart' },
{ path: '/notes', label: t('nav.notes'), icon: 'sticky-note' },
{ path: '/contacts', label: t('nav.contacts'), icon: 'book-user' },