banner_form.twig (7719B)
1 {{ header }}{{ column_left }} 2 <div id="content"> 3 <div class="page-header"> 4 <div class="container-fluid"> 5 <div class="pull-right"> 6 <button type="submit" form="form-banner" data-toggle="tooltip" title="{{ button_save }}" class="btn btn-primary"><i class="fa fa-save"></i></button> 7 <a href="{{ cancel }}" data-toggle="tooltip" title="{{ button_cancel }}" class="btn btn-default"><i class="fa fa-reply"></i></a></div> 8 <h1>{{ heading_title }}</h1> 9 <ul class="breadcrumb"> 10 {% for breadcrumb in breadcrumbs %} 11 <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li> 12 {% endfor %} 13 </ul> 14 </div> 15 </div> 16 <div class="container-fluid"> 17 {% if error_warning %} 18 <div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> {{ error_warning }} 19 <button type="button" class="close" data-dismiss="alert">×</button> 20 </div> 21 {% endif %} 22 <div class="panel panel-default"> 23 <div class="panel-heading"> 24 <h3 class="panel-title"><i class="fa fa-pencil"></i> {{ text_form }}</h3> 25 </div> 26 <div class="panel-body"> 27 <form action="{{ action }}" method="post" enctype="multipart/form-data" id="form-banner" class="form-horizontal"> 28 <div class="form-group required"> 29 <label class="col-sm-2 control-label" for="input-name">{{ entry_name }}</label> 30 <div class="col-sm-10"> 31 <input type="text" name="name" value="{{ name }}" placeholder="{{ entry_name }}" id="input-name" class="form-control" /> 32 {% if error_name %} 33 <div class="text-danger">{{ error_name }}</div> 34 {% endif %} 35 </div> 36 </div> 37 <div class="form-group"> 38 <label class="col-sm-2 control-label" for="input-status">{{ entry_status }}</label> 39 <div class="col-sm-10"> 40 <select name="status" id="input-status" class="form-control"> 41 {% if status %} 42 <option value="1" selected="selected">{{ text_enabled }}</option> 43 <option value="0">{{ text_disabled }}</option> 44 {% else %} 45 <option value="1">{{ text_enabled }}</option> 46 <option value="0" selected="selected">{{ text_disabled }}</option> 47 {% endif %} 48 </select> 49 </div> 50 </div> 51 <br /> 52 <ul class="nav nav-tabs" id="language"> 53 {% for language in languages %} 54 <li><a href="#language{{ language.language_id }}" data-toggle="tab"><img src="language/{{ language.code }}/{{ language.code }}.png" title="{{ language.name }}" /> {{ language.name }}</a></li> 55 {% endfor %} 56 </ul> 57 <div class="tab-content"> 58 {% set image_row = 0 %} 59 {% for language in languages %} 60 <div class="tab-pane" id="language{{ language.language_id }}"> 61 <table id="images{{ language.language_id }}" class="table table-striped table-bordered table-hover"> 62 <thead> 63 <tr> 64 <td class="text-left">{{ entry_title }}</td> 65 <td class="text-left">{{ entry_link }}</td> 66 <td class="text-center">{{ entry_image }}</td> 67 <td class="text-right">{{ entry_sort_order }}</td> 68 <td></td> 69 </tr> 70 </thead> 71 <tbody> 72 {% if banner_images[language.language_id] %} 73 {% for banner_image in banner_images[language.language_id] %} 74 <tr id="image-row{{ image_row }}"> 75 <td class="text-left"><input type="text" name="banner_image[{{ language.language_id }}][{{ image_row }}][title]" value="{{ banner_image.title }}" placeholder="{{ entry_title }}" class="form-control" /> 76 {% if error_banner_image[language.language_id][image_row] %} 77 <div class="text-danger">{{ error_banner_image[language.language_id][image_row] }}</div> 78 {% endif %}</td> 79 <td class="text-left" style="width: 30%;"><input type="text" name="banner_image[{{ language.language_id }}][{{ image_row }}][link]" value="{{ banner_image.link }}" placeholder="{{ entry_link }}" class="form-control" /></td> 80 <td class="text-center"><a href="" id="thumb-image{{ image_row }}" data-toggle="image" class="img-thumbnail"><img src="{{ banner_image.thumb }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a> 81 <input type="hidden" name="banner_image[{{ language.language_id }}][{{ image_row }}][image]" value="{{ banner_image.image }}" id="input-image{{ image_row }}" /></td> 82 <td class="text-right" style="width: 10%;"><input type="text" name="banner_image[{{ language.language_id }}][{{ image_row }}][sort_order]" value="{{ banner_image.sort_order }}" placeholder="{{ entry_sort_order }}" class="form-control" /></td> 83 <td class="text-left"><button type="button" onclick="$('#image-row{{ image_row }}, .tooltip').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td> 84 </tr> 85 {% set image_row = image_row + 1 %} 86 {% endfor %} 87 {% endif %} 88 </tbody> 89 <tfoot> 90 <tr> 91 <td colspan="4"></td> 92 <td class="text-left"><button type="button" onclick="addImage('{{ language.language_id }}');" data-toggle="tooltip" title="{{ button_banner_add }}" class="btn btn-primary"><i class="fa fa-plus-circle"></i></button></td> 93 </tr> 94 </tfoot> 95 </table> 96 </div> 97 {% endfor %} 98 </div> 99 </form> 100 </div> 101 </div> 102 </div> 103 <script type="text/javascript"><!-- 104 var image_row = {{ image_row }}; 105 106 function addImage(language_id) { 107 html = '<tr id="image-row' + image_row + '">'; 108 html += ' <td class="text-left"><input type="text" name="banner_image[' + language_id + '][' + image_row + '][title]" value="" placeholder="{{ entry_title }}" class="form-control" /></td>'; 109 html += ' <td class="text-left" style="width: 30%;"><input type="text" name="banner_image[' + language_id + '][' + image_row + '][link]" value="" placeholder="{{ entry_link }}" class="form-control" /></td>'; 110 html += ' <td class="text-center"><a href="" id="thumb-image' + image_row + '" data-toggle="image" class="img-thumbnail"><img src="{{ placeholder }}" alt="" title="" data-placeholder="{{ placeholder }}" /></a><input type="hidden" name="banner_image[' + language_id + '][' + image_row + '][image]" value="" id="input-image' + image_row + '" /></td>'; 111 html += ' <td class="text-right" style="width: 10%;"><input type="text" name="banner_image[' + language_id + '][' + image_row + '][sort_order]" value="" placeholder="{{ entry_sort_order }}" class="form-control" /></td>'; 112 html += ' <td class="text-left"><button type="button" onclick="$(\'#image-row' + image_row + ', .tooltip\').remove();" data-toggle="tooltip" title="{{ button_remove }}" class="btn btn-danger"><i class="fa fa-minus-circle"></i></button></td>'; 113 html += '</tr>'; 114 115 $('#images' + language_id + ' tbody').append(html); 116 117 image_row++; 118 } 119 //--></script> 120 <script type="text/javascript"><!-- 121 $('#language a:first').tab('show'); 122 //--></script> 123 </div> 124 {{ footer }}