aboutsummaryrefslogtreecommitdiffstats
path: root/tmpl/donations.html
blob: dd17368e01bfbfb983da85b130df7252def4c9ae (plain)
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
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>[% config.sitename %] Donations</title>
        [%- INCLUDE head.html -%]
        [% INCLUDE head_chart.html %]
    </head>
    <body>
        [%- INCLUDE body_top.html -%]
        <h1 id='mgnavt'><a href="index.html">treasurer</a> » donations</h1>

        <div class="content">
            <div class="section">
                [%- USE date(format='%Y/%m/%d') -%]
                <h1>Mageia.Org donations</h1>
                [% donations.total_30 %] Euros have been donated to Mageia.org in the last 30 days.
            </div>

            <div class="section">
                [%- l = 10 -%]
                <h2>Last [% l %] donations <a href="donations.rss"><img src="[% config.staticdir_url %]/feed-16x16.png" alt="RSS feed" /></a></h2>
                <ul>
                    [%- i=0 -%]
                    [%- FOR don IN donations.donations.sort('date').reverse -%]
                    [%- i = i + 1 -%]
                    [%- LAST IF i > l -%]
                    <li><b><a href="donations_p_[% don.pa %].html">[% don.who %]</a></b> donated <b>[% don.amount %]</b> Euros on [% date.format(don.date) %]</li>
                    [%- END -%]
                </ul>
            </div>

            <div class="section">
                <h2>Donations per year</h2>

                <canvas id="donations_history_bar_chart" height="250" width="[% 80 + donations.by_year.keys.size * 65 %]"></canvas>

                <script>

                    var barChartData = {
                        labels : ["[% donations.by_year.keys.sort.reverse.join('","') %]"],
                        datasets : [
                        {
                            fillColor : "#151f79",
                            strokeColor : "#101333",
                            data : [
                            [%- FOR year IN donations.by_year.keys.sort.reverse -%]
                            [%- donations.by_year.$year.total -%]
                            [%- IF ! loop.last() -%],[%- END -%]
                            [%- END %]]
                        }
                        ]
                    }

                    var myLine = new Chart(document.getElementById("donations_history_bar_chart").getContext("2d")).Bar(barChartData);
        
                </script>

                <ul>
                    [%- FOR year IN donations.by_year.keys.sort.reverse %]
                    <li><a href="donations_y_[% year %].html">[% year %]: [% donations.by_year.$year.total %] Euros</a></li>
                    [%- END %]
                </ul>
            </div>

            <div class="section">
                <h2>Donations list</h2>
                <p>
                The list of donations received is available <a href="donations_all.html">on this page</a>.
                </p>
            </div>

            <div class="section">
                <p>
                <small>Last update: [% date.format(last_update, format => '%Y/%m/%d %H:%M:%S') %]</small>
                </p>
            </div>
        </div>
    </body>
</html>