From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 11 Aug 2022 14:04:14 +0000 (+0200)
Subject: wait #5374 @1
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=14211a5584283c6f2ba432a49b73dea2fa8b20b2;p=fluidbook-toolbox.git

wait #5374 @1
---

diff --git a/resources/views/fields/fluidbook_composition.blade.php b/resources/views/fields/fluidbook_composition.blade.php
index dbbe0f39a..5f3bc6be6 100644
--- a/resources/views/fields/fluidbook_composition.blade.php
+++ b/resources/views/fields/fluidbook_composition.blade.php
@@ -281,7 +281,7 @@
                 }
 
                 function getPage(document_id, document_page, pageNumber, conversion, size) {
-                    return '<div class="page" data-conversion="' + conversion + '" data-id="[' + document_id + ',' + document_page + ']"><div class="handle"><img width="' + size[0] + '" height="' + size[1] + '" src="/fluidbook-publication/docs/' + document_id + '/thumb_' + document_page + '.jpg" /></div><span>' + pageNumber + '</span></div>';
+                    return '<div class="page" data-conversion="' + conversion + '" data-id="[' + document_id + ',' + document_page + ']"><div class="handle"><i title="{{__('Tout vecteur')}}" class="las la-bezier-curve"></i><i title="{{__('Tout image')}}" class="las la-image"></i><img width="' + size[0] + '" height="' + size[1] + '" src="/fluidbook-publication/docs/' + document_id + '/thumb_' + document_page + '.jpg" /></div><span>' + pageNumber + '</span></div>';
                 }
 
                 function addPages(pages, selector, operation) {
@@ -722,6 +722,31 @@
                 padding: 8px 8px 28px 8px;
             }
 
+            #composition_pages .page .handle i {
+                position: absolute;
+                top: 12px;
+                left: 12px;
+                width: 20px;
+                height: 20px;
+                white-space: nowrap;
+                overflow: visible;
+                background: #3471c8;
+                border-radius: 50%;
+                color: #fff;
+                padding: 3px;
+                display: none;
+                font-size: 12px;
+                border: 1px solid #fff;
+            }
+
+            #composition_pages .page[data-conversion="vector"] .handle i.la-bezier-curve {
+                display: block;
+            }
+
+            #composition_pages .page[data-conversion="raster"] .handle i.la-image {
+                display: block;
+            }
+
             #composition_pages .page span {
                 display: block;
                 text-align: center;