convert Initializer from Coffeescript to Javascript

Move the initializer also into the Javascript folder. It make sense to move the higher level Javascript first, because this will prevent loading raise conditions.

app/assets/javascripts/alchemy/admin.js

@@ -32,7 +32,6 @@
 //= require alchemy/alchemy.string_extension
 //= require alchemy/alchemy.link_dialog
 //= require alchemy/alchemy.list_filter
-//= require alchemy/alchemy.initializer
 //= require alchemy/alchemy.uploader
 //= require alchemy/alchemy.preview_window
 //= require alchemy/alchemy.spinner

app/javascript/alchemy_admin.js

@@ -7,6 +7,7 @@ import IngredientAnchorLink from "alchemy_admin/ingredient_anchor_link"
 import pictureEditors from "alchemy_admin/picture_editors"
 import ImageLoader from "alchemy_admin/image_loader"
 import ImageCropper from "alchemy_admin/image_cropper"
+import Initializer from "alchemy_admin/initializer"
 import Datepicker from "alchemy_admin/datepicker"
 import Sitemap from "alchemy_admin/sitemap"
 import Tinymce from "alchemy_admin/tinymce"
@@ -26,9 +27,16 @@ Object.assign(Alchemy, {
   pictureEditors,
   ImageLoader: ImageLoader.init,
   ImageCropper,
+  Initializer,
   IngredientAnchorLink,
   Datepicker,
   Sitemap,
   Tinymce,
   PagePublicationFields
 })
+
+$(document).on("turbo:load", Initializer)
+
+$(document).on("turbo:before-fetch-request", function () {
+  Alchemy.Tinymce.removeFrom($(".has_tinymce"))
+})

app/javascript/alchemy_admin/initializer.js

@@ -0,0 +1,58 @@
+/**
+ * add change listener to select to redirect the user after selecting another locale or site
+ * @param {string} selectId
+ * @param {string} parameterName
+ */
+function selectHandler(selectId, parameterName) {
+  $(`select#${selectId}`).on("change", function (e) {
+    let url = window.location.pathname
+    let delimiter = url.match(/\?/) ? "&" : "?"
+    Turbo.visit(`${url}${delimiter}${parameterName}=${$(this).val()}`, {})
+  })
+}
+
+function Initialize() {
+  // We obviously have javascript enabled.
+  $("html").removeClass("no-js")
+
+  // Initialize the GUI.
+  Alchemy.GUI.init()
+
+  // Fade all growl notifications.
+  if ($("#flash_notices").length > 0) {
+    Alchemy.Growler.fade()
+  }
+
+  // Add observer for please wait overlay.
+  $(".please_wait, .button_with_label form :submit")
+    .not("*[data-alchemy-confirm]")
+    .click(Alchemy.pleaseWaitOverlay)
+
+  // Hack for enabling tab focus for <a>'s styled as button.
+  $("a.button").attr({ tabindex: 0 })
+
+  // Locale select handler
+  selectHandler("change_locale", "admin_locale")
+
+  // Site select handler
+  selectHandler("change_site", "site_id")
+
+  // Submit forms of selects with `data-autosubmit="true"`
+  $('select[data-auto-submit="true"]').on("change", function () {
+    $(this.form).submit()
+  })
+
+  // Attaches the image loader on all images
+  Alchemy.ImageLoader("#main_content")
+
+  // Override the filter of keymaster.js so we can blur the fields on esc key.
+  key.filter = function (event) {
+    let tagName = (event.target || event.srcElement).tagName
+    return (
+      key.isPressed("esc") ||
+      !(tagName === "INPUT" || tagName === "SELECT" || tagName === "TEXTAREA")
+    )
+  }
+}
+
+export default Initialize