javascript validator, jquery plugin, form and twig extension update

Author: DavidBadura

Extension/ValidationExtension.php

@@ -1,8 +1,8 @@
 <?php
 
-namespace Symfony\Bridge\Twig\Extension;
+namespace SimpleThings\FormExtraBundle\Extension;
 
-use Symfony\Component\Routing\Generator\UrlGeneratorInterface;
+use Symfony\Component\Validator\ValidatorInterface;
 
 /**
  *
@@ -15,13 +15,13 @@ class ValidationExtension extends \Twig_Extension
      *
      * @var ValidatorInterface 
      */
-    private $validation;
+    private $validator;
 
     private $objects;
 
-    public function __construct(ValidatorInterface $validation, array $objects)
+    public function __construct(ValidatorInterface $validator, array $objects)
     {
-        $this->validation = $validation;
+        $this->validator = $validator;
         $this->objects = $objects;
     }
 
@@ -33,30 +33,41 @@ public function __construct(ValidatorInterface $validation, array $objects)
     public function getFunctions()
     {
         return array(
-            'simplethings_formextra_validation'  => new \Twig_Function_Method($this, 'getValidationConstraints'),
+            'simplethings_formextra_validation'  => new \Twig_Function_Method($this, 'getValidationConstraints', array('is_safe' => array('html'))),
         );
     }
 
     public function getValidationConstraints()
     {
 
-        $metadataFactory = $this->validation->getMetadataFactory();
+        $metadataFactory = $this->validator->getMetadataFactory();
+        $data = array();
 
-        foreach($objects as $object) {
+        foreach($this->objects as $object) {
+            $data[$object] = array();
+            
             $metadata = $metadataFactory->getClassMetadata($object);
             $properties = $metadata->getConstrainedProperties();
 
-            var_dump($properties);
-            
+            foreach($properties as $propertie) {
+                $data[$object][$propertie] = array();
+                $constraints = $metadata->getMemberMetadatas($propertie);
+                foreach($constraints[0]->constraints as $constraint) {
+                   $data[$object][$propertie][$this->getConstraintName($constraint)] = $constraint;
+                }
+            }
         }
 
-        
-        
-        
-        
-        
+        return \json_encode($data);
 
     }
+    
+    protected function getConstraintName($constraint) {
+        $class = \get_class($constraint);
+        $parts = \explode('\\', $class);
+        return \lcfirst(\array_pop($parts));
+    }
+    
 
 
     /**

Form/Extension/ValidationTypeExtension.php

@@ -8,9 +8,7 @@
 use Symfony\Component\Form\FormBuilder;
 
 /**
- * Generic extension for fields that allows any attr to be set when building
- * the form.
- *
+ * 
  * @author David Badura <badura@simplethings.de>
  */
 class ValidationTypeExtension extends AbstractTypeExtension
@@ -19,15 +17,15 @@ class ValidationTypeExtension extends AbstractTypeExtension
 
     public function __construct($validatedObjects)
     {
-        $this->validatedObjects = array_keys($validatedObjects);
+        $this->validatedObjects = array_flip($validatedObjects);
     }
 
     /**
      * @return string
      */
     public function getExtendedType()
     {
-        return 'field';
+        return 'form';
     }
 
     /**
@@ -47,8 +45,8 @@ public function buildForm(FormBuilder $builder, array $options)
      */
     public function buildView(FormView $view, FormInterface $form)
     {
-        if (isset($this->validatedObjects[$options['data_class']])) {
-            $attr = $view->get('attr', array());
+        if ($form->hasAttribute('data_class')) {
+            $attr = $form->getAttribute('attr');
             $attr['data-simplethings-validation-class'] = $form->getAttribute('data_class');
             $view->set('attr', $attr);
         }

Resources/config/form_extra.xml

@@ -10,6 +10,7 @@
         <parameter key="simple_things_form_extra.form.type.file_set.class">SimpleThings\FormExtraBundle\Form\Type\FileSetType</parameter>
         <parameter key="simple_things_form_extra.form.extension.field.class">SimpleThings\FormExtraBundle\Form\Extension\FieldTypeExtension</parameter>
         <parameter key="simple_things_form_extra.form.extension.validation.class">SimpleThings\FormExtraBundle\Form\Extension\ValidationTypeExtension</parameter>
+        <parameter key="simple_things_form_extra.twig.extension.validation.class">SimpleThings\FormExtraBundle\Extension\ValidationExtension</parameter>
         <parameter key="simple_things_form_extra.client_validation.objects" type="collection" />
     </parameters>
 
@@ -31,10 +32,15 @@
         </service>
 
         <service id="simple_things_form_extra.form.extension.validation" class="%simple_things_form_extra.form.extension.validation.class%">
-            <tag name="form.extension" alias="validation" />
+            <tag name="form.type_extension" alias="form" />
             <argument>%simple_things_form_extra.client_validation.objects%</argument>
         </service>
-        
+
+        <service id="simple_things_form_extra.twig.extension.validation" class="%simple_things_form_extra.twig.extension.validation.class%">
+            <tag name="twig.extension" alias="form" />
+            <argument type="service" id="validator" />
+            <argument>%simple_things_form_extra.client_validation.objects%</argument>
+        </service>        
 
     </services>
 </container>

Resources/public/js/jquery.plugin.js

@@ -1,30 +1,44 @@
+/**
+ * @author David Badura <badura@simplethings.de>
+ */
 (function($, jQuery) {
-    jQuery.fn.simplethingsFormextraValidation = function (options) {
-        options = jQuery.extend({}, jQuery.fn.SimpleThingsFormExtraValidation.defaults, options);
-
+    jQuery.fn.simpleThingsFormExtraValidation = function (options) {
+        options = jQuery.extend({}, jQuery.fn.simpleThingsFormExtraValidation.defaults, options);
+        
         return $(this).each(function() {
+
+            var objectName = $(this).data('simplethings-validation-class');
 
-            var self = $(this);
-            
-            self.change(function() {
+            $(this).find('input').each(function() {
 
-                if(options.validator.isValid(self.val(), self.data('simplethings-validation-contraints'))) {
-                    
-                   self.removeClass('error');
-                   self.addClass('success');
-                   
-                } else {
+                var $this = $(this);
+              
+                var name = $this.attr('name');
+                name = name.substr(name.indexOf("[") + 1, name.indexOf("]") - name.indexOf("[") - 1);
 
-                   self.removeClass('success');
-                   self.addClass('error');
+                $this.change(function() {
 
-                }
+                    if(options.validator.isValid($this.val(), options.constraints[objectName][name])) {
+                       options.onSuccess($this);
+                    } else {
+                       options.onError($this, options.validator.violations);
+                    }
+
+                });                    
 
             });
 
+            
+           
+            
         });
-    }
-    jQuery.fn.SimpleThingsFormExtraValidation.defaults = {
-        validator: simpleThingsFormExtraValidator
-    }
-})(jQuery, jQuery);
+    };
+    
+    jQuery.fn.simpleThingsFormExtraValidation.defaults = {
+        validator: null,
+        constraints: null,
+        onSuccess: function(object) {},
+        onError: function(object, violations) {}
+    };
+    
+})(jQuery, jQuery);