wip #6066 @4:30

diff --git a/app/Http/Controllers/Admin/Operations/FluidbookPublication/DownloadOperation.php b/app/Http/Controllers/Admin/Operations/FluidbookPublication/DownloadOperation.php
index e44fb7a5eb30218a9a2b8e09ccc766e5db485498..572109b78e2a19287433a1b248c50bc9308d0cb6 100644 (file)
--- a/app/Http/Controllers/Admin/Operations/FluidbookPublication/DownloadOperation.php
+++ b/app/Http/Controllers/Admin/Operations/FluidbookPublication/DownloadOperation.php
@@ -4,6 +4,7 @@ namespace App\Http\Controllers\Admin\Operations\FluidbookPublication;
 
 use App\Fluidbook\Packager\Download;
 use App\Http\Middleware\CheckIfAdmin;
+use App\Jobs\GenerateDeliveryThumbnailsPreview;
 use App\Models\FluidbookPublication;
 use Cubist\Backpack\Http\Controllers\Base\XSendFileController;
 use Illuminate\Support\Facades\Route;
@@ -49,6 +50,10 @@ trait DownloadOperation
         $relayPath .= $id;
         $relayPath .= $type === "desktop" ? '' : '-mobile';
         $relayPath .= '.jpg';
+        if(!file_exists($relayPath)) {
+            $f = FluidbookPublication::find($id);
+            $f->generateThumbnailsPreview(true);
+        }
         return XSendFileController::sendfile($relayPath);
     }
 

diff --git a/public/packages/fluidbook/toolbox/css/delivery.css b/public/packages/fluidbook/toolbox/css/delivery.css
index 5447ba10cff6841dc3ce70c178caac9fb1d80bbd..187a52358760b899342b6504f9103e3037f8f271 100644 (file)
--- a/public/packages/fluidbook/toolbox/css/delivery.css
+++ b/public/packages/fluidbook/toolbox/css/delivery.css
@@ -32,6 +32,18 @@ body {
 .pointer-none {
   pointer-events: none;
 }
+@media (min-width: 1201px) and (max-width: 1401px) {
+  .col-spec.col-xl-9 {
+    flex: 0 0 70%;
+    max-width: 70%;
+  }
+}
+@media (min-width: 1201px) and (max-width: 1401px) {
+  .col-spec.col-xl-3 {
+    flex: 0 0 30%;
+    max-width: 30%;
+  }
+}
 .delivery-anchor {
   margin-bottom: 55px;
 }
@@ -58,6 +70,7 @@ body {
   transition: all 0.3s;
   position: relative;
   border-radius: 4px;
+  padding: 0 20px;
 }
 .delivery-glimpses .block:hover {
   background-color: #467fcf;
@@ -140,7 +153,7 @@ body {
   position: relative;
 }
 .delivery-social-image img {
-  width: 100%;
+  width: calc(100% - 30px);
   height: 100%;
   position: absolute;
   object-fit: contain;
@@ -154,13 +167,13 @@ body {
   border: 0;
 }
 .delivery-dropdown {
-  max-height: 42px;
+  max-height: var(--dropdown-control-height);
   height: auto;
   transition: all 1s;
   overflow: hidden;
 }
 .delivery-dropdown.active {
-  max-height: calc(42px + var(--dropdown-content-height) + 1.25rem);
+  max-height: calc(var(--dropdown-control-height) + var(--dropdown-content-height) + 1.25rem);
 }
 .delivery-dropdown.active .dropdown-control img {
   transform: rotate(180deg);
@@ -226,6 +239,16 @@ body {
 .delivery-dropdown .dropdown-element .icon {
   margin-right: 16px;
 }
+.delivery-dropdown .dropdown-element .tools .download-overlay {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+.delivery-dropdown .dropdown-element .tools .instruction {
+  z-index: 1;
+}
 .delivery-dropdown .dropdown-element .tools .instruction circle {
   fill: rgba(236, 242, 250, 0.32);
 }
@@ -236,7 +259,10 @@ body {
   stroke: var(--white);
 }
 .btn-install {
-  margin-bottom: 40px;
+  margin-bottom: 30px;
+}
+.btn-install a {
+  width: 100%;
 }
 .featherlight-close {
   top: 30px;

diff --git a/public/packages/fluidbook/toolbox/css/delivery.css.map b/public/packages/fluidbook/toolbox/css/delivery.css.map
index fe491ffa2bbb1efefaf325055a43299076e0f180..f954333b77dc75c2da9120b28b830c64711d993e 100644 (file)
--- a/public/packages/fluidbook/toolbox/css/delivery.css.map
+++ b/public/packages/fluidbook/toolbox/css/delivery.css.map
@@ -1 +1 @@
-{"version":3,"sources":["delivery.less"],"names":[],"mappings":"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","file":"delivery.css"}
\ No newline at end of file
+{"version":3,"sources":["delivery.less"],"names":[],"mappings":"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","file":"delivery.css"}
\ No newline at end of file

diff --git a/public/packages/fluidbook/toolbox/css/delivery.less b/public/packages/fluidbook/toolbox/css/delivery.less
index 0927fb6584434e507a4f938c9f698def5e0e3d26..ec52cd50efc73c97a548757c6c834a8c7fe7f784 100644 (file)
--- a/public/packages/fluidbook/toolbox/css/delivery.less
+++ b/public/packages/fluidbook/toolbox/css/delivery.less
@@ -39,6 +39,20 @@ html,body {
     pointer-events: none;
 }
 
+.col-spec.col-xl-9 {
+    @media (min-width: 1201px) and (max-width: 1401px) {
+        flex: 0 0 70%;
+        max-width: 70%;
+    }
+}
+
+.col-spec.col-xl-3 {
+    @media (min-width: 1201px) and (max-width: 1401px) {
+        flex: 0 0 30%;
+        max-width: 30%;
+    }
+}
+
 .delivery {
     &-anchor {
         margin-bottom: 55px;
@@ -65,6 +79,7 @@ html,body {
             transition: all .3s;
             position: relative;
             border-radius: 4px;
+            padding: 0 20px;
             &:hover {
                 background-color: rgba(70, 127, 207, 1);
             }
@@ -148,7 +163,7 @@ html,body {
         overflow: hidden;
         position: relative;
         img {
-            width: 100%;
+            width: calc(100% - 30px);
             height: 100%;
             position: absolute;
             object-fit: contain;
@@ -167,12 +182,13 @@ html,body {
     }
 
     &-dropdown {
-        max-height: 42px;
+        max-height: var(--dropdown-control-height);
         height: auto;
         transition: all 1s;
         overflow: hidden;
+
         &.active {
-            max-height: calc(42px + var(--dropdown-content-height) + 1.25rem);
+            max-height: calc(var(--dropdown-control-height) + var(--dropdown-content-height) + 1.25rem);
             .dropdown {
                 &-control img {
                     transform: rotate(180deg);
@@ -247,7 +263,15 @@ html,body {
                     margin-right: 16px;
                 }
                 .tools {
+                    .download-overlay {
+                        position: absolute;
+                        width: 100%;
+                        height: 100%;
+                        left: 0;
+                        top: 0;
+                    }
                     .instruction {
+                        z-index: 1;
                         circle {
                             fill: rgba(236, 242, 250, .32)
                         }
@@ -268,7 +292,10 @@ html,body {
 }
 
 .btn-install {
-    margin-bottom: 40px;
+    margin-bottom: 30px;
+    a {
+        width: 100%;
+    }
 }
 
 .featherlight-close {

diff --git a/resources/views/fluidbook_publication/delivery.blade.php b/resources/views/fluidbook_publication/delivery.blade.php
index 79e382a649760c477a6c6679881a4f7ad22bfeff..e026bcc918712ec38c67c59326768f3c55e713ee 100644 (file)
--- a/resources/views/fluidbook_publication/delivery.blade.php
+++ b/resources/views/fluidbook_publication/delivery.blade.php
@@ -23,8 +23,8 @@
         ['Titre' => $fluidbook->title],
         ['Nombre de pages' => $totalPages. ' pages'],
         ['Langue principale' => renameSettings($fluidbook->locale)],
-        ['Date de création' => ( new \Carbon\Carbon($fluidbook->created_at))->isoFormat('DD/MM/Y') ],
-        ['Dernière modification' => ( new \Carbon\Carbon($fluidbook->updated_at))->isoFormat('DD/MM/Y') ],
+        [__('Date de création') => ( new \Carbon\Carbon($fluidbook->created_at))->isoFormat('DD/MM/Y') ],
+        [__('Dernière modification') => ( new \Carbon\Carbon($fluidbook->updated_at))->isoFormat('DD/MM/Y') ],
         ['Mode de navigation' => renameSettings($fluidbook->mobileTransitions)],
         ['SEO' => renameSettings($fluidbook->seoVersion)],
         ['SCORM (e-learning)' => $fluidbook->scorm_enabled ? 'SCORM '.$fluidbook->getSCORMVersion() : __('Désactivé')],
@@ -85,6 +85,7 @@
         $servers=\App\Models\FluidbookExternalInstallServer::getAllServers();
         $serverInfos = $servers[$serverId];
         $baseUrl = $serverInfos['base_url'];
+        $serverName = $serverInfos['name'];
         $installServerUrl = $baseUrl.$serverPath;
     }
 
@@ -139,7 +140,6 @@
             'ga' => "https://docs.google.com/document/d/1dus2uWddT8VY8MIoEnx6KOfJWRQq_AYRGhYLtd2dYgI/edit?usp=drive_link"
         ],
     ];
-
 @endphp
 
 @section('after_styles')
@@ -151,7 +151,7 @@
         {!! $icons[0]["icons"] !!}
     </div>
     <div class="row">
-        <div class="col-md-9 bold-labels">
+        <div class="col-spec col-lg-8 col-xl-9 bold-labels">
             <div class="w-100">
                 <section class="container-fluid animated fadeIn">
                     <h2 class="m-0">
@@ -168,52 +168,52 @@
                     @endif
                     <div class="delivery-anchor">
                         <ul class="d-flex flex-md-row flex-sm-column list-none p-0 icon-m">
-                            <li><a href="#s_glimpses" class="text-decoration-none"><img src="{{ url('images/icons/icon-eye.svg') }}" />Aperçu de votre Fluidbook</a></li>
-                            <li><a href="#s_settings" class="text-decoration-none"><img src="{{ url('images/icons/icon-settings.svg') }}" />Paramètres du Fluidbook</a></li>
-                            <li class="{{ !$fluidbook->status ? 'disabled' : '' }}"><a href="#s_social" class="text-decoration-none"><img src="{{ url('images/icons/icon-like.svg') }}" />Faites connaitre votre Fluidbook</a></li>
-                            <li class="{{ !$fluidbook->status ? 'disabled' : '' }}"><a href="#s_stats" class="text-decoration-none"><img src="{{ url('images/icons/icon-stats.svg') }}" />Mesurez votre audience</a></li>
+                            <li><a href="#s_glimpses" class="text-decoration-none"><img src="{{ url('images/icons/icon-eye.svg') }}" />{{ __('Aperçu de votre Fluidbook') }}</a></li>
+                            <li><a href="#s_settings" class="text-decoration-none"><img src="{{ url('images/icons/icon-settings.svg') }}" />{{ __('Paramètres du Fluidbook') }}</a></li>
+                            <li class="{{ !$fluidbook->status ? 'disabled' : '' }}"><a href="#s_social" class="text-decoration-none"><img src="{{ url('images/icons/icon-like.svg') }}" />{{ __('Faites connaitre votre Fluidbook') }}</a></li>
+                            <li class="{{ !$fluidbook->status ? 'disabled' : '' }}"><a href="#s_stats" class="text-decoration-none"><img src="{{ url('images/icons/icon-stats.svg') }}" />{{ __('Mesurez votre audience') }}</a></li>
                         </ul>
                     </div>
                 </section>
                 <div id="s_glimpses" class="card">
                     <div class="card-body">
                         <div class="mb-4">
-                            <h2 class="m-0">Aperçu de votre Fluidbook {{ $fluidbook->id }} -
+                            <h2 class="m-0">{{ __('Aperçu de votre Fluidbook :id', ['id' => $fluidbook->id ]) }} -
                                 <span class="text-uppercase">{{ $fluidbook->locale }}</span>
                             </h2>
-                            <span>Cliquez sur l’une des versions ci-dessous pour la visualiser :</span>
+                            <span>{{ __('Cliquez sur l’une des versions ci-dessous pour la visualiser :') }}</span>
                         </div>
                         <div class="delivery-glimpses row">
-                            <div class="preview col-md-6">
-                                <p>Version Desktop</p>
+                            <div class="preview {{ $fluidbookMobileFirstId ? 'col-md-6' : 'col-md-8' }}">
+                                <p>{{ __('Version Desktop') }}</p>
                                 <div class="block">
                                     <a href="{{ $fluidbook->getPreviewURL() }}" target="_blank" rel="noopener" class="overlay-link"></a>
                                     <div class="preview-block">
                                         <img class="preview-desktop" src="{{ $fluidbookDesktopPreview }}" />
                                     </div>
-                                    <a href="{{ $fluidbook->getPreviewURL() }}" target="_blank" rel="noopener" class="btn btn-primary">Voir</a>
+                                    <a href="{{ $fluidbook->getPreviewURL() }}" target="_blank" rel="noopener" class="btn btn-primary">{{ __('Voir') }}</a>
                                 </div>
                             </div>
-                            <div class="preview {{ $fluidbookMobileFirstId ? 'col-md-3' : 'col-md-6' }}">
-                                <p>Version Mobile</p>
+                            <div class="preview {{ $fluidbookMobileFirstId ? 'col-md-3' : 'col-md-4' }}">
+                                <p>{{ __('Version Mobile') }}</p>
                                 <div class="block">
                                     <a href="" data-featherlight="#scanBoxMobile" class="overlay-link"></a>
                                     <div class="preview-block">
                                         <img class="preview-mobile" src="{{ $fluidbookMobilePreview }}" />
                                     </div>
-                                    <a href="#" data-featherlight="#scanBoxMobile" class="btn btn-primary">Voir</a>
+                                    <a href="#" data-featherlight="#scanBoxMobile" class="btn btn-primary">{{ __('Voir') }}</a>
                                 </div>
                                 @include('fluidbook_publication.qrcode_popup', ['id' => 'scanBoxMobile', 'text' => 'Mobile', 'qrcode' => $qrCodeMobile])
                             </div>
                             @if($fluidbookMobileFirstId)
                                 <div class="preview col-md-3">
-                                    <p>Version Mobile-first</p>
+                                    <p>{{ __('Version Mobile-first') }}</p>
                                     <div class="block">
                                         <a href="#" data-featherlight="#scanBoxMobileFirst" class="overlay-link"></a>
                                         <div class="preview-block">
                                             <img class="preview-mobile" src="{{ $fluidbookMobileFirstPreview }}" />
                                         </div>
-                                        <a href="#" data-featherlight="#scanBoxMobileFirst" class="btn btn-primary">Voir</a>
+                                        <a href="#" data-featherlight="#scanBoxMobileFirst" class="btn btn-primary">{{ __('Voir') }}</a>
                                     </div>
                                     @include('fluidbook_publication.qrcode_popup', ['id' => 'scanBoxMobileFirst', 'text' => 'Mobile-first', 'qrcode' => $qrCodeMobileFirst])
                                 </div>
@@ -221,8 +221,8 @@
                         </div>
                         <div class="indication align-items-center flex-row d-flex icon-m">
                             <img src="{{ url('images/icons/icon-indication.svg') }}" />
-                            <p class="m-0">Attention, ces liens temporaires de démo ne doivent être utilisés que pour
-                                la validation du Fluidbook. Merci de ne pas les partager !</p>
+                            <p class="m-0">{{__('Attention, ces liens temporaires de démo ne doivent être utilisés que pour
+                                la validation du Fluidbook') }}. {{__('Merci de ne pas les partager !') }}</p>
                         </div>
                     </div>
                 </div>
@@ -230,8 +230,8 @@
                 <div id="s_settings" class="card">
                     <div class="card-body">
                         <div>
-                            <h2 class="m-0">Paramètres du Fluidbook</h2>
-                            <span>Voici les caractéristiques et fonctionnalités de votre Fluidbook</span>
+                            <h2 class="m-0">{{ __('Paramètres du Fluidbook') }}</h2>
+                            <span>{{ __('Voici les caractéristiques et fonctionnalités de votre Fluidbook') }}</span>
                         </div>
                         <div class="row mb-3">
                             @if($settings)
@@ -247,7 +247,7 @@
                         <div class="row mb-3">
                             @if($enabledFeatures)
                                 <div class="col-md-6">
-                                    <p>Principales fonctionnalités activées</p>
+                                    <p>{{ __('Principales fonctionnalités activées') }}</p>
                                     <div class="d-grid gap-8 feature-grid">
                                         @foreach($enabledFeatures as $enabledFeature)
                                             <div class="delivery-feature d-flex align-center text-center flex-column">
@@ -262,7 +262,7 @@
                             @endif
                             @if($disabledFeatures)
                                 <div class="col-md-6">
-                                    <p>Principales fonctionnalités désactivées</p>
+                                    <p>{{ __('Principales fonctionnalités désactivées') }}</p>
                                     <div class="d-grid gap-8 feature-grid">
                                         @foreach($disabledFeatures as $disabledFeature)
                                             <div class="delivery-feature disabled-feature d-flex align-center text-center flex-column">
@@ -278,8 +278,8 @@
                         </div>
                         @endif
                         <div class="">
-                            <p class="m-0">Vous souhaitez modifier un paramètre ou une fonctionnalité ?
-                                <a href="mailto:?subject={{ $objectMail }}">Contactez votre chef de projet</a>
+                            <p class="m-0">{{ __('Vous souhaitez modifier un paramètre ou une fonctionnalité ?') }}
+                                <a href="mailto:?subject={{ $objectMail }}">{{ __('Contactez votre chef de projet') }}</a>
                             </p>
                         </div>
                     </div>
@@ -288,26 +288,42 @@
                 <div id="s_social" class="card">
                     <div class="card-body">
                         <div class="">
-                            <h2>Faites connaitre votre Fluidbook</h2>
-                            <p>Pour gagner en visibilité, vous devez donner de la visibilité à votre Fluidbook sur votre
-                                site web, votre blog, vos réseaux sociaux, etc. verez ci-dessous quelques images pour
-                                vous aider à le diffuser.</p>
+                            <h2>{{ __('Faites connaitre votre Fluidbook') }}</h2>
+                            <p>{{ __('Pour gagner en visibilité, vous devez donner de la visibilité à votre Fluidbook') }}
+                                {{ __('sur votre site web, votre blog, vos réseaux sociaux, etc.') }}
+                                {{ __('verez ci-dessous quelques images pour vous aider à le diffuser') }}.</p>
                         </div>
+
+                        <p class="fw-semibold">{{ __('Image pour réseaux sociaux') }}</p>
+
                         <div class="row">
-                            <div class="col-sm-12">
-                                <p class="fw-semibold">Image pour réseaux sociaux</p>
-                            </div>
                             <div class="col-md-4 delivery-social-image">
                                 <img src="{{ $socialImage }}" />
                             </div>
-                            <div class="col-sm-12">
-                                <p class="fw-semibold">Tester le rendu en cliquant sur ce <a href="https://www.opengraph.xyz/url/{{ $fluidbook->getPreviewURL() }}" target="_blank" rel="noopener">lien</a></p>
-                                <ul class="list-none p-0">
-                                    <li class="pb-2 fw-semibold">Si votre image n'apparait pas, essayer de vider le cache en utilisant les outils suivants :</li>
-                                    <li>Linkedin : <a href="https://www.linkedin.com/post-inspector">https://www.linkedin.com/post-inspector</a></li>
-                                    <li>Facebook : <a href="https://developers.facebook.com/tools/debug/sharing/batch">https://developers.facebook.com/tools/debug/sharing/batch</a></li>
-                                    <li>Twitter : <a href="https://cards-dev.twitter.com/validator">https://cards-dev.twitter.com/validator</a></li>
-                                </ul>
+
+                            <div class="col-md-8">
+                                <div class="card">
+                                    <div class="card-body">
+                                        <p class="mb-1">
+                                            {{ __('Simuler l\'apparence de votre Fluidbook lorsqu\'il est partagé sur les principaux réseaux sociaux') }}
+                                        </p>
+                                        <a href="https://www.opengraph.xyz/url/{{ $fluidbook->getPreviewURL() }}" class="btn bg-info mb-3" target="_blank" rel="noopener">
+                                            {{ __('Tester le rendu') }}
+                                        </a>
+                                        <ul class="list-none p-0">
+                                            <li class="pb-2">
+                                                {{ __('Si lorsque vous partager votre publication sur les réseaux sociaux') }},
+                                                {{ __('l\'image n\'apparaît pas ou si c\'est une autre image') }},
+                                                {{ __('vous pouvez utiliser les outils suivant pour réinitialiser le cache des
+                                                principaux réseaux
+                                                sociaux') }}.
+                                            </li>
+                                            <li>Linkedin : <a href="https://www.linkedin.com/post-inspector">https://www.linkedin.com/post-inspector</a></li>
+                                            <li>Facebook : <a href="https://developers.facebook.com/tools/debug/sharing/batch">https://developers.facebook.com/tools/debug/sharing/batch</a></li>
+                                            <li>Twitter : <a href="https://cards-dev.twitter.com/validator">https://cards-dev.twitter.com/validator</a></li>
+                                        </ul>
+                                    </div>
+                                </div>
                             </div>
                         </div>
                         <!--<div class="row">
@@ -323,7 +339,7 @@
                         </div>-->
                         <div class="row delivery-preview-mini">
                             <div class="col-sm-12">
-                                <p class="fw-semibold">Mini Fluidbook animé</p>
+                                <p class="fw-semibold">{{ __('Mini Fluidbook animé') }}</p>
                             </div>
                             <div class="col-md-4">
                                 <iframe src="{{ $fluidbook->getPreviewURL(['widget'=>'1','action'=>'fullscreen','theme'=>'']) }}" allowfullscreen></iframe>
@@ -335,20 +351,23 @@
                 <div id="s_stats" class="card">
                     <div class="card-body">
                         <div class="">
-                            <h2>Mesurez votre audience</h2>
-                            <p>Les statistiques vous aident à mesurer l'efficacité de votre Fluidbook et vous
-                                fournissent des informations précieuses sur votre public. Connaître les préférences et
+                            <h2>{{ __('Mesurez votre audience') }}</h2>
+                            <p>{{ __('Les statistiques vous aident à mesurer l\'efficacité de votre Fluidbook et vous
+                                fournissent des informations précieuses sur votre public.')}} {{ __('Connaître les préférences
+                                et
                                 les besoins de vos lecteurs constitue également une base solide pour améliorer votre
-                                document.</p>
+                                document')}}.</p>
                         </div>
                         <div class="row">
                             <div class="col-md-6">
                                 <div class="card">
                                     <div class="card-body">
-                                        <h3 class="font-xl">Statistiques Fluidbook</h3>
-                                        <p>Avec notre module de statistiques intégré, vous savez combien de personnes ont vu
-                                            votre Fluidbook, quelles pages les ont le plus intéressé, quels mots-clés ils ont
-                                            cherché, etc...</p>
+                                        <h3 class="font-xl">{{ __('Statistiques Fluidbook') }}</h3>
+                                        <p>{{ __('Avec notre module de statistiques intégré, vous savez combien de personnes
+                                            ont vu
+                                            votre Fluidbook') }}, {{ __('quelles pages les ont le plus intéressé, quels
+                                            mots-clés ils ont
+                                            cherché, etc...') }}</p>
                                         @if($fluidbook->stats)
                                             <a href="{{ $statUrl }}" class="btn btn-primary" target="_blank" rel="noopener">
                                                 {{ __('Voir les statistiques') }}
@@ -362,21 +381,25 @@
                             <div class="col-md-6">
                                 <div class="card">
                                     <div class="card-body">
-                                        <h3 class="font-xl">Statistiques Google Analytics</h3>
-                                        <p>Fluidbook est conçu pour fonctionner avec Google Analytics et Google Tag Manager
-                                            (GTM) pour vous donner accès à l'un des outils de statistiques gratuits les plus
-                                            puissants du marché.</p>
+                                        <h3 class="font-xl">{{ __('Statistiques Google Analytics') }}</h3>
+                                        <p>{{ __('Fluidbook est conçu pour fonctionner avec Google Analytics et Google Tag
+                                            Manager')}}
+                                            (GTM) {{ __('pour vous donner accès à l\'un des outils de statistiques gratuits les
+                                            plus
+                                            puissants du marché')}}.</p>
                                         @if($fluidbook->googleAnalytics)
                                             <a href="https://analytics.google.com/" class="btn btn-primary" target="_blank" rel="noopener">
                                                 {{ __('Voir les statistiques') }}
                                             </a>
                                         @else
                                             <button class="btn bg-default pointer-none disabled">{{ __('Statistiques désactivées') }}</button>
-                                            <a href="{{ $noticesUrls[$lang]['ga'] }}" class="btn bg-default ml-2" target="_blank" rel="noopener">Voir la notice</a>
+                                            <a href="{{ $noticesUrls[$lang]['ga'] }}" class="btn bg-default ml-2" target="_blank" rel="noopener">{{ __('Voir
+                                                la notice')}}</a>
                                         @endif
                                         <div class="mt-3">
-                                            <p class="m-0">Vous souhaitez activer Google Analytics dans votre Fluidbook ?</p>
-                                            <a href="mailto:?subject={{ $objectMail }}">Contactez votre chef de projet</a>
+                                            <p class="m-0">{{ __('Vous souhaitez activer Google Analytics dans votre Fluidbook
+                                                ?')}}</p>
+                                            <a href="mailto:?subject={{ $objectMail }}">{{ __('Contactez votre chef de projet') }}</a>
                                         </div>
                                     </div>
                                 </div>
@@ -388,24 +411,25 @@
 
                 <div class="card bg-dark">
                     <div class="card-body">
-                        <h2>Une question sur votre Fluidbook ?</h2>
-                        <p>Vous avez remarqué une erreur ou vous souhaitez changer un paramètre ?</p>
-                        <a href="mailto:?subject={{ $objectMail }}" class="btn btn-primary">Contacter votre chef de projet</a>
+                        <h2>{{ __('Une question sur votre Fluidbook ?') }}</h2>
+                        <p>{{ __('Vous avez remarqué une erreur ou vous souhaitez changer un paramètre ?') }}</p>
+                        <a href="mailto:?subject={{ $objectMail }}" class="btn btn-primary">{{ __('Contacter votre chef de
+                            projet') }}</a>
                     </div>
                 </div>
             </div>
         </div>
         @if($fluidbook->status)
-            <div class="col-md-3">
+            <div class="col-spec col-lg-4 col-xl-3">
                 <div class="card position-sticky" style="top: 50px">
                     <div class="card-body">
-                        <h2>Publiez votre Fluidbook</h2>
-                        <p>L’adresse d’hébergement a déjà été configurée, vous pouvez mettre votre Fluidbook directement en ligne en
-                            cliquant ci-dessous :</p>
+                        <h2>{{ __('Publiez votre Fluidbook') }}</h2>
+                        <p>{{ __('L\'adresse d’hébergement a déjà été configurée') }}, {{ __('vous pouvez mettre votre Fluidbook
+                            directement en ligne en cliquant ci-dessous :')}}</p>
                         <div class="btn-install">
-                            <a href="{{ $prefixDownloadUrl.'/install/online' }}" class="btn btn-primary" target="_blank" rel="noopener">
-                                Installer sur le serveur d’hébergement
-                                <p class="m-0 mt-1 font-xs font-weight-normal">{{ $installServerUrl }}</p>
+                            <a href="{{ $prefixDownloadUrl.'/install/online' }}" class="btn btn-primary font-weight-normal text-left" target="_blank" rel="noopener">
+                                {!! __('Installer sur le serveur :server', ['server' => "<span class='font-weight-bold'>".$serverName."</span>"]) !!}
+                                <p class="m-0 font-xs font-weight-normal">{{ $installServerUrl }}</p>
                             </a>
                         </div>
                         <div class="delivery-dropdown position-relative">
@@ -437,7 +461,8 @@
                                         }
                                     @endphp
                                     @isset($version['text'])
-                                        <div class="dropdown-element d-flex align-items-center {{ $version['install'] || ( str_contains($key, "win") && sizeof($winActiveVersion) > 0 ) ? 'active' : '' }}">
+                                        <div class="dropdown-element position-relative d-flex align-items-center {{ $version['install'] || ( str_contains($key, "win") && sizeof($winActiveVersion) > 0 ) ? 'active' : '' }}">
+                                            <a href=""></a>
                                             <div class="icon">
                                                 {!! $version['icon'] !!}
                                             </div>
@@ -455,7 +480,7 @@
                                             </div>
                                             <div class="tools d-flex align-center ml-auto">
                                                 @isset($version['notice_fr'])
-                                                    <a href="{{ $version['notice_fr'] }}" class="mr-1 instruction">
+                                                    <a href="{{ $version['notice_fr'] }}" class="mr-1 instruction position-relative">
                                                         <svg id="Instruction" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
                                                             <circle id="Ellipse_24" data-name="Ellipse 24" cx="15" cy="15" r="15" fill="rgba(70,127,207,0.1)"/>
                                                             <g id="Groupe_270" data-name="Groupe 270" transform="translate(9.5 8.5)">
@@ -466,6 +491,7 @@
                                                     </a>
                                                 @endisset
                                                 @if($version['install'] || (str_contains($key, "win") && sizeof($winActiveVersion) > 0))
+                                                <a class="download-overlay" href="{{ $downloadUrl }}"></a>
                                                 <a href="{{ $downloadUrl }}" class="download">
                                                     <svg id="Groupe_268" data-name="Groupe 268" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30">
                                                         <rect id="Rectangle_480" data-name="Rectangle 480" width="30" height="30" rx="15" fill="#467fcf"/>
@@ -506,6 +532,7 @@
         (function ($) {
             $(function () {
                 document.documentElement.style.setProperty('--dropdown-content-height', $(".delivery-dropdown").height + 'px');
+                document.documentElement.style.setProperty('--dropdown-control-height', $(".dropdown-control").innerHeight() + 2 + 'px');
                 $(document).on('click', '.dropdown-control', function () {
                     $(".delivery-dropdown").toggleClass("active")
                 });

diff --git a/resources/views/fluidbook_publication/delivery_params.blade.php b/resources/views/fluidbook_publication/delivery_params.blade.php
index 9d712d6c0090394ac4c696d9553ca9eb7e38143c..ff95fc5044c88cb6ead72eb0dedcef5923538f4e 100644 (file)
--- a/resources/views/fluidbook_publication/delivery_params.blade.php
+++ b/resources/views/fluidbook_publication/delivery_params.blade.php
@@ -9,14 +9,14 @@
         @if($init === 0 && $loop->iteration < 6)
             <tr class="odd">
                 <td class="dtr-control d-flex justify-content-between">
-                    <p class="m-0">{{ $key }}</p>
+                    <p class="m-0">{{ __($key) }}</p>
                     <p class="m-0">{{ $value_ }}</p>
                 </td>
             </tr>
         @elseif($init === 5 && $loop->iteration > 5)
             <tr class="odd">
                 <td class="dtr-control d-flex justify-content-between">
-                    <p class="m-0">{{ $key }}</p>
+                    <p class="m-0">{{ __($key) }}</p>
                     <p class="m-0">{{ $value_ }}</p>
                 </td>
             </tr>

diff --git a/resources/views/fluidbook_publication/qrcode_popup.blade.php b/resources/views/fluidbook_publication/qrcode_popup.blade.php
index 24fd0e542b503de7c9c1cee9b1db96c1488a841b..50aab9c332ab39879fe5f9db745258bf1e9c6481 100644 (file)
--- a/resources/views/fluidbook_publication/qrcode_popup.blade.php
+++ b/resources/views/fluidbook_publication/qrcode_popup.blade.php
@@ -1,8 +1,8 @@
 <div class="delivery-featherlight" id="{{ $id }}">
     <div class="qrcode">{{ $qrcode }}</div>
     <div class="content">
-        <p class="font-xl m-0">Scannez le QR code</p>
-        <p>pour visualiser votre Fluidbook en version {{ $text }} directement sur votre téléphone.</p>
-        <a href="">Besoin d'aide ?</a>
+        <p class="font-xl m-0">{{ __('Scannez le QR code') }}</p>
+        <p>{{ __('pour visualiser votre Fluidbook en version :text directement sur votre téléphone', ['text' => $text]) }}.</p>
+        <a href="">{{ __('Besoin d\'aide ?') }}</a>
     </div>
 </div>