Allow image pulling

Author: cbeuw

config/twill.php

@@ -34,7 +34,11 @@
                 'icon' => 'star-feature',
                 'component' => 'a17-block-film-review',
             ],
-
+            'image' => [
+                'title' => 'Image',
+                'icon' => 'image',
+                'component' => 'a17-block-image',
+            ]
         ],
         'block_views_path' => 'blocks',
         'block_single_layout' => 'admin/block-preview',

resources/views/admin/blocks/image.blade.php

@@ -0,0 +1,25 @@
+@formField('medias', [
+    'name' => 'image',  // role
+    'label' => 'Image',
+    'withVideoUrl' => false,
+    'translated' => false,
+])
+
+@formField('radios', [
+    'name' => 'float',
+    'label' => 'Pull',
+    'inline' => true,
+    'default' => null,
+    'options' => [
+        ['value' => null, 'label' => 'No Text Wrap'],
+        ['value' => 'left', 'label' => 'Left'],
+        ['value' => 'right', 'label' => 'Right'],
+    ]
+])
+
+@formField('input', [
+    'name' => 'width',
+    'label' => 'Width (%)',
+    'default' => 100,
+    'type' => 'number',
+])

resources/views/blocks/image.blade.php

@@ -3,7 +3,15 @@
     $hasImage = !empty($media);
     $credit = $hasImage ? $media->getMetadata('credit') : null;
 @endphp
-<figure>
+<figure style="width: {{ $block->input('width') }}%;
+    @if ($block->input('float') == 'left')
+    float: left;
+    margin-right: 2em;
+    @elseif ($block->input('float') == 'right')
+    float: right;
+    margin-left: 2em;
+    @endif
+">
     <img src="{{ $block->image('image', 'flexible') }}"
          alt="{{ $block->imageAltText('image') }}"/>
     <?php $caption = $block->imageCaption('image'); ?>