| 1 |
{# |
| 2 |
Responsive Menu Jinja template file. |
| 3 |
Safe to Copy |
| 4 |
#} |
| 5 |
|
| 6 |
{% import 'admin/macros.html.twig' as macros %} |
| 7 |
|
| 8 |
{% set section = 'Themes' %} |
| 9 |
|
| 10 |
<div class='panel panel-default'> |
| 11 |
{{ macros.header('Theme', section) }} |
| 12 |
<table class='table table-bordered table-hover'> |
| 13 |
{% set themes = get_available_themes() %} |
| 14 |
{{ macros.row('menu_theme', 'Menu Theme', 'select', options, errors, '', '', 'menu_theme', '', 'Pre-designed themes to help you get started.') }} |
| 15 |
<tr> |
| 16 |
<td class="col-left col-md-3"></td> |
| 17 |
<td class="col-right text-right"> |
| 18 |
{% if themes %} |
| 19 |
{% if options.menu_theme %} |
| 20 |
{% set theme_slug = options.menu_theme %} |
| 21 |
{% else %} |
| 22 |
{% set theme_slug = themes|keys|first %} |
| 23 |
{% endif %} |
| 24 |
<div class="text-left"> |
| 25 |
<img id="responsive-menu-theme-preview" src="{{ themes_folder_url }}/{{ theme_slug }}/preview.png" /> |
| 26 |
</div> |
| 27 |
<div id="responsive-menu-theme-container" class="text-center"> |
| 28 |
<p class="alert alert-info text-center"> |
| 29 |
Applying a theme will overwrite some of your current settings. Please <a class="scroll-to-option" href="#responsive-menu-export">export</a> current settings before applying new theme. |
| 30 |
</p> |
| 31 |
<button style="margin-left: 0;" name='responsive-menu-theme' id='responsive-menu-theme' type='submit' class='btn btn-primary btn-lg btn-rm'>Apply Theme</button> |
| 32 |
</div> |
| 33 |
{% else %} |
| 34 |
<div class="text-center"> |
| 35 |
<p class="alert alert-warning text-center"> |
| 36 |
You don't appear to have any themes installed under <code>{{ themes_folder_dir }}</code> currently. Please check your file path or download some using the button below:<br /><br /> |
| 37 |
<a href="https://responsive.menu/themes" target="_blank" style="color: white; margin-left: 0;" class='btn btn-primary btn-lg btn-rm'>Get Themes</a> |
| 38 |
</p> |
| 39 |
</div> |
| 40 |
{% endif %} |
| 41 |
</td> |
| 42 |
</tr> |
| 43 |
<tr> |
| 44 |
<td class="col-left col-md-3"> |
| 45 |
<label class="control-label">Upload Theme</label> |
| 46 |
<div class="sub-text">Import a zip file of a theme you have downloaded from <a href="https://responsive.menu/themes" target="_blank">https://responsive.menu/themes</a>.</div> |
| 47 |
<div class="sub_sub_title">This will upload files to {{ themes_folder_dir }}.</div> |
| 48 |
</td> |
| 49 |
<td class="col-right text-right" style="padding-right: 90px;"> |
| 50 |
<input type='file' name='responsive-menu-import-theme-file' /> |
| 51 |
<button name='responsive-menu-import-theme' type='submit' class='btn btn-primary btn-lg btn-rm'>Upload</button> |
| 52 |
<div class="alert alert-danger text-center"> |
| 53 |
Always be careful when uploading files from external locations. Ensure that the theme was downloaded directly from <a href="https://responsive.menu" target="_blank">https://responsive.menu</a>. All themes are checked by us before submission to the <a href="https://responsive.menu/themes" target="_blank">theme store</a>. |
| 54 |
</div> |
| 55 |
</td> |
| 56 |
</tr> |
| 57 |
</table> |
| 58 |
</div> |
| 59 |
|
