LIL-205 - Кнопки шаринга в соцсети

apps/course/templates/course/course.html

@@ -157,26 +157,13 @@
       <div class="course__share share share_sm">
         <div class="share__title">Поделиться курсом</div>
         <div class="share__list">
-          <a class="share__item" href="#">
-            <svg class="icon icon-share-facebook">
-              <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-facebook"></use>
-            </svg>
-          </a>
-          <a class="share__item" href="#">
-            <svg class="icon icon-share-twitter">
-              <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-twitter"></use>
-            </svg>
-          </a>
-          <a class="share__item" href="#">
-            <svg class="icon icon-share-google">
-              <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-google"></use>
-            </svg>
-          </a>
-          <a class="share__item" href="#">
-            <svg class="icon icon-share-pinterest">
-              <use xlink:href="{% static 'img/sprite.svg' %}#icon-share-pinterest"></use>
-            </svg>
-          </a>
+          <div class="likely">
+            <div class="facebook">Facebook</div>
+            <div class="twitter">Twitter</div>
+            <div class="gplus">Google+</div>
+            <div class="vkontakte">VK</div>
+            <div class="pinterest">Pinterest</div>
+          </div>
         </div>
       </div>
     </div>

web/package-lock.json

@@ -6101,6 +6101,11 @@
       "integrity": "sha1-vjPUCsEO8ZJnAfbwii2G+/0a0+Q=",
       "dev": true
     },
+    "ilyabirman-likely": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/ilyabirman-likely/-/ilyabirman-likely-2.3.0.tgz",
+      "integrity": "sha512-094983NCk9DFSdjqLhTYDGrzVC8VN5COU5qTTyh1MADZzvpT9HKQUgXejQZWIEsZjbcRoDwvMiCf61ROYuWt2Q=="
+    },
     "immutable": {
       "version": "3.8.1",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-3.8.1.tgz",
@@ -11742,6 +11747,11 @@
       "resolved": "https://registry.npmjs.org/vuejs-datepicker/-/vuejs-datepicker-0.9.25.tgz",
       "integrity": "sha512-+Vldt5bl2/7tW8ScQm7eE9wVIOq7eNSGupRNLP8ej9vTR3wWz9i8fwJjWgxZ3HyGrUo4J5ki1hAzyY9cdxccoQ=="
     },
+    "vuelidate": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/vuelidate/-/vuelidate-0.6.1.tgz",
+      "integrity": "sha512-QE24xV9ghPLHebe4nslzdApV4Uh8pT/tfdBmqK9GdUKOPtF+pLhPV6Q51GYaqK4+H1MBW6KedNX2Mrfi7/Oq8A=="
+    },
     "warning": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/warning/-/warning-3.0.0.tgz",

web/package.json

@@ -56,6 +56,7 @@
     "axios": "^0.17.1",
     "babel-polyfill": "^6.26.0",
     "history": "^4.7.2",
+    "ilyabirman-likely": "^2.3.0",
     "jquery": "^3.3.1",
     "moment": "^2.20.1",
     "owl.carousel": "^2.2.0",
@@ -64,6 +65,7 @@
     "validator": "^9.2.0",
     "vue": "^2.5.13",
     "vue-autosize": "^1.0.2",
-    "vuejs-datepicker": "^0.9.25"
+    "vuejs-datepicker": "^0.9.25",
+    "vuelidate": "^0.6.1"
   }
 }

web/src/js/modules/courses.js

@@ -2,6 +2,10 @@ import $ from 'jquery';
 import moment from 'moment';
 import createHistory from 'history/createBrowserHistory';
 
+// Likely
+import 'ilyabirman-likely/release/likely.css';
+import 'ilyabirman-likely/release/likely.js';
+
 moment.locale('ru');
 
 // Создаем объект history API