https://cdn.bukowskis.com/assets/src/admin/force_state_change_time…60470ebf589ba82e4485d995ae7484b14aea52fd.js

1import Mountable from 'src/shared/mountable'
2
3export default class ForceStateChangeTimestampSelector extends Mountable {
4  static selector = '.js-force-purchase-state-timestamp-input'
5
6  mount() {
7    this.form = this.el.closest('form')
8    this.stateSelect = this.form.querySelector('#wanted_state')
9    this.timestampInput = this.form.querySelector('#period_started_at')
10
11    this.stateSelect.addEventListener('change', e => this.handleStateChange(e))
12
13    this.handleStateChange({ target: this.stateSelect })
14  }
15
16  handleStateChange(event) {
17    const selectedState = event.target.value
18
19    if (selectedState === 'pending_end_of_cancellation_period') {
20      this.el.classList.remove('u-hidden')
21    } else {
22      this.el.classList.add('u-hidden')
23    }
24  }
25};