related to #1931 added popins for albums and tags found

themes/default/js/mcs.js

@@ -368,8 +368,45 @@ $(document).ready(function () {
     });
     // Set second param to true to trigger reload
     performSearch(PS_params ,true);
+  });
+
+  /**
+   * Tags & Albums found
+   */
+  $(".mcs-tags-found").on('click', function () {
+    $(".tags-found-popin").show();
+  });
+  $(".mcs-albums-found").on('click', function () {
+    $(".albums-found-popin").show();
+  });
+
+  $(document).on('keyup', function (e) {
+    // 27 is 'Escape'
+    if(e.keyCode === 27) {
+      $(".tags-found-popin .tags-found-close").trigger('click');
+      $(".albums-found-popin .albums-found-close").trigger('click');
+    }
+  });
+  
+  $(".tags-found-popin").on('click', function(e) {
+    if ($(this).is(e.target) && $(this).has(e.target).length === 0) {
+      $(".tags-found-popin .tags-found-close").trigger('click');
+    }
+  });
+  $(".tags-found-close").on('click', function () {
+    $(".tags-found-popin").hide();
+  });
+
+  $(".albums-found-popin").on('click', function(e) {
+    if ($(this).is(e.target) && $(this).has(e.target).length === 0) {
+      $(".albums-found-popin .albums-found-close").trigger('click');
+    }
+  });
+  $(".albums-found-close").on('click', function () {
+    $(".albums-found-popin").hide();
   })
 
+
   /**
    * Filter Word
    */

themes/default/template/index.tpl

@@ -563,11 +563,33 @@ str_empty_search_bot_alt = "{'Pre-established filters are proposed, but you can
     <span class="mcs-side-badge">555</span>
     <p>{'Tags found'|@translate}</p>
   </div>
-  <div class="mcs-cats-found">
+  <div class="mcs-albums-found">
     <span class="mcs-side-badge">555</span>
     <p>{'Albums found'|@translate}</p>
   </div>
 </div>
+
+<div class="tags-found-popin">
+  <div class="tags-found-popin-container">
+    <span class="pwg-icon-cancel tags-found-close"></span>
+    <div class="mcs-popin-title">{'Tags found'|@translate}</div>
+
+    <div class="tags-found-controller-container">
+      content
+    </div>
+  </div>
+</div>
+
+<div class="albums-found-popin">
+  <div class="albums-found-popin-container">
+    <span class="pwg-icon-cancel albums-found-close"></span>
+    <div class="mcs-popin-title">{'Albums found'|@translate}</div>
+
+    <div class="albums-found-controller-container">
+      content
+    </div>
+  </div>
+</div>
 {/if}
 
 {if !empty($THUMBNAILS)}