feat: candyman-gmbh/projektplanung#96 - CH company number

bin/frontend/controls/orderProcess/CustomerData.js

@@ -21,7 +21,8 @@ define('package/quiqqer/order/bin/frontend/controls/orderProcess/CustomerData',
             'openAddressEdit',
             'closeAddressEdit',
             '$onBusinessTypeChange',
-            'validateVatId'
+            'validateVatId',
+            '$onCountryChange'
         ],
 
         initialize: function (options) {
@@ -76,6 +77,25 @@ define('package/quiqqer/order/bin/frontend/controls/orderProcess/CustomerData',
                     console.error(err);
                 });
             }
+
+            // country edit
+            var Country = self.getElm().getElement('[name="country"]');
+
+            if (Country.get('data-qui') && !Country.get('data-quiid')) {
+                QUI.parse(this.getElm()).then(function () {
+                    QUI.Controls
+                       .getById(Country.get('data-quiid'))
+                       .addEvent('onCountryChange', self.$onCountryChange);
+                });
+            } else if (Country.get('data-quiid')) {
+                QUI.Controls
+                   .getById(Country.get('data-quiid'))
+                   .addEvent('onCountryChange', self.$onCountryChange);
+            } else {
+                Country.addEvent('change', self.$onCountryChange);
+            }
+
+            this.$onCountryChange();
         },
 
         /**
@@ -125,6 +145,12 @@ define('package/quiqqer/order/bin/frontend/controls/orderProcess/CustomerData',
                 Loader.show();
             }
 
+            if (address.country === 'CH') {
+                address.vatId = '';
+            } else {
+                address.chUID = '';
+            }
+
             // save the data
             return new Promise(function (resolve, reject) {
                 QUIAjax.post('package_quiqqer_order_ajax_frontend_order_address_save', function (valid) {
@@ -372,6 +398,24 @@ define('package/quiqqer/order/bin/frontend/controls/orderProcess/CustomerData',
             }).delay(500, this);
         },
 
+        /**
+         * event: on country change
+         */
+        $onCountryChange: function () {
+            var VatId = this.getElm().getElements('.quiqqer-order-customerData-edit-vatId');
+            var chUID = this.getElm().getElements('.quiqqer-order-customerData-edit-chUID');
+
+            var Country = this.getElm().getElement('[name="country"]');
+
+            if (Country.value === 'CH') {
+                VatId.setStyle('display', 'none');
+                chUID.setStyle('display', null);
+            } else {
+                VatId.setStyle('display', null);
+                chUID.setStyle('display', 'none');
+            }
+        },
+
         /**
          * css fx
          *

locale.xml

@@ -85,6 +85,10 @@
             <de><![CDATA[Umsatzsteuer-ID]]></de>
             <en><![CDATA[VAT ID]]></en>
         </locale>
+        <locale name="chUID">
+            <de><![CDATA[Unternehmens-ID (UID)]]></de>
+            <en><![CDATA[Company ID (UID)]]></en>
+        </locale>
 
         <locale name="exception.order.construct.needle.missing">
             <de><![CDATA[Fehlender Wert für Bestellungs-Konstruktor [needle]]]></de>

src/QUI/ERP/Order/Controls/OrderProcess/CustomerData.html

@@ -86,6 +86,13 @@
                    value="{$User->getAttribute('quiqqer.erp.euVatId')|escape:'html'}"
             />
         </label>
+        <label class="quiqqer-order-customerData-edit-chUID">
+            <span>{locale group="quiqqer/order" var="chUID"}</span>
+            <input type="text"
+                   name="chUID"
+                   value="{$User->getAttribute('quiqqer.erp.chUID')|escape:'html'}"
+            />
+        </label>
         {/if}
 
         {if $isB2B}
@@ -99,7 +106,8 @@
         {if $isB2B === false}
         <style type="text/css">
             .quiqqer-order-customerData-edit-company,
-            .quiqqer-order-customerData-edit-vatId {
+            .quiqqer-order-customerData-edit-vatId,
+            .quiqqer-order-customerData-edit-chUID {
                 display: none;
             }
         </style>