From 08220dbea55128e2976a601f6e415eaf8ff491bd Mon Sep 17 00:00:00 2001
From: lepipele <lepipele@users.noreply.github.com>
Date: Thu, 22 Mar 2018 11:12:15 -0500
Subject: [PATCH] Reorganizing file structure for i18n support

---
 BTCPayServer/Views/Invoice/Checkout.cshtml    | 25 ++++++++---
 BTCPayServer/bundleconfig.json                |  5 +--
 BTCPayServer/wwwroot/js/checkout/core.js      |  3 +-
 .../wwwroot/js/checkout/i18n-resources.js     | 42 -------------------
 BTCPayServer/wwwroot/js/checkout/langs/de.js  | 11 +++++
 BTCPayServer/wwwroot/js/checkout/langs/en.js  | 11 +++++
 6 files changed, 45 insertions(+), 52 deletions(-)
 delete mode 100644 BTCPayServer/wwwroot/js/checkout/i18n-resources.js
 create mode 100644 BTCPayServer/wwwroot/js/checkout/langs/de.js
 create mode 100644 BTCPayServer/wwwroot/js/checkout/langs/en.js

diff --git a/BTCPayServer/Views/Invoice/Checkout.cshtml b/BTCPayServer/Views/Invoice/Checkout.cshtml
index 349486231..9bf442763 100644
--- a/BTCPayServer/Views/Invoice/Checkout.cshtml
+++ b/BTCPayServer/Views/Invoice/Checkout.cshtml
@@ -296,7 +296,7 @@
                                                 <span class="initial-label" i18n="">If there is an issue with this payment, or a refund needs to be made, we will contact you at this address.</span>
                                             </div>
                                             <div class="input-wrapper">
-                                                <input bp-focus="focusEmailInput" class="bp-input email-input ng-untouched ng-pristine" disabled="disabled" name="receiptEmail" placeholder="Your email" 
+                                                <input bp-focus="focusEmailInput" class="bp-input email-input ng-untouched ng-pristine" disabled="disabled" name="receiptEmail" placeholder="Your email"
                                                        style="opacity: 1;" type="email">
                                                 <button type="submit" class="action-button" style="margin-top: 15px;">
                                                     <span i18n="">Confirm email address</span>
@@ -624,18 +624,31 @@
                                     hoverIntent: 5000
                                 });
                             });
+
+                            function changeLanguage(lang) {
+                                i18next.changeLanguage(lang);
+                            }
                         </script>
                     </div>
                 </div>
             </div>
         </div>
     </invoice>
-    <style type="text/css">
-        input::-ms-clear {
-            display: none;
-        }
-    </style>
     <script type="text/javascript">
+        // initialization
+        i18next.init({
+            lng: 'en',
+            fallbackLng: 'en',
+            nsSeparator: false,
+            keySeparator: false,
+            resources: {
+                en: { translation: locales_en },
+                de: { translation: locales_de }
+            },
+        });
+
+        const i18n = new VueI18next(i18next);
+
         // TODO: Move all logic from core.js to Vue controller
         Vue.config.ignoredElements = [
             'line-items',
diff --git a/BTCPayServer/bundleconfig.json b/BTCPayServer/bundleconfig.json
index f9742337d..4e4a7ec0c 100644
--- a/BTCPayServer/bundleconfig.json
+++ b/BTCPayServer/bundleconfig.json
@@ -46,9 +46,8 @@
             "wwwroot/vendor/vuejs/vue-qrcode.js",
             "wwwroot/vendor/i18next/i18next.js",
             "wwwroot/vendor/i18next/vue-i18next.js",
-            "wwwroot/js/checkout/i18n-resources.js",
-            "wwwroot/js/checkout/core.js",
-            "wwwroot/vendor/jquery-prettydropdowns/jquery.prettydropdowns.js"
+            "wwwroot/vendor/jquery-prettydropdowns/jquery.prettydropdowns.js",
+            "wwwroot/js/checkout/**/*.js"
         ]
     }
 ]
diff --git a/BTCPayServer/wwwroot/js/checkout/core.js b/BTCPayServer/wwwroot/js/checkout/core.js
index 4fd147334..e8efd8f28 100644
--- a/BTCPayServer/wwwroot/js/checkout/core.js
+++ b/BTCPayServer/wwwroot/js/checkout/core.js
@@ -1,3 +1,5 @@
+// TODO: Refactor... switch from jQuery to Vue.js
+// public methods
 function resetTabsSlider() {
     $("#tabsSlider").removeClass("slide-copy");
     $("#tabsSlider").removeClass("slide-altcoins");
@@ -16,7 +18,6 @@ function resetTabsSlider() {
     $("#altcoins").removeClass("active");
 }
 
-// public methods
 function onDataCallback(jsonData) {
     var newStatus = jsonData.status;
 
diff --git a/BTCPayServer/wwwroot/js/checkout/i18n-resources.js b/BTCPayServer/wwwroot/js/checkout/i18n-resources.js
deleted file mode 100644
index a333cc92b..000000000
--- a/BTCPayServer/wwwroot/js/checkout/i18n-resources.js
+++ /dev/null
@@ -1,42 +0,0 @@
-const locales = {
-    en: {
-        nested: {
-            lang: 'Language',
-        },
-        "Awaiting Payment...": "Awaiting Payment...",
-        "Pay with": "Pay with",
-        "Scan": "Scan",
-        "Copy": "Copy",
-        "Conversion": "Conversion",
-        "Open in wallet": "Open in wallet"
-    },
-
-    de: {
-        nested: {
-            lang: 'Sprache',
-        },
-        "Awaiting Payment...": "Warten auf Zahlung...",
-        "Pay with": "Bezahlen mit",
-        "Scan": "Scan",
-        "Copy": "Kopieren",
-        "Conversion": "Umwandlung",
-        "Open in wallet": "In der Brieftasche öffnen"
-    },
-};
-
-i18next.init({
-    lng: 'en',
-    fallbackLng: 'en',
-    nsSeparator: false,
-    keySeparator: false,
-    resources: {
-        en: { translation: locales.en },
-        de: { translation: locales.de }
-    },
-});
-
-const i18n = new VueI18next(i18next);
-
-function changeLanguage(lang) {
-    i18next.changeLanguage(lang);
-}
diff --git a/BTCPayServer/wwwroot/js/checkout/langs/de.js b/BTCPayServer/wwwroot/js/checkout/langs/de.js
new file mode 100644
index 000000000..d17b9cc62
--- /dev/null
+++ b/BTCPayServer/wwwroot/js/checkout/langs/de.js
@@ -0,0 +1,11 @@
+const locales_de = {
+    nested: {
+        lang: 'Sprache',
+    },
+    "Awaiting Payment...": "Warten auf Zahlung...",
+    "Pay with": "Bezahlen mit",
+    "Scan": "Scan",
+    "Copy": "Kopieren",
+    "Conversion": "Umwandlung",
+    "Open in wallet": "In der Brieftasche öffnen"
+};
diff --git a/BTCPayServer/wwwroot/js/checkout/langs/en.js b/BTCPayServer/wwwroot/js/checkout/langs/en.js
new file mode 100644
index 000000000..9855e5a66
--- /dev/null
+++ b/BTCPayServer/wwwroot/js/checkout/langs/en.js
@@ -0,0 +1,11 @@
+const locales_en = {
+    nested: {
+        lang: 'Language',
+    },
+    "Awaiting Payment...": "Awaiting Payment...",
+    "Pay with": "Pay with",
+    "Scan": "Scan",
+    "Copy": "Copy",
+    "Conversion": "Conversion",
+    "Open in wallet": "Open in wallet"
+};