Issue #504 fixed

Author: jitendra-webkul

packages/Webkul/Admin/src/Resources/lang/en/app.php

@@ -800,6 +800,7 @@
             'select-call'         => 'Call',
             'select-meeting'      => 'Meeting',
             'select-lunch'        => 'Lunch',
+            'duplicate-value'     => 'The value cannot be duplicate'
         ],
 
         'user' => [

packages/Webkul/Admin/src/Resources/views/common/custom-attributes/edit/email.blade.php

@@ -21,7 +21,7 @@ class="form-group input-group"
                         :name="attribute['code'] + '[' + index + '][value]'"
                         class="control"
                         v-model="email['value']"
-                        v-validate="validations"
+                        v-validate="validations + '|unique_email'"
                         :data-vv-as="attribute['name']"
                     >
 
@@ -67,6 +67,8 @@ class="control"
                 },
     
                 created: function() {
+                    this.extendValidator();
+
                     if (! this.emails || ! this.emails.length) {
                         this.emails = [{
                             'value': '',
@@ -87,6 +89,44 @@ class="control"
                         const index = this.emails.indexOf(email);
     
                         Vue.delete(this.emails, index);
+                    },
+
+                    extendValidator: function () {
+                        this.$validator.extend('unique_email', {
+                            getMessage: (field) => '{!! __('admin::app.common.duplicate-value') !!}',
+
+                            validate: (value) => {
+                                let filteredEmails = this.emails.filter((email) => {
+                                    return email.value == value;
+                                });
+
+                                if (filteredEmails.length > 1) {
+                                    return false;
+                                }
+
+                                this.removeUniqueErrors();
+
+                                return true;
+                            }
+                        });
+                    },
+
+                    isDuplicateExists: function () {
+                        let emails = this.emails.map((email) => email.value);
+
+                        return emails.some((email, index) => emails.indexOf(email) != index);
+                    },
+
+                    removeUniqueErrors: function () {
+                        if (! this.isDuplicateExists()) {
+                            this.errors
+                                .items
+                                .filter(error => error.rule === 'unique')
+                                .map(error => error.id)
+                                .forEach((id) => {
+                                    this.errors.removeById(id);
+                                });
+                        }
                     }
                 }
             });

packages/Webkul/Admin/src/Resources/views/common/custom-attributes/edit/phone.blade.php

@@ -22,7 +22,7 @@ class="form-group input-group"
                         :name="attribute['code'] + '[' + index + '][value]'"
                         class="control"
                         v-model="contactNumber['value']"
-                        v-validate="validations"
+                        v-validate="validations + '|unique_contact_number'"
                         :data-vv-as="attribute['name']"
                     />
 
@@ -72,6 +72,8 @@ class="control"
                 },
 
                 created: function() {
+                    this.extendValidator();
+
                     if (! this.contactNumbers || ! this.contactNumbers.length) {
                         this.contactNumbers = [{
                             'value': '',
@@ -92,6 +94,44 @@ class="control"
                         const index = this.contactNumbers.indexOf(contactNumber);
 
                         Vue.delete(this.contactNumbers, index);
+                    },
+
+                    extendValidator: function () {
+                        this.$validator.extend('unique_contact_number', {
+                            getMessage: (field) => '{!! __('admin::app.common.duplicate-value') !!}',
+
+                            validate: (value) => {
+                                let filteredContactNumbers = this.contactNumbers.filter((contactNumber) => {
+                                    return contactNumber.value == value;
+                                });
+
+                                if (filteredContactNumbers.length > 1) {
+                                    return false;
+                                }
+
+                                this.removeUniqueErrors();
+
+                                return true;
+                            }
+                        });
+                    },
+
+                    isDuplicateExists: function () {
+                        let contactNumbers = this.contactNumbers.map((contactNumber) => contactNumber.value);
+
+                        return contactNumbers.some((contactNumber, index) => contactNumbers.indexOf(contactNumber) != index);
+                    },
+
+                    removeUniqueErrors: function () {
+                        if (! this.isDuplicateExists()) {
+                            this.errors
+                                .items
+                                .filter(error => error.rule === 'unique')
+                                .map(error => error.id)
+                                .forEach((id) => {
+                                    this.errors.removeById(id);
+                                });
+                        }
                     }
                 }
             });