# responsive-menu/3.0.12/src/app/Form/FontIconPageList.php

Responsive Menu – Create Mobile-Friendly Menu, version 3.0.12. 75 lines.

- Page: https://pluginprobe.com/plugins/responsive-menu/3.0.12/code/src/app/Form/FontIconPageList.php
- Raw: https://pluginprobe.com/plugins/responsive-menu/3.0.12/raw/src/app/Form/FontIconPageList.php
- Modified: 2016-08-27T00:57:36+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/responsive-menu/3.0.12/code/src/app/Form/FontIconPageList.php#L10-L20`.

```php
<?php

namespace ResponsiveMenu\Form;
use ResponsiveMenu\Models\Option;
use ResponsiveMenu\Form\FormComponent;

class FontIconPageList implements FormComponent {

	public function render(Option $option) {

    if($decoded = json_decode($option->getValue()))
      $final = array_filter(array_combine($decoded->id, $decoded->icon));
    else
      $final = null;

    $output = "<div class='font-icon-container'><div class='font-icon-row'><div class='font-icon-cell-id'>" . __('Id', 'responsive-menu') . "</div><div class='font-icon-cell-icon'>" . __('Icon', 'responsive-menu') . "</div></div>";

    if(is_array($final) && !empty($final)):
      foreach($final as $id => $icon):
      		$output .= "
          <div class='font-icon-row'>
            <div class='font-icon-cell-id'>
                <input
                  type='text'
          				class='{$option->getName()}_id'
          				name='menu[{$option->getName()}][id][]'
          				value='{$id}' />
              </div>
            <div class='font-icon-cell-icon'>
                <input
                    type='text'
            				class='{$option->getName()}_icon'
            				name='menu[{$option->getName()}][icon][]'
            				value='{$icon}' />
                </div>
            </div>";
          endforeach;
    else:
      $output .= "
      <div class='font-icon-row'>
        <div class='font-icon-cell-id'>
            <input
              type='text'
              class='{$option->getName()}_id'
              name='menu[{$option->getName()}][id][]'
              value='' />
          </div>
        <div class='font-icon-cell-icon'>
            <input
                type='text'
                class='{$option->getName()}_icon'
                name='menu[{$option->getName()}][icon][]'
                value='' />
            </div>
        </div>";
    endif;

      $output .= "</div><div class='add-font-icon'>" . __('Add New Font Icon', 'responsive-menu') . "</div>";

      $output .= "<script>
        jQuery(document).ready(function($) {
          $(document).on('click', '.add-font-icon', function(e) {
            var lastRow = $('#{$option->getName()}_container .font-icon-row').last();
            var nextRow = lastRow.clone();
            nextRow.find(':text').val('')
            lastRow.after(nextRow);
          });
        });
      </script>";

      return $output;
	}

}

```