Add flag to display showcase (#7087)

* Add flag to display showcase

* Display showcase on the hackathon cards

* Fix performance issues on calc winners

* Add admin action to update showcase info

* Add cache function in `create_page_cache`

* Fix migration

* fix isort

Co-authored-by: Dan Lipert <[email protected]>

app/app/urls.py

@@ -224,6 +224,7 @@
     path('hackathon/onboard/<str:hackathon>', dashboard.views.hackathon_onboard, name='hackathon_onboard2'),
     path('hackathon/onboard/<str:hackathon>/', dashboard.views.hackathon_onboard, name='hackathon_onboard3'),
     path('hackathon/<str:hackathon>/projects/', dashboard.views.hackathon_projects, name='hackathon_projects'),
+    path('hackathon/<str:hackathon>/showcase/', dashboard.views.hackathon, name='hackathon_showcase_proxy'),
     path('hackathon/<str:hackathon>/prizes/', dashboard.views.hackathon, name='hackathon_prizes'),
     path(
         'hackathon/projects/<str:hackathon>/<str:project>', dashboard.views.hackathon_project, name='hackathon_project'

app/assets/v2/js/pages/dashboard-hackathon.js

@@ -934,7 +934,8 @@
         hackathonObj: document.hackathonObj,
         hackathonSponsors: document.hackathonSponsors,
         hackathonProjects: [],
-        chatURL: document.chatURL
+        chatURL: document.chatURL,
+        hackHasEnded: document.displayShowcase
       })
     });
   });

app/assets/v2/js/vue-components.js

@@ -401,6 +401,13 @@ Vue.component('showcase', {
         vm.spotlights.push(spotlight);
       }
     },
+    removeSpotlight: function(index) {
+      let vm = this;
+
+      if (index > -1) {
+        vm.spotlights.splice(index, 1);
+      }
+    },
     saveShowcase: function() {
       let vm = this;
       const resource_url = `/api/v0.1/hackathon/${document.hackathonObj.id}/showcase/`;

app/dashboard/admin.py

@@ -391,6 +391,14 @@ class HackathonEventAdmin(admin.ModelAdmin):
     list_display = ['pk', 'img', 'name', 'start_date', 'end_date', 'explorer_link']
     list_filter = ('sponsor_profiles', )
     readonly_fields = ['img', 'explorer_link', 'stats', 'view_count']
+    actions = ['calculate_winners']
+
+    def calculate_winners(self, request, queryset):
+        for hackathon in queryset:
+            hackathon.get_total_prizes(force=True)
+            hackathon.get_total_winners(force=True)
+
+    calculate_winners.short_description = "Showcase - Update winners and bounties"
 
     def view_count(self, instance):
         return instance.get_view_count

app/dashboard/migrations/0131_auto_20200727_1511.py

@@ -0,0 +1,19 @@
+# Generated by Django 2.2.4 on 2020-07-27 15:11
+
+import datetime
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('dashboard', '0130_auto_20200727_0628'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='hackathonevent',
+            name='display_showcase',
+            field=models.BooleanField(default=False),
+        ),
+    ]

app/dashboard/models.py

@@ -24,6 +24,7 @@
 import logging
 from datetime import datetime, timedelta
 from decimal import Decimal
+from functools import reduce
 from urllib.parse import urlsplit
 
 from django.conf import settings
@@ -4707,6 +4708,7 @@ class HackathonEvent(SuperModel):
     visible = models.BooleanField(help_text=_('Can this HackathonEvent be seeing on /hackathons ?'), default=True)
     default_channels = ArrayField(models.CharField(max_length=255), blank=True, default=list)
     objects = HackathonEventQuerySet.as_manager()
+    display_showcase = models.BooleanField(default=False)
     showcase = JSONField(default=dict, blank=True, null=True)
 
     def __str__(self):
@@ -4734,6 +4736,22 @@ def get_absolute_url(self):
         """
         return settings.BASE_URL + self.relative_url
 
+    def get_total_prizes(self, force=False):
+        if force or self.showcase.get('prizes_count') is None:
+            prizes_count = Bounty.objects.filter(event=self).distinct().count()
+            self.showcase['prizes_count'] = prizes_count
+            self.save()
+
+        return self.showcase.get('prizes_count', 0)
+
+    def get_total_winners(self, force=False):
+        if force or self.showcase.get('winners_count') is None:
+            bounties = Bounty.objects.filter(event=self).distinct()
+            self.showcase['winners_count'] = reduce(lambda total, prize: total + len(prize.paid), bounties, 0)
+            self.save()
+
+        return self.showcase.get('winners_count', 0)
+
     @property
     def onboard_url(self):
         return self.get_onboard_url()

app/dashboard/router.py

@@ -60,6 +60,14 @@ class Meta:
 class HackathonEventSerializer(serializers.ModelSerializer):
     """Handle serializing the hackathon object."""
     sponsor_profiles = ProfileSerializer(many=True)
+    prizes = serializers.SerializerMethodField()
+    winners = serializers.SerializerMethodField()
+
+    def get_prizes(self, obj):
+        return obj.get_total_prizes()
+
+    def get_winners(self, obj):
+        return obj.get_total_winners()
 
     class Meta:
         """Define the hackathon serializer metadata."""

app/dashboard/templates/dashboard/hackathon/hackathons.html

@@ -139,6 +139,12 @@ <h5 class="font-subheader font-weight-semibold">
                             Projects
                           </a>
                         {% endif %}
+                        {% if hackathon.display_showcase %}
+                          <a href="{% url 'hackathon_showcase_proxy' hackathon.slug %}" class="btn btn-gc-blue font-caption font-weight-semibold px-3 mb-2">
+                            <i class="fas fa-rocket mr-2 d-none d-sm-inline"></i>
+                            Showcase
+                          </a>
+                        {% endif %}
                       </div>
                     </div>
                   </div>

app/dashboard/templates/dashboard/index-vue.html

@@ -607,7 +607,7 @@ <h6 class="font-weight-bold mb-3">Invite [[numUsers]] Users to the Bounty</h6>
                     </div>
                   </user-directory>
                 </b-tab>
-              <b-tab class="col-12" title-item-class="navigation">
+              <b-tab class="col-12" title-item-class="navigation" v-if="hackHasEnded">
                 <template v-slot:title>
                     <div class="mt-4">
                       {% trans "Showcase" %}
@@ -678,7 +678,7 @@ <h4 class="font-bigger-1 font-weight-bold">#HackGoals</h4>
                       </div>
                       <div class="spotlight">
                         <h4 class="font-bigger-1 font-weight-bold mb-sm-3">Hacking Spotlights</h4>
-                        <div v-for="spotlight in spotlights">
+                        <div v-for="(spotlight, index) in spotlights">
                           <div class="d-md-flex pt-2" v-if="!isEditing">
                             <div class="col-12 col-md-3 my-3 text-center" style="margin-top: auto !important; margin-bottom: auto !important;">
                               <div class="d-flex text-center mb-3 justify-content-center align-items-center">
@@ -695,11 +695,14 @@ <h4 class="font-bigger-1 font-weight-bold mb-sm-3">Hacking Spotlights</h4>
                           </div>
 
                           <div class="d-flex" v-if="isEditing">
-                            <select class="d-flex col-12 col-md-3 form-control" v-model="spotlight.sponsor">
+                            <div class="d-flex col-12 col-md-3 flex-column align-items-baseline">
+                            <select class="form-control" v-model="spotlight.sponsor">
                               <option v-for="sponsor in sponsors" :value="sponsor.org_name">
                                 <span>[[sponsor.org_name]]</span>
                               </option>
                             </select>
+                            <button class="btn btn-link text-highlight-pink mt-2" @click="removeSpotlight(index)">- Remove Spotlight</button>
+                            </div>
                             <textarea class="d-flex col-12 ml-md-3 col-md-8 form-control mb-4" v-model="spotlight.content" name="content" id="" cols="90" rows="8"></textarea>
                           </div>
                         </div>
@@ -744,7 +747,7 @@ <h4 class="font-bigger-1 font-weight-bold mb-3">[[hackathon.name]] Wall of Fame<
                 </div>
 
               </b-tab>
-              <template v-slot:tabs-end>
+              <template v-slot:tabs-end  v-if="!hackHasEnded">
                 <li role="presentation" class="nav-item navigation">
                   <a href="{% url 'hackathon_onboard' hackathon.slug %}" class="text-reset text-decoration-none nav-link">
                     <div class="mt-4">Guide</div>
@@ -828,6 +831,7 @@ <h4 class="font-bigger-1 font-weight-bold mb-3">[[hackathon.name]] Wall of Fame<
       document.hackathonObj = JSON.parse(document.getElementById('hackathon-object').textContent);
       document.activePanel = parseInt({{panel | safe}});
       document.chatURL = "{{ chat_url | safe}}";
+      document.displayShowcase = {{hackathon.display_showcase|yesno:"true,false" }}
       if(location.hostname === 'gitcoin.co') $('#network-filter').hide();
     </script>
     <script src='{% static "v2/js/pages/dashboard-hackathon.js" %}'></script>

app/perftools/management/commands/create_page_cache.py

@@ -29,7 +29,7 @@
 from django.utils.encoding import force_text
 from django.utils.functional import Promise
 
-from dashboard.models import Profile
+from dashboard.models import HackathonEvent, Profile
 from economy.models import EncodeAnything, SuperModel
 from perftools.models import JSONStore
 from retail.utils import build_stat_results, programming_languages
@@ -211,6 +211,12 @@ def create_quests_cache():
         quest.save()
 
 
+def create_hackathon_cache():
+    for hackathon in HackathonEvent.objects.filter(display_showcase=True):
+        hackathon.get_total_prizes(force=True)
+        hackathon.get_total_winners(force=True)
+
+
 def create_results_cache():
     print('results')
     keywords = ['']
@@ -271,3 +277,4 @@ def handle(self, *args, **options):
             create_quests_cache()
             create_grants_cache()
             create_contributor_landing_page_context()
+            create_hackathon_cache()