39 lines
3.2 KiB
PHP
39 lines
3.2 KiB
PHP
<div class="share-wrapper bg-secondary d-flex justify-content-center align-items-center rounded-pill w-fit" id="btn-share-wrapper">
|
|
<button class="btn btn-secondary rounded-pill z-1 collapsed border-0 bg-transparent p-2" data-bs-toggle="collapse"
|
|
data-bs-target="#btn-share" type="button" title="{{ __('Partager :element sur les réseaux sociaux', ['element' => $elementName]) }}"
|
|
aria-expanded="false" aria-controls="btn-share">
|
|
<svg width="19" height="18" viewBox="0 0 19 18" xmlns="http://www.w3.org/2000/svg">
|
|
<path
|
|
d="M4.5919 11.7025C6.08752 11.7025 7.29995 10.49 7.29995 8.99443C7.29995 7.49881 6.08752 6.28638 4.5919 6.28638C3.09629 6.28638 1.88385 7.49881 1.88385 8.99443C1.88385 10.49 3.09629 11.7025 4.5919 11.7025Z"
|
|
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path
|
|
d="M14.8221 16.8182C16.3177 16.8182 17.5301 15.6058 17.5301 14.1102C17.5301 12.6145 16.3177 11.4021 14.8221 11.4021C13.3264 11.4021 12.114 12.6145 12.114 14.1102C12.114 15.6058 13.3264 16.8182 14.8221 16.8182Z"
|
|
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path
|
|
d="M14.8221 6.58749C16.3177 6.58749 17.5301 5.37505 17.5301 3.87944C17.5301 2.38382 16.3177 1.17139 14.8221 1.17139C13.3264 1.17139 12.114 2.38382 12.114 3.87944C12.114 5.37505 13.3264 6.58749 14.8221 6.58749Z"
|
|
stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M7.01123 7.79057L12.4033 5.08252" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
|
<path d="M7.01123 10.1982L12.4033 12.9063" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
|
|
</svg>
|
|
</button>
|
|
<div class="collapse-horizontal rounded-pill collapse" id="btn-share">
|
|
<div class="d-flex justify-content-start align-items-center">
|
|
<a class="btn btn-secondary border-0 bg-transparent p-2 text-white"
|
|
href="https://www.facebook.com/sharer/sharer.php?u={{ $link }}"
|
|
title="{{ __('Partager :element sur Facebook', ['element' => $elementName]) }}" target="_blank">
|
|
<img class="img-fluid" src="{{ Vite::asset('resources/assets/images/common/btn-share/facebook.svg') }}" alt="Facebook"
|
|
role="img">
|
|
</a>
|
|
<a class="btn btn-secondary border-0 bg-transparent p-2 text-white" href="#FIXME: instagram account"
|
|
title="{{ __('Partager :element sur Instagram', ['element' => $elementName]) }}">
|
|
<img class="img-fluid" src="{{ Vite::asset('resources/assets/images/common/btn-share/instagram.svg') }}" alt="Instagram"
|
|
role="img">
|
|
</a>
|
|
<a class="btn btn-secondary border-0 bg-transparent p-2 text-white" href="http://twitter.com/share?url={{ $link }}"
|
|
title="{{ __('Partager :element sur Twitter', ['element' => $elementName]) }}" target="_blank">
|
|
<img class="img-fluid" src="{{ Vite::asset('resources/assets/images/common/btn-share/twitter.svg') }}" alt="Twitter"
|
|
role="img">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|