Update eslint config

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

src/components/cards/AvatarList.vue

@@ -24,13 +24,15 @@
 	<div class="avatars">
 		<div class="avatar-list" @click.stop="popoverVisible=!popoverVisible">
 			<div v-if="popover.length > 0" class="avatardiv icon-more" />
-			<avatar v-for="user in firstUsers" :key="user.id"
-				:url="avatarUrl(user)" :disable-tooltip="true" :size="32"
-			/>
+			<Avatar v-for="user in firstUsers"
+				:key="user.id"
+				:url="avatarUrl(user)"
+				:disable-tooltip="true"
+				:size="32" />
 		</div>
 
 		<div v-show="popoverVisible" class="popovermenu menu-right">
-			<popover-menu :menu="popover" />
+			<PopoverMenu :menu="popover" />
 			<slot />
 		</div>
 	</div>
@@ -44,20 +46,20 @@ export default {
 	name: 'AvatarList',
 	components: {
 		Avatar,
-		PopoverMenu
+		PopoverMenu,
 	},
 	directives: {
-		tooltip: Tooltip
+		tooltip: Tooltip,
 	},
 	props: {
 		users: {
 			type: Array,
-			default: () => { return {} }
-		}
+			default: () => { return {} },
+		},
 	},
 	data() {
 		return {
-			popoverVisible: false
+			popoverVisible: false,
 		}
 	},
 	computed: {
@@ -71,7 +73,7 @@ export default {
 				const avatarUrl = OC.generateUrl('/avatar/{user}/{size}',
 					{
 						user: user,
-						size: size
+						size: size,
 					})
 				return window.location.protocol + '//' + window.location.host + avatarUrl
 			}
@@ -82,13 +84,13 @@ export default {
 					return {
 						href: '#',
 						icon: this.avatarUrl(session),
-						text: session.participant.displayname
+						text: session.participant.displayname,
 					}
-				})
+				}),
 			]
-		}
+		},
 
-	}
+	},
 }
 </script>
 

src/components/cards/CardBadges.vue

@@ -34,7 +34,7 @@
 
 		<div v-if="card.attachments" class="card-files icon icon-files-dark" />
 
-		<avatar-list :users="card.assignedUsers" />
+		<AvatarList :users="card.assignedUsers" />
 	</div>
 </template>
 <script>
@@ -46,13 +46,13 @@ export default {
 	props: {
 		id: {
 			type: Number,
-			default: null
-		}
+			default: null,
+		},
 	},
 	data() {
 		return {
 			dueTime: null,
-			dueIcon: null
+			dueIcon: null,
 		}
 	},
 	computed: {
@@ -67,7 +67,7 @@ export default {
 		},
 		card() {
 			return this.$store.getters.cardById(this.id)
-		}
+		},
 	},
 	created() {
 		this.updateDueTime()
@@ -88,7 +88,7 @@ export default {
 
 			this.dueTime = OC.Util.relativeModifiedDate(this.card.duedate)
 
-			let timeInHours = Math.round((Date.parse(this.card.duedate) - Date.now()) / 1000 / 60 / 60 / 24)
+			const timeInHours = Math.round((Date.parse(this.card.duedate) - Date.now()) / 1000 / 60 / 60 / 24)
 			if (timeInHours >= 1) {
 				this.dueIcon = 'icon-calendar-dark due icon next'
 			}
@@ -98,8 +98,8 @@ export default {
 			if (timeInHours < 0) {
 				this.dueIcon = 'icon-calendar due icon overdue'
 			}
-		}
-	}
+		},
+	},
 }
 </script>
 

src/components/cards/CardItem.vue

@@ -25,9 +25,10 @@
   -->
 
 <template>
-	<div :class="{'compact': compactMode, 'current-card': currentCard}" tag="div" class="card"
-		@click.self="openCard"
-	>
+	<div :class="{'compact': compactMode, 'current-card': currentCard}"
+		tag="div"
+		class="card"
+		@click.self="openCard">
 		<div class="card-upper">
 			<h3 v-if="showArchived">
 				{{ card.title }}
@@ -38,9 +39,10 @@
 			<h3 v-else>
 &nbsp;
 			</h3>
-			<form v-if="editing" v-click-outside="cancelEdit" @keyup.esc="cancelEdit"
-				@submit.prevent="finishedEdit(card)"
-			>
+			<form v-if="editing"
+				v-click-outside="cancelEdit"
+				@keyup.esc="cancelEdit"
+				@submit.prevent="finishedEdit(card)">
 				<input v-model="copiedCard.title" type="text" autofocus>
 				<input type="button" class="icon-confirm" @click="finishedEdit(card)">
 			</form>
@@ -63,15 +65,17 @@
 				</ActionButton>
 			</Actions>
 
-			<modal v-if="modalShow" title="Move card to another board" @close="modalShow=false">
+			<Modal v-if="modalShow" title="Move card to another board" @close="modalShow=false">
 				<div class="modal__content">
-					<Multiselect v-model="selectedBoard" :placeholder="t('deck', 'Select a board')" :options="boards"
+					<Multiselect v-model="selectedBoard"
+						:placeholder="t('deck', 'Select a board')"
+						:options="boards"
 						label="title"
-						@select="loadStacksFromBoard"
-					/>
-					<Multiselect v-model="selectedStack" :placeholder="t('deck', 'Select a stack')" :options="stacksFromBoard"
-						label="title"
-					/>
+						@select="loadStacksFromBoard" />
+					<Multiselect v-model="selectedStack"
+						:placeholder="t('deck', 'Select a stack')"
+						:options="stacksFromBoard"
+						label="title" />
 
 					<button :disabled="!isBoardAndStackChoosen" class="primary" @click="moveCard">
 						{{ t('deck', 'Move card') }}
@@ -80,7 +84,7 @@
 						{{ t('deck', 'Cancel') }}
 					</button>
 				</div>
-			</modal>
+			</Modal>
 		</div>
 		<ul class="labels" @click="openCard">
 			<li v-for="label in card.labels" :key="label.id" :style="labelStyle(label)">
@@ -88,7 +92,7 @@
 			</li>
 		</ul>
 		<div v-show="!compactMode" class="card-controls compact-item" @click="openCard">
-			<card-badges :id="id" />
+			<CardBadges :id="id" />
 		</div>
 	</div>
 </template>
@@ -109,14 +113,14 @@ export default {
 	name: 'CardItem',
 	components: { Modal, CardBadges, Actions, ActionButton, Multiselect },
 	directives: {
-		ClickOutside
+		ClickOutside,
 	},
 	mixins: [Color],
 	props: {
 		id: {
 			type: Number,
-			default: null
-		}
+			default: null,
+		},
 	},
 	data() {
 		return {
@@ -126,14 +130,14 @@ export default {
 			modalShow: false,
 			selectedBoard: '',
 			selectedStack: '',
-			stacksFromBoard: []
+			stacksFromBoard: [],
 		}
 	},
 	computed: {
 		...mapState({
 			compactMode: state => state.compactMode,
 			showArchived: state => state.showArchived,
-			currentBoard: state => state.currentBoard
+			currentBoard: state => state.currentBoard,
 		}),
 		card() {
 			return this.$store.getters.cardById(this.id)
@@ -150,7 +154,7 @@ export default {
 			return (label) => {
 				return {
 					backgroundColor: '#' + label.color,
-					color: this.textColor(label.color)
+					color: this.textColor(label.color),
 				}
 			}
 		},
@@ -162,7 +166,7 @@ export default {
 				return false
 			}
 			return true
-		}
+		},
 	},
 	methods: {
 		openCard() {
@@ -202,8 +206,8 @@ export default {
 		},
 		async loadStacksFromBoard(board) {
 			try {
-				let url = OC.generateUrl('/apps/deck/stacks/' + board.id)
-				let response = await axios.get(url)
+				const url = OC.generateUrl('/apps/deck/stacks/' + board.id)
+				const response = await axios.get(url)
 				this.stacksFromBoard = response.data
 			} catch (err) {
 				return err
@@ -214,8 +218,8 @@ export default {
 			this.copiedCard.stackId = this.selectedStack.id
 			this.$store.dispatch('moveCard', this.copiedCard)
 			this.modalShow = false
-		}
-	}
+		},
+	},
 }
 </script>