dancefinder/dancefinder-app
5
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Activity

fix: lint errors

Browse Source
This commit is contained in:
Joakim Olsson
2022-05-23 09:52:03 +02:00
parent fea79ea110
commit 6f5969b978
3 changed files with 45 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/pages/events/index.vue
+33 -38
View File
@@ -1,7 +1,7 @@
<template> <template>
<div :key="isAuthenticated"> <div :key='isAuthenticated'>
<v-container fluid grid-list-md class="app-fade-in" :key="range"> <v-container :key='range' fluid grid-list-md class='app-fade-in'>
<v-layout row wrap v-if="!isAuthenticated"> <v-layout v-if='!isAuthenticated' row wrap>
<v-flex xs12> <v-flex xs12>
<p><b v-text="$t('events.login')" /></p> <p><b v-text="$t('events.login')" /></p>
</v-flex> </v-flex>
@@ -9,25 +9,25 @@
<v-layout row wrap> <v-layout row wrap>
<v-flex xs12> <v-flex xs12>
<v-text-field <v-text-field
v-model="origin" v-model='origin'
:label="$t('origins.origin')" :label="$t('origins.origin')"
:placeholder="$t('origins.geolocation')" :placeholder="$t('origins.geolocation')"
> >
<v-tooltip top slot="append-outer"> <v-tooltip slot='append-outer' top>
<template v-slot:activator="{ on }"> <template #activator='{ on }'>
<v-icon v-on="on" v-on:click="fetchAddress()" <v-icon v-on='on' @click='fetchAddress()'
>mdi-crosshairs-gps >mdi-crosshairs-gps
</v-icon> </v-icon>
</template> </template>
<span v-text="$t('origins.fetchAddress')" /> <span v-text="$t('origins.fetchAddress')" />
</v-tooltip> </v-tooltip>
<v-tooltip top slot="prepend" v-if="isAuthenticated"> <v-tooltip v-if='isAuthenticated' slot='prepend' top>
<template v-slot:activator="{ on }"> <template #activator='{ on }'>
<v-icon <v-icon
v-on="on" :disabled='!origin'
:disabled="!origin" v-on='on'
v-on:click="saveOrigin(origin)" @click='saveOrigin(origin)'
>mdi-bookmark-plus-outline >mdi-bookmark-plus-outline
</v-icon> </v-icon>
</template> </template>
<span v-text="$t('origins.save')" /> <span v-text="$t('origins.save')" />
@@ -38,38 +38,34 @@
<v-layout row wrap> <v-layout row wrap>
<v-flex> <v-flex>
<v-btn-toggle <v-btn-toggle
v-if="$vuetify.breakpoint.smAndUp" v-if='$vuetify.breakpoint.smAndUp'
v-model="range" v-model='range'
mandatory mandatory
> >
<v-btn <v-btn v-for='r in ranges' :key='r.value' text :value='r.value'>
text <span v-text='$t(`events.range.${r.value}`)'
v-for="r in ranges" /></v-btn>
:key="r.value"
:value="r.value"
v-text="$t(`events.range.${r.value}`)"
/>
</v-btn-toggle> </v-btn-toggle>
<v-select <v-select
v-if='$vuetify.breakpoint.xsOnly'
v-model='range'
outline outline
v-if="$vuetify.breakpoint.xsOnly" :items='ranges'
v-model="range" item-text='name'
:items="ranges" item-value='value'
item-text="name"
item-value="value"
/> />
</v-flex> </v-flex>
</v-layout> </v-layout>
<list <list
:events="events || []" :events='events || []'
:has-user="isAuthenticated" :has-user='isAuthenticated'
:toggleIgnore="toggleIgnore" :toggle-ignore='toggleIgnore'
/> />
</v-container> </v-container>
<v-snackbar <v-snackbar
v-model="snackbar.active" v-model='snackbar.active'
:color="snackbar.color" :color='snackbar.color'
:timeout="5000" :timeout='5000'
> >
{{ snackbar.text }} {{ snackbar.text }}
</v-snackbar> </v-snackbar>
@@ -80,7 +76,7 @@
import { useMutations, useRouter } from '@u3u/vue-hooks' import { useMutations, useRouter } from '@u3u/vue-hooks'
import { computed, ref, watch } from '@vue/composition-api' import { computed, ref, watch } from '@vue/composition-api'
import { useMutation, useQuery, useResult } from '@vue/apollo-composable' import { useMutation, useQuery, useResult } from '@vue/apollo-composable'
import { useAuth } from '../../../plugins/auth' import { useAuth } from '~/plugins/auth'
import List from './List' import List from './List'
import { import {
@@ -92,8 +88,8 @@ import {
toggleIgnoreDanceHall, toggleIgnoreDanceHall,
toggleIgnoreMunicipality, toggleIgnoreMunicipality,
toggleIgnoreState toggleIgnoreState
} from '../../../utils/graph-client' } from '~/utils/graph-client'
import { useTranslation } from '../../../plugins/i18n' import { useTranslation } from '~/plugins/i18n'
export default { export default {
name: 'EventsPage', name: 'EventsPage',
@@ -122,7 +118,6 @@ export default {
range, range,
(r) => { (r) => {
enabled.value = true enabled.value = true
console.log('isAuthenticated', isAuthenticated.value)
refetch({ refetch({
range: r, range: r,
includeOrigins: isAuthenticated.value || false includeOrigins: isAuthenticated.value || false
components/pages/filters/List/index.vue
+3 -3
View File
@@ -6,15 +6,15 @@
</v-card-title> </v-card-title>
<v-list> <v-list>
<v-list-item v-for="item in model" :key="item"> <v-list-item v-for="item in model" :key="item">
<v-list-item-action v-on:click="toggleIgnore(type, item)"> <v-list-item-action @click="toggleIgnore(type, item)">
<v-tooltip top slot="prepend"> <v-tooltip top slot="prepend">
<template v-slot:activator="{ on }"> <template #activator="{ on }">
<v-icon v-on="on">mdi-delete-outline</v-icon> <v-icon v-on="on">mdi-delete-outline</v-icon>
</template> </template>
<span v-text="$t('filters.remove')" /> <span v-text="$t('filters.remove')" />
</v-tooltip> </v-tooltip>
</v-list-item-action> </v-list-item-action>
<v-list-item-title v-html="item" /> <v-list-item-titl><span v-html="item" /></v-list-item-titl>
</v-list-item> </v-list-item>
</v-list> </v-list>
</v-card> </v-card>
layouts/default.vue
+9 -9
View File
@@ -15,7 +15,7 @@
<v-list-item @click="locale = 'sv'"> <v-list-item @click="locale = 'sv'">
<v-list-item-title>På Svenska 🇸🇪</v-list-item-title> <v-list-item-title>På Svenska 🇸🇪</v-list-item-title>
</v-list-item> </v-list-item>
<v-list-item link v-if="!user" @click="doLogin"> <v-list-item v-if="!user" link @click="doLogin">
<v-list-item-title>{{ $t('app.login') }}</v-list-item-title> <v-list-item-title>{{ $t('app.login') }}</v-list-item-title>
</v-list-item> </v-list-item>
<v-list-item v-if="isAuthenticated && user"> <v-list-item v-if="isAuthenticated && user">
@@ -23,7 +23,7 @@
<v-img :src="user.picture" :alt="user.name" /> <v-img :src="user.picture" :alt="user.name" />
</v-list-item-avatar> </v-list-item-avatar>
<v-list-item-content> <v-list-item-content>
<v-list-item-title v-html="user.name" /> <v-list-item-title><span v-html="user.name" /></v-list-item-title>
</v-list-item-content> </v-list-item-content>
</v-list-item> </v-list-item>
<v-list-item link to="/"> <v-list-item link to="/">
@@ -32,19 +32,19 @@
</v-list-item-action> </v-list-item-action>
<v-list-item-title>{{ $t('app.links.events') }}</v-list-item-title> <v-list-item-title>{{ $t('app.links.events') }}</v-list-item-title>
</v-list-item> </v-list-item>
<v-list-item link to="/origins/" v-if="isAuthenticated"> <v-list-item v-if="isAuthenticated" link to="/origins/">
<v-list-item-action> <v-list-item-action>
<v-icon>mdi-home</v-icon> <v-icon>mdi-home</v-icon>
</v-list-item-action> </v-list-item-action>
<v-list-item-title>{{ $t('app.links.origins') }}</v-list-item-title> <v-list-item-title>{{ $t('app.links.origins') }}</v-list-item-title>
</v-list-item> </v-list-item>
<v-list-item link to="/filters/" v-if="isAuthenticated"> <v-list-item v-if="isAuthenticated" link to="/filters/">
<v-list-item-action> <v-list-item-action>
<v-icon>mdi-magnify</v-icon> <v-icon>mdi-magnify</v-icon>
</v-list-item-action> </v-list-item-action>
<v-list-item-title>{{ $t('app.links.filters') }}</v-list-item-title> <v-list-item-title>{{ $t('app.links.filters') }}</v-list-item-title>
</v-list-item> </v-list-item>
<v-list-item link v-if="isAuthenticated"> <v-list-item v-if="isAuthenticated" link>
<v-list-item-action> <v-list-item-action>
<v-icon>exit_to_app</v-icon> <v-icon>exit_to_app</v-icon>
</v-list-item-action> </v-list-item-action>
@@ -55,8 +55,8 @@
</v-list> </v-list>
</v-navigation-drawer> </v-navigation-drawer>
<v-app-bar app scroll-off-screen> <v-app-bar app scroll-off-screen>
<v-app-bar-nav-icon v-on:click="nav = !nav" /> <v-app-bar-nav-icon @click="nav = !nav" />
<v-toolbar-title v-html="title" /> <v-toolbar-title><span v-html="title" /></v-toolbar-title>
<v-spacer /> <v-spacer />
<v-toolbar-items> <v-toolbar-items>
<v-list-item v-if="isAuthenticated && user"> <v-list-item v-if="isAuthenticated && user">
@@ -64,13 +64,13 @@
<v-img :src="user.picture" :alt="user.name" /> <v-img :src="user.picture" :alt="user.name" />
</v-list-item-avatar> </v-list-item-avatar>
<v-list-item-content> <v-list-item-content>
<v-list-item-title v-html="user.name" /> <v-list-item-title><span v-html="user.name" /></v-list-item-title>
</v-list-item-content> </v-list-item-content>
</v-list-item> </v-list-item>
</v-toolbar-items> </v-toolbar-items>
</v-app-bar> </v-app-bar>
<v-main> <v-main>
<v-container fluid v-if="!loading"> <v-container v-if="!loading" fluid>
<nuxt /> <nuxt />
</v-container> </v-container>
</v-main> </v-main>