cdao-pjet/app/javascript/controllers/application_controller.js

import { Controller } from 'stimulus';
import StimulusReflex from 'stimulus_reflex';
import $ from 'jquery';
import { end } from '@popperjs/core'

require("selectize/dist/js/selectize.min");
require("selectize/dist/css/selectize");

import Selectize from "selectize";

/* This is your ApplicationController.
 * All StimulusReflex controllers should inherit from this class.
 *
 * Example:
 *
 *   import ApplicationController from './application_controller'
 *
 *   export default class extends ApplicationController { ... }
 *
 * Learn more at: https://docs.stimulusreflex.com
 */
export default class extends Controller {
  connect () {
    $(".reset-document-advanced-search").on("click", function (ev) {
      ev.preventDefault()
  
      var $advanced_search_box = $(".advanced-search-box")
      
      $.each($advanced_search_box.find("input[type='text']"), function(_, el) {
        $(el).val("")
      })
      
      $.each($advanced_search_box.find("select"), function(_, el) {
        $(el).val("")
      })
    })

    StimulusReflex.register(this)
  }

  openLink ($event) {
    $event.preventDefault()
    window.location.href = this.element.dataset['href']
  }

  openLinkToNewTab ($event) {
    $event.preventDefault()
    window.open(this.element.dataset['href'])
  }

  /* Application-wide lifecycle methods
   *
   * Use these methods to handle lifecycle concerns for the entire application.
   * Using the lifecycle is optional, so feel free to delete these stubs if you don't need them.
   *
   * Arguments:
   *
   *   element - the element that triggered the reflex
   *             may be different than the Stimulus controller's this.element
   *
   *   reflex - the name of the reflex e.g. "Example#demo"
   *
   *   error/noop - the error message (for reflexError), otherwise null
   *
   *   reflexId - a UUID4 or developer-provided unique identifier for each Reflex
   */

  beforeReflex (element, reflex, noop, reflexId) {
    // document.body.classList.add('wait')
  }

  reflexSuccess (element, reflex, noop, reflexId) {
    // show success message
  }

  reflexError (element, reflex, error, reflexId) {
    // show error message
  }

  reflexHalted (element, reflex, error, reflexId) {
    // handle aborted Reflex action
  }

  afterReflex (element, reflex, noop, reflexId) {
    // document.body.classList.remove('wait')
  }

  finalizeReflex (element, reflex, noop, reflexId) {
    // all operations have completed, animation etc is now safe
  }
}