clipbucket/upload/admin_area/styles/cb_2014/layout/photo_settings.html

209 lines
10 KiB
HTML

{if $mode == '' || $mode == 'photo_settings'}
<h2>Photo Settings</h2>
<form name="form1" method="post" id="photo_settings">
<div class="photoResizing">
<h3>Photo Resizing</h3>
<div class="form-group">
<label for="radio_id">
Photo Ratio
<P><small>
Your photo thumb and medium size thumb will be resized according to these ratios
</small></P>
</label>
<label class="radio">
<input name="photo_ratio" id="ratio_1" value="4:3" type="radio"{if $row.photo_ratio == '4:3'} checked{/if} />4:3
</label>
<label class="radio">
<input name="photo_ratio" id="ratio_3" value="16:9" type="radio"{if $row.photo_ratio == '16:9'} checked{/if} />16:9
</label>
<label class="radio">
<input name="photo_ratio" id="ratio_2" value="16:10" type="radio"{if $row.photo_ratio == '16:10'} checked{/if} />16:10
</label>
</div>
</div>
<div class="photoBehaviour">
<h3>Photo Behavior</h3>
<div class="form-group">
<label for="multi_photo">
Multi-upload
<p>
<small>Number of photos, user can upload at once.</small>
</p>
</label>
<input class="form-control" type="text" name="photo_multi_upload" id="multi_photo" value="{$row.photo_multi_upload}" >
</div>
<div class="form-group">
<label for="max_photo_size">Max photo size
<p>
<small>Maximum allowed photo size, in MBs.</small>
</p>
</label>
<input class="form-control" type="text" name="max_photo_size" id="max_photo_size" value="{$row.max_photo_size}" >
</div>
<div class="form-group">
<label class="checkbox">
<input type="checkbox" name="photo_download" id="photo_download" value="1" {if $row.photo_download == '1'}checked{/if}>
Enable Photo Downloading
</label>
<label class="checkbox">
<input type="checkbox" name="photo_comments" id="photo_comments" value="1"{if $row.photo_comments == '1'}checked{/if} >
Enable Photo Comments
</label>
<label class="checkbox">
<input type="checkbox" name="photo_rating" id="photo_rating" value="1"{if $row.photo_rating == '1'}checked{/if} >
Enable Photo Rating
</label>
<label class="checkbox">
<input type="checkbox" name="own_photo_rating" id="own_photo_rating" value="1"{if $row.own_photo_rating == '1'}checked{/if} />
User can rate his own photo
</label>
</div>
<div class="form-group">
<label for="image_width">
Photo Width
<p>
<small>Height will automatically be updated according to your ratio selected</small>
</p>
</label>
<input class="form-control" maxlength="3" type="text" name="photo_thumb_width" title="Thumb Width" id="image_width" value="{$row.photo_thumb_width}" />
<input class="form-control" maxlength="3" title="Thumb Height" type="text" name="photo_thumb_height" id="image_height" value="{$row.photo_thumb_height}" readonly>
</div>
<div class="form-group">
<label for="med_width">
Thumb Dimensions
<p>
<small>
Medium Thumb Dimensions:
</small>
</p>
</label>
<input class="form-control" maxlength="3" title="Medium Thumb Width" type="text" name="photo_med_width" id="med_width" value="{$row.photo_med_width}" />
<input class="form-control" maxlength="3" title="Medium Thumb Height" type="text" name="photo_med_height" id="med_height" value="{$row.photo_med_height}" readonly>
</div>
<div class="form-group">
<label for="lar_width">Large photo width</label>
<input class="form-control" type="text" maxlength="3" name="photo_lar_width" id="lar_width" value="{$row.photo_lar_width}" />
</div>
<div class="form-group">
<label for="crop_yes">
Crop Image
<p>
<small>
If Enable, your thumb and medium size will be cropped excatly to above dimensions if required.
</small>
</p>
</label>
<label class="radio">
<input value="1" type="radio" name="photo_crop" id="crop_yes" {if $row.photo_crop == '1'}checked{/if} />Enable
</label>
<label class="radio">
<input value="0" type="radio" name="photo_crop" id="crop_no" {if $row.photo_crop == '0'}checked{/if}/>Disable
</label>
</div>
<input type="submit" name="update" class="btn btn-primary" value="Update Settings" id="udpate" />
</div>
</form>
{/if}
{if $mode == 'watermark_settings'}
<h2>Watermark Settings</h2>
<form action="" method="post" enctype="multipart/form-data">
<div class="main_page_div clearfix">
<fieldset>
<div>
<legend>Watermark Settings</legend>
<table width="100%" border="0" cellpadding="2" cellspacing="0" class="block">
<tr>
<td width="200" valign="top">Enable Watermark</td>
<td valign="top"><input name="watermark_photo" id="watermark_photo" type="checkbox" value="1"{if $row.watermark_photo == '1'} checked{/if} ></td>
</tr>
<tr>
<td width="200" valign="top">Maximum Width <span class="smallText">Maximum Width of watermark image. Recommended is 120.</span></td>
<td valign="top"><input name="watermark_max_width" id="watermark_max_width" type="text" value="{$row.watermark_max_width}" ></td>
</tr>
<tr>
<td width="200" valign="top">Watermark Placement</td>
<td valign="top">
<div style="float:left; width:150px;">
<input type="radio" name="watermark_placement" id="top_left" value="left:top"{if $row.watermark_placement == 'left:top'} checked{/if} />
<label for="top_left">Top - Left</label><br/>
<input type="radio" name="watermark_placement" id="top_right" value="right:top"{if $row.watermark_placement == 'right:top'} checked{/if} />
<label for="top_right">Top - Right</label><br/>
<input type="radio" name="watermark_placement" id="top_center" value="center:top"{if $row.watermark_placement == 'center:top'} checked{/if} />
<label for="top_center">Top - Center</label><br/><br/>
</div>
<div style="float:left; width:150px;">
<input type="radio" name="watermark_placement" id="bottom_left" value="left:bottom"{if $row.watermark_placement == 'left:bottom'} checked{/if} />
<label for="bottom_left">Bottom - Left</label><br/>
<input type="radio" name="watermark_placement" id="bottom_right" value="right:bottom"{if $row.watermark_placement == 'right:bottom'} checked{/if} />
<label for="bottom_right">Bottom - Right</label><br/>
<input type="radio" name="watermark_placement" id="bottom_center" value="center:bottom"{if $row.watermark_placement == 'center:bottom'} checked{/if} />
<label for="bottom_center">Bottom - Center</label><br/><br/>
</div>
<div style="float:left; width:150px;">
<input type="radio" name="watermark_placement" id="left" value="left:center"{if $row.watermark_placement == 'left:center'} checked{/if} />
<label for="left">Left</label><br/>
<input type="radio" name="watermark_placement" id="right" value="right:center"{if $row.watermark_placement == 'right:center'} checked{/if} />
<label for="right">Right</label><br/>
<input type="radio" name="watermark_placement" id="center" value="center:center"{if $row.watermark_placement == 'center:center'} checked{/if} />
<label for="center">Center</label><br/>
</div>
</td>
</tr>
</table>
<div style="height:5px; clear:both"></div>
<legend>Upload New Watermark</legend>
<span class="smallText" style="font-size:11px;">This will over-write your existing watermark file, if exists.</span>
<div style="height:5px; clear:both"></div>
<input type="file" name="watermark_file" id="watermark_file" >
</div>
<div class="main_page_div" style="float:right; width:200px; text-align:center; height:auto; min-height:0px;">
<legend style="width:100%;">Current Watermark</legend>
<div style="height:5px; clear:both"></div>
{assign var=file value=$cbphoto->watermark_file()}
{if $file}
<img src="{$cbphoto->watermark_file()}" />
{else}
<strong>Watermark not found</strong>
{/if}
</div>
</fieldset>
</div> <!-- main_page_div end -->
<div align="right"class="main_page_div" style="padding:5px; min-height:0px; margin-top:10px">
<label>
<input type="submit" name="update_watermark" class="button" value="Update Settings" id="update_watermark" />
</label>
</div>
</form>
{/if}