Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
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
  • Loading branch information
KVGarg committed Aug 25, 2019
1 parent 64acdd4 commit 1ece2dd
Show file tree
Hide file tree
Showing 6 changed files with 99 additions and 22 deletions.
6 changes: 6 additions & 0 deletions index.html
Expand Up @@ -52,6 +52,11 @@
FAQs
</a>
</li>
<li ng-class="{active:nc.isSet('/students')}">
<a ng-click="nc.setView('/students')" onmousedown="keyPressed(event, '#/students')" onerror="">
GSoC Students
</a>
</li>
<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>
</ul>
</div>
Expand All @@ -60,6 +65,7 @@
<li ng-class="{active:nc.isSet('/projects')}"><a class="uppercase" ng-click="nc.setView('/projects')" onmousedown="keyPressed(event, '#/projects')">Projects</a></li>
<li ng-class="{active:nc.isSet('/mentors')}"><a class="uppercase" ng-click="nc.setView('/mentors')" onmousedown="keyPressed(event, '#/mentors')">Mentors</a></li>
<li ng-class="{active:nc.isSet('/faq')}"><a ng-click="nc.setView('/faq')" onmousedown="keyPressed(event, '#/faq')" onerror="">FAQs</a></li>
<li ng-class="{active:nc.isSet('/students')}"><a ng-click="nc.setView('/students')" onmousedown="keyPressed(event, '#/students')" onerror="">GSoC Students</a></li>
<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>
</ul>
<div ng-view=""></div>
Expand Down
3 changes: 0 additions & 3 deletions partials/tabs/projects.html
Expand Up @@ -9,13 +9,10 @@
<input ng-model="searchText" placeholder="Search for a project" id="search" type="search" class="validate"> </div>
<div style="text-align: center;">
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>.
<br>
For past years <strong>GSoC</strong> project reports, <a href="http://projects.coala.io/reports">click here</a>.
</div>
</div>
</div>
<br>
<br>
<section tabindex="1">
<div class="container">
<div class="row outline">
Expand Down
60 changes: 60 additions & 0 deletions partials/tabs/students.html
@@ -0,0 +1,60 @@
---
title: coala GSoC Projects Report
---
<!DOCTYPE html>
<div class="main-content container-fluid">
<div class="row">
<div class="col m8 offset-m2">
<h1 class="fine center">Hello World!</h1>
<h4 class="light center">
The students who've participted in Google Summer of Code with {{ site.organization }}
</h4>
</div>
</div>
</div>
<div class="main-content students">
{% assign reportsByYear = site.reports | group_by_exp:"report", "report.date | date: '%y'" %}
<div class="row">
<div class="col s12">
<ul class="tabs transparent-bg">
{% for year in reportsByYear reversed %}
<li class="tab col s2"><a href="#gsoc-{{ year.name }}" class="large-font">GSoC'{{ year.name }}</a></li>
{% endfor %}
</ul>
</div>
{% for year in reportsByYear reversed %}
<section id="gsoc-{{ year.name }}">
<div class="container">
<div class="row user">
<div class="parent-wrapper">
<div class="gsoc-students">
<div class="parent">
{% for report in year.items %}
<div class="card child card-main sc">
<a href="{{ report.social[0].GitHub[1].link }}" class="gh-user" target="_blank">
<div class="empty"></div>
<div class="data thumbnail center" style="max-height: 150px;">
<img src="https://github.com/{{ report.social[0].GitHub[0].username }}.png"
alt="{{ report.student }}" class="center dp" height="100" title="{{ report.student }}"
data-proofer-ignore>
<div class="handle center yellow-text text-darken-4 report-url">
<a href="{{ report.url }}.html">{{ report.project }}</a>
</div>
</div>
</a>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</section>
{% endfor %}
</div>
</div>
<script>
$(document).ready(function () {
$('.students .tabs').tabs();
})
</script>
25 changes: 6 additions & 19 deletions reports.html
@@ -1,25 +1,12 @@
---
title: coala GSoC project reports
---

<!DOCTYPE html>
<html>
<head>
<title>{{ page.title }}</title>
<meta charset="utf-8">
<link rel="stylesheet" href="../resources/css/style.css">
</head>

<body class="report">
<h1>{{ page.title }}</h1>
{% assign reportsByYear = site.reports | group_by_exp:"report", "report.date | date: '%Y'" %}
{% for year in reportsByYear reversed %}
<h2>{{ year.name }}</h2>
<ul>
{% for report in year.items %}
<li><a href="{{ report.url }}.html">{{ report.student }}: {{ report.project }}</a></li>
{% endfor %}
</ul>
{% endfor %}
</body>
<body></body>
<script>
window.onload = function(){
window.open('/#/students', '_self');
};
</script>
</html>
15 changes: 15 additions & 0 deletions resources/css/style.css
@@ -1,3 +1,6 @@
.break-word {
word-wrap: break-word;
}
.hash_value_dup {
position: 'absolute';
left: '-9999px';
Expand Down Expand Up @@ -32,6 +35,12 @@
.fa-clipboard:hover .hinttext {
visibility: visible;
}
.gsoc-students {
margin-top: 1em;
}
.justify-text {
text-align: justify;
}
nav {
background-color: #37474f;
}
Expand Down Expand Up @@ -101,6 +110,9 @@ nav {
.report .padding-table tbody tr {
border-bottom: 1px solid aliceblue;
}
.report-url a {
color: #f57f17 !important;
}
@media only screen and (min-width: 993px) {
.container {
width: 90% !important;
Expand All @@ -124,6 +136,9 @@ nav {
display: flex;
justify-content: space-evenly;
}
.students {
padding: 0 20px;
}
.theatre .name {
padding-left: 0.5em;
padding-right: 0.5em;
Expand Down
12 changes: 12 additions & 0 deletions resources/js/app.js
Expand Up @@ -55,6 +55,9 @@
when('/faq', {
template: '<faq></faq>'
}).
when('/students', {
template: '<students></students>'
}).
otherwise({
redirectTo: '/projects'
});
Expand Down Expand Up @@ -416,4 +419,13 @@
}
}]);

app.directive('students', ['$http', function ($http) {
return {
restrict: 'E',
templateUrl: '/partials/tabs/students.html',
controller: function ($scope, $rootScope) { },
controllerAs: "gsoc"
}
}]);

})();

0 comments on commit 1ece2dd

Please sign in to comment.