Changeset 6773 for extensions/bulk_manager/element_set_global.tpl

Timestamp:

Aug 18, 2010, 2:11:28 AM (14 years ago)

Author:

plg

Message:

feature 1803 added: single click to select all photos of the current set.

Next to the "select actions", always displays either "no photo selected" or
"23 of 41 photos selected" or "All 41 photos selected".

File:

• extensions/bulk_manager/element_set_global.tpl (modified) (8 diffs)

extensions/bulk_manager/element_set_global.tpl

@@ -13 +13 @@
 var nb_thumbs_set = {$nb_thumbs_set};
 var applyOnDetails_pattern = "{'on the %d selected photos'|@translate}";
+
+var selectedMessage_pattern = "{'%d of %d photos selected'|@translate}";
+var selectedMessage_none = "{'No photo selected, %d photos in current set'|@translate}";
+var selectedMessage_all = "{'All %d photos are selected'|@translate}";
 {literal}
 function str_repeat(i, m) {
@@ -90 +94 @@
       )
     );
+
+    // display the number of currently selected photos in the "Selection" fieldset
+    if (nbSelected == 0) {
+      $("#selectedMessage").text(
+        sprintf(
+          selectedMessage_none,
+          nb_thumbs_set
+        )
+      );
+    }
+    else if (nbSelected == nb_thumbs_set) {
+      $("#selectedMessage").text(
+        sprintf(
+          selectedMessage_all,
+          nb_thumbs_set
+        )
+      );
+    }
+    else {
+      $("#selectedMessage").text(
+        sprintf(
+          selectedMessage_pattern,
+          nbSelected,
+          nb_thumbs_set
+        )
+      );
+    }
   }
 
@@ -118 +149 @@
 
   $(".wrap1 label").click(function () {
-    $("#selectSetMessage").hide();
-    $("#setSelected").hide();
     $("input[name=setSelected]").attr('checked', false);
 
@@ -154 +183 @@
 
   $("#selectNone").click(function () {
-    $("#selectSetMessage").hide();
-    $("#setSelected").hide();
     $("input[name=setSelected]").attr('checked', false);
 
@@ -171 +198 @@
   $("#selectInvert").click(function () {
     $("#selectSetMessage").hide();
-    $("#setSelected").hide();
     $("input[name=setSelected]").attr('checked', false);
 
@@ -192 +218 @@
 
   $("#selectSet").click(function () {
-    $("#selectSetMessage").hide();
-    $("#setSelected").show();
     $("input[name=setSelected]").attr('checked', true);
     checkPermitAction();
@@ -293 +317 @@
 .thumbSelected {background-color:#C2F5C2 !important}
 
-#selectSetMessage, #setSelected {background-color:#C2F5C2; padding:5px; -moz-border-radius:5px; display:none;}
+#selectedMessage {background-color:#C2F5C2; padding:5px; -moz-border-radius:5px;}
 #selectSet a {border-bottom:1px dotted}
 #applyOnDetails {font-style:italic;}
@@ -376 +400 @@
   <p id="checkActions">
     {'Select:'|@translate}
-    <a href="#" id="selectAll">{'All'|@translate}</a>,
+    <a href="#" id="selectAll">{'All'|@translate}</a>
+    (<a href="#" id="selectSet">or the whole set</a>),
     <a href="#" id="selectNone">{'None'|@translate}</a>,
     <a href="#" id="selectInvert">{'Invert'|@translate}</a>
-    <span id="selectSetMessage" {if count($selection) == $nb_thumbs_page}style="display:inline"{/if}>
-      {'All %u photos of this page are selected.'|@translate|@sprintf:$nb_thumbs_page}
-      <a href="#" id="selectSet">{'Select all %d photos of the current set.'|@translate|@sprintf:$nb_thumbs_set}</a>
-    </span>
-    <span id="setSelected" {if count($selection) == $nb_thumbs_set}style="display:inline"{/if}>
-      {'All %u photos of the current are selected.'|@translate|@sprintf:$nb_thumbs_set}
-      <input type="checkbox" name="setSelected" style="display:none" {if count($selection) == $nb_thumbs_set}checked="checked"{/if}>
-    </span>
+
+    <span id="selectedMessage"></span>
+
+    <input type="checkbox" name="setSelected" style="display:none" {if count($selection) == $nb_thumbs_set}checked="checked"{/if}>
   </p>