Обновите записи в базе данных после перетаскивания с помощью Dragula и Rails

Я пытаюсь обновить записи в базе данных, когда перетаскиваю элементы с помощью библиотеки Dragula с рельсами. Я нашел способ сделать это с помощью jquery ui и acts_as_list gem, но это не то, что я хочу делать.

Вот код, который у меня есть:

<div id="kaban">
  <div id="scroller">
    <div id="boards">
    <% @posts.each do |post| %>
      <div class="board" id="board1">
        <span class="head"><%= post.title %></span>
        <div class="cards" data-url="<%= sort_posts_path %>">
          <div class="card" id="post_<%= post.id %>">
            <span class="cardtitle noselect">
              <%= post.body %>
              <br>
              <span><em>ahmad abdelhalim</em></span>
            </span>
        </div>
        </div>
      </div>
      <% end %>
    </div>
  </div>
</div>

<script>
$( document ).ready(function() {

    var drake = dragula({
      isContainer: function (el) {
        return el.classList.contains('cards');
      }
    });


    // Scrollable area
    var element = document.getElementById("boards"); // Count Boards
    var numberOfBoards = element.getElementsByClassName('board').length;
    var boardsWidth = numberOfBoards*316 // Width of all Boards
    console.log(boardsWidth);
    element.style.width = boardsWidth+"px"; // set Width

    // disable text-selection
    function disableselect(e) {return false;}
    document.onselectstart = new Function ()
    document.onmousedown = disableselect
})

</script>

0 ответов

Другие вопросы по тегам