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
sortable_reports_controller.js
49 lines
| 1 | import {Controller} from "@hotwired/stimulus" |
| 2 | import Sortable from 'sortablejs' |
| 3 | |
| 4 | export default class extends Controller { |
| 5 | static values = { |
| 6 | type: String |
| 7 | } |
| 8 | |
| 9 | connect() { |
| 10 | this.sortable = new Sortable(this.element, { |
| 11 | animation: 150, |
| 12 | ghostClass: 'iawp-sortable-ghost', |
| 13 | delay: 2000, |
| 14 | delayOnTouchOnly: true, |
| 15 | onUpdate: (event) => this.updateOrder(event) |
| 16 | }); |
| 17 | } |
| 18 | |
| 19 | updateOrder(event) { |
| 20 | const elements = Array.from(this.element.querySelectorAll('li')); |
| 21 | const ids = elements.map((element) => parseInt(element.dataset.reportId)) |
| 22 | const data = { |
| 23 | ...iawpActions.sort_reports, |
| 24 | type: this.typeValue, |
| 25 | ids |
| 26 | }; |
| 27 | |
| 28 | jQuery.post(ajaxurl, data, (response) => { |
| 29 | // Nothing to do |
| 30 | }).fail(() => { |
| 31 | this.sortable.sort( |
| 32 | this.moveArrayItem(this.sortable.toArray(), event.newIndex, event.oldIndex) |
| 33 | ) |
| 34 | }) |
| 35 | } |
| 36 | |
| 37 | moveArrayItem(array, fromIndex, toIndex) { |
| 38 | const newArray = [...array] |
| 39 | |
| 40 | if (fromIndex === toIndex) { |
| 41 | return newArray |
| 42 | } |
| 43 | |
| 44 | const itemToMove = newArray.splice(fromIndex, 1)[0] |
| 45 | newArray.splice(toIndex, 0, itemToMove) |
| 46 | |
| 47 | return newArray |
| 48 | } |
| 49 | } |