this repo has no description
reverse order of columns
+10
-9
+6
-6
index.html
+6
-6
index.html
···
25
25
<h3>Unassigned</h3>
26
26
<div class="card-container" id="unassignedContainer"></div>
27
27
</div>
28
-
<div class="column" data-column="notImportant">
29
-
<h3>Not important to me</h3>
30
-
<div class="card-container" id="notImportantContainer"></div>
28
+
<div class="column" data-column="veryImportant">
29
+
<h3>Very important to me</h3>
30
+
<div class="card-container" id="veryImportantContainer"></div>
31
31
</div>
32
32
<div class="column" data-column="important">
33
33
<h3>Important to me</h3>
34
34
<div class="card-container" id="importantContainer"></div>
35
35
</div>
36
-
<div class="column" data-column="veryImportant">
37
-
<h3>Very important to me</h3>
38
-
<div class="card-container" id="veryImportantContainer"></div>
36
+
<div class="column" data-column="notImportant">
37
+
<h3>Not important to me</h3>
38
+
<div class="card-container" id="notImportantContainer"></div>
39
39
</div>
40
40
</div>
41
41
<button id="toPart2">Next</button>
+4
-3
index.ts
+4
-3
index.ts
···
273
273
});
274
274
container.addEventListener("drop", (e) => {
275
275
e.preventDefault();
276
-
const cardId = Number(e.dataTransfer?.getData("text/plain"));
276
+
const dragEvent = e as DragEvent;
277
+
const cardId = Number(dragEvent.dataTransfer?.getData("text/plain"));
277
278
const targetColumn = (
278
279
container.parentElement as HTMLElement
279
280
).getAttribute("data-column");
···
322
323
// Clear containers
323
324
[
324
325
"unassignedContainer",
325
-
"notImportantContainer",
326
-
"importantContainer",
327
326
"veryImportantContainer",
327
+
"importantContainer",
328
+
"notImportantContainer",
328
329
].forEach((id) => {
329
330
const container = document.getElementById(id);
330
331
if (container) container.innerHTML = "";