Add error summary

src/app/organizations/settings/account.component.html

@@ -37,6 +37,8 @@
         <bit-label>{{ "identifier" | i18n }}</bit-label>
         <input bitInput type="text" formControlName="identifier" />
       </bit-form-field>
+
+      <bit-error-summary *ngIf="showErrorSummary" [formGroup]="formData"></bit-error-summary>
     </div>
     <div class="col-6">
       <app-avatar

src/app/organizations/settings/account.component.ts

@@ -42,6 +42,7 @@ export class AccountComponent {
   org: OrganizationResponse;
   formPromise: Promise<any>;
   taxFormPromise: Promise<any>;
+  showErrorSummary = false;
 
   private organizationId: string;
 
@@ -99,6 +100,7 @@ export class AccountComponent {
 
   async submit() {
     this.formData.markAllAsTouched();
+    this.showErrorSummary = true;
 
     if (!this.formData.valid) {
       return;

src/locales/en/messages.json

@@ -5072,5 +5072,14 @@
   },
   "inputEmail": {
     "message": "Input is not an email-address."
+  },
+  "fieldsNeedAttention": {
+    "message": "$COUNT$ fields above need your attention.",
+    "placeholders": {
+      "count": {
+        "content": "$1",
+        "example": "4"
+      }
+    }
   }
 }