Add callout text and background color to template

src/CssClassBuilder/CssClassBuilderInterface.php → 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,23 @@
+<?php
+
+declare(strict_types=1);
+
+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,12 @@
+<?php
+
+declare(strict_types=1);
+
+namespace Setono\SyliusCalloutPlugin\CssBuilder;
+
+use Setono\SyliusCalloutPlugin\Model\CalloutInterface;
+
+interface CssStyleBuilderInterface
+{
+    public function build(CalloutInterface $callout): string;
+}

src/CssClassBuilder/SemanticUiCssClassBuilder.php → 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']),
         ];
     }
 

src/Twig/CalloutRuntime.php

@@ -6,7 +6,8 @@
 
 use Setono\SyliusCalloutPlugin\Checker\Eligibility\CalloutEligibilityCheckerInterface;
 use Setono\SyliusCalloutPlugin\Checker\RenderingEligibility\CalloutRenderingEligibilityCheckerInterface;
-use Setono\SyliusCalloutPlugin\CssClassBuilder\CssClassBuilderInterface;
+use Setono\SyliusCalloutPlugin\CssBuilder\CssClassBuilderInterface;
+use Setono\SyliusCalloutPlugin\CssBuilder\CssStyleBuilderInterface;
 use Setono\SyliusCalloutPlugin\Model\CalloutInterface;
 use Setono\SyliusCalloutPlugin\Model\ProductInterface;
 use Setono\SyliusCalloutPlugin\Provider\RenderingCalloutProviderInterface;
@@ -21,6 +22,7 @@ public function __construct(
         private readonly CssClassBuilderInterface $cssClassBuilder,
         private readonly RenderingCalloutProviderInterface $renderingCalloutProvider,
         private readonly CalloutRendererInterface $calloutRenderer,
+        private readonly CssStyleBuilderInterface $cssStyleBuilder,
     ) {
     }
 
@@ -76,4 +78,9 @@ public function renderCallout(CalloutInterface $callout): string
     {
         return (string) $this->calloutRenderer->render($callout);
     }
+
+    public function renderCalloutStyle(CalloutInterface $callout): string
+    {
+        return $this->cssStyleBuilder->build($callout);
+    }
 }

tests/Twig/CalloutRuntimeTest.php

@@ -9,7 +9,8 @@
 use Prophecy\PhpUnit\ProphecyTrait;
 use Setono\SyliusCalloutPlugin\Checker\Eligibility\CalloutEligibilityCheckerInterface;
 use Setono\SyliusCalloutPlugin\Checker\RenderingEligibility\CalloutRenderingEligibilityCheckerInterface;
-use Setono\SyliusCalloutPlugin\CssClassBuilder\CssClassBuilderInterface;
+use Setono\SyliusCalloutPlugin\CssBuilder\CssClassBuilderInterface;
+use Setono\SyliusCalloutPlugin\CssBuilder\CssStyleBuilderInterface;
 use Setono\SyliusCalloutPlugin\Model\Callout;
 use Setono\SyliusCalloutPlugin\Model\CalloutInterface;
 use Setono\SyliusCalloutPlugin\Model\ProductInterface;
@@ -76,13 +77,15 @@ private function getCalloutRuntime(): CalloutRuntime
         ;
 
         $calloutRenderer = $this->prophesize(CalloutRendererInterface::class);
+        $cssStyleBuilder = $this->prophesize(CssStyleBuilderInterface::class);
 
         return new CalloutRuntime(
             $calloutRenderingEligibilityChecker->reveal(),
             $calloutEligibilityChecker->reveal(),
             $cssClassBuilder->reveal(),
             $renderCalloutProvider->reveal(),
             $calloutRenderer->reveal(),
+            $cssStyleBuilder->reveal(),
         );
     }