Created svetle app

frontend-plain/js/general.js

@@ -0,0 +1,15 @@
+function qS(selector) {
+    if(!selector) { 
+        console.error("No selector is defined!")
+        return
+    }
+    return document.querySelector(selector)
+}
+
+function qSA(selector) {
+    if(!selector) { 
+        console.error("No selector is defined!")
+        return
+    }
+    return document.querySelectorAll(selector)
+}

frontend-plain/js/home.js

@@ -0,0 +1,5 @@
+qSA(".card-beer").forEach(el => {
+	el.addEventListener("click", (e) => {
+		window.location.href = "/beer/" + el.querySelector("img").id 
+	})
+});

frontend-plain/js/modal.js

@@ -0,0 +1,15 @@
+// close on button
+const close = qSA(".md-close")
+close.forEach(one => {
+    one.addEventListener("click", (el) => {
+        qS(".md-active").classList.remove("md-active")
+    })
+})
+
+// close on backdrop
+window.onclick = function(event) {
+    const active = qS(".md-active")
+    if (event.target == active) {
+        active.classList.remove("md-active")
+    }
+} 

frontend-plain/js/nav.js

@@ -0,0 +1,25 @@
+function show_modal(selector, modal_selector = null) {
+	try {
+		if(modal_selector === null) {
+			modal_selector = selector
+		}
+		const btn = qS(selector)
+		const md = qS(modal_selector)
+		btn.addEventListener("click", (el) => {
+		    md.classList.add("md-active")
+		})
+	} catch (error) {
+	}
+}
+
+show_modal(".nav-add", "#md-add-tree")
+show_modal("#nav-login", "#md-login")
+show_modal("#nav-signup", "#md-signup")
+show_modal(".nav-user", "#md-user-tree")
+
+try {
+	qS(".nav-user").addEventListener("click", () => {
+		qS(".nav-user-dropdown").classList.toggle("visible")
+	})
+} catch (err) {
+}