Merge branch 'hotfix/LIL-691' into 'master'

Hotfix/lil 691

See merge request lilcity/backend!191

apps/user/templates/user/bonus-history.html

@@ -27,7 +27,7 @@
     <div class="form__field field" style="margin-bottom: 40px;">
       <div class="referrer-url field__wrap">
         <input id="referrer-url" class="referrer-url__input field__input" type="text" value="{{ referrer_url }}" readonly="readonly">
-        <button class="referrer-url__btn go__btn btn" data-clipboard-target="#referrer-url">Копировать ссылку</button>
+        <button id="copy-referrer-url-btn" class="referrer-url__btn go__btn btn" data-clipboard-target="#referrer-url">Копировать ссылку</button>
       </div>
     </div>
     {% include 'templates/blocks/share.html' with share_object_name="ссылкой" share_url=referrer_url %}

project/templates/lilcity/index.html

@@ -20,12 +20,12 @@
     {% comment %} <meta name="twitter:title" content="{% block twtitle %}Онлайн-курсы LilCity{% endblock twtitle %}"> {% endcomment %}
     {% comment %} <meta name="twitter:description" content="{% block twdescription %}Онлайн-курсы LilCity{% endblock twdescription %}"> {% endcomment %}
     {% comment %} <meta name="twitter:creator" content="@author_handle"> {% endcomment %}
-    {% comment %} <meta name="twitter:image" content="{% block twimage %}{{ request.build_absolute_uri }}{% static 'img/video-1.jpg' %}{% endblock twimage %}"> {% endcomment %}
+    {% comment %} <meta name="twitter:image" content="{% block twimage %}{{ request.get_host }}{% static 'img/video-1.jpg' %}{% endblock twimage %}"> {% endcomment %}
     <!--Open Graph data-->
     <meta property="og:title" content="{% block ogtitle %}Онлайн-курсы LilCity{% endblock ogtitle %}">
     {% comment %} <meta property="og:type" content="article"> {% endcomment %}
     <meta property="og:url" content="{% block ogurl %}{{ request.build_absolute_uri }}{% endblock ogurl %}">
-    <meta property="og:image" content="{% block ogimage %}{{ request.build_absolute_uri }}{% static 'img/video-1.jpg' %}{% endblock ogimage %}">
+    <meta property="og:image" content="{% block ogimage %}{{ request.get_host }}{% static 'img/video-1.jpg' %}{% endblock ogimage %}">
     <meta property="og:description" content="{% block ogdescription %}Онлайн-курсы LilCity{% endblock ogdescription %}">
     <meta property="og:site_name" content="Онлайн-курсы LilCity">
     <meta property="og:locale" content="ru_RU">

project/templates/lilcity/main.html

@@ -1,11 +1,19 @@
 {% extends "templates/lilcity/index.html" %} {% load static %}
 
 {% if is_referral_url and referrer %}
+
+{% block twdescription %}
+{{ referrer.get_full_name }} приглашает вас и ваших детей в первую онлайн школу креативного мышления Lil School.
+Занимайтесь с ребёнком творчеством, не выходя из дома.
+Перейдите по ссылке и получите скидку {{ config.REFERRAL_BONUS }}% на первую покупку
+{% endblock twdescription %}
+
 {% block ogdescription %}
 {{ referrer.get_full_name }} приглашает вас и ваших детей в первую онлайн школу креативного мышления Lil School.
 Занимайтесь с ребёнком творчеством, не выходя из дома.
 Перейдите по ссылке и получите скидку {{ config.REFERRAL_BONUS }}% на первую покупку
 {% endblock ogdescription %}
+
 {% endif %}
 
 {% block title %}School LIL.CITY{% endblock title %}

web/src/js/modules/profile.js

@@ -1,13 +1,17 @@
 import $ from 'jquery';
 import slugify from 'slugify';
 import ClipboardJS from 'clipboard';
+import {showNotification} from './notification';
 
 export const main = (app) => {
     if(app.urlIs('userBonuses')){
         $('#referrer-url').select().click(function(){
             $(this).select();
         });
-        new ClipboardJS('.btn');
+        const clipboard = new ClipboardJS('#copy-referrer-url-btn');
+        clipboard.on('success', e => {
+          showNotification('success', 'Ссылка скопирована');
+        });
         return;
     }
     // Обработчик выбора пола

web/src/sass/_common.sass

@@ -197,7 +197,7 @@ button
     background: white
     border: 1px solid $gray
     color: $gray
-    
+
     &:hover,
     &:active
       color: $cl
@@ -633,7 +633,7 @@ a.btn
     font-size: 18px
     text-align: center
   &__bonuses-link
-    color: #ccc
+    color: rgba(25, 25, 25, 0.3)
   &__lil-coin-img
     margin-bottom: -5px