scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-02-05 14:41:53 +08:00
Code Issues Projects Releases Packages Wiki Activity

Testing out new popover

Browse source
This commit is contained in:
Zanz2 2018-08-16 15:07:59 +02:00
parent 9fd02e71c9
commit d2373980d4
3 changed files with 22 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
app/assets/javascripts/sitewide/popover_helper.js
View file

@ -2,25 +2,29 @@
'use strict';
$(document).ready(function() {
var hover_timer
var text_to_display = $('.popover_v2').data('content')
$('.popover_v2').popover({
html: true,
container: 'body',
placement: 'auto right',
trigger: 'manual',
template: '<div class="popover" role="tooltip"><div class="popover-body">'+text_to_display+'</div></div>',
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 () {
hover_timer = setTimeout(function () {
$('.popover_v2').popover("show")
}, 1000);
$('body').find(".popover").on("mouseleave", function () {
$('.popover_v2').popover('hide');
});
}).on("mouseleave", function () {
clearTimeout(hover_timer)
setTimeout(function () {
if (!$(".popover:hover").length) {
$('.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")
}
}, 500);

2
app/views/shared/_navigation.html.erb
View file

@ -82,7 +82,7 @@
name="q"
placeholder="<%= t('nav.search') %>" />
<span class="input-group-btn">
<button class="btn btn-default" type="submit"><%=t 'nav.search_button' %></button>
<button class="btn btn-default popover_v2" data-content="<%= I18n.t('test.popover.test') %>" type="submit"><%=t 'nav.search_button' %></button>
</span>
</div>
<% end %>

5
config/locales/en.yml
View file

@ -1992,3 +1992,8 @@ en:
password_confirmation_not_match: "doesn't match"
invite_users:
permission_error: "You don't have permission to invite additional users to this team. Contact its administrator/s."
test:
popover:
test: "You don't have permission to invite additional users to this team -- just kidding, test text"
learn_more: "https://support.scinote.net/hc/en-us/articles/115001787811-What-are-the-permissions-for-each-user-role-"