mirror of
https://bitbucket.org/wisemapping/wisemapping-frontend.git
synced 2024-11-10 17:33:24 +01:00
Merged in bugfix/link-edit-display (pull request #19)
Fix link not updating after edit * Fix link not updating after edit Fix $ undefined error in mouseleave Approved-by: Paulo Veiga
This commit is contained in:
parent
89765aa93d
commit
60db37b916
@ -26,23 +26,30 @@ class LinkIconTooltip extends FloatingTip {
|
||||
const nativeElement = $(linkIcon.getImage().peer._native);
|
||||
super(nativeElement, {
|
||||
// Content can also be a function of the target element!
|
||||
content: LinkIconTooltip._buildContent(linkIcon),
|
||||
content() {
|
||||
return LinkIconTooltip._buildContent(linkIcon);
|
||||
},
|
||||
html: true,
|
||||
placement: 'bottom',
|
||||
container: 'body',
|
||||
title: $msg('LINK'),
|
||||
trigger: 'manual',
|
||||
template: '<div id="linkPopover" class="popover" onmouseover="$(this).mouseleave(function() {$(this).fadeOut(200); });" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>',
|
||||
template: '<div id="linkPopover" class="popover" onmouseover="jQuery(this).mouseleave(function() {jQuery(this).fadeOut(200); });" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>',
|
||||
destroyOnExit: true,
|
||||
});
|
||||
}
|
||||
|
||||
static _buildContent(linkIcon) {
|
||||
const url = linkIcon.getModel().getUrl();
|
||||
const linkText = `URL: ${url}`;
|
||||
const linkPreview = `http://free.pagepeeker.com/v2/thumbs.php?size=m&url=${url}`;
|
||||
|
||||
const result = $('<div></div>').css({
|
||||
padding: '5px',
|
||||
width: '100%',
|
||||
});
|
||||
|
||||
const text = $('<div></div>').text(`URL: ${linkIcon.getModel().getUrl()}`)
|
||||
const text = $('<div id="linkPopoverUrl"></div>').text(linkText)
|
||||
.css({
|
||||
'white-space': 'pre-wrap',
|
||||
'word-wrap': 'break-word',
|
||||
@ -57,15 +64,15 @@ class LinkIconTooltip extends FloatingTip {
|
||||
'padding-top': '5px',
|
||||
});
|
||||
|
||||
const img = $('<img>')
|
||||
.prop('src', `http://free.pagepeeker.com/v2/thumbs.php?size=m&url=${linkIcon.getModel().getUrl()}`)
|
||||
.prop('img', linkIcon.getModel().getUrl())
|
||||
.prop('alt', linkIcon.getModel().getUrl());
|
||||
const img = $('<img id="linkPopoverPreview">')
|
||||
.prop('src', linkPreview)
|
||||
.prop('img', url)
|
||||
.prop('alt', url);
|
||||
|
||||
img.css('padding', '5px');
|
||||
|
||||
const link = $('<a></a>').attr({
|
||||
href: linkIcon.getModel().getUrl(),
|
||||
const link = $('<a id="linkPopoverAnchor"></a>').attr({
|
||||
href: url,
|
||||
alt: 'Open in new window ...',
|
||||
target: '_blank',
|
||||
});
|
||||
|
Loading…
Reference in New Issue
Block a user