Added area deletion

views/pages/configuration.gotmpl

@@ -1,4 +1,6 @@
 {{ define "page" }}
+	{{ $version := .VERSION }}
+	<link rel="stylesheet" type="text/css" href="/css/{{ .VERSION }}/configuration.css">
 	<script type="text/javascript">
 		function newArea() {
 			let name = prompt("Area name")
@@ -47,6 +49,18 @@
 			}
 			location.href = `/section/rename/${id}/${newName.trim()}`
 		}
+
+		function deleteArea(id, name) {
+			if (!confirm(`Are you sure you want to delete '${name}'?\nEverything in it will be deleted!`))
+				return
+			location.href = `/area/delete/${id}`
+		}
+
+		function deleteSection(id, name) {
+			if (!confirm(`Are you sure you want to delete '${name}'?\nEverything in it will be deleted!`))
+				return
+			location.href = `/section/delete/${id}`
+		}
 	</script>
 
 	{{ block "page_label" . }}{{end}}
@@ -58,14 +72,21 @@
 	<div id="areas">
 		{{ range .Data.Areas }}
 		<div class="area">
-			<div class="name" onclick="renameArea({{ .ID }}, {{ .Name }})">{{ .Name }}</div>
+			<div class="name">
+				<div onclick="renameArea({{ .ID }}, '{{ .Name }}')">{{ .Name }}</div>
+				<img class="delete" src="/images/{{ $version }}/delete_white.svg" onclick="deleteArea({{ .ID }}, '{{ .Name }}')">
+			</div>
 
 			<div style="margin: 8px 16px">
 				<a href="#" onclick="newSection({{ .ID }})">Create</a>
 			</div>
 			{{ range .SortedSections }}
+			{{ 	if eq .ID 0 }}
+			{{ 		continue }}
+			{{ 	end }}
 			<div class="section configuration">
 				<div class="name" onclick="renameSection({{ .ID }}, {{ .Name }})">{{ .Name }}</div>
+				<img src="/images/{{ $version }}/delete.svg" onclick="deleteSection({{ .ID }}, '{{ .Name }}')">
 			</div>
 			{{ end }}
 		</div>

views/pages/triggers.gotmpl

@@ -38,6 +38,9 @@
 		<div class="area">
 			<div class="name">{{ .Name }}</div>
 			{{ range .SortedSections }}
+			{{ if eq .ID 0 }}
+			{{ continue }}
+			{{ end }}
 			<div class="section">
 				<div class="create">
 					<div class="name">{{ .Name }}</div>