Add loading icon to group selector

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/components/boards/BoardItem.vue

@@ -21,9 +21,9 @@
 -->
 
 <template>
-	<router-link class="board-list-row"
-				 :id="`board-${board.id}`"
-				 :title="board.title" :to="routeTo" tag="div">
+	<router-link :id="`board-${board.id}`"
+		:title="board.title"
+		:to="routeTo" class="board-list-row" tag="div">
 		<div class="board-list-bullet-cell">
 			<div :style="{ 'background-color': board.bullet }" class="board-list-bullet" />
 		</div>

src/components/navigation/AppNavigation.vue

@@ -49,7 +49,8 @@
 				</button>
 			</div>
 			<div id="app-settings-content">
-				<Multiselect :options="groups" :multiple="true" v-model="groupLimit"
+				<Multiselect :class="{'icon-loading-small': groupLimitDisabled}" :options="groups" :multiple="true"
+					v-model="groupLimit"
 					:disabled="groupLimitDisabled" label="displayname" track-by="id"
 					@input="updateConfig" />
 				<p>{{ t('deck', 'Limiting Deck will block users not part of those groups from creating their own boards. Users will still be able to work on boards that have been shared with them.') }}</p>