feat: Product add to basket has own HTML template.

feat: + and - implemented (with no function now).

locale.xml

@@ -162,6 +162,10 @@
             <de><![CDATA[Zum Warenkorb]]></de>
             <en><![CDATA[To the Basket]]></en>
         </locale>
+        <locale name="control.basket.quantity.text">
+            <de><![CDATA[Anzahl]]></de>
+            <en><![CDATA[Quantity]]></en>
+        </locale>
 
         <locale name="ordering.btn.next">
             <de><![CDATA[Übernehmen und weiter]]></de>

src/QUI/ERP/Order/Controls/Buttons/ProductToBasket.css

-
 .quiqqer-order-button-add {
     float: left;
     overflow: hidden;
@@ -8,10 +7,31 @@
     white-space: nowrap;
 }
 
+.quiqqer-order-button-add-quantity {
+    margin-right: 10px;
+    display: flex;
+}
+
 .quiqqer-order-button-add input {
-    border: 1px solid #ddd;
     line-height: 26px;
-    margin-right: 10px;
     text-align: center;
-    width: 40px;
+    width: 60px;
+    -webkit-appearance: textfield;
+    -moz-appearance: textfield;
+    appearance: textfield;
+}
+
+.quiqqer-order-button-add-quantity-decrease {
+    margin-right: 5px;
+}
+
+.quiqqer-order-button-add-quantity-increase {
+    margin-left: 5px;
+}
+
+.quiqqer-order-button-add input::-webkit-outer-spin-button,
+.quiqqer-order-button-add input::-webkit-inner-spin-button {
+    display: none;
+    -webkit-appearance: none;
+    margin: 0;
 }

src/QUI/ERP/Order/Controls/Buttons/ProductToBasket.html

+{if $this->getAttribute('input')}
+<div class="quiqqer-order-button-add-quantity">
+    <span class="quiqqer-order-button-add-quantity-decrease btn">-</span>
+    <input type="number" value="1" min="1" class="quiqqer-order-button-add-quantity-input"
+           title="{locale group='quiqqer/order' var='control.basket.quantity.text'}"/>
+    <span class="quiqqer-order-button-add-quantity-increase btn">+</span>
+</div>
+{/if}
+
+<span class="text btn btn-primary">
+    {locale group='quiqqer/order' var='control.basket.buttonAdd.text'}
+</span>
\ No newline at end of file

src/QUI/ERP/Order/Controls/Buttons/ProductToBasket.php

@@ -45,6 +45,8 @@ public function __construct($attributes = array())
      */
     public function getBody()
     {
+        $Engine  = QUI::getTemplateManager()->getEngine();
+
         if ($this->getAttribute('Product')) {
             /* @var $Product QUI\ERP\Products\Product\Product */
             $Product = $this->getAttribute('Product');
@@ -61,16 +63,10 @@ public function getBody()
             ));
         }
 
-        $html = '';
-
-        if ($this->getAttribute('input')) {
-            $html .= '<input type="number" value="1" title="Anzahl" min="1"/>';
-        }
-
-        $html .= '<span class="text btn btn-primary">'.
-                 QUI::getLocale()->get('quiqqer/order', 'control.basket.buttonAdd.text').
-                 '</span>';
-
-        return $html;
+        $Engine->assign([
+            'this' => $this
+        ]);
+        
+        return $Engine->fetch(dirname(__FILE__) . '/ProductToBasket.html');
     }
 }