add frontend project

PROJECT/fastprod_frontend/plugins/veeValidate.js

@@ -0,0 +1,57 @@
+// import * as VeeValidate from 'vee-validate'
+import {
+  required,
+  confirmed,
+  email,
+  alpha,
+  digits,
+  numeric,
+  regex,
+} from "vee-validate/dist/rules";
+import {
+  ValidationProvider,
+  ValidationObserver,
+  extend,
+  localize,
+} from "vee-validate";
+// import attributesFr from 'vee-validate/dist/locale/fr'
+import fr from "vee-validate/dist/locale/fr.json";
+import Vue from "vue";
+
+Vue.component("ValidationProvider", ValidationProvider);
+Vue.component("ValidationObserver", ValidationObserver);
+
+localize("fr", fr);
+extend("required", required);
+extend("confirmed", confirmed);
+extend("alpha", alpha);
+extend("digits", digits);
+extend("regex", regex);
+extend("numeric", numeric);
+extend("decimal", {
+  validate: (value, { decimals = "*", separator = "." } = {}) => {
+    if (value === null || value === undefined || value === "") {
+      return {
+        valid: false,
+      };
+    }
+
+    if (Number(decimals) === 0) {
+      return {
+        valid: /^-?\d*$/.test(value),
+      };
+    }
+    const regexPart = decimals === "*" ? "+" : `{1,${decimals}}`;
+    // eslint-disable-next-line no-unused-vars
+    const regex = new RegExp(
+      `^[-+]?\\d*(\\${separator}\\d${regexPart})?([eE]{1}[-]?\\d+)?$`
+    );
+    value = Number(value);
+
+    return {
+      valid: regex.test(value),
+    };
+  },
+  message:
+    "Le champ {_field_} doit contenir seulement un chiffre décimal par exemple: 500 ou 500.50",
+});