added extra styling

i-lateral · Jun 17, 2020 · 90c9f1c · 90c9f1c
1 parent 65f3d70
commit 90c9f1c
Show file tree

Hide file tree

Showing 4 changed files with 43 additions and 14 deletions.
diff --git a/src/Model/CallToAction.php b/src/Model/CallToAction.php
@@ -17,8 +17,9 @@ class CallToAction extends DataObject
         'Title' => 'Varchar',
         'ShortCode' => 'Varchar',
         'ExtraClasses' => 'Varchar',
-        'Text' => 'Varchar',
-        'LightText' => 'Boolean'
+        'Text' => 'HTMLText',
+        'LightText' => 'Boolean',
+        'LinkDivider' => 'Varchar'
     ];
 
     private static $has_many = [

diff --git a/src/Widgets/CTAWidget.php b/src/Widgets/CTAWidget.php
@@ -6,6 +6,7 @@
 use SilverStripe\Widgets\Model\Widget;
 use ilateral\SilverStripe\CallToAction\Model\CallToAction;
 use NathanCox\HasOneAutocompleteField\Forms\HasOneAutocompleteField;
+use SilverStripe\Forms\DropdownField;
 
 if (!class_exists(Widget::class)) {
     return;
@@ -24,7 +25,11 @@ class CTAWidget extends Widget
     public function getCMSFields()
     {
         return new FieldList(
-            new HasOneAutocompleteField('CTA', 'Call to Action', CallToAction::class)
+            DropdownField::create(
+                'CTAID', 
+                'Call to Action', 
+                CallToAction::get()->map('ID', 'Title')
+            )->setEmptyString('choose one')
         );
     }
 }
diff --git a/templates/ilateral/SilverStripe/CallToAction/Model/CallToAction.ss b/templates/ilateral/SilverStripe/CallToAction/Model/CallToAction.ss
@@ -1,16 +1,23 @@
 <% with $CTA %>
-    <div class="call-to-action py-5 $ExtraClasses">
+    <div class="call-to-action pt-5 $ExtraClasses">
         <div class="container text-center py-3">
-            <p class="h2 mb-0">
-                $Text
-                <% loop $Links %>
-                    <% if LinkURL %>
-                        <a{$IDAttr}{$ClassAttr} href="{$LinkURL}"{$TargetAttr}>
-                            {$Title}
-                        </a>
-                    <% end_if %>
-                <% end_loop %>
-            </p>
+            <div class="row justify-content-center mx-0">
+                <div class="col-auto pl-0 pr-1">
+                    $Text
+                </div>
+                <div class="col-auto pr-0 pl-1">
+                    <p class="h2 mb-0">
+                        <% loop $Links %>
+                            <% if LinkURL %>
+                                <a{$IDAttr}<% if $Up.LightText %> class="text-light"<% end_if %> href="{$LinkURL}"{$TargetAttr}>
+                                    {$Title}
+                                </a>
+                                <% if not $Last %>$Up.LinkDivider<% end_if %>
+                            <% end_if %>
+                        <% end_loop %>
+                    </p>
+                </div>
+            </div>
         </div>
     </div>
 <% end_with %>
diff --git a/templates/ilateral/SilverStripe/CallToAction/Widgets/CTAWidget.ss b/templates/ilateral/SilverStripe/CallToAction/Widgets/CTAWidget.ss
@@ -0,0 +1,16 @@
+<% with $CTA %>
+    <div class="call-to-action py-5 $ExtraClasses">
+        <div class="text-center py-3">
+            $Text
+            <p class="h2">
+                <% loop $Links %>
+                    <% if LinkURL %>
+                        <a{$IDAttr}<% if $Up.LightText %> class="text-light"<% end_if %> href="{$LinkURL}"{$TargetAttr}>
+                            {$Title}
+                        </a>
+                    <% end_if %>
+                <% end_loop %>
+            </p>
+        </div>
+    </div>
+<% end_with %>