Draft: Added Validation For Metric Images URL
Closes #386254 (closed)
This PR addresses the above mentioned issue by adding the validation rules for the URL for the metrics image. Upon the form first loading, the url is considered valid because it is blank and the URL is allowed to be optional. Upon change, the URL is validated again and if it isn't a valid URL, there is a small message in red text stating that the URL is invalid right under the input element. Once the URL is either deleted or made to be valid, the error message goes away. If a user tries to submit the form while the URL is invalid, an alert pops up telling the user to properly address the URL issue. We can change this behavior to something more Vue-esque if desired
Screenshots
Empty State Upon Load
Invalid URL with single Character
Invalid URL With Improper Protocol
Valid URL
Empty State After Deleting Invalid URL
Edited by John Dorlus