aboutsummaryrefslogtreecommitdiffstats
path: root/admin/themes/default
diff options
context:
space:
mode:
authorplegall <plg@piwigo.org>2012-04-29 07:34:44 +0000
committerplegall <plg@piwigo.org>2012-04-29 07:34:44 +0000
commit5884b956f88bc8b602a7179d9e59f1c737ad99fc (patch)
tree64ebfc3e6741a45a097dde8e061a6567a5082be7 /admin/themes/default
parent7c25cf9b781dab5183649b1216d51bf91326d257 (diff)
feature 2626: new design for the watermark configuration screen (tab in the "config > options")
TODO: the detection of derivatives that need to be updated is not working. git-svn-id: http://piwigo.org/svn/trunk@14512 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--admin/themes/default/template/configuration.tpl89
-rw-r--r--admin/themes/default/theme.css36
2 files changed, 123 insertions, 2 deletions
diff --git a/admin/themes/default/template/configuration.tpl b/admin/themes/default/template/configuration.tpl
index 631423d3a..288e9f9ff 100644
--- a/admin/themes/default/template/configuration.tpl
+++ b/admin/themes/default/template/configuration.tpl
@@ -450,6 +450,95 @@ input[type="text"].dError {border-color:#ff7070; background-color:#FFe5e5;}
</fieldset>
{/if}
+{if isset($watermark)}
+
+{footer_script}{literal}
+jQuery(document).ready(function() {
+
+ if (jQuery("input[name='w[position]']:checked").val() == 'custom') {
+ jQuery("#positionCustomDetails").show();
+ }
+
+ jQuery("input[name='w[position]']").change(function(){
+ if (jQuery(this).val() == 'custom') {
+ jQuery("#positionCustomDetails").show();
+ }
+ else {
+ jQuery("#positionCustomDetails").hide();
+ }
+ });
+});
+{/literal}{/footer_script}
+
+
+<fieldset id="watermarkConf">
+ <legend></legend>
+ <ul>
+ <li>
+ <label>{'Select a file'|@translate}</label>
+ <select name="w[file]" id="wSelect">
+ {html_options options=$watermark_files selected=$watermark.file}
+ </select>
+ <br>{'... or '|@translate}<a href="#" class="addWatermarkOpen" title="{'add a new watermark'|@translate}">{'add a new watermark'|@translate}</a>
+ </li>
+
+{*
+<p><img id="wImg"></img></p>
+*}
+
+ <li>
+ <label>
+ {'Apply watermark if width is bigger than'|@translate}
+ <input size="4" maxlength="4" type="text" name="w[minw]" value="{$watermark.minw}"{if isset($ferrors.watermark.minw)}class="dError"{/if}>
+ </label>
+ {'pixels'|@translate}
+ </li>
+
+ <li>
+ <label>
+ {'Apply watermark if height is bigger than'|@translate}
+ <input size="4" maxlength="4" type="text" name="w[minh]" value="{$watermark.minh}"{if isset($ferrors.watermark.minh)}class="dError"{/if}>
+ </label>
+ {'pixels'|@translate}
+ </li>
+
+ <li>
+ <label>{'Position'|@translate}</label>
+ <br>
+ <div id="watermarkPositionBox">
+ <label class="right">{'top right corner'|@translate} <input name="w[position]" type="radio" value="topright"{if $watermark.position eq 'topright'} checked="checked"{/if}></label>
+ <label><input name="w[position]" type="radio" value="topleft"{if $watermark.position eq 'topleft'} checked="checked"{/if}> {'top left corner'|@translate}</label>
+ <label class="middle"><input name="w[position]" type="radio" value="middle"{if $watermark.position eq 'middle'} checked="checked"{/if}> {'middle'|@translate}</label>
+ <label class="right">{'bottom right corner'|@translate} <input name="w[position]" type="radio" value="bottomright"{if $watermark.position eq 'bottomright'} checked="checked"{/if}></label>
+ <label><input name="w[position]" type="radio" value="bottomleft"{if $watermark.position eq 'bottomleft'} checked="checked"{/if}> {'bottom left corner'|@translate}</label>
+ </div>
+ <label style="display:block;margin-top:10px;font-weight:normal;"><input name="w[position]" type="radio" value="custom"{if $watermark.position eq 'custom'} checked="checked"{/if}> {'custom'|@translate}</label>
+ <div id="positionCustomDetails">
+ <label>{'X Position'|@translate}
+ <input size="3" maxlength="3" type="text" name="w[xpos]" value="{$watermark.xpos}"{if isset($ferrors.watermark.xpos)}class="dError"{/if}>%
+ </label>
+
+ <br>
+ <label>{'Y Position'|@translate}
+ <input size="3" maxlength="3" type="text" name="w[ypos]" value="{$watermark.ypos}"{if isset($ferrors.watermark.ypos)}class="dError"{/if}>%
+ </label>
+
+ <br>
+ <label>{'X Repeat'|@translate}
+ <input size="3" maxlength="3" type="text" name="w[xrepeat]" value="{$watermark.xrepeat}"{if isset($ferrors.watermark.xrepeat)}class="dError"{/if}>
+ </label>
+ </div>
+ </li>
+
+ <li>
+ <label>{'Opacity'|@translate}</label>
+ <input size="3" maxlength="3" type="text" name="w[opacity]" value="{$watermark.opacity}"{if isset($ferrors.watermark.opacity)}class="dError"{/if}> %
+ </li>
+ </ul>
+</fieldset>
+
+{/if} {* end of watermark section *}
+
{if isset($display)}
<fieldset id="indexDisplayConf">
<legend>{'Main Page'|@translate}</legend>
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index da92075c5..bf9013184 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -471,7 +471,7 @@ FORM.properties SPAN.property {
padding: 0 0.5em 0 0;
}
-#mainConf, #historyConf, #commentsConf {border:none}
+#mainConf, #historyConf, #commentsConf, #watermarkConf {border:none}
#configContent label {
font-weight: bold;
@@ -1075,4 +1075,36 @@ FORM#categoryOrdering .categoryLi:hover p.albumActions {visibility:visible;}
#autoOrder p.actionButtons, #createAlbum p.actionButtons {margin-bottom:0;}
#ftpPage p {text-align:left;margin:1em;}
-#ftpPage fieldset p {margin:0;} \ No newline at end of file
+#ftpPage fieldset p {margin:0;}
+
+/* watermark configuration screen */
+#watermarkPositionBox {
+ border:2px solid #ccc;
+ width:500px;
+ padding:5px;
+ background-color:#e5e5e5;
+}
+
+#watermarkPositionBox label {
+ font-weight:normal;
+ display:block;
+ color:#444;
+}
+
+#watermarkPositionBox label.middle {
+ margin:50px;
+ text-align:center;
+}
+
+#watermarkPositionBox label.right {
+ float:right;
+}
+
+#positionCustomDetails {
+ margin-left:20px;
+ display:none;
+}
+
+#positionCustomDetails label {
+ font-weight:normal;
+} \ No newline at end of file