Favorite lists (#237)

Remove/show favorites namespace if a task/list is the first to being marked as favorite

Add special case to prevent marking an archived list as favorite

Add marking a task as favorite  on namespaces page

Prevent toggling the favorite state for the favorites list

Add method to toggle list favorite in the menu

Add favorite icon to lists in menu

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/237

src/views/namespaces/ListNamespaces.vue

@@ -33,12 +33,20 @@
 						}"
 						:to="{ name: 'list.index', params: { listId: l.id} }"
 						class="list"
+						tag="span"
 						v-if="showArchived ? true : !l.isArchived"
 					>
 						<div class="is-archived-container">
-						<span class="is-archived" v-if="l.isArchived">
-							Archived
-						</span>
+							<span class="is-archived" v-if="l.isArchived">
+								Archived
+							</span>
+							<span
+								:class="{'is-favorite': l.isFavorite, 'is-archived': l.isArchived}"
+								@click.stop="toggleFavoriteList(l)"
+								class="favorite">
+								<icon icon="star" v-if="l.isFavorite"/>
+								<icon :icon="['far', 'star']" v-else/>
+							</span>
 						</div>
 						<div class="title">{{ l.title }}</div>
 					</router-link>
@@ -93,6 +101,15 @@ export default {
 				})
 			})
 		},
+		toggleFavoriteList(list) {
+			// The favorites pseudo list is always favorite
+			// Archived lists cannot be marked favorite
+			if (list.id === -1 || list.isArchived) {
+				return
+			}
+			this.$store.dispatch('lists/toggleListFavorite', list)
+				.catch(e => this.error(e, this))
+		},
 	},
 }
 </script>