From a09834db6a0eec05e5742ca33acc68a3babd3fc3 Mon Sep 17 00:00:00 2001
From: Zanz2 <zan.zagar@hotmail.com>
Date: Thu, 16 Aug 2018 16:10:19 +0200
Subject: [PATCH] testing, made new popover designs

---
 .../javascripts/sitewide/popover_helper.js    | 57 ++++++++++---------
 app/views/shared/_navigation.html.erb         | 12 ++++
 2 files changed, 43 insertions(+), 26 deletions(-)

diff --git a/app/assets/javascripts/sitewide/popover_helper.js b/app/assets/javascripts/sitewide/popover_helper.js
index c5aca2631..1a92ab29d 100644
--- a/app/assets/javascripts/sitewide/popover_helper.js
+++ b/app/assets/javascripts/sitewide/popover_helper.js
@@ -2,32 +2,37 @@
   'use strict';
 
   $(document).ready(function() {
-    $('.popover_v2').popover({
-      html: true,
-      container: 'body',
-      placement: 'auto right',
-      trigger: 'manual',
-      template: '<div class="popover popover_v2_window" role="tooltip"><div class="popover-body">' +
-      $('.popover_v2').data('content') +
-      '</div><div class="popover-footer" style="position:absolute;bottom:5px;right:5px;">' +
-      '<a class="ax_default link_button" href="https://www.google.si"><i class="fas fa-external-link-alt">nekaj</i></a></div></div>'
-    }).on("mouseenter", function () {
-        setTimeout(function () {
-          $('.popover_v2').popover("show")
-          var top = $('.popover_v2').offset().top;
-          $('.popover_v2_window').css({
-              top: (top) + 'px'
-          });
-          $(".popover_v2_window").on("mouseleave", function () {
-              $('.popover_v2').popover('hide');
-          });
-        }, 1000);
-    }).on("mouseleave", function () {
-        setTimeout(function () {
-            if (!$(".popover_v2_window:hover").length) {
-                $('.popover_v2').popover("hide")
+    $('.popover_v2').each(function(i,obj) {
+
+      $(obj).popover({
+        html: true,
+        container: 'body',
+        placement: 'auto right',
+        trigger: 'manual',
+        template: '<div class="popover popover_'+i+'_window" role="tooltip"><div class="popover-body">' +
+        $(obj).data('content') +
+        '</div><br><br><div class="popover-footer" style="position:absolute;bottom:5px;right:5px;background-color: 	#E8E8E8;border-radius: 3px;">' +
+        '<a style="color:grey;" class="btn btn-link href="https://www.google.si">Read more &nbsp&nbsp<i class="fas fa-external-link-alt"></i></a></div></div>'
+      }).on("mouseenter", function () {
+          setTimeout(function () {
+            if ($(obj).hover().length) {
+              $(obj).popover("show")
+              var top = $(obj).offset().top;
+              $('body').find('.popover_'+i+'_window').css({
+                  top: (top) + 'px'
+              });
+              $('body').find(".popover_"+i+"_window").on("mouseleave", function () {
+                  $(obj).popover('hide');
+              });
             }
-        }, 500);
-    });
+          }, 1000);
+      }).on("mouseleave", function () {
+          setTimeout(function () {
+              if (!$('body').find(".popover_"+i+"_window:hover").length) {
+                  $(obj).popover("hide")
+              }
+          }, 500);
+      });
+    })
   });
 }());
diff --git a/app/views/shared/_navigation.html.erb b/app/views/shared/_navigation.html.erb
index ceb3381f4..6575dfab8 100644
--- a/app/views/shared/_navigation.html.erb
+++ b/app/views/shared/_navigation.html.erb
@@ -70,6 +70,18 @@
       <!-- profile info -->
       <ul class="nav navbar-nav navbar-right">
         <!-- search form -->
+        <li>
+          <button class="btn btn-default popover_v2" data-content="<%= I18n.t('test.popover.test') %>">
+        </li>
+        <li>
+          <button class="btn btn-default popover_v2" data-content="<%= I18n.t('test.popover.test') %>">
+        </li>
+        <li>
+          <button class="btn btn-default popover_v2" data-content="<%= I18n.t('test.popover.test') %>">
+        </li>
+        <li>
+          <button class="btn btn-default popover_v2" data-content="<%= I18n.t('test.popover.test') %>">
+        </li>
         <li>
           <%= form_tag search_path,
                        method: :get,