application/modules/gallery/assets/admin/settings.tpl
<section class="mini-layout">
<div class="frame_title clearfix">
<div class="pull-left">
<span class="help-inline"></span>
<span class="title">{lang("Settings", 'gallery')}</span>
</div>
<div class="pull-right">
<div class="d-i_b">
<a href="/admin/components/cp/gallery" class="t-d_n m-r_15"><span class="f-s_14">←</span> <span class="t-d_u">{lang("Back", 'admin')}</span></a>
<button name="button" class="btn formSubmit btn-primary" data-submit data-form="#gallery_settings_form">{lang("Save", 'gallery')}</button>
</div>
</div>
</div>
<div class="tab-content">
<div class="tab-pane active" id="modules">
<div class="row-fluid form-horizontal">
<form method="post" enctype="multipart/form-data" action="{site_url('admin/components/cp/gallery/settings/update')}" id="gallery_settings_form">
<table class="table table-bordered table-hover table-condensed content_big_td">
<thead>
<tr>
<th colspan="6">
{lang("Categories and albums", 'gallery')}
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="6">
<div class="inside_padd">
<div class="row-fluid">
<div class="control-group span12">
<div class="control-label">{lang("Sort", 'gallery')}:</div>
<div class="controls">
<div class="">
<select name="order_by" class="input-large">
<option value="date" {if $settings.order_by == "date"} selected="selected" {/if}>{lang("By date", 'gallery')}</option>
<option value="name" {if $settings.order_by == "name"} selected="selected" {/if}>{lang("in alphabetic order", 'gallery')}</option>
<option value="position" {if $settings.order_by == "position"} selected="selected" {/if}>{lang("By position", 'gallery')}</option>
</select>
</div>
<div class="m-t_10">
<select name="sort_order" class="input-large">
<option value="desc" {if $settings.sort_order == "desc"} selected="selected" {/if}>{lang("in descending order", 'gallery')}</option>
<option value="asc" {if $settings.sort_order == "asc"} selected="selected" {/if}>{lang("in ascending order", 'gallery')}</option>
</select>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-hover table-condensed content_big_td">
<thead>
<tr>
<th colspan="6">
{lang("Images", 'gallery')}
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="6">
<div class="inside_padd">
<div class="row-fluid span12">
<div class="control-group ">
<label class="control-label" for="max_image_size">{lang("maximum file size", 'gallery')}:</label>
<div class="controls">
<div class="pull-right help-block"> {lang("In megabites", 'gallery')}</div>
<div class="o_h number">
<input type="text" value="{$settings.max_image_size}" name="max_image_size" id="max_file_size"/>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="max_width">{lang("Maximum width", 'gallery')}:</label>
<div class="controls">
<div class="pull-right help-block"> px</div>
<div class="o_h number">
<input type="text" value="{$settings.max_width}" name="max_width" id="max_width"/>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="max_height">{lang("Maximum height", 'gallery')}:</label>
<div class="controls">
<div class="pull-right help-block"> px</div>
<div class="o_h number">
<input type="text" value="{$settings.max_height}" name="max_height" id="max_height"/>
</div>
</div>
</div><div class="control-group">
<label class="control-label" for="quality">{lang("Quality", 'gallery')}:</label>
<div class="controls">
<div class="pull-right help-block"> %</div>
<div class="o_h number">
<input type="text" value="{$settings.quality}" name="quality" id="quality" maxlength="3" data-max="100"/>
</div>
</div>
</div>
<div class="control-group">
<div class="control-label">{lang("Save ratio", 'gallery')}:</div>
<div class="controls">
<label class="d-i_b m-r_15"><input type="radio" value="1" {if $settings.maintain_ratio == TRUE}checked="checked"{/if} name="maintain_ratio" />{lang("Yes", 'gallery')}</label>
<label class="d-i_b"><input type="radio" value="0" {if $settings.maintain_ratio == FALSE}checked="checked"{/if} name="maintain_ratio" />{lang("No", 'gallery')}</label>
</div>
</div>
<div class="control-group">
<div class="control-label">{lang("Cut the borders", 'gallery')}:</div>
<div class="controls">
<label class="d-i_b m-r_15"><input type="radio" value="1" {if $settings.crop == TRUE}checked="checked"{/if} name="crop" /> {lang("Yes", 'gallery')}</label>
<label class="d-i_b"><input type="radio" value="0" {if $settings.crop == FALSE}checked="checked"{/if} name="crop" /> {lang("No", 'gallery')}</label>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-hover table-condensed content_big_td">
<thead>
<tr>
<th colspan="6">
{lang("Image preview", 'gallery')}
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="6">
<div class="inside_padd">
<div class="row-fluid span12">
<div class="control-group">
<label class="control-label" for="prev_img_width">{lang("Width", 'gallery')}:</label>
<div class="controls">
<div class="pull-right help-block"> {lang("px", 'gallery')}</div>
<div class="o_h number">
<input type="text" value="{$settings.prev_img_width}" name="prev_img_width" id="prev_img_width"/>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="prev_img_height">{lang('Height', 'gallery')}:</label>
<div class="controls">
<div class="pull-right help-block"> {lang("px", 'gallery')}</div>
<div class="o_h number">
<input type="text" value="{$settings.prev_img_height}" name="prev_img_height" id="prev_img_height"/>
</div>
</div>
</div>
<div class="control-group">
<div class="control-label">{lang("Save ratio", 'gallery')}:</div>
<div class="controls">
<label class="d-i_b m-r_15"><input type="radio" value="1" {if $settings.maintain_ratio_prev == TRUE}checked="checked"{/if} name="maintain_ratio_prev" /> {lang("Yes", 'gallery')}</label>
<label class="d-i_b"><input type="radio" value="0" {if $settings.maintain_ratio_prev == FALSE}checked="checked"{/if} name="maintain_ratio_prev" /> {lang("No", 'gallery')}</label>
</div>
</div>
<div class="control-group">
<div class="control-label">{lang("Cut the borders", 'gallery')}:</div>
<div class="controls">
<label class="d-i_b m-r_15"><input type="radio" value="1" {if $settings.crop_prev == TRUE}checked="checked"{/if} name="crop_prev" /> {lang("Yes", 'gallery')}</label>
<label class="d-i_b"><input type="radio" value="0" {if $settings.crop_prev == FALSE}checked="checked"{/if} name="crop_prev" /> {lang("No", 'gallery')}</label>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-hover table-condensed content_big_td">
<thead>
<tr>
<th colspan="6">
{lang("Image icons", 'gallery')}
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="6">
<div class="inside_padd">
<div class="row-fluid span12">
<div class="control-group">
<label class="control-label" for="thumb_width">{lang("Width", 'gallery')}:</label>
<div class="controls">
<div class="pull-right help-block"> {lang("px", 'gallery')}</div>
<div class="o_h number">
<input type="text" value="{$settings.thumb_width}" name="thumb_width" id="thumb_width"/>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="thumb_height">{lang('Height', 'gallery')}:</label>
<div class="controls">
<div class="pull-right help-block"> {lang("px", 'gallery')}</div>
<div class="o_h number">
<input type="text" value="{$settings.thumb_height}" name="thumb_height" id="thumb_height"/>
</div>
</div>
</div>
<div class="control-group">
<div class="control-label">{lang("Save ratio", 'gallery')}:</div>
<div class="controls">
<label class="d-i_b m-r_15"><input type="radio" value="1" {if $settings.maintain_ratio_icon == TRUE}checked="checked"{/if} name="maintain_ratio_icon" /> {lang("Yes", 'gallery')}</label>
<label class="d-i_b"><input type="radio" value="0" {if $settings.maintain_ratio_icon == FALSE}checked="checked"{/if} name="maintain_ratio_icon" /> {lang("No", 'gallery')}</label>
</div>
</div>
<div class="control-group">
<div class="control-label">{lang("Cut the borders", 'gallery')}:</div>
<div class="controls">
<label class="d-i_b m-r_15"><input type="radio" value="1" {if $settings.crop_icon == TRUE}checked="checked"{/if} name="crop_icon" /> {lang("Yes", 'gallery')}</label>
<label class="d-i_b"><input type="radio" value="0" {if $settings.crop_icon == FALSE}checked="checked"{/if} name="crop_icon" /> {lang("No", 'gallery')}</label>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table class="table table-bordered table-hover table-condensed content_big_td">
<thead>
<tr>
<th colspan="6">
{lang("Watermark", 'gallery')}
</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="6">
<div class="inside_padd">
<div class="row-fluid span12">
<div class="control-group">
<label class="control-label" for="wm_hor_alignment">{lang("horizontal alignment", 'gallery')}:</label>
<div class="controls">
<select name="wm_hor_alignment" id="wm_hor_alignment">
<option {if $settings.wm_hor_alignment == 'left'}selected="selected"{/if} value="left">{lang("left or on the left", 'gallery')}</option>
<option {if $settings.wm_hor_alignment == 'center'}selected="selected"{/if} value="center">{lang("in the center", 'gallery')}</option>
<option {if $settings.wm_hor_alignment == 'right'}selected="selected"{/if} value="right">{lang("on the right", 'gallery')}</option>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="wm_vrt_alignment">{lang("vertical alignment", 'gallery')}:</label>
<div class="controls">
<select name="wm_vrt_alignment" id="wm_vrt_alignment">
<option {if $settings.wm_vrt_alignment == 'top'}selected="selected"{/if} value="top">{lang("at the top", 'gallery')}</option>
<option {if $settings.wm_vrt_alignment == 'middle'}selected="selected"{/if} value="middle">{lang("in the middle", 'gallery')}</option>
<option {if $settings.wm_vrt_alignment == 'bottom'}selected="selected"{/if} value="bottom">{lang("at the bottom", 'gallery')}</option>
</select>
</div>
</div>
<div class="control-group">
<label class="control-label" for="watermark_type">{lang("Type", 'gallery')}:</label>
<div class="controls">
<select name="watermark_type" onchange="show_watermark_block();" id="watermark_type">
<option value="text" {if $settings.watermark_type == 'text'}selected="selected"{/if} >{lang("Text", 'gallery')}</option>
<option value="overlay" {if $settings.watermark_type == 'overlay'}selected="selected"{/if} >{lang("Image", 'gallery')}</option>
</select>
</div>
</div>
<!-- Image settings -->
<div id="image_settings" {if $settings.watermark_type == 'text'}style="display:none;"{/if}>
<div class="control-group">
<label class="control-label" >{lang("Image path", 'gallery')}:</label>
<div class="controls">
<div class="pull-right">
<a href="{echo site_url('application/third_party/filemanager/dialog.php?type=1&field_id=watermark_image&relative_url=1');}" class="btn btn-small iframe-btn" type="button">
<i class="icon-picture"></i>
{lang('Choose an image ','admin')}
</a>
</div>
<div class="o_h">
<input type="text" value="{$settings.watermark_image}" name="watermark_image" id="watermark_image"/>
<span class="help-inline">{lang("File has to be located on the server. For example", 'gallery')}: /images/logo.png</span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="watermark_image_opacity">{lang("Transparency", 'gallery')}:</label>
<div class="controls">
<div class="pull-right help-block"> %</div>
<div class="o_h number">
<input type="text" value="{$settings.watermark_image_opacity}" name="watermark_image_opacity" id="watermark_image_opacity" maxlength="3" data-max="100"/>
<span class="help-inline">{lang("Select a digit from 1 to 100", 'gallery')}</span>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="watermark_padding">{lang("Offset", 'gallery')}:</label>
<div class="controls">
<div class="pull-right help-block"> {lang("px", 'gallery')}</div>
<div class="o_h">
<input type="text" value="{$settings.watermark_padding}" name="watermark_padding" id="watermark_padding"/>
</div>
</div>
</div>
</div>
<div id="text_settings" {if $settings.watermark_type == 'overlay'}style="display:none;"{/if}>
<div class="control-group">
<label class="control-label" for="watermark_text">{lang("Text", 'gallery')}:</label>
<div class="controls">
<input type="text" value="{$settings.watermark_text}" name="watermark_text" id="watermark_text"/>
</div>
</div>
<div class="control-group">
<label class="control-label" for="watermark_font_size">{lang("Font size", 'gallery')}:</label>
<div class="controls number">
<input type="text" value="{$settings.watermark_font_size}" name="watermark_font_size" id="watermark_font_size"/>
</div>
</div>
<div class="control-group">
<label class="control-label" for="watermark_color">{lang("Font colour", 'gallery')}:</label>
<div class="controls">
<input type="text" value="{$settings.watermark_color}" class="ColorPicker" name="watermark_color" id="watermark_color" maxlength="10"/>
</div>
</div>
<div class="control-group">
<label class="control-label" for="watermark_padding2">{lang("Offset", 'gallery')}:</label>
<div class="controls">
<div class="pull-right help-block"> {lang("px", 'gallery')}</div>
<div class="o_h">
<input type="text" value="{$settings.watermark_padding}" name="watermark_padding" id="watermark_padding2"/>
</div>
</div>
</div>
<div class="control-group">
<label class="control-label">{lang('Path to font ','admin')}:</label>
<div class="controls">
<div>
<span class="btn p_r" style="float: right;">
<i class="icon-folder-open"></i> {lang('Upload','admin')}
<input type="file" value="" name="watermark_font_path"/>
<input type="hidden" value="{echo $settings.watermark_font_path}" name="watermark_font_path_tmp"/>
</span>
<div class="o_h watermark_path_info">
<div>
{if empty($settings.watermark_font_path)}
{lang('Font is not uploaded','admin')}
{else:}
<a href="{site_url(str_replace('./','',$settings.watermark_font_path))}">{$settings.watermark_font_path}</a>
<a class="btn m-l_10" href="javascript:$('#delete_watermark_font_path').val(1); $('.watermark_path_info div').html(langs.fontNotUploaded)"><i class="icon-trash"></i></a>
{/if}
</div>
</div>
</div>
<input id="delete_watermark_font_path" type="hidden" value='0' name="watermark[delete_watermark_font_path]" />
<span class="help-block"> {lang('Font file must support all characters you need.','admin')} </span>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
{form_csrf()}
</form>
</div>
</div>
</div>
</section>
{literal}
<script type="text/javascript">
function show_watermark_block()
{
$('#text_settings, #image_settings').toggle();
}
</script>
{/literal}
<div id="elFinder"></div>