From c6e3f5ecb4dc4509ffe28bc21fec618cf1bf8cd0 Mon Sep 17 00:00:00 2001 From: Lionel Bijaoui Date: Fri, 12 Aug 2016 15:54:26 +0200 Subject: [PATCH] :new: new: new field type: Cleave. Reorganization of dev index file. --- dev/index.html | 10 ++-- dev/schema.js | 33 ++++++++++++ src/fields/fieldCleave.vue | 103 +++++++++++++++++++++++++++++++++++++ 3 files changed, 143 insertions(+), 3 deletions(-) create mode 100644 src/fields/fieldCleave.vue diff --git a/dev/index.html b/dev/index.html index a0212314..135e41e9 100644 --- a/dev/index.html +++ b/dev/index.html @@ -12,19 +12,23 @@ - + - + + + + + - +
diff --git a/dev/schema.js b/dev/schema.js index 5b18de9d..d932cc47 100644 --- a/dev/schema.js +++ b/dev/schema.js @@ -191,6 +191,39 @@ module.exports = { styleClasses: "half-width" //validator: validators.regexp }, { + type: "cleave", + label: "Mobile (Cleave.js field)", + model: "mobile", + cleaveOptions: { + // Credit Card + creditCard: false, + onCreditCardTypeChanged(type){ + console.log("onCreditCardTypeChanged", type); + }, + // Phone + phone: false, + phoneRegionCode: 'AU', + // Date + date: false, + datePattern: ['d', 'm', 'Y'], + // Numerals + numeral: false, + numeralThousandsGroupStyle: 'thousand', + numeralDecimalScale: 2, + numeralDecimalMark: '.', + // General + blocks: [0, 2, 3, 4], + delimiter: ' ', + delimiters: ['(', ') ', '-', '-'], + // prefix: '(', + numericOnly: true, + uppercase: false, + lowercase: false + }, + + styleClasses: "half-width", + validator: validators.required + }, { type: "masked", label: "Mobile (masked field)", model: "mobile", diff --git a/src/fields/fieldCleave.vue b/src/fields/fieldCleave.vue new file mode 100644 index 00000000..0d9754df --- /dev/null +++ b/src/fields/fieldCleave.vue @@ -0,0 +1,103 @@ + + + + +