fixin.me/app/javascript/application.js

// Configure your import map in config/importmap.rb. Read more:
// https://github.com/rails/importmap-rails
import "@hotwired/turbo-rails"
import "controllers"
import { disableElement, enableElement } from "element_helpers"


/* Hide page before loaded for testing purposes */
function showPage() {
  document.documentElement.style.visibility = "visible"
}
document.addEventListener('turbo:load', showPage)


/* Turbo stream actions */
Turbo.StreamElement.prototype.disableElement = disableElement
Turbo.StreamElement.prototype.enableElement = enableElement
Turbo.StreamActions.disable = function() {
  this.targetElements.forEach(disableElement)
}
Turbo.StreamActions.enable = function() {
  this.targetElements.forEach(enableElement)
}

/* TODO: change to visibility = collapse to avoid width change? */
Turbo.StreamActions.hide = function() {
  this.targetElements.forEach((e) => { e.style.display = "none" })
}

Turbo.StreamActions.show = function() {
  this.targetElements.forEach((e) => { e.style.removeProperty("display") })
}

/*
Turbo.StreamActions.collapse = function() {
  this.targetElements.forEach((e) => { e.style.visibility = "collapse" })
}
*/

Turbo.StreamActions.close_form = function() {
  this.targetElements.forEach((e) => {
    /* Move focus if there's no focus or focus inside form being closed */
    const focused = document.activeElement
    if (!focused || (focused == document.body) || e.contains(focused)) {
      let nextForm = e.parentElement.querySelector(`#${e.id} ~ tr:has([autofocus])`)
      nextForm ??= e.parentElement.querySelector("tr:has([autofocus])")
      nextForm?.querySelector("[autofocus]").focus()
    }
    document.getElementById(e.getAttribute("data-form")).remove()
    if (e.hasAttribute("data-link")) {
      this.enableElement(document.getElementById(e.getAttribute("data-link")))
    }
    if (e.hasAttribute("data-hidden-row")) {
      document.getElementById(e.getAttribute("data-hidden-row")).removeAttribute("style")
    }
    e.remove()
  })
}

Turbo.StreamActions.unselect = function() {
  this.targetElements.forEach((e) => {
    e.checked = false
    this.enableElement(e)
  })
}