Port localebox to TypeScript

Retrospring · Jan 14, 2022 · 7d14e93 · 7d14e93
1 parent bee7558
commit 7d14e93
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 6 deletions.
diff --git a/app/javascript/legacy/locale-box.coffee b/app/javascript/legacy/locale-box.coffee
diff --git a/app/javascript/packs/application.ts b/app/javascript/packs/application.ts
@@ -11,6 +11,7 @@ import initQuestionbox from 'retrospring/features/questionbox';
 import initQuestion from 'retrospring/features/question';
 import initModeration from 'retrospring/features/moderation';
 import initMemes from 'retrospring/features/memes';
+import initLocales from 'retrospring/features/locales';
 
 start();
 document.addEventListener('DOMContentLoaded', initAnswerbox);
@@ -22,4 +23,5 @@ document.addEventListener('DOMContentLoaded', initQuestionbox);
 document.addEventListener('DOMContentLoaded', initQuestion);
 document.addEventListener('DOMContentLoaded', initModeration);
 document.addEventListener('DOMContentLoaded', initMemes);
-document.addEventListener('turbolinks:load', initAnnouncements)
+document.addEventListener('turbolinks:load', initAnnouncements);
+document.addEventListener('turbolinks:load', initLocales);
diff --git a/app/javascript/packs/legacy.coffee b/app/javascript/packs/legacy.coffee
@@ -7,7 +7,6 @@ import 'bootstrap'
 import 'particleground/jquery.particleground.min'
 
 import '../legacy/pagination'
-import '../legacy/locale-box'
 import '../legacy/util'
 
 _ready = ->

diff --git a/app/javascript/retrospring/features/locales/index.ts b/app/javascript/retrospring/features/locales/index.ts
@@ -0,0 +1,12 @@
+import registerEvents from 'utilities/registerEvents';
+
+function localeSwitchHandler(event: Event): void {
+  event.preventDefault();
+  document.querySelector('#locales-panel').classList.toggle('d-block');
+}
+
+export default (): void => {
+  registerEvents([
+    { type: 'click', target: document.querySelector('#locale-switch'), handler: localeSwitchHandler }
+  ]);
+}