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

bin/frontend/controls/frontendUsers/VatType.js

+/**
+ * @module package/quiqqer/erp/bin/frontend/controls/frontendUsers/VatType
+ * @author www.pcsg.de (Henning Leutz)
+ */
+define('package/quiqqer/erp/bin/frontend/controls/frontendUsers/VatType', [
+
+    'qui/QUI',
+    'qui/controls/Control'
+
+], function (QUI, QUIControl) {
+    "use strict";
+
+    return new Class({
+
+        Extends: QUIControl,
+        Type   : 'package/quiqqer/erp/bin/frontend/controls/frontendUsers/VatType',
+
+        Binds: [
+            '$onImport',
+            '$onCountryChange'
+        ],
+
+        initialize: function (options) {
+            this.parent(options);
+
+            this.$Country = null;
+            this.$Vat     = null;
+            this.$ChUID   = null;
+
+            this.addEvents({
+                onImport: this.$onImport
+            });
+        },
+
+        /**
+         * event: on import
+         */
+        $onImport: function () {
+            var Parent = this.getElm().getParent(
+                '[data-qui="package/quiqqer/frontend-users/bin/frontend/controls/profile/UserData"]'
+            );
+
+            if (!Parent) {
+                return;
+            }
+
+            this.$Country = Parent.getElement('[name="country"]');
+            this.$Vat     = Parent.getElement('[name="vatId"]');
+            this.$ChUID   = Parent.getElement('[name="chUID"]');
+
+            if (!this.$Country) {
+                return;
+            }
+
+            if (!this.$Vat) {
+                this.$Vat = new Element('div');
+            }
+
+            if (!this.$ChUID) {
+                this.$ChUID = new Element('div');
+            }
+
+            // country edit
+            var self    = this;
+            var Country = this.$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();
+        },
+
+        /**
+         * event: on country change
+         */
+        $onCountryChange: function () {
+            var country = this.$Country.value;
+
+            if (country === 'CH') {
+                this.$Vat.getParent('label').setStyle('display', 'none');
+                this.$ChUID.getParent('label').setStyle('display', null);
+            } else {
+                this.$Vat.getParent('label').setStyle('display', null);
+                this.$ChUID.getParent('label').setStyle('display', 'none');
+            }
+        }
+    });
+});

locale.xml

@@ -91,6 +91,10 @@
             <de><![CDATA[Umsatzsteuer-ID]]></de>
             <en><![CDATA[VAT ID]]></en>
         </locale>
+        <locale name="quiqqer.erp.chUID">
+            <de><![CDATA[Unternehmens-ID (UID)]]></de>
+            <en><![CDATA[Company ID (UID)]]></en>
+        </locale>
 
         <locale name="global_process_id">
             <de><![CDATA[Vorgangsnummer]]></de>

src/QUI/ERP/FrontendUsers/profileData.html

 {if $isB2B}
-<section class="quiqqer-frontendUsers-userdata-section quiqqer-erp-userProfile-vat">
+<section class="quiqqer-frontendUsers-userdata-section quiqqer-erp-userProfile-vat"
+         data-qui="package/quiqqer/erp/bin/frontend/controls/frontendUsers/VatType"
+>
     <header>
         <h2>{locale group="quiqqer/erp" var="user.profile.userdata.title"}</h2>
     </header>
@@ -14,5 +16,16 @@
                value="{$User->getAttribute('quiqqer.erp.euVatId')|escape:'html'}"
         />
     </label>
+
+    <label class="quiqqer-order-customerData-edit-chUID">
+        <span class="quiqqer-frontendUsers-userdata-label">
+            {locale group="quiqqer/erp" var="quiqqer.erp.chUID"}
+        </span>
+        <input type="text"
+               name="chUID"
+               class="quiqqer-frontendUsers-userdata-field"
+               value="{$User->getAttribute('quiqqer.erp.chUID')|escape:'html'}"
+        />
+    </label>
 </section>
 {/if}