# responsive-menu/3.0.6/src/app/Form/MenuOrdering.php

Responsive Menu – Create Mobile-Friendly Menu, version 3.0.6. 50 lines.

- Page: https://pluginprobe.com/plugins/responsive-menu/3.0.6/code/src/app/Form/MenuOrdering.php
- Raw: https://pluginprobe.com/plugins/responsive-menu/3.0.6/raw/src/app/Form/MenuOrdering.php
- Modified: 2016-06-23T18:43:48+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.6/code/src/app/Form/MenuOrdering.php#L10-L20`.

```php
<?php

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

class MenuOrdering implements FormComponent
{

	public function render(Option $option)
	{
    $required = ['title' => '', 'menu' => '', 'search' => '', 'additional content' => ''];
    $current_options = (array) json_decode($option->getValue());
    $all_options = array_merge($current_options, $required);

    echo '<ul id="menu-sortable">';
    foreach($all_options as $name => $val):
      $current_value = isset($current_options[$name]) ? $current_options[$name] : '';
      $on_class = $current_value == 'on' ? 'menu-order-option-switch-on' : '';

      echo '<li class="draggable">'
              . ucwords($name)
              . '<input type="text" class="orderable-item" value="'.$current_value.'" name="menu['.$option->getName().']['.$name.']" />'
              . '<div class="menu-order-option-switch ' . $on_class . '"></div>'
            . '</li>';
    endforeach;
    echo '</ul>';

    echo '<script>
      jQuery(document).ready(function($) {
        $(document).on("click", ".menu-order-option-switch", function() {
          if($(this).siblings("input.orderable-item").val() != "on") {
            $(this).siblings("input.orderable-item").val("on");
            $(this).addClass("menu-order-option-switch-on");
          } else {
            $(this).siblings("input.orderable-item").val("");
            $(this).removeClass("menu-order-option-switch-on");
          }
        });
        $( "#menu-sortable" ).sortable({
          revert: true
        });
        $( "#sortable, .draggable" ).disableSelection();
      });
    </script>';

	}

}

```