JandL_gitea/jandl-taskmanager-app
1
0 Fork 0
mirror of https://bitbucket.org/studiotem/jandl-taskmanager-app.git synced 2026-10-21 22:39:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

[v-autocomplete] Fix for special characters

Browse Source
This commit is contained in:
Matej Glasnák committed 2023-06-09 14:42:35 +02:00
1 parent 2d7f29e9f4
commit 994356628d
10 files changed
+147 -83
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

app/src/plugins/tm@dashboard/projects/_components/a-project-filter.vue
+5 -3
View File
@@ -1,12 +1,12 @@
<template>
<v-row class="px-10 py-8 subheader">
<v-autocomplete v-model="filter.projectId" class="subheader-input" :items="[...projectsOptions]" item-title="code" item-value="id" label="Projekt" variant="outlined" @update:search="projectCodeSearch = $event" />
<v-autocomplete :custom-filter="customFilter" :match-any="true" v-model="filter.projectId" class="subheader-input" :items="[...projectsOptions]" item-title="code" item-value="id" label="Projekt" variant="outlined" @update:search="projectCodeSearch = $event" />
<v-select v-model="filter.teamId" class="subheader-input" :items="[null, ...teams]" label="Tím" variant="outlined" item-title="name" item-value="id" />
<v-autocomplete v-model="filter.employeeId" class="subheader-input" :items="[...enrichedEmployees]" item-title="_fullName" item-value="id" label="Zamestnanec" variant="outlined" />
<v-autocomplete :custom-filter="customFilter" :match-any="true" v-model="filter.employeeId" class="subheader-input" :items="[...enrichedEmployees]" item-title="_fullName" item-value="id" label="Zamestnanec" variant="outlined" />
<v-autocomplete v-model="filter.createdById" class="subheader-input" :items="[...enrichedEmployees]" label="Vytvoril" variant="outlined" item-title="_fullName" item-value="id" />
<v-autocomplete :custom-filter="customFilter" :match-any="true" v-model="filter.createdById" class="subheader-input" :items="[...enrichedEmployees]" label="Vytvoril" variant="outlined" item-title="_fullName" item-value="id" />
<v-select v-model="filter.month" class="subheader-input" :items="months" label="Mesiac" variant="outlined" />
@@ -18,9 +18,11 @@
</template>
<script>
import AutocompleteMixin from '@/plugins/tm@_mixins/autocomplete.mixin'
import { mapGetters } from 'vuex'
export default {
mixins: [AutocompleteMixin],
emits: ['filterChanged'],
data() {
app/src/plugins/tm@dashboard/tasks/_components/a-tasks-filter.vue
+20 -32
View File
@@ -1,43 +1,31 @@
<template>
<v-row class="px-7 py-5 subheader">
<v-autocomplete
v-model="selectedEmployee"
class="subheader-input"
:items="enrichedEmployees"
:menu-props="{maxHeight: 500}"
item-title="_fullName"
item-value="id"
label="Zamestnanec"
variant="outlined"
></v-autocomplete>
<v-autocomplete :custom-filter="customFilter" :match-any="true" v-model="selectedEmployee" class="subheader-input"
:items="enrichedEmployees" :menu-props="{ maxHeight: 500 }" item-title="_fullName" item-value="id"
label="Zamestnanec" variant="outlined"></v-autocomplete>
<div class="d-flex date-wrapper">
<v-btn class="subheader-icon-button prev" variant="outlined" @click="prevWeek()"><img :src="require('@/plugins/app/_img/icons/icon-prev.svg')" alt=""></v-btn>
<v-text-field
class="subheader-input disabled"
label="Dátum"
v-model="selectedDate"
variant="outlined"
append-inner-icon="mdi-calendar-blank-outline"
></v-text-field>
<v-btn class="subheader-icon-button next" variant="outlined" @click="nextWeek()"><img :src="require('@/plugins/app/_img/icons/icon-next.svg')" alt=""></v-btn>
<v-btn class="subheader-icon-button prev" variant="outlined" @click="prevWeek()"><img
:src="require('@/plugins/app/_img/icons/icon-prev.svg')" alt=""></v-btn>
<v-text-field class="subheader-input disabled" label="Dátum" v-model="selectedDate" variant="outlined"
append-inner-icon="mdi-calendar-blank-outline"></v-text-field>
<v-btn class="subheader-icon-button next" variant="outlined" @click="nextWeek()"><img
:src="require('@/plugins/app/_img/icons/icon-next.svg')" alt=""></v-btn>
</div>
<v-text-field
class="subheader-input disabled"
label="Nenaplánované hodiny"
variant="outlined"
:disabled="true"
v-model="time"
></v-text-field>
<v-text-field class="subheader-input disabled" label="Nenaplánované hodiny" variant="outlined" :disabled="true"
v-model="time"></v-text-field>
</v-row>
</template>
<script>
import { addDays, subDays } from 'date-fns'
import AutocompleteMixin from '@/plugins/tm@_mixins/autocomplete.mixin'
import { mapGetters } from 'vuex'
import { addDays, subDays } from 'date-fns'
export default {
mixins: [AutocompleteMixin],
emits: ['filter-changed'],
props: {
splitDays: {
type: [Array, null],
@@ -58,7 +46,7 @@ export default {
}
}
},
computed: {
...mapGetters('auth', ['user']),
...mapGetters('tm', ['enrichedEmployees']),
@@ -82,9 +70,9 @@ export default {
},
_updateFilters() {
this.filter.start = subDays(this.date, 1)
this.filter.end = addDays(this.date, 5)
this.selectedDate = String(this.filter.start?.toLocaleDateString('sk-SK') + ' - ' + this.filter.end?.toLocaleDateString('sk-SK'))
this.filter.start = subDays(this.date, 1)
this.filter.end = addDays(this.date, 5)
this.selectedDate = String(this.filter.start?.toLocaleDateString('sk-SK') + ' - ' + this.filter.end?.toLocaleDateString('sk-SK'))
this._emitFilterChanged()
},