Merge pull request #15 from carakas/form-button-with-icon-example

Add button icons example to the bundle

Author: tijsverkoyen

Controller/TutorialController.php

@@ -3,6 +3,7 @@
 namespace SumoCoders\FrameworkExampleBundle\Controller;
 
 use Knp\Menu\MenuItem;
+use SumoCoders\FrameworkExampleBundle\Form\Type\ButtonIconType;
 use SumoCoders\FrameworkExampleBundle\Form\Type\CollectionsType;
 use SumoCoders\FrameworkExampleBundle\Form\Type\DatePickerType;
 use SumoCoders\FrameworkExampleBundle\Form\Type\LabelsType;
@@ -33,7 +34,20 @@ public function datePickerAction()
      */
     public function labelsAction()
     {
-        $form = $this->createForm(new LabelsType);
+        $form = $this->createForm(new LabelsType());
+
+        return array(
+            'form' => $form->createView(),
+        );
+    }
+
+    /**
+     * @Route("/tutorial/button-icons")
+     * @Template()
+     */
+    public function buttonIconsAction()
+    {
+        $form = $this->createForm(new ButtonIconType());
 
         return array(
             'form' => $form->createView(),

EventListener/MenuListener.php

@@ -76,6 +76,7 @@ public function onConfigureMenu(ConfigureMenuEvent $event)
                 ),
                 'example.menu.datepicker' => 'sumocoders_frameworkexample_tutorial_datepicker',
                 'example.menu.labels' => 'sumocoders_frameworkexample_tutorial_labels',
+                'example.menu.buttonIcons' => 'sumocoders_frameworkexample_tutorial_buttonicons',
                 'example.menu.statistics' => 'sumocoders_frameworkexample_tutorial_statistics',
                 'example.menu.customBreadCrumb' => 'sumocoders_frameworkexample_tutorial_custombreadcrumb',
                 'example.menu.collections' => 'sumocoders_frameworkexample_tutorial_collections',

Form/Type/ButtonIconType.php

@@ -0,0 +1,35 @@
+<?php
+
+namespace SumoCoders\FrameworkExampleBundle\Form\Type;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\FormBuilderInterface;
+
+class ButtonIconType extends AbstractType
+{
+    /**
+     * {@inheritdoc}
+     */
+    public function buildForm(FormBuilderInterface $builder, array $options)
+    {
+        $builder->add(
+            'example',
+            'submit',
+            [
+                'label' => 'Bug',
+                'icon' => 'fa fa-bug',
+                'attr' => [
+                    'class' => 'btn btn-large btn-default btn-block',
+                ],
+            ]
+        );
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    public function getName()
+    {
+        return 'buttonIcons';
+    }
+}

Resources/translations/messages.en.yml

@@ -6,6 +6,7 @@ example:
       datepicker: datepickers
       hello: hello %name%
       labels: labels
+      buttonIcons: button icons
 
   menu:
     bootstrap: bootstrap
@@ -17,6 +18,7 @@ example:
     labels: labels
     tutorials: tutorials
     statistics: statistics
+    buttonIcons: button icons
 
 datePicker:
   birthday.example: birthday

Resources/translations/messages.nl.yml

@@ -6,6 +6,7 @@ example:
       datepicker: date pickers
       hello: hallo %name%
       labels: labels
+      buttonIcons: knop iconen
 
   menu:
     bootstrap: bootstrap
@@ -15,6 +16,7 @@ example:
     examples: voorbeelden
     hello: hallo
     labels: labels
+    buttonIcons: knop iconen
     tutorials: howto's
     statistics: statistics
 

Resources/views/Tutorial/buttonIcons.html.twig

@@ -0,0 +1,13 @@
+{% extends '::base.html.twig' %}
+
+{% block header_title %}
+  <h2>
+    {{ 'example.header.title.buttonIcons'|trans|capitalize }}
+  </h2>
+{% endblock %}
+
+{% block main %}
+  {{ form_start(form) }}
+  {{ form_rest(form) }}
+  {{ form_end(form) }}
+{% endblock %}