From 085fe055aeaee1bf147c1aa266aa46555587eba9 Mon Sep 17 00:00:00 2001
From: Marcell Mars <ki.ber@kom.uni.st>
Date: Mon, 12 Apr 2021 16:51:24 +0200
Subject: [PATCH] remove and sort order buttons

---
 src/App.svelte | 49 +++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 45 insertions(+), 4 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 21b5768..261f2f9 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -3,6 +3,28 @@
  let v = "loading...";
  let path = "loading...";
 
+ function disableButtons() {
+   let listbox = [...document.querySelector(".listbox").children]
+   let buttonUps = document.querySelectorAll(".buttonup")
+   let buttonDowns = document.querySelectorAll(".buttondown")
+
+   buttonUps.forEach((up)=>{
+     if (listbox.indexOf(up.parentNode) == 0) {
+       up.disabled = true;
+     } else {
+       up.disabled = false;
+     }
+   })
+
+   buttonDowns.forEach((down)=> {
+     if (listbox.indexOf(down.parentNode) == (listbox.length -1)) {
+       down.disabled = true;
+     } else {
+       down.disabled = false;
+     }
+   })
+ }
+
  function generateFrontMatter(frontmatter, path, relpermalink, protocol) {
    let dvm = document.querySelector('form')
 
@@ -23,7 +45,7 @@
    hiddenProtocol.setAttribute('name', 'protocol')
    hiddenProtocol.value = protocol
    dvm.prepend(hiddenProtocol)
-
+   var c = 0;
    Object.keys(frontmatter).forEach((fm)=>{
      if (Array.isArray(frontmatter[fm])) {
        console.log("Array:", frontmatter[fm])
@@ -36,24 +58,43 @@
          let moveUpItem = document.createElement('button')
          let moveDownItem = document.createElement('button')
          removeItem.setAttribute('type', 'button')
-         removeItem.addEventListener('click', (e) => { e.target.parentNode.remove() })
+         removeItem.addEventListener('click', (e) => {
+           e.target.parentNode.remove()
+           disableButtons()
+         })
          
          removeItem.textContent = "×"
          
          moveUpItem.textContent = "⇑"
          moveUpItem.setAttribute('type', 'button')
+         moveUpItem.classList.add('buttonup')
          moveUpItem.addEventListener('click', (e) => {
+           e.currentTarget.disabled = false;
            let lb = document.querySelector(".listbox")
-           lb.insertBefore(e.currentTarget.parentNode, e.currentTarget.parentNode.previousSibling )
+           lb.insertBefore(e.currentTarget.parentNode, e.currentTarget.parentNode.previousSibling)
+           disableButtons()
          })
 
          moveDownItem.textContent = "⇓"
          moveDownItem.setAttribute('type', 'button')
+         moveDownItem.classList.add('buttondown')
          moveDownItem.addEventListener('click', (e) => {
+           e.currentTarget.disabled = false;
            let lb = document.querySelector(".listbox")
-           lb.insertBefore(e.currentTarget.parentNode, e.currentTarget.parentNode.nextSibling.nextSibling )
+           let lblength = lb.children.length
+           lb.insertBefore(e.currentTarget.parentNode, e.currentTarget.parentNode.nextSibling.nextSibling)
+           disableButtons()
          })
 
+         if (c==0) {
+           moveDownItem.disabled = true;
+         }
+
+         if ((c+1) == frontmatter[fm].length) {
+           moveUpItem.disabled = true;
+         }
+         c++
+
          itemLine.prepend(moveUpItem)
          itemLine.prepend(moveDownItem)
          var input = document.createElement('input')