From: Stephen Cameron <stephen@cubedesigners.com>
Date: Tue, 25 Jan 2022 15:55:46 +0000 (+0100)
Subject: WIP #4985 @4
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=4f26aba94abdad7d937a65ac18f69bd8f5a19fb4;p=pmi.git

WIP #4985 @4
---

diff --git a/public/images/icon-chat.svg b/public/images/icon-chat.svg
new file mode 100644
index 0000000..00f4c2d
--- /dev/null
+++ b/public/images/icon-chat.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 40 36">
+    <g fill="#fff">
+        <path d="M30.3,25.7c-0.3,0-0.6-0.1-0.8-0.3l-5.8-4.8h-2.4C15.6,20.6,11,16,11,10.3S15.6,0,21.3,0H29
+            c5.7,0,10.3,4.6,10.3,10.3c0,4.7-3.2,8.7-7.7,9.9v4.2c0,0.5-0.3,1-0.7,1.2C30.6,25.7,30.4,25.7,30.3,25.7z M21.3,2.6
+            c-4.3,0-7.7,3.5-7.7,7.7S17,18,21.3,18h2.8c0.3,0,0.6,0.1,0.8,0.3l4.1,3.4v-2.5c0-0.6,0.5-1.2,1.1-1.3c4.2-0.7,7.1-4.7,6.4-8.9
+            c-0.6-3.7-3.7-6.4-7.5-6.5H21.3z"/>
+        <rect x="23.8" y="9" width="2.6" height="2.6"/>
+        <rect x="17.4" y="9" width="2.6" height="2.6"/>
+        <rect x="30.3" y="9" width="2.6" height="2.6"/>
+        <path d="M9.7,36c-0.2,0-0.4,0-0.5-0.1c-0.5-0.2-0.7-0.7-0.7-1.2v-4.2c-5.5-1.5-8.8-7.1-7.3-12.6c0.8-3,2.9-5.4,5.6-6.7
+            c0.6-0.3,1.4-0.1,1.7,0.5c0.3,0.6,0.1,1.4-0.5,1.7c0,0-0.1,0-0.1,0.1C3.9,15.3,2.2,19.9,4,23.8c1.1,2.4,3.3,4.1,5.9,4.4
+            c0.6,0.1,1.1,0.6,1.1,1.3V32l4.1-3.4c0.2-0.2,0.5-0.3,0.8-0.3h2.8c2.1,0,4.1-0.8,5.5-2.3c0.5-0.5,1.3-0.5,1.8,0s0.5,1.3,0,1.8l0,0
+            c-1.9,2-4.6,3.1-7.4,3.1h-2.4l-5.8,4.8C10.3,35.9,10,36,9.7,36z"/>
+    </g>
+</svg>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 65056b0..528cbba 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -10,16 +10,41 @@
 @endprepend
 
 @prepend('scripts')
-{{-- Automatic polyfills --}}
-<script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js?flags=gated&features=String.prototype.normalize%2Ces6"></script>
+    {{-- Automatic polyfills --}}
+    <script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js?flags=gated&features=String.prototype.normalize%2Ces6"></script>
     {{-- MMenu polyfills --}}
-<script src="https://cdnjs.cloudflare.com/ajax/libs/dom4/2.0.0/dom4.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/dom4/2.0.0/dom4.js"></script>
 
-<script src="{{ mix('/js/app.js') }}"></script>
-<script src="{{ mix('/js/vendor.js') }}"></script>
+    <script src="{{ mix('/js/app.js') }}"></script>
+    <script src="{{ mix('/js/vendor.js') }}"></script>
 
     {{-- Modernizr is built differently so can't use mix helper here. Todo: find a better way --}}
-<script src="/js/modernizr.js"></script>
+    <script src="/js/modernizr.js"></script>
+
+    {{-- Crisp Live Chat Box --}}
+    @php
+        $crisp_ID = [
+            'PMI' => 'd25644e8-9e1f-4306-92f5-d4e81e25e98f',
+            'MICHSCI' => 'cccab513-777e-43e6-ad7d-bcd0ffd7a56f',
+        ];
+    @endphp
+    @isset($crisp_ID[$variant])
+        <script type="text/javascript">
+            window.$crisp = [];
+            window.CRISP_WEBSITE_ID = "{{ $crisp_ID[$variant] }}";
+            window.CRISP_RUNTIME_CONFIG = {
+                locale: "{{ $locales['active_code'] }}"
+            };
+
+            // Hide chat box by default, triggered by side-menu only
+            $crisp.push(["do", "chat:hide"]);
+
+            // Also hide chat box circle when closing it (only use side-menu for opening)
+            $crisp.push(["on", "chat:closed", () => window.$crisp.push(["do", "chat:hide"])]);
+
+            (function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();
+        </script>
+    @endisset
 @endprepend
 
 @include('cubist::head.htmldeclaration')
diff --git a/resources/views/partials/contact-shortcut.blade.php b/resources/views/partials/contact-shortcut.blade.php
index f6c3bd1..2a94dd6 100644
--- a/resources/views/partials/contact-shortcut.blade.php
+++ b/resources/views/partials/contact-shortcut.blade.php
@@ -1,9 +1,9 @@
 <div class="contact-shortcut flex flex-col z-30 xs:hidden">
-    <phone-link :number="$global->phone" class="contact-shortcut-tab mb-px inline-flex self-start bg-contactshortcut p-3 pr-10">
+    <phone-link :number="$global->phone" class="contact-shortcut-tab inline-flex self-start bg-contactshortcut p-3 pr-10">
         <img class="contact-shortcut-icon" src="{{ asset('images/icon-phone.svg') }}" alt="{{ __('Téléphone') }}">
         {{ $global->phone }}
     </phone-link>
-    <div class="contact-shortcut-tab mb-px">
+    <div class="contact-shortcut-tab mt-px">
         <a href="/contact" class="p-3 bg-contactshortcut flex items-center pr-16">
             <img class="contact-shortcut-icon" src="{{ asset('images/icon-email.svg') }}" alt="{{ __('Contact') }}">
             {!! __('Formulaire de contact') !!}
@@ -14,7 +14,7 @@
         </div>
         --}}
     </div>
-    <div class="contact-shortcut-tab">
+    <div class="contact-shortcut-tab mt-px">
         <a href="https://pm-instrumentation.us20.list-manage.com/subscribe?id=a90b5c784a&u=ab875244e3b4c9c00072a0125"
            target="_blank"
            rel="noopener"
@@ -23,5 +23,15 @@
             {!! __("S'inscrire à la newsletter") !!}
         </a>
     </div>
+
+    @isset($crisp_ID[$variant])
+        <div class="contact-shortcut-tab mt-px">
+            <button onclick="$crisp.push(['do', 'chat:open']); $crisp.push(['do', 'chat:show'])"
+               class="p-3 bg-contactshortcut flex items-center pr-16 focus:outline-none">
+                <img class="contact-shortcut-icon" src="{{ asset('images/icon-chat.svg') }}" alt="{{ __('Démarrer un chat') }}">
+                {!! __('Démarrer un chat en ligne') !!}
+            </button>
+        </div>
+    @endisset
 </div>