92 lines
2.7 KiB
JavaScript
92 lines
2.7 KiB
JavaScript
|
// Get Parameters from some url
|
||
|
var getUrlParameter = function getUrlParameter(sPageURL) {
|
||
|
var url = sPageURL.split('?');
|
||
|
var obj = {};
|
||
|
if (url.length == 2) {
|
||
|
var sURLVariables = url[1].split('&'),
|
||
|
sParameterName,
|
||
|
i;
|
||
|
for (i = 0; i < sURLVariables.length; i++) {
|
||
|
sParameterName = sURLVariables[i].split('=');
|
||
|
obj[sParameterName[0]] = sParameterName[1];
|
||
|
}
|
||
|
return obj;
|
||
|
} else {
|
||
|
return undefined;
|
||
|
}
|
||
|
};
|
||
|
|
||
|
// Execute actions on images generated from Markdown pages
|
||
|
var images = $("div#body-inner img").not(".inline");
|
||
|
// Wrap image inside a featherlight (to get a full size view in a popup)
|
||
|
images.wrap(function(){
|
||
|
var image =$(this);
|
||
|
if (!image.parent("a").length) {
|
||
|
return "<a href='" + image[0].src + "' data-featherlight='image'></a>";
|
||
|
}
|
||
|
});
|
||
|
|
||
|
// Change styles, depending on parameters set to the image
|
||
|
images.each(function(index){
|
||
|
var image = $(this)
|
||
|
var o = getUrlParameter(image[0].src);
|
||
|
if (typeof o !== "undefined") {
|
||
|
var h = o["height"];
|
||
|
var w = o["width"];
|
||
|
var c = o["classes"];
|
||
|
image.css("width", function() {
|
||
|
if (typeof w !== "undefined") {
|
||
|
return w;
|
||
|
} else {
|
||
|
return "auto";
|
||
|
}
|
||
|
});
|
||
|
image.css("height", function() {
|
||
|
if (typeof h !== "undefined") {
|
||
|
return h;
|
||
|
} else {
|
||
|
return "auto";
|
||
|
}
|
||
|
});
|
||
|
if (typeof c !== "undefined") {
|
||
|
var classes = c.split(',');
|
||
|
for (i = 0; i < classes.length; i++) {
|
||
|
image.addClass(classes[i]);
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
});
|
||
|
|
||
|
// Stick the top to the top of the screen when scrolling
|
||
|
$(document).ready(function(){
|
||
|
$("#top-bar").sticky({topSpacing:0, zIndex: 1000});
|
||
|
});
|
||
|
|
||
|
|
||
|
jQuery(document).ready(function() {
|
||
|
// Add link button for every
|
||
|
var text, clip = new ClipboardJS('.anchor');
|
||
|
$("h1~h2,h1~h3,h1~h4,h1~h5,h1~h6").append(function(index, html){
|
||
|
var element = $(this);
|
||
|
var url = encodeURI(document.location.origin + document.location.pathname);
|
||
|
var link = url + "#"+element[0].id;
|
||
|
return " <span class='anchor' data-clipboard-text='"+link+"'>" +
|
||
|
"<i class='fas fa-link fa-lg'></i>" +
|
||
|
"</span>"
|
||
|
;
|
||
|
});
|
||
|
|
||
|
$(".anchor").on('mouseleave', function(e) {
|
||
|
$(this).attr('aria-label', null).removeClass('tooltipped tooltipped-s tooltipped-w');
|
||
|
});
|
||
|
|
||
|
clip.on('success', function(e) {
|
||
|
e.clearSelection();
|
||
|
$(e.trigger).attr('aria-label', 'Link copied to clipboard!').addClass('tooltipped tooltipped-s');
|
||
|
});
|
||
|
$('code.language-mermaid').each(function(index, element) {
|
||
|
var content = $(element).html().replace(/&/g, '&');
|
||
|
$(element).parent().replaceWith('<div class="mermaid" align="center">' + content + '</div>');
|
||
|
});
|
||
|
});
|