From: soufiane Date: Thu, 22 Jun 2023 16:02:43 +0000 (+0200) Subject: wip #6606 @6:30 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=8537b60b6720e44a7e400fdee32627d44b412a52;p=fluidbook-toolbox.git wip #6606 @6:30 --- diff --git a/public/packages/fluidbook/toolbox/css/delivery.css b/public/packages/fluidbook/toolbox/css/delivery.css new file mode 100644 index 000000000..b8ef6f50e --- /dev/null +++ b/public/packages/fluidbook/toolbox/css/delivery.css @@ -0,0 +1,64 @@ +html, +body { + scroll-behavior: smooth; +} +.list-none { + list-style-type: none; +} +.icon-m img { + margin-right: 8px; +} +.delivery-anchor { + margin-bottom: 55px; +} +.delivery-anchor li:not(:last-child) { + margin-right: var(--space-32-54); +} +.delivery-anchor li.disabled { + opacity: 0.2; + pointer-events: none; +} +.delivery-anchor a { + color: var(--dark); +} +.delivery-glimpses { + margin-bottom: 30px; +} +.delivery-glimpses .block { + background-color: rgba(70, 127, 207, 0.5); + height: 354px; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} +.delivery-glimpses .btn { + margin-top: 8px; +} +.delivery-glimpses p { + margin-bottom: 6px; +} +:root { + --space-3xs: clamp(0.25rem, calc(0.25rem + 0vw), 0.25rem); + --space-2xs: clamp(0.5rem, calc(0.5rem + 0vw), 0.5rem); + --space-xs: clamp(0.75rem, calc(0.75rem + 0vw), 0.75rem); + --space-s: clamp(1rem, calc(1rem + 0vw), 1rem); + --space-m: clamp(1.5rem, calc(1.5rem + 0vw), 1.5rem); + --space-l: clamp(2rem, calc(2rem + 0vw), 2rem); + --space-xl: clamp(3rem, calc(3rem + 0vw), 3rem); + --space-2xl: clamp(4rem, calc(4rem + 0vw), 4rem); + --space-3xl: clamp(6rem, calc(6rem + 0vw), 6rem); + --space-4xl: clamp(3.38rem, calc(3.38rem + 0vw), 3.38rem); + /* One-up pairs */ + --space-3xs-2xs: clamp(0.25rem, calc(0.2rem + 0.25vw), 0.5rem); + --space-2xs-xs: clamp(0.5rem, calc(0.45rem + 0.25vw), 0.75rem); + --space-xs-s: clamp(0.75rem, calc(0.7rem + 0.25vw), 1rem); + --space-s-m: clamp(1rem, calc(0.9rem + 0.5vw), 1.5rem); + --space-m-l: clamp(1.5rem, calc(1.4rem + 0.5vw), 2rem); + --space-l-xl: clamp(2rem, calc(1.8rem + 1vw), 3rem); + --space-xl-2xl: clamp(3rem, calc(2.8rem + 1vw), 4rem); + --space-2xl-3xl: clamp(4rem, calc(3.6rem + 2vw), 6rem); + /* Custom pairs */ + --space-32-54: clamp(2rem, calc(1.73rem + 1.38vw), 3.38rem); +} +/*# sourceMappingURL=delivery.css.map */ \ No newline at end of file diff --git a/public/packages/fluidbook/toolbox/css/delivery.css.map b/public/packages/fluidbook/toolbox/css/delivery.css.map new file mode 100644 index 000000000..6cfdb12e9 --- /dev/null +++ b/public/packages/fluidbook/toolbox/css/delivery.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["delivery.less"],"names":[],"mappings":"AAAA;AAAK;EACD,uBAAA;;AAGJ;EACI,qBAAA;;AAGJ,OAAQ;EACJ,iBAAA;;AAIA,SAAC;EACG,mBAAA;;AADJ,SAAC,OAEG,GAAE,IAAI;EACF,cAAc,kBAAd;;AAHR,SAAC,OAKG,GAAE;EACE,YAAA;EACA,oBAAA;;AAPR,SAAC,OASG;EACI,OAAO,WAAP;;AAGR,SAAC;EACG,mBAAA;;AADJ,SAAC,SAEG;EACI,yCAAA;EACA,aAAA;EACA,aAAA;EACA,uBAAA;EACA,mBAAA;EACA,sBAAA;;AARR,SAAC,SAUG;EACI,eAAA;;AAXR,SAAC,SAaG;EACI,kBAAA;;AAKZ;EACI,aAAa,eAAe,6BAA5B;EACA,aAAa,cAAe,2BAA5B;EACA,YAAY,eAAe,6BAA3B;EACA,WAAW,YAAe,uBAA1B;EACA,WAAW,cAAe,2BAA1B;EACA,WAAW,YAAe,uBAA1B;EACA,YAAY,YAAe,uBAA3B;EACA,aAAa,YAAe,uBAA5B;EACA,aAAa,YAAe,uBAA5B;EACA,aAAa,eAAe,6BAA5B;;EAGA,iBAAiB,eAAe,8BAAhC;EACA,gBAAgB,cAAe,gCAA/B;EACA,cAAc,eAAe,4BAA7B;EACA,aAAa,YAAe,6BAA5B;EACA,aAAa,cAAe,2BAA5B;EACA,cAAc,YAAe,yBAA7B;EACA,gBAAgB,YAAe,yBAA/B;EACA,iBAAiB,YAAe,yBAAhC;;EAGA,eAAe,YAAe,gCAA9B","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 new file mode 100644 index 000000000..8d9a9ce08 --- /dev/null +++ b/public/packages/fluidbook/toolbox/css/delivery.less @@ -0,0 +1,70 @@ +html,body { + scroll-behavior: smooth; +} + +.list-none { + list-style-type: none; +} + +.icon-m img { + margin-right: 8px; +} + +.delivery { + &-anchor { + margin-bottom: 55px; + li:not(:last-child) { + margin-right: var(--space-32-54); + } + li.disabled { + opacity: .2; + pointer-events: none; + } + a { + color: var(--dark); + } + } + &-glimpses { + margin-bottom: 30px; + .block { + background-color: rgba(70,127,207,.5); + height: 354px; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + } + .btn { + margin-top: 8px; + } + p { + margin-bottom: 6px; + } + } +} + +:root { + --space-3xs: clamp(0.25rem, calc(0.25rem + 0.00vw), 0.25rem); + --space-2xs: clamp(0.50rem, calc(0.50rem + 0.00vw), 0.50rem); + --space-xs: clamp(0.75rem, calc(0.75rem + 0.00vw), 0.75rem); + --space-s: clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem); + --space-m: clamp(1.50rem, calc(1.50rem + 0.00vw), 1.50rem); + --space-l: clamp(2.00rem, calc(2.00rem + 0.00vw), 2.00rem); + --space-xl: clamp(3.00rem, calc(3.00rem + 0.00vw), 3.00rem); + --space-2xl: clamp(4.00rem, calc(4.00rem + 0.00vw), 4.00rem); + --space-3xl: clamp(6.00rem, calc(6.00rem + 0.00vw), 6.00rem); + --space-4xl: clamp(3.38rem, calc(3.38rem + 0.00vw), 3.38rem); + + /* One-up pairs */ + --space-3xs-2xs: clamp(0.25rem, calc(0.20rem + 0.25vw), 0.50rem); + --space-2xs-xs: clamp(0.50rem, calc(0.45rem + 0.25vw), 0.75rem); + --space-xs-s: clamp(0.75rem, calc(0.70rem + 0.25vw), 1.00rem); + --space-s-m: clamp(1.00rem, calc(0.90rem + 0.50vw), 1.50rem); + --space-m-l: clamp(1.50rem, calc(1.40rem + 0.50vw), 2.00rem); + --space-l-xl: clamp(2.00rem, calc(1.80rem + 1.00vw), 3.00rem); + --space-xl-2xl: clamp(3.00rem, calc(2.80rem + 1.00vw), 4.00rem); + --space-2xl-3xl: clamp(4.00rem, calc(3.60rem + 2.00vw), 6.00rem); + + /* Custom pairs */ + --space-32-54: clamp(2.00rem, calc(1.73rem + 1.38vw), 3.38rem); +} diff --git a/resources/views/fluidbook_publication/delivery.blade.php b/resources/views/fluidbook_publication/delivery.blade.php index 15de453a3..5144e5ff4 100644 --- a/resources/views/fluidbook_publication/delivery.blade.php +++ b/resources/views/fluidbook_publication/delivery.blade.php @@ -5,78 +5,232 @@ trans('backpack::crud.admin') => url(config('backpack.base.route_prefix'), 'dashboard'), trans('backpack::base.my_account') => false, ]; + $statusText = $fluidbook->status ? 'prêt' : 'en cours de production'; + $qrCodeDesktop = QrCode::size(200)->generate($fluidbook->getPreviewURL()); @endphp -@section('header') -
-

- Bonjour Arnaud, votre Fluidbook est prêt ! -

-

- {{ 'Fluidbook MGEN - Valeurs mutualistes - N°328' }} -

-
-
    -
  • Aperçu de votre Fluidbook
    • -
  • Paramètres du Fluidbook
    • -
  • Faites connaitre votre Fluidbook
    • -
  • Mesurez votre audience
    • -
-
-
+@section('after_styles') + @endsection @section('content')
-
+
-
+
+

+ Bonjour{{ ' '.Auth::user()->firstname ?: '' }}, votre Fluidbook est {{ __($statusText) }} ! +

+ @if($fluidbook->status) +

+ {{ $fluidbook->title }} +

+ @else +

Vous pouvez voir ci-dessous les différentes versions de votre Fluidbook et vérifier ses + caractéristiques.
Si tout vous convient, faites le savoir à votre chef de projet, il vous + préparera les livrables.

+ @endif +
+ +
+
+
-
-

Aperçu de votre Fluidbook XXXXX - FR

+
+

Aperçu de votre Fluidbook {{ $fluidbook->id }} - + {{ $fluidbook->locale }} +

Cliquez sur l’une des versions ci-dessous pour la visualiser :
-
+

Version Desktop

+
+ Voir +

Version Mobile

+
+ Voir +
+
+ {{ $qrCodeDesktop }} +

Version Mobile-first

+
+ Voir +
-
+
-

Attention, ces liens temporaires de démo ne doivent être utilisés que pour la validation du - Fluidbook. Merci de ne pas les partager !

+

Attention, ces liens temporaires de démo ne doivent être utilisés que pour + la validation du Fluidbook. Merci de ne pas les partager !

-
+
-

Paramètres du Fluidbook

+

Paramètres du Fluidbook

Voici les caractéristiques et fonctionnalités de votre Fluidbook
-
- - - - - - -
- - - -
+
+
+ + + + + + +
+

+
+
+
+ + + + + + +
+

+
+
+
+
+
+

Principales fonctionnalités activées

+
+
+

Principales fonctionnalités désactivées

+
+
+
+

Vous souhaitez modifier un paramètre ou une fonctionnalité ? + Contactez votre chef de projet +

+
+
+
+ @if($fluidbook->statusText) +
+
+
+

Faites connaitre votre Fluidbook

+

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.

+
+
+
+

Images pour réseaux sociaux

+
+
+

Facebook

+
+
+

Twitter

+
+
+

Linkedin

+
+
+
+
+

Images de promotion (sites web, emails, newsletters etc.)

+
+
+
+
+
+
+
+
+
+
+

Mini Fluidbook animé

+
+
+
+
+
+
+
+
+
+
+
+
+
+

Mesurez votre audience

+

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.

+
+
+
+
+
+

Statistiques Fluidbook

+

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...

+ Voir les statistiques +
+
+
+
+
+
+

Statistiques Google Analytics

+

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é.

+ Voir la notice +
+

Vous souhaitez activer Google Analytics dans votre Fluidbook ?

+ Contactez votre chef de projet +
+
+
+
+ @endif + +
+
+

Une question sur votre Fluidbook ?

+

Vous avez remarqué une erreur ou vous souhaitez changer un paramètre ?

+ Contacter votre chef de projet +
+
+ @if($fluidbook->statusText) +
+
+
+

Publiez votre Fluidbook

+

L’adresse d’hébergement a déjà été configurée, vous pouvez mettre votre Fluidbook directement en ligne en + cliquant ci-dessous :

+ Installer sur le serveur d’hébergement +
+
+
+ @endif
@endsection