Merge pull request #447 from amihaiemil/446

#446 GET Personal Repos Front-End

src/main/java/com/selfxdsd/selfweb/api/Repositories.java

@@ -59,8 +59,6 @@ public Repositories(final User user) {
     /**
      * Get the user's personal repos (both public and private).
      * @return ResponseEntity.
-     * @todo #443:60min Modify the front-end part of personal repos. We
-     *  should call this endpoint instead of Github directly.
      */
     @GetMapping(
         value = "/repositories/personal",

src/main/java/com/selfxdsd/selfweb/api/Users.java

@@ -37,9 +37,6 @@
  * @author Mihai Andronache ([email protected])
  * @version $Id$
  * @since 0.0.1
- * @todo #43:30min Update the getPublicRepos.js function to fetch the
- *  github/gitlab repos according to the "provider" attribute returned
- *  the from "/api/users/self" endpoint.
  */
 @RestController
 public class Users extends BaseApiController {

src/main/resources/public/js/getPersonalRepos.js

@@ -0,0 +1,34 @@
+$(document).ready(
+    function () {
+        getPersonalRepos();
+    }
+);
+/**
+ * Get the user's personal repos.
+ */
+function getPersonalRepos() {
+    $("#repos").find("tbody").html('');
+    $("#loadingPersonalRepos").show();
+    $("#personal-repos-info").hide();
+    $.get(
+        "/api/repositories/personal",
+        function(repos) {
+            (repos || []).forEach(
+                function(repo){
+                    $("#repos").find("tbody").append(repoAsTableRow(repo));
+                }
+            )
+            $("#loadingPersonalRepos").hide();
+            $("#personal-repos-info").show();
+            $('#repos').dataTable();
+        }
+    );
+}
+
+/**
+ * Wrap a repo's information between <li> tags, with anchor.
+ */
+function repoAsTableRow(repo) {
+    return "<tr><td><a href='/" + repo.provider + "/"+ repo.repoFullName+"'>"
+        + repo.repoFullName + "</a></td></tr>"
+}

src/main/resources/templates/repositories.html

@@ -108,7 +108,7 @@ <h4 class="user_name"></h4>
 <footer th:replace="footer.html :: footer"></footer>
 </body>
 <script src="/js/getManagedRepos.js"></script>
-<script src="/js/getPublicRepos.js"></script>
+<script src="/js/getPersonalRepos.js"></script>
 <script src="/js/getOrgRepos.js"></script>
 <script>
     $(document).ready(