Feature: Pontszabalyok admin oldal - inline (click-to-edit) szerkesztes #373

New Issue

kincses · 2026-06-30T20:10:14+02:00

kincses commented

2026-06-30 20:10:14 +02:00

Merfoldko: Admin Frontend Fejlesztes
Cel: Click-to-edit inline szerkesztes implementalasa a pontszabalyok tablazatban, hogy a cellakra kattintva helyben lehessen szerkeszteni az ertekeket.

Fuggosegek (Dependencies)

Bemenet: frontend_admin/pages/gamification/point-rules.vue
Fuggo kartyak: #372 (i18n kulcs javitas) - elotte kell megcsinalni
Kimenet: Gamification admin felulet hasznaloi

Implementacio

Click-to-edit minta: Amikor a felhasznalo rakattingat egy cella ertekere, az egy inline input mezove alakul.

Szerkesztheto mezoek:

action_key (52-54. sor) - szoveges input
points (55-58. sor) - number input
description (60. sor) - szoveges input
is_active statusz (61-64. sor) - toggle/click

Uj state valtozok:

editingCell = ref null - { id: number; field: string }
editValue = ref null - string | number | boolean

Uj metodusok:

startEdit(rule, field) - beallitja az editingCell-t es editValue-t
cancelEdit() - torli az editingCell-t
saveEdit(rule, field) - PUT /admin/gamification/point-rules/{id} a modositott mezovel

Template: Minden cella kap egy @click handler-t. Az input mezok Enter/Blur eseteben mentenek, Escape eseteben megszakitjak.

Teszteles

Kattintasra jelenjen meg az input mezo
Enter/Blur mentse az erteket
Escape szakitsa meg a szerkesztest
A modal alap CRUD tovabbra is mukodjon

Reszletes terv: plans/logic_spec_point_rules_admin_fix.md

**Merfoldko:** Admin Frontend Fejlesztes **Cel:** Click-to-edit inline szerkesztes implementalasa a pontszabalyok tablazatban, hogy a cellakra kattintva helyben lehessen szerkeszteni az ertekeket. ### Fuggosegek (Dependencies) - **Bemenet:** frontend_admin/pages/gamification/point-rules.vue - **Fuggo kartyak:** #372 (i18n kulcs javitas) - elotte kell megcsinalni - **Kimenet:** Gamification admin felulet hasznaloi ### Implementacio **Click-to-edit minta:** Amikor a felhasznalo rakattingat egy cella ertekere, az egy inline input mezove alakul. **Szerkesztheto mezoek:** - action_key (52-54. sor) - szoveges input - points (55-58. sor) - number input - description (60. sor) - szoveges input - is_active statusz (61-64. sor) - toggle/click **Uj state valtozok:** - editingCell = ref null - { id: number; field: string } - editValue = ref null - string | number | boolean **Uj metodusok:** - startEdit(rule, field) - beallitja az editingCell-t es editValue-t - cancelEdit() - torli az editingCell-t - saveEdit(rule, field) - PUT /admin/gamification/point-rules/{id} a modositott mezovel **Template:** Minden cella kap egy @click handler-t. Az input mezok Enter/Blur eseteben mentenek, Escape eseteben megszakitjak. ### Teszteles - Kattintasra jelenjen meg az input mezo - Enter/Blur mentse az erteket - Escape szakitsa meg a szerkesztest - A modal alap CRUD tovabbra is mukodjon ### Reszletes terv: plans/logic_spec_point_rules_admin_fix.md

kincses added the Type: Feature Scope: Frontend labels 2026-06-30 20:10:14 +02:00

kincses self-assigned this 2026-06-30 20:10:14 +02:00

kincses added the Status: In Progress label 2026-06-30 20:10:24 +02:00

kincses started working 2026-06-30 20:10:24 +02:00

kincses commented

2026-06-30 20:10:24 +02:00

▶️ Munka megkezdve: 2026-06-30 20:10:24

▶️ **Munka megkezdve:** 2026-06-30 20:10:24

kincses added Status: Done and removed Status: In Progress labels 2026-06-30 20:20:15 +02:00

kincses worked for 9 minutes

2026-06-30 20:20:15 +02:00

kincses closed this issue

2026-06-30 20:20:15 +02:00

kincses commented

2026-06-30 20:20:15 +02:00

✅ Munka befejezve: 2026-06-30 20:20:15

Technikai Összefoglaló:
Implementáltam a click-to-edit inline szerkesztést a pontszabályok admin oldalán. Módosított fájl: frontend_admin/pages/gamification/point-rules.vue. Új state változók: editingCell, editValue, inlineInputRef, inlineSaving. Új metódusok: isEditing(), startEdit(), cancelEdit(), saveEdit(). Inline szerkeszthető mezők: action_key (text), points (number), description (text), is_active (toggle). Enter/Blur ment, Escape megszakít. Build: sikeres.

⏱️ Az idő rögzítve.

✅ **Munka befejezve:** 2026-06-30 20:20:15 **Technikai Összefoglaló:** Implementáltam a click-to-edit inline szerkesztést a pontszabályok admin oldalán. Módosított fájl: frontend_admin/pages/gamification/point-rules.vue. Új state változók: editingCell, editValue, inlineInputRef, inlineSaving. Új metódusok: isEditing(), startEdit(), cancelEdit(), saveEdit(). Inline szerkeszthető mezők: action_key (text), points (number), description (text), is_active (toggle). Enter/Blur ment, Escape megszakít. Build: sikeres. ⏱️ *Az idő rögzítve.*

Sign in to join this conversation.

1 Participants

Notifications

Total Time Spent: 9 minutes

kincses

9 minutes

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: kincses/service-finder#373