js/ts/vue lint - no functional change -

npm run format:fix

Signed-off-by: philippe lhardy <philippe.lhardy@astrolabe.coop>

Author: philippe lhardy

src/Api/modules/polls.ts

@@ -7,7 +7,12 @@ import { httpInstance, createCancelTokenHandler } from './HttpApi'
 import type { AxiosResponse } from '@nextcloud/axios'
 import type { ApiEmailAdressList, FullPollResponse } from './api.types'
 import type { PollGroup } from '../../stores/pollGroups.types'
-import type { Poll, PollConfiguration, PollType, VotingVariant } from '../../stores/poll.types'
+import type {
+	Poll,
+	PollConfiguration,
+	PollType,
+	VotingVariant,
+} from '../../stores/poll.types'
 
 export type Confirmations = {
 	sentMails: { emailAddress: string; displayName: string }[]
@@ -87,7 +92,11 @@ const polls = {
 		})
 	},
 
-	addPoll(type: PollType, title: string, votingVariant: VotingVariant): Promise<AxiosResponse<{ poll: Poll }>> {
+	addPoll(
+		type: PollType,
+		title: string,
+		votingVariant: VotingVariant,
+	): Promise<AxiosResponse<{ poll: Poll }>> {
 		return httpInstance.request({
 			method: 'POST',
 			url: 'poll/add',

src/components/Configuration/ConfigRankOptions.vue

@@ -2,17 +2,19 @@
 	<div class="option-container">
 		<!-- Menu to choose the rank for this poll -->
 		<select v-model="selectedOption">
-			<option v-for="(option, index) in internalChosenRank" :key="index" :value="option">
-			{{ option }}
+			<option
+				v-for="(option, index) in internalChosenRank"
+				:key="index"
+				:value="option">
+				{{ option }}
 			</option>
 		</select>
 		<!-- text field to add a new value to the rank -->
 		<NcTextField
 			v-model="newOption"
 			:placeholder="t('polls', 'Enter a new option')"
 			:label="t('polls', 'New option')"
-			class="nc-text-field"
-		/>
+			class="nc-text-field" />
 		<NcButton icon @click="addOption">
 			<PlusIcon />
 		</NcButton>
@@ -24,7 +26,7 @@
 </template>
 
 <script setup>
-import { ref,onMounted } from 'vue'
+import { ref, onMounted } from 'vue'
 import { usePollStore } from '../../stores/poll.js'
 import { t } from '@nextcloud/l10n'
 import { NcButton, NcTextField } from '@nextcloud/vue'
@@ -41,11 +43,11 @@ const newOption = ref('')
 
 onMounted(() => {
 	try {
-		const initialValue = JSON.parse(pollStore.configuration.chosenRank || '[]');
-		if ( Array.isArray(initialValue) ) {
-			internalChosenRank.value = initialValue;
+		const initialValue = JSON.parse(pollStore.configuration.chosenRank || '[]')
+		if (Array.isArray(initialValue)) {
+			internalChosenRank.value = initialValue
 		} else {
-			internalChosenRank.value = [initialValue];
+			internalChosenRank.value = [initialValue]
 		}
 		if (internalChosenRank.value.length > 0) {
 			selectedOption.value = internalChosenRank.value[0]
@@ -79,33 +81,33 @@ async function addOption() {
 }
 
 async function removeOption() {
-	const updated = internalChosenRank.value.filter(o => o !== selectedOption.value)
+	const updated = internalChosenRank.value.filter(
+		(o) => o !== selectedOption.value,
+	)
 	internalChosenRank.value = updated
 	selectedOption.value = updated[0] || null
 	await updateChosenRank(updated)
 }
-
 </script>
 
 <style scoped>
 .option-container {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 8px;
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	margin-bottom: 8px;
 }
 
 .nc-text-field {
-  flex-grow: 1;
-  margin-right: 8px;
-  margin-bottom: 8px;
-  width: 100px;
+	flex-grow: 1;
+	margin-right: 8px;
+	margin-bottom: 8px;
+	width: 100px;
 }
 
 .option-item {
-  display: flex;
-  align-items: center;
-  gap: 4px;
+	display: flex;
+	align-items: center;
+	gap: 4px;
 }
 </style>
-

src/components/Create/PollCreateDlg.vue

@@ -61,7 +61,7 @@ async function addPoll() {
 		const poll = await pollStore.add({
 			type: pollType.value,
 			title: pollTitle.value,
-			votingVariant: votingVariant.value
+			votingVariant: votingVariant.value,
 		})
 
 		if (poll) {

src/components/Navigation/PollNavigationItems.vue

@@ -34,7 +34,7 @@ const sessionStore = useSessionStore()
 		"
 		:class="{ closed: poll.status.isExpired }">
 		<template #icon>
-			<TextPollIcon v-if="poll.type === 'textPoll'"/>
+			<TextPollIcon v-if="poll.type === 'textPoll'" />
 			<DatePollIcon v-else />
 		</template>
 		<template #actions>

src/components/SideBar/SideBarTabConfiguration.vue

@@ -73,15 +73,17 @@ const votesStore = useVotesStore()
 				v-if="pollStore.configuration.allowComment"
 				@change="pollStore.write" />
 			<template v-if="pollStore.votingVariant === 'generic'">
-			<ConfigAllowMayBe @change="pollStore.write" />
-			<ConfigUseNo @change="pollStore.write" />
-			<ConfigAnonymous @change="pollStore.write" />
+				<ConfigAllowMayBe @change="pollStore.write" />
+				<ConfigUseNo @change="pollStore.write" />
+				<ConfigAnonymous @change="pollStore.write" />
 			</template>
 			<ConfigVoteLimit @change="pollStore.write" />
 			<ConfigOptionLimit @change="pollStore.write" />
 		</ConfigBox>
 
-		<ConfigBox v-if="pollStore.votingVariant === 'generic'" :name="t('polls', 'Generic Options')">
+		<ConfigBox
+			v-if="pollStore.votingVariant === 'generic'"
+			:name="t('polls', 'Generic Options')">
 			<template #icon>
 				<PollConfigIcon />
 			</template>

src/components/VoteTable/VoteButton.vue

@@ -48,7 +48,7 @@ const vote = computed(() =>
 	}),
 )
 
-const chosenRank=JSON.parse(pollStore.configuration.chosenRank)
+const chosenRank = JSON.parse(pollStore.configuration.chosenRank)
 
 const nextAnswer = computed<richAnswer>(() => {
 	if (['no', ''].includes(vote.value.answer)) {
@@ -78,20 +78,20 @@ async function setVote() {
 	}
 }
 
-async function handleRankSelected(event){
+async function handleRankSelected(event) {
 	const selectElement = event.target
 	const rank = selectElement.value
 	try {
 		await votesStore.set({
 			option,
 			setTo: String(rank),
-		});
-		showSuccess(t('polls', 'Vote saved'), { timeout: 2000 });
+		})
+		showSuccess(t('polls', 'Vote saved'), { timeout: 2000 })
 	} catch (error) {
 		if ((error as AxiosError).status === 409) {
-			showError(t('polls', 'Vote already booked out'));
+			showError(t('polls', 'Vote already booked out'))
 		} else {
-			showError(t('polls', 'Error saving vote'));
+			showError(t('polls', 'Error saving vote'))
 		}
 	}
 }
@@ -100,13 +100,13 @@ async function handleRankSelected(event){
 <template>
 	<div v-if="pollStore.votingVariant === 'generic'" class="generic-vote">
 		<select
-		:value="vote.answer"
-		class="vote-ranking"
-		@change="handleRankSelected">
-		<option disabled value=""></option>
-		<option v-for="rank in chosenRank" :key="rank" :value="rank">
-			{{ rank }}
-		</option>
+			:value="vote.answer"
+			class="vote-ranking"
+			@change="handleRankSelected">
+			<option disabled value=""></option>
+			<option v-for="rank in chosenRank" :key="rank" :value="rank">
+				{{ rank }}
+			</option>
 		</select>
 	</div>
 	<div v-else>

src/components/VoteTable/VoteItem.vue

@@ -45,8 +45,8 @@ const iconAnswer = computed(() => {
 </script>
 
 <template>
-	<div v-if="pollStore.votingVariant==='generic'" class="generic-vote">
-		{{vote.answer}}
+	<div v-if="pollStore.votingVariant === 'generic'" class="generic-vote">
+		{{ vote.answer }}
 	</div>
 	<div v-else class="vote-item" :class="vote.answer">
 		<VoteIndicator :answer="iconAnswer" />

src/components/VoteTable/VoteTable.vue

@@ -149,7 +149,10 @@ function isVotable(participant: User, option: Option) {
 			</StickyDiv>
 
 			<Counter
-				v-if="pollStore.votingVariant === 'simple' && pollStore.permissions.seeResults"
+				v-if="
+					pollStore.votingVariant === 'simple'
+					&& pollStore.permissions.seeResults
+				"
 				:id="`counter-${option.id}`"
 				:key="`counter-${option.id}`"
 				:class="{

src/stores/poll.ts

@@ -30,7 +30,7 @@ import type {
 	PollStore,
 	PollTypesType,
 	VotingVariant,
-	VotingVariantsType
+	VotingVariantsType,
 } from './poll.types'
 import type { ViewMode } from './preferences.types'
 
@@ -53,10 +53,10 @@ export const votingVariants: Record<VotingVariant, VotingVariantsType> = {
 	},
 	generic: {
 		name: t('polls', 'Generic variant'),
-	}
+	},
 }
 
-const DEFAULT_CHOSEN_RANK : Array<string> = [] ;
+const DEFAULT_CHOSEN_RANK: Array<string> = []
 
 export const usePollStore = defineStore('poll', {
 	state: (): PollStore => ({
@@ -148,14 +148,13 @@ export const usePollStore = defineStore('poll', {
 	}),
 
 	getters: {
-
 		getChosenRank(): string[] {
 			try {
-	 			const parsed = JSON.parse(this.configuration.chosenRank || '[]')
-	    		return Array.isArray(parsed) ? parsed : []
-	  		} catch {
-	      		return DEFAULT_CHOSEN_RANK;
-	    	}
+				const parsed = JSON.parse(this.configuration.chosenRank || '[]')
+				return Array.isArray(parsed) ? parsed : []
+			} catch {
+				return DEFAULT_CHOSEN_RANK
+			}
 		},
 		viewMode(state): ViewMode {
 			const sessionStore = useSessionStore()
@@ -263,15 +262,15 @@ export const usePollStore = defineStore('poll', {
 	},
 
 	actions: {
-
 		setChosenRank(ranks: string[]) {
-			const validItems = Array.isArray(ranks) 
-			? ranks.map(item => String(item).trim())
-			.filter(item => item !== '')
-			: [];
-			this.configuration.chosenRank = JSON.stringify(validItems.sort());
+			const validItems = Array.isArray(ranks)
+				? ranks
+						.map((item) => String(item).trim())
+						.filter((item) => item !== '')
+				: []
+			this.configuration.chosenRank = JSON.stringify(validItems.sort())
 		},
-		
+
 		reset(): void {
 			this.$reset()
 		},
@@ -314,11 +313,19 @@ export const usePollStore = defineStore('poll', {
 			}
 		},
 
-		async add(payload: { type: PollType; title: string; votingVariant: VotingVariant }): Promise<Poll | void> {
+		async add(payload: {
+			type: PollType
+			title: string
+			votingVariant: VotingVariant
+		}): Promise<Poll | void> {
 			const pollsStore = usePollsStore()
 
 			try {
-				const response = await PollsAPI.addPoll(payload.type, payload.title, payload.votingVariant)
+				const response = await PollsAPI.addPoll(
+					payload.type,
+					payload.title,
+					payload.votingVariant,
+				)
 				return response.data.poll
 			} catch (error) {
 				if ((error as AxiosError)?.code === 'ERR_CANCELED') {

src/stores/poll.types.ts

@@ -14,7 +14,7 @@ export type PollTypesType = {
 export type VotingVariant = 'simple' | 'generic'
 
 export type VotingVariantsType = {
-	name : string
+	name: string
 }
 
 export type AccessType = 'private' | 'open'