- social button

Anastasia
1 parent 44ac74b7
Showing 1 changed file with 27 additions and 3 deletions Show diff stats
frontend/views/book/view.php
@@ -5,6 +5,7 @@
      */
     use artbox\core\helpers\ImageHelper;
     use yii\helpers\Url;
+    use yii\web\View;
  
     $this->params[ 'breadrumbs'][] = [
       'label' => 'Книги',
@@ -40,6 +41,29 @@
         'type'    => 'hiddenInput',
         'options' => ['value' => ''],
     ]];
+    $link = \Yii::$app->request->absoluteUrl;
+    $js = <<<JS
+    var link = "{$link}";
+    var title = "{$model->title}";
+    $(document).on('click','.facebook_link', function(e) {
+      e.preventDefault();
+      window.open('http://www.facebook.com/sharer/sharer.php?u='+link);
+    });
+    
+    $(document).on('click','.twitter_link', function(e) {
+      e.preventDefault();
+      window.open('https://twitter.com/intent/tweet?text='+title+'&url='+link);
+    });
+    
+     $(document).on('click','.google_link', function(e) {
+      e.preventDefault();
+      window.open('https://plus.google.com/share?url='+link);
+    });
+
+JS;
+
+$this->registerJs($js, View::POS_READY);
+    
     ?>
  
 <section class="section-card">
@@ -101,9 +125,9 @@
                     <p>поділитися в соціальних мережах</p>
                     <!--вставлять ссылку на эту страницу сюда {link-this-page}-->
                     <ul>
-                        <li class="card-s1"><a target="_blank" rel="nofollow" href="http://www.facebook.com/sharer/sharer.php?u=<?=\Yii::$app->request->absoluteUrl?>"></a></li>
-                        <li class="card-s2"><a target="_blank" rel="nofollow" href="https://twitter.com/intent/tweet?text=Hello%20world&url=<?=\Yii::$app->request->absoluteUrl?>"></a></li>
-                        <li class="card-s3"><a target="_blank" rel="nofollow" href="https://plus.google.com/share?url=<?=\Yii::$app->request->absoluteUrl?>"></a></li>
+                        <li class="card-s1"><a class="facebook_link" target="_blank" rel="nofollow" href="#"></a></li>
+                        <li class="card-s2"><a class="twitter_link" target="_blank" rel="nofollow" href="#"></a></li>
+                        <li class="card-s3"><a class="google_link" target="_blank" rel="nofollow" href="#"></a></li>
                     </ul>
                 </div>
             </div>