Add GSoC report link for completed tasks

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

Closes #703

Author: KVGarg

Diff for: data/projects.liquid

@@ -5,6 +5,7 @@
 {
 "name" : "{{ post.name }}",
 "desc" : "{{ post.desc }}",
+"report" : "{{ post.report }}",
 "requirements" : [{% for req in post.requirements %}"{{ req }}"{% unless forloop.last %},{% endunless %}
 {% endfor %}],
 "difficulty" : "{{ post.difficulty }}",

Diff for: 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 %}
+]

Diff for: partials/tabs/projects.html

@@ -60,6 +60,10 @@
         <div ng-show="currentProject.initiatives.length>0">
           <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">GSoC</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>

Diff for: resources/css/style.css

@@ -1,3 +1,6 @@
+.gsoc-report {
+  cursor: pointer;
+}
 .hash_value_dup {
   position: 'absolute';
   left: '-9999px';

Diff for: resources/js/app.js

@@ -87,7 +87,7 @@
         }
     })
 
-    app.directive('projects',  ['$http',  '$timeout', '$location', 'Languages', function ($http, $timeout, $location, Languages) {
+    app.directive('projects',  ['$http',  '$timeout', '$location', '$window', 'Languages', function ($http, $timeout, $location, $window, Languages) {
         return {
             restrict: 'E',
             templateUrl: '/partials/tabs/projects.html',
@@ -110,6 +110,7 @@
                         .then(function (res) {
                             $scope.projectList = res.data;
                             $scope.projectRequest();
+                            $scope.mapReportToProject();
                         })
                 }
 
@@ -281,6 +282,27 @@
                     $scope.searchText = search_requested
                 }
 
+                $scope.redirectToReport = function () {
+                    $window.open($scope.currentProject.report.url, '_blank');
+                }
+
+                $scope.mapReportToProject = function () {
+                    $http.get('data/reports.liquid')
+                        .then(function (res) {
+                            angular.forEach(res.data, function (report) {
+                                var completed_project = report.project.toLowerCase()
+                                angular.forEach($scope.projectList, function (project) {
+                                    if (
+                                        project.status.indexOf('completed') !== -1 && project.mentors.length > 0 &&
+                                        completed_project === project.name.toLowerCase()
+                                    ) {
+                                        project.report = report
+                                    }
+                                })
+                            })
+                        })
+                }
+
             },
             controllerAs: 'lc'
         }