diff --git a/frontend/CLAUDE.md b/frontend/CLAUDE.md index f91990fe2..70fe660c1 100644 --- a/frontend/CLAUDE.md +++ b/frontend/CLAUDE.md @@ -172,6 +172,21 @@ Database configurations are defined in `src/app/consts/databases.ts`. - Example: `@if (condition) { ... }` instead of `
...
` - Example: `@for (item of items; track item.id) { ... }` instead of `
...
` +### Mat-Dialog Forms +- **When a `mat-dialog` contains form elements and presumes form submission, `mat-dialog-content` and `mat-dialog-actions` MUST be wrapped in a `
` tag with an `(ngSubmit)` handler, and the primary action button inside `mat-dialog-actions` must use `type="submit"`.** This ensures the dialog properly supports keyboard submission (Enter key) and follows accessibility best practices. +- Example: + ```html + + + + + + + + +
+ ``` + ### Naming Conventions - **Files**: `kebab-case.component.ts` - **Classes**: `PascalCase` (e.g., `DbTableSettingsComponent`) diff --git a/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.html b/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.html index 8445e7932..336d49b10 100644 --- a/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.html +++ b/frontend/src/app/components/company/invite-member-dialog/invite-member-dialog.component.html @@ -79,7 +79,7 @@

Add member to {{company.name}} company

- diff --git a/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.html b/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.html index cf24762d6..27066c32a 100644 --- a/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.html +++ b/frontend/src/app/components/connect-db/db-connection-delete-dialog/db-connection-delete-dialog.component.html @@ -1,41 +1,40 @@

Delete {{ connectionName }} connection

+

Before you delete the connection, please let us know why. Every bit of feedback helps!


- - - - Missing features I need - - - Technical issues - - - Another product - - - Other - - - - Anything you want to share? (optional) - - - + + + Missing features I need + + + Technical issues + + + Another product + + + Other + + + + Anything you want to share? (optional) + +
- - + - \ No newline at end of file +
+ \ No newline at end of file diff --git a/frontend/src/app/components/connections-list/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html b/frontend/src/app/components/connections-list/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html index 90c45d50d..5a24b677c 100644 --- a/frontend/src/app/components/connections-list/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html +++ b/frontend/src/app/components/connections-list/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html @@ -1,16 +1,18 @@

Name your connection

+

Give your hosted database a friendly title so you can find it easily.

Connection title - +
- +
diff --git a/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.html b/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.html index cad5347b4..2819d6316 100644 --- a/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.html +++ b/frontend/src/app/components/dashboard/db-table-view/db-table-export-dialog/db-table-export-dialog.component.html @@ -23,8 +23,8 @@

Export

- - + diff --git a/frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.html b/frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.html index 48bd1eb3b..b178179d9 100644 --- a/frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.html +++ b/frontend/src/app/components/dashboard/db-tables-list/db-folder-edit-dialog/db-folder-edit-dialog.component.html @@ -2,6 +2,7 @@

Edit folder

+
@@ -9,6 +10,7 @@

Folder name Manage tables in this folder

{{getTableName(table)}} - - - \ No newline at end of file + + + + \ No newline at end of file diff --git a/frontend/src/app/components/hosted-databases/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html b/frontend/src/app/components/hosted-databases/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html index 1d692e987..55f22d8df 100644 --- a/frontend/src/app/components/hosted-databases/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html +++ b/frontend/src/app/components/hosted-databases/hosted-database-rename-dialog/hosted-database-rename-dialog.component.html @@ -1,16 +1,16 @@

Rename {{ data.databaseName }}

+
Connection name - + - +
diff --git a/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.html b/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.html index a5a13ce30..d33e6be05 100644 --- a/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.html +++ b/frontend/src/app/components/secrets/master-password-dialog/master-password-dialog.component.html @@ -3,6 +3,7 @@

Master Password Required

+

This secret is protected with master password encryption. @@ -12,9 +13,9 @@

Master Password - + + diff --git a/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.html b/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.html index 561ce0dc7..6a2fe7bff 100644 --- a/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.html +++ b/frontend/src/app/components/user-settings/account-delete-dialog/account-delete-dialog.component.html @@ -1,36 +1,35 @@

Delete {{ userEmail }} account

+

Tell us why are you deleting your account.


- - -
- - {{ reasonItem.caption }} - -

-

-
-
- - Anything you want to share? (optional) - - - + +
+ + {{ reasonItem.caption }} + +

+

+
+
+ + Anything you want to share? (optional) + +
- - + +