wait #5374 @1

diff --git a/resources/views/fields/fluidbook_composition.blade.php b/resources/views/fields/fluidbook_composition.blade.php
index dbbe0f39a6c9ff04ac7c0f3252610a1dff247fe8..5f3bc6be600f4f141278b0ef3755f18962f9e1c5 100644 (file)
--- 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;