feat(account): Refactor account UI: migrate modals to promise-based show() API and improve navigation URL tracking
This commit is contained in:
+21
-1
@@ -1,3 +1,23 @@
|
||||
# Project Readme Hints
|
||||
|
||||
This is the initial readme hints file.
|
||||
## UI Components
|
||||
Always check dees-catalog for available elements before implementing custom solutions:
|
||||
- Documentation: https://code.foss.global/design.estate/dees-catalog
|
||||
- Key components: `dees-modal`, `dees-button`, `dees-input-*`, `dees-form`, etc.
|
||||
|
||||
### dees-input-* Event Pattern
|
||||
All dees-input components use **RxJS Subjects** for value changes, NOT DOM events:
|
||||
```typescript
|
||||
// Subscribe to value changes in firstUpdated():
|
||||
const inputElement = this.shadowRoot.querySelector('dees-input-text');
|
||||
inputElement.changeSubject.subscribe((element) => {
|
||||
const value = element.value;
|
||||
// handle value change
|
||||
});
|
||||
```
|
||||
- Do NOT use `@changeValue` or similar DOM events - they don't exist
|
||||
- The Subject emits the element itself, access value via `element.value`
|
||||
|
||||
## Project Structure
|
||||
- `ts_web/elements/account/` - Account dashboard components
|
||||
- `ts_web/states/` - State management (accountstate, idp.state)
|
||||
|
||||
Reference in New Issue
Block a user