aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorplegall <plg@piwigo.org>2013-12-20 13:33:48 +0000
committerplegall <plg@piwigo.org>2013-12-20 13:33:48 +0000
commite1c6ac237982d63ce8744d8aca64b3bab9df781c (patch)
tree9830b531c4d4fb409706faac4178ba99b2bb903f
parent09a00911c23d4e351a7cf2c81bd644b696163235 (diff)
feature 1668, user manager redesign:
* bug fixed: initialize nb_image_page and recent_period with current user * in batch actions, use sliders for recent_period and nb_image_page git-svn-id: http://piwigo.org/svn/trunk@26051 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--admin/themes/default/template/user_list.tpl54
1 files changed, 46 insertions, 8 deletions
diff --git a/admin/themes/default/template/user_list.tpl b/admin/themes/default/template/user_list.tpl
index 32462f0cc..56d53bc5f 100644
--- a/admin/themes/default/template/user_list.tpl
+++ b/admin/themes/default/template/user_list.tpl
@@ -125,6 +125,41 @@ jQuery(document).ready(function() {
);
}
+ /* nb_image_page slider */
+ var nb_image_page_init = getSliderKeyFromValue(jQuery('#action_nb_image_page input[name=nb_image_page]').val(), nb_image_page_values);
+
+ jQuery('#action_nb_image_page .nb_image_page_infos').html(getNbImagePageInfoFromIdx(nb_image_page_init));
+
+ jQuery('#action_nb_image_page .nb_image_page').slider({
+ range: "min",
+ min: 0,
+ max: nb_image_page_values.length - 1,
+ value: nb_image_page_init,
+ slide: function( event, ui ) {
+ jQuery('#action_nb_image_page .nb_image_page_infos').html(getNbImagePageInfoFromIdx(ui.value));
+ },
+ stop: function( event, ui ) {
+ jQuery('#action_nb_image_page input[name=nb_image_page]').val(nb_image_page_values[ui.value]).trigger('change');
+ }
+ });
+
+ /* recent_period slider */
+ var recent_period_init = getSliderKeyFromValue(jQuery('#action_recent_period input[name=recent_period]').val(), recent_period_values);
+ jQuery('#action_recent_period .recent_period_infos').html(getRecentPeriodInfoFromIdx(recent_period_init));
+
+ jQuery('#action_recent_period .recent_period').slider({
+ range: "min",
+ min: 0,
+ max: recent_period_values.length - 1,
+ value: recent_period_init,
+ slide: function( event, ui ) {
+ jQuery('#action_recent_period .recent_period_infos').html(getRecentPeriodInfoFromIdx(ui.value));
+ },
+ stop: function( event, ui ) {
+ jQuery('#action_recent_period input[name=recent_period]').val(recent_period_values[ui.value]).trigger('change');
+ }
+ });
+
/* Formating function for row details */
function fnFormatDetails(oTable, nTr) {
var userId = oTable.fnGetData(nTr)[0];
@@ -306,7 +341,7 @@ jQuery(document).ready(function() {
jQuery(".chzn-select").chosen();
/* nb_image_page slider */
- var nb_image_page_init = getSliderKeyFromValue(jQuery('input[name=nb_image_page]').val(), nb_image_page_values);
+ var nb_image_page_init = getSliderKeyFromValue(jQuery('#user'+userId+' input[name=nb_image_page]').val(), nb_image_page_values);
jQuery('#user'+userId+' .nb_image_page_infos').html(getNbImagePageInfoFromIdx(nb_image_page_init));
@@ -324,7 +359,7 @@ jQuery(document).ready(function() {
});
/* recent_period slider */
- var recent_period_init = getSliderKeyFromValue(jQuery('input[name=recent_period]').val(), recent_period_values);
+ var recent_period_init = getSliderKeyFromValue(jQuery('#user'+userId+' input[name=recent_period]').val(), recent_period_values);
jQuery('#user'+userId+' .recent_period_infos').html(getRecentPeriodInfoFromIdx(recent_period_init));
jQuery('#user'+userId+' .recent_period').slider({
@@ -817,8 +852,7 @@ jQuery(document).ready(function() {
});
{/literal}{/footer_script}
-{literal}
-<style>
+{html_style}{literal}
.dataTables_wrapper, .dataTables_info {clear:none;}
table.dataTable {clear:right;padding-top:10px;}
.dataTable td img {margin-bottom: -6px;margin-left: -6px;}
@@ -835,8 +869,8 @@ span.infos, span.errors {background-image:none; padding:2px 5px; margin:0;border
.userStats {margin-top:10px;}
.recent_period_infos {margin-left:10px;}
.nb_image_page, .recent_period {width:340px;margin-top:5px;}
-</style>
-{/literal}
+#action_recent_period .recent_period {display:inline-block;}
+{/literal}{/html_style}
<div class="titrePage">
<h2>{'User list'|@translate}</h2>
@@ -974,7 +1008,9 @@ span.infos, span.errors {background-image:none; padding:2px 5px; margin:0;border
{* nb_image_page *}
<div id="action_nb_image_page" class="bulkAction">
- <input size="4" maxlength="3" type="text" name="nb_image_page" value="{$NB_IMAGE_PAGE}">
+ <strong class="nb_image_page_infos"></strong>
+ <div class="nb_image_page"></div>
+ <input type="hidden" name="nb_image_page" value="{$NB_IMAGE_PAGE}">
</div>
{* theme *}
@@ -993,7 +1029,9 @@ span.infos, span.errors {background-image:none; padding:2px 5px; margin:0;border
{* recent_period *}
<div id="action_recent_period" class="bulkAction">
- <input type="text" size="3" maxlength="2" name="recent_period" value="{$RECENT_PERIOD}">
+ <div class="recent_period"></div>
+ <span class="recent_period_infos"></span>
+ <input type="hidden" name="recent_period" value="{$RECENT_PERIOD}">
</div>
{* expand *}