Fix eslint

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

src/components/board/BoardSidebar.vue

@@ -24,8 +24,8 @@
 	<app-sidebar v-if="board != null"
 		:actions="[]"
 		:title="board.title"
-		@close="closeSidebar">
-
+		@close="closeSidebar"
+	>
 		<AppSidebarTab :order="0" name="Sharing" icon="icon-shared">
 			<SharingTabSidebar :board="board" />
 		</AppSidebarTab>
@@ -41,7 +41,6 @@
 		<AppSidebarTab :order="3" name="Timeline" icon="icon-activity">
 			<TimelineTabSidebar :board="board" />
 		</AppSidebarTab>
-
 	</app-sidebar>
 </template>
 

src/components/board/DeletedTabSidebar.vue

@@ -1,18 +1,17 @@
 <template>
 	<div>
-
 		<h3>{{ t('deck', 'Deleted stacks') }}</h3>
 		<ul>
 			<li v-for="deletedStack in deletedStacks" :key="deletedStack.id">
-
 				<span class="icon icon-deck" />
 				<span class="title">{{ deletedStack.title }}</span>
 				<button
 					:title="t('settings', 'Undo')"
 					class="app-navigation-entry-deleted-button icon-history"
-					@click="stackUndoDelete(deletedStack)" />
+					@click="stackUndoDelete(deletedStack)"
+				/>
 
-					<!-- <span class="live-relative-timestamp" data-timestamp="{{ deletedStack.deletedAt*1000  }}">{{deletedStack.deletedAt | relativeDateFilter }}</span>
+				<!-- <span class="live-relative-timestamp" data-timestamp="{{ deletedStack.deletedAt*1000  }}">{{deletedStack.deletedAt | relativeDateFilter }}</span>
 				<a @click="stackUndoDelete(deletedStack)"><span class="icon icon-history"></span></a> -->
 			</li>
 		</ul>
@@ -25,7 +24,8 @@
 				<button
 					:title="t('settings', 'Undo')"
 					class="app-navigation-entry-deleted-button icon-history"
-					@click="cardUndoDelete(deletedCard)" />
+					@click="cardUndoDelete(deletedCard)"
+				/>
 			</li>
 
 			<!-- <li ng-repeat="deletedCard in cardservice.deleted">

src/components/board/SharingTabSidebar.vue

@@ -7,7 +7,8 @@
 			label="displayName"
 			track-by="user"
 			@input="clickAddAcl"
-			@search-change="asyncFind" />
+			@search-change="asyncFind"
+		/>
 
 		<ul
 			id="shareWithList"
@@ -30,18 +31,27 @@
 				</span>
 
 				<Actions>
-					<ActionCheckbox :checked="acl.permissionEdit" @change="clickEditAcl(acl)">{{ t('deck', 'Can edit') }}</ActionCheckbox>
+					<ActionCheckbox :checked="acl.permissionEdit" @change="clickEditAcl(acl)">
+						{{ t('deck', 'Can edit') }}
+					</ActionCheckbox>
 				</Actions>
 				<Actions>
-					<ActionCheckbox :checked="acl.permissionShare" @change="clickShareAcl(acl)">{{ t('deck', 'Can share') }}</ActionCheckbox>
-					<ActionCheckbox :checked="acl.permissionManage" @change="clickManageAcl(acl)">{{ t('deck', 'Can manage') }}</ActionCheckbox>
-					<ActionButton icon="icon-delete" @click="clickDeleteAcl(acl)">{{ t('deck', 'Delete') }}</ActionButton>
+					<ActionCheckbox :checked="acl.permissionShare" @change="clickShareAcl(acl)">
+						{{ t('deck', 'Can share') }}
+					</ActionCheckbox>
+					<ActionCheckbox :checked="acl.permissionManage" @change="clickManageAcl(acl)">
+						{{ t('deck', 'Can manage') }}
+					</ActionCheckbox>
+					<ActionButton icon="icon-delete" @click="clickDeleteAcl(acl)">
+						{{ t('deck', 'Delete') }}
+					</ActionButton>
 				</Actions>
 			</li>
 		</ul>
 
 		<collection-list v-if="board.id" :id="`${board.id}`" :name="board.title"
-			type="deck" />
+			type="deck"
+		/>
 	</div>
 </template>
 

src/components/board/Stack.vue

@@ -25,15 +25,20 @@
 	<div class="stack">
 		<div class="stack--header">
 			<transition name="fade" mode="out-in">
-				<h3 v-if="!editing" @click="startEditing(stack)">{{ stack.title }}</h3>
+				<h3 v-if="!editing" @click="startEditing(stack)">
+					{{ stack.title }}
+				</h3>
 				<form v-else @submit.prevent="finishedEdit(stack)">
 					<input v-model="copiedStack.title" type="text" autofocus>
 					<input v-tooltip="t('deck', 'Add a new stack')" class="icon-confirm" type="submit"
-						value="">
+						value=""
+					>
 				</form>
 			</transition>
 			<Actions>
-				<ActionButton icon="icon-delete" @click="deleteStack(stack)">{{ t('deck', 'Delete stack') }}</ActionButton>
+				<ActionButton icon="icon-delete" @click="deleteStack(stack)">
+					{{ t('deck', 'Delete stack') }}
+				</ActionButton>
 			</Actions>
 		</div>
 
@@ -47,13 +52,14 @@
 			<label for="new-stack-input-main" class="hidden-visually">Add a new card</label>
 			<input id="new-stack-input-main" v-model="newCardTitle" type="text"
 				class="no-close"
-				placeholder="Add a new card" required>
+				placeholder="Add a new card" required
+			>
 
 			<input class="icon-confirm"
 				type="submit"
-				value="">
+				value=""
+			>
 		</form>
-
 	</div>
 </template>
 

src/components/board/TagsTabSidebar.vue

@@ -6,9 +6,11 @@
 					<form class="label-form" @submit.prevent="updateLabel(label)">
 						<input v-model="editingLabel.title" type="text">
 						<input v-tooltip="{content: missingDataLabel, show: !editLabelObjValidated, trigger: 'manual' }" :disabled="!editLabelObjValidated" type="submit"
-							value="" class="icon-confirm">
+							value="" class="icon-confirm"
+						>
 						<input v-tooltip="t('deck', 'Cancel')" value=""
-							class="icon-close" @click="editingLabelId = null">
+							class="icon-close" @click="editingLabelId = null"
+						>
 					</form>
 					<ColorPicker :value="'#' + editingLabel.color" @input="updateColor" />
 				</template>
@@ -27,9 +29,11 @@
 						<input v-model="addLabelObj.title" type="text">
 						<input v-tooltip="{content: missingDataLabel, show: !addLabelObjValidated, trigger: 'manual' }" :disabled="!addLabelObjValidated"
 							type="submit"
-							value="" class="icon-confirm">
+							value="" class="icon-confirm"
+						>
 						<input v-tooltip="t('deck', 'Cancel')" value=""
-							class="icon-close" @click="addLabel=false">
+							class="icon-close" @click="addLabel=false"
+						>
 					</form>
 					<ColorPicker :value="'#' + addLabelObj.color" @input="updateColor" />
 				</template>
@@ -45,14 +49,12 @@
 
 import { mapGetters } from 'vuex'
 import Color from '../../mixins/color'
-import { Compact } from 'vue-color'
 import ColorPicker from '../ColorPicker'
 
 export default {
 	name: 'TagsTabSidebar',
 	components: {
-		ColorPicker,
-		'compact-picker': Compact
+		ColorPicker
 	},
 	mixins: [Color],
 	data() {

src/components/board/TimelineTabSidebar.vue

@@ -3,8 +3,11 @@
 		<div v-if="isLoading" class="icon icon-loading" />
 
 		<ActivityEntry v-for="entry in boardActivity" v-else :key="entry.activity_id"
-			:activity="entry" />
-		<button v-if="activityLoadMore" @click="loadMore">Load More</button>
+			:activity="entry"
+		/>
+		<button v-if="activityLoadMore" @click="loadMore">
+			Load More
+		</button>
 	</div>
 </template>