2024-02-23 15:24:37 +08:00
|
|
|
<script type="module">
|
|
|
|
import { init } from '<%- theme.comments.waline.js %>'
|
|
|
|
|
2022-05-18 20:25:53 +08:00
|
|
|
function load_comment(){
|
|
|
|
if(!document.getElementById("waline_container"))return;
|
2024-02-23 15:24:37 +08:00
|
|
|
|
2024-02-12 23:07:56 +08:00
|
|
|
utils.css('<%- theme.comments.waline.css %>');
|
2024-02-23 15:24:37 +08:00
|
|
|
utils.css('<%- theme.comments.waline.meta_css %>');
|
|
|
|
|
|
|
|
const el = document.getElementById("waline_container");
|
|
|
|
var path = el.getAttribute('comment_id');
|
|
|
|
if (!path) {
|
|
|
|
path = decodeURI(window.location.pathname);
|
|
|
|
}
|
|
|
|
|
|
|
|
const waline = init(Object.assign(<%- JSON.stringify(theme.comments.waline) %>, {
|
|
|
|
el: '#waline_container',
|
|
|
|
path: path,
|
|
|
|
<% if(!!theme.comments.waline.imageUploader?.api){ %>
|
|
|
|
imageUploader: function(file) {
|
|
|
|
let headers = new Headers();
|
|
|
|
headers.set('Accept', 'application/json');
|
|
|
|
<% if(!!theme.comments.waline.imageUploader?.token) { %>
|
|
|
|
headers.set('<%= theme.comments.waline.imageUploader?.tokenName %>', '<%= theme.comments.waline.imageUploader?.token %>')
|
|
|
|
<% } %>
|
|
|
|
let formData = new FormData();
|
|
|
|
formData.append('<%= theme.comments.waline.imageUploader?.fileName %>', file);
|
|
|
|
return fetch('<%= theme.comments.waline.imageUploader?.api %>',{
|
|
|
|
method: 'POST',
|
|
|
|
body: formData,
|
|
|
|
headers: headers
|
|
|
|
}).then((resp) => resp.json())
|
|
|
|
.then((resp) => resp.<%= theme.comments.waline.imageUploader?.resp %>)
|
|
|
|
},
|
|
|
|
<% } %>
|
|
|
|
}));
|
|
|
|
|
2022-05-18 20:25:53 +08:00
|
|
|
}
|
|
|
|
window.addEventListener('DOMContentLoaded', (event) => {
|
|
|
|
load_comment();
|
|
|
|
});
|
|
|
|
|
|
|
|
</script>
|