From 37efdc7c812d3041d8b781bc1eacdfc64af8e267 Mon Sep 17 00:00:00 2001
From: root <root@server1.ispc.lan>
Date: Fri, 24 Mar 2023 15:47:56 +0100
Subject: [PATCH] Funktion dropzone_toggle()

---
 script.js | 26 +++++++++++++++-----------
 1 file changed, 15 insertions(+), 11 deletions(-)

diff --git a/script.js b/script.js
index fe320e1..809e8e8 100644
--- a/script.js
+++ b/script.js
@@ -4,23 +4,19 @@ filetypes = ['image/png', 'image/jpeg', 'image/gif'];
 
 dropzone.addEventListener('dragover', function(e) {
 	e.preventDefault();
-	this.classList.remove('inactive');
-	this.classList.add('active');
+	dropzone_toggle("on");
 });
 
 dropzone.addEventListener('dragleave', function(e) {
-	this.classList.remove('active');
-	this.classList.add('inactive');
+	dropzone_toggle("off");
 });
 
 dropzone.addEventListener('mousedown', function(e) {
-	this.classList.remove('inactive');
-	this.classList.add('active');
+	dropzone_toggle("on");
 });
 
 dropzone.addEventListener('mouseup', function(e) {
-	this.classList.remove('active');
-	this.classList.add('inactive');
+	dropzone_toggle("off");
 });
 
 dropzone.addEventListener('click', function(e) {
@@ -38,9 +34,7 @@ dropzone.addEventListener('click', function(e) {
 
 dropzone.addEventListener('drop', function(e) {
 	e.preventDefault();
-
-	this.classList.remove('active');
-	this.classList.add('inactive');
+	dropzone_toggle("off");
 	
 	file = e.dataTransfer.files[0];
 	if(filetypes.includes(file.type)) {
@@ -48,6 +42,16 @@ dropzone.addEventListener('drop', function(e) {
 	}
 });
 
+function dropzone_toggle(state) {
+	if(state == "on") {
+		dropzone.classList.remove('inactive');
+		dropzone.classList.add('active');
+	} else if(state == "off") {
+		dropzone.classList.remove('active');
+		dropzone.classList.add('inactive');
+	}
+}
+
 function upload(file) {
 	const data = new FormData();
 	data.append('upload', file)