Add callout text and background color to template

Author: Niiph

src/CssClassBuilder/CssClassBuilderInterface.php renamed to src/CssBuilder/CssClassBuilderInterface.php

@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Setono\SyliusCalloutPlugin\CssClassBuilder;
+namespace Setono\SyliusCalloutPlugin\CssBuilder;
 
 use Setono\SyliusCalloutPlugin\Model\CalloutInterface;
 

src/CssBuilder/CssStyleBuilder.php

@@ -0,0 +1,21 @@
+<?php
+
+namespace Setono\SyliusCalloutPlugin\CssBuilder;
+
+use Setono\SyliusCalloutPlugin\Model\CalloutInterface;
+
+class CssStyleBuilder implements CssStyleBuilderInterface
+{
+    public function build(CalloutInterface $callout): string
+    {
+        $style = 'z-index: 999;';
+        if ($callout->getColor()) {
+            $style .= sprintf(' color: %s;', $callout->getColor());
+        }
+        if ($callout->getBackgroundColor()) {
+            $style .= sprintf(' background-color: %s;', $callout->getBackgroundColor());
+        }
+
+        return $style;
+    }
+}

src/CssBuilder/CssStyleBuilderInterface.php

@@ -0,0 +1,10 @@
+<?php
+
+namespace Setono\SyliusCalloutPlugin\CssBuilder;
+
+use Setono\SyliusCalloutPlugin\Model\CalloutInterface;
+
+interface CssStyleBuilderInterface
+{
+    public function build(CalloutInterface $callout): string;
+}

src/CssClassBuilder/SemanticUiCssClassBuilder.php renamed to src/CssBuilder/SemanticUiCssClassBuilder.php

@@ -2,7 +2,7 @@
 
 declare(strict_types=1);
 
-namespace Setono\SyliusCalloutPlugin\CssClassBuilder;
+namespace Setono\SyliusCalloutPlugin\CssBuilder;
 
 use Setono\SyliusCalloutPlugin\Model\CalloutInterface;
 use Webmozart\Assert\Assert;

src/Resources/config/services.xml

@@ -9,6 +9,7 @@
         <import resource="services/command.xml"/>
         <import resource="services/controller.xml"/>
         <import resource="services/css_class_builder.xml"/>
+        <import resource="services/css_style_builder.xml"/>
         <import resource="services/event_subscriber.xml"/>
         <import resource="services/factory.xml"/>
         <import resource="services/fixture.xml"/>

src/Resources/config/services/css_class_builder.xml

@@ -5,7 +5,7 @@
            xsi:schemaLocation="http://symfony.com/schema/dic/services http://symfony.com/schema/dic/services/services-1.0.xsd">
     <services>
         <service id="setono_sylius_callout.css_class_builder.semantic_ui"
-                 class="Setono\SyliusCalloutPlugin\CssClassBuilder\SemanticUiCssClassBuilder">
+                 class="Setono\SyliusCalloutPlugin\CssBuilder\SemanticUiCssClassBuilder">
         </service>
 
         <service id="setono_sylius_callout.css_class_builder.default"

src/Resources/config/services/css_style_builder.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+
+<container xmlns="http://symfony.com/schema/dic/services"
+           xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+           xsi:schemaLocation="http://symfony.com/schema/dic/services http://symfony.com/schema/dic/services/services-1.0.xsd">
+    <services>
+        <service id="setono_sylius_callout.css_style_builder.default"
+                 class="Setono\SyliusCalloutPlugin\CssBuilder\CssStyleBuilder">
+        </service>
+
+    </services>
+</container>

src/Resources/config/services/twig.xml

@@ -17,6 +17,7 @@
             <argument type="service" id="setono_sylius_callout.css_class_builder.default"/>
             <argument type="service" id="setono_sylius_callout.provider.rendering_callout"/>
             <argument type="service" id="setono_sylius_callout.renderer.callout"/>
+            <argument type="service" id="setono_sylius_callout.css_style_builder.default"/>
 
             <tag name="twig.runtime"/>
         </service>

src/Resources/views/Shop/Product/Callout/_callout.html.twig

@@ -1,2 +1,2 @@
 {# @var \Setono\SyliusCalloutPlugin\Model\CalloutInterface callout #}
-<div class="{{ render_callout_class_attribute(callout) }}" style="z-index: 999">{{ render_callout(callout) }}</div>
+<div class="{{ render_callout_class_attribute(callout) }}" style="{{ render_callout_style(callout) }}">{{ render_callout(callout) }}</div>

src/Twig/CalloutExtension.php

@@ -20,6 +20,7 @@ public function getFunctions(): array
             new TwigFunction('get_callout_assignment_delay', $this->getDelay(...)),
             new TwigFunction('render_callout_class_attribute', [CalloutRuntime::class, 'renderCalloutClassAttribute']),
             new TwigFunction('render_callout', [CalloutRuntime::class, 'renderCallout'], ['is_safe' => ['html']]),
+            new TwigFunction('render_callout_style', [CalloutRuntime::class, 'renderCalloutStyle']),
         ];
     }