decidim/decidim

/* eslint-disable require-jsdoc */
import createSortList from "src/decidim/admin/sort_list.component"

export default function createSortableList(lists) {
  createSortList(lists, {
    handle: "li",
    forcePlaceholderSize: true,
    acceptFrom: ".js-connect"
  })
}

// Once in DOM
$(() => {
  const $draggables = $(".draggable-list")
  let draggablesClassNames = []

  $draggables.each((index, elem) => {
    draggablesClassNames = [...draggablesClassNames, `.${elem.className.split(" ").filter((name) => (/js-list.*/).test(name))[0]}`]
  })

  document.addEventListener("drag", function (event) {
    $draggables.not(event.target.parentElement).addClass("dragging")
  })

  document.addEventListener("dragend", function() {
    $draggables.removeClass("dragging")
  })

  createSortableList(draggablesClassNames.join(", "))
})