dlg-ui 1.0.34 → 1.0.36

package/addon/components/form.hbs

@@ -2,7 +2,14 @@
     <form>
         {{yield (hash Field=(component "form/field" addValidator=this.addValidator didValidate=this.didValidate errors=this.errors validate=this.validate))}}
     </form>
+    <div class="form-actions">
       <ButtonPrimary @onClick={{this.submitForm}}>
           {{this.submitButtonText}}
       </ButtonPrimary>
+      {{#if @secondaryButtonText}}
+        <ButtonPrimary @onClick={{@secondaryAction}} style="margin-left: 1em;">
+            {{@secondaryButtonText}}
+        </ButtonPrimary>
+      {{/if}}
+    </div>
 </div>

package/addon/components/form.js

@@ -18,14 +18,19 @@ export default class FormComponent extends Component {
         this.validations.addValidation(validator);
     }
 
-    submitForm = () => {
-        this.validate();
+    submitForm = async () => {
+        let errors = await this.validate();
+        console.log(errors);
+        if (errors) {
+            return;
+        }
+
         this.args.onSubmit?.();
     }
 
-    validate = () => {
-        let res = this.validations.validate(this.args.model);
-        console.log(res);
-        this.errors = res;
+    validate = async () => {
+        let errors = await this.validations.validate(this.args.model);
+        this.errors = errors;
+        return errors;
     }
 }

package/addon/styles/form.css

@@ -17,6 +17,11 @@
   margin-bottom: 0.25em;
 }
 
+.form-actions {
+    margin-top: 2em;
+    display: flex;
+}
+
 .form-field {
     margin-bottom: 1.50em;
 }

package/addon/validations/validation-builder.js

@@ -13,11 +13,11 @@ export default class ValidationBuilder {
         this.validations.push(validator);
     }
 
-    validate(model) {
+    async validate(model) {
         let errors = {};
         for (let validator of this.validations) {
             const value = get(model, validator.valuePath);
-            validator.validate(value);
+            await validator.validate(value);
             if (!validator.isValid) {
                 errors[validator.valuePath] = validator.errorMessage;
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dlg-ui",
-  "version": "1.0.34",
+  "version": "1.0.36",
   "description": "The default blueprint for ember-cli addons.",
   "keywords": [
     "ember-addon"