e8c4e96d8d
Removed : unnecessary code from photo_manager.php Updated : Edit Photo layout Updated : Selector for jQuery tooltip plugin Updated : main.html sub_heading to legends Updated : Photo Settings save option layout Updated : Recreate Thumbs save option layout Fixed : get_photo_tags, get_photo and load_required_forms methods photos.class.php Fixed : confirm_collection_type function Added : Inline for documentation for template functions
208 lines
No EOL
13 KiB
HTML
208 lines
No EOL
13 KiB
HTML
{if $mode == '' || $mode == 'photo_settings'}
|
|
<h2>Photo Settings</h2>
|
|
<p>Setup your photo resizing settings and photo behavior</p>
|
|
<div class="controller scrolltoFixed white-grad" >
|
|
<div class="buttons">
|
|
<div class="right-button">
|
|
<a class="btn btn-primary" onclick="$('#photo_settings').submit();">Update Settings</a>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
<form name="form1" method="post" id="photo_settings" class="form-horizontal">
|
|
<fieldset>
|
|
<legend>{lang code='Photo Resizing'}</legend>
|
|
<div class="control-group">
|
|
<label class="control-label" for="site_title">Photo Ratio</label>
|
|
<div class="controls">
|
|
<ul class="thumbnails photo-ratio-boxes" id="ratios">
|
|
<li>
|
|
<label for="ratio_1">
|
|
<input name="photo_ratio" id="ratio_1" value="4:3" type="radio"{if $row.photo_ratio == '4:3'} checked{/if} />
|
|
<div class="thumbnail{if $row.photo_ratio == '4:3'} checked{/if}">
|
|
<div class="photo-ratio-box" style="width:200px; height:150px; line-height: 150px;">4 : 3</div>
|
|
</div>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label for="ratio_2">
|
|
<input name="photo_ratio" id="ratio_2" value="16:10" type="radio"{if $row.photo_ratio == '16:10'} checked{/if} />
|
|
|
|
<div class="thumbnail{if $row.photo_ratio == '16:10'} checked{/if}">
|
|
<div class="photo-ratio-box" style="width:200px; height: 125px; line-height: 125px; ">16 : 10</div>
|
|
</div>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label for="ratio_3">
|
|
<input name="photo_ratio" id="ratio_3" value="16:9" type="radio"{if $row.photo_ratio == '16:9'} checked{/if} />
|
|
<div class="thumbnail{if $row.photo_ratio == '16:9'} checked{/if}">
|
|
<div style="line-height: 113px; width: 200px; height: 113px;" class="photo-ratio-box">16 : 9</div>
|
|
</div>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
<p class="help-block">Your photo thumb and medium size thumb will be resized according to selected ratio</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label for="image_width" class="control-label">Thumb Dimensions</label>
|
|
<div class="controls">
|
|
<input maxlength="3" type="text" name="photo_thumb_width" title="Thumb Width" id="image_width" value="{$row.photo_thumb_width}" class="input-xlarge" /> x
|
|
<input maxlength="3" title="Thumb Height" type="text" name="photo_thumb_height" id="image_height" value="{$row.photo_thumb_height}" readonly="readonly" class="input-xlarge" />
|
|
<p class="help-block">Height will automatically be updated according to your ratio selected</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label for="med_width" class="control-label">Medium Thumb Dimensions</label>
|
|
<div class="controls">
|
|
<input maxlength="3" title="Medium Thumb Width" type="text" name="photo_med_width" id="med_width" value="{$row.photo_med_width}" class="input-xlarge" /> x
|
|
<input maxlength="3" title="Medium Thumb Height" type="text" name="photo_med_height" id="med_height" value="{$row.photo_med_height}" readonly="readonly" class="input-xlarge">
|
|
<p class="help-block">Height will automatically be updated according to your ratio selected</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label for="lar_width" class="control-label">Large Photo Width</label>
|
|
<div class="controls">
|
|
<input type="text" maxlength="4" name="photo_lar_width" id="lar_width" class="input-xlarge" value="{$row.photo_lar_width}" />
|
|
<p class="help-block">Large does not required height, We will resize according to width</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label for="lar_width" class="control-label">Crop Photo</label>
|
|
<div class="controls">
|
|
<label for="crop_yes" class="radio"><input value="1" type="radio" name="photo_crop" id="crop_yes" {if $row.photo_crop == '1'}checked{/if} /> Enable</label>
|
|
<label for="crop_no" class="radio"><input value="0" type="radio" name="photo_crop" id="crop_no" {if $row.photo_crop == '0'}checked{/if}/> Disable</label>
|
|
<p class="help-block"> If Enable, your thumb and medium size will be cropped exactly to above dimensions if required.</p>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
<div class="height20"></div>
|
|
|
|
<fieldset>
|
|
<legend>Photo Behavior</legend>
|
|
|
|
<div class="control-group">
|
|
<label for="multi_photo" class="control-label">Multi Upload</label>
|
|
<div class="controls">
|
|
<input type="text" name="photo_multi_upload" id="multi_photo" class="input-xlarge" value="{$row.photo_multi_upload}" >
|
|
<p class="help-block"> Number of photos, user can upload at once. If you want unlimited set a real high number</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label for="max_photo_size" class="control-label">Max Photo Size</label>
|
|
<div class="controls">
|
|
<input type="text" name="max_photo_size" id="max_photo_size" class="input-xlarge" value="{$row.max_photo_size}" >
|
|
<p class="help-block"> Maximum allowed photo size, in MBs.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label for="photo_download" class="control-label">Enable Photo Downloading</label>
|
|
<div class="controls">
|
|
<input type="checkbox" name="photo_download" id="photo_download" value="1" {if $row.photo_download == '1'}checked{/if}>
|
|
<p class="help-block"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label for="photo_comments" class="control-label">Enable Photo Comments</label>
|
|
<div class="controls">
|
|
<input type="checkbox" name="photo_comments" id="photo_comments" value="1" {if $row.photo_comments == '1'}checked{/if}>
|
|
<p class="help-block"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label for="photo_rating" class="control-label">Enable Photo Rating</label>
|
|
<div class="controls">
|
|
<input type="checkbox" name="photo_rating" id="photo_rating" value="1" {if $row.photo_rating == '1'}checked{/if}>
|
|
<p class="help-block"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label for="own_photo_rating" class="control-label">Can rate own photo ?</label>
|
|
<div class="controls">
|
|
<input type="checkbox" name="own_photo_rating" id="own_photo_rating" value="1" {if $row.own_photo_rating == '1'}checked{/if}>
|
|
<p class="help-block"></p>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
<input type="hidden" name="update" value="Update Settings" />
|
|
|
|
</form>
|
|
|
|
{/if}
|
|
|
|
|
|
{if $mode == 'watermark_settings'}
|
|
<h2>Watermark Settings</h2>
|
|
<p>Here you can upload new watermark, set it's position or set maximum width for watermark</p>
|
|
<div class="controller scrolltoFixed white-grad" >
|
|
<div class="buttons">
|
|
<div class="right-button">
|
|
<a class="btn btn-primary" onclick="$('#watermak_form').submit();">Update Settings</a>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix"></div>
|
|
</div>
|
|
|
|
<form action="" id="watermak_form" method="post" enctype="multipart/form-data" class="form-horizontal">
|
|
<div class="control-group">
|
|
<label class="control-label" for="watermark_photo">Enable Watermarking</label>
|
|
<div class="controls">
|
|
<input name="watermark_photo" id="watermark_photo" type="checkbox" value="1"{if $row.watermark_photo == '1'} checked{/if} >
|
|
<p class="help-block"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label class="control-label" for="watermark_max_width">Maximum Width </label>
|
|
<div class="controls">
|
|
<input name="watermark_max_width" id="watermark_max_width" type="text" value="{$row.watermark_max_width}" >
|
|
<p class="help-block">Maximum Width of watermark image. Recommended is 120.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="control-group">
|
|
<label class="control-label" for="watermark_max_width">Watermark Placement</label>
|
|
<div class="controls">
|
|
<div class="watermark-placement">
|
|
<div class="watermark-placement-holder watermark-top-left{if $row.watermark_placement == 'left:top'} checked{/if}"><label for="top_left"><input type="radio" name="watermark_placement" id="top_left" value="left:top"{if $row.watermark_placement == 'left:top'} checked{/if} /></label></div>
|
|
<div class="watermark-placement-holder watermark-top-center{if $row.watermark_placement == 'center:top'} checked{/if}"><label for="top_center"><input type="radio" name="watermark_placement" id="top_center" value="center:top"{if $row.watermark_placement == 'center:top'} checked{/if} /></label></div>
|
|
<div class="watermark-placement-holder watermark-top-right{if $row.watermark_placement == 'right:top'} checked{/if}"><label for="top_right"><input type="radio" name="watermark_placement" id="top_right" value="right:top"{if $row.watermark_placement == 'right:top'} checked{/if} /></label></div>
|
|
|
|
<div class="watermark-placement-holder watermark-left{if $row.watermark_placement == 'left:center'} checked{/if}"><label for="left"><input type="radio" name="watermark_placement" id="left" value="left:center"{if $row.watermark_placement == 'left:center'} checked{/if} /></label></div>
|
|
<div class="watermark-placement-holder watermark-center{if $row.watermark_placement == 'center:center'} checked{/if}"><label for="center"><input type="radio" name="watermark_placement" id="center" value="center:center"{if $row.watermark_placement == 'center:center'} checked{/if} /></label></div>
|
|
<div class="watermark-placement-holder watermark-right{if $row.watermark_placement == 'right:center'} checked{/if}"><label for="right"><input type="radio" name="watermark_placement" id="right" value="right:center"{if $row.watermark_placement == 'right:center'} checked{/if} /></label></div>
|
|
|
|
<div class="watermark-placement-holder watermark-bottom-left{if $row.watermark_placement == 'left:bottom'} checked{/if}"><label for="bottom_left"><input type="radio" name="watermark_placement" id="bottom_left" value="left:bottom"{if $row.watermark_placement == 'left:bottom'} checked{/if} /></label></div>
|
|
<div class="watermark-placement-holder watermark-bottom-center{if $row.watermark_placement == 'center:bottom'} checked{/if}"><label for="bottom_center"><input type="radio" name="watermark_placement" id="bottom_center" value="center:bottom"{if $row.watermark_placement == 'center:bottom'} checked{/if} /></label></div>
|
|
<div class="watermark-placement-holder watermark-bottom-right{if $row.watermark_placement == 'right:bottom'} checked{/if}"><label for="bottom_right"><input type="radio" name="watermark_placement" id="bottom_right" value="right:bottom"{if $row.watermark_placement == 'right:bottom'} checked{/if} /></label></div>
|
|
</div>
|
|
<p class="help-block">Select a placement for watermark</p>
|
|
</div>
|
|
</div>
|
|
{assign var=file value=$cbphoto->watermark_file()}
|
|
<fieldset>
|
|
<legend>Upload New Watermark - <small rel="popover" class="popover-class" data-content="{if $file}<center><img src='{$file}' /></center>{else}<h4>No watermark found</h4>{/if}" title="Current Watermark">Current Watermark</small></legend>
|
|
<div class="control-group relative">
|
|
<label for="watermark_file" class="control-label">Watermark File</label>
|
|
<div class="controls">
|
|
<input type="file" name="watermark_file" id="watermark_file" />
|
|
<p class="help-block">This will over-write your existing watermark file, if exists.</p>
|
|
</div>
|
|
</div>
|
|
</fieldset>
|
|
|
|
|
|
<input type="hidden" name="update_watermark" value="Update Settings" id="update_watermark" />
|
|
</form>
|
|
{/if} |