WorldwideChristianComputerClub.github.io/organisation_members.js at master · WorldwideChristianComputerClub/WorldwideChristianComputerClub.github.io · GitHub

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
/**
 * Created by jason on 11/20/16.
 */


/**
 <div class="section">
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <a href="#"><img src="http://pingendo.github.io/pingendo-bootstrap/assets/placeholder.png" class="img-circle img-responsive"></a>
            </div>
            <div class="col-md-9 text-center">

            </div>
        </div>
    </div>
 </div>

 **/


function listMembers() {

    var json = (function () {
        var json = null;
        $.ajax({
            'async': false,
            'global': false,
            'url': 'https://api.github.com/orgs/WorldwideChristianComputerClub/members',
            'dataType': "json",
            'success': function (data) {
                json = data;
            }
        });
        return json;
    })();

    jQuery.each(json, function (i, val) {
        function capitalizeFirstLetter(string) {
            return string.charAt(0).toUpperCase() + string.slice(1);
        };
        var formatedLoginName = capitalizeFirstLetter(val['login']);
        var member = " \
        <div class='section'> \
            <div class='container'> \
                <div class='row' align='center'> \
                    <div class='col-md-3'> \
                        <a href='#'><img height=20% src='" + val['avatar_url'] + "class='img-circle img-responsive'></a> \
                    </div> \
                    <div class='col-md-9 text-center'><h1>" +
                        formatedLoginName + "</h1><br> \
                    </div> \
                </div> \
            </div> \
        </div> \ ";
        var div = document.getElementById('public-members');
        div.innerHTML += member;
        console.log(val["login"])
    });

}