Fixed page hash handling

This commit is contained in:
Crom (Thibaut CHARLES) 2019-09-18 09:35:22 +02:00
parent aa45f6c2eb
commit e2bed255f1
Signed by: tcharles
GPG Key ID: 45A3D5F880B9E6D0
1 changed files with 32 additions and 19 deletions

View File

@ -70,16 +70,29 @@ function setPage(path){
const len = $("#article-container > article").length;
let cnt = 0;
$("#article-container > article").each((i, elmt) => {
$(elmt).html(marked($(elmt).html(), markedOpt, (err, res) => {
marked($(elmt).html(), markedOpt, (err, res) => {
$(elmt).html(res);
cnt++;
if(cnt === len){
if(path == "/skills"){
// wow such ugly hack... any it works (and when it fails only the graph title disappear, so no big deal)
setTimeout(skillsPageSetup, 500);
skillsPageSetup();
}
setTimeout(() => {
if(window.location.hash != ""){
target = $(window.location.hash);
if(target.length > 0){
target = target[0];
$('html,body').animate({
scrollTop: (target.offsetTop)
}, 400);
}
}
}, 500);// I'm lazy to search a way to wait for the view engine to be updated, 500ms should be fine
}
return res;
}));
});
});
})
.fail((err) => {
@ -254,21 +267,21 @@ function skillsPageSetup(){
{
var ctx = document.getElementById("tools").getContext("2d");
var data = {
labels : ["Git", "Gitlab / Github / Gitea", "GitlabCI / TravisCI / CircleCI"],
datasets : [{
fillColor : "rgba(83, 142, 193, 0.5)",
strokeColor : "rgb(96, 145, 255)",
pointColor : "rgb(26, 118, 226)",
pointStrokeColor : "#fff",
data : [100, 90, 80]
},{
strokeColor : "rgba(0,0,0,0)",
pointColor : "rgba(0,0,0,0)",
data : [0, 100]
}]
labels : ["Git", "Gitlab / Github / Gitea", "GitlabCI / TravisCI / CircleCI"],
datasets : [{
fillColor : "rgba(83, 142, 193, 0.5)",
strokeColor : "rgb(96, 145, 255)",
pointColor : "rgb(26, 118, 226)",
pointStrokeColor : "#fff",
data : [100, 90, 80]
},{
strokeColor : "rgba(0,0,0,0)",
pointColor : "rgba(0,0,0,0)",
data : [0, 100]
}]
};
graphoptions["graphTitle"] = "Tools";
new Chart(ctx).Radar(data,graphoptions);
graphoptions["graphTitle"] = "Tools";
new Chart(ctx).Radar(data,graphoptions);
}
}