+
Бонусы
- У вас {{ request.user.bonus|rupluralize:"бонус,бонуса,бонусов" }}
+
+
У вас {{ request.user.bonus }} Lil
+
+ 
1 Lil = 1 Р
+
+ 1 Lil = 1 Р
+
- Вы можете пригласить своих друзей в наш сервис, за это
- {% if config.REFERRER_BONUS == config.REFERRAL_BONUS %}
- вы и они получите по {{ config.REFERRER_BONUS }}%
- {% else %}
- вы получите {{ config.REFERRER_BONUS }}%, а они {{ config.REFERRAL_BONUS }}%
- {% endif %}
- от суммы их первой покупки на бонусный счет. Приглашайте друзей, накапливайте бонусные баллы, тратьте бонусы
- на приобретения доступа к школе и курсам.
+ Приглашайте друзей в Lil School и получайте {{ config.REFERRER_BONUS }}%
+ от суммы их первой покупки. Накапливайте монеты и тратьте их на оплату школы и курсов.
- Просто отправьте им эту ссылку, по которой они смогут зарегистрироваться: + Просто отправьте эту ссылку, по которой ваши друзья могут присоединиться к нам:
- - Просто отправьте им эту ссылку, по которой они смогут зарегистрироваться: + Просто отправьте эту ссылку, по которой ваши друзья могут присоединиться к нам:
-
+
+
-
+
+
+
diff --git a/project/templates/blocks/lil_store_js.html b/project/templates/blocks/lil_store_js.html
index 29aacb22..7df6d16d 100644
--- a/project/templates/blocks/lil_store_js.html
+++ b/project/templates/blocks/lil_store_js.html
@@ -22,6 +22,7 @@
urls: {
courses: "{% url 'courses' %}",
userProfileEdit: "{% url 'user-edit-profile' %}",
+ userBonuses: "{% url 'user-bonuses' %}",
},
flags: {
referrer: '{{ referrer.id|default:'' }}',
diff --git a/project/templates/blocks/share.html b/project/templates/blocks/share.html
index 85fa1ebb..0f0a360b 100644
--- a/project/templates/blocks/share.html
+++ b/project/templates/blocks/share.html
@@ -3,7 +3,9 @@
+
+
+ {% include 'templates/blocks/share.html' with share_object_name="ссылкой" share_url=referrer_url %}
+
+
-
+
diff --git a/project/templates/blocks/user_menu.html b/project/templates/blocks/user_menu.html
index 35c99e79..9ae6da8d 100644
--- a/project/templates/blocks/user_menu.html
+++ b/project/templates/blocks/user_menu.html
@@ -1,6 +1,14 @@
{% load static %} {% load thumbnail %}
{% load rupluralize from plural %}
{% if request.user.is_authenticated %}
+{% if request.user.bonus %}
+
+{% endif %}
{% thumbnail request.user.photo "48x48" crop="center" as im %}
@@ -16,12 +24,6 @@
{{ request.user.balance }} руб.
{% endif %}
- {% comment %}
- FIXME
-
-
-
- {% endcomment %}
{% if request.user.auth_token %}
{% if request.user.role >= request.user.AUTHOR_ROLE %}
diff --git a/project/templates/lilcity/main.html b/project/templates/lilcity/main.html
index 06cc2758..646b2f8b 100644
--- a/project/templates/lilcity/main.html
+++ b/project/templates/lilcity/main.html
@@ -1,5 +1,13 @@
{% extends "templates/lilcity/index.html" %} {% load static %}
+{% if is_referral_url and referrer %}
+{% block ogdescription %}
+{{ referrer.get_full_name }} приглашает вас и ваших детей в первую онлайн школу креативного мышления Lil School.
+Занимайтесь с ребёнком творчеством, не выходя из дома.
+Перейдите по ссылке и получите скидку {{ config.REFERRAL_BONUS }}% на первую покупку
+{% endblock %}
+{% endif %}
+
{% block title %}School LIL.CITY{% endblock title %}
{% block content %}
{% include "templates/blocks/promo.html" %}
diff --git a/web/package.json b/web/package.json
index abca665a..f7a754e0 100755
--- a/web/package.json
+++ b/web/package.json
@@ -39,6 +39,7 @@
"axios": "^0.17.1",
"babel-polyfill": "^6.26.0",
"baguettebox.js": "^1.10.0",
+ "clipboard": "^2.0.1",
"downscale": "^1.0.4",
"glob": "^7.1.2",
"history": "^4.7.2",
diff --git a/web/src/img/lilcoin.png b/web/src/img/lilcoin.png
new file mode 100644
index 00000000..455df2eb
Binary files /dev/null and b/web/src/img/lilcoin.png differ
diff --git a/web/src/js/app.js b/web/src/js/app.js
index 5cee336e..2713baeb 100644
--- a/web/src/js/app.js
+++ b/web/src/js/app.js
@@ -56,7 +56,7 @@ const app = new Vue({
}
},
mounted(){
- if(this.urlIs('userProfileEdit')){
+ if(this.urlIs('userProfileEdit') || this.urlIs('userBonuses')){
profileMain(this);
}
},
diff --git a/web/src/js/modules/popup.js b/web/src/js/modules/popup.js
index 8b1c5169..286797c6 100644
--- a/web/src/js/modules/popup.js
+++ b/web/src/js/modules/popup.js
@@ -1,7 +1,6 @@
import $ from 'jquery';
import moment from 'moment';
import {api} from './api';
-import {rupluralize} from '../utils';
moment.locale('ru');
@@ -123,7 +122,7 @@ $(document).ready(function () {
$bonuses.hide();
if(bonuses){
- $bonusesCount.text(rupluralize(bonusesCount, ['бонус', 'бонуса', 'бонусов']));
+ $bonusesCount.text(bonusesCount + ' Lil');
$bonuses.show();
}
@@ -217,7 +216,7 @@ $(document).ready(function () {
var text = '';
var amount = +response.data.amount;
if(bonuses){
- $bonusesCount.text(rupluralize(bonuses > amount ? amount : bonuses, ['бонус', 'бонуса', 'бонусов']));
+ $bonusesCount.text(bonuses > amount ? amount : bonuses + ' Lil');
$bonuses.show();
if(useBonuses) {
amount = bonuses > amount ? 0 : amount - bonuses;
diff --git a/web/src/js/modules/profile.js b/web/src/js/modules/profile.js
index 3942f125..8bf9df91 100644
--- a/web/src/js/modules/profile.js
+++ b/web/src/js/modules/profile.js
@@ -1,7 +1,15 @@
import $ from 'jquery';
import slugify from 'slugify';
+import ClipboardJS from 'clipboard';
-export const main = () => {
+export const main = (app) => {
+ if(app.urlIs('userBonuses')){
+ $('#referrer-url').select().click(function(){
+ $(this).select();
+ });
+ new ClipboardJS('.btn');
+ return;
+ }
// Обработчик выбора пола
let genderInput = $('#gender')
@@ -41,8 +49,4 @@ export const main = () => {
});
changeSlug();
}
-
- $('#referrer-url').select().click(function(){
- $(this).select();
- });
}
diff --git a/web/src/sass/_common.sass b/web/src/sass/_common.sass
index a3a353c4..bc7fda5e 100755
--- a/web/src/sass/_common.sass
+++ b/web/src/sass/_common.sass
@@ -615,6 +615,19 @@ a.btn
height: 40px
&_bg &__container
border-color: transparent
+ &__bonuses
+ padding: 5px 15px
+ border: 1px solid rgba(25, 25, 25, 0.1)
+ position: relative
+ margin-left: 20px
+ border-radius: 20px
+ height: 40px
+ font-size: 18px
+ text-align: center
+ &__bonuses-link
+ color: #ccc
+ &__lil-coin-img
+ margin-bottom: -5px
.main
display: flex
@@ -2246,6 +2259,13 @@ a.grey-link
border: none
background: none
margin-top: 11px
+ &__stroke
+ background-image: linear-gradient(-225deg, #D1FF7F 0%, #56FFFD 100%)
+ padding: 1px
+ display: inline-block
+ & .field__input
+ background: white
+ padding: 5px
.field__wrap
&--title
@@ -4327,3 +4347,32 @@ a
.modal-video-close-btn
+m
right: 0
+
+.referrer-url
+ display: flex
+ &__input
+ width: auto
+ height: 40px
+ border: 1px solid #D1FF7F
+ padding: 8px
+ border-radius: 3px 0 0 3px
+ border-right: none
+
+ &:focus
+ border: 1px solid #D1FF7F
+ &__btn
+ border-radius: 0 3px 3px 0
+
+
+.bonuses
+ display: flex
+ font-size: 20px
+ margin-bottom: 20px
+ &__count
+ flex: 1
+ &__course
+ font-family: 'ProximaNova-Bold', serif
+ color: $cl
+ &__lil-coin-img
+ margin-bottom: -5px
+ margin-right: 4px