Merge pull request #55 from Kovah/dev

Improve submit disabling with form check (#53)

.nvmrc

@@ -0,0 +1 @@
+10.15.0

.travis.yml

@@ -2,12 +2,23 @@ branches:
   only:
     - master
 
-language: php
-php:
-  - '7.1.3'
-  - '7.2'
-  - '7.3'
+stages:
+  - test-backend
+  - test-frontend
 
-install:
-  - cp .env.example .env
-  - composer install
+jobs:
+  include:
+    - stage: test-backend
+      language: php
+      php:
+        - '7.1.3'
+        - '7.2'
+        - '7.3'
+      install:
+        - cp .env.example .env
+        - composer install
+
+    - stage: test-frontend
+      language: node_js
+      node_js:
+        - 'lts/*'

package.json

@@ -14,7 +14,8 @@
   },
   "scripts": {
     "dev": "grunt dev",
-    "build": "grunt build"
+    "build": "grunt build",
+    "test": "grunt build"
   },
   "devDependencies": {
     "autoprefixer": "^8.6.5",

resources/assets/js/components/LoadingButton.js

@@ -2,11 +2,18 @@ export default class LoadingButton {
 
   constructor ($el) {
     this.$el = $el;
+    this.$form = this.$el.form;
 
     this.$el.addEventListener('click', this.onClick.bind(this))
   }
 
   onClick () {
-    this.$el.disabled = true;
+    if (this.formIsValid()) {
+      this.$el.disabled = true;
+    }
+  }
+
+  formIsValid() {
+    return this.$form.checkValidity();
   }
 }