saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(social): improve social links (#254)

Browse Source 
* replace forkawesome and iconfont with simple icons
* add more configs for social
This commit is contained in:
Dillon
2020-04-24 19:04:37 +08:00
committed by GitHub
parent 87fbb05e86
commit c2197b7411
1337 changed files with 2369 additions and 6898 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/js/theme.js
View File

@@ -42,6 +42,22 @@ class Theme {
this.clickMaskEventSet = new Set();
}
initIcon() {
this.util.forEach(document.querySelectorAll('[data-svg-src]'), $icon => {
fetch($icon.getAttribute('data-svg-src'))
.then(response => response.text())
.then(svg => {
const $temp = document.createElement('div');
$temp.insertAdjacentHTML('afterbegin', svg);
const $svg = $temp.firstChild;
$svg.setAttribute('data-svg-src', $icon.getAttribute('data-svg-src'));
$svg.classList.add('icon');
$icon.parentElement.replaceChild($svg, $icon);
})
.catch(console.error.bind(console));
});
}
initMenuMobile() {
const $menuToggleMobile = document.getElementById('menu-toggle-mobile');
const $menuMobile = document.getElementById('menu-mobile');
@@ -303,7 +319,7 @@ class Theme {
if ($code.classList.contains('lnc') || !this.config.clipboard) return;
const $button = document.createElement('div');
$button.classList.add('copy-button');
$button.innerHTML = '<i class="far fa-copy fa-fw"></i>';
$button.insertAdjacentHTML('afterbegin', '<i class="far fa-copy fa-fw"></i>');
$button.setAttribute('data-clipboard-text', $code.innerText);
$button.title = this.config.clipboard.title;
const clipboard = new ClipboardJS($button);
@@ -327,7 +343,7 @@ class Theme {
for (let num = 1; num <= 6; num++) {
this.util.forEach(document.querySelectorAll('.single .content > h' + num), $header => {
$header.classList.add('headerLink');
$header.innerHTML = `<a href="#${$header.id}" class="header-mark"></a>${$header.innerHTML}`;
$header.insertAdjacentHTML('afterbegin', `<a href="#${$header.id}" class="header-mark"></a>`);
});
}
}
@@ -413,7 +429,7 @@ class Theme {
mermaid.initialize({startOnLoad: false, theme: 'null'});
this.util.forEach($mermaidElements, $mermaid => {
mermaid.mermaidAPI.render('svg-' + $mermaid.id, this.data[$mermaid.id], svgCode => {
$mermaid.innerHTML = svgCode;
$mermaid.insertAdjacentHTML('afterbegin', svgCode);
}, $mermaid);
});
}
@@ -598,6 +614,7 @@ class Theme {
}
init() {
this.initIcon();
this.initMenuMobile();
this.initSwitchTheme();
this.initSearch();