Add GSoC report link for completed tasks

This commit adds the corresponding GSoC report
link for completed tasks.

Closes coala#703

data/projects.liquid

@@ -4,6 +4,7 @@
 {% for post in site.projects %}
 {
 "name" : "{{ post.name }}",
+"title" : "{{ post.improved_title }}",
 "desc" : "{{ post.desc }}",
 "requirements" : [{% for req in post.requirements %}"{{ req }}"{% unless forloop.last %},{% endunless %}
 {% endfor %}],

data/reports.liquid

@@ -0,0 +1,13 @@
+---
+---
+[
+{% for report in site.reports %}
+{
+ "categories": [{% for category in report.categories %}"{{ category }}"{% unless forloop.last %},{% endunless %}{% endfor %}],
+ "date": "{{ report.date }}",
+ "student": "{{ report.student }}",
+ "project": "{{ report.project }}",
+ "project_link": "{{ report.project_link }}",
+ "url": "{{ report.url }}"
+}{% unless forloop.last %},{% endunless %}{% endfor %}
+]

partials/tabs/projects.html

@@ -88,9 +88,13 @@ <h6><b>Filter Projects</b></h6>
             <li btf-markdown="req" class="milestones" ng-repeat="req in currentProject.requirements"></li>
           </ul>
           <br> </div>
-        <div ng-show="currentProject.initiatives.length>0">
+        <div ng-show="currentProject.initiatives.length>0 && currentProject.report === undefined">
           <div class="small-heading uppercase">Initiatives</div> <span class="chip" ng-repeat="initiative in currentProject.initiatives">{{ initiative }}</span>
           <br> </div>
+        <div ng-show="currentProject.report.url.length>0">
+          <div class="small-heading uppercase">{{ currentProject.report.initiative }}</div>
+          <span class="chip gsoc-report" ng-click="redirectToReport()">Report</span>
+        </div>
         <div ng-show="currentProject.collaborating_projects.length>0">
           <div class="small-heading uppercase">Collaborating projects</div> <span class="pr-element-detail chip" ng-repeat="project in currentProject.collaborating_projects">{{ project }}</span>
           <br> </div>

resources/css/style.css

@@ -34,6 +34,9 @@
 .evenly-spread-content {
   justify-content: space-evenly;
 }
+.gsoc-report {
+  cursor: pointer;
+}
 .hash_value_dup {
   position: 'absolute';
   left: '-9999px';

resources/js/directives/projects.js

@@ -1,5 +1,5 @@
 angular.module('coala')
-    .directive('projects', ['$http', '$timeout', '$location', 'Languages', 'orderByFilter', function ($http, $timeout, $location, Languages, orderBy) {
+    .directive('projects', ['$http', '$timeout', '$location', '$window', 'Languages', 'orderByFilter', function ($http, $timeout, $location, $window, Languages, orderBy) {
         return {
             restrict: 'E',
             templateUrl: '/partials/tabs/projects.html',
@@ -221,6 +221,7 @@ angular.module('coala')
                             $scope.projectList = res.data;
                             $scope.allProjects = res.data;
                             $scope.projectRequest();
+                            $scope.mapReportToProject();
                         })
                 }
 
@@ -397,6 +398,36 @@ angular.module('coala')
                 }
 
                 $scope.getAllFilters();
+                $scope.redirectToReport = function () {
+                    $window.open($scope.currentProject.report.url, '_blank');
+                }
+
+                $scope.mapReportToProject = function () {
+                    $http.get('data/reports.liquid')
+                        .then(function (res) {
+                            var completedProjects = []
+                            angular.forEach($scope.projectList, function(project){
+                                if (project.status.includes('completed') && project.mentors.length > 0) {
+                                    completedProjects.push(project)
+                                }
+                            })
+                            angular.forEach(res.data, function (report) {
+                                var completed_project = report.project.toLowerCase()
+                                angular.forEach(completedProjects, function (project) {
+                                    var project_title = project.title.length > 0 ? project.title.toLowerCase() : project.name.toLowerCase()
+                                    if (completed_project === project_title) {
+                                        angular.forEach(project.initiatives, function (initiative) {
+                                            if (report.categories.indexOf(initiative) != -1) {
+                                                report.initiative = initiative
+                                                project.report = report
+                                                return
+                                            }
+                                        })
+                                    }
+                                })
+                            })
+                        })
+                }
             },
             controllerAs: 'lc'
         }