Add help if the config is invalid

diff --git a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html
index 4a6c631fb82d2aaaa73974cca6f17e88cac2b226..7f03236013d87dd15ed1552869e4c353709c3652 100644 (file)
--- a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html
+++ b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.html
@@ -272,4 +272,5 @@ Check this checkbox, save the configuration and test with a video URL of your in
   </tabset>
 
   <input (click)="formValidated()" type="submit" i18n-value value="Update configuration" [disabled]="!form.valid">
+  <span class="form-error" i18n *ngIf="!form.valid">It seems the configration is invalid. Please search potential errors in the different tabs.</span>
 </form>

diff --git a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
index e81044554d56e9f1aabf0eae26b93e00cf2e1ce0..4c9167211cd97b5d2c5ade484242423ee176752f 100644 (file)
--- a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
+++ b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
@@ -19,6 +19,11 @@ input[type=submit] {
   @include orange-button;
 
   margin-top: 20px;
+
+  & + .form-error {
+    display: inline;
+    margin-left: 5px;
+  }
 }
 
 .inner-form-title {