summaryrefslogtreecommitdiffstats
path: root/layouts/partials/scripts.html
blob: 839a87a133c3c277e0695de3b49edda32940e0f9 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<!-- utterances comment loading indicator -->
{{ if and (.IsPage) (.Site.Params.utterancesRepo) }}
<script>
    $(function () {
        var commentStatus;
        var commentLoadingTime = 0;
        var commentCheckInterval = self.setInterval(checkUtterances, 500);

        function checkUtterances() {
            commentStatus = $('.post-comment .utterances').attr('style');
            if (commentStatus == undefined) {
                commentLoadingTime += 1;
                if (commentLoadingTime > 20) {
                    clearInterval(commentCheckInterval);
                    $('.post-comment').hide();
                    $('.post-loading p').text('{{ i18n "postCommentLoadingFailed" }}');
                    $('.post-loading i').attr('class', 'far fa-times-circle');
                }
                return;
            } else {
                clearInterval(commentCheckInterval);
                $('.post-loading').hide();
            }
        }
    });
</script>
{{ end }}

<!-- toc smooth scroll & APlayer cjk html anchor fix -->
{{ if in .Site.Params.mainSections .Type }}
<script>
    $('.widget-toc a').click(function () {
        $('html, body').animate({
            scrollTop: $($(this).attr('href')).offset().top
        });
    });
</script>
{{ end }}
{{ if .Site.Params.scrollTop }}
<!-- scroll to top button -->
<script>
    $('#scroll-top').click(function () {
        $('html, body').animate({
            scrollTop: 0
        });
    });
</script>
{{ end }}

<!-- in-post APlayer -->
{{ with .Params.playerURL }}
<script>
    $(function () {
        const postAPlayer = new APlayer({
            container: document.getElementById('post-aplayer'),
            theme: '#8F82BC',
            volume: 0.1,
            audio: [{
                name: '{{ $.Params.playerName }}',
                artist: '{{ $.Params.playerArtist }}',
                url: '{{ . }}',
                cover: '{{ $.Params.playerCover }}'
            }]
        });
    });
</script>
{{ end }}
<!-- site global APlayer -->
{{ with .Site.Params.playerURL }}
<script>
    $(function () {
        const siteAPlayer = new APlayer({
            container: document.getElementById('aplayer'),
            fixed: true,
            theme: '#8F82BC',
            volume: 0.1,
            audio: [{
                name: '{{ $.Site.Params.playerName }}',
                artist: '{{ $.Site.Params.playerArtist }}',
                url: '{{ . }}',
                cover: '{{ $.Site.Params.playerCover }}'
            }]
        });
    });
</script>
{{ end }}