Skip to content

Commit 1ece2dd

Browse files
KVGargKVGarg
committed
students.html: Add a tab displaying GSoC Students
The commit replaces the reports web-page by the students web-page. This displays all the GSoC students using the same logic as used in reports.html for reading all the work reports. Closes #734
1 parent 64acdd4 commit 1ece2dd

File tree

6 files changed

+99
-22
lines changed

6 files changed

+99
-22
lines changed

‎index.html

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,11 @@
5252
FAQs
5353
</a>
5454
</li>
55+
<li ng-class="{active:nc.isSet('/students')}">
56+
<a ng-click="nc.setView('/students')" onmousedown="keyPressed(event, '#/students')" onerror="">
57+
GSoC Students
58+
</a>
59+
</li>
5560
<li><a href="{{ site.githuburl }}" target="_blank" title="Fork us on GitHub"><i class="fa fa-github fa-2x" aria-hidden="true"></i></a></li>
5661
</ul>
5762
</div>
@@ -60,6 +65,7 @@
6065
<li ng-class="{active:nc.isSet('/projects')}"><a class="uppercase" ng-click="nc.setView('/projects')" onmousedown="keyPressed(event, '#/projects')">Projects</a></li>
6166
<li ng-class="{active:nc.isSet('/mentors')}"><a class="uppercase" ng-click="nc.setView('/mentors')" onmousedown="keyPressed(event, '#/mentors')">Mentors</a></li>
6267
<li ng-class="{active:nc.isSet('/faq')}"><a ng-click="nc.setView('/faq')" onmousedown="keyPressed(event, '#/faq')" onerror="">FAQs</a></li>
68+
<li ng-class="{active:nc.isSet('/students')}"><a ng-click="nc.setView('/students')" onmousedown="keyPressed(event, '#/students')" onerror="">GSoC Students</a></li>
6369
<li><a href="{{ site.githuburl }}" target="_blank" title="Fork us on GitHub"><i class="fa fa-github fa-2x" aria-hidden="true"></i></a></li>
6470
</ul>
6571
<div ng-view=""></div>

‎partials/tabs/projects.html

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,13 +9,10 @@
99
<input ng-model="searchText" placeholder="Search for a project" id="search" type="search" class="validate"> </div>
1010
<div style="text-align: center;">
1111
For more project ideas, <a href="https://github.com/coala/projects/issues?q=is%3Aissue+is%3Aopen+sort%3Aupdated-desc+label%3A%22Project+Proposal%22">click here</a>.
12-
<br>
13-
For past years <strong>GSoC</strong> project reports, <a href="http://projects.coala.io/reports">click here</a>.
1412
</div>
1513
</div>
1614
</div>
1715
<br>
18-
<br>
1916
<section tabindex="1">
2017
<div class="container">
2118
<div class="row outline">

‎partials/tabs/students.html

Lines changed: 60 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,60 @@
1+
---
2+
title: coala GSoC Projects Report
3+
---
4+
<!DOCTYPE html>
5+
<div class="main-content container-fluid">
6+
<div class="row">
7+
<div class="col m8 offset-m2">
8+
<h1 class="fine center">Hello World!</h1>
9+
<h4 class="light center">
10+
The students who've participted in Google Summer of Code with {{ site.organization }}
11+
</h4>
12+
</div>
13+
</div>
14+
</div>
15+
<div class="main-content students">
16+
{% assign reportsByYear = site.reports | group_by_exp:"report", "report.date | date: '%y'" %}
17+
<div class="row">
18+
<div class="col s12">
19+
<ul class="tabs transparent-bg">
20+
{% for year in reportsByYear reversed %}
21+
<li class="tab col s2"><a href="#gsoc-{{ year.name }}" class="large-font">GSoC'{{ year.name }}</a></li>
22+
{% endfor %}
23+
</ul>
24+
</div>
25+
{% for year in reportsByYear reversed %}
26+
<section id="gsoc-{{ year.name }}">
27+
<div class="container">
28+
<div class="row user">
29+
<div class="parent-wrapper">
30+
<div class="gsoc-students">
31+
<div class="parent">
32+
{% for report in year.items %}
33+
<div class="card child card-main sc">
34+
<a href="{{ report.social[0].GitHub[1].link }}" class="gh-user" target="_blank">
35+
<div class="empty"></div>
36+
<div class="data thumbnail center" style="max-height: 150px;">
37+
<img src="https://github.com/{{ report.social[0].GitHub[0].username }}.png"
38+
alt="{{ report.student }}" class="center dp" height="100" title="{{ report.student }}"
39+
data-proofer-ignore>
40+
<div class="handle center yellow-text text-darken-4 report-url">
41+
<a href="{{ report.url }}.html">{{ report.project }}</a>
42+
</div>
43+
</div>
44+
</a>
45+
</div>
46+
{% endfor %}
47+
</div>
48+
</div>
49+
</div>
50+
</div>
51+
</div>
52+
</section>
53+
{% endfor %}
54+
</div>
55+
</div>
56+
<script>
57+
$(document).ready(function () {
58+
$('.students .tabs').tabs();
59+
})
60+
</script>

‎reports.html

Lines changed: 6 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,12 @@
1-
---
2-
title: coala GSoC project reports
3-
---
4-
51
<!DOCTYPE html>
62
<html>
73
<head>
8-
<title>{{ page.title }}</title>
94
<meta charset="utf-8">
10-
<link rel="stylesheet" href="../resources/css/style.css">
115
</head>
12-
13-
<body class="report">
14-
<h1>{{ page.title }}</h1>
15-
{% assign reportsByYear = site.reports | group_by_exp:"report", "report.date | date: '%Y'" %}
16-
{% for year in reportsByYear reversed %}
17-
<h2>{{ year.name }}</h2>
18-
<ul>
19-
{% for report in year.items %}
20-
<li><a href="{{ report.url }}.html">{{ report.student }}: {{ report.project }}</a></li>
21-
{% endfor %}
22-
</ul>
23-
{% endfor %}
24-
</body>
6+
<body></body>
7+
<script>
8+
window.onload = function(){
9+
window.open('/#/students', '_self');
10+
};
11+
</script>
2512
</html>

‎resources/css/style.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
.break-word {
2+
word-wrap: break-word;
3+
}
14
.hash_value_dup {
25
position: 'absolute';
36
left: '-9999px';
@@ -32,6 +35,12 @@
3235
.fa-clipboard:hover .hinttext {
3336
visibility: visible;
3437
}
38+
.gsoc-students {
39+
margin-top: 1em;
40+
}
41+
.justify-text {
42+
text-align: justify;
43+
}
3544
nav {
3645
background-color: #37474f;
3746
}
@@ -101,6 +110,9 @@ nav {
101110
.report .padding-table tbody tr {
102111
border-bottom: 1px solid aliceblue;
103112
}
113+
.report-url a {
114+
color: #f57f17 !important;
115+
}
104116
@media only screen and (min-width: 993px) {
105117
.container {
106118
width: 90% !important;
@@ -124,6 +136,9 @@ nav {
124136
display: flex;
125137
justify-content: space-evenly;
126138
}
139+
.students {
140+
padding: 0 20px;
141+
}
127142
.theatre .name {
128143
padding-left: 0.5em;
129144
padding-right: 0.5em;

‎resources/js/app.js

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -55,6 +55,9 @@
5555
when('/faq', {
5656
template: '<faq></faq>'
5757
}).
58+
when('/students', {
59+
template: '<students></students>'
60+
}).
5861
otherwise({
5962
redirectTo: '/projects'
6063
});
@@ -416,4 +419,13 @@
416419
}
417420
}]);
418421

422+
app.directive('students', ['$http', function ($http) {
423+
return {
424+
restrict: 'E',
425+
templateUrl: '/partials/tabs/students.html',
426+
controller: function ($scope, $rootScope) { },
427+
controllerAs: "gsoc"
428+
}
429+
}]);
430+
419431
})();

0 commit comments

Comments
 (0)