Обновите значение сервера mysql по капле с помощью ng2-dragula - PullRequest
Новая
       29

Обновите значение сервера mysql по капле с помощью ng2-dragula

0 голосов
/ 25 сентября 2019

Я пытаюсь обновить значение в базе данных после удаления элемента с помощью Dragula.Часть HTML выглядит следующим образом: 

<li class="task-column task-column-on-hold">
  <span class="task-column-header">
                                                    <h4>Ideas/tasks</h4>
                                                </span>

  <ul class="task-inner-list" id="tasks">
    <li v-for="item in tasks" class="task-item">
      <h4>{{item.name}}</h4>
      <span class="task-time">
                                                    </li>
                                                </ul>
                                            </li>
                                            <li class="task-column task-column-in-progress">
                                                <span class="task-column-header">
                                                    <h4>In Progress</h4>
                                                </span>

      <ul class="task-inner-list" id="inprogress">
        <li v-for="item in inprogress" class="task-item">
          <h4>{{item.name}}</h4>
        </li>
      </ul>
    </li>

И элементы в js: 

tasks: [
  <?php
                        $id = $_GET['id'];
                        $query = query("SELECT * FROM tasks WHERE task_status='task' AND task_project_id=$id");
                        confirm($query);
                        while($row=fetch_array($query)){
                            $task_deadline = date("Y.m.d", strtotime($row['task_deadline']));
                            echo "{
                        id: '{$row['task_id']}',
                        name: '{$row['task_title']}',
                        estimate: '$task_deadline',
                        tracked: false,
                        assigned: [{
                            avatar: 'https://upload.wikimedia.org/wikipedia/en/7/70/Shawn_Tok_Profile.jpg'
                        }, {
                            avatar: 'https://d.fastcompany.net/multisite_files/fastcompany/fc_files/profile/2219225-austin-carr-profile.jpg'
                        }]
                    },";
                        }
                        ?>
]

Я реализовал Dragula следующим образом: 

function onCreate() {
  $(document).ready(() => {
    dragula([
        document.getElementById('tasks'),
        document.getElementById('inprogress')
      ])

      .on('drag', function(el) {
        el.classList.add('is-moving');
      })

      .on('dragend', function(el) {
        el.classList.remove('is-moving');
        window.setTimeout(function() {
          el.classList.add('is-moved');
          el.getAttribute
          window.setTimeout(function() {
            el.classList.remove('is-moved');
          }, 600);
        }, 100);
      });
  });
}

Я хотел быобновить столбец 'task_status' в базе данных после удаления элемента в другой столбец, но я не знаю, как получить идентификатор этого элемента и где вызвать функцию Ajax

...