feat: js events; refactor: locale

bin/frontend/controls/SimpleCheckoutWindow.js

+/**
+ * @event onCancel [this] - Fires if the users cancels the order process
+ * @event onCloseOrderSuccessful [this] - Fires if the user closes the checkout window after a successful order
+ */
 define('package/quiqqer/order-simple-checkout/bin/frontend/controls/SimpleCheckoutWindow', [
 
     'qui/QUI',
@@ -69,6 +73,7 @@ define('package/quiqqer/order-simple-checkout/bin/frontend/controls/SimpleChecko
                 html   : QUILocale.get('quiqqer/order-simple-checkout', 'SimpleCheckoutWindow.btn.cancel'),
                 events : {
                     click: () => {
+                        this.fireEvent('cancel', [this]);
                         this.close();
                     }
                 }

locale.xml

@@ -67,6 +67,12 @@
             <en><![CDATA[Use a different billing address]]></en>
         </locale>
 
+        lCheckoutPayment.enter_address_to_show_payment_options
+        <locale name="CheckoutPayment.enter_address_to_show_payment_options">
+            <de><![CDATA[Bitte geben Sie Ihre Adresse an, um verfügbare Zahlungsmethoden angezeigt zu bekommen.]]></de>
+            <en><![CDATA[Please enter your address to view available payment methods.]]></en>
+        </locale>
+
     </groups>
 
     <groups name="quiqqer/order-simple-checkout" datatype="js">

src/QUI/ERP/Order/SimpleCheckout/Steps/CheckoutPayment.html

 {if !isset($Payment)}
     <div class="order-simple-checkout-payment--info">
-        Enter your delivery address to view available payment methods.
+        {locale group="quiqqer/order-simple-checkout" var="CheckoutPayment.enter_address_to_show_payment_options"}
     </div>
 {else}
     {$Payment->create()}