Sha256: fe2b9fcd2b9db48345ba2cb37de179b4ed9e82d56846dc7c4e84822f63241d75
Contents?: true
Size: 1.86 KB
Versions: 12
Compression:
Stored size: 1.86 KB
Contents
import icon from "src/decidim/icon"
const EXCLUDE_CLASSES = [
"card--list__data__icon",
"footer-social__icon",
"logo-cityhall"
];
const EXCLUDE_ANCESTOR_CLASSES = [
"editor-container"
]
const EXCLUDE_REL = ["license", "decidim"];
const DEFAULT_MESSAGES = {
externalLink: "External link"
};
let MESSAGES = DEFAULT_MESSAGES;
export default class ExternalLink {
static configureMessages(messages) {
MESSAGES = $.extend(DEFAULT_MESSAGES, messages);
}
constructor(link) {
this.$link = link;
this.setup();
}
setup() {
if (EXCLUDE_CLASSES.some((cls) => this.$link.hasClass(cls))) {
return;
}
if (EXCLUDE_ANCESTOR_CLASSES.some((cls) => this.$link.parents().hasClass(cls))) {
return;
}
if (
EXCLUDE_REL.some((rel) => {
const linkRels = `${this.$link.attr("rel")}`.split(" ");
return linkRels.indexOf(rel) > -1;
})
) {
return;
}
let $target = this.$link;
if (this.$link[0].hasAttribute("data-external-link-target")) {
$target = $(this.$link.data("external-link-target"), this.$link);
if ($target.length < 1) {
$target = this.$link;
}
}
$target.addClass("external-link-container");
let spacer = " ";
if (this.$link[0].hasAttribute("data-external-link-spacer")) {
spacer = this.$link.data("external-link-spacer");
} else if ($target.text().trim().length < 1) {
// Fixes image links extra space
spacer = "";
}
$target.append(`${spacer}${this.generateElement()}`);
}
generateElement() {
let content = `${this.generateIcon()}${this.generateScreenReaderLabel()}`;
return `<span class="external-link-indicator">${content}</span>`;
}
generateIcon() {
return icon("external-link");
}
generateScreenReaderLabel() {
return `<span class="show-for-sr">(${MESSAGES.externalLink})</span>`;
}
}
Version data entries
12 entries across 12 versions & 1 rubygems