change: use extension (#1)

* change: use extension

* change: use new base version

Author: mleutenegger

composer.json

@@ -16,7 +16,7 @@
         "gorriecoe/silverstripe-link": "^1",
         "gorriecoe/silverstripe-linkfield": "^1",
         "unclecheese/display-logic": "^2",
-        "syntro/silverstripe-elemental-bootstrap-baseitems": "^0.1",
+        "syntro/silverstripe-elemental-bootstrap-baseitems": "^0.2",
         "syntro/silverstripe-elemental-icons": "^1"
     },
     "require-dev": {

src/Elements/AlertSection.php

@@ -11,14 +11,13 @@
 use BucklesHusky\FontAwesomeIconPicker\Forms\FAPickerField;
 use gorriecoe\Link\Models\Link;
 use gorriecoe\LinkField\LinkField;
-use Syntro\SilverStripeElementalBaseitems\Elements\BootstrapSectionBaseElement;
 
 /**
  *  Bootstrap based alert section
  *
  * @author Matthias Leutenegger <hello@syntro.ch>
  */
-class AlertSection extends BootstrapSectionBaseElement
+class AlertSection extends BaseElement
 {
     /**
      * This defines the block name in the CSS
@@ -43,6 +42,10 @@ class AlertSection extends BootstrapSectionBaseElement
      */
     private static $table_name = 'ElementAlertSection';
 
+    /**
+     * @var string
+     */
+    private static $controller_template = 'AlertSectionHolder';
 
     /**
      * if set to false, no Icons will be displayed
@@ -86,7 +89,7 @@ class AlertSection extends BootstrapSectionBaseElement
      */
     private static $text_colors_by_background = [
         'danger' => 'light',
-        'warning' => 'light',
+        'warning' => 'dark',
         'success' => 'light',
         'primary' => 'light',
     ];
@@ -227,44 +230,4 @@ public function getType()
     {
         return _t(__CLASS__ . '.BlockType', 'Alert Section');
     }
-
-    /**
-     * ButtonHolder - helperfunction to allow template-replacement
-     *
-     * @return string
-     */
-    public function ButtonHolder()
-    {
-        return $this->renderWith($this->getSubTemplate(__FUNCTION__));
-    }
-
-    /**
-     * ContentHolder - helperfunction to allow template-replacement
-     *
-     * @return string
-     */
-    public function ContentHolder()
-    {
-        return $this->renderWith($this->getSubTemplate(__FUNCTION__));
-    }
-
-    /**
-     * HeaderHolder - helperfunction to allow template-replacement
-     *
-     * @return string
-     */
-    public function HeaderHolder()
-    {
-        return $this->renderWith($this->getSubTemplate(__FUNCTION__));
-    }
-
-    /**
-     * IconHolder - helperfunction to allow template-replacement
-     *
-     * @return string
-     */
-    public function IconHolder()
-    {
-        return $this->renderWith($this->getSubTemplate(__FUNCTION__));
-    }
 }

…Design/Elemental/Layout/SectionHolder.ss …n/Elemental/Layout/AlertSectionHolder.sstemplates/DNADesign/Elemental/Layout/SectionHolder.ss renamed to templates/DNADesign/Elemental/Layout/AlertSectionHolder.ss templates/DNADesign/Elemental/Layout/SectionHolder.ss renamed to templates/DNADesign/Elemental/Layout/AlertSectionHolder.ss

@@ -0,0 +1,30 @@
+<section class="bg-$BackgroundColor text-$TextColor py-4">
+    <div class="container text-center">
+        <% if DisplayIcon && useIcons || ShowTitle %>
+            <div class="mb-2 d-flex align-items-center justify-content-center text-left">
+                <% if DisplayIcon && useIcons %>
+                    <span class="mr-3 mr-md-2" style="font-size:1.5em;">
+                        <i class="$FAIcon"></i>
+                    </span>
+                <% end_if %>
+                <% if ShowTitle %>
+                    <b>$Title</b>
+                <% end_if %>
+            </div>
+        <% end_if %>
+        <p class="m-0 text-justify text-md-center">
+            $Content
+        </p>
+        <% if $Buttons %>
+            <p class="mb-0 mt-2">
+                <% loop Buttons %>
+                    <% if LinkURL %>
+                        <a {$IDAttr} class="mx-1 btn btn-sm btn-outline-$Up.LinkColor" href="{$LinkURL}"{$TargetAttr}>
+                            {$Title}
+                        </a>
+                    <% end_if %>
+                <% end_loop %>
+            </p>
+        <% end_if %>
+    </div>
+</section>