overview
1 year ago
campaign_builder_controller.js
1 year ago
chart_controller.js
2 months ago
chart_interval_controller.js
2 years ago
clipboard_controller.js
1 year ago
copy_report_controller.js
2 years ago
create_report_controller.js
1 year ago
delete_data_controller.js
1 year ago
delete_report_controller.js
2 years ago
easepick_controller.js
2 years ago
examiner_controller.js
2 months ago
examiner_header_controller.js
11 months ago
export_overview_controller.js
9 months ago
export_reports_controller.js
2 years ago
filters_controller.js
6 months ago
group_controller.js
2 years ago
import_reports_controller.js
2 years ago
journey_controller.js
6 months ago
map_controller.js
9 months ago
migration_redirect_controller.js
2 years ago
modal_controller.js
2 years ago
pause_emails_controller.js
6 months ago
pie_chart_controller.js
6 months ago
plugin_group_options_controller.js
1 year ago
pruner_controller.js
5 months ago
quick_stats_controller.js
1 year ago
real_time_controller.js
6 months ago
refresh_overview_controller.js
1 year ago
rename_report_controller.js
2 years ago
report_controller.js
2 months ago
reset_analytics_controller.js
1 year ago
reset_overview_controller.js
1 year ago
save_report_controller.js
2 years ago
select_input_controller.js
2 years ago
set_favorite_report_controller.js
2 years ago
sort_controller.js
2 years ago
sortable_reports_controller.js
2 years ago
table_columns_controller.js
2 years ago
tooltip_controller.js
6 months ago
woocommerce_settings_controller.js
1 year ago
woocommerce_settings_controller.js
96 lines
| 1 | import {Controller} from "@hotwired/stimulus" |
| 2 | import MicroModal from "micromodal" |
| 3 | |
| 4 | export default class extends Controller { |
| 5 | static targets = ['saveButton', 'resetButton', 'message'] |
| 6 | |
| 7 | getCheckboxes() { |
| 8 | return Array.from(this.element.querySelectorAll('input[type="checkbox"]')) |
| 9 | } |
| 10 | |
| 11 | getSelectedStatusIds() { |
| 12 | return this.getCheckboxes() |
| 13 | .filter((checkbox) => checkbox.checked) |
| 14 | .map((checkbox) => checkbox.name) |
| 15 | } |
| 16 | |
| 17 | toggleInputs(shouldDisable) { |
| 18 | this.saveButtonTarget.toggleAttribute('disabled', shouldDisable) |
| 19 | this.resetButtonTarget.toggleAttribute('disabled', shouldDisable) |
| 20 | Array.from(this.element.querySelectorAll('input[type="checkbox"]')).forEach((element) => { |
| 21 | element.toggleAttribute('disabled', shouldDisable) |
| 22 | }) |
| 23 | } |
| 24 | |
| 25 | enableInputs() { |
| 26 | this.toggleInputs(false) |
| 27 | } |
| 28 | |
| 29 | disableInputs() { |
| 30 | this.toggleInputs( true) |
| 31 | } |
| 32 | |
| 33 | async saveClick() { |
| 34 | this.disableInputs() |
| 35 | const response = await this.sendRequest({ |
| 36 | statusesToTrack: this.getSelectedStatusIds() |
| 37 | }) |
| 38 | this.enableInputs() |
| 39 | |
| 40 | if(response.wasSuccessful) { |
| 41 | this.updateStatusCheckboxes(response.statusesToTrack) |
| 42 | this.showMessage(true, 'Statuses were saved') |
| 43 | } else { |
| 44 | this.showMessage(false, 'Unable to save statuses') |
| 45 | } |
| 46 | } |
| 47 | |
| 48 | async resetClick() { |
| 49 | this.disableInputs() |
| 50 | const response = await this.sendRequest({ |
| 51 | resetToDefault: true, |
| 52 | }) |
| 53 | this.enableInputs() |
| 54 | |
| 55 | if(response.wasSuccessful) { |
| 56 | this.updateStatusCheckboxes(response.statusesToTrack) |
| 57 | this.showMessage(true, 'Statuses were reset') |
| 58 | } else { |
| 59 | this.showMessage(false, 'Unable to reset statuses') |
| 60 | } |
| 61 | } |
| 62 | |
| 63 | async sendRequest({statusesToTrack = null, resetToDefault = false}) { |
| 64 | const data = { |
| 65 | ...iawpActions.set_woocommerce_statuses_to_track, |
| 66 | statusesToTrack, |
| 67 | resetToDefault |
| 68 | } |
| 69 | const response = await jQuery.post(ajaxurl, data) |
| 70 | |
| 71 | return { |
| 72 | wasSuccessful: response.success, |
| 73 | statusesToTrack: response.data.statusesToTrack |
| 74 | } |
| 75 | } |
| 76 | |
| 77 | updateStatusCheckboxes(statuses) { |
| 78 | const trackedStatusIds = statuses |
| 79 | .filter(status => status['is_tracked']) |
| 80 | .map(status => status.id) |
| 81 | |
| 82 | this.getCheckboxes().forEach((element) => { |
| 83 | element.checked = trackedStatusIds.includes(element.name) |
| 84 | }) |
| 85 | } |
| 86 | |
| 87 | showMessage(isAGoodMessage, message) { |
| 88 | this.messageTarget.style.color = isAGoodMessage ? 'green' : 'red' |
| 89 | this.messageTarget.innerText = message |
| 90 | |
| 91 | setTimeout(() => { |
| 92 | this.messageTarget.innerText = '' |
| 93 | }, 2000) |
| 94 | } |
| 95 | } |
| 96 |