Skip to content
This repository was archived by the owner on Mar 13, 2023. It is now read-only.

Commit b17297d

Browse files
mckenzieartsmckenziearts
committed
Add social share links
1 parent 87fcb2e commit b17297d

File tree

4 files changed

+52
-6
lines changed

4 files changed

+52
-6
lines changed

‎resources/assets/js/application.js‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -66,3 +66,49 @@ $('body span.overlay').on('click tap', function (e) {
6666
})
6767
$('body .overlay').hide()
6868
})
69+
70+
// Social butons share
71+
const share = function () {
72+
function popupCenter (url, title, width, height) {
73+
let popupWidth = width || 640
74+
let popupHeight = height || 440
75+
let windowLeft = window.screenLeft || window.screenX
76+
let windowTop = window.screenTop || window.screenY
77+
let windowWidth = window.innerWidth || document.documentElement.clientWidth
78+
let windowHeight = window.innerHeight || document.documentElement.clientHeight
79+
let popupLeft = windowLeft + windowWidth / 2 - popupWidth / 2
80+
let popupTop = windowTop + windowHeight / 2 - popupHeight / 2
81+
window.open(url, title, 'scrollbars=yes, width=' + popupWidth + ', height=' + popupHeight + ', top=' + popupTop + ', left=' + popupLeft)
82+
}
83+
84+
let twitter = document.querySelector('.share_twitter')
85+
if (twitter) {
86+
twitter.addEventListener('click', function (e) {
87+
e.preventDefault()
88+
let url = this.getAttribute('data-url')
89+
let shareUrl = 'https://twitter.com/intent/tweet?text=' + encodeURIComponent(document.title) + '&via=laravelcm' + '&url=' + encodeURIComponent(url)
90+
popupCenter(shareUrl, 'Partager sur Twitter')
91+
})
92+
}
93+
94+
let facebook = document.querySelector('.share_facebook')
95+
if (facebook) {
96+
facebook.addEventListener('click', function (e) {
97+
e.preventDefault()
98+
let url = this.getAttribute('data-url')
99+
let shareUrl = 'https://facebook.com/sharer/sharer.php?u=' + encodeURIComponent(url)
100+
popupCenter(shareUrl, 'Partager sur Facebook')
101+
})
102+
}
103+
104+
let linkedin = document.querySelector('.share_linkedin')
105+
if (linkedin) {
106+
linkedin.addEventListener('click', function (e) {
107+
e.preventDefault()
108+
let url = this.getAttribute('data-url')
109+
let shareUrl = 'https://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(url)
110+
popupCenter(shareUrl, 'Partager sur LinkedIn')
111+
})
112+
}
113+
}
114+
share()

‎resources/views/frontend/blog/post.blade.php‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,13 +45,13 @@
4545
<div class="post__footer">
4646
<p>
4747
<span>{{ __('Share') }}</span>
48-
<a href="https://www.facebook.com/laravelcm">
48+
<a href="javascript:;" data-url="{{ route('blog.post', ['slug' => $post->slug]) }}" class="share_facebook">
4949
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
5050
<path d="M17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35Z" fill="#3B5998"/>
5151
<path d="M10.104 11.394H6.981V22.835H2.25V11.394H2.74658e-07V7.374H2.25V4.774C2.25 2.914 3.134 -6.10352e-07 7.023 -6.10352e-07L10.523 0.0150007V3.915H7.988C7.84607 3.90807 7.70437 3.93264 7.57305 3.98694C7.44174 4.04124 7.32406 4.12393 7.22848 4.22907C7.13289 4.33422 7.06176 4.45921 7.02018 4.59509C6.97861 4.73097 6.96761 4.87437 6.988 5.015V7.381H10.524L10.104 11.394Z" transform="translate(11.7959 6.79102)" fill="white"/>
5252
</svg>
5353
</a>
54-
<a href="https://www.twitter.com/laravelcm">
54+
<a href="javascript:;" data-url="{{ route('blog.post', ['slug' => $post->slug]) }}" class="share_twitter">
5555
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
5656
<path d="M17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35Z" fill="#55ACEE"/>
5757
<path d="M20.392 1.95892C19.6294 2.29697 18.8204 2.51876 17.992 2.61692C18.8659 2.0945 19.5199 1.27202 19.832 0.302923C19.011 0.790186 18.1127 1.13347 17.176 1.31792C16.5452 0.647462 15.711 0.203574 14.8026 0.0549409C13.8941 -0.0936922 12.9619 0.0612162 12.1504 0.495695C11.3388 0.930173 10.693 1.62 10.313 2.45845C9.93294 3.29689 9.83981 4.23722 10.048 5.13392C8.38469 5.05073 6.75748 4.61858 5.27206 3.86553C3.78665 3.11249 2.47626 2.0554 1.426 0.762922C0.891121 1.68387 0.727202 2.77401 0.967589 3.81154C1.20798 4.84906 1.83461 5.75604 2.72 6.34792C2.05584 6.32729 1.40632 6.14759 0.826001 5.82392C0.826001 5.84192 0.826001 5.85992 0.826001 5.87692C0.826478 6.84259 1.16089 7.77838 1.77255 8.52564C2.38421 9.2729 3.23547 9.78563 4.182 9.97692C3.56599 10.1442 2.91996 10.1688 2.293 10.0489C2.56104 10.8792 3.08177 11.6051 3.78242 12.125C4.48308 12.6449 5.32865 12.933 6.201 12.9489C4.44475 14.3247 2.21543 14.9495 3.8147e-07 14.6869C1.79793 15.8379 3.87238 16.4841 6.0059 16.5576C8.13943 16.6312 10.2535 16.1295 12.1264 15.1051C13.9993 14.0807 15.5622 12.5713 16.6512 10.7351C17.7402 8.899 18.3152 6.80372 18.316 4.66892C18.316 4.48792 18.316 4.30692 18.304 4.12792C19.1234 3.53639 19.8305 2.8032 20.392 1.96292V1.95892Z" transform="translate(7.82788 10.6182)" fill="#F1F2F2"/>

‎resources/views/frontend/packages/post.blade.php‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,13 +45,13 @@
4545
<div class="post__footer">
4646
<p>
4747
<span>{{ __('Share') }}</span>
48-
<a href="https://www.facebook.com/laravelcm">
48+
<a href="javascript:;" data-url="{{ route('packages.post', ['slug' => $package->slug]) }}" class="share_facebook">
4949
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
5050
<path d="M17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35Z" fill="#3B5998"/>
5151
<path d="M10.104 11.394H6.981V22.835H2.25V11.394H2.74658e-07V7.374H2.25V4.774C2.25 2.914 3.134 -6.10352e-07 7.023 -6.10352e-07L10.523 0.0150007V3.915H7.988C7.84607 3.90807 7.70437 3.93264 7.57305 3.98694C7.44174 4.04124 7.32406 4.12393 7.22848 4.22907C7.13289 4.33422 7.06176 4.45921 7.02018 4.59509C6.97861 4.73097 6.96761 4.87437 6.988 5.015V7.381H10.524L10.104 11.394Z" transform="translate(11.7959 6.79102)" fill="white"/>
5252
</svg>
5353
</a>
54-
<a href="https://www.twitter.com/laravelcm">
54+
<a href="javascript:;" data-url="{{ route('packages.post', ['slug' => $package->slug]) }}" class="share_twitter">
5555
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
5656
<path d="M17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35Z" fill="#55ACEE"/>
5757
<path d="M20.392 1.95892C19.6294 2.29697 18.8204 2.51876 17.992 2.61692C18.8659 2.0945 19.5199 1.27202 19.832 0.302923C19.011 0.790186 18.1127 1.13347 17.176 1.31792C16.5452 0.647462 15.711 0.203574 14.8026 0.0549409C13.8941 -0.0936922 12.9619 0.0612162 12.1504 0.495695C11.3388 0.930173 10.693 1.62 10.313 2.45845C9.93294 3.29689 9.83981 4.23722 10.048 5.13392C8.38469 5.05073 6.75748 4.61858 5.27206 3.86553C3.78665 3.11249 2.47626 2.0554 1.426 0.762922C0.891121 1.68387 0.727202 2.77401 0.967589 3.81154C1.20798 4.84906 1.83461 5.75604 2.72 6.34792C2.05584 6.32729 1.40632 6.14759 0.826001 5.82392C0.826001 5.84192 0.826001 5.85992 0.826001 5.87692C0.826478 6.84259 1.16089 7.77838 1.77255 8.52564C2.38421 9.2729 3.23547 9.78563 4.182 9.97692C3.56599 10.1442 2.91996 10.1688 2.293 10.0489C2.56104 10.8792 3.08177 11.6051 3.78242 12.125C4.48308 12.6449 5.32865 12.933 6.201 12.9489C4.44475 14.3247 2.21543 14.9495 3.8147e-07 14.6869C1.79793 15.8379 3.87238 16.4841 6.0059 16.5576C8.13943 16.6312 10.2535 16.1295 12.1264 15.1051C13.9993 14.0807 15.5622 12.5713 16.6512 10.7351C17.7402 8.899 18.3152 6.80372 18.316 4.66892C18.316 4.48792 18.316 4.30692 18.304 4.12792C19.1234 3.53639 19.8305 2.8032 20.392 1.96292V1.95892Z" transform="translate(7.82788 10.6182)" fill="#F1F2F2"/>

‎resources/views/frontend/tutorials/post.blade.php‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -45,13 +45,13 @@
4545
<div class="post__footer">
4646
<p>
4747
<span>{{ __('Share') }}</span>
48-
<a href="https://www.facebook.com/laravelcm">
48+
<a href="javascript:;" data-url="{{ route('tutorials.post', ['slug' => $tutorial->slug]) }}" class="share_facebook">
4949
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
5050
<path d="M17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35Z" fill="#3B5998"/>
5151
<path d="M10.104 11.394H6.981V22.835H2.25V11.394H2.74658e-07V7.374H2.25V4.774C2.25 2.914 3.134 -6.10352e-07 7.023 -6.10352e-07L10.523 0.0150007V3.915H7.988C7.84607 3.90807 7.70437 3.93264 7.57305 3.98694C7.44174 4.04124 7.32406 4.12393 7.22848 4.22907C7.13289 4.33422 7.06176 4.45921 7.02018 4.59509C6.97861 4.73097 6.96761 4.87437 6.988 5.015V7.381H10.524L10.104 11.394Z" transform="translate(11.7959 6.79102)" fill="white"/>
5252
</svg>
5353
</a>
54-
<a href="https://www.twitter.com/laravelcm">
54+
<a href="javascript:;" data-url="{{ route('tutorials.post', ['slug' => $tutorial->slug]) }}" class="share_twitter">
5555
<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
5656
<path d="M17.5 35C27.165 35 35 27.165 35 17.5C35 7.83502 27.165 0 17.5 0C7.83502 0 0 7.83502 0 17.5C0 27.165 7.83502 35 17.5 35Z" fill="#55ACEE"/>
5757
<path d="M20.392 1.95892C19.6294 2.29697 18.8204 2.51876 17.992 2.61692C18.8659 2.0945 19.5199 1.27202 19.832 0.302923C19.011 0.790186 18.1127 1.13347 17.176 1.31792C16.5452 0.647462 15.711 0.203574 14.8026 0.0549409C13.8941 -0.0936922 12.9619 0.0612162 12.1504 0.495695C11.3388 0.930173 10.693 1.62 10.313 2.45845C9.93294 3.29689 9.83981 4.23722 10.048 5.13392C8.38469 5.05073 6.75748 4.61858 5.27206 3.86553C3.78665 3.11249 2.47626 2.0554 1.426 0.762922C0.891121 1.68387 0.727202 2.77401 0.967589 3.81154C1.20798 4.84906 1.83461 5.75604 2.72 6.34792C2.05584 6.32729 1.40632 6.14759 0.826001 5.82392C0.826001 5.84192 0.826001 5.85992 0.826001 5.87692C0.826478 6.84259 1.16089 7.77838 1.77255 8.52564C2.38421 9.2729 3.23547 9.78563 4.182 9.97692C3.56599 10.1442 2.91996 10.1688 2.293 10.0489C2.56104 10.8792 3.08177 11.6051 3.78242 12.125C4.48308 12.6449 5.32865 12.933 6.201 12.9489C4.44475 14.3247 2.21543 14.9495 3.8147e-07 14.6869C1.79793 15.8379 3.87238 16.4841 6.0059 16.5576C8.13943 16.6312 10.2535 16.1295 12.1264 15.1051C13.9993 14.0807 15.5622 12.5713 16.6512 10.7351C17.7402 8.899 18.3152 6.80372 18.316 4.66892C18.316 4.48792 18.316 4.30692 18.304 4.12792C19.1234 3.53639 19.8305 2.8032 20.392 1.96292V1.95892Z" transform="translate(7.82788 10.6182)" fill="#F1F2F2"/>

0 commit comments

Comments
 (0)