| 1 |
{# |
| 2 |
Responsive Menu Jinja template file. |
| 3 |
Safe to Copy |
| 4 |
#} |
| 5 |
|
| 6 |
<tr class='pro-row{% if errors.menu_font_icons %} danger{% endif %}'> |
| 7 |
<td class='col-left col-md-3'> |
| 8 |
<label for='items_order' class='control-label'>Font Icons</label> |
| 9 |
<div class='sub-text'> |
| 10 |
Responsive Menu gives you the opportunity to use a selection of brilliant font icon packages or to |
| 11 |
create your own custom ones. Currently we support the following: |
| 12 |
<ul> |
| 13 |
<li><a href='http://fontawesome.io/icons/' target='_blank'>Font Awesome</a></li> |
| 14 |
<li><a href='http://getbootstrap.com/components/#glyphicons' target='_blank'>GlyphIcons</a></li> |
| 15 |
<li>Custom HTML</li> |
| 16 |
</ul> |
| 17 |
For a guide on implementing icons in your menu and for more info please visit our dedicated doc page |
| 18 |
<a href='https://responsive.menu/knowledgebase/using-font-icons/?utm_source=free-plugin&utm_medium=page&utm_campaign=font-icons' target='_blank'>here</a>. |
| 19 |
</div> |
| 20 |
</td> |
| 21 |
<td class='col-right pro'> |
| 22 |
<div class="responsive-menu-pro-overlay"> |
| 23 |
<a href="https://responsive.menu/pricing?utm_source=free-plugin&utm_medium=option&utm_campaign=menu_font_icons" |
| 24 |
target="_blank">Click to upgrade now to use</a> |
| 25 |
</div> |
| 26 |
<table id='font-icon-container'> |
| 27 |
<tr> |
| 28 |
<td style="width: 400px;">Menu Item</td> |
| 29 |
<td style="width: 200px;">Icon</td> |
| 30 |
<td style="width: 250px;">Type</td> |
| 31 |
<td></td> |
| 32 |
</tr> |
| 33 |
{% set icons = options.menu_font_icons|json_decode %} |
| 34 |
{% if icons is iterable %} |
| 35 |
{% set icon_list = font_icons(icons) %} |
| 36 |
{% for icon in icon_list %} |
| 37 |
{% if icon.type %} |
| 38 |
<tr> |
| 39 |
<td> |
| 40 |
<select class='selectpicker show-tick' name='menu[menu_font_icons][id][]'> |
| 41 |
<option value="">Select Menu Item</option> |
| 42 |
{% for item in menu_items(options) %} |
| 43 |
<option value='{{ item.ID }}' {% if icon.id == item.ID %}selected='selected'{% endif %}>{{ item.title }}</option> |
| 44 |
{% endfor %} |
| 45 |
</select> |
| 46 |
</td> |
| 47 |
<td> |
| 48 |
<input type='text' class='form-control' value='{{ icon.icon|escape }}' name='menu[menu_font_icons][icon][]' placeholder='fa-cog' /> |
| 49 |
</td> |
| 50 |
<td> |
| 51 |
<select class='selectpicker show-tick' name='menu[menu_font_icons][type][]'> |
| 52 |
<option value='font-awesome' {% if icon.type == 'font-awesome' %}selected='selected'{% endif %}>FontAwesome</option> |
| 53 |
<option value='glyphicon' {% if icon.type == 'glyphicon' %}selected='selected'{% endif %}>GlyphIcon</option> |
| 54 |
<option value='custom' {% if icon.type == 'custom' %}selected='selected'{% endif %}>Custom</option> |
| 55 |
</select> |
| 56 |
</td> |
| 57 |
<td><span class="label-danger label delete-font-icon-row">x</span></td> |
| 58 |
</tr> |
| 59 |
{% endif %} |
| 60 |
{% endfor %} |
| 61 |
{% endif %} |
| 62 |
<tr> |
| 63 |
<td> |
| 64 |
<select class='selectpicker show-tick' name='menu[menu_font_icons][id][]'> |
| 65 |
<option value="">Select Menu Item</option> |
| 66 |
{% for item in menu_items(options) %} |
| 67 |
<option value='{{ item.ID }}'>{{ item.title }}</option> |
| 68 |
{% endfor %} |
| 69 |
</select> |
| 70 |
</td> |
| 71 |
<td> |
| 72 |
<input type='text' class='form-control' name='menu[menu_font_icons][icon][]' placeholder='cog' /> |
| 73 |
</td> |
| 74 |
<td> |
| 75 |
<select class='selectpicker show-tick' name='menu[menu_font_icons][type][]'> |
| 76 |
<option value='' selected='selected'>Please Select</option> |
| 77 |
<option value='font-awesome'>FontAwesome</option> |
| 78 |
<option value='glyphicon'>GlyphIcon</option> |
| 79 |
<option value='custom'>Custom</option> |
| 80 |
</select> |
| 81 |
</td> |
| 82 |
<td></td> |
| 83 |
</tr> |
| 84 |
</table> |
| 85 |
<button id='add-font-icon' class='btn btn-rm btn-primary' type='button'>Add Font Icon</button> |
| 86 |
</td> |
| 87 |
</tr> |
| 88 |
|
