aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authormistic100 <mistic@piwigo.org>2014-09-15 15:18:17 +0000
committermistic100 <mistic@piwigo.org>2014-09-15 15:18:17 +0000
commitb56c103188ab4fb76fdcc42c4fbc3810d384b5aa (patch)
tree3841699071be6ec8e40ea0a696a1e8fdfe3cd540
parent34c0290bbfa62a6ef24f2f71cb2366863c56cb72 (diff)
use fontello for every checkbox on config screens + split configuration.tpl file
git-svn-id: http://piwigo.org/svn/trunk@29539 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--admin/themes/clear/theme.css1
-rw-r--r--admin/themes/default/js/common.js18
-rw-r--r--admin/themes/default/template/configuration.tpl908
-rw-r--r--admin/themes/default/template/configuration_comments.tpl151
-rw-r--r--admin/themes/default/template/configuration_default.tpl61
-rw-r--r--admin/themes/default/template/configuration_display.tpl237
-rw-r--r--admin/themes/default/template/configuration_main.tpl216
-rw-r--r--admin/themes/default/template/configuration_sizes.tpl232
-rw-r--r--admin/themes/default/template/configuration_watermark.tpl131
-rw-r--r--admin/themes/default/theme.css13
-rw-r--r--admin/themes/roma/theme.css6
11 files changed, 1064 insertions, 910 deletions
diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css
index 0a814da2a..eff007248 100644
--- a/admin/themes/clear/theme.css
+++ b/admin/themes/clear/theme.css
@@ -381,3 +381,4 @@ table.dataTable thead th {
box-shadow:inset 0px 1px 3px 0px rgba(255,255,255,0.4);
}
+.font-checkbox [class*=icon-check]:before { color:#444; }
diff --git a/admin/themes/default/js/common.js b/admin/themes/default/js/common.js
index 0f6435387..1f0594100 100644
--- a/admin/themes/default/js/common.js
+++ b/admin/themes/default/js/common.js
@@ -1,3 +1,21 @@
+jQuery.fn.fontCheckbox = function() {
+ this.find('input[type=checkbox], input[type=radio]').each(function() {
+ if (!jQuery(this).is(':checked')) {
+ jQuery(this).prev().toggleClass('icon-check icon-check-empty');
+ }
+ });
+ this.find('input[type=checkbox]').on('change', function() {
+ jQuery(this).prev().toggleClass('icon-check icon-check-empty');
+ });
+ this.find('input[type=radio]').on('change', function() {
+ jQuery(this).closest('.font-checkbox').find('input[type=radio][name='+ jQuery(this).attr('name') +']')
+ .prev().toggleClass('icon-check icon-check-empty');
+ });
+};
+
+// init fontChecbox everywhere
+jQuery('.font-checkbox').fontCheckbox();
+
function array_delete(arr, item) {
var i = arr.indexOf(item);
if (i != -1) arr.splice(i, 1);
diff --git a/admin/themes/default/template/configuration.tpl b/admin/themes/default/template/configuration.tpl
deleted file mode 100644
index 0f0a80e20..000000000
--- a/admin/themes/default/template/configuration.tpl
+++ /dev/null
@@ -1,908 +0,0 @@
-{footer_script}
-(function(){
- var targets = {
- 'input[name="rate"]' : '#rate_anonymous',
- 'input[name="allow_user_registration"]' : '#email_admin_on_new_user',
- 'input[name="comments_validation"]' : '#email_admin_on_comment_validation',
- 'input[name="user_can_edit_comment"]' : '#email_admin_on_comment_edition',
- 'input[name="user_can_delete_comment"]' : '#email_admin_on_comment_deletion',
- };
-
- for (selector in targets) {
- var target = targets[selector];
-
- jQuery(target).toggle(jQuery(selector).is(':checked'));
-
- (function(target){
- jQuery(selector).on('change', function() {
- jQuery(target).toggle($(this).is(':checked'));
- });
- })(target);
- };
-}());
-{/footer_script}
-
-<h2>{'Piwigo configuration'|@translate} {$TABSHEET_TITLE}</h2>
-
-{if !isset($default)}
-<form method="post" action="{$F_ACTION}" class="properties"{if isset($watermark)} enctype="multipart/form-data"{/if}>
-{/if}
-
-<div id="configContent">
-{if isset($main)}
-<fieldset class="mainConf">
- <legend>{'Basic settings'|translate}</legend>
- <ul>
- <li>
- <label for="gallery_title">{'Gallery title'|@translate}</label>
- <br>
- <input type="text" maxlength="255" size="50" name="gallery_title" id="gallery_title" value="{$main.CONF_GALLERY_TITLE}">
- </li>
-
- <li>
- <label for="page_banner">{'Page banner'|@translate}</label>
- <br>
- <textarea rows="5" cols="50" class="description" name="page_banner" id="page_banner">{$main.CONF_PAGE_BANNER}</textarea>
- </li>
-
- <li id="order_filters">
- <label>{'Default photos order'|@translate}</label>
-
- {foreach from=$main.order_by item=order}
- <span class="filter {if isset($ORDER_BY_IS_CUSTOM)}transparent{/if}">
- <select name="order_by[]" {if isset($ORDER_BY_IS_CUSTOM)}disabled{/if}>
- {html_options options=$main.order_by_options selected=$order}
- </select>
- <a class="removeFilter">{'delete'|@translate}</a>
- </span>
- {/foreach}
-
- {if !isset($ORDER_BY_IS_CUSTOM)}
- <a class="addFilter">{'Add a criteria'|@translate}</a>
- {else}
- <span class="order_by_is_custom">{'You can\'t define a default photo order because you have a custom setting in your local configuration.'|@translate}</span>
- {/if}
- </li>
- </ul>
-
-{if !isset($ORDER_BY_IS_CUSTOM)}
-{footer_script require='jquery'}
-(function(){
-var max_fields = Math.ceil({$main.order_by_options|@count}/2);
-
-function updateFilters() {
- var $selects = jQuery('#order_filters select');
-
- jQuery('#order_filters .addFilter').toggle($selects.length <= max_fields);
- jQuery('#order_filters .removeFilter').css('display', '').filter(':first').css('display', 'none');
-
- $selects.find('option').removeAttr('disabled');
- $selects.each(function() {
- $selects.not(this).find('option[value="'+ jQuery(this).val() +'"]').attr('disabled', 'disabled');
- });
-}
-
-jQuery('#order_filters').on('click', '.removeFilter', function() {
- jQuery(this).parent('span.filter').remove();
- updateFilters();
-});
-
-jQuery('#order_filters').on('change', 'select', updateFilters);
-
-jQuery('#order_filters .addFilter').click(function() {
- jQuery(this).prev('span.filter').clone().insertBefore(jQuery(this));
- jQuery(this).prev('span.filter').children('select').val('');
- updateFilters();
-});
-
-updateFilters();
-}());
-{/footer_script}
-{/if}
-</fieldset>
-
-<fieldset class="mainConf">
- <legend>{'Permissions'|translate}</legend>
- <ul>
- <li>
- <label>
- <input type="checkbox" name="rate" {if ($main.rate)}checked="checked"{/if}>
- {'Allow rating'|@translate}
- </label>
-
- <label id="rate_anonymous" class="no-bold">
- <input type="checkbox" name="rate_anonymous" {if ($main.rate_anonymous)}checked="checked"{/if}>
- {'Rating by guests'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="allow_user_registration" {if ($main.allow_user_registration)}checked="checked"{/if}>
- {'Allow user registration'|@translate}
- </label>
-
- <label id="email_admin_on_new_user" class="no-bold">
- <input type="checkbox" name="email_admin_on_new_user" {if ($main.email_admin_on_new_user)}checked="checked"{/if}>
- {'Email admins when a new user registers'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="allow_user_customization" {if ($main.allow_user_customization)}checked="checked"{/if}>
- {'Allow user customization'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="obligatory_user_mail_address" {if ($main.obligatory_user_mail_address)}checked="checked"{/if}>
- {'Mail address is mandatory for registration'|@translate}
- </label>
- </li>
- </ul>
-
-{footer_script require='jquery'}
-jQuery("#activate_comments").change(function(){
- if ($(this).is(':checked')) {
- jQuery("#comments_param_warp").show();
- } else {
- jQuery("#comments_param_warp").hide();
- }
-});
-{/footer_script}
-</fieldset>
-
-<fieldset class="mainConf">
- <legend>{'Miscellaneous'|translate}</legend>
- <ul>
- <li>
- <label>{'Week starts on'|@translate}
- {html_options name="week_starts_on" options=$main.week_starts_on_options selected=$main.week_starts_on_options_selected}</label>
- </li>
-
- <li>
- <strong>{'Save visits in history for'|@translate}</strong>
-
- <label class="no-bold">
- <input type="checkbox" name="history_guest" {if ($main.history_guest)}checked="checked"{/if}>
- {'simple visitors'|@translate}
- </label>
-
- <label class="no-bold">
- <input type="checkbox" name="log" {if ($main.log)}checked="checked"{/if}>
- {'registered users'|@translate}
- </label>
-
- <label class="no-bold">
- <input type="checkbox" name="history_admin" {if ($main.history_admin)}checked="checked"{/if}>
- {'administrators'|@translate}
- </label>
- </li>
-
- <li>
- <label>{'Mail theme'|@translate}</label>
-
- <div class="themeBoxes">
- {foreach from=$main.mail_theme_options item=name key=theme}
- <div class="themeBox {if $main.mail_theme==$theme}themeDefault{/if}">
- <label>
- <div class="themeName">
- <input type="radio" name="mail_theme" value="{$theme}" {if $main.mail_theme==$theme}checked{/if}>
- {$name}
- </div>
- <div class="themeShot">
- <img src="{$ROOT_URL}themes/default/template/mail/screenshot-{$theme}.png" width="150"/>
- </div>
- </label>
- <a href="{$ROOT_URL}themes/default/template/mail/screenshot-{$theme}.png">{'Preview'|translate}</a>
- </div>
- {/foreach}
- </div>
- </li>
-
-{include file='include/colorbox.inc.tpl'}
-{footer_script require='jquery'}
-jQuery(".themeBoxes a").colorbox();
-
-jQuery("input[name='mail_theme']").change(function() {
- jQuery("input[name='mail_theme']").parents(".themeBox").removeClass("themeDefault");
- jQuery(this).parents(".themeBox").addClass("themeDefault");
-});
-{/footer_script}
- </ul>
-</fieldset>
-{/if}
-
-{if isset($comments)}
-<fieldset id="commentsConf" class="no-border">
- <legend></legend>
- <ul>
- <li>
- <label>
- <input type="checkbox" name="activate_comments" id="activate_comments"{if ($comments.activate_comments)} checked="checked"{/if}>
- {'Activate comments'|@translate}
- </label>
- </li>
- </ul>
-
- <ul id="comments_param_warp"{if not ($comments.activate_comments)} style="display:none;"{/if}>
- <li>
- <label>
- <input type="checkbox" name="comments_forall" {if ($comments.comments_forall)}checked="checked"{/if}>
- {'Comments for all'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- {'Number of comments per page'|@translate}
- <input type="text" size="3" maxlength="4" name="nb_comment_page" id="nb_comment_page" value="{$comments.NB_COMMENTS_PAGE}">
- </label>
- </li>
-
- <li>
- <label>
- {'Default comments order'|@translate}
- <select name="comments_order">
- {html_options options=$comments.comments_order_options selected=$comments.comments_order}
- </select>
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="comments_validation" {if ($comments.comments_validation)}checked="checked"{/if}>
- {'Validation'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="comments_author_mandatory" {if ($comments.comments_author_mandatory)}checked="checked"{/if}>
- {'Username is mandatory'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="comments_email_mandatory" {if ($comments.comments_email_mandatory)}checked="checked"{/if}>
- {'Email address is mandatory'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="comments_enable_website" {if ($comments.comments_enable_website)}checked="checked"{/if}>
- {'Allow users to add a link to their website'|translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="user_can_edit_comment" {if ($comments.user_can_edit_comment)}checked="checked"{/if}>
- {'Allow users to edit their own comments'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="user_can_delete_comment" {if ($comments.user_can_delete_comment)}checked="checked"{/if}>
- {'Allow users to delete their own comments'|@translate}
- </label>
- </li>
-
- <li id="notifyAdmin">
- <strong>{'Notify administrators when a comment is'|@translate}</strong>
-
- <label id="email_admin_on_comment_validation" class="no-bold">
- <input type="checkbox" name="email_admin_on_comment_validation" {if ($comments.email_admin_on_comment_validation)}checked="checked"{/if}> {'pending validation'|@translate}
- </label>
-
- <label class="no-bold">
- <input type="checkbox" name="email_admin_on_comment" {if ($comments.email_admin_on_comment)}checked="checked"{/if}> {'added'|@translate}
- </label>
-
- <label id="email_admin_on_comment_edition" class="no-bold">
- <input type="checkbox" name="email_admin_on_comment_edition" {if ($comments.email_admin_on_comment_edition)}checked="checked"{/if}> {'modified'|@translate}
- </label>
-
- <label id="email_admin_on_comment_deletion" class="no-bold">
- <input type="checkbox" name="email_admin_on_comment_deletion" {if ($comments.email_admin_on_comment_deletion)}checked="checked"{/if}> {'deleted'|@translate}
- </label>
- </li>
- </ul>
-</fieldset>
-{/if}
-
-{if isset($sizes)}
-
-{footer_script}
-(function(){
- var labelMaxWidth = "{'Maximum width'|@translate}",
- labelWidth = "{'Width'|@translate}",
- labelMaxHeight = "{'Maximum height'|@translate}",
- labelHeight = "{'Height'|@translate}";
-
- function toggleResizeFields(size) {
- var checkbox = jQuery("#original_resize");
- var needToggle = jQuery("#sizeEdit-original");
-
- if (jQuery(checkbox).is(':checked')) {
- needToggle.show();
- }
- else {
- needToggle.hide();
- }
- }
-
- toggleResizeFields("original");
- jQuery("#original_resize").click(function () {
- toggleResizeFields("original");
- });
-
- jQuery("a[id^='sizeEditOpen-']").click(function(){
- var sizeName = jQuery(this).attr("id").split("-")[1];
- jQuery("#sizeEdit-"+sizeName).toggle();
- jQuery(this).hide();
- return false;
- });
-
- jQuery(".cropToggle").click(function() {
- var labelBoxWidth = jQuery(this).parents('table.sizeEditForm').find('td.sizeEditWidth');
- var labelBoxHeight = jQuery(this).parents('table.sizeEditForm').find('td.sizeEditHeight');
-
- if (jQuery(this).is(':checked')) {
- jQuery(labelBoxWidth).html(labelWidth);
- jQuery(labelBoxHeight).html(labelHeight);
- }
- else {
- jQuery(labelBoxWidth).html(labelMaxWidth);
- jQuery(labelBoxHeight).html(labelMaxHeight);
- }
- });
-
- jQuery("#showDetails").click(function() {
- jQuery(".sizeDetails").show();
- jQuery(this).css("visibility", "hidden");
- return false;
- });
-}());
-{/footer_script}
-
-{html_style}{literal}
-.sizeEnable {width:50px;}
-.sizeEditForm {margin:0 0 10px 20px;}
-.sizeEdit {display:none;}
-#sizesConf table {margin:0;}
-.showDetails {padding:0;}
-.sizeDetails {display:none;margin-left:10px;}
-.sizeEditOpen {margin-left:10px;}
-{/literal}{/html_style}
-
-<fieldset id="sizesConf">
- <legend>{'Original Size'|@translate}</legend>
-{if $is_gd}
- <div>
- {'Resize after upload disabled due to the use of GD as graphic library'|@translate}
- <input type="checkbox" name="original_resize" id="original_resize" disabled="disabled" style="visibility: hidden">
- <input type="hidden" name="original_resize_maxwidth" value="{$sizes.original_resize_maxwidth}">
- <input type="hidden" name="original_resize_maxheight" value="{$sizes.original_resize_maxheight}">
- <input type="hidden" name="original_resize_quality" value="{$sizes.original_resize_quality}">
- </div>
-{else}
- <div>
- <label for="original_resize">
- <input type="checkbox" name="original_resize" id="original_resize" {if ($sizes.original_resize)}checked="checked"{/if}>
- {'Resize after upload'|@translate}
- </label>
- </div>
-
- <table id="sizeEdit-original">
- <tr>
- <th>{'Maximum width'|@translate}</th>
- <td>
- <input type="text" name="original_resize_maxwidth" value="{$sizes.original_resize_maxwidth}" size="4" maxlength="4"{if isset($ferrors.original_resize_maxwidth)} class="dError"{/if}> {'pixels'|@translate}
- {if isset($ferrors.original_resize_maxwidth)}<span class="dErrorDesc" title="{$ferrors.original_resize_maxwidth}">!</span>{/if}
- </td>
- </tr>
- <tr>
- <th>{'Maximum height'|@translate}</th>
- <td>
- <input type="text" name="original_resize_maxheight" value="{$sizes.original_resize_maxheight}" size="4" maxlength="4"{if isset($ferrors.original_resize_maxheight)} class="dError"{/if}> {'pixels'|@translate}
- {if isset($ferrors.original_resize_maxheight)}<span class="dErrorDesc" title="{$ferrors.original_resize_maxheight}">!</span>{/if}
- </td>
- </tr>
- <tr>
- <th>{'Image Quality'|@translate}</th>
- <td>
- <input type="text" name="original_resize_quality" value="{$sizes.original_resize_quality}" size="3" maxlength="3"{if isset($ferrors.original_resize_quality)} class="dError"{/if}> %
- {if isset($ferrors.original_resize_quality)}<span class="dErrorDesc" title="{$ferrors.original_resize_quality}">!</span>{/if}
- </td>
- </tr>
- </table>
-{/if}
-</fieldset>
-
-<fieldset id="multiSizesConf">
- <legend>{'Multiple Size'|@translate}</legend>
-
- <div class="showDetails">
- <a href="#" id="showDetails"{if isset($ferrors)} style="display:none"{/if}>{'show details'|@translate}</a>
- </div>
-
- <table style="margin:0">
- {foreach from=$derivatives item=d key=type}
- <tr>
- <td>
- <label>
- <span class="sizeEnable">
- {if $d.must_enable}
- &#x2714;
- {else}
- <input type="checkbox" name="d[{$type}][enabled]" {if $d.enabled}checked="checked"{/if}>
- {/if}
- </span>
- {$type|@translate}
- </label>
- </td>
-
- <td>
- <span class="sizeDetails"{if isset($ferrors)} style="display:inline"{/if}>{$d.w} x {$d.h} {'pixels'|@translate}{if $d.crop}, {'Crop'|@translate|lower}{/if}</span>
- </td>
-
- <td>
- <span class="sizeDetails"{if isset($ferrors) and !isset($ferrors.$type)} style="display:inline"{/if}>
- <a href="#" id="sizeEditOpen-{$type}" class="sizeEditOpen">{'edit'|@translate}</a>
- </span>
- </td>
- </tr>
-
- <tr id="sizeEdit-{$type}" class="sizeEdit" {if isset($ferrors.$type)} style="display:block"{/if}>
- <td colspan="3">
- <table class="sizeEditForm">
- {if !$d.must_square}
- <tr>
- <td colspan="2">
- <label>
- <input type="checkbox" class="cropToggle" name="d[{$type}][crop]" {if $d.crop}checked="checked"{/if}>
- {'Crop'|@translate}
- </label>
- </td>
- </tr>
- {/if}
-
- <tr>
- <td class="sizeEditWidth">{if $d.must_square or $d.crop}{'Width'|@translate}{else}{'Maximum width'|@translate}{/if}</td>
- <td>
- <input type="text" name="d[{$type}][w]" maxlength="4" size="4" value="{$d.w}"{if isset($ferrors.$type.w)} class="dError"{/if}>
- {'pixels'|@translate}
- {if isset($ferrors.$type.w)}<span class="dErrorDesc" title="{$ferrors.$type.w}">!</span>{/if}
- </td>
- </tr>
-
- {if !$d.must_square}
- <tr>
- <td class="sizeEditHeight">{if $d.crop}{'Height'|@translate}{else}{'Maximum height'|@translate}{/if}</td>
- <td>
- <input type="text" name="d[{$type}][h]" maxlength="4" size="4" value="{$d.h}"{if isset($ferrors.$type.h)} class="dError"{/if}>
- {'pixels'|@translate}
- {if isset($ferrors.$type.h)}<span class="dErrorDesc" title="{$ferrors.$type.h}">!</span>{/if}
- </td>
- </tr>
- {/if}
- <tr>
- <td>{'Sharpen'|@translate}</td>
- <td>
- <input type="text" name="d[{$type}][sharpen]" maxlength="4" size="4" value="{$d.sharpen}"{if isset($ferrors.$type.sharpen)} class="dError"{/if}>
- %
- {if isset($ferrors.$type.sharpen)}<span class="dErrorDesc" title="{$ferrors.$type.sharpen}">!</span>{/if}
- </td>
- </tr>
- </table> {* #sizeEdit *}
- </td>
- </tr>
- {/foreach}
- </table>
-
- <p style="margin:10px 0 0 0;{if isset($ferrors)} display:block;{/if}" class="sizeDetails">
- {'Image Quality'|@translate}
- <input type="text" name="resize_quality" value="{$resize_quality}" size="3" maxlength="3"{if isset($ferrors.resize_quality)} class="dError"{/if}> %
- {if isset($ferrors.resize_quality)}<span class="dErrorDesc" title="{$ferrors.resize_quality}">!</span>{/if}
- </p>
- <p style="margin:10px 0 0 0;{if isset($ferrors)} display:block;{/if}" class="sizeDetails">
- <a href="{$F_ACTION}&action=restore_settings" onclick="return confirm('{'Are you sure?'|@translate|@escape:javascript}');">{'Reset to default values'|@translate}</a>
- </p>
-
-{if !empty($custom_derivatives)}
- <fieldset class="sizeDetails">
- <legend>{'custom'|@translate}</legend>
- <table style="margin:0">
- {foreach from=$custom_derivatives item=time key=custom}
- <tr><td><label><input type="checkbox" name="delete_custom_derivative_{$custom}"> {'Delete'|@translate} {$custom} ({'Last hit'|@translate}: {$time})</label></td></tr>
- {/foreach}
- </table>
- </fieldset>
-{/if}
-
-</fieldset>
-{/if}
-
-{if isset($watermark)}
-
-{footer_script}
-(function(){
- function onWatermarkChange() {
- var val = jQuery("#wSelect").val();
- if (val.length) {
- jQuery("#wImg").attr('src', '{$ROOT_URL}'+val).show();
- }
- else {
- jQuery("#wImg").hide();
- }
- }
-
- onWatermarkChange();
-
- jQuery("#wSelect").bind("change", onWatermarkChange);
-
- 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();
- }
- });
-
- jQuery(".addWatermarkOpen").click(function(){
- jQuery("#addWatermark, #selectWatermark").toggle();
- return false;
- });
-}());
-{/footer_script}
-
-<fieldset id="watermarkConf" class="no-border">
- <legend></legend>
- <ul>
- <li>
- <span id="selectWatermark"{if isset($ferrors.watermarkImage)} style="display:none"{/if}><label>{'Select a file'|@translate}</label>
- <select name="w[file]" id="wSelect">
- {html_options options=$watermark_files selected=$watermark.file}
- </select>
- {'... or '|@translate}<a href="#" class="addWatermarkOpen">{'add a new watermark'|@translate}</a>
- <br>
- <img id="wImg"></img></span>{* #selectWatermark *}
- <span id="addWatermark"{if isset($ferrors.watermarkImage)} style="display:inline"{/if}>
- {'add a new watermark'|@translate} {'... or '|@translate}<a href="#" class="addWatermarkOpen">{'Select a file'|@translate}</a>
- <br>
- <input type="file" size="60" id="watermarkImage" name="watermarkImage"{if isset($ferrors.watermarkImage)} class="dError"{/if}> (png)
- {if isset($ferrors.watermarkImage)}<span class="dErrorDesc" title="{$ferrors.watermarkImage|@htmlspecialchars}">!</span>{/if}
- </span>{* #addWatermark *}
- </li>
-
- <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}>%
- {if isset($ferrors.watermark.xpos)}<span class="dErrorDesc" title="{$ferrors.watermark.xpos}">!</span>{/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}>%
- {if isset($ferrors.watermark.ypos)}<span class="dErrorDesc" title="{$ferrors.watermark.ypos}">!</span>{/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}>
- {if isset($ferrors.watermark.xrepeat)}<span class="dErrorDesc" title="{$ferrors.watermark.xrepeat}">!</span>{/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}> %
- {if isset($ferrors.watermark.opacity)}<span class="dErrorDesc" title="{$ferrors.watermark.opacity}">!</span>{/if}
- </li>
- </ul>
-</fieldset>
-
-{/if} {* end of watermark section *}
-
-{if isset($display)}
-<fieldset id="indexDisplayConf">
- <legend>{'Main Page'|@translate}</legend>
- <ul>
- <li>
- <label>
- <input type="checkbox" name="menubar_filter_icon" {if ($display.menubar_filter_icon)}checked="checked"{/if}>
- {'Activate icon "%s"'|@translate:('display only recently posted photos'|@translate|@ucfirst)}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="index_new_icon" {if ($display.index_new_icon)}checked="checked"{/if}>
- {'Activate icon "new" next to albums and pictures'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="index_sort_order_input" {if ($display.index_sort_order_input)}checked="checked"{/if}>
- {'Activate icon "%s"'|@translate:('Sort order'|@translate)}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="index_flat_icon" {if ($display.index_flat_icon)}checked="checked"{/if}>
- {'Activate icon "%s"'|@translate:('display all photos in all sub-albums'|@translate|@ucfirst)}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="index_posted_date_icon" {if ($display.index_posted_date_icon)}checked="checked"{/if}>
- {'Activate icon "%s"'|@translate:('display a calendar by posted date'|@translate|@ucfirst)}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="index_created_date_icon" {if ($display.index_created_date_icon)}checked="checked"{/if}>
- {'Activate icon "%s"'|@translate:('display a calendar by creation date'|@translate|@ucfirst)}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="index_slideshow_icon" {if ($display.index_slideshow_icon)}checked="checked"{/if}>
- {'Activate icon "%s"'|@translate:('slideshow'|@translate|@ucfirst)}
- </label>
- </li>
-
- <li>
- <label>
- {'Number of albums per page'|@translate}
- <input type="text" size="3" maxlength="4" name="nb_categories_page" id="nb_categories_page" value="{$display.NB_CATEGORIES_PAGE}">
- </label>
- </li>
- </ul>
-</fieldset>
-
-<fieldset id="pictureDisplayConf">
- <legend>{'Photo Page'|@translate}</legend>
- <ul>
- <li>
- <label>
- <input type="checkbox" name="picture_slideshow_icon" {if ($display.picture_slideshow_icon)}checked="checked"{/if}>
- {'Activate icon "%s"'|@translate:('slideshow'|@translate|@ucfirst)}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_metadata_icon" {if ($display.picture_metadata_icon)}checked="checked"{/if}>
- {'Activate icon "%s"'|@translate:('Show file metadata'|@translate)}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_download_icon" {if ($display.picture_download_icon)}checked="checked"{/if}>
- {'Activate icon "%s"'|@translate:('Download this file'|@translate|@ucfirst)}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_favorite_icon" {if ($display.picture_favorite_icon)}checked="checked"{/if}>
- {'Activate icon "%s"'|@translate:('add this photo to your favorites'|@translate|@ucfirst)}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_navigation_icons" {if ($display.picture_navigation_icons)}checked="checked"{/if}>
- {'Activate Navigation Bar'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_navigation_thumb" {if ($display.picture_navigation_thumb)}checked="checked"{/if}>
- {'Activate Navigation Thumbnails'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_menu" {if ($display.picture_menu)}checked="checked"{/if}>
- {'Show menubar'|@translate}
- </label>
- </li>
- </ul>
-</fieldset>
-
-<fieldset id="pictureInfoConf">
- <legend>{'Photo Properties'|@translate}</legend>
- <ul>
- <li>
- <label>
- <input type="checkbox" name="picture_informations[author]" {if ($display.picture_informations.author)}checked="checked"{/if}>
- {'Author'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_informations[created_on]" {if ($display.picture_informations.created_on)}checked="checked"{/if}>
- {'Created on'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_informations[posted_on]" {if ($display.picture_informations.posted_on)}checked="checked"{/if}>
- {'Posted on'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_informations[dimensions]" {if ($display.picture_informations.dimensions)}checked="checked"{/if}>
- {'Dimensions'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_informations[file]" {if ($display.picture_informations.file)}checked="checked"{/if}>
- {'File'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_informations[filesize]" {if ($display.picture_informations.filesize)}checked="checked"{/if}>
- {'Filesize'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_informations[tags]" {if ($display.picture_informations.tags)}checked="checked"{/if}>
- {'Tags'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_informations[categories]" {if ($display.picture_informations.categories)}checked="checked"{/if}>
- {'Albums'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_informations[visits]" {if ($display.picture_informations.visits)}checked="checked"{/if}>
- {'Visits'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_informations[rating_score]" {if ($display.picture_informations.rating_score)}checked="checked"{/if}>
- {'Rating score'|@translate}
- </label>
- </li>
-
- <li>
- <label>
- <input type="checkbox" name="picture_informations[privacy_level]" {if ($display.picture_informations.privacy_level)}checked="checked"{/if}>
- {'Who can see this photo?'|@translate} ({'available for administrators only'|@translate})
- </label>
- </li>
- </ul>
-</fieldset>
-{/if}
-
-</div> <!-- configContent -->
-
-{if !isset($default)}
- <p class="formButtons">
- <input type="submit" name="submit" value="{'Save Settings'|@translate}">
- </p>
-</form>
-{/if}
-
-{if isset($default)}
-<div id="configContent">
-<form method="post" name="profile" action="{$GUEST_F_ACTION}" id="profile" class="properties">
-
-{if $GUEST_USERNAME!='guest'}
- <fieldset>
- {'The settings for the guest are from the %s user'|@translate:$GUEST_USERNAME}
- </fieldset>
-{/if}
-
- <fieldset>
- <legend>{'Preferences'|@translate}</legend>
- <input type="hidden" name="redirect" value="{$GUEST_REDIRECT}">
-
- <ul>
- <li>
- <span class="property">
- <label for="nb_image_page">{'Number of photos per page'|@translate}</label>
- </span>
- <input type="text" size="4" maxlength="3" name="nb_image_page" id="nb_image_page" value="{$GUEST_NB_IMAGE_PAGE}">
- </li>
- <li>
- <span class="property">
- <label for="recent_period">{'Recent period'|@translate}</label>
- </span>
- <input type="text" size="3" maxlength="2" name="recent_period" id="recent_period" value="{$GUEST_RECENT_PERIOD}">
- </li>
- <li>
- <span class="property">{'Expand all albums'|@translate}</span>
- {html_radios name='expand' options=$radio_options selected=$GUEST_EXPAND}
- </li>
- {if $GUEST_ACTIVATE_COMMENTS}
- <li>
- <span class="property">{'Show number of comments'|@translate}</span>
- {html_radios name='show_nb_comments' options=$radio_options selected=$GUEST_NB_COMMENTS}
- </li>
- {/if}
- <li>
- <span class="property">{'Show number of hits'|@translate}</span>
- {html_radios name='show_nb_hits' options=$radio_options selected=$GUEST_NB_HITS}
- </li>
- </ul>
- </fieldset>
-
- <p class="bottomButtons">
- <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
- <input class="submit" type="submit" name="validate" value="{'Submit'|@translate}">
- <input class="submit" type="reset" name="reset" value="{'Reset'|@translate}">
- </p>
-
-</form>
-
-</div>
-{/if}
diff --git a/admin/themes/default/template/configuration_comments.tpl b/admin/themes/default/template/configuration_comments.tpl
new file mode 100644
index 000000000..db227a28c
--- /dev/null
+++ b/admin/themes/default/template/configuration_comments.tpl
@@ -0,0 +1,151 @@
+{combine_script id='common' load='footer' path='admin/themes/default/js/common.js'}
+
+{footer_script}
+(function(){
+ var targets = {
+ 'input[name="comments_validation"]' : '#email_admin_on_comment_validation',
+ 'input[name="user_can_edit_comment"]' : '#email_admin_on_comment_edition',
+ 'input[name="user_can_delete_comment"]' : '#email_admin_on_comment_deletion'
+ };
+
+ for (selector in targets) {
+ var target = targets[selector];
+
+ jQuery(target).toggle(jQuery(selector).is(':checked'));
+
+ (function(target){
+ jQuery(selector).on('change', function() {
+ jQuery(target).toggle($(this).is(':checked'));
+ });
+ })(target);
+ };
+}());
+{/footer_script}
+
+<h2>{'Piwigo configuration'|translate} {$TABSHEET_TITLE}</h2>
+
+<form method="post" action="{$F_ACTION}" class="properties">
+
+<div id="configContent">
+
+ <fieldset id="commentsConf" class="no-border">
+ <ul>
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="activate_comments" id="activate_comments"{if ($comments.activate_comments)} checked="checked"{/if}>
+ {'Activate comments'|translate}
+ </label>
+ </li>
+ </ul>
+
+ <ul id="comments_param_warp"{if not ($comments.activate_comments)} style="display:none;"{/if}>
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="comments_forall" {if ($comments.comments_forall)}checked="checked"{/if}>
+ {'Comments for all'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label>
+ {'Number of comments per page'|translate}
+ <input type="text" size="3" maxlength="4" name="nb_comment_page" id="nb_comment_page" value="{$comments.NB_COMMENTS_PAGE}">
+ </label>
+ </li>
+
+ <li>
+ <label>
+ {'Default comments order'|translate}
+ <select name="comments_order">
+ {html_options options=$comments.comments_order_options selected=$comments.comments_order}
+ </select>
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="comments_validation" {if ($comments.comments_validation)}checked="checked"{/if}>
+ {'Validation'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="comments_author_mandatory" {if ($comments.comments_author_mandatory)}checked="checked"{/if}>
+ {'Username is mandatory'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="comments_email_mandatory" {if ($comments.comments_email_mandatory)}checked="checked"{/if}>
+ {'Email address is mandatory'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="comments_enable_website" {if ($comments.comments_enable_website)}checked="checked"{/if}>
+ {'Allow users to add a link to their website'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="user_can_edit_comment" {if ($comments.user_can_edit_comment)}checked="checked"{/if}>
+ {'Allow users to edit their own comments'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="user_can_delete_comment" {if ($comments.user_can_delete_comment)}checked="checked"{/if}>
+ {'Allow users to delete their own comments'|translate}
+ </label>
+ </li>
+
+ <li id="notifyAdmin">
+ <strong>{'Notify administrators when a comment is'|translate}</strong>
+
+ <label id="email_admin_on_comment_validation" class="font-checkbox no-bold">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="email_admin_on_comment_validation" {if ($comments.email_admin_on_comment_validation)}checked="checked"{/if}>
+ {'pending validation'|translate}
+ </label>
+
+ <label class="font-checkbox no-bold">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="email_admin_on_comment" {if ($comments.email_admin_on_comment)}checked="checked"{/if}>
+ {'added'|translate}
+ </label>
+
+ <label id="email_admin_on_comment_edition" class="font-checkbox no-bold">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="email_admin_on_comment_edition" {if ($comments.email_admin_on_comment_edition)}checked="checked"{/if}>
+ {'modified'|translate}
+ </label>
+
+ <label id="email_admin_on_comment_deletion" class="font-checkbox no-bold">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="email_admin_on_comment_deletion" {if ($comments.email_admin_on_comment_deletion)}checked="checked"{/if}>
+ {'deleted'|translate}
+ </label>
+ </li>
+ </ul>
+ </fieldset>
+
+</div> <!-- configContent -->
+
+<p class="formButtons">
+ <input type="submit" name="submit" value="{'Save Settings'|translate}">
+</p>
+
+</form> \ No newline at end of file
diff --git a/admin/themes/default/template/configuration_default.tpl b/admin/themes/default/template/configuration_default.tpl
new file mode 100644
index 000000000..789d89734
--- /dev/null
+++ b/admin/themes/default/template/configuration_default.tpl
@@ -0,0 +1,61 @@
+{combine_script id='common' load='footer' path='admin/themes/default/js/common.js'}
+
+<h2>{'Piwigo configuration'|translate} {$TABSHEET_TITLE}</h2>
+
+<form method="post" name="profile" action="{$GUEST_F_ACTION}" id="profile" class="properties">
+
+<div id="configContent">
+
+{if $GUEST_USERNAME!='guest'}
+ <fieldset>
+ {'The settings for the guest are from the %s user'|translate:$GUEST_USERNAME}
+ </fieldset>
+{/if}
+
+ <fieldset>
+ <legend>{'Preferences'|translate}</legend>
+ <input type="hidden" name="redirect" value="{$GUEST_REDIRECT}">
+
+ <ul>
+ <li>
+ <span class="property">
+ <label for="nb_image_page">{'Number of photos per page'|translate}</label>
+ </span>
+ <input type="text" size="4" maxlength="3" name="nb_image_page" id="nb_image_page" value="{$GUEST_NB_IMAGE_PAGE}">
+ </li>
+
+ <li>
+ <span class="property">
+ <label for="recent_period">{'Recent period'|translate}</label>
+ </span>
+ <input type="text" size="3" maxlength="2" name="recent_period" id="recent_period" value="{$GUEST_RECENT_PERIOD}">
+ </li>
+
+ <li>
+ <span class="property">{'Expand all albums'|translate}</span>
+ {html_radios name='expand' options=$radio_options selected=$GUEST_EXPAND}
+ </li>
+
+ {if $GUEST_ACTIVATE_COMMENTS}
+ <li>
+ <span class="property">{'Show number of comments'|translate}</span>
+ {html_radios name='show_nb_comments' options=$radio_options selected=$GUEST_NB_COMMENTS}
+ </li>
+ {/if}
+
+ <li>
+ <span class="property">{'Show number of hits'|translate}</span>
+ {html_radios name='show_nb_hits' options=$radio_options selected=$GUEST_NB_HITS}
+ </li>
+ </ul>
+ </fieldset>
+
+ <p class="bottomButtons">
+ <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
+ <input class="submit" type="submit" name="validate" value="{'Submit'|translate}">
+ <input class="submit" type="reset" name="reset" value="{'Reset'|translate}">
+ </p>
+
+</div>
+
+</form> \ No newline at end of file
diff --git a/admin/themes/default/template/configuration_display.tpl b/admin/themes/default/template/configuration_display.tpl
new file mode 100644
index 000000000..ff077dc34
--- /dev/null
+++ b/admin/themes/default/template/configuration_display.tpl
@@ -0,0 +1,237 @@
+{combine_script id='common' load='footer' path='admin/themes/default/js/common.js'}
+
+<h2>{'Piwigo configuration'|translate} {$TABSHEET_TITLE}</h2>
+
+<form method="post" action="{$F_ACTION}" class="properties">
+
+<div id="configContent">
+
+ <fieldset id="indexDisplayConf">
+ <legend>{'Main Page'|translate}</legend>
+ <ul>
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="menubar_filter_icon" {if ($display.menubar_filter_icon)}checked="checked"{/if}>
+ {'Activate icon "%s"'|translate:('display only recently posted photos'|translate|@ucfirst)}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="index_new_icon" {if ($display.index_new_icon)}checked="checked"{/if}>
+ {'Activate icon "new" next to albums and pictures'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="index_sort_order_input" {if ($display.index_sort_order_input)}checked="checked"{/if}>
+ {'Activate icon "%s"'|translate:('Sort order'|translate)}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="index_flat_icon" {if ($display.index_flat_icon)}checked="checked"{/if}>
+ {'Activate icon "%s"'|translate:('display all photos in all sub-albums'|translate|@ucfirst)}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="index_posted_date_icon" {if ($display.index_posted_date_icon)}checked="checked"{/if}>
+ {'Activate icon "%s"'|translate:('display a calendar by posted date'|translate|@ucfirst)}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="index_created_date_icon" {if ($display.index_created_date_icon)}checked="checked"{/if}>
+ {'Activate icon "%s"'|translate:('display a calendar by creation date'|translate|@ucfirst)}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="index_slideshow_icon" {if ($display.index_slideshow_icon)}checked="checked"{/if}>
+ {'Activate icon "%s"'|translate:('slideshow'|translate|@ucfirst)}
+ </label>
+ </li>
+
+ <li>
+ <label>
+ {'Number of albums per page'|translate}
+ <input type="text" size="3" maxlength="4" name="nb_categories_page" id="nb_categories_page" value="{$display.NB_CATEGORIES_PAGE}">
+ </label>
+ </li>
+ </ul>
+ </fieldset>
+
+ <fieldset id="pictureDisplayConf">
+ <legend>{'Photo Page'|translate}</legend>
+ <ul>
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_slideshow_icon" {if ($display.picture_slideshow_icon)}checked="checked"{/if}>
+ {'Activate icon "%s"'|translate:('slideshow'|translate|@ucfirst)}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_metadata_icon" {if ($display.picture_metadata_icon)}checked="checked"{/if}>
+ {'Activate icon "%s"'|translate:('Show file metadata'|translate)}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_download_icon" {if ($display.picture_download_icon)}checked="checked"{/if}>
+ {'Activate icon "%s"'|translate:('Download this file'|translate|@ucfirst)}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_favorite_icon" {if ($display.picture_favorite_icon)}checked="checked"{/if}>
+ {'Activate icon "%s"'|translate:('add this photo to your favorites'|translate|@ucfirst)}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_navigation_icons" {if ($display.picture_navigation_icons)}checked="checked"{/if}>
+ {'Activate Navigation Bar'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_navigation_thumb" {if ($display.picture_navigation_thumb)}checked="checked"{/if}>
+ {'Activate Navigation Thumbnails'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_menu" {if ($display.picture_menu)}checked="checked"{/if}>
+ {'Show menubar'|translate}
+ </label>
+ </li>
+ </ul>
+ </fieldset>
+
+ <fieldset id="pictureInfoConf">
+ <legend>{'Photo Properties'|translate}</legend>
+ <ul>
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_informations[author]" {if ($display.picture_informations.author)}checked="checked"{/if}>
+ {'Author'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_informations[created_on]" {if ($display.picture_informations.created_on)}checked="checked"{/if}>
+ {'Created on'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_informations[posted_on]" {if ($display.picture_informations.posted_on)}checked="checked"{/if}>
+ {'Posted on'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_informations[dimensions]" {if ($display.picture_informations.dimensions)}checked="checked"{/if}>
+ {'Dimensions'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_informations[file]" {if ($display.picture_informations.file)}checked="checked"{/if}>
+ {'File'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_informations[filesize]" {if ($display.picture_informations.filesize)}checked="checked"{/if}>
+ {'Filesize'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_informations[tags]" {if ($display.picture_informations.tags)}checked="checked"{/if}>
+ {'Tags'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_informations[categories]" {if ($display.picture_informations.categories)}checked="checked"{/if}>
+ {'Albums'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_informations[visits]" {if ($display.picture_informations.visits)}checked="checked"{/if}>
+ {'Visits'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_informations[rating_score]" {if ($display.picture_informations.rating_score)}checked="checked"{/if}>
+ {'Rating score'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="picture_informations[privacy_level]" {if ($display.picture_informations.privacy_level)}checked="checked"{/if}>
+ {'Who can see this photo?'|translate} ({'available for administrators only'|translate})
+ </label>
+ </li>
+ </ul>
+ </fieldset>
+
+</div> <!-- configContent -->
+
+<p class="formButtons">
+ <input type="submit" name="submit" value="{'Save Settings'|translate}">
+</p>
+
+</form> \ No newline at end of file
diff --git a/admin/themes/default/template/configuration_main.tpl b/admin/themes/default/template/configuration_main.tpl
new file mode 100644
index 000000000..adf99e59e
--- /dev/null
+++ b/admin/themes/default/template/configuration_main.tpl
@@ -0,0 +1,216 @@
+{include file='include/colorbox.inc.tpl'}
+{combine_script id='common' load='footer' path='admin/themes/default/js/common.js'}
+
+{footer_script require='jquery'}
+(function(){
+ var targets = {
+ 'input[name="rate"]' : '#rate_anonymous',
+ 'input[name="allow_user_registration"]' : '#email_admin_on_new_user'
+ };
+
+ for (selector in targets) {
+ var target = targets[selector];
+
+ jQuery(target).toggle(jQuery(selector).is(':checked'));
+
+ (function(target){
+ jQuery(selector).on('change', function() {
+ jQuery(target).toggle($(this).is(':checked'));
+ });
+ })(target);
+ };
+}());
+
+{if !isset($ORDER_BY_IS_CUSTOM)}
+(function(){
+ var max_fields = Math.ceil({$main.order_by_options|@count}/2);
+
+ function updateFilters() {
+ var $selects = jQuery('#order_filters select');
+
+ jQuery('#order_filters .addFilter').toggle($selects.length <= max_fields);
+ jQuery('#order_filters .removeFilter').css('display', '').filter(':first').css('display', 'none');
+
+ $selects.find('option').removeAttr('disabled');
+ $selects.each(function() {
+ $selects.not(this).find('option[value="'+ jQuery(this).val() +'"]').attr('disabled', 'disabled');
+ });
+ }
+
+ jQuery('#order_filters').on('click', '.removeFilter', function() {
+ jQuery(this).parent('span.filter').remove();
+ updateFilters();
+ });
+
+ jQuery('#order_filters').on('change', 'select', updateFilters);
+
+ jQuery('#order_filters .addFilter').click(function() {
+ jQuery(this).prev('span.filter').clone().insertBefore(jQuery(this));
+ jQuery(this).prev('span.filter').children('select').val('');
+ updateFilters();
+ });
+
+ updateFilters();
+}());
+{/if}
+
+jQuery(".themeBoxes a").colorbox();
+
+jQuery("input[name='mail_theme']").change(function() {
+ jQuery("input[name='mail_theme']").parents(".themeBox").removeClass("themeDefault");
+ jQuery(this).parents(".themeBox").addClass("themeDefault");
+});
+{/footer_script}
+
+<h2>{'Piwigo configuration'|translate} {$TABSHEET_TITLE}</h2>
+
+<form method="post" action="{$F_ACTION}" class="properties">
+
+<div id="configContent">
+
+ <fieldset class="mainConf">
+ <legend>{'Basic settings'|translate}</legend>
+ <ul>
+ <li>
+ <label for="gallery_title">{'Gallery title'|translate}</label>
+ <br>
+ <input type="text" maxlength="255" size="50" name="gallery_title" id="gallery_title" value="{$main.CONF_GALLERY_TITLE}">
+ </li>
+
+ <li>
+ <label for="page_banner">{'Page banner'|translate}</label>
+ <br>
+ <textarea rows="5" cols="50" class="description" name="page_banner" id="page_banner">{$main.CONF_PAGE_BANNER}</textarea>
+ </li>
+
+ <li id="order_filters">
+ <label>{'Default photos order'|translate}</label>
+
+ {foreach from=$main.order_by item=order}
+ <span class="filter {if isset($ORDER_BY_IS_CUSTOM)}transparent{/if}">
+ <select name="order_by[]" {if isset($ORDER_BY_IS_CUSTOM)}disabled{/if}>
+ {html_options options=$main.order_by_options selected=$order}
+ </select>
+ <a class="removeFilter">{'delete'|translate}</a>
+ </span>
+ {/foreach}
+
+ {if !isset($ORDER_BY_IS_CUSTOM)}
+ <a class="addFilter">{'Add a criteria'|translate}</a>
+ {else}
+ <span class="order_by_is_custom">{'You can\'t define a default photo order because you have a custom setting in your local configuration.'|translate}</span>
+ {/if}
+ </li>
+ </ul>
+ </fieldset>
+
+ <fieldset class="mainConf">
+ <legend>{'Permissions'|translate}</legend>
+ <ul>
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="rate" {if ($main.rate)}checked="checked"{/if}>
+ {'Allow rating'|translate}
+ </label>
+
+ <label id="rate_anonymous" class="font-checkbox no-bold">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="rate_anonymous" {if ($main.rate_anonymous)}checked="checked"{/if}>
+ {'Rating by guests'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="allow_user_registration" {if ($main.allow_user_registration)}checked="checked"{/if}>
+ {'Allow user registration'|translate}
+ </label>
+
+ <label id="email_admin_on_new_user" class="font-checkbox no-bold">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="email_admin_on_new_user" {if ($main.email_admin_on_new_user)}checked="checked"{/if}>
+ {'Email admins when a new user registers'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="allow_user_customization" {if ($main.allow_user_customization)}checked="checked"{/if}>
+ {'Allow user customization'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="obligatory_user_mail_address" {if ($main.obligatory_user_mail_address)}checked="checked"{/if}>
+ {'Mail address is mandatory for registration'|translate}
+ </label>
+ </li>
+ </ul>
+ </fieldset>
+
+ <fieldset class="mainConf">
+ <legend>{'Miscellaneous'|translate}</legend>
+ <ul>
+ <li>
+ <label>{'Week starts on'|translate}
+ {html_options name="week_starts_on" options=$main.week_starts_on_options selected=$main.week_starts_on_options_selected}</label>
+ </li>
+
+ <li>
+ <strong>{'Save visits in history for'|translate}</strong>
+
+ <label class="font-checkbox no-bold">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="history_guest" {if ($main.history_guest)}checked="checked"{/if}>
+ {'simple visitors'|translate}
+ </label>
+
+ <label class="font-checkbox no-bold">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="log" {if ($main.log)}checked="checked"{/if}>
+ {'registered users'|translate}
+ </label>
+
+ <label class="font-checkbox no-bold">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="history_admin" {if ($main.history_admin)}checked="checked"{/if}>
+ {'administrators'|translate}
+ </label>
+ </li>
+
+ <li>
+ <label>{'Mail theme'|translate}</label>
+
+ <div class="themeBoxes font-checkbox">
+ {foreach from=$main.mail_theme_options item=name key=theme}
+ <div class="themeBox {if $main.mail_theme==$theme}themeDefault{/if}">
+ <label>
+ <div class="themeName">
+ <span class="icon-check"></span>
+ <input type="radio" name="mail_theme" value="{$theme}" {if $main.mail_theme==$theme}checked{/if}>
+ {$name}
+ </div>
+ <div class="themeShot">
+ <img src="{$ROOT_URL}themes/default/template/mail/screenshot-{$theme}.png" width="150"/>
+ </div>
+ </label>
+ <a href="{$ROOT_URL}themes/default/template/mail/screenshot-{$theme}.png">{'Preview'|translate}</a>
+ </div>
+ {/foreach}
+ </div>
+ </li>
+ </ul>
+ </fieldset>
+
+</div> <!-- configContent -->
+
+<p class="formButtons">
+ <input type="submit" name="submit" value="{'Save Settings'|translate}">
+</p>
+
+</form> \ No newline at end of file
diff --git a/admin/themes/default/template/configuration_sizes.tpl b/admin/themes/default/template/configuration_sizes.tpl
new file mode 100644
index 000000000..ff03d377a
--- /dev/null
+++ b/admin/themes/default/template/configuration_sizes.tpl
@@ -0,0 +1,232 @@
+{combine_script id='common' load='footer' path='admin/themes/default/js/common.js'}
+
+{footer_script}
+(function(){
+ var labelMaxWidth = "{'Maximum width'|translate}",
+ labelWidth = "{'Width'|translate}",
+ labelMaxHeight = "{'Maximum height'|translate}",
+ labelHeight = "{'Height'|translate}";
+
+ function toggleResizeFields(size) {
+ var checkbox = jQuery("[name=original_resize]");
+ var needToggle = jQuery("#sizeEdit-original");
+
+ if (jQuery(checkbox).is(':checked')) {
+ needToggle.show();
+ }
+ else {
+ needToggle.hide();
+ }
+ }
+
+ toggleResizeFields("original");
+ jQuery("[name=original_resize]").click(function () {
+ toggleResizeFields("original");
+ });
+
+ jQuery("a[id^='sizeEditOpen-']").click(function(){
+ var sizeName = jQuery(this).attr("id").split("-")[1];
+ jQuery("#sizeEdit-"+sizeName).toggle();
+ jQuery(this).hide();
+ return false;
+ });
+
+ jQuery(".cropToggle").click(function() {
+ var labelBoxWidth = jQuery(this).parents('table.sizeEditForm').find('td.sizeEditWidth');
+ var labelBoxHeight = jQuery(this).parents('table.sizeEditForm').find('td.sizeEditHeight');
+
+ if (jQuery(this).is(':checked')) {
+ jQuery(labelBoxWidth).html(labelWidth);
+ jQuery(labelBoxHeight).html(labelHeight);
+ }
+ else {
+ jQuery(labelBoxWidth).html(labelMaxWidth);
+ jQuery(labelBoxHeight).html(labelMaxHeight);
+ }
+ });
+
+ jQuery("#showDetails").click(function() {
+ jQuery(".sizeDetails").show();
+ jQuery(this).css("visibility", "hidden");
+ return false;
+ });
+}());
+{/footer_script}
+
+{html_style}
+.sizeEnable { width:50px; }
+.sizeEnable .mustEnable { display:inline-block; width:13px; margin:0 3px; }
+.sizeEditForm { margin:0 0 10px 20px; }
+.sizeEdit { display:none; }
+#sizesConf table { margin:0; }
+.showDetails { padding:0; }
+.sizeDetails { display:none;margin-left:10px; }
+.sizeEditOpen { margin-left:10px; }
+{/html_style}
+
+<h2>{'Piwigo configuration'|translate} {$TABSHEET_TITLE}</h2>
+
+<form method="post" action="{$F_ACTION}" class="properties">
+
+<div id="configContent">
+
+ <fieldset id="sizesConf">
+ <legend>{'Original Size'|translate}</legend>
+ {if $is_gd}
+ <div>
+ {'Resize after upload disabled due to the use of GD as graphic library'|translate}
+ <input type="checkbox" name="original_resize"disabled="disabled" style="visibility: hidden">
+ <input type="hidden" name="original_resize_maxwidth" value="{$sizes.original_resize_maxwidth}">
+ <input type="hidden" name="original_resize_maxheight" value="{$sizes.original_resize_maxheight}">
+ <input type="hidden" name="original_resize_quality" value="{$sizes.original_resize_quality}">
+ </div>
+ {else}
+ <div>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="original_resize" {if ($sizes.original_resize)}checked="checked"{/if}>
+ {'Resize after upload'|translate}
+ </label>
+ </div>
+
+ <table id="sizeEdit-original">
+ <tr>
+ <th>{'Maximum width'|translate}</th>
+ <td>
+ <input type="text" name="original_resize_maxwidth" value="{$sizes.original_resize_maxwidth}" size="4" maxlength="4"{if isset($ferrors.original_resize_maxwidth)} class="dError"{/if}> {'pixels'|translate}
+ {if isset($ferrors.original_resize_maxwidth)}<span class="dErrorDesc" title="{$ferrors.original_resize_maxwidth}">!</span>{/if}
+ </td>
+ </tr>
+ <tr>
+ <th>{'Maximum height'|translate}</th>
+ <td>
+ <input type="text" name="original_resize_maxheight" value="{$sizes.original_resize_maxheight}" size="4" maxlength="4"{if isset($ferrors.original_resize_maxheight)} class="dError"{/if}> {'pixels'|translate}
+ {if isset($ferrors.original_resize_maxheight)}<span class="dErrorDesc" title="{$ferrors.original_resize_maxheight}">!</span>{/if}
+ </td>
+ </tr>
+ <tr>
+ <th>{'Image Quality'|translate}</th>
+ <td>
+ <input type="text" name="original_resize_quality" value="{$sizes.original_resize_quality}" size="3" maxlength="3"{if isset($ferrors.original_resize_quality)} class="dError"{/if}> %
+ {if isset($ferrors.original_resize_quality)}<span class="dErrorDesc" title="{$ferrors.original_resize_quality}">!</span>{/if}
+ </td>
+ </tr>
+ </table>
+ {/if}
+ </fieldset>
+
+ <fieldset id="multiSizesConf">
+ <legend>{'Multiple Size'|translate}</legend>
+
+ <div class="showDetails">
+ <a href="#" id="showDetails"{if isset($ferrors)} style="display:none"{/if}>{'show details'|translate}</a>
+ </div>
+
+ <table style="margin:0">
+ {foreach from=$derivatives item=d key=type}
+ <tr>
+ <td>
+ <label>
+ {if $d.must_enable}
+ <span class="sizeEnable">
+ <span class="mustEnable">&#x2714;</span>
+ </span>
+ {else}
+ <span class="sizeEnable font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="d[{$type}][enabled]" {if $d.enabled}checked="checked"{/if}>
+ </span>
+ {/if}
+ {$type|translate}
+ </label>
+ </td>
+
+ <td>
+ <span class="sizeDetails"{if isset($ferrors)} style="display:inline"{/if}>{$d.w} x {$d.h} {'pixels'|translate}{if $d.crop}, {'Crop'|translate|lower}{/if}</span>
+ </td>
+
+ <td>
+ <span class="sizeDetails"{if isset($ferrors) and !isset($ferrors.$type)} style="display:inline"{/if}>
+ <a href="#" id="sizeEditOpen-{$type}" class="sizeEditOpen">{'edit'|translate}</a>
+ </span>
+ </td>
+ </tr>
+
+ <tr id="sizeEdit-{$type}" class="sizeEdit" {if isset($ferrors.$type)} style="display:block"{/if}>
+ <td colspan="3">
+ <table class="sizeEditForm">
+ {if !$d.must_square}
+ <tr>
+ <td colspan="2">
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" class="cropToggle" name="d[{$type}][crop]" {if $d.crop}checked="checked"{/if}>
+ {'Crop'|translate}
+ </label>
+ </td>
+ </tr>
+ {/if}
+ <tr>
+ <td class="sizeEditWidth">{if $d.must_square or $d.crop}{'Width'|translate}{else}{'Maximum width'|translate}{/if}</td>
+ <td>
+ <input type="text" name="d[{$type}][w]" maxlength="4" size="4" value="{$d.w}"{if isset($ferrors.$type.w)} class="dError"{/if}> {'pixels'|translate}
+ {if isset($ferrors.$type.w)}<span class="dErrorDesc" title="{$ferrors.$type.w}">!</span>{/if}
+ </td>
+ </tr>
+ {if !$d.must_square}
+ <tr>
+ <td class="sizeEditHeight">{if $d.crop}{'Height'|translate}{else}{'Maximum height'|translate}{/if}</td>
+ <td>
+ <input type="text" name="d[{$type}][h]" maxlength="4" size="4" value="{$d.h}"{if isset($ferrors.$type.h)} class="dError"{/if}> {'pixels'|translate}
+ {if isset($ferrors.$type.h)}<span class="dErrorDesc" title="{$ferrors.$type.h}">!</span>{/if}
+ </td>
+ </tr>
+ {/if}
+ <tr>
+ <td>{'Sharpen'|translate}</td>
+ <td>
+ <input type="text" name="d[{$type}][sharpen]" maxlength="4" size="4" value="{$d.sharpen}"{if isset($ferrors.$type.sharpen)} class="dError"{/if}> %
+ {if isset($ferrors.$type.sharpen)}<span class="dErrorDesc" title="{$ferrors.$type.sharpen}">!</span>{/if}
+ </td>
+ </tr>
+ </table> {* #sizeEdit *}
+ </td>
+ </tr>
+ {/foreach}
+ </table>
+
+ <p style="margin:10px 0 0 0;{if isset($ferrors)} display:block;{/if}" class="sizeDetails">
+ {'Image Quality'|translate}
+ <input type="text" name="resize_quality" value="{$resize_quality}" size="3" maxlength="3"{if isset($ferrors.resize_quality)} class="dError"{/if}> %
+ {if isset($ferrors.resize_quality)}<span class="dErrorDesc" title="{$ferrors.resize_quality}">!</span>{/if}
+ </p>
+ <p style="margin:10px 0 0 0;{if isset($ferrors)} display:block;{/if}" class="sizeDetails">
+ <a href="{$F_ACTION}&action=restore_settings" onclick="return confirm('{'Are you sure?'|translate|@escape:javascript}');">{'Reset to default values'|translate}</a>
+ </p>
+
+ {if !empty($custom_derivatives)}
+ <fieldset class="sizeDetails">
+ <legend>{'custom'|translate}</legend>
+
+ <table style="margin:0">
+ {foreach from=$custom_derivatives item=time key=custom}
+ <tr><td>
+ <label class="font-checkbox">
+ <span class="icon-check"></span>
+ <input type="checkbox" name="delete_custom_derivative_{$custom}"> {'Delete'|translate} {$custom} ({'Last hit'|translate}: {$time})
+ </label>
+ </td></tr>
+ {/foreach}
+ </table>
+ </fieldset>
+ {/if}
+
+ </fieldset>
+
+</div> <!-- configContent -->
+
+<p class="formButtons">
+ <input type="submit" name="submit" value="{'Save Settings'|translate}">
+</p>
+
+</form> \ No newline at end of file
diff --git a/admin/themes/default/template/configuration_watermark.tpl b/admin/themes/default/template/configuration_watermark.tpl
new file mode 100644
index 000000000..11343057d
--- /dev/null
+++ b/admin/themes/default/template/configuration_watermark.tpl
@@ -0,0 +1,131 @@
+{combine_script id='common' load='footer' path='admin/themes/default/js/common.js'}
+
+{footer_script}
+(function(){
+ function onWatermarkChange() {
+ var val = jQuery("#wSelect").val();
+ if (val.length) {
+ jQuery("#wImg").attr('src', '{$ROOT_URL}'+val).show();
+ }
+ else {
+ jQuery("#wImg").hide();
+ }
+ }
+
+ onWatermarkChange();
+
+ jQuery("#wSelect").bind("change", onWatermarkChange);
+
+ 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();
+ }
+ });
+
+ jQuery(".addWatermarkOpen").click(function(){
+ jQuery("#addWatermark, #selectWatermark").toggle();
+ return false;
+ });
+}());
+{/footer_script}
+
+<h2>{'Piwigo configuration'|translate} {$TABSHEET_TITLE}</h2>
+
+<form method="post" action="{$F_ACTION}" class="properties" enctype="multipart/form-data">
+
+<div id="configContent">
+
+ <fieldset id="watermarkConf" class="no-border">
+ <legend></legend>
+ <ul>
+ <li>
+ <span id="selectWatermark"{if isset($ferrors.watermarkImage)} style="display:none"{/if}><label>{'Select a file'|translate}</label>
+ <select name="w[file]" id="wSelect">
+ {html_options options=$watermark_files selected=$watermark.file}
+ </select>
+
+ {'... or '|translate}<a href="#" class="addWatermarkOpen">{'add a new watermark'|translate}</a>
+ <br>
+ <img id="wImg"></img>
+ </span>
+
+ <span id="addWatermark"{if isset($ferrors.watermarkImage)} style="display:inline"{/if}>
+ {'add a new watermark'|translate} {'... or '|translate}<a href="#" class="addWatermarkOpen">{'Select a file'|translate}</a>
+
+ <br>
+ <input type="file" size="60" id="watermarkImage" name="watermarkImage"{if isset($ferrors.watermarkImage)} class="dError"{/if}> (png)
+ {if isset($ferrors.watermarkImage)}<span class="dErrorDesc" title="{$ferrors.watermarkImage|@htmlspecialchars}">!</span>{/if}
+ </span>
+ </li>
+
+ <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}>%
+ {if isset($ferrors.watermark.xpos)}<span class="dErrorDesc" title="{$ferrors.watermark.xpos}">!</span>{/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}>%
+ {if isset($ferrors.watermark.ypos)}<span class="dErrorDesc" title="{$ferrors.watermark.ypos}">!</span>{/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}>
+ {if isset($ferrors.watermark.xrepeat)}<span class="dErrorDesc" title="{$ferrors.watermark.xrepeat}">!</span>{/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}> %
+ {if isset($ferrors.watermark.opacity)}<span class="dErrorDesc" title="{$ferrors.watermark.opacity}">!</span>{/if}
+ </li>
+ </ul>
+ </fieldset>
+
+</div> <!-- configContent -->
+
+<p class="formButtons">
+ <input type="submit" name="submit" value="{'Save Settings'|translate}">
+</p>
+
+</form> \ No newline at end of file
diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css
index a483a0485..9cc01fd6a 100644
--- a/admin/themes/default/theme.css
+++ b/admin/themes/default/theme.css
@@ -1267,3 +1267,16 @@ table.qsearch_help_table td {
padding:5px;
vertical-align:top;
}
+
+.font-checkbox [class*=icon-check]:before {
+ font-size:16px;
+ line-height:16px;
+ margin-right:0;
+}
+.font-checkbox .icon-check-empty {
+ position:relative;
+ left:-1px;
+}
+.font-checkbox input[type=checkbox], .font-checkbox input[type=radio] {
+ display:none;
+}
diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css
index 088d18912..c436bd25b 100644
--- a/admin/themes/roma/theme.css
+++ b/admin/themes/roma/theme.css
@@ -16,7 +16,7 @@
*/
/* text color */
body, h3, dt, .throw, .content, label, LEGEND {
- color:#666;
+ color:#777;
}
INPUT, select, textarea { color:#999; background-color: #444; }
@@ -356,4 +356,6 @@ table.dataTable thead th {
table.qsearch_help_table td {
border-color: #444;
-} \ No newline at end of file
+}
+
+.font-checkbox [class*=icon-check]:before { color:#aaa; } \ No newline at end of file