mirror of
https://bitbucket.org/studiotem/jandl-taskmanager-app.git
synced 2026-10-21 22:39:34 +00:00
feat(search, header) reworked header and search
This commit is contained in:
1 parent
e0d6ae57b3
commit
4f8c8499c2
242 files changed
+21094
-2061
No files matched your search
@@ -1,17 +1,16 @@
|
||||
<template>
|
||||
<div class="timeblock w-100">
|
||||
<div v-if="deletable && editable" class="x-button">
|
||||
<button @click="$emit('removeTimeblock')" class="x-button">x</button>
|
||||
<button class="x-button" @click="$emit('removeTimeblock')">x</button>
|
||||
</div>
|
||||
<div
|
||||
@click="handleDatepickerClick"
|
||||
class="datepicker-wrapper"
|
||||
:ref="`timeblock-datepicker-wrapper-${index}`"
|
||||
class="datepicker-wrapper"
|
||||
@click="handleDatepickerClick"
|
||||
>
|
||||
<Datepicker
|
||||
:model-value="timeblock.date"
|
||||
:ref="`timeblock-datepicker-${index}`"
|
||||
@update:model-value="updateDate"
|
||||
:model-value="timeblock.date"
|
||||
format="dd.MM.yyyy"
|
||||
locale="sk"
|
||||
select-text="Vybrať"
|
||||
@@ -20,26 +19,27 @@
|
||||
:auto-apply="true"
|
||||
:enable-time-picker="false"
|
||||
class="mb-5 modal-input datepicker-input"
|
||||
@update:model-value="updateDate"
|
||||
/>
|
||||
</div>
|
||||
<div class="splitted-time-inputs">
|
||||
<v-text-field
|
||||
:value="timeblock.starts_at_time"
|
||||
@input="updateStartTime"
|
||||
:class="{ error: v$?.timeblock.starts_at_time.$errors.length }"
|
||||
type="time"
|
||||
variant="solo"
|
||||
bg-color="white"
|
||||
label="Začiatok"
|
||||
@input="updateStartTime"
|
||||
/>
|
||||
<v-text-field
|
||||
:value="timeblock.ends_at_time"
|
||||
@input="updateEndTime"
|
||||
:class="{ error: v$?.timeblock.ends_at_time.$errors.length }"
|
||||
type="time"
|
||||
variant="solo"
|
||||
bg-color="white"
|
||||
label="Koniec"
|
||||
@input="updateEndTime"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -138,7 +138,6 @@ export default {
|
||||
// Calculate position relative to modal
|
||||
const topPosition =
|
||||
wrapperRect.top - modalRect.top + wrapperRect.height;
|
||||
const leftPosition = wrapperRect.left - modalRect.left;
|
||||
|
||||
// Apply positioning
|
||||
// calendar.style.position = 'absolute';
|
||||
|
||||
Reference in new issue
Block a user