You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.7 KiB
56 lines
1.7 KiB
- const { server, site, option } = theme.artalk |
|
- const { use, lazyload } = theme.comments |
|
|
|
script. |
|
(() => { |
|
let artalkItem = null |
|
const initArtalk = () => { |
|
artalkItem = Artalk.init(Object.assign({ |
|
el: '#artalk-wrap', |
|
server: '!{server}', |
|
site: '!{site}', |
|
pageKey: location.pathname, |
|
darkMode: document.documentElement.getAttribute('data-theme') === 'dark', |
|
countEl: '.artalk-count' |
|
},!{JSON.stringify(option)})) |
|
|
|
if (GLOBAL_CONFIG.lightbox === 'null') return |
|
artalkItem.on('list-loaded', () => { |
|
artalkItem.ctx.get('list').getCommentNodes().forEach(comment => { |
|
const $content = comment.getRender().$content |
|
btf.loadLightbox($content.querySelectorAll('img:not([atk-emoticon])')) |
|
}) |
|
}) |
|
|
|
const destroyArtalk = () => { |
|
artalkItem.destroy() |
|
} |
|
|
|
btf.addGlobalFn('pjax', destroyArtalk, 'destroyArtalk') |
|
} |
|
|
|
const loadArtalk = async () => { |
|
if (typeof Artalk === 'object') initArtalk() |
|
else { |
|
await getCSS('!{theme.asset.artalk_css}') |
|
await getScript('!{theme.asset.artalk_js}') |
|
initArtalk() |
|
} |
|
} |
|
|
|
const artalkChangeMode = theme => { |
|
const artalkWrap = document.getElementById('artalk-wrap') |
|
if (!(artalkWrap && artalkWrap.children.length)) return |
|
const isDark = theme === 'dark' |
|
artalkItem.setDarkMode(isDark) |
|
} |
|
|
|
btf.addGlobalFn('themeChange', artalkChangeMode, 'artalk') |
|
|
|
if ('!{use[0]}' === 'Artalk' || !!{lazyload}) { |
|
if (!{lazyload}) btf.loadComment(document.getElementById('artalk-wrap'), loadArtalk) |
|
else loadArtalk() |
|
} else { |
|
window.loadOtherComment = loadArtalk |
|
} |
|
})() |