Dev: Add warnings to Organization Edit Form when Submission / Approval requirements aren't yet met

[TifNi]

Overview

We need to add warning content to the Organization form, so that when you are validating or approving a validation, that you know why you can't approve it, or submit it.

Action Items

• [ ] Red badges on each tab show the number of fields that either fail validation or are required to submit or approve.
• [ ] Red border that highlight around the fields that need validation, including a border around confirmation check boxes that need to be checked in order to submit or approve a listing.
• [ ] Summary box of all validation or submission/approval errors on all pages, regardless of the active tab.

Details

Warning contents to Organization Form Mock Up

Additional Information

An animated gif of Invalid confirmation checkbox on the Identification page in Organization form

• Unchecked confirmation box keeps users from approving and the tooltip is not helpful.
• Sophie suggested error message: "[Address] must be confirmed before approval". (The error message should specify which confirmation is missing (e.g. phone, email, business hours).

Screenshot of invalid link error on Contact Details Page in Organization form

• When social media link is invalid, as shown above, there is an error message on the "contact details" page. However, if on a different tab and trying to click "approve", the button remains blue and doesn't approve. There is no warning message. It would be helpful if there was an error message on/next to the "approve button". For example, "Instagram link is invalid".