feat: migrate GiftDetailsStep.vue with template streamlining

- Extract long CSS classes to computed properties
- Fix header comment formatting to JSDoc format
- Enhance component documentation
- No database/notification migration needed (pure UI component)
- Human testing completed

Security: No risks (cosmetic changes only)
Lint:  Passed
Migration: Phase 4 only - Template streamlining
This commit is contained in:
Matthew Raymer
2025-07-09 09:06:16 +00:00
parent c49c137cae
commit 7bf8cb855e
7 changed files with 501 additions and 37 deletions

View File

@@ -1,19 +1,10 @@
/**
* EntitySummaryButton.vue - Displays selected entity with edit capability
*
* Extracted from GiftedDialog.vue to handle entity summary display in the gift
* details step with edit functionality.
*
* Features:
* - Shows entity avatar (person or project)
* - Displays entity name and role label
* - Handles editable vs locked states
* - Emits edit events when clicked and editable
* - Supports both person and project entity types
* - Template streamlined with computed CSS properties
*
* @author Matthew Raymer
*/
/** * EntitySummaryButton.vue - Displays selected entity with edit capability *
* Extracted from GiftedDialog.vue to handle entity summary display in the gift *
details step with edit functionality. * * Features: * - Shows entity avatar
(person or project) * - Displays entity name and role label * - Handles editable
vs locked states * - Emits edit events when clicked and editable * - Supports
both person and project entity types * - Template streamlined with computed CSS
properties * * @author Matthew Raymer */
<template>
<component
:is="editable ? 'button' : 'div'"