referrals MVP

Author: owocki

app/assets/v2/css/quests.css

@@ -1,7 +1,20 @@
+#announce{
+  width: 100%;
+  display: block;
+  background-color: #fef3c0;
+  border-radius: 5px;
+  text-align: center;
+  margin-top: 5px;
+  padding-top: 0px;
+}
 .demo {
   max-width: 600px;
   cursor: pointer;
 }
+.difficulty_tab{
+  display: block;
+  width: 100%;
+}
 .card_head {
   height: 140px;
 }
@@ -149,10 +162,16 @@ body.quest_battle p{
 .quest-card:hover .card_head img{
   filter: grayscale(0%);
 }
-
+#announce img{
+  margin: 0px auto;
+  margin-top: -150px;
+  margin-bottom: -50px;
+  width: 200px;
+  height: 200px;
+}
 #leaderboard img {
-  height: 80px;
-  width: 80px;
+  height: 40px;
+  width: 40px;
   border-radius: 50px;
 }
 #enemy img,
@@ -170,7 +189,12 @@ body.quest_battle p{
   height: 250px;
   margin-left: -75px;
 }
-
+.reward_schedule tr{
+  border-radius: 5px;
+}
+.reward_schedule tr td{
+  padding: 3px 5px;
+}
 .character.harm h3,
 .character.harm p{
   background-color:  #F9006C;
@@ -410,8 +434,8 @@ body.quest_battle{
   width: 100%;
 }
 #leaderboard .inner_row {
-  height: 120px;
-  padding: 20px;
+  height: 70px;
+  padding: 10px;
   width: 100%;
 }
 

app/assets/v2/images/quests/enemies/samurai.png

@@ -306,6 +306,16 @@ $(document).ready(function() {
     }
   }, 100);
 
+  $('#reflink').click(function() {
+    $(this).focus();
+    $(this).select();
+    document.execCommand('copy');
+    $(this).after('<div class=after_copy>Copied to clipboard</div>');
+    setTimeout(function() {
+      $('.after_copy').remove();
+    }, 500);
+  });
+
   $('.demo').click(function(e) {
     e.preventDefault();
     $(this).fadeOut(function() {
@@ -316,6 +326,16 @@ $(document).ready(function() {
     });
   });
 
+  $('#tabs a').click(function(e) {
+    e.preventDefault();
+    var target = $(this).data('href');
+
+    $('.difficulty_tab').addClass('hidden');
+    $('.nav-link').removeClass('active');
+    $(this).addClass('active');
+    $('.difficulty_tab.' + target).removeClass('hidden');
+  });
+
   $('.quest-card.available').click(function(e) {
     e.preventDefault();
     document.location.href = $(this).find('.btn').attr('href');

app/assets/v2/images/quests/enemies/samurai.svg

@@ -113,7 +113,7 @@ def recalculate_profile(modeladmin, request, queryset):
 recalculate_profile.short_description = "Recalculate Profile Frontend Info"
 
 class ProfileAdmin(admin.ModelAdmin):
-    raw_id_fields = ['user', 'preferred_kudos_wallet']
+    raw_id_fields = ['user', 'preferred_kudos_wallet', 'referrer']
     ordering = ['-id']
     search_fields = ['email', 'data']
     list_display = ['handle', 'created_on']

app/assets/v2/images/quests/rando_kudos.gif

@@ -0,0 +1,19 @@
+# Generated by Django 2.2.3 on 2019-10-01 14:41
+
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('dashboard', '0054_auto_20190928_1936'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='profile',
+            name='referrer',
+            field=models.ForeignKey(null=True, on_delete=django.db.models.deletion.CASCADE, related_name='referred', to='dashboard.Profile'),
+        ),
+    ]

app/assets/v2/js/pages/quests.js

@@ -2235,6 +2235,7 @@ class Profile(SuperModel):
     rank_funder = models.IntegerField(default=0)
     rank_org = models.IntegerField(default=0)
     rank_coder = models.IntegerField(default=0)
+    referrer = models.ForeignKey('dashboard.Profile', related_name='referred', on_delete=models.CASCADE, null=True, db_index=True)
 
     objects = ProfileQuerySet.as_manager()
 
@@ -2265,6 +2266,10 @@ def team(self):
             return Profile.objects.none()
         return Profile.objects.filter(organizations__icontains=self.handle)
 
+    @property
+    def ref_code(self):
+        return hex(self.pk).replace("0x",'')
+
     @property
     def get_org_kudos(self):
         from kudos.models import Token

app/dashboard/admin.py

@@ -312,16 +312,37 @@ def get_platform_wide_stats(since_last_n_days=90):
     }
 
 
-def handle_marketing_callback(key, request):
+def handle_marketing_callback(_input, request):
+    #config
     from marketing.models import MarketingCallback
+    from dashboard.models import Profile
+
+    #setup
+    key = _input if not ':' in _input else _input.split(':')[0]
     callbacks = MarketingCallback.objects.filter(key=key)
     if callbacks.exists():
         callback_reference = callbacks.first().val
+        #set user referrer
+        if key == 'ref':
+            if request.user.is_authenticated:
+                from django.contrib.auth.models import User
+                value = _input.split(':')[1]
+                pk = int(value, 16)
+                profs = Profile.objects.filter(pk=pk)
+                if profs.exists():
+                    profile = profs.first()
+                    if profile.pk != request.user.profile.pk:
+                        target_profile = request.user.profile
+                        target_profile.referrer = profile
+                        target_profile.save()
+            else:
+                messages.info(request, "You have been selected to receive a $5.00 Gitcoin Grants voucher. Login to use it.")
+        # add user to a group
         if callback_reference.split(':')[0] == 'add_to_group':
             if request.user.is_authenticated:
                 from django.contrib.auth.models import Group
-                messages.info(request, "You have redeemed your $5.00 Gitcoin Grants voucher. Browse grants on gitcoin.co/grants and click 'fund' to spend this voucher!")
                 group_name = callback_reference.split(':')[1]
+                messages.info(request, "You have redeemed your $5.00 Gitcoin Grants voucher. Browse grants on gitcoin.co/grants and click 'fund' to spend this voucher!")
                 group = Group.objects.get(name=group_name)
                 group.user_set.add(request.user)
             else:

app/dashboard/migrations/0055_profile_referrer.py

@@ -1,7 +1,7 @@
 from django.contrib import admin
 
 # Register your models here.
-from .models import Quest, QuestAttempt
+from .models import Quest, QuestAttempt, QuestPointAward
 
 
 class QuestAdmin(admin.ModelAdmin):
@@ -14,5 +14,11 @@ class QuestAttemptAdmin(admin.ModelAdmin):
     ordering = ['-id']
     list_display = ['created_on', '__str__']
 
+class QuestPointAwardAdmin(admin.ModelAdmin):
+    raw_id_fields = ['questattempt', 'profile']
+    ordering = ['-id']
+    list_display = ['created_on', '__str__']
+
+admin.site.register(QuestPointAward, QuestPointAwardAdmin)
 admin.site.register(Quest, QuestAdmin)
 admin.site.register(QuestAttempt, QuestAttemptAdmin)

app/dashboard/models.py

@@ -0,0 +1,30 @@
+# Generated by Django 2.2.3 on 2019-10-02 00:11
+
+from django.db import migrations, models
+import django.db.models.deletion
+import economy.models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('dashboard', '0055_profile_referrer'),
+        ('quests', '0007_quest_difficulty'),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name='QuestPointAward',
+            fields=[
+                ('id', models.AutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')),
+                ('created_on', models.DateTimeField(db_index=True, default=economy.models.get_time)),
+                ('modified_on', models.DateTimeField(default=economy.models.get_time)),
+                ('value', models.FloatField()),
+                ('profile', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='questpointawards', to='dashboard.Profile')),
+                ('questattempt', models.ForeignKey(on_delete=django.db.models.deletion.CASCADE, related_name='pointawards', to='quests.QuestAttempt')),
+            ],
+            options={
+                'abstract': False,
+            },
+        ),
+    ]

app/marketing/utils.py

@@ -137,3 +137,17 @@ class QuestAttempt(SuperModel):
     def __str__(self):
         """Return the string representation of this obj."""
         return f'{self.pk}, {self.profile.handle} => {self.quest.title} state: {self.state} success: {self.success}'
+
+class QuestPointAward(SuperModel):
+
+    questattempt = models.ForeignKey('quests.QuestAttempt', related_name='pointawards', on_delete=models.CASCADE)
+    profile = models.ForeignKey(
+        'dashboard.Profile',
+        on_delete=models.CASCADE,
+        related_name='questpointawards',
+    )
+    value = models.FloatField()
+
+    def __str__(self):
+        """Return the string representation of this obj."""
+        return f'{self.value}, {self.profile.handle}'

app/quests/admin.py

@@ -39,11 +39,24 @@ <h1 class="font-title-xl font-weight-semibold">A New Way to Explore the Web3 Eco
   </div>
 </div>
 <div class="row indent_on_mobile available_quests">
+  <h1 class="mt-3" style="width: 100%;">Quests <span id="alpha">Alpha</span></h1>
+  <div id="tabs">
+    <div class="container">
+      <ul class="nav nav-tabs mt-3" id="myTab" role="tablist">
+      {% for difficulty_level, the_quests in quests%}
+        <li class="nav-item">
+          <a class="nav-link nav-line {% if difficulty_level == 'Beginner' %}active{%endif%}" href="#" data-href="{{difficulty_level}}">
+          {{difficulty_level}} Quests
+          </a>
+        </li>
+      {% endfor %}
+      </ul>
+    </div>
+  </div>
   {% for difficulty_level, the_quests in quests%}
-  <h1 class="mt-3" style="width: 100%;">{{difficulty_level}} Quests <span id="alpha">Alpha</span></h1>
-  <div>
+  <div class="difficulty_tab {{difficulty_level}} {% if difficulty_level != 'Beginner' %}hidden{%endif%}">
     {% for unlocked, beaten, cooldown, quest in the_quests %}
-    <div style="{% cycle 'background-color: #fafafa;' '' %}; width: 250px; display: block; float: left; border-radius: 10px; height: 490px; text-align: center;" class="m-3 p-2 quest-card {%if not unlocked%}locked{%elif beaten%}beaten{%else%}available{%endif%} {%if cooldown%}cooldown{%endif%}">
+    <div id="{{difficulty_level}}" style="{% cycle 'background-color: #fafafa;' '' %}; width: 250px; display: block; float: left; border-radius: 10px; height: 490px; text-align: center;" class="m-3 p-2 quest-card {%if not unlocked%}locked{%elif beaten%}beaten{%else%}available{%endif%} {%if cooldown%}cooldown{%endif%}">
       <div class="card_head">
         <span class="boss">#boss</span>
         <img class="card_img boss" src="/static/{{quest.game_metadata.enemy.art}}" title="{{quest.game_metadata.enemy.title}}">
@@ -93,22 +106,87 @@ <h2 style="margin-top: -50px; font-size: 20px;">
   </div>
   {% endfor %}
 </div>
+<div class="row indent_on_mobile pt-2" style="margin-top: 100px; background-color: #fafafa;">
+  <h1 id=refer class="mt-3">Better with Friends</h1>
+</div>
+
+<div class="row indent_on_mobile mt-0" style="background-color: #fafafa;">
+  <div class="container-fluid py-0 text-center">
+    <img src="{% static 'v2/images/grants/robots.png' %}" style="max-width: 200px; margin-top: -170px;" />
+  </div>
+</div>
+
+<div class="row indent_on_mobile" style="background-color: #fafafa;">
+  <div class="container-fluid py-4">
+    <div class="container w-50 float-left">
+      <strong>Gitcoin Quests are a team sport!</strong>.
+      You can climb the leaderboard, and earn points, faster, by referring friends to share tips & play together.  
+      <br>
+      <br>
+      After each quest you complete you will be invited to show off your quest completion + share a referral link.  You will earn points for every user who join completes a quest after joining with your referral link.
+      <br>
+      {% if REFER_LINK %}
+        <BR>
+        Your personal referral link:
+        <br>
+        <input id=reflink type="text" value="{{REFER_LINK}}" class="w-100" readonly="readonly">
+        <br>
+      {% else %}
+      <a href="{% url 'social:begin' 'github' %}?next={{ request.get_full_path }}">Login</a> to get your personal reflink.
+      {% endif %}
+    </div>
+    <div class="container w-50 float-right reward_schedule">
+      <table class="w-100">
+        <tr style="font-weight: bold;">
+          <td>
+            Degree of Seperation From You
+          </td>
+          <td>
+            Your Bonus Quest Point Reward When They Complete Quest
+          </td>
+        </tr>
+        {% for row in rewards_schedule %}
+        <tr style="{% cycle 'background-color: #fafafa;' 'background-color: #eaeaea;' %}">
+          <td>
+            {{row.layer}}
+          </td>
+          <td>
+            {% if row.reward_denominator == 1 %}
+              {{row.reward_denominator}}
+            {% else %}
+              1/{{row.reward_denominator}}
+            {% endif %}
+            point{{row.reward_denominator|pluralize}} + <img style="width:17px; height: 17px;" src="{% static "v2/images/quests/rando_kudos.gif" %}"> quest kudos 
+          </td>
+        </tr>
+        {% endfor %}
+      </table>
+    </div>
+  </div>
+</div>
+
 
 {% if leaderboard|length %}
 <div class="row indent_on_mobile">
-  <h1 class="mt-3">Leaderboard</h1>
+  <h1 style="margin-top: 100px;">Leaderboard</h1>
+  <div id="announce">
+    <img class="mr-1" src="{% static "v2/images/quests/enemies/samurai.svg" %}">
+    <h4><strong>The Devcon 5 Challenge is Live!</strong></h4>
+    <p>Whomever is in the top 3 of the <a href="#leaderboard">leaderboard</a> at end of day Sunday 10/6 will <strong>win a KeepKey hardware wallet.</strong>
+  </div>
+
 </div>
 <div class="row indent_on_mobile">
   <div id=leaderboard>
     {% for item in leaderboard %}
     <div class="inner_row" style="{% cycle 'background-color: #fafafa;' '' %}";>
-      <div class="float-left mr-2 ml-2 pt-3">{{ forloop.counter }}</div>
-      <div class="float-left mr-2 ml-2"><img src="/dynamic/avatar/{{item.0}}"><a style="margin-left: 10px; width: 150px;" href="/profile/{{item.0}}">@{{item.0}}</a></div>
+      <div class="float-left mr-2 ml-2">{{ forloop.counter }}</div>
+      <div class="float-left mr-2 ml-2"><img src="/dynamic/avatar/{{item.0}}"><a style="margin-left: 10px; width: 120px;" href="/profile/{{item.0}}">@{{item.0}}</a></div>
       <div style="float: right; width: 500px; text-align: right;">
       {% for btr in item.2%}
       <img src="{{btr.0}}" title="{{btr.1}}" style="height: 50px; width: 50px; border-radius: 0px;">
       {% endfor %}
-      {{item.1}} quest{{item.1|pluralize}} beaten</div>
+      {{item.1}} point{{item.1|pluralize}}</div>
     </div>
     {% endfor %}
   </div>

app/quests/migrations/0008_questpointaward.py

@@ -40,6 +40,7 @@
   <div class="collapse navbar-collapse order-1" id="navbarSupportedContent">
     <nav class="navbar-nav ml-auto mr-3">
       <a class="nav-link selected interior" href="{% url 'quests_index' %}">{% trans "Quests Explorer" %}</a>
+      <a class="nav-link interior" href="{% url 'quests_index' %}#refer">{% trans "Refer a Friend" %}</a>
       <a class="nav-link interior" href="{% url 'quests_index' %}#leaderboard">{% trans "Leaderboard" %}</a>
       <a class="nav-link interior" href="https://gitcoin.typeform.com/to/cfBRgm"><i class="fab fa-ethereum mr-1" role="aria-hidden"></i> {% trans "Create Quest" %}</a>