Kudos v1

.eslintignore

@@ -5,6 +5,8 @@ app/assets/v2/js/jquery*.js
 app/assets/v2/js/jsrender.js
 app/assets/v2/js/showdown.js
 app/assets/v2/js/tooltip.js
+app/assets/v2/js/tweenlite.js
+app/assets/v2/js/abi.js
 
 app/assets/onepager/js/confetti.js
 

.gitignore

@@ -21,6 +21,7 @@ node_modules/
 gcoin/
 .cache/
 webpack-stats.json
+.sass-cache
 
 # Sensitive environment files
 .env

.stylelintignore

@@ -1,2 +1,4 @@
 app/assets/v2/css/jquery.select2.min.css
 app/assets/v2/css/bootstrap.min.css
+app/assets/v2/js/tweenlite.js
+app/assets/v2/js/abi.js

app/app/context.py

@@ -23,6 +23,7 @@
 from django.utils import timezone
 
 from dashboard.models import Tip
+from kudos.models import KudosTransfer
 
 
 def insert_settings(request):
@@ -44,7 +45,7 @@ def insert_settings(request):
         'mixpanel_token': settings.MIXPANEL_TOKEN,
         'STATIC_URL': settings.STATIC_URL,
         'MEDIA_URL': settings.MEDIA_URL,
-        'num_slack': num_slack,
+        'num_slack': num_slack, 
         'github_handle': request.user.username if user_is_authenticated else False,
         'email': request.user.email if user_is_authenticated else False,
         'name': request.user.get_full_name() if user_is_authenticated else False,
@@ -75,7 +76,14 @@ def insert_settings(request):
             username__iexact=context['github_handle'],
             web3_type='v3',
         ).exclude(txid='')
+        context['unclaimed_kudos'] = KudosTransfer.objects.filter(
+            receive_txid='',
+            username__iexact="@" + context['github_handle'],
+            web3_type='v3',
+        ).exclude(txid='')
+
         if not settings.DEBUG:
             context['unclaimed_tips'] = context['unclaimed_tips'].filter(network='mainnet')
+            context['unclaimed_kudos'] = context['unclaimed_kudos'].filter(network='mainnet')
 
     return context

app/app/settings.py

@@ -27,6 +27,9 @@
 import raven
 from easy_thumbnails.conf import Settings as easy_thumbnails_defaults
 
+import warnings
+warnings.filterwarnings("ignore", category=UserWarning, module='psycopg2')
+
 root = environ.Path(__file__) - 2  # Set the base directory to two levels.
 env = environ.Env(DEBUG=(bool, False), )  # set default values and casting
 env.read_env(str(root.path('app/.env')))  # reading .env file
@@ -101,6 +104,8 @@
     'external_bounties',
     'dataviz',
     'impersonate',
+    'kudos',
+    'django.contrib.postgres',
     'bounty_requests'
 ]
 
@@ -130,7 +135,7 @@
 
 TEMPLATES = [{
     'BACKEND': 'django.template.backends.django.DjangoTemplates',
-    'DIRS': ['retail/templates/', 'external_bounties/templates/', 'dataviz/templates', ],
+    'DIRS': ['retail/templates/', 'external_bounties/templates/', 'dataviz/templates', 'kudos/templates'],
     'APP_DIRS': True,
     'OPTIONS': {
         'context_processors': [
@@ -489,6 +494,13 @@
 SLACK_TOKEN = env('SLACK_TOKEN', default='')  # TODO
 SLACK_WELCOMEBOT_TOKEN = env('SLACK_WELCOMEBOT_TOKEN', default='')  # TODO
 
+# OpenSea API
+OPENSEA_API_KEY = env('OPENSEA_API_KEY', default='')
+
+# Kudos
+KUDOS_OWNER_ACCOUNT = env('KUDOS_OWNER_ACCOUNT', default='')
+KUDOS_PRIVATE_KEY = env('KUDOS_PRIVATE_KEY', default='')
+
 # Reporting Integrations
 MIXPANEL_TOKEN = env('MIXPANEL_TOKEN', default='')
 

app/app/urls.py

@@ -40,6 +40,7 @@
 import faucet.views
 import gitcoinbot.views
 import healthcheck.views
+import kudos.views
 import linkshortener.views
 import marketing.views
 import marketing.webhookviews
@@ -48,21 +49,41 @@
 import tdi.views
 from dashboard.router import router as dbrouter
 from external_bounties.router import router as ebrouter
+from kudos.router import router as kdrouter
 
 from .sitemaps import sitemaps
 
 urlpatterns = [
     path('jsi18n/', JavaScriptCatalog.as_view(), name='javascript-catalog'),
 
+    # kudos
+    path('kudos/', kudos.views.about, name='kudos_main'),
+    path('kudos/about/', kudos.views.about, name='kudos_about'),
+    path('kudos/marketplace/', kudos.views.marketplace, name='kudos_marketplace'),
+    path('kudos/mint', kudos.views.mint, name='kudos_mint'),
+    path('kudos/send/', kudos.views.send_2, name='kudos_send'),
+    path('kudos/send/3/', kudos.views.send_3, name='kudos_send_3'),
+    path('kudos/send/4/', kudos.views.send_4, name='kudos_send_4'),
+    re_path(r'^lazy_load_kudos/$', dashboard.views.lazy_load_kudos, name='lazy_load_kudos'),
+    re_path(
+        r'^kudos/receive/v3/(?P<key>.*)/(?P<txid>.*)/(?P<network>.*)?',
+        kudos.views.receive,
+        name='kudos_receive'
+    ),
+    re_path(r'^kudos/search/$', kudos.views.search, name='kudos_search'),
+    re_path(r'^kudos/(?P<id>\d+)/(?P<name>\w*)', kudos.views.details, name='kudos_details'),
+    re_path(r'^kudos/address/(?P<handle>.*)', kudos.views.kudos_preferred_wallet, name='kudos_preferred_wallet'),
+
     # api views
     url(r'^api/v0.1/profile/(.*)?/keywords', dashboard.views.profile_keywords, name='profile_keywords'),
     url(r'^api/v0.1/funding/save/?', dashboard.ios.save, name='save'),
     url(r'^api/v0.1/faucet/save/?', faucet.views.save_faucet, name='save_faucet'),
     url(r'^api/v0.1/', include(dbrouter.urls)),
     url(r'^api/v0.1/', include(ebrouter.urls)),
-    url(r'^actions/api/v0.1/', include(dbrouter.urls)),  # same as active, but not cached in cloudfront
-    url(r'^api/v0.1/users_search/', dashboard.views.get_users, name='users_search'),
-
+    url(r'^api/v0.1/', include(kdrouter.urls)),
+    url(r'^actions/api/v0.1/', include(dbrouter.urls)),  # same as active, but not cached in cluodfront
+    url(r'^api/v0.1/users_search/',  dashboard.views.get_users, name='users_search'),
+    url(r'^api/v0.1/kudos_search/',  dashboard.views.get_kudos, name='kudos_search'),
     # Health check endpoint
     re_path(r'^health/', include('health_check.urls')),
     re_path(r'^lbcheck/?', healthcheck.views.lbcheck, name='lbcheck'),
@@ -252,6 +273,9 @@
 
     # admin views
     re_path(r'^_administration/?', admin.site.urls, name='admin'),
+    path('_administration/email/new_kudos', retail.emails.new_kudos, name='new_kudos'),
+    path('_administration/email/kudos_mint', retail.emails.kudos_mint, name='kudos_mint'),
+    path('_administration/email/kudos_mkt', retail.emails.kudos_mkt, name='kudos_mkt'),
     path('_administration/email/new_bounty', retail.emails.new_bounty, name='admin_new_bounty'),
     path('_administration/email/roundup', retail.emails.roundup, name='roundup'),
     path('_administration/email/faucet_rejected', retail.emails.faucet_rejected, name='email_faucet_rejected'),

app/assets/onepager/js/receive.js

@@ -25,7 +25,7 @@ window.onload = function() {
     }
     ipfs.catText(document.ipfs_key_to_secret, function(err, key2) {
       if (err) {
-        _alert('could not reach IPFS.  please try again later.', 'error');
+        _alert('Could not reach IPFS.  please try again later.', 'error');
         return;
       }
       document.priv_key = combine_secrets(key2, document.gitcoin_secret);

app/assets/v2/css/base.css

@@ -454,7 +454,7 @@ p a {
 }
 
 .btn:focus {
-  box-shadow: none;
+  /* box-shadow: none; */
 }
 
 .cta-green {
@@ -604,6 +604,12 @@ input[type=text].loading {
   font-size: 0.875rem;
 }
 
+.select2-results,
+.select2-results{
+  max-height: 400px;
+  overflow-y: scroll;
+}
+
 .select2-results__option:empty {
   padding: 1px;
   border-bottom: solid 1px darkgray;

app/assets/v2/css/buttons.css

@@ -60,16 +60,6 @@
   box-shadow: inset 0 -3.25em 0 0 var(--hover);
 }
 
-.slide {
-  --color: #8fc866;
-  --hover: #66c887;
-}
-
-.slide:hover,
-.slide:focus {
-  box-shadow: inset 6.5em 0 0 0 var(--hover);
-}
-
 .offset {
   --color: #19bc8b;
   --hover: #1973bc;

app/assets/v2/css/gitcoin.css

@@ -399,6 +399,14 @@ div.button-pink {
   cursor: pointer;
 }
 
+.gc-round-text-input {
+  height: 32px;
+  border: 1px solid #eee;
+  outline: none;
+  padding-left: 10px;
+  font-weight: 300;
+}
+
 .gc-border-black {
   border: 1px solid black !important;
 }
@@ -407,16 +415,12 @@ div.button-pink {
   border: 1px solid #37ea9c !important;
 }
 
-.gc-selected {
-  border: 1px solid #4ef6ad !important;
+.gc-border-blue {
+  border-color: #0D0764;
 }
 
-.gc-round-text-input {
-  height: 32px;
-  border: 1px solid #eee;
-  outline: none;
-  padding-left: 10px;
-  font-weight: 300;
+.gc-selected {
+  border: 1px solid #4ef6ad !important;
 }
 
 .gc-round-text-form {
@@ -554,6 +558,23 @@ div.button-pink {
   }
 }
 
+.nav-line {
+
+}
+.nav-tabs .nav-line {
+  color: #4A4A4A;
+  border-width: 0px 0px 3px 0;
+}
+.nav-tabs .nav-line.active {
+  color: #0D0764;
+  border-color: #0D0764;
+  background-color: transparent;
+}
+
+.border-transparent {
+  border-color: transparent;
+}
+
 /* AutoComplete */
 .select2-container .select2-selection--single {
   height: 2.5rem !important

app/assets/v2/css/kudos/range-slider.scss

@@ -0,0 +1,37 @@
+$blue: #0D0764;
+
+[data-rangeslider] {
+    -webkit-appearance: none;
+    width: 100%;
+    height: 2px;
+    background: $blue;
+    outline: none;
+    margin: 1rem 0;
+
+  &::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 18px;
+    height: 18px;
+    border-radius: 50px;
+    background: $blue;
+    cursor: pointer;
+    transition: .1s all linear;
+  }
+
+  &:hover::-webkit-slider-thumb {
+    width: 22px;
+    height: 22px;
+  }
+  &:focus::-webkit-slider-thumb {
+    width: 26px;
+    height: 26px;
+    border-radius: 50px 50px 4px;
+    transform: rotate(45deg);
+    margin-bottom: 50px;
+  }
+
+  &::-webkit-slider-runnable-track {}
+}
+
+

app/assets/v2/css/kudos/select2.bootstrap4.scss

@@ -0,0 +1,71 @@
+$arrow-color: #6c757d;
+$border-grey: #ced4da;
+
+.select2 {
+    width: 100%;
+}
+
+.select2-container--bootstrap4 {
+    border: 1px solid #ced4da;
+    padding: 0.25em;
+    border-radius: .25rem;
+}
+
+.select2-container--bootstrap4.select2-container--disabled {
+    background-color: #e9ecef;
+    opacity: 1;
+}
+
+.select2-container--bootstrap4.select2-container--open .select2-selection .select2-selection__arrow b {
+    border-color: transparent transparent $arrow-color transparent;
+    border-width: 0 0.45rem 0.45rem 0.45rem;
+}
+
+.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow {
+    position: absolute;
+    bottom: 0;
+    right: 0.375rem;
+    top: 0;
+    width: 0.85rem;
+}
+
+.select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b {
+    border-color: $arrow-color transparent transparent transparent;
+    border-style: solid;
+    border-width: 0.45rem 0.45rem 0 0.45rem;
+    height: 0;
+    left: 0;
+    // margin-top: -0.125rem;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 0;
+    border-radius: 4px;
+    margin: auto;
+  }
+
+
+  .select2-container--bootstrap4 .select2-search--dropdown .select2-search__field {
+    border-radius: 4px;
+    border: 1px solid #7777;
+  }
+
+.select2-container--open .select2-dropdown.select2-dropdown--below {
+     top: -3px;
+     left: -1px;
+  }
+
+.select2-container--open .select2-dropdown.select2-dropdown--above {
+    top: 1px;
+    left: -1px;
+ }
+
+ .select2-container--bootstrap4 .select2-dropdown {
+     border-color: $border-grey;
+ }
+
+
+ .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
+  background-color: #5897fb;
+  color: white;
+}