From bea45c89b62c779dd56383e82b0fbb9bd76696df Mon Sep 17 00:00:00 2001 From: plegall Date: Fri, 10 Feb 2012 10:52:07 +0000 Subject: feature 2564: redesign on photo administration screen. * one screen with several tabs (for now: properties + coi) * double select boxes for album associations and representation have been converted to simple multiple select boxes with jQuery Chosen * more details about the photo in an introduction text git-svn-id: http://piwigo.org/svn/trunk@13077 68402e56-0260-453c-a942-63ccdbb3a9ee --- admin/themes/default/template/picture_coi.tpl | 5 +- admin/themes/default/template/picture_modify.tpl | 244 ++++++++--------------- 2 files changed, 86 insertions(+), 163 deletions(-) (limited to 'admin/themes/default/template') diff --git a/admin/themes/default/template/picture_coi.tpl b/admin/themes/default/template/picture_coi.tpl index 8465a5765..76d8ecc11 100644 --- a/admin/themes/default/template/picture_coi.tpl +++ b/admin/themes/default/template/picture_coi.tpl @@ -3,10 +3,7 @@ {/html_head} {combine_script id='jquery.jcrop' load='footer' require='jquery' path='themes/default/js/plugins/jquery.Jcrop.min.js'} -{'Center of interest'|@translate} - -{'Edit photo information'|@translate} - +{$TITLE} › {'Edit photo'|@translate} {$TABSHEET_TITLE} diff --git a/admin/themes/default/template/picture_modify.tpl b/admin/themes/default/template/picture_modify.tpl index 28e6bfc76..11a0fcdb2 100644 --- a/admin/themes/default/template/picture_modify.tpl +++ b/admin/themes/default/template/picture_modify.tpl @@ -2,6 +2,15 @@ {include file='include/dbselect.inc.tpl'} {include file='include/datepicker.inc.tpl'} +{combine_script id='jquery.chosen' load='footer' path='themes/default/js/plugins/chosen.jquery.min.js'} +{combine_css path="themes/default/js/plugins/chosen.css"} + +{footer_script}{literal} +jQuery(document).ready(function() { + jQuery(".chzn-select").chosen(); +}); +{/literal}{/footer_script} + {combine_script id='jquery.tokeninput' load='async' require='jquery' path='themes/default/js/plugins/jquery.tokeninput.js'} {footer_script require='jquery.tokeninput'} jQuery(document).ready(function() {ldelim} @@ -24,22 +33,9 @@ jQuery(document).ready(function() {ldelim} pwg_initialization_datepicker("#date_creation_day", "#date_creation_month", "#date_creation_year", "#date_creation_linked_date", "#date_creation_action_set"); {/footer_script} -{'Edit photo information'|@translate} +{$TITLE} › {'Edit photo'|@translate} {$TABSHEET_TITLE} - - - - {if isset($U_JUMPTO) } - - {/if} - {if !url_is_remote($PATH)} - - - - {/if} - - - + {'Informations'|@translate} @@ -47,48 +43,27 @@ pwg_initialization_datepicker("#date_creation_day", "#date_creation_month", "#da - {'Path'|@translate} - {$PATH} - + + + - - {'Post date'|@translate} - {$REGISTRATION_DATE} - + +{$INTRO} - - {'Dimensions'|@translate} - {$DIMENSIONS} - + +{if isset($U_JUMPTO) } + {'jump to photo'|@translate} → +{/if} - - {'Filesize'|@translate} - {$FILESIZE} - +{if !url_is_remote($PATH)} + {'Synchronize metadata'|@translate} - - {'Storage album'|@translate} - {$STORAGE_CATEGORY} - + {'delete photo'|@translate} + {/if} - {if isset($related_categories) } - - {'Linked albums'|@translate} - - - {foreach from=$related_categories item=name} - {$name} - {/foreach} - + - {/if} -{if isset($U_COI)} - - - {'Not cropped correctly?'|@translate} - -{/if} @@ -96,129 +71,80 @@ pwg_initialization_datepicker("#date_creation_day", "#date_creation_month", "#da {'Properties'|@translate} - + + {'Title'|@translate} + + + - - {'Name'|@translate} - - + + {'Author'|@translate} + + + - - {'Author'|@translate} - - + + {'Creation date'|@translate} + + + -- +{section name=day start=1 loop=32} + {$smarty.section.day.index} +{/section} + - - {'Creation date'|@translate} - - {'unset'|@translate} - {'set to'|@translate} - - -- - {section name=day start=1 loop=32} - {$smarty.section.day.index} - {/section} - - - {html_options options=$month_list selected=$DATE_CREATION_MONTH_VALUE} - - - - - + + {html_options options=$month_list selected=$DATE_CREATION_MONTH_VALUE} + - - {'Tags'|@translate} - + + + unset + + + + {'Linked albums'|@translate} + + + {html_options options=$associate_options selected=$associate_options_selected} + + + + + {'Representation of albums'|@translate} + + + {html_options options=$represent_options selected=$represent_options_selected} + + + + + {'Tags'|@translate} + {foreach from=$tag_selection item=tag} {$tag.name} {/foreach} - - - + - - {'Description'|@translate} - {$DESCRIPTION} - + + {'Description'|@translate} + + {$DESCRIPTION} + - - {'Who can see this photo?'|@translate} - + + {'Who can see this photo?'|@translate} + {html_options options=$level_options selected=$level_options_selected} - - - - - - - - - - - - - +
{$INTRO}
+ {'Title'|@translate} + + +
+ {'Author'|@translate} + + +
+ {'Creation date'|@translate} + + + -- +{section name=day start=1 loop=32} + {$smarty.section.day.index} +{/section} + -
+ {'Linked albums'|@translate} + + + {html_options options=$associate_options selected=$associate_options_selected} + +
+ {'Representation of albums'|@translate} + + + {html_options options=$represent_options selected=$represent_options_selected} + +
+ {'Tags'|@translate} + {foreach from=$tag_selection item=tag} {$tag.name} {/foreach} -
+ {'Description'|@translate} + + {$DESCRIPTION} +
+ {'Who can see this photo?'|@translate} + {html_options options=$level_options selected=$level_options_selected} -
- - -
+ +