Bootstrap 3 media object

src/blocks/ImageTextBlock.php

@@ -77,6 +77,7 @@ public function config()
                 ],
                 ['var' => 'btnLabel', 'label' => Module::t('block_image_text_btnlabel_label'), 'type' => 'zaa-text'],
                 ['var' => 'btnHref', 'label' => Module::t('block_image_text_btnhref_label'), 'type' => 'zaa-text'],
+                ['var' => 'btnClass', 'label' => Module::t('block_image_text_btnclass_label'), 'type' => 'zaa-text'],
                 ['var' => 'targetBlank', 'label' => Module::t('block_image_text_targetblank_label'), 'type' => 'zaa-checkbox'],
                 ['var' => 'width', 'label' => Module::t('block_image_fixed_width'), 'type' => 'zaa-text'],
                 ['var' => 'height', 'label' => Module::t('block_image_fixed_height'), 'type' => 'zaa-text'],
@@ -110,6 +111,13 @@ public function getText()
         return empty($text) ? null : '<p>' . nl2br($text) . '</p>';
     }
 
+    public function getImagePosition()
+    {
+        return ($this->getVarValue('imagePosition', 'left') == 'left')
+            ? "margin-right:{$this->getCfgValue('margin', '20px')}"
+            : "margin-left:{$this->getCfgValue('margin', '20px')}";
+    }
+
     /**
      * @inheritdoc
      */
@@ -118,6 +126,7 @@ public function extraVars()
         return [
             'image' => BlockHelper::imageUpload($this->getVarValue('imageId')),
             'text' => $this->getText(),
+            'imagePosition' => $this->getImagePosition(),
         ];
     }
 

src/messages/de/bootstrap3.php

@@ -102,4 +102,7 @@
     // 1.0.2
     'block_map_snazzymapsUrl_label' => 'Snazzy Maps iFrame URL',
     'block_map_snazzymapsUrl_help' => 'Die iFrame URL von Snazzy Maps, überschreibt jegliche andere Konfiguration und zeigt die Snazzy Map an.',
+
+    // 1.0.4
+    'block_image_text_btnclass_label' => 'Button CSS-Klasse',
 ];

src/messages/el/bootstrap3.php

@@ -102,4 +102,7 @@
     // 1.0.2
     'block_map_snazzymapsUrl_label' => 'Snazzy Maps iFrame URL',
     'block_map_snazzymapsUrl_help' => 'The Snazzy Maps iFrame URL, will overwrite all other setings and display the configured Snazzy Map.',
+
+    // 1.0.4
+    'block_image_text_btnclass_label' => 'Button CSS class',
 ];

src/messages/en/bootstrap3.php

@@ -102,4 +102,7 @@
     // 1.0.2
     'block_map_snazzymapsUrl_label' => 'Snazzy Maps iFrame URL',
     'block_map_snazzymapsUrl_help' => 'The Snazzy Maps iFrame URL, will overwrite all other settings and display the configured Snazzy Map.',
+
+    // 1.0.4
+    'block_image_text_btnclass_label' => 'Button CSS class',
 ];

src/messages/es/bootstrap3.php

@@ -102,4 +102,7 @@
       // 1.0.2
     'block_map_snazzymapsUrl_label' => 'Snazzy Maps iFrame URL',
     'block_map_snazzymapsUrl_help' => 'The Snazzy Maps iFrame URL, will overwrite all other setings and display the configured Snazzy Map.',
+
+    // 1.0.4
+    'block_image_text_btnclass_label' => 'Button CSS class',
 ];

src/messages/fa/bootstrap3.php

@@ -101,4 +101,7 @@
     // 1.0.2
     'block_map_snazzymapsUrl_label' => 'Snazzy Maps iFrame URL',
     'block_map_snazzymapsUrl_help' => 'The Snazzy Maps iFrame URL, will overwrite all other setings and display the configured Snazzy Map.',
+
+    // 1.0.4
+    'block_image_text_btnclass_label' => 'Button CSS class',
 ];

src/messages/fr/bootstrap3.php

@@ -102,4 +102,7 @@
     // 1.0.2
     'block_map_snazzymapsUrl_label' => 'URL de l\'iframe Snazzy Maps',
     'block_map_snazzymapsUrl_help' => 'L\'URL de l\'iframe Snazzy Maps écrasera tous les autres paramètres et affichera la Snazzy Map telle que configurée.',
+
+    // 1.0.4
+    'block_image_text_btnclass_label' => 'Button CSS class',
 ];

src/messages/it/bootstrap3.php

@@ -102,4 +102,7 @@
     // 1.0.2
     'block_map_snazzymapsUrl_label' => 'Snazzy Maps iFrame URL',
     'block_map_snazzymapsUrl_help' => 'The Snazzy Maps iFrame URL, will overwrite all other setings and display the configured Snazzy Map.',
+
+    // 1.0.4
+    'block_image_text_btnclass_label' => 'Button CSS class',
 ];

src/messages/nl/bootstrap3.php

@@ -100,4 +100,7 @@
     // 1.0.2
     'block_map_snazzymapsUrl_label' => 'Snazzy Maps iFrame URL',
     'block_map_snazzymapsUrl_help' => 'De iRoom- URL van Snazzy Maps overschrijft alle andere instellingen en geeft de geconfigureerde Snazzy Map weer.',
+
+    // 1.0.4
+    'block_image_text_btnclass_label' => 'Button CSS class',
 ];

src/messages/pt/bootstrap3.php

@@ -102,4 +102,7 @@
     // 1.0.2
     'block_map_snazzymapsUrl_label' => 'Snazzy Maps iFrame URL',
     'block_map_snazzymapsUrl_help' => 'The Snazzy Maps iFrame URL, will overwrite all other setings and display the configured Snazzy Map.',
+
+    // 1.0.4
+    'block_image_text_btnclass_label' => 'Button CSS class',
 ];

src/messages/ru/bootstrap3.php

@@ -102,4 +102,7 @@
     // 1.0.2
     'block_map_snazzymapsUrl_label' => 'Snazzy Maps iFrame URL',
     'block_map_snazzymapsUrl_help' => 'The Snazzy Maps iFrame URL, will overwrite all other setings and display the configured Snazzy Map.',
+
+    // 1.0.4
+    'block_image_text_btnclass_label' => 'Button CSS class',
 ];

src/messages/tr/bootstrap3.php

@@ -102,4 +102,7 @@
     // 1.0.2
     'block_map_snazzymapsUrl_label' => 'Snazzy Haritaları iFrame URL',
     'block_map_snazzymapsUrl_help' => 'Snazzy Haritaları iFrame URL\'si, diğer tüm ayarların üzerine yazacak ve yapılandırılmış Snazzy haritaları görüntüleyecek.',
+
+    // 1.0.4
+    'block_image_text_btnclass_label' => 'Button CSS class',
 ];

src/messages/ua/bootstrap3.php

@@ -102,4 +102,7 @@
     // 1.0.2
     'block_map_snazzymapsUrl_label' => 'Snazzy Maps iFrame URL',
     'block_map_snazzymapsUrl_help' => 'The Snazzy Maps iFrame URL, will overwrite all other setings and display the configured Snazzy Map.',
+
+    // 1.0.4
+    'block_image_text_btnclass_label' => 'Button CSS class',
 ];

src/messages/vi/bootstrap3.php

@@ -102,4 +102,7 @@
     // 1.0.2
     'block_map_snazzymapsUrl_label' => 'Snazzy Maps iFrame URL',
     'block_map_snazzymapsUrl_help' => 'The Snazzy Maps iFrame URL, will overwrite all other setings and display the configured Snazzy Map.',
+
+    // 1.0.4
+    'block_image_text_btnclass_label' => 'Button CSS class',
 ];

src/views/blocks/ImageTextBlock.php

@@ -4,27 +4,34 @@
 /**
  * @var $this \luya\cms\base\PhpBlockView
  */
+
+$image = $this->extraValue('image');
+$text = $this->extraValue('text');
 ?>
-<?php if ($this->extraValue('image') && $this->extraValue('text')): $imageCaption = $this->extraValue('image')['caption'];?>
-    <div>
-        <?= Html::img($this->extraValue('image')['source'], [
-            'class' => ($this->varValue('imagePosition', 'left') == 'left') ? 'pull-left img-responsive' : 'pull-right img-responsive',
-            'alt' => $imageCaption === null ? '' : $imageCaption,
-            'title' => $imageCaption,
-            'width' => $this->cfgValue('width', null),
-            'height' => $this->cfgValue('height', null),
-            'style' => (($this->varValue('imagePosition', 'left') == 'left') ? "margin-right:{$this->cfgValue('margin', '20px')}" : "margin-left:{$this->cfgValue('margin', '20px')}") . $this->cfgValue('margin', '20px', ';margin-bottom:{{margin}};max-width:50%;'),
-        ])?>
-        <div>
-            <?= $this->extraValue('text'); ?>
+<?php if ($image && $text): ?>
+    <?php $imageCaption = $image['caption']; ?>
+
+    <div class="media clearfix">
+        <div class="<?php echo ($this->varValue('imagePosition', 'left') == 'left') ? 'media-left pull-left' : 'media-right pull-right' ?>">
+            <?= Html::img($image['source'], [
+                'class' => 'media-object',
+                'alt' => $imageCaption === null ? '' : $imageCaption,
+                'title' => $imageCaption,
+                'width' => $this->cfgValue('width', null),
+                'height' => $this->cfgValue('height', null),
+                'style' => $this->extraValue('imagePosition') . $this->cfgValue('margin', '20px', ';margin-bottom:{{margin}};'),
+            ]) ?>
+        </div>
+
+        <div class="media-body">
+            <?= $text; ?>
             <?php if ($this->cfgValue('btnHref') && $this->cfgValue('btnLabel')): ?>
                 <br>
                 <?= Html::a($this->cfgValue('btnLabel'), $this->cfgValue('btnHref'), [
-                    'class' => 'button',
+                    'class' => $this->cfgValue('btnClass', 'button'),
                     'target' => ($this->cfgValue('targetBlank') == 1) ? '_blank' : null,
                 ]); ?>
             <?php endif; ?>
         </div>
     </div>
-    <div style="clear:both"></div>
-<?php endif; ?>
+<?php endif; ?>