Merge pull request #8 from marcomilon/feature/add-support-for-dropdown-menu

Add support for dropdown menu

Author: marcomilon

src/form/Builder.php

@@ -12,13 +12,15 @@ class Builder
         'text' => '/views/input-text.php',
         'email' => '/views/input-text.php',
         'password' => '/views/input-text.php',
-        'textarea' => '/views/textarea.php'
+        'textarea' => '/views/textarea.php',
+        'dropdown' => '/views/dropdown.php'
     ];
 
     private $optionalParameters = [
         'label',
         'id',
-        'placeholder',
+        'placeholder',        
+        'options',
         'repeat',
         'blockId'
     ];

src/form/schemas/input.json

@@ -43,7 +43,11 @@
                     },
                     "value": {
                         "description": "The value attribute of the input",
-                        "type": "string"
+                        "type": "string"                        
+                    },
+                    "options": {
+                        "description": "An array of key, value attribute of the input",
+                        "type": "object"
                     },            
                     "repeat": {
                         "description": "Boolean value to make the input repetable",

src/form/views/dropdown.php

@@ -0,0 +1,14 @@
+<?php 
+// Template variables
+$for = isset($id) ? " for=\"$id\"" : "";
+$id = isset($id) ? " id=\"$id\"" : "";
+$placeholder = isset($placeholder) ? " placeholder=\"$placeholder\"" : "";
+?>
+<div class="form-group">
+    <label<?= $for ?>><?= $label ?></label>
+    <select class="form-control" name="<?= $name ?>"<?= $placeholder . $id ?>>
+        <?php foreach($options as $key => $value): ?>
+            <option values="<?= $key ?>"><?= $value ?></option>
+        <?php endforeach; ?>
+    </select>
+</div>

tests/data/simple/dropdown-menu-tpl.json

@@ -0,0 +1,12 @@
+{
+    "inputs": [
+        {
+            "name": "city",
+            "type": "dropdown",
+            "options": {
+                "1": "Lima",
+                "2": "Arequipa"
+            }
+        }
+    ]
+}

tests/data/simple/dropdown-menu.html

@@ -0,0 +1,7 @@
+<div class="form-group">
+    <label>City</label>
+    <select class="form-control" name="city">
+                    <option values="1">Lima</option>
+                    <option values="2">Arequipa</option>
+            </select>
+</div>

tests/unit/micro/form/Builder.php

@@ -192,4 +192,14 @@ public function testCustomTextarea()
     private function flatString($str) {
       return preg_replace('/\s*/m', '', $str);
     }
+    
+    public function testInputSimpleDropDown() 
+    {
+        $microForm = file_get_contents(dirname(__FILE__) . '/../../../data/simple/dropdown-menu-tpl.json');
+        $expectedRendering = dirname(__FILE__) . '/../../../data/simple/dropdown-menu.html';
+    
+        $builder = new \micro\form\Builder();
+        $form = $builder->render($microForm);
+        $this->string($form)->isEqualToContentsOfFile($expectedRendering);
+    }
 }