croud-layout - npm Package Compare versions

Comparing version 1.8.0 to 1.8.1

package.json

 {
   "name": "croud-layout",
   "main": "src/plugin.js",
-  "version": "1.8.0",
+  "version": "1.8.1",
   "description": "A Vue.js project",
@@ -17,2 +17,3 @@ "author": "Brock <[e-mail]>",
   "dependencies": {
+    "animate.css": "^3.5.2",
     "axios": "^0.15.3",
@@ -19,0 +20,0 @@ "jquery": "^3.2.1",

src/Login/mixin.js

@@ -8,12 +8,15 @@ import storage from 'localstorage'
             password: '',
-            reminder_email: '',
-            password_success: false,
-            display_password: false,
+            reminderEmail: '',
+            passwordSuccess: false,
+            displayPassword: false,
             loading: false,
             errors: false,
-            error_message: false,
-            password_error: false,
+            errorMessage: false,
+            passwordError: false,
             remember: false,
             view: 'login',
             username: '',
+            passwordSuccessMessage: 'If your account was found we have emailed you a password reset link.',
+            generalError: 'Your email or password is incorrect. Please try again.',
+            emailUs: 'For further assistance, Please email <a class="basic" href="mailto:[e-mail]">[e-mail]</a>.',
         }
@@ -28,7 +31,8 @@ },
         view() {
-            this.error_message = false
-            this.password_error = false
-    // this.password_success = false;
+            this.passwordError = false
+            this.errorMessage = false
+            this.passwordSuccess = false
         },
-        display_password() {
+
+        displayPassword() {
             this.$nextTick(() => {
@@ -41,4 +45,3 @@ this.focusPassword()
             if (!value) {
-                this.error_message = false
-        // this.hideErrorMessage()
+                this.errorMessage = false
             } else {
@@ -89,3 +92,3 @@ this.showErrorMessage()
 
-        display_password() {
+        displayPassword() {
             this.$nextTick(() => {
@@ -100,51 +103,47 @@ this.focusPassword()
 
-        shake() {
-            $('#form-fields-container').animateCss('shake')
+        animate(el, name, duration = 500) {
+            el.classList.add(name)
+
+            setTimeout(() => {
+                el.classList.remove(name)
+            }, duration)
         },
 
         showErrorMessage() {
-            this.error_message = true
-            this.$nextTick(() => {
-                $('#error-message').animateCss('bounceInDown')
-            })
+            this.errorMessage = true
         },
 
         hideErrorMessage() {
-            $('#error-message').animateCss('fadeOutDown', () => {
-                this.error_message = false
-            })
-            setTimeout(() => {
-                this.error_message = false
-            }, 400)
+            this.errorMessage = false
         },
 
         showPasswordErrorMessage() {
-            this.password_error = true
-            this.$nextTick(() => {
-                $('#password_error').animateCss('bounceInDown')
-            })
+            this.passwordError = true
         },
 
         hidePasswordMessage() {
-            $('#error-message').animateCss('fadeOutDown', () => {
-                this.error_message = false
-                this.password_success = false
-            })
-            setTimeout(() => {
-                this.password_success = false
-            }, 400)
+            this.errorMessage = false
+            this.passwordSuccess = false
         },
 
         hidePasswordErrorMessage() {
-            $('#error-message').animateCss('fadeOutDown', () => {
-                this.password_error = false
-            })
-            setTimeout(() => {
-                this.password_error = false
-            }, 400)
+            this.passwordError = false
         },
 
+        emailResetSuccess() {
+            this.loading = false
+            this.passwordSuccess = true
+            this.error = false
+            this.passwordError = false
+            this.reminderEmail = ''
+        },
+
         check() {
             if (this.loading) return
 
+            if (!this.username.length || !this.password.length) {
+                this.animate(this.$refs.userCredFields, 'shake')
+                return
+            }
+
             this.errors = false
@@ -175,3 +174,3 @@ this.loading = true
                 this.errors = true
-                this.shake()
+                this.animate(this.$refs.userCredFields, 'shake')
             })
@@ -181,15 +180,13 @@ },
         submitPasswordLink() {
-            if (this.reminder_email === '') return
-
+            if (!this.reminderEmail.length) {
+                this.animate(this.$refs.reminderEmail, 'shake')
+                return
+            }
             this.loading = true
-
             this.$http.post(`//${gateway_url}/password/email`, {
-                username: this.reminder_email,
-            }).then((response) => {
-                this.loading = false
-                this.password_success = response.data.success
-                this.error = false // !response.data.success;
+                username: this.reminderEmail,
+            }).then(() => {
+                this.emailResetSuccess()
             }, () => {
-                this.loading = false
-                this.showPasswordErrorMessage() // true;
+                this.emailResetSuccess()
             })
@@ -196,0 +193,0 @@ },

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

14022114

Worsened metrics

Dependency count

9

increased by12.5%

Lines of code

183934

Dependency changes

• + Addedanimate.css@^3.5.2

• + Addedanimate.css@3.7.2(transitive)