Display contributor image

This enhancement commit displays the contributor image along with the information on the [community website](http://community.coala.io/contributors/). Closes coala#139 and Closes coala#141
KVGarg · Feb 12, 2019 · 7cd0ac3 · 7cd0ac3
1 parent 07d6d51
commit 7cd0ac3
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 0 deletions.
diff --git a/data/contrib_data.py b/data/contrib_data.py
@@ -32,6 +32,7 @@ def import_data(contributor):
     try:
         contributor['issues_opened'] = contributor.pop('issues')
         contributor['num_commits'] = contributor.pop('contributions')
+        contributor['image_url'] = get_image_url(login)
         contributor.pop('teams')
         c, create = Contributor.objects.get_or_create(
             **contributor
@@ -45,3 +46,7 @@ def import_data(contributor):
         logger.error(
             'Something went wrong saving this contributor %s: %s'
             % (login, ex))
+
+
+def get_image_url(username):
+    return 'https://avatars1.githubusercontent.com/{}'.format(username)
diff --git a/data/migrations/0005_contributor_image_url.py b/data/migrations/0005_contributor_image_url.py
@@ -0,0 +1,18 @@
+# Generated by Django 2.1.5 on 2019-02-04 18:57
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('data', '0004_auto_20180809_2229'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='contributor',
+            name='image_url',
+            field=models.ImageField(default=None, null=True, upload_to=''),
+        ),
+    ]
diff --git a/data/models.py b/data/models.py
@@ -15,6 +15,7 @@ class Contributor(models.Model):
     num_commits = models.IntegerField(default=None, null=True)
     reviews = models.IntegerField(default=None, null=True)
     issues_opened = models.IntegerField(default=None, null=True)
+    image_url = models.ImageField(default=None, null=True)
     teams = models.ManyToManyField(Team)
 
     def __str__(self):

diff --git a/static/main.css b/static/main.css
@@ -5,3 +5,7 @@
 .students {
     list-style: none;
 }
+
+.user-image {
+    width: 100%;
+}
diff --git a/templates/contributors.html b/templates/contributors.html
@@ -1,4 +1,5 @@
 <!DOCTYPE html>
+{% load staticfiles %}
 <html lang="en">
   <head>
     <!-- Required meta tags -->
@@ -7,13 +8,17 @@
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
     <title>Contributors Data</title>
+    <link href="{% static "main.css" %}" rel="stylesheet">
   </head>
   <body>
     <h1>Details of all the contributors</h1>
     <ul>
       {% for contributor in contributors %}
       <div class="container">
         <div class="row">
+          <div class="col-sm-6 col-md-4">
+            <img src="{{ contributor.image_url }}" class="user-image" alt="User Avatar">
+          </div>
           <div class="col-sm-6 col-md-4">
             <div class="thumbnail">
               <div class="caption">