jav 2.55.4

data/app/javascript/js/controllers/item_select_all_controller.js

@@ -0,0 +1,69 @@
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+  static targets = ['itemCheckbox', 'checkbox', 'selectAllOverlay', 'unselectedMessage', 'selectedMessage']
+
+  static values = {
+    pageCount: Number,
+    selectedAll: Boolean,
+    selectedAllQuery: String,
+  }
+
+  connect() {
+    this.resourceName = this.element.dataset.resourceName
+  }
+
+  toggle(event) {
+    const checked = !!event.target.checked
+    document.querySelectorAll(`[data-controller="item-selector"][data-resource-name="${this.resourceName}"] input[type=checkbox]`)
+      .forEach((checkbox) => checkbox.checked !== checked && checkbox.click())
+
+    if (this.selectAllEnabled()) {
+      this.selectAllOverlay(checked)
+
+      // When de-selecting everything, ensure the selectAll toggle is false and hide overlay.
+      if (!checked) {
+        this.resetUnselected()
+      }
+    }
+  }
+
+  selectRow() {
+    let allSelected = true
+    // eslint-disable-next-line no-return-assign
+    this.itemCheckboxTargets.forEach((checkbox) => allSelected = allSelected && checkbox.checked)
+    this.checkboxTarget.checked = allSelected
+
+    if (this.selectAllEnabled()) {
+      this.selectAllOverlay(allSelected)
+      this.resetUnselected()
+    }
+  }
+
+  selectAll(event) {
+    event.preventDefault()
+
+    this.selectedAllValue = !this.selectedAllValue
+    this.unselectedMessageTarget.classList.toggle('hidden')
+    this.selectedMessageTarget.classList.toggle('hidden')
+  }
+
+  resetUnselected() {
+    this.selectedAllValue = false
+    this.unselectedMessageTarget.classList.remove('hidden')
+    this.selectedMessageTarget.classList.add('hidden')
+  }
+
+  selectAllOverlay(show) {
+    if (show) {
+      this.selectAllOverlayTarget.classList.remove('hidden')
+    } else {
+      this.selectAllOverlayTarget.classList.add('hidden')
+    }
+  }
+
+  // True if there are more pages available and if query encryption run successfully
+  selectAllEnabled() {
+    return this.pageCountValue > 1 && this.selectedAllQueryValue !== 'select_all_disabled'
+  }
+}

data/app/javascript/js/controllers/item_selector_controller.js

@@ -0,0 +1,94 @@
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+  static targets = ['panel'];
+
+  checkbox = {};
+
+  enabledClasses = ['text-black']
+
+  disabledClasses = ['text-gray-500']
+
+  get actionsPanelPresent() {
+    return this.actionsButtonElement !== null
+  }
+
+  get currentIds() {
+    try {
+      return JSON.parse(this.stateHolderElement.dataset.selectedResources)
+    } catch (error) {
+      return []
+    }
+  }
+
+  get actionLinks() {
+    return document.querySelectorAll(
+      '.js-actions-dropdown a[data-actions-picker-target="resourceAction"]',
+    )
+  }
+
+  set currentIds(value) {
+    this.stateHolderElement.dataset.selectedResources = JSON.stringify(value)
+
+    if (this.actionsPanelPresent) {
+      if (value.length > 0) {
+        this.enableResourceActions()
+      } else {
+        this.disableResourceActions()
+      }
+    }
+  }
+
+  connect() {
+    this.resourceName = this.element.dataset.resourceName
+    this.resourceId = this.element.dataset.resourceId
+    this.actionsButtonElement = document.querySelector(
+      `[data-actions-dropdown-button="${this.resourceName}"]`,
+    )
+    this.stateHolderElement = document.querySelector(
+      `[data-selected-resources-name="${this.resourceName}"]`,
+    )
+  }
+
+  addToSelected() {
+    const ids = this.currentIds
+
+    ids.push(this.resourceId)
+
+    this.currentIds = ids
+  }
+
+  removeFromSelected() {
+    this.currentIds = this.currentIds.filter(
+      (item) => item.toString() !== this.resourceId,
+    )
+  }
+
+  toggle(event) {
+    this.checkbox = event.target
+
+    if (this.checkbox.checked) {
+      this.addToSelected()
+    } else {
+      this.removeFromSelected()
+    }
+  }
+
+  enableResourceActions() {
+    this.actionLinks.forEach((link) => {
+      link.classList.add(...this.enabledClasses)
+      link.classList.remove(...this.disabledClasses)
+      link.setAttribute('data-href', link.getAttribute('href'))
+      link.dataset.disabled = false
+    })
+  }
+
+  disableResourceActions() {
+    this.actionLinks.forEach((link) => {
+      link.classList.remove(...this.enabledClasses)
+      link.classList.add(...this.disabledClasses)
+      link.setAttribute('href', link.getAttribute('data-href'))
+      link.dataset.disabled = true
+    })
+  }
+}

data/app/javascript/js/controllers/loading_button_controller.js

@@ -0,0 +1,63 @@
+/* eslint-disable no-alert */
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+  spinnerMarkup = `<div class="button-spinner">
+  <div class="double-bounce1"></div>
+  <div class="double-bounce2"></div>
+</div>`;
+
+  static values = {
+    confirmationMessage: String,
+    confirmed: Boolean,
+  }
+
+  attemptSubmit(e) {
+    // If the user has to confirm the action
+    if (this.confirmationMessageValue) {
+      this.confirmAndApply(e)
+    } else {
+      this.applyLoader()
+    }
+
+    return null
+  }
+
+  confirmAndApply(e) {
+    // Intervene only if not confirmed
+    if (!this.confirmedValue) {
+      e.preventDefault()
+
+      if (window.confirm(this.confirmationMessageValue)) {
+        this.applyLoader()
+      }
+    }
+  }
+
+  get button() {
+    return this.context.scope.element
+  }
+
+  applyLoader() {
+    const { button } = this
+
+    button.style.width = `${button.getBoundingClientRect().width}px`
+    button.style.height = `${button.getBoundingClientRect().height}px`
+    button.innerHTML = this.spinnerMarkup
+    button.classList.add('justify-center')
+
+    setTimeout(() => {
+      this.markConfirmed()
+      button.click()
+      button.setAttribute('disabled', 'disabled')
+    }, 1)
+  }
+
+  markConfirmed() {
+    this.confirmedValue = true
+  }
+
+  markUnconfirmed() {
+    this.confirmedValue = false
+  }
+}

data/app/javascript/js/controllers/menu_controller.js

@@ -0,0 +1,66 @@
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+  static targets = ['svg', 'items', 'self'];
+
+  collapsed = true;
+
+  get key() {
+    return this.selfTarget.getAttribute('data-menu-key-param')
+  }
+
+  get defaultState() {
+    return this.selfTarget.getAttribute('data-menu-default-collapsed-state')
+  }
+
+  get userState() {
+    return window.localStorage.getItem(this.key)
+  }
+
+  set userState(payload) {
+    window.localStorage.setItem(this.key, payload)
+  }
+
+  get initiallyCollapsed() {
+    if (!this.userState) {
+      return this.defaultState === 'collapsed'
+    }
+
+    return this.userState === 'collapsed'
+  }
+
+  connect() {
+    if (this.initiallyCollapsed) {
+      this.collapsed = true
+      this.markCollapsed()
+    } else {
+      this.collapsed = false
+      this.markExpanded()
+    }
+  }
+
+  triggerCollapse() {
+    this.collapsed = !this.collapsed
+    this.userState = this.collapsed ? 'collapsed' : 'expanded'
+
+    this.updateDom()
+  }
+
+  updateDom() {
+    if (this.collapsed) {
+      this.markCollapsed()
+    } else {
+      this.markExpanded()
+    }
+  }
+
+  markCollapsed() {
+    this.svgTarget.classList.add('rotate-90')
+    this.itemsTarget.classList.add('hidden')
+  }
+
+  markExpanded() {
+    this.svgTarget.classList.remove('rotate-90')
+    this.itemsTarget.classList.remove('hidden')
+  }
+}

data/app/javascript/js/controllers/modal_controller.js

@@ -0,0 +1,20 @@
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+  static targets = ['modal']
+
+  close() {
+    this.modalTarget.remove()
+
+    document.dispatchEvent(new Event('actions-modal:close'))
+  }
+
+  delayedClose() {
+    const vm = this
+
+    setTimeout(() => {
+      vm.modalTarget.remove()
+      document.dispatchEvent(new Event('actions-modal:close'))
+    }, 500)
+  }
+}

data/app/javascript/js/controllers/multiple_select_filter_controller.js

@@ -0,0 +1,17 @@
+import BaseFilterController from './filter_controller'
+
+export default class extends BaseFilterController {
+  static targets = ['selector']
+
+  getFilterValue() {
+    const filterValue = Array.from(this.selectorTarget.selectedOptions).map(({ value }) => value)
+
+    return filterValue.length === 0 ? null : filterValue
+  }
+
+  getFilterClass() {
+    const { filterClass } = this.selectorTarget.dataset
+
+    return filterClass
+  }
+}

data/app/javascript/js/controllers/per_page_controller.js

@@ -0,0 +1,13 @@
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+  static targets = ['selector']
+
+  get turboFrame() {
+    return this.selectorTarget.dataset.turboFrame
+  }
+
+  reload() {
+    document.querySelector(`[data-per-page-option="${this.selectorTarget.value}"][data-turbo-frame="${this.turboFrame}"]`).click()
+  }
+}

data/app/javascript/js/controllers/resource_edit_controller.js

@@ -0,0 +1,72 @@
+import { Controller } from '@hotwired/stimulus'
+import camelCase from 'lodash/camelCase'
+
+export default class extends Controller {
+  static targets = []
+
+  static values = {
+    view: String,
+  }
+
+  debugOnInput(e) {
+    // eslint-disable-next-line no-console
+    console.log('onInput', e, e.target.value)
+  }
+
+  toggle({ params }) {
+    const { toggleTarget, toggleTargets } = params
+
+    if (toggleTarget) {
+      this.toggleJavTarget(toggleTarget)
+    }
+
+    if (toggleTargets && toggleTargets.length > 0) {
+      toggleTargets.forEach(this.toggleJavTarget.bind(this))
+    }
+  }
+
+  disable({ params }) {
+    const { disableTarget, disableTargets } = params
+
+    if (disableTarget) {
+      this.disableJavTarget(disableTarget)
+    }
+
+    if (disableTargets && disableTargets.length > 0) {
+      disableTargets.forEach(this.disableJavTarget.bind(this))
+    }
+  }
+
+  // Private
+
+  toggleJavTarget(targetName) {
+    // compose the default wrapper data value
+    const target = camelCase(targetName)
+    const element = document.querySelector(`[data-resource-edit-target="${target}"]`)
+
+    if (element) {
+      element.classList.toggle('hidden')
+    }
+  }
+
+  disableJavTarget(targetName) {
+    // compose the default wrapper data value
+    const target = camelCase(targetName)
+
+    // find & disable direct selector
+    document.querySelectorAll(`[data-resource-edit-target="${target}"]`).forEach(this.toggleItemDisabled)
+
+    // find & disable inputs
+    document.querySelectorAll(`[data-resource-edit-target="${target}"] input`).forEach(this.toggleItemDisabled)
+
+    // find & disable select fields
+    document.querySelectorAll(`[data-resource-edit-target="${target}"] select`).forEach(this.toggleItemDisabled)
+
+    // find & disable buttons for belongs_to
+    document.querySelectorAll(`[data-resource-edit-target="${target}"] [data-slot="value"] button`).forEach(this.toggleItemDisabled)
+  }
+
+  toggleItemDisabled(item) {
+    item.disabled = !item.disabled
+  }
+}

data/app/javascript/js/controllers/resource_index_controller.js

@@ -0,0 +1,4 @@
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+}

data/app/javascript/js/controllers/resource_show_controller.js

@@ -0,0 +1,4 @@
+import { Controller } from '@hotwired/stimulus'
+
+export default class extends Controller {
+}