code-for-miami.github.io-1/projects.jade at master · ThatAndroidGuy/code-for-miami.github.io-1 · 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
div(id="open-issues", class="container", ng-controller="ProjectsController as model" ng-cloak)

    div(class="row")

        div(class="large-7 columns")

            div(class="row")
                // Filter Results
                div(class="large-6 columns")
                    select(ng-model="languageFilter", ng-options="option.value as option.key for option in model.languageOptions")
                        option(value="") Filter by language
                div(class="large-6 columns")
                    input(type="text", ng-model="userFilter", placeholder="filter by keyword, GitHub user...")

    section(class="row")

        hr(class="hr-emboss")

        // Results
        div(class="large-12 columns")

            div(class="flex-row flex-wrap")

                    div(class="flex-column-2 flex-row flex-stretch-vertical fade-in", ng-repeat="project in model.projects | filter: languageFilter | filter: userFilter | orderBy: 'project.name'")
                        div(class="panel project-info")
                            h4(class="project-name")
                                a(ng-href="{{project.github_details.html_url}}") {{project.name}}

                            ul(class="no-bullet")
                                li(ng-if="project.description")
                                    dl
                                        dt <strong>Description</strong>
                                        dd {{project.description}} <a ng-if="project.github_details.homepage" ng-href="{{project.github_details.homepage}}">Live demo</a>
                                li
                                    small <strong>Open issues</strong>: {{project.github_details.open_issues}}
                                li(ng-if="project.github_details.language")
                                    small <strong>Language</strong>: {{project.github_details.language}}
                                li
                                    small <strong>Last updated</strong>: {{project.last_updated}}

                            div(ng-show="project.github_details.contributors")
                                h5 Contributors
                                a(ng-href="{{contributor.html_url}}", ng-repeat="contributor in project.github_details.contributors | limitTo: 16 | orderBy: '-contributions'", class="th")
                                    img(ng-src="{{contributor.avatar_url}}", class="project-contributor-avatar")