kincses/service-finder
1
0
Fork 0
Code Issues 52 Pull Requests Packages Projects 2 Releases Wiki Activity

4.2-A: ContextAlert.vue komponens + useAlertStore #250

New Issue
Open
opened 2026-06-08 20:05:39 +02:00 by kincses · 0 comments
kincses commented 2026-06-08 20:05:39 +02:00
Owner
Copy Link

Merfoldko: Frontend Architektura 2.0 & Dinamikus Megjelenitesi Rendszer
Cel: Kontextualis veszjelzo rendszer letrehozasa ContextAlert komponenssel es useAlertStore Pinia store-ral.

Fuggosegek (Dependencies)

  • Bemenet: #232 (Router - a komponens a layout-okban jelenik meg)

Implementacios Reszletek

  1. useAlertStore (frontend/src/stores/alertStore.ts)

    • alerts: ref<Alert[]>
    • addAlert(alert): hozzaad egy uj alert-et, optional auto-close timer
    • removeAlert(id): eltavolit egy alert-et
    • success(message, autoClose=5000): zold alert
    • error(message, autoClose=8000): piros alert
    • warning(message, autoClose=0): sarga alert (nem zarodik automatikusan)
    • info(message, autoClose=5000): kek alert

  2. ContextAlert.vue (frontend/src/components/ContextAlert.vue)

    • Props: type (info | warning | error | success), message, autoClose, dismissible, action
    • Animaciok: slideInDown belepes, fadeOutUp kilepes
    • Ikonok tipusonkent

  3. Rendereles - PrivateLayout.vue es OrganizationLayout.vue tetejen

Erintett fajlok

  • frontend/src/stores/alertStore.ts (uj)
  • frontend/src/components/ContextAlert.vue (uj)
  • frontend/src/assets/main.css
  • frontend/src/layouts/PrivateLayout.vue
  • frontend/src/layouts/OrganizationLayout.vue
**Merfoldko:** Frontend Architektura 2.0 & Dinamikus Megjelenitesi Rendszer **Cel:** Kontextualis veszjelzo rendszer letrehozasa ContextAlert komponenssel es useAlertStore Pinia store-ral. ### Fuggosegek (Dependencies) - **Bemenet:** #232 (Router - a komponens a layout-okban jelenik meg) ### Implementacios Reszletek 1. **useAlertStore** (frontend/src/stores/alertStore.ts) - alerts: ref<Alert[]> - addAlert(alert): hozzaad egy uj alert-et, optional auto-close timer - removeAlert(id): eltavolit egy alert-et - success(message, autoClose=5000): zold alert - error(message, autoClose=8000): piros alert - warning(message, autoClose=0): sarga alert (nem zarodik automatikusan) - info(message, autoClose=5000): kek alert 2. **ContextAlert.vue** (frontend/src/components/ContextAlert.vue) - Props: type (info | warning | error | success), message, autoClose, dismissible, action - Animaciok: slideInDown belepes, fadeOutUp kilepes - Ikonok tipusonkent 3. **Rendereles** - PrivateLayout.vue es OrganizationLayout.vue tetejen ### Erintett fajlok - frontend/src/stores/alertStore.ts (uj) - frontend/src/components/ContextAlert.vue (uj) - frontend/src/assets/main.css - frontend/src/layouts/PrivateLayout.vue - frontend/src/layouts/OrganizationLayout.vue
kincses added the Status: To DoScope: FrontendType: Feature labels 2026-06-08 20:05:39 +02:00
kincses added this to the Frontend Architektúra 2.0 & Dinamikus Megjelenítési Rendszer milestone 2026-06-08 20:07:43 +02:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Role: Admin
👑 Role: Admin
 Role: User
👤 Role: User
 Scope: API
🔌 Scope: API
 Scope: Backend
🏗️ Scope: Backend
 Scope: Core
⚙️ Scope: Core
 Scope: Database
Scope: Frontend
🖥️ Scope: Frontend
 Scope: Robot
Status: Blocked
Status: Done
Status: In Progress
Status: To Do
Type: Bug
🐞 Type: Bug
 Type: Database
💾 Type: Database
 Type: Feature
✨ Type: Feature
 Type: Model
🧠 Type: Model
 Type: Refactor
Type: Refactor
Type: Script
📜 Type: Script
No Label Scope: Frontend Status: To Do Type: Feature
Milestone
No items
No Milestone Frontend Architektúra 2.0 & Dinamikus Megjelenítési Rendszer
Projects
Clear projects
No project
Assignees
Clear assignees
kincses
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: kincses/service-finder#250
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?