From 876558684fcc0692c35bb9164123edd0e80bd992 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakob=20R=C3=B6hrl?= <jakob.roehrl@web.de>
Date: Mon, 11 May 2020 10:25:15 +0200
Subject: [PATCH] labels are now sorted
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Jakob Röhrl <jakob.roehrl@web.de>
---
 src/components/Controls.vue             | 5 ++++-
 src/components/board/TagsTabSidebar.vue | 5 ++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/Controls.vue b/src/components/Controls.vue
index 18f199730..5244a32fd 100644
--- a/src/components/Controls.vue
+++ b/src/components/Controls.vue
@@ -62,7 +62,7 @@
 						<div class="filter">
 							<h3>{{ t('deck', 'Filter by tag') }}</h3>
 							{{ filter }}
-							<div v-for="label in board.labels" :key="label.id" class="filter--item">
+							<div v-for="label in labelsSorted" :key="label.id" class="filter--item">
 								<input
 									:id="label.id"
 									v-model="filter.tags"
@@ -225,6 +225,9 @@ export default {
 			}
 			return 'opacity: .5;'
 		},
+		labelsSorted() {
+			return [...this.board.labels].sort((a, b) => (a.title < b.title) ? -1 : 1)
+		},
 	},
 	methods: {
 		beforeSetFilter(e) {
diff --git a/src/components/board/TagsTabSidebar.vue b/src/components/board/TagsTabSidebar.vue
index cb73a23fc..08cb08c0a 100644
--- a/src/components/board/TagsTabSidebar.vue
+++ b/src/components/board/TagsTabSidebar.vue
@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<ul class="labels">
-			<li v-for="label in labels" :key="label.id" :class="{editing: (editingLabelId === label.id)}">
+			<li v-for="label in labelsSorted" :key="label.id" :class="{editing: (editingLabelId === label.id)}">
 				<!-- Edit Tag -->
 				<template v-if="editingLabelId === label.id">
 					<form class="label-form" @submit.prevent="updateLabel(label)">
@@ -111,6 +111,9 @@ export default {
 
 			return true
 		},
+		labelsSorted() {
+			return [...this.labels].sort((a, b) => (a.title < b.title) ? -1 : 1)
+		},
 
 	},
 	methods: {