add first login logic

public/css/custom.css

@@ -1893,4 +1893,18 @@ tfoot > tr {
 
 .overflow-auto {
   overflow: auto;
+}
+
+.parsley-errors-list {
+  list-style: none;
+  padding: 0px;
+  color: #f44336;
+}
+
+.form-control {
+  padding-top: 15px;
+}
+
+.bootstrap-select {
+  margin-top: -12px;
 }

public/js/plugins/parsley-extra.min.js

@@ -0,0 +1,55 @@
+// Validation errors messages for Parsley
+// Load this after Parsley
+
+Parsley.addMessages('fr', {
+    defaultMessage: "Cette valeur semble non valide.",
+    type: {
+        email:        "Cette valeur n'est pas une adresse email valide.",
+        url:          "Cette valeur n'est pas une URL valide.",
+        number:       "Cette valeur doit être un nombre.",
+        integer:      "Cette valeur doit être un entier.",
+        digits:       "Cette valeur doit être numérique.",
+        alphanum:     "Cette valeur doit être alphanumérique."
+    },
+    notblank:       "Cette valeur ne peut pas être vide.",
+    required:       "Ce champ est requis.",
+    pattern:        "Cette valeur semble non valide.",
+    min:            "Cette valeur ne doit pas être inférieure à %s.",
+    max:            "Cette valeur ne doit pas excéder %s.",
+    range:          "Cette valeur doit être comprise entre %s et %s.",
+    minlength:      "Cette chaîne est trop courte. Elle doit avoir au minimum %s caractères.",
+    maxlength:      "Cette chaîne est trop longue. Elle doit avoir au maximum %s caractères.",
+    length:         "Cette valeur doit contenir entre %s et %s caractères.",
+    mincheck:       "Vous devez sélectionner au moins %s choix.",
+    maxcheck:       "Vous devez sélectionner %s choix maximum.",
+    check:          "Vous devez sélectionner entre %s et %s choix.",
+    equalto:        "Cette valeur devrait être identique."
+});
+
+Parsley.setLocale('fr');
+
+window.Parsley
+    .addValidator('password', {
+        requirementType: 'boolean',
+        validateString: function(value, requirement) {
+            console.log(/^(?=.*[\d])(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*])[\w!@#$%^&*]{8,}$/.test(value));
+            return /^(?=.*[\d])(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&*])[\w!@#$%^&*]{8,}$/.test(value);
+        },
+        messages: {
+            fr: 'Le mot de passe doit contenir au moins 8 caractères, une lettre majuscule, une lettre minuscule, un chiffre et un caractères spécial'
+        }
+    });
+
+window.Parsley.on('field:error', function (fieldInstance) {
+    var messages = ParsleyUI.getErrorsMessages(fieldInstance);
+    var errorMsg = messages.join(';');
+    fieldInstance.$element.parent().addClass('has-danger');
+    fieldInstance.$element.parent().removeClass('has-success');
+
+});
+window.Parsley.on('field:success', function (fieldInstance) {
+    if (fieldInstance.$element.val() != "") {
+        fieldInstance.$element.parent().removeClass('has-danger');
+        fieldInstance.$element.parent().addClass('has-success');
+    }
+});