From 9636aaa48ab995698bcdc08986f561888b5866a4 Mon Sep 17 00:00:00 2001
From: Creighton <creightonfrance@gmail.com>
Date: Sun, 22 Sep 2024 21:46:56 -0500
Subject: [PATCH 1/5] feat: simplify priority handling

Signed-off-by: Creighton <creightonfrance@gmail.com>
---
 .../AppSidebar/MultiselectOption.vue          |  6 +-
 src/main.js                                   |  2 +
 src/store/tasks.js                            |  6 +-
 src/views/AppSidebar.vue                      | 81 ++++++++++++-------
 4 files changed, 63 insertions(+), 32 deletions(-)

diff --git a/src/components/AppSidebar/MultiselectOption.vue b/src/components/AppSidebar/MultiselectOption.vue
index e7e8bf690..86a6ce533 100644
--- a/src/components/AppSidebar/MultiselectOption.vue
+++ b/src/components/AppSidebar/MultiselectOption.vue
@@ -23,7 +23,7 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 -->
 
 <template>
-	<div :class="optionClass" class="multiselect-picker-option">
+	<div :style="{'color': color}" :class="optionClass" class="multiselect-picker-option">
 		<span class="multiselect-picker-option__icon">
 			<component :is="icon" :size="20" />
 		</span>
@@ -49,6 +49,10 @@ export default {
 			type: String,
 			default: null,
 		},
+		color: {
+			type: String,
+			default: null,
+		},
 	},
 }
 </script>
diff --git a/src/main.js b/src/main.js
index 3e8d4883d..3082a6185 100644
--- a/src/main.js
+++ b/src/main.js
@@ -34,6 +34,7 @@ import Delete from 'vue-material-design-icons/Delete.vue'
 import Eye from 'vue-material-design-icons/Eye.vue'
 import EyeOff from 'vue-material-design-icons/EyeOff.vue'
 import Pulse from 'vue-material-design-icons/Pulse.vue'
+import Star from 'vue-material-design-icons/Star.vue'
 import TrendingUp from 'vue-material-design-icons/TrendingUp.vue'
 
 import { createApp } from 'vue'
@@ -59,6 +60,7 @@ const Tasks = createApp(App)
 	.component('IconEye', Eye)
 	.component('IconEyeOff', EyeOff)
 	.component('IconPulse', Pulse)
+	.component('IconStar', Star)
 	.component('IconTrendingUp', TrendingUp)
 	.provide('$OCA', OCA)
 	.provide('$appVersion', appVersion)
diff --git a/src/store/tasks.js b/src/store/tasks.js
index 15603a632..ebe91c5ac 100644
--- a/src/store/tasks.js
+++ b/src/store/tasks.js
@@ -386,8 +386,12 @@ const mutations = {
 	 * @param {Task} task The task
 	 */
 	toggleStarred(state, task) {
-		if (+task.priority < 1 || +task.priority > 4) {
+		if (task.priority === 0) {
 			task.priority = 1
+		} else if (task.priority < 5) {
+			task.priority = 5
+		} else if (task.priority === 5) {
+			task.priority = 9
 		} else {
 			task.priority = 0
 		}
diff --git a/src/views/AppSidebar.vue b/src/views/AppSidebar.vue
index 5fe9bc0b7..95fb7c4fe 100644
--- a/src/views/AppSidebar.vue
+++ b/src/views/AppSidebar.vue
@@ -166,19 +166,13 @@ License along with this library. If not, see <http://www.gnu.org/licenses/>.
 					:placeholder="t('tasks', 'Select a status')"
 					icon="IconPulse"
 					@change-value="changeStatus" />
-				<SliderItem v-show="!readOnly || task.priority"
-					:value="task.priority"
-					:property-string="priorityString"
-					:read-only="readOnly"
-					:min-value="0"
-					:max-value="9"
-					:color="priorityColor"
-					:task="task"
-					@set-value="({task, value}) => setPriority({ task, priority: value })">
-					<template #icon>
-						<Star :size="20" />
-					</template>
-				</SliderItem>
+				<MultiselectItem v-show="!readOnly || priority"
+					:value="priorityOptions.find( _ => _.value === priority )"
+					:options="priorityOptions"
+					:disabled="readOnly"
+					:placeholder="t('tasks', 'Select a priority')"
+					icon="IconStar"
+					@change-value="changePriority" />
 				<SliderItem v-show="!readOnly || task.complete"
 					:value="task.complete"
 					:property-string="completeString"
@@ -612,29 +606,17 @@ export default {
 		showAllDayToggle() {
 			return !this.readOnly && (this.task.due || this.task.start || this.editingStart || this.editingDue)
 		},
-		priorityColor() {
-			if (+this.task.priority > 5) {
-				return '#4271a6'
-			}
-			if (+this.task.priority === 5) {
-				return '#fd0'
-			}
-			if (+this.task.priority > 0) {
-				return '#b3312d'
-			}
-			return null
-		},
-		priorityString() {
+		priority() {
 			if (+this.task.priority > 5) {
-				return t('tasks', 'Priority {priority}: low', { priority: this.task.priority })
+				return 9
 			}
 			if (+this.task.priority === 5) {
-				return t('tasks', 'Priority {priority}: medium', { priority: this.task.priority })
+				return 5
 			}
 			if (+this.task.priority > 0) {
-				return t('tasks', 'Priority {priority}: high', { priority: this.task.priority })
+				return 1
 			}
-			return t('tasks', 'No priority assigned')
+			return 0
 		},
 		priorityClass() {
 			if (+this.task.priority > 5) {
@@ -648,6 +630,41 @@ export default {
 			}
 			return null
 		},
+		priorityOptions() {
+			const priorityOptions = [
+				{
+					displayName: t('tasks', 'High'),
+					value: 1,
+					icon: 'IconStar',
+					optionClass: 'active',
+					color: '#b3312d'
+				},
+				{
+					displayName: t('tasks', 'Medium'),
+					value: 5,
+					icon: 'IconStar',
+					optionClass: 'active',
+					color: '#fd0',
+				},
+				{
+					displayName: t('tasks', 'Low'),
+					value: 9,
+					icon: 'IconStar',
+					optionClass: 'active',
+					color: '#4271a6',
+				},
+			]
+			if (this.task.priority) {
+				return priorityOptions.concat([{
+					displayName: t('tasks', 'Clear priority'),
+					value: null,
+					icon: 'IconDelete',
+					optionClass: 'center',
+					color: null,
+				}])
+			}
+			return priorityOptions
+		},
 		completeString() {
 			return t('tasks', '{percent} % completed', { percent: this.task.complete })
 		},
@@ -825,6 +842,10 @@ export default {
 			this.setStatus({ task: this.task, status: status.type })
 		},
 
+		changePriority(priority) {
+			this.setPriority({ task: this.task, priority: priority.value })
+		},
+
 		/**
 		 * Sets the tags of a task
 		 *

From 7499ecd56c192bae1b6f7bc71194f7cda2002329 Mon Sep 17 00:00:00 2001
From: Creighton <creightonfrance@gmail.com>
Date: Mon, 23 Sep 2024 22:03:37 -0500
Subject: [PATCH 2/5] remove unused dependency

Signed-off-by: Creighton <creightonfrance@gmail.com>
---
 src/views/AppSidebar.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/views/AppSidebar.vue b/src/views/AppSidebar.vue
index 95fb7c4fe..c0bd4f9d5 100644
--- a/src/views/AppSidebar.vue
+++ b/src/views/AppSidebar.vue
@@ -294,7 +294,6 @@ import Pencil from 'vue-material-design-icons/Pencil.vue'
 import Percent from 'vue-material-design-icons/Percent.vue'
 import Pin from 'vue-material-design-icons/Pin.vue'
 import PinOff from 'vue-material-design-icons/PinOff.vue'
-import Star from 'vue-material-design-icons/Star.vue'
 import TextBoxOutline from 'vue-material-design-icons/TextBoxOutline.vue'
 import Undo from 'vue-material-design-icons/Undo.vue'
 import Web from 'vue-material-design-icons/Web.vue'
@@ -322,7 +321,6 @@ export default {
 		Percent,
 		Pin,
 		PinOff,
-		Star,
 		TextBoxOutline,
 		Undo,
 		Web,

From 103502a248c00a5b0fc422f5275aa4cc04d60b5f Mon Sep 17 00:00:00 2001
From: Creighton <creightonfrance@gmail.com>
Date: Mon, 23 Sep 2024 22:06:05 -0500
Subject: [PATCH 3/5] trailing comma (lint)

Signed-off-by: Creighton <creightonfrance@gmail.com>
---
 src/views/AppSidebar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/AppSidebar.vue b/src/views/AppSidebar.vue
index c0bd4f9d5..622796d0d 100644
--- a/src/views/AppSidebar.vue
+++ b/src/views/AppSidebar.vue
@@ -635,7 +635,7 @@ export default {
 					value: 1,
 					icon: 'IconStar',
 					optionClass: 'active',
-					color: '#b3312d'
+					color: '#b3312d',
 				},
 				{
 					displayName: t('tasks', 'Medium'),

From 22788cc4a006901aa96ed519af4b8e312a5fd6fe Mon Sep 17 00:00:00 2001
From: Creighton France <creightonfrance@gmail.com>
Date: Tue, 23 Sep 2025 20:26:14 -0500
Subject: [PATCH 4/5] Update AppSidebar.vue

Signed-off-by: Creighton France <creightonfrance@gmail.com>
---
 src/views/AppSidebar.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/views/AppSidebar.vue b/src/views/AppSidebar.vue
index 5abf9ec8b..e81123ac8 100644
--- a/src/views/AppSidebar.vue
+++ b/src/views/AppSidebar.vue
@@ -312,8 +312,6 @@ import Pencil from 'vue-material-design-icons/PencilOutline.vue'
 import Percent from 'vue-material-design-icons/Percent.vue'
 import Pin from 'vue-material-design-icons/Pin.vue'
 import PinOff from 'vue-material-design-icons/PinOff.vue'
-import Pin from 'vue-material-design-icons/PinOutline.vue'
-import PinOff from 'vue-material-design-icons/PinOffOutline.vue'
 import TextBoxOutline from 'vue-material-design-icons/TextBoxOutline.vue'
 import Undo from 'vue-material-design-icons/Undo.vue'
 import Web from 'vue-material-design-icons/Web.vue'

From 10cfcb5d1fae5f1dda94f4e97f38fe624617ba43 Mon Sep 17 00:00:00 2001
From: Creighton France <creightonfrance@gmail.com>
Date: Tue, 23 Sep 2025 20:27:19 -0500
Subject: [PATCH 5/5] Update AppSidebar.vue

Signed-off-by: Creighton France <creightonfrance@gmail.com>
---
 src/views/AppSidebar.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/AppSidebar.vue b/src/views/AppSidebar.vue
index e81123ac8..1152d0fc6 100644
--- a/src/views/AppSidebar.vue
+++ b/src/views/AppSidebar.vue
@@ -310,8 +310,8 @@ import Magnify from 'vue-material-design-icons/Magnify.vue'
 import MapMarker from 'vue-material-design-icons/MapMarkerOutline.vue'
 import Pencil from 'vue-material-design-icons/PencilOutline.vue'
 import Percent from 'vue-material-design-icons/Percent.vue'
-import Pin from 'vue-material-design-icons/Pin.vue'
-import PinOff from 'vue-material-design-icons/PinOff.vue'
+import Pin from 'vue-material-design-icons/PinOutline.vue'
+import PinOff from 'vue-material-design-icons/PinOffOutline.vue'
 import TextBoxOutline from 'vue-material-design-icons/TextBoxOutline.vue'
 import Undo from 'vue-material-design-icons/Undo.vue'
 import Web from 'vue-material-design-icons/Web.vue'