Changeset 28593 for extensions/UserCollections/template/thumbnails_css_js.tpl

Timestamp:

Jun 2, 2014, 5:26:14 PM (10 years ago)

Author:

mistic100

Message:

fix "missing image_ids" + clean buttons

File:

• extensions/UserCollections/template/thumbnails_css_js.tpl (modified) (8 diffs)

extensions/UserCollections/template/thumbnails_css_js.tpl

@@ -6 +6 @@
 var $cdm = jQuery('#collectionsDropdown');
 
-{if not $IN_PICTURE}
 $cdm.on('mouseleave', function() {
   $cdm.hide();
 });
-{/if}
 
 // click on "create collection" button
@@ -39 +37 @@
       return;
     }
+    
+    var first = $cdm.children('.noCollecMsg').length > 0;
 
     jQuery.ajax({
@@ -51 +51 @@
       success: function(data) {
         if (data.stat == 'ok') {
-          var col = data.result;
-          var html = '<span>&#9733;</span> <a class="add" data-id="'+ col.id +'">'+ col.name +'</a> '
+          var col = data.result,
+              html = 
+            '<span>&#9733;</span> <a class="add" data-id="'+ col.id +'">'+ col.name +'</a> '
             +'<span class="menuInfoCat">[<span class="nbImagesCollec-'+ col.id +'">'+ col.nb_images +'</span>]</span> '
             +'<a class="remove" data-id="'+ col.id +'">{'(remove)'|translate|escape:javscript}</a>'
@@ -58 +59 @@
 
           $cdm.children('.switchBoxFooter').before(html);
-          $cdm.children('.noCollecMsg').remove();
+          
+          if (first) {
+            $cdm.children('.noCollecMsg').remove();
+            $cdm.children('.add').trigger('click');
+          }
         }
         else {
@@ -77 +82 @@
 // add and remove links (delegate for new collections)
 $cdm.on('click', '.add, .remove', function(e) {
-  var img_id = $cdm.data('img_id');
-  var col_id = jQuery(this).data('id');
-  var method = jQuery(this).hasClass('add') ? 'pwg.collections.addImages' : 'pwg.collections.removeImages';
+  var img_id = $cdm.data('img_id'),
+      col_id = jQuery(this).data('id'),
+      method = jQuery(this).hasClass('add') ? 'pwg.collections.addImages' : 'pwg.collections.removeImages';
 
   jQuery.ajax({
@@ -97 +102 @@
 
         // update item datas
-        var $target = jQuery('.addCollection[data-id="'+ img_id +'"]');
-        var col_ids = $target.data('cols');
+        var $target = jQuery('.addCollection[data-id="'+ img_id +'"]'),
+            col_ids = $target.data('cols');
+
         if (method == 'pwg.collections.addImages' && col_ids.indexOf(col_id) == -1) {
           col_ids[ col_ids.length ] = col_id;
@@ -121 +127 @@
 
 // main button, open the menu
-jQuery('#thumbnails').on('click', '.addCollection', function(e) {
-  var img_id = jQuery(this).data('id');
-  var col_ids = jQuery(this).data('cols');
+jQuery(document).on('click', '.addCollection', function(e) {
+  var img_id = jQuery(this).data('id'),
+      col_ids = jQuery(this).data('cols');
 
   $cdm.data('img_id', img_id);
 
   $cdm.children('.add').each(function() {
-    if (col_ids.indexOf($(this).data('id')) != -1) {
-      $(this).css('font-weight', 'bold').next().next().show();
+    if (col_ids.indexOf(jQuery(this).data('id')) != -1) {
+      jQuery(this).css('font-weight', 'bold').next().next().show();
     }
     else {
-      $(this).css('font-weight', 'normal').next().next().hide();
-    }
-  });
-
-  {if not $IN_PICTURE}
+      jQuery(this).css('font-weight', 'normal').next().next().hide();
+    }
+  });
+
+  {if $IN_PICTURE}
   $cdm.css({
-    'top': e.pageY-5-$(window).scrollTop(),
-    'left': Math.min(e.pageX-jQuery(window).scrollLeft()-20, jQuery(window).width()-$cdm.outerWidth(true)-5)
-  });
-  $cdm.show();
+    'left': Math.min(jQuery(this).offset().left, jQuery(window).width()-$cdm.outerWidth(true)-5),
+    'top': jQuery(this).offset().top + jQuery(this).outerHeight(true)
+  });
+  {else}
+  $cdm.css({
+    'left': Math.min(e.pageX-jQuery(window).scrollLeft()-20, jQuery(window).width()-$cdm.outerWidth(true)-5),
+    'top': e.pageY-5-$(window).scrollTop()
+  });
   {/if}
+  $cdm.toggle();
 
   e.preventDefault();
@@ -173 +184 @@
 {footer_script require='jquery'}
 jQuery('#thumbnails').on('click', '.addCollection', function(e) {
-  var $trigger = jQuery(this);
-  var img_id = jQuery(this).data('id');
-  var col_id = {$collection.ID};
+  var $trigger = jQuery(this),
+      img_id = jQuery(this).data('id'),
+      col_id = {$collection.ID};
 
   jQuery.ajax({